.theme{display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.theme__toggle{z-index:1}.theme__toggle,.theme__toggle-wrap{position:relative}.theme__toggle,.theme__toggle:before{display:block}.theme__toggle{background-color:hsl(var(--accent));border-radius:25%/50%;box-shadow:0 0 0 .125em hsla(var(--ring)/.5);padding:.25em;width:6em;height:3em;-webkit-appearance:none;appearance:none;cursor:pointer;transition:background-color var(--transDur) ease-in-out,box-shadow .15s ease-in-out,transform var(--transDur) ease-in-out;font-size:10px}.theme__toggle:before{background-color:hsl(var(--primary));border-radius:50%;content:"";width:2.5em;height:2.5em;transition:transform .3s}.theme__toggle:focus-visible{box-shadow:0 0 0 .125em hsl(var(--ring));outline:transparent}.theme__toggle:checked{background-color:hsl(var(--accent))}.theme__toggle:checked:before{transform:translateX(3em);background-color:hsl(var(--primary))}.theme__toggle-wrap{margin:0 auto}