.reticle{position:relative}.reticle:before,.reticle:after{border-color:var(--color-primary-light);content:"";height:var(--space-8);opacity:0;pointer-events:none;width:var(--space-8);z-index:2;border-style:solid;transition:opacity .2s,transform .35s cubic-bezier(.2,0,0,1);position:absolute}.reticle:before{left:calc(-1 * var(--space-3));top:calc(-1 * var(--space-3));border-width:2px 0 0 2px;transform:translate(.5rem,.5rem)}[dir=rtl] .reticle:before{left:auto;right:calc(-1 * var(--space-3));border-width:2px 2px 0 0;transform:translate(-.5rem,.5rem)}.reticle:after{bottom:calc(-1 * var(--space-3));right:calc(-1 * var(--space-3));border-width:0 2px 2px 0;transform:translate(-.5rem,-.5rem)}[dir=rtl] .reticle:after{right:auto;left:calc(-1 * var(--space-3));border-width:0 0 2px 2px;transform:translate(.5rem,-.5rem)}.reticle:is(:hover,:focus-visible,[data-hovered],[data-focus-visible]):before,.reticle:is(:hover,:focus-visible,[data-hovered],[data-focus-visible]):after,.reticle-host:is(:hover,:focus-visible,[data-hovered],[data-focus-visible]) .reticle:before,.reticle-host:is(:hover,:focus-visible,[data-hovered],[data-focus-visible]) .reticle:after{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reticle:before,.reticle:after{transition:none}}