.reactive{--px:50%;--py:50%;position:relative;transition:color .18s,background-color .25s,box-shadow .25s,text-shadow .25s;isolation:isolate}.reactive:hover,.reactive:focus-visible{color:#78baff!important;text-shadow:0 0 12px #298cff88;box-shadow:inset 0 -1px #338fffa6,0 7px 20px -14px #2994ff;background-image:radial-gradient(ellipse 95px 60px at var(--px) var(--py),#237bdb29,transparent 85%)}.brand{transition:filter .25s,color .25s}.brand:hover,.brand:focus-visible{filter:drop-shadow(0 0 7px #2585ff44);background-image:none;box-shadow:none}.reactive:active{color:#dcefff!important;background-color:#338aff25}.click-wave{position:absolute;z-index:10;width:6px;height:6px;border:1px solid #70bdff;border-radius:50%;pointer-events:none;animation:click-wave .55s cubic-bezier(.17,.67,.2,1) forwards}.ambient-reactive{transition:color .45s,filter .45s}.ambient-reactive:hover{color:#9dbdd5;filter:drop-shadow(0 0 3px #368acc44)}.microfield{pointer-events:auto}.microfield:hover:before{width:75%;background:#54a7ef;transition:width .65s}.rail:hover b{color:#69b6ff;transform:rotate(90deg);transition:transform .6s}.header-code:hover{border-color:#548db9}.corner:hover span{color:#8dbfe3}.screen-head:hover{border-bottom-color:#4d8cbd}.screen-foot:hover{border-top-color:#4d8cbd}.screen-head,.screen-foot{transition:border-color .4s}.track:hover,.progress:hover{background:#426481}@keyframes click-wave{from{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(12)}}@media(prefers-reduced-motion:reduce){.click-wave{display:none}.reactive,.ambient-reactive,.brand{transition:none}.rail:hover b{transform:none}}@media(hover:none){.reactive:hover{background-image:none;text-shadow:none;box-shadow:none}.reactive:active{box-shadow:inset 0 -1px #338fff}}