.theme{-webkit-tap-highlight-color:transparent;--transDur:.3s;align-items:center;display:flex}.theme__fill,.theme__icon{transition:all .3s}.theme__fill{background-color:var(--bg);mix-blend-mode:difference;z-index:-1;height:100%;display:block;position:fixed;inset:0;transform:translate(-100%)}.theme__icon,.theme__toggle{z-index:1}.theme__icon,.theme__icon-part{position:absolute}.theme__icon{pointer-events:none;width:1.5em;height:1.5em;display:block;top:.5em;left:.5em}.theme__icon-part{width:1em;height:1em;transition:box-shadow var(--transDur)ease-in-out,opacity var(--transDur)ease-in-out,transform var(--transDur)ease-in-out;border-radius:50%;top:calc(50% - .5em);left:calc(50% - .5em);transform:scale(.5);box-shadow:inset .4em -.4em 0 .5em #fff}.theme__icon-part~.theme__icon-part{transform-origin:50% 0;background-color:#fff;border-radius:.05em;width:.1em;height:.2em;top:50%;left:calc(50% - .05em);transform:rotate(0)translateY(.5em)}.theme__icon-part:nth-child(3){transform:rotate(45deg)translateY(.45em)}.theme__icon-part:nth-child(4){transform:rotate(90deg)translateY(.45em)}.theme__icon-part:nth-child(5){transform:rotate(135deg)translateY(.45em)}.theme__icon-part:nth-child(6){transform:rotate(180deg)translateY(.45em)}.theme__icon-part:nth-child(7){transform:rotate(225deg)translateY(.45em)}.theme__icon-part:nth-child(8){transform:rotate(270deg)translateY(.5em)}.theme__icon-part:nth-child(9){transform:rotate(315deg)translateY(.5em)}.theme__label,.theme__toggle,.theme__toggle-wrap{position:relative}.theme__toggle,.theme__toggle:before{display:block}.theme__toggle{appearance:none;width:5.5em;height:2.75em;transition:background-color var(--transDur)ease-in-out,box-shadow .15s ease-in-out,transform var(--transDur)ease-in-out;cursor:pointer;background-color:#fbedb6;border-radius:25%/50%;padding:.25em;box-shadow:0 0 0 .125em #0000001a}.theme__toggle:before{content:"";background-color:#f4ca25;border-radius:50%;width:2.25em;height:2.25em;transition:all .3s}.theme__toggle:focus{outline:#0000}.theme__toggle:checked{background-color:#043449}.theme__toggle:checked:before,.theme__toggle:checked~.theme__icon{transform:translate(2.75em)}.theme__toggle:checked:before{background-color:#25b6f4}.theme__toggle:checked~.theme__fill{transform:translate(0)}.theme__toggle:checked~.theme__icon .theme__icon-part:first-child{top:.2em;left:-.2em;transform:scale(1);box-shadow:inset .2em -.2em 0 .2em #fff}.theme__toggle:checked~.theme__icon .theme__icon-part~.theme__icon-part{opacity:0}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(2){transform:rotate(45deg)translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(3){transform:rotate(90deg)translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(4){transform:rotate(135deg)translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(5){transform:rotate(180deg)translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(6){transform:rotate(225deg)translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(7){transform:rotate(270deg)translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(8){transform:rotate(315deg)translateY(.8em)}.theme__toggle:checked~.theme__icon .theme__icon-part:nth-child(9){transform:rotate(360deg)translateY(.8em)}.theme__toggle-wrap{align-items:center;margin:0;display:flex}