@layer vapor.components{.interaction-asfnsy0{opacity:var(--overlay-opacity);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}.interaction-asfnsy1{--ratio:.08;--overlay-opacity:0;position:relative}.interaction-asfnsy1:focus,.interaction-asfnsy1:focus-visible{outline:none}.interaction-asfnsy3{--ratio:.04}.interaction-asfnsy4:active{--overlay-opacity:calc(var(--ratio) * 2)}.interaction-asfnsy4:focus-visible{outline:2px solid var(--vapor-color-foreground-normal-200);outline-offset:2px}.interaction-asfnsy5{transition:box-shadow .15s cubic-bezier(.4,0,.2,1)}.interaction-asfnsy5:focus{box-shadow:inset 0 0 0 .0625rem var(--vapor-color-border-primary)}.interaction-asfnsy6[data-highlighted]{--overlay-opacity:.08}.interaction-asfnsy6[data-highlighted]:active{--overlay-opacity:.16}@media (hover:hover){.interaction-asfnsy4:hover{--overlay-opacity:var(--ratio)}.interaction-asfnsy4:active{--overlay-opacity:calc(var(--ratio) * 2)}.interaction-asfnsy5:hover:not(:focus){box-shadow:inset 0 0 0 .0625rem color-mix(in srgb, var(--vapor-color-gray-900) 32%, transparent)}}}