.checkbox-wrapper *{-webkit-tap-highlight-color:transparent;outline:none}.checkbox-wrapper input[type=checkbox]{display:none}.checkbox-wrapper label{--size:40px;--shadow:calc(var(--size) * .07) calc(var(--size) * .1);width:var(--size);height:var(--size);box-shadow:0 var(--shadow) #ffbeb866;cursor:pointer;z-index:1;vertical-align:middle;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0 0%,#c850c0 46%,#ffcc70 100%);border-radius:50%;flex-shrink:0;margin:0;transition:transform .2s,background-color .2s,box-shadow .2s;display:inline-block;position:relative;overflow:hidden}.checkbox-wrapper label:before{content:"";width:calc(var(--size) * .7);height:calc(var(--size) * .7);box-shadow:inset 0 var(--shadow) #ffbeb84d;background-color:#fff;border-radius:50%;margin:0 auto;transition:width .2s,height .2s;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.dark .checkbox-wrapper label:before{background-color:#161b22}.checkbox-wrapper label:hover:before{width:calc(var(--size) * .55);height:calc(var(--size) * .55);box-shadow:inset 0 var(--shadow) #ff9d9680}.checkbox-wrapper label:active{transform:scale(.9)}.checkbox-wrapper .tick_mark{top:-1px;right:0;left:calc(var(--size) * -.05);width:calc(var(--size) * .6);height:calc(var(--size) * .6);margin:0 auto;margin-left:calc(var(--size) * .14);position:absolute;transform:rotate(-40deg)}.checkbox-wrapper .tick_mark:before,.checkbox-wrapper .tick_mark:after{content:"";opacity:0;background-color:#fff;border-radius:2px;transition:transform .2s,opacity .2s;position:absolute}.checkbox-wrapper .tick_mark:before{width:calc(var(--size) * .1);height:calc(var(--size) * .3);transform:translateY(calc(var(--size) * -.68));bottom:0;left:0;box-shadow:-2px 0 5px #0000003b}.checkbox-wrapper .tick_mark:after{width:100%;height:calc(var(--size) * .1);transform:translateX(calc(var(--size) * .78));bottom:0;left:0;box-shadow:0 3px 5px #0000003b}.checkbox-wrapper input[type=checkbox]:checked+label{background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0 0%,#c850c0 46%,#ffcc70 100%);box-shadow:0 10px 20px #00000040,0 6px 6px #00000026}.checkbox-wrapper input[type=checkbox]:checked+label:before{width:0;height:0}.checkbox-wrapper input[type=checkbox]:checked+label .tick_mark:before,.checkbox-wrapper input[type=checkbox]:checked+label .tick_mark:after{opacity:1;transform:translate(0)}.checkbox-wrapper.size-sm label{--size:28px}.checkbox-wrapper.size-lg label{--size:50px}