.sound-setting{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.toggle-switch{width:86px;height:38px;border:0;border-radius:22px;background:#dedde6;color:#77758a;padding:4px;display:flex;align-items:center;gap:7px;font:10px inherit;cursor:pointer;transition:.2s}.toggle-switch i{width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.15);transition:.2s}.toggle-switch.active{background:var(--purple);color:#fff}.toggle-switch.active i{transform:translateX(44px)}.toggle-switch.active span{transform:translateX(-32px)}.toggle-switch span{transition:.2s}.confetti-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti{position:absolute;top:-20px;width:10px;height:16px;border-radius:2px;animation:confetti-fall var(--duration,2.4s) ease-in forwards;transform:rotate(var(--rotation,0deg))}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-5vh) rotate(0)}100%{opacity:.1;transform:translateY(105vh) rotate(720deg)}}html.theme-dark .toggle-switch:not(.active){background:#444151;color:#c4c1d1}html.theme-dark .toggle-switch i{background:#f3f1fa}
@media(prefers-reduced-motion:reduce){.confetti{display:none}.toggle-switch,.toggle-switch i,.toggle-switch span{transition:none}}