.theme-popup{padding:0;border:0;background:#080c12;color:white;border-radius:18px;max-width:none;max-height:calc(100dvh - 24px);width:min(1100px,calc(100vw - 32px),calc((100dvh - 24px)*1.5));overflow:auto;box-shadow:0 20px 90px #0008}.theme-popup::backdrop{background:#04080de0;backdrop-filter:blur(9px)}.theme-popup-art{position:relative}.theme-popup picture,.theme-popup img{display:block;width:100%;height:auto}.theme-pick{position:absolute;padding:0;background:transparent;border:2px solid transparent;border-radius:999px;top:78.8%;height:10%;width:34%;cursor:pointer}.theme-pick-light{left:10%}.theme-pick-dark{left:56.5%}.theme-pick:hover{background:#ffffff18;box-shadow:0 0 28px #fff5}.theme-pick:focus-visible{outline:4px solid white;outline-offset:3px;background:#ffffff20}.theme-popup-close{position:absolute;right:10px;top:10px;border-radius:50%;width:36px;height:36px;background:#101622dd;color:white;font-size:25px;line-height:1;display:grid;place-items:center}.theme-popup-close:hover{background:#27313f}.popup-previews img{max-width:100%;max-height:260px;object-fit:contain;display:block;margin:12px 0}.popup-previews{display:grid;gap:24px}.popup-previews article{border:1px solid var(--line);padding:18px;border-radius:16px}.popup-previews input{max-width:100%}@media(max-width:600px){.theme-popup{width:min(calc(100vw - 20px),calc((100dvh - 20px)*.5625));max-height:calc(100dvh - 20px);border-radius:14px}.theme-pick{left:5.1%;width:89.6%;height:8.6%}.theme-pick-light{top:70.8%}.theme-pick-dark{top:81%}.theme-popup-close{width:30px;height:30px;right:5px;top:5px}}
/* Preserve the artwork's actual proportions and align the supported banner layouts. */
.theme-popup{width:min(1100px,calc(100vw - 32px),calc((100dvh - 24px)*var(--popup-ratio,1.5)))}
.theme-popup:focus{outline:none}
.theme-popup[data-art-layout="wide-right"] .theme-pick{top:82%;height:8.5%;width:18.5%}
.theme-popup[data-art-layout="wide-right"] .theme-pick-light{left:58.2%}
.theme-popup[data-art-layout="wide-right"] .theme-pick-dark{left:78%}
.theme-popup[data-art-layout="classic"] .theme-pick{top:78.8%;height:10%;width:34%}
.theme-popup[data-art-layout="classic"] .theme-pick-light{left:10%}
.theme-popup[data-art-layout="classic"] .theme-pick-dark{left:56.5%}
.theme-popup[data-art-layout="portrait"] .theme-pick{left:5.1%;width:89.6%;height:8.6%}
.theme-popup[data-art-layout="portrait"] .theme-pick-light{top:70.8%}
.theme-popup[data-art-layout="portrait"] .theme-pick-dark{top:81%}
@media(max-width:600px){.theme-popup{width:min(calc(100vw - 20px),calc((100dvh - 20px)*var(--popup-ratio,.5625)))}}

.theme-popup[data-art-layout="wide-center"] .theme-pick{top:81.5%;height:9%;width:25.5%}
.theme-popup[data-art-layout="wide-center"] .theme-pick-light{left:22%}
.theme-popup[data-art-layout="wide-center"] .theme-pick-dark{left:53.2%}

.theme-popup[data-art-layout="portrait-row"] .theme-pick{top:74.5%;height:6%;width:42.5%}
.theme-popup[data-art-layout="portrait-row"] .theme-pick-light{left:6%}
.theme-popup[data-art-layout="portrait-row"] .theme-pick-dark{left:52%}