.settings-overlay.svelte-10i6n23{background-color:#0000001a;transition:background-color .3s ease}.backdrop-visible.svelte-10i6n23{background-color:#0000004d}.backdrop-hidden.svelte-10i6n23{background-color:#0000}.settings-panel.svelte-10i6n23{position:fixed;top:0;right:0;height:100vh;width:100%;max-width:480px;background:#fff;box-shadow:-4px 0 24px #00000026;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;z-index:51}.settings-panel.slide-in.svelte-10i6n23{transform:translate(0)}.settings-panel-header.svelte-10i6n23{padding:24px;margin-bottom:0;border:none}.settings-panel-title.svelte-10i6n23{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.settings-panel-description.svelte-10i6n23{color:#64748b;font-size:.875rem;margin:0}.settings-panel-content.svelte-10i6n23{padding:24px}.settings-panel-content.svelte-10i6n23 .switch:where(.svelte-10i6n23){position:relative!important;display:inline-block!important;width:44px!important;height:24px!important;min-width:44px!important}.settings-panel-content.svelte-10i6n23 .switch:where(.svelte-10i6n23) input:where(.svelte-10i6n23){opacity:0!important;width:0!important;height:0!important}.settings-panel-content.svelte-10i6n23 .slider:where(.svelte-10i6n23){position:absolute!important;cursor:pointer!important;inset:0!important;width:44px!important;height:24px!important;background-color:var(--app-switch-bg)!important;transition:.2s!important;border-radius:24px!important}.settings-panel-content.svelte-10i6n23 .slider:where(.svelte-10i6n23):before{position:absolute!important;content:""!important;height:20px!important;width:20px!important;left:2px!important;bottom:2px!important;background-color:var(--app-switch-thumb)!important;transition:.2s!important;border-radius:50%!important}.settings-panel-content.svelte-10i6n23 input:where(.svelte-10i6n23):checked+.slider:where(.svelte-10i6n23){background-color:var(--app-switch-checked-bg)!important}:root[data-theme=dark] .settings-panel-content.svelte-10i6n23 input:where(.svelte-10i6n23):checked+.slider:where(.svelte-10i6n23){background-color:var(--app-switch-checked-bg)!important}.settings-panel-content.svelte-10i6n23 input:where(.svelte-10i6n23):checked+.slider:where(.svelte-10i6n23):before{transform:translate(20px)!important}