html,body{padding:0;margin:0;font-family:inter,sans-serif;letter-spacing:1px;display:block}*,*:before,*:after{box-sizing:border-box}h1.primary,h2.primary,span.primary,p.primary{color:#3f62ff}h1.accent,h2.accent,span.accent,p.accent{color:#8c64ff}h1.action,h2.action,span.action,p.action{color:#8b8b8b}h1.paper,h2.paper,span.paper,p.paper{color:#fff}h1{font-size:40px;color:#8c64ff}h2{font-size:24px;color:#8c64ff}h3{font-size:20px;color:#8c64ff}span,p{color:#8b8b8b;font-size:16px;font-weight:300}div.main-content{padding:0 0 64px;width:100%;display:flex;flex-direction:column;flex:0 0 auto;gap:60px;background-color:#eef2ff}.textfield{height:30px;border-radius:6px;border:1px solid gray;padding:0 8px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}div.form-field{display:flex;flex-direction:column;gap:8px}div.form-field input.error,div.form-field select.error{border-color:red;outline-color:red}div.form-field .help-text--error{color:red;font-size:12px}input[type=range]{accent-color:#8c64ff}