.czup-wrap{--czup-bg: var(--card, #ffffff);--czup-text: #1f2937;--czup-muted: #666666;--czup-border: var(--card-border, 1px solid #e5e7eb);--czup-control-bg: #ffffff;--czup-control-border: #cbd5e1;--czup-control-text: #1f2937;--czup-track-off: #cbd5e1;--czup-track-on: #1e7b34;--czup-knob: #ffffff;--czup-error: #b32d2e;width:100%;max-width:100%;box-sizing:border-box;padding:16px;border:var(--czup-border);border-radius:6px;background:var(--czup-bg);color:var(--czup-text)}@media (prefers-color-scheme: dark){.czup-wrap{--czup-bg: var(--card, #111827);--czup-text: #e5e7eb;--czup-muted: #94a3b8;--czup-border: var(--card-border, 1px solid #334155);--czup-control-bg: #1f2937;--czup-control-border: #475569;--czup-control-text: #e5e7eb;--czup-track-off: #64748b;--czup-track-on: #22c55e;--czup-knob: #f8fafc;--czup-error: #f87171}}html[data-theme=dark] .czup-wrap,body.theme-dark .czup-wrap,body[data-theme=dark] .czup-wrap,.dark .czup-wrap,.is-dark-theme .czup-wrap{--czup-bg: var(--card, #111827);--czup-text: #e5e7eb;--czup-muted: #94a3b8;--czup-border: var(--card-border, 1px solid #334155);--czup-control-bg: #1f2937;--czup-control-border: #475569;--czup-control-text: #e5e7eb;--czup-track-off: #64748b;--czup-track-on: #22c55e;--czup-knob: #f8fafc;--czup-error: #f87171}html[data-theme=light] .czup-wrap,body.theme-light .czup-wrap,body[data-theme=light] .czup-wrap,.light .czup-wrap,.is-light-theme .czup-wrap{--czup-bg: var(--card, #ffffff);--czup-text: #1f2937;--czup-muted: #666666;--czup-border: var(--card-border, 1px solid #e5e7eb);--czup-control-bg: #ffffff;--czup-control-border: #cbd5e1;--czup-control-text: #1f2937;--czup-track-off: #cbd5e1;--czup-track-on: #1e7b34;--czup-knob: #ffffff;--czup-error: #b32d2e}.czup-form{display:flex;flex-direction:column;align-items:stretch}.czup-field{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1fr);align-items:center;gap:12px;margin-bottom:12px;width:100%;text-align:left}.czup-field__label{display:flex;flex-direction:column;gap:4px;justify-self:start}.czup-field__title{display:block;margin-bottom:0;font-weight:600}.czup-field__description{display:block;margin:0;font-size:13px;line-height:1.4;color:var(--czup-muted)}.czup-field select{display:block;min-width:180px;margin:0 auto;background:var(--czup-control-bg);color:var(--czup-control-text);border:1px solid var(--czup-control-border);border-radius:4px;padding:4px 8px}.czup-field--range{grid-template-columns:minmax(160px,1fr) minmax(180px,1fr);align-items:center}.czup-range{position:relative;display:block;width:min(100%,280px);margin:0 auto;padding-top:26px}.czup-range input[type=range]{width:100%;accent-color:var(--czup-track-on)}.czup-range__value{position:absolute;top:0;left:0;min-width:32px;transform:translate(-50%);text-align:center;font-size:12px;font-weight:600;line-height:1;font-family:var(--font-body, sans-serif);color:var(--czup-control-text);background:var(--czup-control-bg);border:1px solid var(--czup-control-border);border-radius:4px;padding:4px 8px;opacity:0;pointer-events:none;transition:opacity .18s ease}.czup-range__value.is-visible{opacity:1}.czup-status{margin-top:10px;font-size:14px;text-align:center}.czup-actions{margin-top:12px;display:flex;justify-content:center}.czup-close{border:1px solid var(--czup-control-border);background:var(--czup-control-bg);color:var(--czup-control-text);border-radius:4px;padding:6px 14px;cursor:pointer}.czup-status--error{color:var(--czup-error)}.czup-message{margin-bottom:12px;color:var(--czup-muted)}.czup-switch{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0 auto}.czup-switch input{position:absolute;opacity:0;width:1px;height:1px}.czup-switch__track{position:relative;width:46px;height:26px;border-radius:999px;background:var(--czup-track-off);transition:background .2s ease}.czup-switch__track:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--czup-knob);box-shadow:0 1px 2px #0003;transition:transform .2s ease}.czup-switch input:checked+.czup-switch__track{background:var(--czup-track-on)}.czup-switch input:checked+.czup-switch__track:after{transform:translate(20px)}@media (max-width: 640px){.czup-field{grid-template-columns:1fr;text-align:center}.czup-field__label{justify-self:center;text-align:center}}
/*# sourceMappingURL=cz-user-preferences.min.css.map */
