.switch-3d{--s3d-primary:#3b82f6;--s3d-light:#555;--s3d-dark:#fff;--s3d-gray:#d0d0d4;--s3d-border:#b0b0b4;--s3d-border-checked:#3b82f6;--s3d-thumb-from:#ccc;--s3d-thumb-to:#bbbbbe;--s3d-thumb-border:#c8c8cc;--s3d-checked-from:#2563eb;--s3d-checked-to:#3b82f6;--s3d-glow-color:#3b82f680;--s3d-radial:radial-gradient(circle at 50% -100%, #3b82f680 0%, transparent 80%);--s3d-sparkle-color:#999;--s3d-sparkle-checked:#888;--s3d-icon-fill:#666;--size:50px;--thumb-width:50px;--gap:5px;--pad:.5rem;--outer-pad:1.5rem;--icon-size:1.1rem;--glow-size:.15rem;--glow-spread:.5rem .75rem;container-type:style;z-index:10;width:fit-content;height:calc(var(--size) + var(--outer-pad));padding:calc(var(--outer-pad) / 2);border-radius:9999px;position:relative}:is(.dark,[data-theme=dark]) .switch-3d{--s3d-primary:#54a8fc;--s3d-light:#d9d9d9;--s3d-dark:#121212;--s3d-gray:#414344;--s3d-border:#777;--s3d-border-checked:#3d6970;--s3d-thumb-from:#666;--s3d-thumb-to:#414344;--s3d-thumb-border:#aaa;--s3d-checked-from:#045ab1;--s3d-checked-to:#54a8fc;--s3d-glow-color:#0080ff80;--s3d-radial:radial-gradient(circle at 50% -100%, #3a9bfc 0%, #0c0c0c 80%);--s3d-sparkle-color:#d9d9d9;--s3d-sparkle-checked:#acacac;--s3d-icon-fill:#d9d9d9}.switch-3d[data-size=xs]{--size:20px;--thumb-width:20px;--gap:2px;--pad:.15rem;--outer-pad:.5rem;--icon-size:.45rem;--glow-size:.06rem;--glow-spread:.2rem .3rem}.switch-3d[data-size=sm]{--size:30px;--thumb-width:30px;--gap:3px;--pad:.3rem;--outer-pad:.85rem;--icon-size:.65rem;--glow-size:.09rem;--glow-spread:.3rem .45rem}.switch-3d[data-size=md]{--size:50px;--thumb-width:50px;--gap:5px;--pad:.5rem;--outer-pad:1.5rem;--icon-size:1.1rem;--glow-size:.15rem;--glow-spread:.5rem .75rem}.switch-3d[data-size=lg]{--size:70px;--thumb-width:70px;--gap:7px;--pad:.7rem;--outer-pad:2rem;--icon-size:1.5rem;--glow-size:.2rem;--glow-spread:.7rem 1rem}.switch-3d .toggle-input{display:none}.switch-3d .toggle-label{cursor:pointer;padding:var(--pad);width:calc((var(--thumb-width) + var(--gap)) * 2);border:1px solid var(--s3d-border);box-sizing:content-box;border-bottom:0;border-radius:9999px;height:100%;transition:all .3s ease-in-out;display:inline-block;position:relative;overflow:visible;background:var(--s3d-track-bg,var(--s3d-dark))!important}.switch-3d .toggle-label:before{content:"";z-index:-10;width:calc(100% + var(--outer-pad));height:calc(100% + var(--outer-pad));background-color:var(--s3d-gray);border:1px solid var(--s3d-border);border-bottom:0;border-radius:9999px;transition:all .3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.switch-3d .toggle-label .cont-icon{width:var(--thumb-width);height:var(--size);background-image:radial-gradient(circle at 50% 0%, var(--s3d-thumb-from) 0%, var(--s3d-thumb-to) 100%);border:1px solid var(--s3d-thumb-border);box-shadow:inset 0 calc(-1 * var(--glow-size)) var(--glow-size) var(--s3d-primary), inset 0 0 var(--glow-spread) var(--second);border-bottom:0;border-radius:9999px;justify-content:center;align-items:center;transition:transform .3s ease-in-out;display:flex;position:relative;overflow:visible}.switch-3d .cont-icon .sparkle{z-index:1;width:calc(var(--w) * 1.5px);aspect-ratio:1;background-color:var(--s3d-sparkle-color);transform-origin:50%;rotate:calc(1deg * var(--deg));animation:switch3d-sparkle calc(100s / var(--dur)) linear calc(10s / var(--dur)) infinite;border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes switch3d-sparkle{to{width:calc(var(--w) * 1px);transform:translate(5000%,-50%)}}.switch-3d .cont-icon .icon{width:var(--icon-size);fill:var(--s3d-icon-fill)}.switch-3d:has(.toggle-input:checked){--checked:true;overflow:visible}.switch-3d:has(.toggle-input:checked) .toggle-label{border:1px solid var(--s3d-border-checked);border-bottom:0;overflow:visible;background:radial-gradient(ellipse 80% 100% at 50% -10%, color-mix(in oklch, var(--s3d-primary) 70%, var(--s3d-dark)) 0%, var(--s3d-dark) 70%)!important}.switch-3d:has(.toggle-input:checked) .toggle-label:before{box-shadow:0 1rem 2.5rem -2rem var(--s3d-glow-color)}.switch-3d:has(.toggle-input:checked) .toggle-label .cont-icon{background-image:radial-gradient(circle at 50% 0%, var(--s3d-checked-from) 0%, var(--s3d-checked-to) 100%);border:1px solid var(--s3d-primary);transform:translateX(calc((var(--gap) * 2) + 100%)) rotate(360deg);border-bottom:0;overflow:visible}.switch-3d:has(.toggle-input:checked) .toggle-label .cont-icon .sparkle{z-index:-10;width:calc(var(--w) * 1.5px);background-color:var(--s3d-sparkle-checked);animation:switch3d-sparkle-checked calc(100s / var(--dur)) linear calc(10s / var(--dur)) infinite}@keyframes switch3d-sparkle-checked{to{width:calc(var(--w) * 1px);transform:translate(5000%,-50%)}}.switch-3d[data-labeled] .toggle-label{--width:calc(var(--thumb-width) * 3.5);width:calc(var(--width) + var(--gap))}.switch-3d[data-labeled] .toggle-label .track-label{z-index:0;color:var(--color-foreground);font-weight:600;font-size:calc(var(--size) * .5);letter-spacing:.02em;white-space:nowrap;-webkit-user-select:none;user-select:none;text-transform:uppercase;opacity:1;transition:opacity .3s ease-in-out;position:absolute;top:50%;transform:translateY(-50%)}.switch-3d[data-labeled] .toggle-label .track-label[data-position=right]{right:calc(var(--pad) + var(--thumb-width) * .35)}.switch-3d[data-labeled] .toggle-label .track-label[data-position=left]{left:calc(var(--pad) + var(--thumb-width) * .25)}.switch-3d .toggle-label .track-label[data-position=left]{opacity:0}.switch-3d .toggle-label .track-label[data-position=right]{opacity:1}.switch-3d:has(.toggle-input:checked) .toggle-label .track-label[data-position=left]{opacity:1}.switch-3d:has(.toggle-input:checked) .toggle-label .track-label[data-position=right]{opacity:0}.switch-3d[data-labeled]:has(.toggle-input:checked) .toggle-label .cont-icon{transform:translateX(calc(var(--width) - var(--thumb-width) + var(--gap))) rotate(360deg)}