@charset "UTF-8";@media(max-width:63.9375rem){:root{--input-size:2.5em;& .input-tiny{ --input-size:1.8125em;}}}@media(min-width:64rem){:root{--input-size:2.75em;& .input-tiny{ --input-size:2.0625em;}}}:root{ --input-radius:var(--input-size);}input:is([type="radio"],[type="checkbox"]){ position:absolute; width:0 !important; height:0 !important; padding:0 !important; overflow:hidden; outline:none; box-shadow:none !important; & + label{--input-bg:var(--canvas,white);--input-bg-reverse:var(--basic-color-reverse,white);--input-color-primary:var(--canvasText,black);--input-color-basic:var(--basic-color,black);--input-color-checked:CanvasText;--input-color-hover:var(--basic-color,black);--input-color-error:var(--error-color,orangered);--input-color-disabled:var(--lightgray,lightgrey);--input-stroke-width:0.0625rem;--svg-switch-on:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16,26.5h0c-.82,0-1.5-.67-1.5-1.5V7c0-.82.67-1.5,1.5-1.5h0c.82,0,1.5.67,1.5,1.5v18c0,.82-.67,1.5-1.5,1.5Z"/></svg>');--svg-switch-off:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16,8.5c4.14,0,7.5,3.36,7.5,7.5s-3.36,7.5-7.5,7.5-7.5-3.36-7.5-7.5,3.36-7.5,7.5-7.5M16,5.5c-5.8,0-10.5,4.7-10.5,10.5s4.7,10.5,10.5,10.5,10.5-4.7,10.5-10.5-4.7-10.5-10.5-10.5h0Z"/></svg>');--svg-switch-on-light:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23eee" d="M16,26.5h0c-.82,0-1.5-.67-1.5-1.5V7c0-.82.67-1.5,1.5-1.5h0c.82,0,1.5.67,1.5,1.5v18c0,.82-.67,1.5-1.5,1.5Z"/></svg>');--svg-switch-off-light:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23eee" d="M16,8.5c4.14,0,7.5,3.36,7.5,7.5s-3.36,7.5-7.5,7.5-7.5-3.36-7.5-7.5,3.36-7.5,7.5-7.5M16,5.5c-5.8,0-10.5,4.7-10.5,10.5s4.7,10.5,10.5,10.5,10.5-4.7,10.5-10.5-4.7-10.5-10.5-10.5h0Z"/></svg>');--image-checked:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m0,0v32h32V0H0Zm26.45,10.5v.02l-13.38,13.63c-.45.46-1.19.46-1.64,0l-5.89-5.99c-.43-.45-.43-1.16,0-1.61l1.04-1.07c.44-.46,1.18-.46,1.63,0l3.22,3.26c.44.46,1.18.46,1.63,0l10.7-10.91c.45-.45,1.19-.45,1.64,0l1.05,1.07c.43.44.43,1.16,0,1.6Z"/></svg>');--image-unchecked:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="m0,0v32h32V0H0Zm24.14,24.13h0c-.48.49-1.24.49-1.72.01l-6.42-6.43-6.42,6.42c-.48.48-1.24.47-1.72,0-.48-.47-.47-1.25,0-1.72l6.42-6.41-6.41-6.42c-.48-.48-.48-1.25,0-1.72.48-.48,1.24-.48,1.72,0l6.41,6.42,6.42-6.42c.48-.48,1.24-.47,1.72,0,.48.47.47,1.25,0,1.72l-6.42,6.41,6.42,6.42c.48.48.48,1.25,0,1.72Z"/></svg>');--svg-ischeck:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M26.91,4.58l-15.35,15.64c-.31.32-.82.32-1.13,0l-5.35-5.43c-.31-.31-.82-.31-1.13,0l-2.42,2.47c-.3.31-.3.8,0,1.11l8.89,9.06c.31.32.82.32,1.13,0L30.46,8.17c.3-.31.3-.8,0-1.1l-2.42-2.49c-.31-.32-.82-.32-1.13,0Z"/></svg>');--svg-dots:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M8 13.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zm8 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zm8 0a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5z"/></svg>');--svg-error:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M31.3603,23.5634,20.14936,3.48735a4.69431,4.69431,0,0,0-8.28636,0L.64547,23.5634A4.95709,4.95709,0,0,0,4.78865,31h22.389A4.98211,4.98211,0,0,0,31.3603,23.5634ZM15.9996,26.54621a1.84655,1.84655,0,0,1,0-3.691,1.84835,1.84835,0,0,1,0,3.691Zm1.627-11.93122c-.07905,1.43011-.16468,2.85341-.24372,4.28352-.03952.46309-.03952.88531-.03952,1.34158a1.36579,1.36579,0,0,1-1.34374,1.34159A1.33447,1.33447,0,0,1,14.65586,20.281c-.11856-2.22688-.24371-4.41291-.36228-6.6398-.03952-.58567-.079-1.17814-.12515-1.7638a2.00056,2.00056,0,0,1,1.38325-2.01578,1.77528,1.77528,0,0,1,2.07489,1.04875,2.2658,2.2658,0,0,1,.16467.92616C17.75172,12.76946,17.66609,13.69563,17.62657,14.615Z"/></svg>');position:relative;display:inline-block;line-height:calc(var(--input-size) / 1.5);border-radius:0.1875em;@media(any-hover:hover){ cursor:pointer;}&:after{ height:calc(var(--input-size) / 2); width:calc(var(--input-size) / 2); content:"\20" / ""; position:absolute; left:0.125em; border-radius:var(--input-radius); font-family:sans-serif !important;}}  &:checked + label{color:var(--input-color-checked);}  &:disabled + label{opacity:.6;&:after{ background-color:var(--input-color-disabled);}}  &.error{&:not(:checked){ & + label{color:var(--input-color-error);&:before{ box-shadow:0 0 0 var(--input-stroke-width) currentColor;}&:not(.checkbox-square):after{ -webkit-mask-size:0.75em !important; mask-size:0.75em !important; left:calc(var(--input-size) / 4 + calc(var(--input-stroke-width) * 2));}&.checkbox-square:after{ -webkit-mask-size:calc(var(--input-size) / 4) !important; mask-size:calc(var(--input-size) / 4) !important;}&:after{ -webkit-mask-image:var(--svg-error) !important; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center center; mask-image:var(--svg-error) !important; mask-repeat:no-repeat; mask-position:center center; background-color:var(--input-color-error) !important; opacity:1; border-radius:0 !important;}}}}  &:default:not(:checked) + label{color:var(--input-color-checked);font-weight:bolder;text-decoration:underline;text-underline-position:under;text-decoration-style:dashed;}  @media(any-hover:hover){&:not(:checked) + label:hover{ color:var(--input-color-hover); text-decoration:underline; text-underline-position:under; text-decoration-style:var(--text-decoration-style); text-decoration-color:currentColor; text-decoration-thickness:var(--text-decoration-thickness);}}}:root.use-keyboard input:is([type="radio"],[type="checkbox"]){ &:focus + label{outline-offset:0.1875em;outline:var(--outline);} &:not(:checked):focus + label{color:var(--input-color-hover);}}[type="checkbox"] + label:not(.checkbox-square){ padding-left:calc(var(--input-size) + 0.9375em); &:before{border-radius:var(--input-radius);box-shadow:0 0 0 0.0625rem var(--input-color-primary);content:"";display:inline-block;font-family:sans-serif !important;height:calc(var(--input-size) / 2);left:0.125em;position:absolute;top:0.1875em;width:var(--input-size);} &:after{background-color:var(--input-color-basic);border:solid var(--input-stroke-width) var(--input-bg);top:0.1875em;}}:is(:root.contrast,:root.use-keyboard,.inputs-marker) [type="checkbox"] + label:not(.switch-marker):not(.checkbox-square):after{ -webkit-mask-size:90%; -webkit-mask-image:var(--image-unchecked); -webkit-mask-position:center center; mask-size:90%; mask-image:var(--image-unchecked); mask-position:center center;}[type="checkbox"]:not(:checked) + label:not(.checkbox-square):after{ border-radius:calc(var(--input-radius) + var(--input-stroke-width)) !important; opacity:.8;}[type="checkbox"]:checked + label:not(.checkbox-square){ &:before{background-color:currentColor;box-shadow:0 0 0 0.0625rem currentColor;} &:after{left:calc(var(--input-size) / 2 + 0.125em) !important;background-color:var(--input-bg-reverse);border:solid 0.0625rem currentColor;opacity:1;}}:is(:root.contrast,:root.use-keyboard,.inputs-marker) [type="checkbox"]:checked + label:not(.switch-marker):not(.checkbox-square):after{ -webkit-mask-image:var(--image-checked); mask-image:var(--image-checked);}[type="checkbox"] + label.switch-marker{ &:before{background-image:var(--svg-switch-off);background-position:88% 55%;background-size:35%;top:0.1875em;@media(prefers-color-scheme:dark){ background-image:var(--svg-switch-off-light);}} &::after{top:0.1875em;}}[type="checkbox"]:checked + label.switch-marker:before{ background-image:var(--svg-switch-on-light); background-position:12% center; background-size:40%; @media(prefers-color-scheme:dark){background-image:var(--svg-switch-on);}}[type="radio"] + label{ padding-left:calc(var(--input-size) / 2 + 0.9375em); &:before{border-radius:var(--input-size);box-shadow:0 0 0 var(--input-stroke-width) currentColor;content:"\20" / "";display:inline-block;font-family:sans-serif !important;height:calc(var(--input-size) / 2);left:0.125em;position:absolute;top:0.1875em;width:calc(var(--input-size) / 2);}}[type="radio"]:checked + label:after{ border-radius:var(--input-size) !important; top:0.1875em; background-color:currentColor; box-shadow:0 0 0 var(--input-stroke-width) var(--input-bg) inset;}:is(:root.contrast,:root.use-keyboard,.inputs-marker) [type="radio"]:checked + label:after{ -webkit-mask-image:var(--image-checked); -webkit-mask-position:center center; -webkit-mask-size:85%; mask-image:var(--image-checked); mask-position:center center; mask-size:85%;}[type="checkbox"]:indeterminate + label:not(.checkbox-square){ &:before{background-color:transparent;} &:after{background-color:var(--input-color-disabled);content:"\A0" / "";font-size:calc(var(--input-size) / 3);display:flex;align-items:center;justify-content:center;line-height:calc(var(--input-size) / 1.5);height:calc(var(--input-size) / 2);font-family:inherit !important;-webkit-mask-image:none !important;mask-image:none !important;top:0.25em;left:calc(var(--input-size) / 3 + calc(var(--input-stroke-width) * .5));box-shadow:0 0 0 var(--input-stroke-width);}}[type="checkbox"][data-indeterminate]:not(:indeterminate) + label:not(.checkbox-square):after{ content:"\A0" / ""; -webkit-mask-size:contain; -webkit-mask-image:var(--image-unchecked); -webkit-mask-position:center center; -webkit-mask-repeat:no-repeat; mask-size:contain; mask-image:var(--image-unchecked); mask-position:center center; mask-repeat:no-repeat;}[type="checkbox"][data-indeterminate]:not(:indeterminate):checked + label:not(.checkbox-square):after{ -webkit-mask-image:var(--image-checked); mask-image:var(--image-checked);}[type="checkbox"] + label.checkbox-square{ padding-left:max(calc(var(--input-size) / 2 + 1em),1.5625rem); &:before{border-radius:0.1875rem;background-color:var(--input-bg);box-shadow:0 0 0 var(--input-stroke-width) var(--input-color-checked) inset;width:max(calc(var(--input-size) / 2),1.375rem);height:max(calc(var(--input-size) / 2),1.375rem);top:50%;transform:translateY(-50%);content:"";display:inline-block;position:absolute;left:0.125em;background-image:none;} &:after{width:max(calc(var(--input-size) / 2),1.375rem);height:max(calc(var(--input-size) / 2),1.375rem);top:50%;transform:translateY(-50%);left:0.125em;background-color:var(--input-color-checked);border:solid 0.0625rem transparent;opacity:0;content:"\A0" / "";-webkit-mask-image:var(--svg-ischeck);-webkit-mask-position:center center;-webkit-mask-size:65%;-webkit-mask-repeat:no-repeat;mask-image:var(--svg-ischeck);mask-position:center center;mask-size:65%;mask-repeat:no-repeat;}}[type="checkbox"]:checked + label.checkbox-square{ &:before{box-shadow:0 0 0 var(--input-stroke-width) currentColor inset;} &:after{opacity:1;left:0.125em;background-color:var(--input-color-checked);}}[type="checkbox"]:indeterminate + label.checkbox-square{ &:before{box-shadow:0 0 0 var(--input-stroke-width) currentColor inset;background-image:none;} &:after{width:max(calc(var(--input-size) / 2),1.375rem);height:max(calc(var(--input-size) / 2),1.375rem);left:0.125em;background-color:var(--input-color-basic);content:"\A0" / "";-webkit-mask-image:var(--svg-dots);-webkit-mask-position:center center;-webkit-mask-size:65%;-webkit-mask-repeat:no-repeat;mask-image:var(--svg-dots);mask-position:center center;mask-size:65%;mask-repeat:no-repeat;opacity:1;border:solid var(--input-stroke-width) transparent;}}@media(prefers-reduced-motion:no-preference){ [type="radio"] + label:after, [type="checkbox"] + label:before, [type="checkbox"] + label:after{transition:background-color .3s;} [type="checkbox"] + label:not(.checkbox-square):after{transition:left .2s,background-color .3s,border-color .3s;} [type="checkbox"] + label.checkbox-square:after{transition:opacity .3s,background-color .3s;}}input:is([type="radio"],[type="checkbox"]).input-right{ & + label{padding-left:0;padding-right:calc(var(--input-size) + 0.9375em);&:before,&:after{ left:auto; right:0.125em;}}}[type="checkbox"].input-right:checked + label:not(.checkbox-square):after{ left:auto !important; right:calc(var(--input-size) / 2 + 0.125em) !important;}[type="radio"].input-right + label{ padding-right:calc(var(--input-size) / 2 + 0.9375em);}[type="checkbox"].input-right + label.checkbox-square{ padding-right:max(calc(var(--input-size) / 2 + 1em),1.5625rem); &:before, &:after{right:0.125em;left:auto;}}[type="checkbox"].input-right.error:not(:checked) + label:not(.checkbox-square):after{ left:auto !important; right:calc(var(--input-size) / 4 + calc(var(--input-stroke-width) * 2));}[type="checkbox"].input-right:indeterminate + label:not(.checkbox-square):after{ left:auto !important; right:calc(var(--input-size) / 4 + calc(var(--input-stroke-width) * 3));}