.theme-customizer-panel::-webkit-scrollbar{width:6px}.theme-customizer-panel::-webkit-scrollbar-track{background:0 0}.theme-customizer-panel::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--color-secondary) 30%, transparent);border-radius:3px}.theme-customizer-panel::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch, var(--color-secondary) 50%, transparent)}input[type=color]{-webkit-appearance:none;cursor:pointer;border:none;padding:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:2px solid var(--color-base-300);border-radius:var(--radius-field,.25rem)}.theme-customizing-mode{transition:all .3s}.range-secondary{--range-thumb-color:var(--color-secondary)}.color-preview{border-radius:var(--radius-field,.25rem);border:2px solid var(--color-base-300);cursor:pointer;width:24px;height:24px;transition:transform .2s,box-shadow .2s}.color-preview:hover{box-shadow:0 2px 8px color-mix(in oklch, var(--color-neutral) 20%, transparent);transform:scale(1.1)}@media (width<=767px){.theme-customizer-panel{max-height:70vh;transform:translateY(100%);border-radius:1rem 1rem 0 0!important;width:100%!important;height:70vh!important;position:fixed!important;inset:auto 0 0!important}.theme-customizer-panel.show{transform:translateY(0)}}.theme-selector optgroup{color:var(--color-base-content);font-weight:600}.theme-selector option{padding:.5rem}.param-group-title{border-bottom:1px solid var(--color-base-300);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.effect-toggle{background:var(--color-base-200);border-radius:var(--radius-box,.5rem);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;display:flex}.theme-preview-card{border:2px solid var(--color-base-300);border-radius:var(--radius-box,.5rem);padding:1rem;transition:all .2s}.theme-preview-card:hover{border-color:var(--color-secondary);box-shadow:0 4px 12px color-mix(in oklch, var(--color-secondary) 15%, transparent)}.theme-preview-card.active{border-color:var(--color-secondary);background:color-mix(in oklch, var(--color-secondary) 5%, transparent)}
