.circles-sizing{display:block}.circles-sizing__details{display:block}.circles-sizing__summary{display:none}.circles-sizing__inner{background:#f7f7f5;padding:28px}.circles-sizing__header{max-width:760px;margin-bottom:28px}.circles-sizing__title{margin:0 0 10px;font-size:26px;line-height:1.2;font-weight:700}.circles-sizing__intro{margin:0;line-height:1.7}.circles-sizing__control{max-width:760px;margin-top:26px}.circles-sizing__label-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px}.circles-sizing__label{font-weight:600}.circles-sizing__value{font-size:18px;white-space:nowrap}.circles-sizing__range{width:100%;accent-color:currentColor}.circles-sizing__limits{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;opacity:.65}.circles-sizing__help{margin:8px 0 0;font-size:13px;opacity:.72}.circles-sizing__result{margin-top:30px;padding-top:26px;border-top:1px solid rgba(0,0,0,.18)}.circles-sizing__result-label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.circles-sizing__result-size{display:block;margin-top:4px;font-size:42px;line-height:1.05}.circles-sizing__result-detail{margin:10px 0 0;line-height:1.6}.circles-sizing__note{max-width:760px;margin:22px 0 0;font-size:13px;line-height:1.6;opacity:.72}
@media screen and (max-width:640px){.circles-sizing__details{background:#f7f7f5;border:1px solid rgba(0,0,0,.14)}.circles-sizing__summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:14px 16px;cursor:pointer;list-style:none;line-height:1.35}.circles-sizing__summary-label{font-weight:700}.circles-sizing__summary::-webkit-details-marker{display:none}.circles-sizing__summary::marker{content:''}.circles-sizing__summary-icon{display:inline-flex;flex:0 0 auto;transition:transform .2s ease}.circles-sizing__details[open] .circles-sizing__summary-icon{transform:rotate(180deg)}.circles-sizing__details[open] .circles-sizing__summary{border-bottom:1px solid rgba(0,0,0,.14)}.circles-sizing:not(.circles-sizing--ready) .circles-sizing__panel{display:none}.circles-sizing__inner{padding:20px 16px}.circles-sizing__header{margin-bottom:20px}.circles-sizing__title{display:none}.circles-sizing__control{margin-top:22px}.circles-sizing__result{margin-top:26px;padding-top:22px}.circles-sizing__result-size{font-size:36px}}