@layer reset,base,components.primitives,components.patterns;@layer components.features{.xm-trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.xm-trigger:focus-visible{box-shadow:var(--ring-brand);border-radius:var(--radius-md)}.xm-badge{inset-inline-end:var(--space-10);bottom:var(--space-10);border-radius:var(--radius-md);background:var(--bg-overlay);width:32px;height:32px;color:var(--fg-on-brand);opacity:0;transition:opacity var(--dur-base) var(--ease-out);justify-content:center;align-items:center;display:inline-flex;position:absolute}.xm-trigger:hover .xm-badge,.xm-trigger:focus-visible .xm-badge{opacity:1}@media (hover:none){.xm-badge{opacity:1}}}