.xt-theme-picker{position:relative;min-width:0;max-width: min(320px,100%)}
.xt-theme-picker button{font:inherit;font-size:13px;letter-spacing:normal;text-transform:none;box-sizing:border-box;cursor:pointer;min-height:44px;color:var(--ink);border-radius:7px}
.xt-theme-picker .xt-theme-trigger{display:flex;align-items:center;gap:8px;width:100%;max-width:320px;padding:8px 10px;background:var(--surface);border:1px solid var(--focus);text-align:left}
.xt-theme-current{white-space:normal;overflow-wrap:anywhere;line-height:1.25;min-width:0}.xt-theme-chevron{margin-left:auto;flex:none}
.xt-theme-swatch{display:inline-flex;flex:none;overflow:hidden;width:33px;height:18px;border:1px solid currentColor;border-radius:4px}.xt-theme-swatch i{flex:1}
.xt-theme-picker .xt-theme-menu{position:fixed;z-index:90;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;scroll-padding:5px;padding:5px;background:var(--surface);color:var(--ink);border:1px solid var(--ink);border-radius:10px;box-shadow:0 10px 30px #0005;max-width:calc(100vw - 16px)}
.xt-theme-menu[hidden]{display:none!important}.xt-theme-picker .xt-theme-option{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:9px 7px;text-align:left;background:transparent;border:1px solid transparent;line-height:1.3;white-space:normal}
.xt-theme-check{width:16px;flex:none;font-weight:bold}.xt-theme-name{min-width:0;overflow-wrap:anywhere}
.xt-theme-picker .xt-theme-option[aria-checked=true]{background:var(--selection);color:var(--selection-fg);border-color:currentColor;font-weight:600}
.xt-theme-picker .xt-theme-option:hover{background:var(--hover);color:var(--ink)}
.xt-theme-picker button:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}
.xt-theme-heading{position:sticky;top:-5px;z-index:1;background:var(--surface);font-size:12px;font-weight:700;letter-spacing:.03em;padding:12px 8px 6px}.xt-theme-group{border-top:1px solid var(--line);margin-top:5px}
@media(max-width:600px){.xt-theme-picker{max-width:100%}.xt-theme-picker .xt-theme-trigger{max-width:100%;font-size:12px}.xt-theme-picker .xt-theme-menu{padding-bottom:max(5px,env(safe-area-inset-bottom))}}
@media(forced-colors:active){.xt-theme-picker .xt-theme-option[aria-checked=true]{border:2px solid Highlight}.xt-theme-swatch{forced-color-adjust:none}}
@media print{.xt-theme-picker{display:none}}