.animated-checkbox{position:relative;height:32px;width:32px}.animated-checkbox:focus-within{border-radius:50%;outline-offset:var(--accessibility-focus-outline-offset);outline-width:var(--accessibility-focus-outline-width);outline-style:var(--accessibility-focus-outline-style);outline-color:var(--accessibility-focus-outline-color)}.animated-checkbox.is-purple .checkmark-circle{color:var(--purple)!important;stroke:var(--purple)!important}.animated-checkbox.is-purple .checkmark{box-shadow:inset 0 0 0 var(--purple)!important}.animated-checkbox.is-purple .checkmark-check{color:var(--purple)!important;stroke:var(--purple)!important}.animated-checkbox.is-primary .checkmark-circle{color:var(--primary)!important;stroke:var(--primary)!important}.animated-checkbox.is-primary .checkmark{box-shadow:inset 0 0 0 var(--primary)!important}.animated-checkbox.is-primary .checkmark-check{color:var(--primary)!important;stroke:var(--primary)!important}.animated-checkbox.is-info .checkmark-circle{color:var(--info)!important;stroke:var(--info)!important}.animated-checkbox.is-info .checkmark{box-shadow:inset 0 0 0 var(--info)!important}.animated-checkbox.is-info .checkmark-check{color:var(--info)!important;stroke:var(--info)!important}.animated-checkbox.is-success .checkmark-circle{color:var(--success)!important;stroke:var(--success)!important}.animated-checkbox.is-success .checkmark{box-shadow:inset 0 0 0 var(--success)!important}.animated-checkbox.is-success .checkmark-check{color:var(--success)!important;stroke:var(--success)!important}.animated-checkbox.is-warning .checkmark-circle{color:var(--warning)!important;stroke:var(--warning)!important}.animated-checkbox.is-warning .checkmark{box-shadow:inset 0 0 0 var(--warning)!important}.animated-checkbox.is-warning .checkmark-check{color:var(--warning)!important;stroke:var(--warning)!important}.animated-checkbox.is-danger .checkmark-circle{color:var(--red)!important;stroke:var(--red)!important}.animated-checkbox.is-danger .checkmark{box-shadow:inset 0 0 0 var(--red)!important}.animated-checkbox.is-danger .checkmark-check{color:var(--red)!important;stroke:var(--red)!important}.animated-checkbox input{position:absolute;top:0;inset-inline-start:0;height:100%;width:100%;opacity:0;cursor:pointer;z-index:1}.animated-checkbox .checkmark-wrap{position:relative;height:32px;width:32px;display:inline-block}.animated-checkbox .checkmark-wrap .shadow-circle{position:absolute;top:0;inset-inline-start:0;height:32px;width:32px;border-radius:var(--radius-rounded);border:1px solid var(--placeholder);z-index:0;opacity:1;transition:all .2s}.animated-checkbox .checkmark-wrap .shadow-circle.is-opaque{opacity:0}.animated-checkbox .checkmark-wrap .checkmark-circle{height:32px;width:32px;stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;fill:none;color:var(--primary);stroke:var(--primary)}.animated-checkbox .checkmark-wrap .checkmark{width:32px;height:32px;border-radius:var(--radius-rounded);display:block;stroke-width:2;color:var(--placeholder);stroke:var(--placeholder);stroke-miterlimit:10;margin:0 auto;box-shadow:inset 0 0 0 var(--primary)}.animated-checkbox .checkmark-wrap .checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;color:var(--primary);stroke:var(--primary)}.animated-checkbox.is-checked .checkmark-circle{animation:stroke .6s cubic-bezier(.65,0,.45,1) both}.animated-checkbox.is-checked .checkmark-check{animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s both}.animated-checkbox.is-unchecked .checkmark-circle{animation:reverseCircle .6s cubic-bezier(.65,0,.45,1) .2s both}.animated-checkbox.is-unchecked .checkmark-check{animation:reverseCheck .3s cubic-bezier(.65,0,.45,1) .1s both}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes reverseCircle{0%{stroke-dashoffset:0}to{stroke-dashoffset:166}}@keyframes reverseCheck{0%{stroke-dashoffset:0}to{stroke-dashoffset:48}}.is-dark .animated-checkbox .checkmark-wrap .checkmark-circle,.is-dark .animated-checkbox .checkmark-wrap .checkmark-check{color:var(--primary)}.is-dark .animated-checkbox .checkmark-wrap .shadow-circle{border-color:color-mix(in oklab,var(--dark-sidebar),white 20%)}