: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:hsl(150,90%,40%);--red:hsl(0,90%,50%);--purple:hsl(270,90%,60%);--white:hsl(0,0%,100%);--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:0.3s}.check{overflow:visible;pointer-events:none;width:7.5em;height:auto}.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{position:relative;display:flex;margin:auto}.field,.field__checkbox{-webkit-tap-highlight-color:transparent}.field__checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;left:0;width:1px;height:1px;margin:0;border:0;padding:0;opacity:0;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;overflow:hidden}.field__checkbox:focus-visible+.field__label .check__scale-out{stroke:var(--primary)}.field__label{cursor:pointer;display:flex;gap:.5em;align-items:center}.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{overflow:hidden;position:absolute;width:1px;height:1px;margin:0;border:0;padding:0;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}@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%{animation-timing-function:step-end;opacity:0;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%{animation-timing-function:step-end;opacity:0;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%{animation-timing-function:step-end;opacity:0;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%{animation-timing-function:step-end;opacity:0;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%{animation-timing-function:step-end;opacity:0;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:17}41%{stroke-dashoffset:0}61.75%,to{stroke-dashoffset:-17}}@keyframes stroke-offset2{0%,29.5%{stroke-dashoffset:22.63}50%{stroke-dashoffset:0}70.5%,to{stroke-dashoffset:-22.63}}@keyframes stroke-offset3{0%,38%{stroke-dashoffset:17}58.75%{stroke-dashoffset:0}79.5%,to{stroke-dashoffset:-17}}@keyframes stroke-offset4{0%,22%{stroke-dashoffset:17}42.75%{stroke-dashoffset:0}63.25%,to{stroke-dashoffset:-17}}