@font-face{font-family:BwModelica;src:url(/assets/BwModelica-Regular-CyQtIPWc.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BwModelica;src:url(/assets/BwModelica-Medium-BTIVFWxx.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:BwModelica;src:url(/assets/BwModelica-Black-C3UC5DK7.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--neutral-bg2:#f3f3f3;--neutral-bg1:#f8f8f8;--neutral-bg0:#fff;--neutral-tx0:#383838;--neutral-tx1:#5f5f5f;--neutral-tx2:#969696;--neutral-bd0:#e1e1e1;--neutral-bd1:#e7e7e7;--neutral-inv-tx0:#fff;--feedback-disabled-bg:#e0e0e0;--primary-bg:#f58220;--primary-dark-bg:#c25f08;--light-shadow:0 0 4px #0000001a;--hover-shadow:0 0 8px #0003}*{box-sizing:border-box;margin:0;padding:0}a{color:#000;text-decoration:none}ul{list-style:none}img{width:100%;display:block}button,input,select{background:0 0;border:none;outline:none}button{cursor:pointer}html,body{width:100%;height:100%}body{background-color:var(--neutral-bg2);padding-inline:1rem}@media (width<=800px){html{font-size:15px}}@media (width<=600px){html{font-size:14px}}.neutral-bg0{background-color:var(--neutral-bg0)}.neutral-bg1{background-color:var(--neutral-bg1)}.neutral-bg2{background-color:var(--neutral-bg2)}.neutral-tx0{color:var(--neutral-tx0)}.neutral-tx1{color:var(--neutral-tx1)}.neutral-tx2{color:var(--neutral-tx2)}.neutral-inv-tx0{color:var(--neutral-inv-tx0)}.primary-bg{background-color:var(--primary-bg)}.primary-dark-bg{background-color:var(--primary-dark-bg)}.secondary-dark-tx{color:var(--secondary-dark-tx)}.t-title{font-family:BwModelica,sans-serif;font-size:1.5rem;font-weight:500;line-height:1.2}.t-paragraph{font-family:BwModelica,sans-serif;font-size:1rem;font-weight:400;line-height:1.4}.t-label{font-family:BwModelica,sans-serif;font-size:1rem;font-weight:500;line-height:1.2}.t-buttonLabel{letter-spacing:3%;font-family:BwModelica,sans-serif;font-size:1rem;font-weight:500;line-height:1.25}.t-input{font-family:BwModelica,sans-serif;font-size:1rem;font-weight:400;line-height:1.25}.header{grid-template-columns:1fr 1fr;align-items:center;gap:2rem;width:min(800px,100%);margin-inline:auto;padding-block:3rem;display:grid}.header-cresolLogo{width:min(20rem,100%)}.header-cresolLogo:focus{outline:2px solid var(--primary-bg);outline-offset:4px;border-radius:8px}.header-cresolLogo svg{width:100%}.header-projectInfo{grid-template-columns:auto 1fr;column-gap:1rem;display:grid}.header-projectInfo svg{grid-row:1/3;align-self:center;width:3.5rem;height:3.5rem}.header-projectInfo h1{grid-template-columns:2px;margin-bottom:.25rem}.header-projectInfo p{grid-column:2/-1}.mainContainer{border:1px solid var(--neutral-bd0);width:min(800px,100%);box-shadow:var(--light-shadow);border-radius:16px;grid-template-columns:1fr 2fr;align-items:start;gap:3rem;margin-inline:auto;padding:2rem;display:grid}.form{border-radius:16px;width:100%}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-field input,.form-field select{box-shadow:var(--light-shadow);border-radius:8px;padding:1rem;transition:background-color .3s}.form-field input:focus,.form-field select:focus{outline:2px solid var(--neutral-bd0);outline-offset:2px}.form-field input:hover,.form-field select:hover{background-color:var(--neutral-bg1)}.form-field-name{margin-bottom:1.5rem}.form-field-name input::placeholder{color:var(--neutral-tx2)}.form-field-pattern{margin-bottom:2rem;position:relative}.form-field-pattern svg{pointer-events:none;z-index:1;width:1rem;height:.75rem;transition:rotate .3s;position:absolute;bottom:1.25rem;right:1rem}.form-field-pattern:has(select:open) svg{rotate:180deg}.form-field-pattern select{appearance:none;cursor:pointer;width:100%;position:relative}.form-downloadLink{text-align:center;background-color:var(--feedback-disabled-bg);-webkit-user-select:none;user-select:none;cursor:not-allowed;text-transform:uppercase;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;transition:box-shadow .3s,background-color .3s;display:flex}.form-downloadLink[data-available=true]:hover{background-color:var(--primary-dark-bg);box-shadow:var(--hover-shadow)}.form-downloadLink[data-available=true]:focus{outline:2px solid var(--primary-bg);outline-offset:2px}.form-downloadLink[data-available=true]{color:var(--neutral-inv-tx0);background-color:var(--primary-bg);box-shadow:var(--light-shadow);cursor:pointer}.form-downloadLink svg{color:var(--neutral-tx2);transition:color .3s}.form-downloadLink[data-available=true] svg{color:var(--neutral-inv-tx0)}.preview{justify-content:center;align-items:start;min-height:37.5rem;display:grid}.preview-noImageText{text-align:center;opacity:0;grid-area:1/1;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;transition:opacity .3s;display:flex}.preview-noImageText[data-show=true]{opacity:1}.preview-loading{opacity:0;grid-area:1/1;place-self:center;width:6.25rem;transition:opacity .3s;animation:2s ease-in-out infinite loading}.preview-loading[data-show=true]{opacity:1}.preview-image{opacity:0;outline:1px solid var(--neutral-bd0);border-radius:8px;grid-area:1/1;width:100%;margin:0 auto;transition:opacity .2s}.preview-image[data-show=true]{opacity:1}.credits{text-align:center;padding-block:2rem}@media (width<=800px){.mainContainer{grid-template-columns:1fr}.preview{min-height:auto}.preview-noImageText{padding:0}.preview-loading{padding:1rem}}@media (width<=600px){.header{grid-template-columns:1fr;justify-items:center}.header-projectInfo{grid-template-columns:1fr;justify-items:center;gap:.5rem;width:min(100%,20rem)}.header-projectInfo svg{grid-column:initial;grid-row:initial;align-self:flex-start}.header-projectInfo p{grid-column:initial;grid-row:initial;text-align:center}}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
