:root{--main-color:#f4ab34;--main-color-hover:#e49227;--accent-color:#ed6b24;--error-color:#F44336;--background:#f5f5f5;--success-color: #2eb62e}*{font-family:Inter,sans-serif;color:gray}body{background-color:var(--background);margin:0;font-size:14px}button.main-btn{background-color:var(--main-color);padding:.8em 2.5em;border:none;outline:none;color:#fff;transition:background-color .3s ease;font-weight:500;border-radius:4px}button.main-btn:hover{cursor:pointer;background-color:var(--main-color-hover)}button.alt-btn{background-color:#fff;padding:.8em 2.5em;border:1px solid lightgray;outline:none;color:var(--main-color);transition:background-color .3s ease;font-weight:500;border-radius:4px}button.alt-btn:hover{cursor:pointer;background-color:var(--background)}a.alt-btn{text-decoration:underline}a.alt-btn:hover{cursor:pointer}.loader{width:fit-content;margin:0 auto}*{box-sizing:border-box}input{padding:.5em 1em;font-size:15px;border:1px solid gray;border-radius:4px;outline:none;transition:border .3s ease;appearance:none;-webkit-appearance:none}input:focus{border:1px solid var(--main-color)}.field-holder{margin:1em 0}.field-holder label{font-weight:500;margin-bottom:.2em}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}h1{color:var(--main-color);margin:.5em 0;font-weight:500}.close-btn{height:30px;width:30px;border-radius:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:#e0e0e0;cursor:pointer}select{padding:.5em;font-size:15px;border:1px solid gray;border-radius:4px;outline:none;transition:border .3s ease}select:focus{border:1px solid var(--main-color)}select:disabled{background-color:var(--background)}