.k-wave-viewer[data-theme=beatmap]{--k-wave-light-4: hsl(200 40% 50%);--k-wave-light-3: hsl(200 40% 70%);--k-wave-dark-4: hsl(200 20% 20%);--k-wave-dark-3: hsl(200 20% 25%);--k-wave-background: hsl(200 10% 15%);--k-wave-content: hsl(200 40% 90%)}.k-wave-viewer__close{position:absolute;z-index:40;top:14px;right:16px;display:grid;width:42px;height:42px;place-items:center;border:2px solid color-mix(in srgb,var(--k-wave-light-3) 28%,transparent);border-radius:50%;background:color-mix(in srgb,var(--k-wave-dark-4) 92%,transparent);box-shadow:0 5px 14px #0000003d;color:var(--k-wave-content);transition:background-color .3s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1)}.k-wave-viewer__close svg{width:19px;height:19px}.k-wave-viewer__close:focus-visible{background:var(--k-wave-light-4);color:#fff;outline:none;transform:scale(1.08) rotate(4deg)}@media(hover:hover)and (pointer:fine){.k-wave-viewer__close:hover{background:var(--k-wave-light-4);color:#fff;outline:none;transform:scale(1.08) rotate(4deg)}}.k-wave-viewer__close:active{transform:scale(.94)}.k-detail-page{min-height:100%;color:var(--k-wave-content);font-family:var(--font-sans)}.k-replay-page{--k-detail-bg-3: hsl(200 10% 25%);--k-detail-bg-4: hsl(200 10% 20%);--k-detail-bg-5: hsl(200 10% 15%);--k-detail-bg-6: hsl(200 10% 10%);--k-detail-highlight: hsl(200 100% 70%);background:var(--k-detail-bg-6)}.k-replay-page__header{background:linear-gradient(90deg,#29363df5,#1e2224eb),var(--k-detail-bg-4);box-shadow:0 5px 18px #00000047}.k-replay-page__header:after{position:absolute;inset:auto 0 0;height:2px;background:var(--k-detail-highlight);content:"";opacity:.72}@media(max-width:767px){.k-wave-viewer[data-theme=beatmap] .k-wave-viewer__screen,.k-wave-viewer[data-theme=profile] .k-wave-viewer__screen{width:100%}.k-wave-viewer__close{top:10px;right:10px}}@media(prefers-reduced-motion:reduce){.k-wave-viewer__close{transition:none}}