.theme-switch-wrapper{position:relative;display:inline-flex;width:38.4px;height:19.2px}.theme-switch{height:calc(var(--font-size,1rem) * 1.2);position:absolute;width:calc(var(--font-size,1rem) * 2.4);margin-top:.1rem;margin-bottom:0rem;margin-left:.1rem}.theme-switch input{display:none}.slider{background-color:var(--shadow-light,rgba(151,152,155,.2));bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.sun,.moon{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;width:auto;height:calc(var(--font-size,1rem) * .6)}.moon{left:calc(var(--font-size,1rem) * .3)}.sun{right:calc(var(--font-size,1rem) * .28)}.slider:before{background:var(--primary,#222);bottom:calc(var(--font-size,1rem) * .1);content:"";height:var(--font-size,1rem);left:calc(var(--font-size,1rem) * .1);position:absolute;transition:.4s;width:var(--font-size,1rem)}input:checked~.moon path{fill:var(--shadow-dark,rgba(159,162,177,.8))}input:checked~.sun path{fill:#f5f3ce}input~.sun path{fill:var(--shadow-dark,rgba(159,162,177,.8))}input~.moon path{fill:#f5f3ce}input:checked+.slider:before{transform:translateX(calc(var(--font-size,1rem) * 1.2))}.slider.round{border-radius:30px}.slider.round:before{border-radius:50%}