.height-calculator__body{display:flex;align-items:flex-start;justify-content:space-between;gap:103px}@media(max-width:1279px){.height-calculator__body{gap:40px}}@media(max-width:799px){.height-calculator__body{flex-direction:column-reverse;gap:48px;max-width:704px;margin:0 auto}}.height-calculator__calc-content{max-height:calc(100vh - 100px);overflow-y:auto}@media(max-width:1279px){.height-calculator__calc-content{max-height:unset!important;overflow-y:unset!important;min-height:auto!important}}.height-calculator__calc{background-color:#faf7f1;border-radius:16px;padding:40px;width:704px;min-width:704px;position:sticky;top:0}@media(max-width:1279px){.height-calculator__calc{min-width:450px;width:450px;position:relative;top:0!important}}@media(max-width:799px){.height-calculator__calc{width:100%;min-width:100%;padding:24px;position:relative}}.height-calculator__field{margin-bottom:24px}.height-calculator__label{font-size:1rem;line-height:1.625;font-weight:400;color:#19191c;margin-bottom:12px;display:block}.height-calculator__modes{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:799px){.height-calculator__modes{grid-template-columns:1fr}}.height-calculator__mode.active,.height-calculator__mode:hover,.height-calculator__mode:hover .height-calculator__radio{border-color:#19191c}.height-calculator__mode{min-height:150px;border:1px solid #B3B8BD;padding:24px 40px;border-radius:12px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;transition:all .3s;position:relative;cursor:pointer}@media(max-width:799px){.height-calculator__mode{flex-direction:row;align-items:center;min-height:auto;padding:12px 16px 12px 52px}}.height-calculator__mode img{margin-bottom:16px;height:32px;width:auto}@media(max-width:799px){.height-calculator__mode img{margin-bottom:0;height:32px;margin-right:8px}}.height-calculator__mode-name{font-size:1.125rem;line-height:1.44;font-weight:400;color:#19191c;margin-bottom:4px;text-align:left;font-family:var(--font-family-secondary)}@media(max-width:799px){.height-calculator__mode-name{font-size:.875rem;margin-bottom:0;margin-right:0}}.height-calculator__mode-sub{font-size:.875rem;line-height:1.71429;font-weight:400;color:#595959;text-align:left}@media(max-width:799px){.height-calculator__mode-sub{margin:0 0 0 auto;text-align:right}}.height-calculator__input-row{position:relative}.height-calculator__input{min-height:56px;border:1px solid #B3B8BD;border-radius:10px;width:100%;background-color:transparent;padding:16px 8px 16px 16px;font-size:1rem;line-height:1.625;font-weight:400;color:#19191c;transition:all .3s}.height-calculator__input::placeholder{line-height:1.625;font-size:1rem;font-weight:400;color:#595959;text-transform:none;opacity:1;visibility:visible!important}.height-calculator__input[type=number]{font-size:1rem;line-height:1.625;font-weight:400;color:#19191c!important;letter-spacing:0;-moz-appearance:textfield;background-color:transparent}.form_input-line input.height-calculator__input[type=number]:focus{outline:none;border-color:#19191c!important}.height-calculator__input::-webkit-outer-spin-button,.height-calculator__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.height-calculator__input--error{border-color:#e26060}.height-calculator__input-error{display:none;margin-top:10px;line-height:1;font-size:10px;letter-spacing:-.02em;color:#e26060}.height-calculator__unit{font-size:.875rem;line-height:1.5;color:#19191c;font-weight:400;font-family:var(--font-family-secondary);position:absolute;top:50%;right:24px;transform:translateY(-50%)}.height-calculator__output{background-color:#f5efe8;min-height:152px;border-radius:12px;margin-top:40px;display:flex;align-items:center;justify-content:center;transition:all .3s}@media(max-width:1279px){.height-calculator__output{margin-top:0}}@media(max-width:799px){.height-calculator__output{width:100%;min-height:132px;border-radius:12px}}.height-calculator__output.active{border:none}.height-calculator__output-placeholder{font-size:1.125rem;line-height:1.33333em;font-weight:400;text-align:center;color:#595959}@media(max-width:799px){.height-calculator__output-placeholder{font-size:1rem;line-height:1.625;padding:0 32px}}.height-calculator__radio{width:20px;height:20px;border-radius:50%;border:1px solid #B3B8BD;display:flex;align-items:center;justify-content:center;background:transparent;transition:border-color .2s;position:absolute;top:16px;left:16px;transition:all .3s}@media(max-width:799px){.height-calculator__radio{top:50%;left:16px;transform:translateY(-50%)}}.height-calculator__mode.active .height-calculator__radio{border-color:#19191c}.height-calculator__radio-dot{width:12px;height:12px;border-radius:50%;background:#19191c;opacity:0;transition:opacity .2s}.height-calculator__mode.active .height-calculator__radio-dot{opacity:1}.height-calculator__result{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:40px}@media(max-width:1279px){.height-calculator__result{padding:24px}}.height-calculator__result.standing .hc-badge--monitor{top:21%;right:-9.2%}.height-calculator__result.standing .hc-badge--desk{bottom:36%;right:3.7%}.height-calculator__result-title{font-weight:400;font-size:1.5rem;line-height:1.25;color:#19191c;margin-bottom:24px;width:100%;font-family:var(--font-family-secondary)}@media(max-width:1279px){.height-calculator__result-title{order:1;font-size:1.125rem}}@media(max-width:799px){.height-calculator__result-title{font-size:1rem;line-height:1.5;margin-bottom:24px;font-weight:600}}.height-calculator__result-txt{flex:1;min-width:0}@media(max-width:1279px){.height-calculator__result-txt{width:100%;margin:0 auto;order:2;min-width:100%}}.height-calculator__result-txt>div{display:flex;flex-direction:column}@media(max-width:1279px){.height-calculator__result-txt>div{flex-direction:row;justify-content:space-between}}.height-calculator__result-desk-height,.height-calculator__result-chair-height{padding-bottom:16px;border-bottom:1px solid #19191C1A;margin-bottom:16px}@media(max-width:1279px){.height-calculator__result-desk-height,.height-calculator__result-chair-height{padding-bottom:15px;margin-bottom:15px}}@media(max-width:799px){.height-calculator__result-desk-height,.height-calculator__result-chair-height{padding-bottom:16px;margin-bottom:16px}}.height-calculator__result-img{position:relative;margin-right:24px}@media(max-width:1279px){.height-calculator__result-img{margin:25px auto 0;order:3}}@media(max-width:799px){.height-calculator__result-img{width:100%;margin-top:12px}}.height-calculator__result-img img{width:320px}@media(max-width:799px){.height-calculator__result-img img{width:100%;height:auto;aspect-ratio:1 / 1}}.height-calculator__result-btn{width:100%;margin-top:24px}@media(max-width:1279px){.height-calculator__result-btn{order:4;margin-top:20px}}.hc-result__label{font-size:1rem;line-height:1.625em;font-weight:400;color:#62686f;margin-bottom:4px}@media(max-width:1279px){.hc-result__label{margin-bottom:0}}@media(max-width:799px){.hc-result__label{font-size:.875rem;line-height:1.71429}}.hc-result__value{font-size:1.875rem;line-height:1.86667em;font-family:var(--font-family-secondary);font-weight:600;color:#19191c}@media(max-width:1279px){.hc-result__value{font-size:1.25rem;line-height:1}}@media(max-width:799px){.hc-result__value{font-size:1.125rem;line-height:1.44444}}.hc-result__value .hc-result__unit{font-size:1.125rem;line-height:1.444;font-weight:400;color:#19191c;letter-spacing:0}@media(max-width:799px){.hc-result__value .hc-result__unit{font-size:1rem;line-height:1.625}}.hc-badge{color:#19191c;font-size:.6125rem;line-height:24px;font-weight:400;position:absolute;transform:translate(-50%);width:68px;text-align:center}@media(max-width:450px){.hc-badge{width:60px;line-height:20px}}@media(max-width:450px){.hc-badge{width:55px;line-height:20px}}.hc-badge .hc-badge__value{color:#19191c;font-size:.625rem;line-height:1;font-weight:400;display:inline}@media(max-width:799px){.hc-badge .hc-badge__value{font-size:.5rem}}.hc-badge .hc-result__unit{color:#19191c;font-size:.6125rem;line-height:1;font-weight:400}@media(max-width:799px){.hc-badge .hc-result__unit{font-size:.5rem}}.hc-badge--chair{top:58.7%;left:11%}.hc-badge--monitor{top:29.7%;right:-10%}.hc-badge--desk{bottom:37.25%;right:-10%}.height-calculator__text p{font-size:1rem;line-height:1.75;font-weight:400;color:#595959;margin-bottom:0}.height-calculator__text strong{font-weight:500;color:#19191c;font-family:var(--font-family-secondary)}.height-calculator__text a{color:#6667aa;text-decoration:underline!important}.height-calculator__text h1,.height-calculator__text h2,.height-calculator__text h3,.height-calculator__text h4,.height-calculator__text h5,.height-calculator__text h6{font-size:1.5rem;line-height:1.25;font-weight:400;font-family:var(--font-family-secondary);color:#19191c;margin-bottom:16px;margin-top:40px}.height-calculator__text ul{padding-left:0;list-style:none}.height-calculator__text li{font-size:1rem;line-height:1.75;font-weight:400;color:#595959;margin-bottom:14px;padding-left:20px;position:relative}.height-calculator__text li:last-child{margin-bottom:0}.height-calculator__text ul li:before{content:"\2022";color:#595959;position:absolute;left:0;top:0;line-height:1.75}.height-calculator__text>:first-child:not(p){margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/76/assets/desk_height-calculator.css.map */