.switch_switch__v3CFJ{all:unset;position:relative;display:inline-flex;align-items:center;justify-content:center;color:currentColor;border-radius:50%;border:1px dashed;cursor:pointer;--size:24px;height:var(--size);width:var(--size);flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;box-sizing:border-box}.switch_switch__v3CFJ:hover{transform:scale(1.05)}[data-mode=light] .switch_switch__v3CFJ{box-shadow:0 0 16px 4px yellow;background-color:yellow;border:1px solid orangered}[data-mode=dark] .switch_switch__v3CFJ{box-shadow:calc(var(--size) / 4) calc(var(--size) / -4) calc(var(--size) / 8) inset #fff;border:none;background:transparent;animation:switch_n__Jl1Sp .5s linear}@keyframes switch_n__Jl1Sp{40%{transform:rotate(-15deg)}80%{transform:rotate(10deg)}0%,to{transform:rotate(0deg)}}