.c-themetoggler{--ts:.5s;justify-content:center;align-items:center;padding:.5rem;display:flex;position:relative}.c-themetoggler:after{display:none}.c-themetoggler-icon{will-change:box-shadow,transform,border-radius;width:1em;height:1em;transition:transform var(--ts) ease,box-shadow var(--ts),border-radius var(--ts);background-color:#0000;border-radius:100%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 4px -2px 0 20px}.c-themetoggler-line{will-change:transform;width:2px;transition:transform var(--ts) ease;content:"";background:linear-gradient(currentColor 12%,#0000 0 88%,currentColor 0);border-radius:1px;display:block;position:absolute;top:-.5em;bottom:-.5em}.c-themetoggler-line.b{transform:rotate(45deg)}.c-themetoggler-line.c{transform:rotate(90deg)}.c-themetoggler-line.d{transform:rotate(135deg)}.c-themetoggler-line.e,.c-themetoggler-line.f{background:currentColor;transform:rotate(90deg)translate(.5rem)scale(0)}.c-themetoggler-text{z-index:0;text-transform:uppercase;pointer-events:none;transition:transform var(--transition),opacity var(--transition);opacity:0;align-items:center;padding:.125rem .5rem .125rem 1rem;font-weight:500;display:flex;position:absolute;top:0;bottom:0;right:100%}.c-themetoggler-text:before{content:"";background:var(--background);box-shadow:var(--shadow);border-radius:var(--border-radius-lg);z-index:-1;position:absolute;inset:-.2em -2.8em -.2em 0}.c-themetoggler:active,.c-themetoggler:focus,.c-themetoggler:hover{z-index:100}.c-themetoggler:active .c-themetoggler-text,.c-themetoggler:focus .c-themetoggler-text,.c-themetoggler:hover .c-themetoggler-text{opacity:1;transform:none}.c-themetoggler.dark .c-themetoggler-icon{transform:scale(1.6);box-shadow:inset .3em -.2em 0 -.1em}.c-themetoggler.dark .c-themetoggler-line.a{transform:scaleY(0)}.c-themetoggler.dark .c-themetoggler-line.b{transform:rotate(45deg)scaleY(0)}.c-themetoggler.dark .c-themetoggler-line.c{transform:rotate(90deg)scaleY(0)}.c-themetoggler.dark .c-themetoggler-line.d{transform:rotate(135deg)scaleY(0)}.c-themetoggler.system .c-themetoggler-icon{border-radius:3px;transform:scale(1.6,1.2);box-shadow:inset 0 0 0 2px}.c-themetoggler.system .c-themetoggler-line.a{transform:scaleY(0)}.c-themetoggler.system .c-themetoggler-line.b{transform:rotate(45deg)scaleY(0)}.c-themetoggler.system .c-themetoggler-line.c{transform:rotate(90deg)scaleY(0)}.c-themetoggler.system .c-themetoggler-line.d{transform:rotate(135deg)scaleY(0)}.c-themetoggler.system .c-themetoggler-line.e{transform:rotate(90deg)translate(.54em)scale(1.8,.15)}.c-themetoggler.system .c-themetoggler-line.f{transform:rotate(90deg)translate(.6em)scale(.8,.25)}