*{padding:0;margin:0;box-sizing:border-box}button:focus,input:focus,textarea:focus{outline:0}body,html{height:100%;width:100%;max-width:40rem;margin:auto}body{background:#f5f5f5;grid-template-rows:auto 7rem}body,header{display:grid}header{height:3.5rem;width:100%;max-width:40rem;padding:0 1rem;background:hsla(0,0%,96%,.7);-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);grid-template-columns:3rem 1fr 3rem;position:absolute;top:0;left:50%;transform:translateX(-50%)}@media screen and (min-width:40rem){header{height:5rem}}header h1{width:100%;font-size:1rem;margin:auto;text-align:center;font-variation-settings:"wght" 750}header svg{padding:1rem;cursor:pointer}header svg,main{height:100%;width:100%}main{padding:5rem 2rem 0;overflow:auto}@media screen and (min-width:40rem){main{padding-top:6.5rem}}main[data-current-section="0"] [data-section="0"],main[data-current-section="1"] [data-section="1"],main[data-current-section="10"] [data-section="10"],main[data-current-section="2"] [data-section="2"],main[data-current-section="3"] [data-section="3"],main[data-current-section="4"] [data-section="4"],main[data-current-section="5"] [data-section="5"],main[data-current-section="6"] [data-section="6"],main[data-current-section="7"] [data-section="7"],main[data-current-section="8"] [data-section="8"],main[data-current-section="9"] [data-section="9"]{display:grid}main section{height:auto;width:100%;min-height:100%;display:none;grid-template-rows:auto 1fr}main section h2{font-size:1.75rem;font-variation-settings:"wght" 800}main section h2 span[data-prefix]{color:#1ea50f;display:block;font-size:.95rem}main section div[data-form]{padding:2.5rem 0;margin:auto 0}main section p[data-pop-message]{margin:auto;font-size:1.5rem}div[data-lang-picker],div[data-options]{display:grid;grid-gap:1rem}div[data-lang-picker] div[data-option],div[data-options] div[data-option]{width:100%;border-radius:.5rem;padding:.5rem .75rem;font-size:1rem;background:#fff;display:flex;align-items:center;cursor:pointer;transition:background .2s ease,color .2s ease}div[data-lang-picker] div[data-option] span[data-checkbox],div[data-lang-picker] div[data-option] span[data-radio],div[data-options] div[data-option] span[data-checkbox],div[data-options] div[data-option] span[data-radio]{height:1.25rem;width:1.25rem;display:inline-block;border:.08rem solid rgba(0,0,0,.8);border-radius:.35rem;margin:.5rem 1rem .5rem .5rem;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease}div[data-lang-picker] div[data-option] span[data-checkbox]:after,div[data-lang-picker] div[data-option] span[data-radio]:after,div[data-options] div[data-option] span[data-checkbox]:after,div[data-options] div[data-option] span[data-radio]:after{content:"";display:block;height:.75rem;width:.75rem;border-radius:.2rem;background:#fff}div[data-lang-picker] div[data-option] span[data-radio],div[data-lang-picker] div[data-option] span[data-radio]:after,div[data-options] div[data-option] span[data-radio],div[data-options] div[data-option] span[data-radio]:after{border-radius:100%}div[data-lang-picker] div[data-option][data-sel],div[data-options] div[data-option][data-sel]{background:#1ea50f;color:#fff}div[data-lang-picker] div[data-option][data-sel] span[data-checkbox],div[data-lang-picker] div[data-option][data-sel] span[data-radio],div[data-options] div[data-option][data-sel] span[data-checkbox],div[data-options] div[data-option][data-sel] span[data-radio]{border-color:#fff}footer{height:100%;padding:2rem}footer button{height:100%;width:100%;background:#1ea50f;border-radius:.5rem;color:#fff;font-size:.9rem;border:0;cursor:pointer;transition:background .2s ease}footer button:hover{background:#23af14}div[data-input]{width:100%;position:relative;padding-bottom:1.5rem}div[data-input]:last-child{padding-bottom:0}div[data-input] label{max-width:calc(100% - 2rem);width:-moz-fit-content;width:fit-content;position:absolute;top:.75rem;left:1rem;font-size:1rem;transform:translateY(0);color:rgba(0,0,0,.6);background:transparent;padding:0;pointer-events:none;transition:transform .2s ease,background .2s ease,color .2s ease,left .2s ease,top .2s ease,font-size .2s ease,padding .2s ease}div[data-input] input,div[data-input] textarea{width:100%;border-radius:.5rem;border:.05rem solid rgba(0,0,0,.4);padding:.75rem 1rem;font-size:1rem;background:transparent;transition:border-color .2s ease}div[data-input] textarea{height:15rem;resize:none;line-height:150%}div[data-input][data-sel] label{top:0;left:.5rem;transform:translateY(-50%);font-size:.7rem;color:#1ea50f;background:#f5f5f5;padding:.1rem .5rem}div[data-input][data-sel] input,div[data-input][data-sel] textarea{border-color:#1ea50f}div[data-input][data-error] label{color:#d24141}div[data-input][data-error] input,div[data-input][data-error] textarea{border-color:#d24141}