*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}:root{--step--2:clamp(.6944rem,.6855rem + .0446vw,.72rem);--step--1:clamp(.8331rem,.8099rem + .1163vw,.9rem);--step-0:clamp(1rem,.9565rem + .2174vw,1.125rem);--step-1:clamp(1.2rem,1.1283rem + .3587vw,1.4063rem);--step-2:clamp(1.44rem,1.3293rem + .5533vw,1.7581rem);--step-3:clamp(1.7281rem,1.5649rem + .8163vw,2.1975rem);--step-4:clamp(2.0738rem,1.8396rem + 1.1707vw,2.7469rem);--step-5:clamp(2.4881rem,2.1594rem + 1.6435vw,3.4331rem);--space-3xs:clamp(.25rem,.2283rem + .1087vw,.3125rem);--space-2xs:clamp(.5rem,.4783rem + .1087vw,.5625rem);--space-xs:clamp(.75rem,.7065rem + .2174vw,.875rem);--space-s:clamp(1rem,.9565rem + .2174vw,1.125rem);--space-m:clamp(1.5rem,1.4348rem + .3261vw,1.6875rem);--space-l:clamp(2rem,1.913rem + .4348vw,2.25rem);--space-xl:clamp(3rem,2.8696rem + .6522vw,3.375rem);--space-2xl:clamp(4rem,3.8261rem + .8696vw,4.5rem);--space-3xl:clamp(6rem,5.7391rem + 1.3043vw,6.75rem);--space-3xs-2xs:clamp(.25rem,.1413rem + .5435vw,.5625rem);--space-2xs-xs:clamp(.5rem,.3696rem + .6522vw,.875rem);--space-xs-s:clamp(.75rem,.6196rem + .6522vw,1.125rem);--space-s-m:clamp(1rem,.7609rem + 1.1957vw,1.6875rem);--space-m-l:clamp(1.5rem,1.2391rem + 1.3043vw,2.25rem);--space-l-xl:clamp(2rem,1.5217rem + 2.3913vw,3.375rem);--space-xl-2xl:clamp(3rem,2.4783rem + 2.6087vw,4.5rem);--space-2xl-3xl:clamp(4rem,3.0435rem + 4.7826vw,6.75rem)}body{color:var(--black);background-color:var(--off-white);font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-weight:400;line-height:1.6}body h1,body h2,body h3,body h4,body h5,body h6{font-weight:700;line-height:1.1}body h1{font-size:var(--step-5);margin-bottom:var(--space-l)}body h2{font-size:var(--step-4);margin-bottom:var(--space-m)}body h3{font-size:var(--step-3);margin-bottom:var(--space-s)}body h4{font-size:var(--step-2);margin-bottom:var(--space-xs)}body h5,body h6{font-size:var(--step-1);margin-bottom:var(--space-xs)}body a{color:var(--link);text-underline-offset:.1578em}body a:hover{text-decoration-thickness:2px}body p{margin-bottom:var(--space-xs)}:root{--black:#212529;--off-white:#f8f9fa;--link:#3b5bdb}body{padding:var(--space-2xl)var(--space-s);flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;display:flex}body main{flex-grow:1}.application{gap:var(--space-m);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.application__inputs{border:1px solid var(--black);width:100%}.application__rendering{border:1px solid var(--black);width:100%;min-height:600px}@media (width>=1000px){.application{flex-wrap:nowrap}.application__inputs{max-width:20vw}.application__rendering{min-width:600px}}.tips,.tips ul{margin-bottom:var(--space-m)}footer{border-top:1px solid var(--black);padding-top:var(--space-xl);margin-top:var(--space-3xl)}fieldset{padding:var(--space-xs);flex-direction:column;display:flex}fieldset ul{margin-bottom:var(--space-l);flex-grow:1;padding:0;list-style:none}fieldset span{border:1px solid var(--black);width:1rem;height:1rem}fieldset li{gap:var(--space-xs);text-transform:uppercase;margin-bottom:var(--space-2xs);align-items:center;font-family:monospace;display:flex}fieldset li label{margin:0;font-weight:400}fieldset label{font-weight:700}#svgFile{max-width:35ch}label{margin-bottom:var(--space-2xs);display:block}input{margin-bottom:var(--space-l);display:block}input:last-child{margin-bottom:0}
/*# sourceMappingURL=index.0870359b.css.map */