.size-calculator{padding-block:4rem}.size-calculator__title{margin-block-end:.8rem}.size-calculator__subtitle{color:rgb(var(--color-foreground) / .65);margin-block-end:4rem;font-size:1.5rem}.size-calculator__layout{display:grid;gap:4rem;align-items:center}@media screen and (min-width:750px){.size-calculator__layout{grid-template-columns:1fr 1fr}}.size-calculator__inputs{display:flex;flex-direction:column;gap:3.2rem}.size-calculator__field{display:flex;flex-direction:column;gap:1.2rem}.size-calculator__label{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.size-calculator__value{font-weight:400;font-size:1.4rem;color:rgb(var(--color-foreground) / .6)}.size-calculator__range-wrap{position:relative;padding-block:1.2rem 0}.size-calculator__range-wrap:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:rgb(var(--color-foreground) / .15);transform:translateY(-50%);border-radius:2px;pointer-events:none}.size-calculator__range{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:transparent;outline:none;cursor:pointer;position:relative;z-index:1}.size-calculator__range::-webkit-slider-runnable-track{height:2px;background:rgb(var(--color-foreground));border-radius:2px}.size-calculator__range::-moz-range-track{height:2px;background:rgb(var(--color-foreground));border-radius:2px}.size-calculator__range::-moz-range-progress{height:2px;background:rgb(var(--color-foreground));border-radius:2px}.size-calculator__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:rgb(var(--color-foreground));cursor:pointer;margin-top:-10px;box-shadow:0 0 0 3px rgb(var(--color-background)),0 0 0 4px rgb(var(--color-foreground));transition:transform .15s ease}.size-calculator__range::-webkit-slider-thumb:hover{transform:scale(1.12)}.size-calculator__range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:rgb(var(--color-foreground));cursor:pointer;border:3px solid rgb(var(--color-background));box-shadow:0 0 0 1px rgb(var(--color-foreground))}.size-calculator__range-labels{display:flex;justify-content:space-between;font-size:1.2rem;color:rgb(var(--color-foreground) / .45)}.size-calculator__btn{margin-block-start:1.6rem;width:100%;padding:1.6rem;font-size:1.4rem;letter-spacing:.1em}.size-calculator__result{margin-block-start:2.4rem;padding:2.4rem;border:1px solid rgb(var(--color-foreground) / .15);border-radius:.8rem;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.size-calculator__result-label{font-size:1.3rem;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-foreground) / .55);margin-block-end:1.6rem}.size-calculator__result-sizes{display:flex;gap:3.2rem}.size-calculator__result-item{display:flex;flex-direction:column;gap:.4rem}.size-calculator__result-type{font-size:1.2rem;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--color-foreground) / .55)}.size-calculator__result-size{font-size:3.2rem;font-weight:700;letter-spacing:.04em;line-height:1}.size-calculator__result-note{margin-block-start:1.6rem;font-size:1.2rem;color:rgb(var(--color-foreground) / .5);font-style:italic}.size-calculator__illustration{display:none}@media screen and (min-width:750px){.size-calculator__illustration{display:flex;justify-content:center}}.size-calculator__illustration-wrap{position:relative;max-width:32rem;width:100%}.size-calculator__illustration-wrap img{width:100%;height:auto;display:block}.size-calculator__illustration-labels{position:absolute;right:-7rem;top:0;height:100%;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none}.size-calculator__body-label{font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground) / .5);white-space:nowrap}.sc-wrap{padding-block:4rem}.sc-title{margin-block-end:.8rem}.sc-subtitle{color:rgb(var(--color-foreground) / .6);font-size:1.5rem;margin-block-end:3.2rem}.sc-card{max-width:54rem;margin-inline:auto;background:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground) / .08);border-radius:1.6rem;padding:3.2rem 2.4rem}@media screen and (min-width:750px){.sc-card{padding:4rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-size-calculator.css.map */