.theme-picker{display:flex;align-items:center;gap:8px;padding:7px 10px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;margin:4px 0}[data-theme=light] .theme-picker{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08)}.tp-label{font-size:11px;font-weight:600;color:var(--text-secondary,hsla(0,0%,100%,.5));text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.tp-accents{display:flex;gap:5px;align-items:center}.tp-swatch{width:16px;height:16px;border-radius:50%;background:var(--swatch-color);border:2px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;padding:0;outline:none;flex-shrink:0}.tp-swatch:hover{transform:scale(1.2);box-shadow:0 0 0 2px hsla(0,0%,100%,.2)}.tp-swatch.active{border-color:#fff;transform:scale(1.15);box-shadow:0 0 8px var(--swatch-color)}[data-theme=light] .tp-swatch:hover{box-shadow:0 0 0 2px rgba(0,0,0,.15)}[data-theme=light] .tp-swatch.active{border-color:#333}