.circles-sizing{display:block;margin-block:.5rem 1.25rem;color:var(--ink)}.circles-sizing__details{background:var(--cream)}.circles-sizing__summary{display:none}.circles-sizing__panel{padding:1.5rem}.circles-sizing__title{margin:0 0 .5rem;font-size:1.125rem;line-height:1.4;font-weight:700}.circles-sizing__intro{margin:0;font-size:.875rem;line-height:1.7}.circles-sizing__control{margin-top:1.25rem}.circles-sizing__label-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem}.circles-sizing__label{font-size:.875rem;font-weight:600}.circles-sizing__value{font-size:1rem;white-space:nowrap}.circles-sizing__range{display:block;width:100%;margin:0;accent-color:var(--circles-red)}.circles-sizing__limits{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.75rem;opacity:.65}.circles-sizing__help,.circles-sizing__note{margin:.5rem 0 0;font-size:.8125rem;line-height:1.6;opacity:.75}.circles-sizing__result{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgb(58 21 2 / .18)}.circles-sizing__result-label{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.circles-sizing__result-size{display:block;margin-top:.25rem;font-size:2rem;line-height:1.1;color:var(--circles-red);overflow-wrap:anywhere}.circles-sizing__result-detail{margin:.5rem 0 0;font-size:.875rem;line-height:1.6}.circles-sizing__note{margin-top:1rem}#quick-add-modal-content .circles-sizing{display:none}@media screen and (max-width:749px){.circles-sizing__details{border:1px solid rgb(58 21 2 / .14)}.circles-sizing__summary{display:flex;justify-content:space-between;gap:1rem;min-height:3.25rem;padding:.875rem 1rem;line-height:1.35}.circles-sizing__summary::marker{content:""}.circles-sizing__summary-label{font-weight:700}.circles-sizing__summary-icon{display:inline-flex;flex:0 0 auto;transition:transform .2s ease}.circles-sizing__details[open] .circles-sizing__summary{border-bottom:1px solid rgb(58 21 2 / .14)}.circles-sizing__details[open] .circles-sizing__summary-icon{transform:rotate(180deg)}.circles-sizing:not(.circles-sizing--ready) .circles-sizing__panel{display:none}.circles-sizing__panel{padding:1.25rem 1rem}.circles-sizing__title{display:none}.circles-sizing__result-size{font-size:1.75rem}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/circles-sizing-calculator.css.map */