.dns-toggle,.dns-toggle *,.dns-toggle *:before,.dns-toggle *:after{box-sizing:border-box;margin:0;padding:0;font-size:var(--toggle-size, 10px)}.dns-toggle{display:inline-flex;align-items:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;border:none;outline:none;padding:0;-webkit-tap-highlight-color:transparent}.dns-checkbox{display:none}.dns-container{width:var(--container-width, 5.625em);height:var(--container-height, 2.5em);background-color:var(--container-light-bg, rgb(61, 126, 174));border-radius:var(--container-radius, 6.25em);overflow:hidden;box-shadow:0 -.062em .062em #00000040,0 .062em .125em #fffffff0;transition:var(--transition, .5s cubic-bezier(0, -.02, .4, 1.25));position:relative}.dns-container:before{content:"";position:absolute;z-index:1;inset:0;box-shadow:0 .05em .187em #00000040 inset,0 .05em .187em #00000040 inset;border-radius:var(--container-radius, 6.25em)}.dns-circle-container{width:var(--circle-container-diameter, 3.375em);height:var(--circle-container-diameter, 3.375em);background-color:#ffffff1a;position:absolute;left:var(--circle-container-offset, -.4375em);top:var(--circle-container-offset, -.4375em);border-radius:var(--container-radius, 6.25em);box-shadow:inset 0 0 0 3.375em #ffffff1a,0 0 0 .625em #ffffff1a,0 0 0 1.25em #ffffff1a;display:flex;transition:var(--circle-transition, .3s cubic-bezier(0, -.02, .35, 1.17));pointer-events:none}.dns-sun-moon-container{pointer-events:auto;position:relative;z-index:2;width:var(--sun-moon-diameter, 2.125em);height:var(--sun-moon-diameter, 2.125em);margin:auto;border-radius:var(--container-radius, 6.25em);background-color:var(--sun-bg, rgb(255, 208, 0));box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #a1872a inset;filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0em .062em .125em rgba(0,0,0,.25));overflow:hidden;transition:var(--transition, .5s cubic-bezier(0, -.02, .4, 1.25))}.dns-moon{transform:translate(100%);width:100%;height:100%;background-color:var(--moon-bg, rgb(196, 201, 209));border-radius:inherit;box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #969696 inset;transition:var(--transition, .5s cubic-bezier(0, -.02, .4, 1.25));position:relative}.dns-spot{position:absolute;top:.75em;left:.312em;width:.75em;height:.75em;border-radius:var(--container-radius, 6.25em);background:var(--spot-color, #959DB1);box-shadow:0 .0312em .062em #00000040 inset}.dns-spot:nth-of-type(2){width:.375em;height:.375em;top:.937em;left:1.375em}.dns-spot:nth-last-of-type(3){width:.25em;height:.25em;top:.312em;left:.812em}.dns-clouds{width:1.25em;height:1.25em;background:var(--clouds-color, #F3FDFF);border-radius:var(--container-radius, 6.25em);position:absolute;bottom:-.625em;left:.312em;box-shadow:.937em .312em var(--clouds-color, #F3FDFF),-.312em -.312em var(--back-clouds-color, #AACADF),1.437em .375em var(--clouds-color, #F3FDFF),.5em -.125em var(--back-clouds-color, #AACADF),2.187em 0 var(--clouds-color, #F3FDFF),1.25em -.062em var(--back-clouds-color, #AACADF),2.937em .312em var(--clouds-color, #F3FDFF),2em -.312em var(--back-clouds-color, #AACADF),3.625em -.062em var(--clouds-color, #F3FDFF),2.625em 0 var(--back-clouds-color, #AACADF),4.5em -.312em var(--clouds-color, #F3FDFF),3.375em -.437em var(--back-clouds-color, #AACADF),4.625em -1.75em 0 .437em var(--clouds-color, #F3FDFF),4em -.625em var(--back-clouds-color, #AACADF),4.125em -2.125em 0 .437em var(--back-clouds-color, #AACADF);transition:.5s cubic-bezier(0,-.02,.4,1.25)}.dns-stars-container{position:absolute;color:var(--stars-color, #fff);top:-100%;left:.312em;width:2.75em;height:auto;transition:var(--transition, .5s cubic-bezier(0, -.02, .4, 1.25))}.dns-stars-container svg{width:100%;height:auto;display:block}.dns-checkbox:checked+.dns-container,.dns-toggle.is-dark .dns-container{background-color:var(--container-night-bg, rgb(29, 31, 44))}.dns-checkbox:checked+.dns-container .dns-circle-container,.dns-toggle.is-dark .dns-container .dns-circle-container{left:calc(100% - var(--circle-container-offset, -.4375em) - var(--circle-container-diameter, 3.375em))}.dns-checkbox:checked+.dns-container .dns-moon,.dns-toggle.is-dark .dns-container .dns-moon{transform:translate(0)}.dns-checkbox:checked+.dns-container .dns-clouds,.dns-toggle.is-dark .dns-container .dns-clouds{bottom:-4.062em}.dns-checkbox:checked+.dns-container .dns-stars-container,.dns-toggle.is-dark .dns-container .dns-stars-container{top:50%;transform:translateY(-50%)}.dns-toggle:hover .dns-circle-container{left:calc(var(--circle-container-offset, -.4375em) + .187em)}.dns-checkbox:checked+.dns-container:hover .dns-circle-container,.dns-toggle.is-dark:hover .dns-container .dns-circle-container{left:calc(100% - var(--circle-container-offset, -.4375em) - var(--circle-container-diameter, 3.375em) - .187em)}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin-anim 1.5s linear infinite!important}