@layer vapor.components{.interactions-13di4x91{--interactions-opacity-ratio-13di4x90:.08;position:relative}.interactions-13di4x91:before{content:"";opacity:0;border-radius:inherit;background-color:var(--vapor-color-gray-900);pointer-events:none;border:none;width:100%;height:100%;transition:opacity .15s;position:absolute;top:0;left:0}.interactions-13di4x91:focus,.interactions-13di4x91:focus-visible{outline:none}.interactions-13di4x93{--interactions-opacity-ratio-13di4x90:.04}.interactions-13di4x94:active:before{opacity:calc(var(--interactions-opacity-ratio-13di4x90)*2)}.interactions-13di4x94:focus-visible{outline:2px solid var(--vapor-color-foreground-normal-200);outline-offset:2px}.interactions-13di4x95{transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}.interactions-13di4x95:focus{box-shadow:inset 0 0 0 .0625rem var(--vapor-color-border-primary)}.interactions-13di4x96[data-highlighted]:before{opacity:.08}.interactions-13di4x96[data-highlighted]:active:before{opacity:.16}@media (hover:hover){.interactions-13di4x94:hover:before{opacity:calc(var(--interactions-opacity-ratio-13di4x90)*1)}.interactions-13di4x94:active:before{opacity:calc(var(--interactions-opacity-ratio-13di4x90)*2)}.interactions-13di4x95:hover:not(:focus){box-shadow:inset 0 0 0 .0625rem color-mix(in srgb,var(--vapor-color-gray-900)32%,transparent)}}}