:root{--animated-checkbox-border:#cfcfcf}.dark{--animated-checkbox-border:#3c4c69}.block[data-v-6275e401]{border-radius:50%;height:32px;position:relative;width:32px}.block input[data-v-6275e401]{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.block label[data-v-6275e401]{height:32px;position:relative;width:32px}.block label>div[data-v-6275e401]{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-6275e401]{opacity:0}.block label[data-v-6275e401] 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-6275e401] 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-6275e401] svg path{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:currentColor}.block.is-checked label[data-v-6275e401] svg circle{animation:stroke-6275e401 .6s cubic-bezier(.65,0,.45,1) both}.block.is-checked label[data-v-6275e401] svg path{animation:stroke-6275e401 .3s cubic-bezier(.65,0,.45,1) .8s both}.block.is-unchecked label[data-v-6275e401] svg circle{animation:reverseCircle-6275e401 .6s cubic-bezier(.65,0,.45,1) .2s both}.block.is-unchecked label[data-v-6275e401] svg path{animation:reverseCheck-6275e401 .3s cubic-bezier(.65,0,.45,1) .1s both}@keyframes stroke-6275e401{to{stroke-dashoffset:0}}@keyframes reverseCircle-6275e401{0%{stroke-dashoffset:0}to{stroke-dashoffset:166}}@keyframes reverseCheck-6275e401{0%{stroke-dashoffset:0}to{stroke-dashoffset:48}}