:root{--animated-checkbox-border:#cfcfcf}.dark{--animated-checkbox-border:#3c4c69}.block[data-v-c8d70b82]{border-radius:50%;height:32px;position:relative;width:32px}.block input[data-v-c8d70b82]{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.block label[data-v-c8d70b82]{height:32px;position:relative;width:32px}.block label>div[data-v-c8d70b82]{border:1px solid var(--animated-checkbox-border);border-radius:50%;height:32px;left:0;opacity:1;position:absolute;top:0;transition:all .2s;width:32px;z-index:0}.block label>div.is-opaque[data-v-c8d70b82]{opacity:0}.block label[data-v-c8d70b82] svg circle{height:32px;width:32px;stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:currentColor;fill:none}.block label[data-v-c8d70b82] svg{border-radius:50%;display:block;height:32px;width:32px;stroke-width:2;color:currentColor;stroke:currentColor;stroke-miterlimit:10;box-shadow:inset 0 0 0 currentColor;margin:0 auto}.block label[data-v-c8d70b82] svg path{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:currentColor}.block.is-checked label[data-v-c8d70b82] svg circle{animation:stroke-c8d70b82 .6s cubic-bezier(.65,0,.45,1) both}.block.is-checked label[data-v-c8d70b82] svg path{animation:stroke-c8d70b82 .3s cubic-bezier(.65,0,.45,1) .8s both}.block.is-unchecked label[data-v-c8d70b82] svg circle{animation:reverseCircle-c8d70b82 .6s cubic-bezier(.65,0,.45,1) .2s both}.block.is-unchecked label[data-v-c8d70b82] svg path{animation:reverseCheck-c8d70b82 .3s cubic-bezier(.65,0,.45,1) .1s both}@keyframes stroke-c8d70b82{to{stroke-dashoffset:0}}@keyframes reverseCircle-c8d70b82{0%{stroke-dashoffset:0}to{stroke-dashoffset:166}}@keyframes reverseCheck-c8d70b82{0%{stroke-dashoffset:0}to{stroke-dashoffset:48}}