.animated-checkbox_container__8aeJz{--size:20px;position:relative;width:var(--size);height:var(--size);display:inline-block;vertical-align:middle}.animated-checkbox_animatedBox__SgUCF{--ts-1:300ms;--ts-2:600ms;--tick:#fff;--border:#e5e7eb;--active:#18181b;position:relative;pointer-events:none;width:var(--size);height:var(--size);border-radius:4px;transition:box-shadow var(--ts-1),background var(--ts-1);box-shadow:inset 0 0 0 2px var(--b,var(--border));display:inline-grid;place-items:center;overflow:hidden}.animated-checkbox_animatedBox__SgUCF svg{fill:none;stroke:var(--active);width:100%;height:100%;stroke-dasharray:var(--a,86.12);stroke-dashoffset:var(--o,86.12);transition:stroke-dasharray var(--ts-2),stroke-dashoffset var(--ts-2)}.animated-checkbox_container__8aeJz input:checked+.animated-checkbox_animatedBox__SgUCF{background:var(--active);--b:var(--active);transition-delay:.4s}.animated-checkbox_container__8aeJz input:checked+.animated-checkbox_animatedBox__SgUCF svg{--a:16 86.12;--o:102.22;animation-name:animated-checkbox_fill__jvxAC;animation-delay:var(--ts-1);animation-fill-mode:forwards;animation-timing-function:ease;animation-duration:var(--ts-2)}.group[data-checked] .animated-checkbox_animatedBox__SgUCF{background:var(--active);--b:var(--active);transition-delay:.4s}.group[data-checked] .animated-checkbox_animatedBox__SgUCF svg{--a:16 86.12;--o:102.22;animation-name:animated-checkbox_fill__jvxAC;animation-delay:var(--ts-1);animation-fill-mode:forwards;animation-timing-function:ease;animation-duration:var(--ts-2)}.animated-checkbox_container__8aeJz input[type=checkbox]{position:absolute;inset:0;margin:0}@keyframes animated-checkbox_fill__jvxAC{0%{stroke:var(--active)}to{stroke:var(--tick)}}