.dash-track{position:relative;flex:0 0 auto;width:40px;height:22px;padding:0;border:0;border-radius:999px;background:#e5e5e5;cursor:pointer;transition:background .25s}.dash-track[data-on=true]{background:#0a0a0a}.dash-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .25s cubic-bezier(.2,.7,.1,1)}.dash-track[data-on=true]>.dash-knob{transform:translate(18px)}@keyframes dash-draw{0%{stroke-dashoffset:900}to{stroke-dashoffset:0}}.dash-draw{stroke-dasharray:900;animation:dash-draw 1.8s cubic-bezier(.2,.7,.1,1) both}@keyframes dash-unlock{0%{opacity:0;transform:scale(.98);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.dash-unlock{animation:dash-unlock .6s cubic-bezier(.2,.7,.1,1) both}@keyframes dash-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.dash-lock-ic{animation:dash-shake .6s ease-in-out .3s 2}@media (prefers-reduced-motion: reduce){.dash-track,.dash-knob,.dash-draw,.dash-unlock,.dash-lock-ic{animation:none!important;transition:none!important}}