.macro-header{color:#000;font-size:var(--text-heading-1);text-align:center;text-transform:uppercase;padding-top:64px;font-weight:800}.macro-button-container{justify-content:center;display:flex}.macro-button{display:flex;text-align:center;justify-content:center;gap:24px;background:#ffaa30;align-items:center;padding:24px 32px;font-weight:700;color:#000;font-size:var(--text-heading-3);cursor:pointer}#macro-calculator .macro-container{width:100%;display:flex;padding:56px 64px 64px;gap:56px;color:#000}#macro-calculator .macro-container>*{flex:1}#macro-calculator .form-container{display:flex;flex-direction:column;gap:24px}#macro-calculator .form-container>*{padding:0 40px}#macro-calculator .button-group{display:flex;flex-direction:column;align-items:start}#macro-calculator .button-group .button-selections{width:100%;display:flex;text-align:center;gap:16px}#macro-calculator .button-selections button{flex:1;font-size:var(--text-paragraph-1);padding:16px}#macro-calculator .button-selections button.active{background:#000;color:#fff}#macro-calculator .slider-component{background-color:#fff;border-radius:8px}#macro-calculator .slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;line-height:100%}#macro-calculator .input-label{font-size:var(--text-overline-1);font-weight:700;color:#333;letter-spacing:1px;line-height:100%}#macro-calculator .input-label small{font-size:var(--text-paragraph-2);font-weight:400}#macro-calculator .slider-value{font-size:48px;font-weight:700;color:#333;border:2px solid #ddd;padding:10px 20px;min-width:100px;text-align:center;background-color:#f9f9f9}#macro-calculator .slider-container{position:relative;width:100%}#macro-calculator .slider-input{-webkit-appearance:none;appearance:none;width:100%;height:16px;outline:none;cursor:pointer}#macro-calculator .slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}#macro-calculator .slider-input::-moz-range-thumb{width:32px;height:32px;background:#fff;border:2px solid #000;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}#macro-calculator .slider-display-value{border:1px solid rgba(0,0,0,.24);padding:16px 24px;width:88px;text-align:center;font-weight:700}#macro-calculator .dropdown-component{position:relative;display:inline-block}#macro-calculator .dropdown-component select{width:100%;border:1px solid rgba(0,0,0,.24);padding:16px;padding-inline-end:40px;text-overflow:ellipsis;background:var(--chevron-down-url) no-repeat;background-size:16px;background-position:95%;-webkit-appearance:none;-moz-appearance:none;appearance:none}#macro-calculator .text-input{width:100%;border:1px solid rgba(0,0,0,.24);padding:16px}#macro-calculator .result-block{background:#ebebeb;padding:32px}#macro-calculator .result-block>*{padding:32px}#macro-calculator .main-result{display:flex;flex-direction:column;gap:8px;background:#d8d8d8}#macro-calculator .main-result-text{display:flex;align-items:baseline;gap:8px;font-size:var(--text-display-1);font-weight:900;line-height:100%}#macro-calculator .main-result-text>:last-child{font-size:var(--text-heading-4);font-weight:700;line-height:100%}#macro-calculator .sub-results{display:flex;flex-direction:column;gap:24px}#macro-calculator .sub-result-line{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.24)}#macro-calculator .sub-result-line:last-child{border-bottom:none}@property --num{syntax: "<integer>"; initial-value: 0; inherits: false;}#macro-calculator .sub-result-line-value,#macro-calculator .main-result-text>:first-child{transition:--num 1s;counter-set:num var(--num)}#macro-calculator .sub-result-line-value:after,#macro-calculator .main-result-text>:first-child:after{content:counter(num)}#macro-calculator .sub-result-line-value[grams]:after{content:counter(num) " grams"}@media (max-width: 768px){#macro-calculator .age-slider-component{padding:20px}#macro-calculator .age-label{font-size:20px}#macro-calculator .age-value{font-size:36px;padding:8px 16px;min-width:80px}}@media (max-width: 480px){.macro-header{padding-top:0}.macro-button{gap:8px;padding:12px 16px}.macro-button svg{transform:scale(.9)}#macro-calculator .macro-container{padding:32px;flex-direction:column}#macro-calculator .main-result-text{flex-direction:column}#macro-calculator .form-container>*{padding:0}#macro-calculator .age-header{flex-direction:column;align-items:flex-start;gap:15px}#macro-calculator .age-value{align-self:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/macro-calculator.css.map */