.diy.section-pad{padding-top:clamp(.9rem,4vw,2rem)}.diy .section-header{margin-block-end:clamp(1.2rem,3vw,2rem)}@media(max-width:750px){.diy .section-header{gap:var(--space-3);margin-block-end:var(--space-9)}.diy .section-header .h-1{font-size:clamp(1.7rem,7.5vw,2.2rem)}.diy .section-header .text-lead{font-size:.95rem}}.diy .calc__seg{display:flex;gap:var(--space-1);background:var(--color-group);border-radius:var(--radius-button);padding:var(--space-1)}.diy .calc__seg--3{width:100%}.diy .calc__seg-opt{flex:1;position:relative;min-width:0}.diy .calc__seg-opt input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.diy .calc__seg-opt span{display:block;text-align:center;padding:var(--space-4) var(--space-3);border-radius:var(--radius-button);font-weight:600;font-size:.88rem;cursor:pointer;color:var(--color-ink-2);white-space:nowrap}.diy .calc__seg-opt input:checked+span{background:var(--color-background);color:var(--color-ink);box-shadow:0 1px 3px #1c24351f}.diy .calc__label{font-weight:600}.diy .calc__units{display:flex;gap:var(--space-1)}.diy .calc__units label{position:relative}.diy .calc__units input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.diy .calc__units span{display:block;padding:var(--space-2) var(--space-5);border-radius:var(--radius-button);font-size:.85rem;font-weight:600;color:var(--color-ink-3);cursor:pointer}.diy .calc__units input:checked+span{background:var(--color-group);color:var(--color-ink)}.diy{overflow-x:clip}.diy__sub{max-width:60rem;margin-inline:auto}.diy__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,2rem);align-items:start}.diy__inputs{min-width:0}.diy__group-label{font-weight:600;color:var(--color-ink-2);padding:0 0 var(--space-6)}.diy__presets-wrap{position:relative;margin-bottom:var(--space-9)}.diy__presets-wrap:after{content:"";position:absolute;top:0;bottom:0;right:0;width:56px;pointer-events:none;background:linear-gradient(to right,transparent,var(--color-background));transition:opacity .2s ease}.diy__presets-wrap:has(.diy__presets.is-at-end):after{opacity:0}.diy__presets{display:flex;gap:var(--cluster-gap);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.diy__presets::-webkit-scrollbar{display:none}.diy__preset{border:0;cursor:pointer;flex:0 0 auto}.diy__minerals .card__body{display:grid;gap:0;padding:0}.diy__mineral{padding:var(--space-8) var(--space-9);border-bottom:1px solid var(--color-hair);display:grid;gap:var(--space-7)}.diy__mineral-head{display:flex;align-items:center;justify-content:space-between}.diy__mineral-name{font-size:1.05rem}.diy__note{line-height:1.4}.diy__stepper{display:inline-flex;align-items:center;gap:var(--space-6);background:var(--color-group);border-radius:var(--radius-button);padding:var(--space-2) var(--space-3);font-weight:700}.diy__stepper button{width:30px;height:30px;border:0;background:var(--color-background);border-radius:var(--radius-button);font-size:1.1rem;cursor:pointer;color:var(--color-ink)}.diy__stepper--sm span{min-width:4.5rem;text-align:center;font-size:.95rem}.diy__stepper-input{width:3rem;text-align:right;border:0;background:transparent;font:inherit;font-weight:700;color:var(--color-ink);-moz-appearance:textfield}.diy__stepper-input::-webkit-outer-spin-button,.diy__stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.diy__stepper-input:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:var(--radius-sm)}.diy__batch{padding:var(--space-8) var(--space-9);display:flex;align-items:center;justify-content:space-between}.diy__batch-input{width:3.2rem;text-align:center;border:0;background:transparent;font:inherit;font-weight:700;color:var(--color-ink);-moz-appearance:textfield}.diy__batch-input::-webkit-outer-spin-button,.diy__batch-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.diy__batch-unit{font-size:.9rem;color:var(--color-ink-2)}.diy__buy{display:flex;align-items:stretch;gap:clamp(.8rem,2vw,1.1rem);padding:var(--space-7);text-decoration:none;color:inherit;border:1px solid var(--color-hair);transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.diy__buy:hover{border-color:var(--color-brand);box-shadow:0 10px 26px #1498d629}.diy__buy-media{flex:0 0 auto;width:clamp(76px,22%,104px);display:grid;place-items:center;background:#fff;border-radius:var(--radius-sm);overflow:hidden}.diy__buy-img{width:100%;height:100%;object-fit:contain;padding:var(--space-3)}.diy__buy-body{flex:1 1 auto;min-width:0;display:grid;gap:var(--space-2);align-content:center}.diy__buy-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-brand-text)}.diy__buy-name{font-weight:700;font-size:1.02rem;line-height:1.2}.diy__buy-meta{display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap}.diy__buy-price{font-weight:800}.diy__buy-sub{font-size:.85rem;color:var(--color-ink-2)}.diy__buy-btn{justify-self:start;margin-top:var(--space-3);pointer-events:none}.diy__results{position:sticky;top:6rem;display:grid;gap:var(--stack-gap)}.diy__results-head{display:flex;align-items:center;justify-content:space-between}.diy__table .card__body,.diy__table{overflow:hidden}.diy__trow{display:grid;grid-template-columns:minmax(0,1fr) 5rem 5rem;align-items:center;gap:var(--space-5);padding:var(--space-7) var(--space-8);border-top:1px solid var(--color-hair)}.diy__tnum{font-size:.95rem;white-space:nowrap}.diy__trow--head{border-top:0;background:color-mix(in srgb,var(--color-ink) 4%,transparent);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--color-ink-2)}.diy__trow--head .diy__tnum{white-space:normal;line-height:1.15}.diy__trow--total{border-top:2px solid var(--color-hair-strong);font-weight:800}.diy__tnum{text-align:right;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight)}.diy__trow--head .diy__tnum,.diy__trow--total .diy__tnum{font-family:var(--font-body--family)}.diy__tcompound strong{font-weight:700}.diy__disclaimer{text-align:left}@media(max-width:900px){.diy__grid{grid-template-columns:1fr}.diy__results{position:static}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-diy-calculator.css.map */