.toggle.svelte-d0tttg{--color: var(--shade2);position:relative;display:flex;flex-shrink:0;align-items:center;height:var(--size);width:calc(var(--size) * 1.75);padding:var(--padd);background:color-mix(in hsl,var(--color),transparent 75%);border-radius:2rem;cursor:pointer;&[data-size=small]{--padd: 1px;--size: .75rem}&[data-size=medium]{--padd: .25rem;--size: 1.5rem}&.checked{--color: var(--green);&:before{left:calc(100% - var(--size) + var(--padd));opacity:1;scale:1}}&:before{content:"";position:absolute;background:var(--color);height:calc(var(--size) - (var(--padd) * 2));aspect-ratio:1 / 1;left:var(--padd);top:var(--padd);border-radius:50%;opacity:.75;scale:.75;transition:left var(--transition),scale var(--transition),opacity var(--transition),color var(--transition)}}