:root{--hue:223;--sat:10%;--bg:hsl(var(--hue),var(--sat),90%);--fg:hsl(var(--hue),var(--sat),10%);--primary:hsl(var(--hue),90%,50%);--green:#0ac266;--red:#f20d0d;--purple:#993df5;--white:#fff;--light-gray1:hsl(var(--hue),var(--sat),85%);--light-gray2:hsl(var(--hue),var(--sat),65%);--dark-gray1:hsl(var(--hue),var(--sat),35%);--dark-gray2:hsl(var(--hue),var(--sat),15%);--check-bubble:var(--light-gray1);--check-outline:var(--light-gray2);--trans-dur:.3s}.check{pointer-events:none;width:7.5em;height:auto;overflow:visible}.check circle,.check polygon{transition:fill var(--trans-dur),stroke var(--trans-dur)}.check__move-fade,.check__scale-in,.check__scale-out,.check__stroke-offset{animation-duration:1s;animation-timing-function:cubic-bezier(.37,0,.63,1);animation-fill-mode:forwards}.check__fade{transition:opacity var(--trans-dur)}.check__move-fade{animation-timing-function:cubic-bezier(.61,1,.88,1)}.field{margin:auto;display:flex;position:relative}.field,.field__checkbox{-webkit-tap-highlight-color:transparent}.field__checkbox{appearance:none;opacity:0;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.field__checkbox:focus-visible+.field__label .check__scale-out{stroke:var(--primary)}.field__label{cursor:pointer;align-items:center;gap:.5em;display:flex}.field__checkbox:checked+.field__label .check__fade{opacity:1;transition-duration:0s}.field__checkbox:checked+.field__label .check__move-fade--1{animation-name:move-fade1}.field__checkbox:checked+.field__label .check__move-fade--2{animation-name:move-fade2}.field__checkbox:checked+.field__label .check__move-fade--3{animation-name:move-fade3}.field__checkbox:checked+.field__label .check__move-fade--4{animation-name:move-fade4}.field__checkbox:checked+.field__label .check__move-fade--5{animation-name:move-fade5}.field__checkbox:checked+.field__label .check__scale-in{transform:scale(1)}.field__checkbox:checked+.field__label .check__scale-in--1{animation-name:scale-in1}.field__checkbox:checked+.field__label .check__scale-in--2{animation-name:scale-in2}.field__checkbox:checked+.field__label .check__scale-in--3{animation-name:scale-in3}.field__checkbox:checked+.field__label .check__scale-out{animation-name:scale-out}.field__checkbox:checked+.field__label .check__stroke-offset--1{animation-name:stroke-offset1}.field__checkbox:checked+.field__label .check__stroke-offset--2{animation-name:stroke-offset2}.field__checkbox:checked+.field__label .check__stroke-offset--3{animation-name:stroke-offset3}.field__checkbox:checked+.field__label .check__stroke-offset--4{animation-name:stroke-offset4}.field__sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}@media (prefers-color-scheme:dark){:root{--bg:hsl(var(--hue),var(--sat),10%);--fg:hsl(var(--hue),var(--sat),90%);--check-bubble:var(--dark-gray2);--check-outline:var(--dark-gray1)}}@keyframes move-fade1{0%{opacity:0;animation-timing-function:step-end;transform:translateY(16px)}31%{opacity:1;transform:translateY(16px)}75%{opacity:1;transform:translate(0)}92.75%,to{opacity:0;transform:translate(0)}}@keyframes move-fade2{0%{opacity:0;animation-timing-function:step-end;transform:translate(22px)}35.25%{opacity:1;transform:translate(22px)}75%{opacity:1;transform:translate(0)}92.75%,to{opacity:0;transform:translate(0)}}@keyframes move-fade3{0%{opacity:0;animation-timing-function:step-end;transform:translate(-27px)}44%{opacity:1;transform:translate(-27px)}82.25%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes move-fade4{0%{opacity:0;animation-timing-function:step-end;transform:translateY(-11px)}44%{opacity:1;transform:translateY(-11px)}82.25%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes move-fade5{0%{opacity:0;animation-timing-function:step-end;transform:translateY(-23px)}22%{opacity:1;transform:translateY(-23px)}61.75%{opacity:1;transform:translate(0)}79.5%,to{opacity:0;transform:translate(0)}}@keyframes scale-in1{0%{transform:scale(0)}26.5%,to{transform:scale(1)}}@keyframes scale-in2{0%,13.25%{transform:scale(0)}44%{transform:scale(1.05)}48.5%,to{transform:scale(1)}}@keyframes scale-in3{0%,35.25%{transform:scale(0)}66.25%{transform:scale(1.05)}70.5%,to{transform:scale(1)}}@keyframes scale-out{0%{transform:scale(1)}31%,to{transform:scale(0)}}@keyframes stroke-offset1{0%,20.5%{stroke-dashoffset:17px}41%{stroke-dashoffset:0}61.75%,to{stroke-dashoffset:-17px}}@keyframes stroke-offset2{0%,29.5%{stroke-dashoffset:22.63px}50%{stroke-dashoffset:0}70.5%,to{stroke-dashoffset:-22.63px}}@keyframes stroke-offset3{0%,38%{stroke-dashoffset:17px}58.75%{stroke-dashoffset:0}79.5%,to{stroke-dashoffset:-17px}}@keyframes stroke-offset4{0%,22%{stroke-dashoffset:17px}42.75%{stroke-dashoffset:0}63.25%,to{stroke-dashoffset:-17px}}