.fancy-checkbox-container{--text-color:var(--default-text-color);--text-line-scale:0;--text-x:0px;--border-default:var(--default-border-color);--border-hover:#60fbcf;--checkbox-active:#6e7bf2;--fancy-width:min(90vw, 340px);--fancy-height-before:clamp(4px, .5vh, 6px);--fancy-width-before:clamp(24px, 3vw, 32px);z-index:1;white-space:nowrap;border:1px solid var(--default-border-color);border-radius:var(--default-border-radius);-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000);justify-self:center;align-items:center;width:100%;transition:background .5s linear;display:flex;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.fancy-checkbox-container:not(.done):hover{--blur-x:calc(var(--fancy-width) + var(--fancy-width-before));--blur-o:1;background:#67ffd77c}.fancy-checkbox-container:before{content:"";width:var(--fancy-width-before);height:var(--fancy-height-before);box-shadow:0px 4px 4px var(--checkbox-active);transform:translateX(var(--blur-x,0));opacity:var(--blur-o,0);border-radius:50%;transition:opacity .15s,transform 1.2s;position:absolute;top:-11px;right:100%}.fancy-checkbox-container.done{--checkbox-active:#444449;--flag-border:#444449;--text-color:#626268}.fancy-checkbox-container .text{letter-spacing:-.05px;color:var(--text-color);transform:translateX(var(--text-x)) translateZ(0);text-decoration:none;transition:color .25s;display:block;position:relative}.fancy-checkbox-container .text:before{content:"";transform-origin:0;height:1px;transform:translateY(-50%) scaleX(var(--text-line-scale)) translateZ(0);background:currentColor;position:absolute;top:50%;left:-2px;right:-2px}.fancy-checkbox-container .text a{color:inherit;text-decoration:none}.fancy-checkbox-container .text a:hover{text-decoration:underline}.fancy-checkbox-container .checkbox{--active-tick:#fff;--checkbox-lines-offset:13.5px;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:clamp(10px,1.5vw,15px) clamp(8px,1vw,12px);display:block;position:relative}.fancy-checkbox-container .checkbox svg{display:block;position:absolute}.fancy-checkbox-container .checkbox input{appearance:none;background:0 0;border:none;outline:none;width:clamp(14px,1.5vw,18px);height:clamp(14px,1.5vw,18px);margin:0;padding:0;display:block}.fancy-checkbox-container .checkbox input+svg{width:clamp(17px,1.75vw,21px);height:clamp(14px,1.5vw,18px);color:var(--checkbox-active);transition:color .25s linear;top:clamp(12px,1.25vw,15px);left:clamp(10px,1vw,12px)}.fancy-checkbox-container .checkbox input+svg .shape{stroke-width:1.5px;stroke:var(--border,var(--border-default));fill:var(--background,none);transition:fill .25s linear,stroke .25s linear}.fancy-checkbox-container .checkbox input+svg .tick{stroke-dasharray:20;stroke-dashoffset:var(--checkbox-tick-offset,20px);transition:stroke-dashoffset var(--checkbox-tick-duration,.15s) var(--checkbox-tick-easing,ease)}.fancy-checkbox-container .checkbox input+svg .tick.mask{stroke:var(--active-tick)}.fancy-checkbox-container .checkbox input+svg+svg{fill:none;width:clamp(8px,.9vw,11px);height:clamp(8px,.9vw,11px);stroke:var(--checkbox-active);stroke-width:1.25px;stroke-linecap:round;stroke-dasharray:4.5;stroke-dashoffset:var(--checkbox-lines-offset);pointer-events:none;top:clamp(6px,.75vw,9px);right:clamp(1px,.2vw,2px)}.fancy-checkbox-container .checkbox input:checked+svg{--background:var(--checkbox-active);--border:var(--checkbox-active);--checkbox-tick-duration:.2s;--checkbox-tick-easing:cubic-bezier(0, .45, 1, .5);--checkbox-tick-offset:0}.fancy-checkbox-container .checkbox:hover input:not(:checked)+svg{--border:var(--border-hover)}