.theme-toggle{--size:1.1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;cursor:pointer;height:var(--size);outline:none;transition:all .5s;width:var(--size)}html:not(.dark) .theme-toggle{--ray-size:calc(var(--size)*-.4);--offset-orthogonal:calc(var(--size)*.65);--offset-diagonal:calc(var(--size)*.45);box-shadow:inset 0 0 0 var(--size),calc(var(--offset-orthogonal)*-1) 0 0 var(--ray-size),var(--offset-orthogonal) 0 0 var(--ray-size),0 calc(var(--offset-orthogonal)*-1) 0 var(--ray-size),0 var(--offset-orthogonal) 0 var(--ray-size),calc(var(--offset-diagonal)*-1) calc(var(--offset-diagonal)*-1) 0 var(--ray-size),var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size),calc(var(--offset-diagonal)*-1) var(--offset-diagonal) 0 var(--ray-size),var(--offset-diagonal) calc(var(--offset-diagonal)*-1) 0 var(--ray-size);color:#fa0;transform:scale(.75)}html.dark .theme-toggle{box-shadow:inset calc(var(--size)*.33) calc(var(--size)*-.25) 0;color:#e6e6ff;transform:scale(1)}html{view-transition-name:root}::view-transition-new(root),::view-transition-old(root){animation:none}