.dars-theme-wrap{display:inline-flex;position:relative}.dars-theme-btn{min-width:44px;min-height:44px;color:var(--dars-muted);border:1px solid var(--dars-line);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.dars-theme-btn:hover{color:var(--dars-ink);border-color:var(--dars-brand)}.dars-theme-pop{top:calc(100% + 8px);z-index:90;background:var(--dars-surface);border:1px solid var(--dars-line);min-width:224px;max-height:62vh;box-shadow:var(--dars-shadow);border-radius:14px;padding:8px;position:absolute;inset-inline-end:0;overflow-y:auto}.dars-theme-group+.dars-theme-group{border-top:1px solid var(--dars-line);margin-top:6px;padding-top:6px}.dars-theme-group-label{color:var(--dars-muted);letter-spacing:.04em;margin:4px 8px;font-size:11px}.dars-theme-opt{width:100%;color:var(--dars-ink);text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:9px 8px;font-size:14px;display:flex}.dars-theme-opt:hover{background:var(--dars-surface-2)}.dars-theme-opt.is-on{background:color-mix(in srgb, var(--dars-primary) 16%, transparent)}.dars-theme-opt:focus-visible{outline:2px solid var(--dars-primary);outline-offset:-2px}.dars-theme-swatch{border:1px solid var(--dars-line);border-radius:6px;flex:none;gap:3px;padding:3px;display:inline-flex}.dars-theme-swatch>span{border-radius:50%;width:10px;height:10px;display:block}.dars-theme-name{flex:1}.dars-theme-check{color:var(--dars-primary);flex:none}