.in{--and:rgba(25,58,91,.08);align-items:center;right:0;pointer-events:none;color:var(--alt);top:0;justify-content:flex-end;display:flex;left:0;padding:0 24px;background:transparent;height:54px;z-index:100;position:fixed;--alt:rgba(7,24,45,.76);}.in::after{background:var(--and);bottom:0;opacity:0;left:24px;height:1px;position:absolute;content:"";transition:opacity .45s var(--ajd),background-color .55s var(--ajd);right:24px;}.dt{opacity:.84;font-weight:650;padding:10px 2px;position:relative;z-index:1;pointer-events:auto;font-size:11px;text-shadow:var(--aoy,0 1px 18px rgba(255,255,255,.12));color:var(--alt);transition:color .55s var(--ajd),text-shadow .55s var(--ajd),opacity .35s var(--ajd);letter-spacing:.08em;}.dt::after{bottom:4px;content:"";transition:transform .3s var(--ajd);height:1px;position:absolute;left:0;transform:scaleX(0);background:currentColor;right:0;transform-origin:right;}.dt:hover{opacity:1;}.dt:hover::after{transform-origin:left;transform:scaleX(1);}.in.cx::after{opacity:.42;}