.calcualtor__title{margin-bottom:125px}.calcualtor__title h2{text-align:center}.calcualtor__title h2:before{left:calc(50% - 75px)}.calculator-form{--accent:var(--primary,#000);display:grid;gap:20px;margin-inline:auto;width:min(100% - 40px,768px)}.field{display:grid}.field--wide{grid-area:2/1/3/4}.field label{font-size:1.8rem;font-weight:700;margin-bottom:6px}.field_group{display:grid;gap:20px}.field_range{column-gap:10px;display:flex}.field_range-input{flex:1 1 auto}.field_range-input input[type=range]{accent-color:var(--accent,#000);width:100%}.field_range-suffix{font-weight:700;text-align:right;width:46px}.input-steps{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-left:1px;margin-right:-5px}.input-steps span{min-width:16px;position:relative;text-align:center}.input-steps span:before{background-color:currentColor;content:"";display:block;height:8px;margin-inline:auto;width:1px}.field-prefix{align-items:stretch;box-shadow:0 0 6px 1px rgb(0 0 0/8%);display:flex;flex-direction:row;flex-wrap:nowrap}.field-prefix:focus-within{outline:2px solid var(--accent);outline-offset:2px}.field-prefix span{background:#f1f1f1;border:1px solid rgba(0,0,0,.03);border-right:0;display:grid;font-weight:700;padding:1.6rem;place-content:center}.field-prefix input[type=number]{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0;box-shadow:0 0 0 0 transparent;flex:1 1 auto}.field_group--third{grid-template-columns:repeat(3,1fr)}.field_group--half{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.field_group--half,.field_group--third{grid-template-columns:1fr}.field--wide{grid-area:auto}}.field_group .field{margin-top:0}input[type=number]:focus{outline:none}select:focus{outline:2px solid var(--accent);outline-offset:2px}.output-field{--_h:120deg;--_s:52.38%;--_l:85.65%;--hsl:hsl(var(--_h) var(--_s) var(--_l));background-color:var(--hsl);border:1px solid;border-color:hsl(var(--_h) var(--_s) 75%);box-shadow:0 5px 20px hsla(var(--_h) var(--_s) 20%/40%);font-size:20px;font-weight:700;padding:12px 20px}.calculator-form__hs-form{margin-top:var(--margin-top,0)}