.local-font-picker[data-v-3a480147]{z-index:1;text-align:center;max-width:11rem;margin-top:1.25rem;position:relative}.filedrop[data-v-a486a89a]{z-index:10;justify-content:center;align-items:center;width:100%;height:100%;transition:background .15s;display:flex;position:relative}.working .filedrop[data-v-a486a89a]{pointer-events:none}.background[data-v-a486a89a]{background-position:50%;background-repeat:no-repeat;background-size:contain;animation:20s linear infinite reverse weeee-a486a89a;position:absolute;inset:0}.working .background[data-v-a486a89a]{animation-duration:1s;animation-direction:normal}.upload[data-v-a486a89a]{cursor:pointer;width:max(300px,50vmin);max-width:500px;height:max(300px,50vmin);max-height:500px;transition:transform .15s;position:relative}.upload[data-v-a486a89a]:after{content:"";width:132%;height:132%;animation:weeee-a486a89a var(--duration,38s) linear infinite var(--direction,normal);background:url(/img/logo.mehno3HR.svg);position:absolute;top:-16%;left:-16%}.working .upload[data-v-a486a89a]:after{--duration:1s;--direction:reverse}.upload input[data-v-a486a89a]{opacity:0;width:0;height:0;position:absolute}.info[data-v-a486a89a]{color:#000;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-top:5rem;display:flex;position:relative}.working .info[data-v-a486a89a]{opacity:.25}.info>strong[data-v-a486a89a]{text-align:center;font-size:2.25em}.info button[data-v-a486a89a]{z-index:1;margin-top:1.25rem;position:relative}.drop[data-v-a486a89a]{z-index:1}.drop[data-v-a486a89a]:hover{animation:.9s step-end infinite schwoop-a486a89a}@keyframes schwoop-a486a89a{0%{color:var(--red)}33.33%{color:var(--green)}66.66%{color:var(--yellow)}}.dragging .filedrop[data-v-a486a89a]{-webkit-backdrop-filter:blur(7.5px);backdrop-filter:blur(7.5px);background:#000000bf;position:fixed}.dragging .upload[data-v-a486a89a]{transform:scale(1.1)}.errormessage[data-v-a486a89a]{pointer-events:none;color:var(--red);opacity:0;text-align:center;z-index:1;margin-top:1.25rem;position:relative}.errormessage strong[data-v-a486a89a]{margin-bottom:.25em;display:block}.errormessage.show[data-v-a486a89a]{pointer-events:auto;opacity:1}@keyframes weeee-a486a89a{to{transform:rotate(-1turn)}}.fondue[data-v-869c77c7]{height:100vh;position:relative}.fondue picture[data-v-869c77c7]{position:absolute;inset:0;overflow:hidden}.fondue picture img[data-v-869c77c7]{object-fit:cover;width:100%;height:100%}.logo[data-v-869c77c7]{z-index:10;width:max(120px,10vw);position:absolute;bottom:1.5vw;left:1.5vw}.info[data-v-869c77c7]{z-index:40;right:1.5vw;top:calc((var(--nav-height) / 2) - 1.5rem);cursor:pointer;border:0;outline:0;place-items:center;width:3rem;height:3rem;animation:1.25s ease-in-out infinite alternate both woooo-869c77c7;display:grid;position:fixed}body:has(.modal) .info[data-v-869c77c7]{display:none}.info svg[data-v-869c77c7]{width:2rem;height:2rem;fill:var(--red)}@keyframes woooo-869c77c7{0%{rotate:-16deg}to{rotate:16deg}}.example-font-shoutout[data-v-08f08ef1]{text-align:center;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 20'%3E%3Cpath fill='%23dfd6b3' d='M99.72 2.89c-.1-.86-.25-1.82-.9-2.34-.5-.41-1.18-.45-1.81-.47-4.2-.12-8.95.44-13.16.44C57.56.56 32.52.08 6.28.08 4.4.07 1.28-.29.42.62c-.45.48-.44 1.25-.4 1.92.27 4.33-.13 9.25.14 13.58.04.57.02 1.78.08 2.34.1.89.36 1.46 1.19 1.48 12.39.27 25.42-.32 37.81-.05 6.44.14 14.11-.34 20.86-.25 12.48.17 23.14.3 37.03.3.71 0 1.47-.22 1.93-.8.39-.49.45-1.17.49-1.81.31-5.15.74-9.32.17-14.44z'/%3E%3C/svg%3E") 0 0/100% 100%;margin-top:8rem;padding:2rem;font-size:1.25rem;position:relative}.example-font-shoutout[data-v-08f08ef1]:after{content:"";z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 20'%3E%3Cpath fill='%23cd4e49' d='M99.72 2.89c-.1-.86-.25-1.82-.9-2.34-.5-.41-1.18-.45-1.81-.47-4.2-.12-8.95.44-13.16.44C57.56.56 32.52.08 6.28.08 4.4.07 1.28-.29.42.62c-.45.48-.44 1.25-.4 1.92.27 4.33-.13 9.25.14 13.58.04.57.02 1.78.08 2.34.1.89.36 1.46 1.19 1.48 12.39.27 25.42-.32 37.81-.05 6.44.14 14.11-.34 20.86-.25 12.48.17 23.14.3 37.03.3.71 0 1.47-.22 1.93-.8.39-.49.45-1.17.49-1.81.31-5.15.74-9.32.17-14.44z'/%3E%3C/svg%3E") 0 0/100% 100%;animation:3s ease-in-out infinite alternate waaaa-08f08ef1;position:absolute;inset:-.3rem;rotate:180deg}.example-font-shoutout[data-v-08f08ef1]:before{content:"";z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 20'%3E%3Cpath fill='%235f8e5d' d='M99.72 2.89c-.1-.86-.25-1.82-.9-2.34-.5-.41-1.18-.45-1.81-.47-4.2-.12-8.95.44-13.16.44C57.56.56 32.52.08 6.28.08 4.4.07 1.28-.29.42.62c-.45.48-.44 1.25-.4 1.92.27 4.33-.13 9.25.14 13.58.04.57.02 1.78.08 2.34.1.89.36 1.46 1.19 1.48 12.39.27 25.42-.32 37.81-.05 6.44.14 14.11-.34 20.86-.25 12.48.17 23.14.3 37.03.3.71 0 1.47-.22 1.93-.8.39-.49.45-1.17.49-1.81.31-5.15.74-9.32.17-14.44z'/%3E%3C/svg%3E") 0 0/100% 100%;animation:2.5s ease-in-out -1s infinite alternate waaaa-08f08ef1;position:absolute;inset:-.6rem;rotate:180deg}@keyframes waaaa-08f08ef1{0%{transform:scale(1)}to{transform:scale(1.01,1.1)}}.example-font-shoutout a[data-v-08f08ef1]:not(.button){color:var(--red)}.example-font-shoutout a.button[data-v-08f08ef1]{margin-top:.5em;font-size:.9em;text-decoration:none;display:inline-block}.summary h1[data-v-36541034]{font-family:var(--font-stack);text-align:center;text-overflow:ellipsis;margin:4rem 0 0;padding:2rem 0;font-size:6rem;line-height:1;overflow:hidden}.oneliner[data-v-36541034]{text-align:center;margin-bottom:3rem;line-height:1.5}.details[data-v-36541034]{gap:var(--small-margin);grid-template-columns:auto 1fr;display:grid}.details dt[data-v-36541034]{font-weight:700}.features ul[data-v-36541034]{flex-wrap:wrap;display:flex}.features li[data-v-36541034]{margin-top:var(--small-margin)}.features a[data-v-36541034]{text-decoration:none}.copy-button[data-v-f205fcf4]{position:absolute;top:0;right:0}.copy-button button[data-v-f205fcf4]{padding:var(--small-margin);background:0 0;border:0;font-family:sans-serif;font-size:1.5rem;position:absolute;top:0;right:0}.copy-button textarea[data-v-f205fcf4]{pointer-events:none;opacity:0;width:10px}.success[data-v-f205fcf4]{pointer-events:none;padding:var(--small-margin);font-size:1.5rem;animation:.7s ease-out forwards thumbs-up-f205fcf4;position:absolute;top:0;right:0}@keyframes thumbs-up-f205fcf4{0%{transform:translateY(0)scale(.5)}0%,70%{opacity:1}to{opacity:0;transform:translateY(-3rem)scale(1.5)}}span+select[data-v-8d787946]{margin-left:.5em}.variable-controls div+div[data-v-966973e9]{margin-top:2rem}.axes-sliders[data-v-966973e9]{align-items:center;gap:var(--small-margin) 1rem;grid-template-columns:auto 2.5em 1fr 2.5em auto auto;display:grid}.axis-slider-container[data-v-966973e9]{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.axis-slider-container label[data-v-966973e9]{cursor:pointer}.opentype-label[data-v-966973e9]{margin-left:var(--small-margin)}.disabled .axis-min[data-v-966973e9],.disabled .axis-max[data-v-966973e9],.disabled .axis-current[data-v-966973e9],.disabled .axis-name[data-v-966973e9]{color:var(--unlighterer-grey)}.disabled .opentype-label[data-v-966973e9]{opacity:.5}.auto-opsz[data-v-966973e9]{margin-bottom:1rem;display:inline-block}.axis-name[data-v-966973e9]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.axis-min[data-v-966973e9]{text-align:right}.axis-slider[data-v-966973e9]{vertical-align:middle;padding:0 .5rem 0 .25rem}.axis-slider input[data-v-966973e9]{width:100%}.axis-current[data-v-966973e9]{font-size:inherit;background:0 0;border-width:1px;border-radius:.2em;width:3em;font-weight:700}.button.hide[data-v-966973e9]{opacity:0;pointer-events:none}.named-instances>p[data-v-966973e9]{margin-bottom:1rem}.named-instances>div[data-v-966973e9]{align-items:center;display:flex}.named-instances .flip-state[data-v-966973e9]{margin-left:auto}.instances-list ul[data-v-966973e9]{grid-gap:var(--small-margin);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));display:grid}.instance-button[data-v-966973e9]{cursor:pointer;background:0 0;background:var(--yellow);color:#000;border:0;border-radius:.2rem;width:100%;height:100%;margin:0;padding:.25rem .5rem;transition:background .4s}.instance-button.active[data-v-966973e9]{background:var(--green);color:#fff;transition:background}.instance-button .container[data-v-966973e9]{text-align:left;align-items:center;display:flex}.instances-list .sample[data-v-966973e9]{font-family:var(--font-stack);flex:none;min-width:1.5em;margin-right:.5rem;font-size:2.5em}.large-samples li+li[data-v-966973e9]{margin-top:2rem}.large-sample[data-v-966973e9]{font-family:var(--font-stack);font-size:var(--preview-font-size,2rem);background:var(--light-grey);margin-top:var(--small-margin);padding:1rem}.code[data-v-966973e9]{position:relative}.feature-controls[data-v-6fb7b14c]{margin:2rem 0}.feature-controls.long ul[data-v-6fb7b14c]{columns:3}@media screen and (width<=920px){.feature-controls.long ul[data-v-6fb7b14c]{columns:2}}@media screen and (width<=620px){.feature-controls.long ul[data-v-6fb7b14c]{columns:1}}.feature-controls.long li[data-v-6fb7b14c]{list-style:initial;color:#0000}.feature-controls .label[data-v-6fb7b14c]{margin-bottom:var(--small-margin);cursor:pointer;color:#000;grid-template-columns:6rem 1fr;display:grid}.feature-description[data-v-6fb7b14c]{white-space:nowrap;text-overflow:ellipsis;margin-left:var(--small-margin);align-items:center;display:flex;overflow:hidden}.feature-name[data-v-6fb7b14c]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.alternate-select[data-v-6fb7b14c]{min-width:3em;margin-left:var(--small-margin)}.text-controls[data-v-34ebc7ca]{flex-wrap:wrap;justify-content:space-between;gap:1em;margin:2rem 0;display:flex}span+select[data-v-34ebc7ca]{margin-left:.5em}.alignment-buttons[data-v-34ebc7ca]{align-items:center;display:flex}.alignment-buttons span[data-v-34ebc7ca]{margin-right:.5em}.alignment-buttons .button[data-v-34ebc7ca]{border-radius:0;min-width:0}.button.left[data-v-34ebc7ca],.button.center[data-v-34ebc7ca],.button.right[data-v-34ebc7ca],.button.justify[data-v-34ebc7ca]{place-items:center;min-width:1.75rem;padding:.325rem;display:grid}.alignment-buttons svg[data-v-34ebc7ca]{fill:currentColor;width:.85rem;height:.85rem}.alignment-buttons .button[data-v-34ebc7ca]:first-of-type{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.alignment-buttons .button[data-v-34ebc7ca]:last-of-type{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.tester-container[data-v-8642a841]{position:relative}.tester[data-v-8642a841]{font-family:var(--font-stack);font-size:calc(var(--font-multiplier) * var(--preview-font-size,2rem));background:var(--light-grey);color:#000;padding:1rem;position:relative}.tester.sticky[data-v-8642a841]{top:var(--nav-height);position:sticky}.sticky-button[data-v-8642a841]{padding:var(--small-margin);opacity:.5;cursor:pointer;background:0 0;border:0;font-family:sans-serif;font-size:1.5rem;position:absolute;top:0;right:0}.sticky-button.sticky[data-v-8642a841]{opacity:1}.palette[data-v-85c2eeaf]{flex-wrap:wrap;display:flex}.palette li[data-v-85c2eeaf]{text-align:center;min-width:7rem;padding:2.5rem 0 1rem}.label[data-v-85c2eeaf]{text-transform:uppercase;background:var(--unlighter-grey);color:#000;border-radius:.2em;flex:none;padding:0 .5em;font-size:.75rem}.variable-tester-container[data-v-9398b18d]{position:relative}.variable-tester[data-v-9398b18d]{font-family:var(--font-stack);font-size:calc(var(--font-multiplier) * var(--preview-font-size,2rem));background:var(--light-grey);color:#000;padding:1rem;position:relative}.variable-tester.sticky[data-v-9398b18d]{top:var(--nav-height);z-index:1;position:sticky}.sticky-button[data-v-9398b18d]{padding:var(--small-margin);opacity:.5;cursor:pointer;background:0 0;border:0;font-family:sans-serif;font-size:1.5rem;position:absolute;top:0;right:0}.sticky-button.sticky[data-v-9398b18d]{opacity:1}.features p[data-v-79447da8]{margin:1rem 0}.features .content+.content[data-v-79447da8]{margin-top:4rem}.required-features li[data-v-79447da8]{margin-bottom:var(--small-margin)}.feature-demo+.feature-demo[data-v-79447da8]{margin-top:2rem}.state[data-v-79447da8]{color:var(--yellow);margin-left:auto;margin-right:.5em}.state.on[data-v-79447da8]{color:var(--green)}.flip-state [disabled]+span[data-v-79447da8]{color:var(--unlighterer-grey)}.required-features li[data-v-79447da8],.feature-control[data-v-79447da8]{align-items:center;display:flex}.chars[data-v-79447da8]{font-family:var(--font-stack);font-size:var(--preview-font-size,2rem);background:var(--light-grey);margin-top:var(--small-margin);padding:.5rem;display:block;position:relative}.feature-message[data-v-79447da8]{font-family:var(--system-font-stack);color:var(--unlighterer-grey);background:var(--light-grey);margin-top:var(--small-margin);padding:.5rem;font-style:italic;overflow:hidden;font-feature-settings:normal!important}.code[data-v-79447da8]{position:relative}.char-bar[data-v-b97feaa2]{background:var(--light-grey);margin-bottom:var(--small-margin);align-items:center;padding:1em;display:flex}.char-bar span[data-v-b97feaa2]{margin-right:auto}.char-bar label[data-v-b97feaa2]{margin-left:1rem}.grid[data-v-b97feaa2]{grid-template-columns:repeat(auto-fill, minmax(calc(var(--preview-font-size,2rem) * 2), 1fr));grid-gap:var(--small-margin);display:grid}.code[data-v-b97feaa2],.feature[data-v-b97feaa2]{flex-direction:column;align-items:center;padding:.75rem 0 .25rem;display:flex}.code[data-v-b97feaa2]{background:var(--light-grey)}.feature[data-v-b97feaa2]{background:var(--unlight-grey);display:none}.show-features .feature[data-v-b97feaa2]{display:flex}.char[data-v-b97feaa2]{font-family:var(--font-stack);font-size:var(--preview-font-size,2rem);flex:auto}.label[data-v-b97feaa2]{flex:none;margin-top:.5rem;font-size:.75rem}.code .label[data-v-b97feaa2]{text-transform:uppercase;color:var(--unlighterer-grey)}.feature .label[data-v-b97feaa2]{background:var(--unlighter-grey);color:var(--light-grey);border-radius:.2em;padding:0 .5em}.char-sliders[data-v-b97feaa2]{background:var(--light-grey);border-bottom:var(--small-margin) solid white;margin-bottom:var(--small-margin);top:var(--nav-height);padding:1em;position:sticky}.css-output[data-v-836bda62]{position:relative}.css-output p[data-v-836bda62]{margin-bottom:1rem}.css-output a[data-v-836bda62]{color:var(--red)}.css-button-container[data-v-836bda62]{top:var(--nav-height);margin-top:calc(2rem - var(--small-margin));margin-bottom:calc(1rem - var(--small-margin));z-index:1;padding:var(--small-margin) 0;background:#fff;position:sticky}.css-button-container header[data-v-836bda62]{grid-column:1/-1;grid-template-columns:auto auto 1fr;align-items:baseline;gap:1em;display:grid}@media screen and (width<=900px){.css-button-container[data-v-836bda62]{grid-template-columns:1fr}}.css-button-container h3[data-v-836bda62]{margin:0}.css-button-container h3 button[data-v-836bda62]{all:unset;cursor:pointer}.download-css[data-v-836bda62]{justify-self:end;min-width:0;padding:.5em 1em;font-size:1.5rem}.css-options[data-v-836bda62]{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin-top:1em;display:grid}.css-options[data-v-836bda62]>*{grid-template-columns:auto 1fr;align-items:center;gap:.4em;min-width:0;display:grid}.css-namespace[data-v-836bda62]{grid-template-columns:auto auto 1fr}.code[data-v-836bda62]{position:relative}footer[data-v-bd1dbaa9]{color:var(--offwhite);background:#000;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;margin-top:8rem;padding:3rem 0;display:flex}footer img[data-v-bd1dbaa9]{width:12rem}footer a[data-v-bd1dbaa9]{color:inherit;text-decoration:none}.font-size-slider[data-v-3544c0d8]{align-items:center;gap:var(--small-margin);height:100%;accent-color:var(--green);opacity:0;padding:.75em 0 .75em 1em;font-size:1rem;transition:opacity .2s;display:flex}.font-size-slider.visible[data-v-3544c0d8]{opacity:1}.font-size-slider input[data-v-3544c0d8]{width:180px}.font-size-value[data-v-3544c0d8]{text-align:right;min-width:5ch}.font-report-navigation-container[data-v-4c4dee94]{z-index:30;background:var(--yellow);position:sticky;top:0}.font-report-navigation[data-v-4c4dee94]{max-width:var(--max-content-width);min-height:var(--nav-height);grid-template-columns:1fr auto;align-items:center;margin:0 auto;padding:0 1em;display:grid}nav[data-v-4c4dee94]{flex-wrap:wrap;gap:0 1em;display:flex}nav a[data-v-4c4dee94]{text-decoration:none}.new[data-v-4c4dee94]{color:var(--green)}.css[data-v-4c4dee94]{color:var(--red)}:is(body:not(:has(#color)) [href=\#color][data-v-4c4dee94],body:not(:has(#variable)) [href=\#variable][data-v-4c4dee94],body:not(:has(#features)) [href=\#features][data-v-4c4dee94]){display:none}@media screen and (width<=820px){.font-report-navigation[data-v-4c4dee94]{--nav-height:auto;grid-template-columns:1fr;place-items:center;gap:.25rem 0;padding:.25rem 0}nav[data-v-4c4dee94]{justify-content:center}}.modal[data-v-56de2752]{background:var(--green);z-index:30;display:flex;position:fixed;inset:0;overflow:auto}.modal-content[data-v-56de2752]{color:#fff;max-width:36rem;margin:auto;padding:1rem}.modal-title[data-v-56de2752]{text-align:center;margin:0 0 .75rem;font-size:4rem;line-height:1}.modal-content p[data-v-56de2752]{margin-bottom:1.5rem;line-height:1.45}.modal-content a[data-v-56de2752]{color:inherit}.modal-content .version[data-v-56de2752]{opacity:.5;text-align:center}.modal-content hr[data-v-56de2752]{opacity:.25;border:1px dashed #fff;margin:1.5rem -1.5rem}.logo-link[data-v-56de2752]{background:#fff;width:12rem;height:5.5rem;margin:0 auto 3rem;display:block;-webkit-mask-image:url(/img/pixelambacht.COskbzXs.svg);mask-image:url(/img/pixelambacht.COskbzXs.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.info[data-v-56de2752]{z-index:100;right:1.5rem;top:calc((var(--nav-height) / 2) - 1.5rem);cursor:pointer;border:0;outline:0;place-items:center;width:3rem;height:3rem;display:grid;position:fixed}.info svg[data-v-56de2752]{width:1.5rem;height:1.5rem;fill:var(--red)}.ps[data-v-56de2752]{text-wrap:balance;text-align:center;font-size:.8em}:root{--yellow:#d8b33d;--green:#5f8e5d;--red:#cd4e49;--offwhite:#dfd6b3;--dark-grey:#444;--medium-grey:#888;--unlighterer-grey:#aaa;--unlighter-grey:#bbb;--unlight-grey:#ddd;--light-grey:#eee;--small-margin:4px;--font-stack:wakamai-fondue, notdef;--system-font-stack:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Oxygen, Cantarell, sans-serif;--max-content-width:68rem;--nav-height:4rem;--font-multiplier:1.5}@font-face{font-family:notdef;src:url(/AND-Regular.woff2)}html{box-sizing:border-box;min-width:320px;min-height:320px;font-family:var(--system-font-stack);scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 1rem)}*,:before,:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}body:has(.modal){overflow:hidden}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;font-family:inherit}select,button{font-family:inherit;font-size:inherit}a{color:inherit}h2{background:var(--green);color:#fff;text-align:center;margin:8rem 0 4rem;padding:2.5rem 0;font-size:2rem}h3{color:var(--red);margin:2rem 0 1rem;font-size:1.25rem;font-weight:700}.content{max-width:var(--max-content-width);margin-left:auto;margin-right:auto;padding:0 1rem}.opentype-label{height:1.5rem;margin-right:var(--small-margin);background:var(--offwhite);border-radius:99999px;align-items:center;padding:0 .75rem;font-family:monospace;display:inline-flex}.button{background:var(--unlight-grey);cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;border:1px solid #00000040;border-color:#ffffff40 #00000040 #00000040 #ffffff40;border-radius:.2rem;min-width:6em;margin:0;padding:.25rem 1rem;font-size:.85rem}.button:hover{box-shadow:inset 0 0 999px #00000026}.button[disabled]{background:var(--unlighterer-grey)}.button.active{background:var(--medium-grey);color:#fff}.button.active:hover{box-shadow:inset 0 0 999px #0006}.button.on{background:var(--green);color:#fff}.button.off{background:var(--red);color:#fff}.circle-background{background-color:#0000;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3e%3cpath fill='%23dfd6b3' d='M421.7 799.7c-91.3 0-180.8-26.1-257.2-76.2-32.9-21.6-63-46.7-87.3-77.8-22.9-29.4-40.9-62.6-53.9-97.5C10.2 512.9 2.1 475.6.3 438c-2-40.6 5.4-80.9 12.5-120.8 4-22.3 9.2-44.4 17.3-65.6 8.1-21.2 19-41.5 31.2-60.6 10.7-16.7 22.6-32.5 34.5-48.4 12.5-16.8 24.3-33.7 39.9-47.8 27.7-25.1 61.5-42.2 95.8-56.3 19.6-8 38.6-18 58.5-25.3 21.4-7.9 43.7-9.2 66.3-10.8C376.5 1 396.7.2 416.9.3c20.9.1 43.3-.9 63.7 3.8 43.4 10 87.1 21.1 126.4 42.7C676.6 85.2 728.4 150.4 759 223c16.4 38.9 27.1 80 33.4 121.6 6.6 43.4 9.9 88.3 5.3 132.1-7.9 75.3-47.3 145.8-97.8 201-13.8 15.1-28.6 29.2-44.2 42.3-15.5 13.1-31.6 26.5-49.8 35.6-18.6 9.3-38.6 15.5-58.5 21.5-21.9 6.6-43.6 14.6-66.3 18.3-19.5 3.4-39.5 4.3-59.4 4.3z'/%3e%3c/svg%3e")}@media screen and (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}