form{display:flex;flex-wrap:wrap;align-items:center;padding:20px;text-align:left}@media (min-width: 40em){form{margin:0 auto;padding:50px}}@media (min-width: 60em){form{padding:100px;border-width:10px}}label,legend{display:block;margin:40px 0 16px;font-family:Rajdhani,sans-serif;font-weight:600;letter-spacing:.1em;text-transform:uppercase}label[required]:after,legend[required]:after{content:"*";margin-left:1ch}legend{width:100%}input,textarea,select{display:block;flex:1 1 100%;margin:0;padding:5px 25px;border:2px solid rgba(148,64,160,.4);background:#9440a066;color:#000;font-size:1em}input::placeholder,textarea::placeholder,select::placeholder{color:#0d0d0d;font-style:italic}textarea{flex-basis:100%;min-height:8em;margin-top:0;padding:15px 25px}fieldset{width:100%;padding:0;border:none}button{margin-top:40px;padding:.6em 1em .5em;border:none;border:4px solid #9440a0;background:#9440a0;color:#fff;font-size:1.25em;font-weight:700;line-height:1;text-transform:uppercase}button:hover{border-color:#9440a0;background:#fff;color:#9440a0}@media (min-width: 60em){button{margin-top:80px}}main[data-astro-cid-sor5sm2g]{height:100%;min-height:100vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.container[data-astro-cid-sor5sm2g] #title:target{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.container[data-astro-cid-v3apwhp3]{display:grid;grid-template-columns:repeat(4,minmax(1fr,auto));grid-template-rows:auto auto;grid-template-areas:"demo html css js" "toggles toggles toggles toggles";gap:10px}.container[data-astro-cid-v3apwhp3]:not(:has(.toggles input[name=mode])) .html[data-astro-cid-v3apwhp3],.container[data-astro-cid-v3apwhp3]:not(:has(.toggles input[name=mode])) .css[data-astro-cid-v3apwhp3],.container[data-astro-cid-v3apwhp3]:not(:has(.toggles input[name=mode])) .js[data-astro-cid-v3apwhp3]{display:none}.container[data-astro-cid-v3apwhp3]:has(.toggles input[name=mode]):not(:has(.toggles input[name=mode][value=html]:checked)) .html[data-astro-cid-v3apwhp3]{display:none}.container[data-astro-cid-v3apwhp3]:has(.toggles input[name=mode]):not(:has(.toggles input[name=mode][value=css]:checked)) .css[data-astro-cid-v3apwhp3]{display:none}.container[data-astro-cid-v3apwhp3]:has(.toggles input[name=mode]):not(:has(.toggles input[name=mode][value=demo]:checked)) .demo[data-astro-cid-v3apwhp3]{display:none}.container[data-astro-cid-v3apwhp3]:has(.toggles input[name=mode]):not(:has(.toggles input[name=mode][value=js]:checked)) .js[data-astro-cid-v3apwhp3]{display:none}.html[data-astro-cid-v3apwhp3]{grid-area:html}.demo[data-astro-cid-v3apwhp3]{grid-area:demo;border:2px solid #808080;border-radius:5px;padding:20px}.css[data-astro-cid-v3apwhp3]{grid-area:css}.js[data-astro-cid-v3apwhp3]{grid-area:js}.toggles[data-astro-cid-v3apwhp3]{display:flex;justify-content:center;gap:5px;grid-area:toggles}.control[data-astro-cid-v3apwhp3]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.control[data-astro-cid-v3apwhp3]:checked+.toggle[data-astro-cid-v3apwhp3]{background:#9440a0;color:#fff}.toggle[data-astro-cid-v3apwhp3]{padding:.1em .2em;cursor:pointer}.container[data-astro-cid-mnx6zev4]{display:flex;justify-content:center;align-items:center}label[data-astro-cid-mnx6zev4]{position:relative;flex:0 0 auto;width:auto;margin:0;padding:10px 5px;font-size:1em;white-space:nowrap}.switch[data-astro-cid-mnx6zev4]{display:block;position:relative;flex:0 0 auto;width:2.7em;height:1.7em;border:3px solid currentColor;border-radius:2em;background:#fff}.switch[data-astro-cid-mnx6zev4]:before{content:"";display:block;position:absolute;top:-3px;left:-3px;width:1.7em;height:1.7em;border:3px solid currentcolor;border-radius:50%;background:#fff}input[data-astro-cid-mnx6zev4][type=radio][value=on]+label[data-astro-cid-mnx6zev4]{order:2}input[data-astro-cid-mnx6zev4][type=radio]:checked+label[data-astro-cid-mnx6zev4]{text-shadow:1px 0 0 currentcolor}input[data-astro-cid-mnx6zev4][type=radio][value=on]:checked~.switch[data-astro-cid-mnx6zev4]{background:currentcolor}input[data-astro-cid-mnx6zev4][type=radio][value=on]:checked~.switch[data-astro-cid-mnx6zev4]:before{right:-3px;left:auto;transition:right .5s ease-in-out}input[data-astro-cid-mnx6zev4][type=radio]+label[data-astro-cid-mnx6zev4]:before{position:absolute;inset:0;z-index:4}input[data-astro-cid-mnx6zev4][type=radio][value=off]+label[data-astro-cid-mnx6zev4]:before{right:calc(-1*(1ch + 2.7em));left:0}input[data-astro-cid-mnx6zev4][type=radio][value=on]+label[data-astro-cid-mnx6zev4]:before{right:0;left:calc(-1*(1ch + 2.7em))}input[data-astro-cid-mnx6zev4][type=radio]:not(:checked)+label[data-astro-cid-mnx6zev4]:before{content:""}