.theme-toggle-wrapper{justify-content:center;align-items:center;font-size:.2rem;display:inline-flex}.toggle-checkbox{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.toggle-slot{background-color:#fff;border:4px solid #e4e7ec;border-radius:10em;width:20em;height:10em;transition:background-color .25s;position:relative}.toggle-checkbox:checked~.toggle-slot{background-color:#374151}.toggle-button{background-color:#ffeccf;border-radius:50%;width:4em;height:4em;transition:background-color .25s,border-color .25s,transform .5s cubic-bezier(.26,2,.46,.71);position:absolute;transform:translate(11.75em,1.75em);box-shadow:inset 0 0 0 .75em #ffbb52}.toggle-checkbox:checked~.toggle-slot .toggle-button{background-color:#485367;transform:translate(1.75em,1.75em);box-shadow:inset 0 0 0 .75em #fff}.sun-icon{color:#ffbb52;width:6em;height:6em;position:absolute}.sun-icon-wrapper{opacity:1;transform-origin:50%;width:6em;height:6em;transition:opacity .15s,transform .5s cubic-bezier(.26,2,.46,.71);position:absolute;transform:translate(1em,1em)rotate(15deg)}.toggle-checkbox:checked~.toggle-slot .sun-icon-wrapper{opacity:0;transform:translate(3em,2em)rotate(0)}.moon-icon{color:#fff;width:6em;height:6em;position:absolute}.moon-icon-wrapper{opacity:0;transform-origin:50%;width:6em;height:6em;transition:opacity .15s,transform .5s cubic-bezier(.26,2.5,.46,.71);position:absolute;transform:translate(11em,2em)rotate(0)}.toggle-checkbox:checked~.toggle-slot .moon-icon-wrapper{opacity:1;transform:translate(10em,1em)rotate(-15deg)}