.cover-viewer-trigger{appearance:none;color:inherit;cursor:zoom-in;font:inherit;text-align:inherit;background:0 0;padding:0;display:block}.cover-viewer-trigger:hover{filter:brightness(1.05)saturate(1.04)}.cover-viewer-trigger:focus-visible{outline:max(.22rem, 3px) solid var(--colour-focus);outline-offset:.3rem}dialog.cover-viewer:not([open]){display:none}.cover-viewer{--cover-source-limit:100dvi;block-size:100dvb;color:var(--colour-text);background:0 0;border:0;place-items:center;max-block-size:none;inline-size:100dvi;max-inline-size:none;margin:0;padding:0;display:grid;inset:0;overflow:hidden}.cover-viewer::backdrop{background:#03121cd1}:root[data-theme=dark] .cover-viewer::backdrop{background:#00080ec7}.cover-viewer-frame{inline-size:fit-content;position:relative}.cover-art.cover-art--viewer{aspect-ratio:var(--cover-aspect-ratio);box-shadow:0 1.5rem 3.5rem var(--colour-cover-shadow), inset 0 0 0 clamp(2px, .35vw, 4px) #0d2b3b;inline-size:min(var(--cover-source-limit), calc(100dvi - max(2.5rem, env(safe-area-inset-left)) - max(2.5rem, env(safe-area-inset-right))), calc(var(--cover-height-limit) - max(var(--cover-block-inset), env(safe-area-inset-top)) - max(var(--cover-block-inset), env(safe-area-inset-bottom))));background:#0d2b3b;border:1px solid #000000c7;border-radius:.35rem;overflow:hidden}.cover-art--viewer img{object-fit:contain;block-size:100%;inline-size:100%}.cover-viewer-close-form{display:contents}.cover-viewer-close{appearance:none;color:#000;cursor:pointer;block-size:48px;font-family:var(--font-interface);z-index:1;background:#f5b51b;border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;inline-size:48px;padding:0 0 .12em;font-size:1.85rem;line-height:1;display:inline-flex;position:absolute;inset-block-start:-24px;inset-inline-end:-24px}.cover-viewer-close:hover{background:#ffc52b}.cover-viewer-close:focus-visible{outline:3px solid var(--colour-focus);outline-offset:3px;border-radius:50%}html.cover-viewer-open,html.cover-viewer-open body{overscroll-behavior:none;overflow:hidden}html.cover-viewer-open.cover-viewer-gutter{scrollbar-gutter:stable}@media (forced-colors:active){.cover-viewer-trigger{border-color:buttontext}.cover-viewer-trigger:focus-visible{outline:3px double highlight}:root[data-theme] .cover-viewer::backdrop{background:canvas}.cover-art.cover-art--viewer{outline-offset:-2px;outline:2px solid canvastext}.cover-viewer-close{color:buttontext;forced-color-adjust:auto;background:buttonface;border-color:buttontext}.cover-viewer-close:focus-visible{outline:3px double highlight}}
