div[data-v-08578b16]{background:radial-gradient(circle at 18% .3rem,#fff,#fff .1rem,transparent .11rem,transparent),radial-gradient(circle at 35% .7rem,#fff,#fff .015rem,transparent .03rem,transparent),radial-gradient(circle at 10% 1.09rem,#fff,#fff .04rem,transparent .05rem,transparent),radial-gradient(circle at 25% .2rem,#fff,#fff .05rem,transparent .0625rem,transparent),radial-gradient(circle at 15% .785rem,#fff,#fff .02rem,transparent .04rem,transparent),radial-gradient(circle at 30% 1.17rem,#fff,#fff .08rem,transparent .09rem,transparent),radial-gradient(circle at 5% .5rem,#fff,#fff .5px,transparent 1.5px,transparent),radial-gradient(circle at 25% .9rem,#fff,#fff .5px,transparent 1.5px,transparent),radial-gradient(circle at 7% .54rem,#fff,#fff .5px,transparent 1.5px,transparent),linear-gradient(90deg,#2b303e,#2b303e 50%,#5a81b4 0,#5a81b4);background-position:100% 0;background-repeat:no-repeat;background-size:200% 100%;border-radius:1.25rem;cursor:pointer;height:1.25rem;overflow:hidden;position:relative;width:2.5rem}div[data-v-08578b16]:after,div[data-v-08578b16]:before{content:"";position:absolute;transition-duration:.5s;transition-property:translate,transform}div[data-v-08578b16]:before{background:var(--p-warn-500);box-shadow:0 0 5px var(--p-warn-900),inset 2px 2px 3px var(--p-warn-300),inset -2px -2px 3px var(--p-warn-700);height:1rem;width:1rem;z-index:1}div[data-v-08578b16]:after,div[data-v-08578b16]:before{border-radius:50%;left:.2rem;top:50%;transform:translateY(-50%)}div[data-v-08578b16]:after{box-shadow:.15rem .9rem 0 .15rem #fbfbfb,1rem .9rem 0 .07rem #fbfbfb,1.5rem 1.1rem 0 .15rem #fbfbfb,2rem .7rem 0 .07rem #fbfbfb,2.65rem .5rem 0 .15rem #fbfbfb,3rem -.07rem 0 .15rem #efefef,-.15rem 0 0 .78rem #fff3,.23rem 0 0 .78rem #ffffff26,.625rem 0 0 .78rem #ffffff36,.15rem .625rem 0 .15rem #abc1d9,1.1rem .5rem 0 .15rem #abc1d9,1.5rem .625rem 0 .15rem #abc1d9,2rem .3rem 0 .15rem #abc1d9,2.4rem .23rem 0 .15rem #abc1d9,3rem -.3rem 0 .15rem #abc1d9;height:.6875rem;width:.6875rem}div.active[data-v-08578b16]{background-position:0 0}div.active[data-v-08578b16]:before{background:radial-gradient(circle at 50% .3rem,#939aa5,#939aa5 6.5px,transparent 7px,transparent),radial-gradient(circle at 35% .7rem,#939aa5,#939aa5 11.5px,transparent 12px,transparent),radial-gradient(circle at 72% .78rem,#939aa5,#939aa5 8.5px,transparent 9px,transparent),radial-gradient(#cbcdda,#cbcdda);box-shadow:0 0 5px var(--p-zinc-900),inset 2px 2px 3px var(--p-zinc-300),inset -2px -2px 3px var(--p-zinc-700);translate:1.125rem}div.active[data-v-08578b16]:after{box-shadow:.15rem .9rem 0 .15rem transparent,1rem .9rem 0 5px transparent,1.5rem 1.1rem 0 .15rem transparent,2rem .7rem 0 5px transparent,2.6rem .5rem 0 .15rem transparent,3rem -5px 0 .15rem transparent,.15rem 0 0 .78rem #fff3,-.23rem 0 0 .78rem #ffffff26,-.625rem 0 0 .78rem #ffffff36,.15rem .625rem 0 .15rem transparent,1.1rem .5rem 0 .15rem transparent,1.5rem .625rem 0 .15rem transparent,2rem .3rem 0 .15rem transparent,2.4rem .23rem 0 .15rem transparent,3rem -.3rem 0 .15rem transparent;transform:translate(1.125rem) translateY(-50%)}