.theme-options{min-width:0;margin:0 0 20px;padding:0;border:0;color:inherit}
.theme-options>legend{float:none;width:100%;margin:0 0 12px;padding:0;color:inherit;font-size:14px;font-weight:700;line-height:1.5}
.theme-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-choice{--theme-option-line:#40536d;--theme-option-selected:#58bcf7;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:11px 9px;min-width:0;margin:0;padding:12px;border:1px solid var(--theme-option-line);border-radius:12px;background:#223149;color:#edf3ff;cursor:pointer}
.theme-choice:has(input:checked){border-color:var(--theme-option-selected);background:#283d56}
.theme-choice input[type=radio]{appearance:auto;display:block;grid-column:1;grid-row:2;flex:none;width:17px;height:17px;min-height:0;margin:0;padding:0;accent-color:var(--theme-option-selected);cursor:pointer}
.theme-choice-name{grid-column:2;grid-row:2;min-width:0;color:inherit;font-size:12px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.theme-choice-preview{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:11px 1fr 12px;gap:7px;grid-column:1/-1;height:75px;overflow:hidden;padding:9px;border:0;border-radius:7px;background:#0e131e}
.theme-choice-preview i{display:block;grid-column:1/-1;border-radius:3px;background:#263047}
.theme-choice-preview i:nth-child(2){width:76%;height:1px;margin:auto 0;background:#34a8f5;transform:rotate(-9deg)}
.theme-choice-preview i:nth-child(3){width:46%;justify-self:end;background:#17bc87}
.theme-choice--playful .theme-choice-preview{background:#fcfcfe}
.theme-choice--playful .theme-choice-preview i:first-child{background:#e9e4ff}
.theme-choice--playful .theme-choice-preview i:nth-child(2){background:#7453cb}
.theme-choice--playful .theme-choice-preview i:nth-child(3){background:#202023;border-radius:8px}
.theme-choice:has(input:focus-visible) .theme-choice-name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
html[data-theme=playful] .theme-choice{--theme-option-line:#dedbe6;--theme-option-selected:#a90061;background:#fff;color:#202023}
html[data-theme=playful] .theme-choice:has(input:checked){background:#f3eeff}
@media(max-width:360px){.theme-choices{gap:9px}.theme-choice{padding:10px;gap:10px 7px}.theme-choice-name{font-size:11px}.theme-choice-preview{height:66px;padding:8px}}