.mix-calc{--mix-form-bg: #fff;--mix-form-border: #d7dee8;--mix-form-focus: #00acc1;--mix-form-muted: #5f6b7a;margin-bottom:24px;padding:32px 20px;border-radius:12px;background:#f4f6f8;color:#1a1a1a}.mix-calc__main{display:flex;align-items:center;justify-content:space-between;gap:24px 32px;margin-bottom:24px}@media(min-width: 768px){.mix-calc__main{margin-bottom:40px}}@media(min-width: 1200px){.mix-calc__main{margin-bottom:50px}}.mix-calc__form{display:flex;flex-direction:column;gap:16px;background:var(--mix-form-bg);padding:16px;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.08),0 8px 20px rgba(15,23,42,.06)}.mix-calc__row{display:flex;align-items:center;gap:10px}.mix-calc__label{flex:1;font-size:14px;color:#1f2937}.mix-calc__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:84px;height:38px;border-radius:10px;border:1px solid var(--mix-form-border);background:#f8fbfd;color:#0f172a;text-align:center;font-size:14px;font-weight:600;outline:0;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.mix-calc__input:focus{border-color:var(--mix-form-focus);background:#fff;box-shadow:0 0 0 3px rgba(0,172,193,.18)}.mix-calc__unit{width:42px;font-size:13px;color:var(--mix-form-muted)}.mix-calc__baths{display:none;justify-content:center;align-items:flex-start;flex-wrap:nowrap;flex-grow:1}@media(min-width: 992px){.mix-calc__baths{display:flex}}.mix-calc__bath-block{flex-grow:1;width:100%;position:relative;padding:0 8px}.mix-calc__bath-block::after{content:"";position:absolute;bottom:0;display:block;width:50%;height:3px;background:var(--beo-dark)}@media(min-width: 768px){.mix-calc__bath-block::after{transform:translateY(22px)}}@media(min-width: 1200px){.mix-calc__bath-block::after{transform:translateY(34px)}}.mix-calc__bath-block:first-child::after{right:0}.mix-calc__bath-block:last-child::after{left:0}.mix-calc__bath-block::before{content:"";position:absolute;bottom:0;display:block;width:3px;height:34px;background:var(--beo-dark);left:0;right:0;margin:auto}@media(min-width: 768px){.mix-calc__bath-block::before{height:22px;transform:translateY(22px)}}@media(min-width: 1200px){.mix-calc__bath-block::before{height:34px;transform:translateY(34px)}}.mix-calc__title{font-weight:600;margin-bottom:10px;text-align:center}.mix-calc__bath,.mix-calc__result-tank{max-width:140px;width:100%;height:180px;margin:0 auto;border-radius:10px;border:2px solid #111;position:relative;overflow:hidden;background:#eaeaea}.mix-calc__result-tank{width:160px;margin-bottom:16px}.mix-calc__bath::after,.mix-calc__result-tank::after{content:"";position:absolute;left:0;right:0;bottom:0;width:100%;height:70%}.mix-calc__bath--yellow::after{background:#ffe600}.mix-calc__bath--purple::after{background:#6a6adf}.mix-calc__result-tank::after{background:#2bff00}.mix-calc__result{text-align:center;position:relative;display:none}@media(min-width: 992px){.mix-calc__result{display:block}}.mix-calc__result::after{content:"";position:absolute;left:0;right:0;top:-17px;margin:auto;width:3px;height:22px;background:var(--beo-dark)}.mix-calc__result-text{font-size:15px;line-height:1.5;display:flex;flex-direction:column;align-items:center}.mix-calc__value{font-weight:700}.mix-calc__output--invalid{font-weight:normal;color:#606b78}@media(max-width: 991px){.mix-calc__main{flex-direction:column;align-items:stretch}.mix-calc__form{max-width:none}}

/*# sourceMappingURL=viscosity-calculator.css.map */