dosage-calculator-months{display:flex;flex-direction:column;gap:18px;margin-top:15px;padding:15px;background-color:#fff;border:1px solid #e3dfd3;border-radius:10px;max-width:640px;font-size:16px}.dosage-calculator-months__inputs{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.dosage-calculator-months__label{margin:0;font-size:17px;font-weight:700;line-height:1.3;color:#3d3d3d}.dosage-calculator-months__weight{width:96px;height:42px;padding:0 12px;margin:0;font-size:17px;font-weight:600;color:#3d3d3d;background:#fff;border:2px solid #2b2b2b;border-radius:4px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.dosage-calculator-months__weight::-webkit-outer-spin-button,.dosage-calculator-months__weight::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dosage-calculator-months__weight:focus{outline:none;border-color:#448542}.dosage-calculator-months__units{display:inline-flex;border:1px solid #cfcfcf;border-radius:4px;overflow:hidden}.dosage-calculator-months__units input{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden;padding:0}.dosage-calculator-months__units .units__label{margin:0;padding:10px 14px;font-size:15px;font-weight:700;line-height:1.2;color:#5c5c5c;background:#fff;cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.dosage-calculator-months__units input:checked+.units__label{background:#448542;color:#fff}.dosage-calculator-months__units input:focus-visible+.units__label{outline:2px solid #448542;outline-offset:-2px}.dosage-calculator-months__result{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:0;line-height:1.2}.dosage-calculator-months__result .result__months{font-size:32px;font-weight:700;line-height:1;color:#314e31}.dosage-calculator-months__result .result__details{font-size:17px;color:#5c5c5c}.dosage-calculator-months__result .result__separator{margin:0 3px}.dosage-calculator-months__calendar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.dosage-calculator-months__calendar .calendar__month{display:flex;align-items:center;justify-content:center;height:52px;border-radius:6px;font-size:16px;font-weight:700;line-height:1;color:#5c5c5c;background:#f1efe6;transition:background-color .2s ease-in-out,color .2s ease-in-out}.dosage-calculator-months__calendar .calendar__month.is-partial-high{background:#a9cf9b;color:#2f4f2f}.dosage-calculator-months__calendar .calendar__month.is-partial-low{background:#d6e8cf;color:#2f4f2f}.dosage-calculator-months__calendar .calendar__month.is-full{background:#448542;color:#fff}.dosage-calculator-months__add-to-cart .button{width:100%;margin:0}@media screen and (max-width:640px){.dosage-calculator-months__result .result__months{font-size:32px}.dosage-calculator-months__result .result__details{font-size:15px}.dosage-calculator-months__calendar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dosage-calculator-months__calendar .calendar__month{height:46px;font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-dosages-calculator-months.css.map */