.theme-toggle-wrapper .toggle-cont{--primary:#54a8fc;--light:#d9d9d9;--dark:#121212;--gray:#414344;z-index:10;border-radius:9999px;align-items:center;width:fit-content;height:30px;display:flex;position:relative}.theme-toggle-wrapper .toggle-cont .toggle-input{display:none}.theme-toggle-wrapper .toggle-cont .toggle-label{--gap:3px;--width:24px;cursor:pointer;width:calc((var(--width) + var(--gap)) * 2);background-color:var(--dark);box-sizing:border-box;border:1px solid #777;border-radius:9999px;height:100%;padding:3px;transition:all .3s ease-in-out;display:inline-block;position:relative}.theme-toggle-wrapper .toggle-label:before{content:"";z-index:-10;background-color:var(--gray);opacity:.3;border:1px solid #777;border-radius:9999px;width:calc(100% + 6px);height:calc(100% + 6px);transition:all .3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-toggle-wrapper .toggle-label:after{content:"";z-index:-10;background-image:radial-gradient(circle at 50% -100%,#3a9bfc 0%,#0c0c0c 80%);border-radius:9999px;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.theme-toggle-wrapper .toggle-cont .toggle-label .cont-icon{width:var(--width);background-image:radial-gradient(circle at 50% 0%, #666 0%, var(--gray) 100%);height:100%;box-shadow:inset 0 -.1rem .1rem var(--primary);border:1px solid #aaa;border-radius:9999px;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background-color .3s;display:flex;position:relative}.theme-toggle-wrapper .cont-icon{overflow:hidden}.theme-toggle-wrapper .cont-icon .sparkle{aspect-ratio:1;background-color:var(--light);transform-origin:50%;width:1px;rotate:calc(1deg * var(--deg));animation:sparkle-anim calc(100s / var(--duration)) linear calc(0s / var(--duration)) infinite;border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes sparkle-anim{to{width:.5px;transform:translate(2000%,-50%)}}.theme-toggle-wrapper .cont-icon .icon{width:12px;height:12px;fill:var(--light);z-index:10}.theme-toggle-wrapper.is-checked .toggle-label{background-color:#41434400;border:1px solid #3d6970}.theme-toggle-wrapper.is-checked .toggle-label:before{box-shadow:0 .5rem 1.5rem -1rem #0080ff}.theme-toggle-wrapper.is-checked .toggle-label .cont-icon{background-image:radial-gradient(circle at 50% 0%, #045ab1 0%, var(--primary) 100%);border:1px solid var(--primary);transform:translateX(calc(var(--width) + var(--gap)));overflow:visible}.theme-toggle-wrapper.is-checked .cont-icon .icon{transition:transform .4s;transform:rotate(-225deg)}.theme-toggle-wrapper.is-checked .toggle-label .cont-icon .sparkle{z-index:-10;width:calc(var(--width) * 1px);animation:sparkle-anim-checked calc(100s / var(--duration)) linear calc(10s / var(--duration)) infinite;background-color:#acacac}@keyframes sparkle-anim-checked{to{width:.5px;transform:translate(5000%,-50%)}}