.spongle-theme-toggle{position:relative;display:inline-flex;align-items:center;width:52px;height:30px;padding:0;border:none;border-radius:9999px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.spongle-theme-toggle:hover{transform:scale(1.04)}.spongle-theme-toggle:active{transform:scale(.97)}.spongle-theme-toggle:focus-visible{outline:none}.spongle-theme-toggle:focus-visible .spongle-theme-toggle__track{box-shadow:0 0 0 2px #a78bfaa6}.spongle-theme-toggle__track{position:relative;width:100%;height:100%;border-radius:9999px;border:2px solid #ecd9b0;background:linear-gradient(135deg,#fdf3df,#fbe2bd);box-shadow:inset 0 1px 2px #4c1d951a,inset 0 -1px 1px #ffffff8c;transition:background .5s cubic-bezier(.4,0,.2,1),border-color .5s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.spongle-theme-toggle[data-dark=true] .spongle-theme-toggle__track{border-color:#2a1d52;background:linear-gradient(135deg,#1d1140,#0a0a14);box-shadow:inset 0 1px 2px #00000080,inset 0 -1px 1px #d8c8ff1f}.spongle-theme-toggle__knob{position:absolute;top:2px;left:2px;display:grid;place-items:center;width:22px;height:22px;border-radius:9999px;background:radial-gradient(circle at 35% 30%,#ffd98a,#ffb347 68%,#f59e0b);box-shadow:0 1px 2px #78350f59,inset 0 1px 1px #ffffff8c;transition:transform .45s cubic-bezier(.34,1.4,.64,1),background .5s ease,box-shadow .5s ease}.spongle-theme-toggle[data-dark=true] .spongle-theme-toggle__knob{transform:translate(22px);background:radial-gradient(circle at 35% 30%,#f1ecff,#d8c8ff 58%,#b9a4f0);box-shadow:0 1px 3px #00000073,inset 0 1px 1px #fff9}.spongle-theme-toggle__icon{grid-area:1 / 1;width:13px;height:13px;transition:transform .5s cubic-bezier(.68,-.55,.265,1.55),opacity .4s ease}.spongle-theme-toggle__icon--sun{color:#fff;transform:rotate(0) scale(1);opacity:1}.spongle-theme-toggle__icon--moon{color:#1d1140;transform:rotate(-90deg) scale(.5);opacity:0}.spongle-theme-toggle[data-dark=true] .spongle-theme-toggle__icon--sun{transform:rotate(90deg) scale(.5);opacity:0}.spongle-theme-toggle[data-dark=true] .spongle-theme-toggle__icon--moon{transform:rotate(0) scale(1);opacity:1}@media(prefers-reduced-motion:reduce){.spongle-theme-toggle,.spongle-theme-toggle__track,.spongle-theme-toggle__knob,.spongle-theme-toggle__icon{transition:none}.spongle-theme-toggle:hover,.spongle-theme-toggle:active{transform:none}}