@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0";:root{--font:"Open Sans", Verdana, Geneva, Tahoma, sans-serif;--icons:"Material Symbols Outlined";--box:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23adb5bd\" viewBox=\"0 0 16 16\"><path d=\"M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z\"/></svg>");--box-ok:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23198754\" viewBox=\"0 0 16 16\"><path d=\"M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z\"/><path d=\"M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z\"/></svg>");--circle:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23adb5bd\" viewBox=\"0 0 16 16\"><path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\"/></svg>");--circle-ok:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23198754\" viewBox=\"0 0 16 16\"><path d=\"M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16\"/><path d=\"m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05\"/></svg>")}*{box-sizing:border-box;min-width:0;margin:0;padding:0;position:relative}body{font-family:var(--font)}.app{grid-template-rows:2em max-content auto;grid-template-areas:"header""checkboxes""proposal";gap:1em;width:100%;min-width:360px;height:100svh;margin-inline:auto;padding:1rem;display:grid}h1{text-transform:uppercase}input,textarea{font-family:inherit;font-size:inherit}.header{grid-area:header;grid-template-columns:auto 5em 3.5em;align-items:center;gap:1em;display:grid}.title{text-align:center;font-size:1.5rem}.subtitle{font-size:1.2rem}.checkboxes{grid-area:checkboxes}.proposal{grid-area:proposal}.radio-group,.checkbox-group{border-bottom:1px solid;flex-wrap:wrap;gap:.5em 1em;margin-bottom:.5rem;padding:.5em 0 1em;display:flex}.label{cursor:pointer;align-items:center;display:flex}.radio,.checkbox{appearance:none;aspect-ratio:1;cursor:pointer;width:1.5em;margin-right:.5em}.radio{content:var(--circle)}.radio:checked{content:var(--circle-ok)}.checkbox{content:var(--box)}.checkbox:checked{content:var(--box-ok)}.btn{cursor:pointer;background-color:#fff;border:1px solid #999;border-radius:.5em;padding:.1em .5em;transition:background-color .3s}.btn:hover{background-color:#ddd}.install-btn{position:absolute;right:0}.copy{color:#000;justify-self:right}.copy[data-enabled=false]{cursor:default;background-color:#ddd}.textarea{resize:none;border-radius:.5em;width:100%;height:100%;padding:1em}.toggle{--_offbgcolor:white;--_offcolor:black;--_onbgcolor:black;--_oncolor:white;--_time:.1s;appearance:none;box-sizing:border-box;width:2em;height:1em;font-size:inherit;background-color:var(--_offbgcolor);border:.05em solid var(--_onbgcolor);cursor:pointer;transition:background-color var(--_time) ease-in-out;border-radius:.5em;align-items:center;padding:.05em;display:inline-flex;position:relative;overflow:hidden}.toggle:checked{background-color:var(--_onbgcolor);border-color:var(--_offbgcolor)}.toggle:before{content:"";background-color:var(--_offcolor);width:.9em;height:.9em;transition:transform var(--_time) ease-in-out, background-color var(--_time) ease-in-out;border-radius:50%}.toggle:checked:before{background-color:var(--_oncolor);transform:translate(1em)}.toggle-darkmode{justify-self:right;font-size:1.5em}.hidden{display:none}@media (width>=961px){.app{grid-template:"header header"3em"checkboxes proposal"/1fr 2fr}.title{font-size:2em}}