.scan{overflow:hidden;position:relative;will-change:filter,opacity;transition:filter .35s ease-in-out}.scan a{text-shadow:1px 1px 3px #ccd0d4,0 0 0 rgb(0 0 0 / 80%),1px 1px 4px #fff;transition:opacity .35s ease-in-out,border .35s ease-in-out;transform:translate(-50%,-50%) rotate(-33deg);color:#0006;top:calc(50% - 40px);position:absolute;border-radius:8px;max-width:100vw;overflow:hidden;font-size:20px;border:solid 0;padding:8px;opacity:0;left:50%;box-shadow:0 15px 25px -4px #0000007f,inset 0 -3px 4px -1px #0003,0 -10px 15px -1px #fff9,inset 0 3px 4px -1px #fff3,inset 0 0 5px 1px #fffc,inset 0 20px 30px #fff3}.scan .scanner{transition-delay:.15s;transition:filter .35s ease-in-out,border .35s ease-in-out}.scan .scanner{filter:opacity(0);will-change:filter,opacity}.scan.active{filter:drop-shadow(0px 0px 6px black)}.scan.active .scanner{filter:opacity(1);border:solid 1px rgba(255,255,255,.4)}.scan.active .toggle{filter:drop-shadow(0 0 9px var(--background))}