.theme-sheet{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:min(34rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--fg);border-radius:.5rem;padding:1rem 1.25rem}.theme-sheet::backdrop{background:#0003}.theme-sheet-head{z-index:1;background:var(--panel);justify-content:space-between;align-items:center;gap:1rem;margin:-1rem -1.25rem 0;padding:1rem 1.25rem .5rem;display:flex;position:sticky;top:-1rem}.theme-sheet-head h2{margin:0}.theme-sheet button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-sheet-options{gap:.5rem;margin-top:.5rem;display:grid}.theme-sheet-option{border:1px solid var(--line);cursor:pointer;border-radius:.375rem;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.theme-sheet-option:hover{border-color:var(--accent)}.theme-sheet-option:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-sheet-option input{width:1.1rem;height:1.1rem;accent-color:var(--accent);flex:none;margin:0}.theme-sheet-option input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-sheet-swatch{border:1px solid var(--line);border-radius:.25rem;flex:none;width:72px;height:48px;position:relative;overflow:hidden}.theme-sheet-swatch svg{width:100%;height:100%;display:block}.theme-sheet-dark{clip-path:polygon(100% 0,100% 100%,0 100%);position:absolute;inset:0}.theme-sheet-text{flex-direction:column;min-width:0;display:flex}.theme-sheet-name{font-weight:600}.theme-sheet-hint,.theme-sheet-scheme{color:var(--muted);font-size:.875rem}@media (max-width:400px){.theme-sheet{padding:.75rem 1rem}.theme-sheet-head{margin:-.75rem -1rem 0;padding:.75rem 1rem .5rem;top:-.75rem}.theme-sheet-swatch{width:48px;height:32px}}@media (forced-colors:active){.theme-sheet-option:has(input:checked){border:2px solid highlight}}