@property --hira-size-guide-ratio{syntax: "<number>"; inherits: true; initial-value: 0;}.hira-size-guide{--hira-size-guide-pt: 0px;--hira-size-guide-pb: 80px;--hira-size-guide-pt-m: 0px;--hira-size-guide-pb-m: 40px;--hira-size-guide-thumb: 16px;--hira-size-guide-dur: .12s;--hira-size-guide-accent: #436067;--hira-size-guide-ratio: 0;--hira-size-guide-bg: #FFEDE2;--hira-gutter: 20px;display:block;padding-block:var(--hira-size-guide-pt-m) var(--hira-size-guide-pb-m);padding-inline:var(--hira-gutter);background:var(--hira-size-guide-bg);font-family:var(--FONT-STACK-BODY)}.hira-size-guide .hira-size-guide__inner{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid rgba(0,0,0,.05);border-radius:24px;background:#fff9;box-shadow:0 2px 8px #0000000f,0 14px 30px #00000012}.hira-size-guide .hira-size-guide__header{display:flex;flex-direction:column;gap:4px;padding-block:12px;border-radius:20px 20px 0 0}.hira-size-guide .hira-size-guide__title{font-size:20px;font-weight:400;line-height:30px;color:#171717}.hira-size-guide .hira-size-guide__subtitle{font-size:12px;font-weight:400;line-height:18px;color:#171717}.hira-size-guide .hira-size-guide__title p,.hira-size-guide .hira-size-guide__subtitle p{margin:0}.hira-size-guide .hira-size-guide__body{display:flex;flex-direction:column;gap:16px;padding-block:12px}.hira-size-guide .hira-size-guide__slider{display:flex;flex-direction:column;gap:12px}.hira-size-guide .hira-size-guide__slider-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.hira-size-guide .hira-size-guide__slider-label{font-size:13px;font-weight:700;line-height:19.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--hira-size-guide-accent)}.hira-size-guide .hira-size-guide__slider-value{font-size:18px;font-weight:400;line-height:27px;color:var(--hira-size-guide-accent)}.hira-size-guide .hira-size-guide__range{display:block;width:100%;height:var(--hira-size-guide-thumb);margin:0;padding:0;border:0;border-radius:0;box-sizing:border-box;background:transparent;transition:--hira-size-guide-ratio var(--hira-size-guide-dur) linear;cursor:pointer;-webkit-appearance:none;appearance:none}.hira-size-guide .hira-size-guide__range::-webkit-slider-runnable-track{width:100%;height:4px;border-radius:2px;background-image:linear-gradient(to right,var(--hira-size-guide-accent) 0,var(--hira-size-guide-accent) calc(var(--hira-size-guide-thumb) / 2 + (100% - var(--hira-size-guide-thumb)) * var(--hira-size-guide-ratio)),rgba(0,0,0,.1) calc(var(--hira-size-guide-thumb) / 2 + (100% - var(--hira-size-guide-thumb)) * var(--hira-size-guide-ratio)),rgba(0,0,0,.1) 100%)}.hira-size-guide .hira-size-guide__range::-moz-range-track{width:100%;height:4px;border-radius:2px;background-image:linear-gradient(to right,var(--hira-size-guide-accent) 0,var(--hira-size-guide-accent) calc(var(--hira-size-guide-thumb) / 2 + (100% - var(--hira-size-guide-thumb)) * var(--hira-size-guide-ratio)),rgba(0,0,0,.1) calc(var(--hira-size-guide-thumb) / 2 + (100% - var(--hira-size-guide-thumb)) * var(--hira-size-guide-ratio)),rgba(0,0,0,.1) 100%)}.hira-size-guide .hira-size-guide__range::-webkit-slider-thumb{width:var(--hira-size-guide-thumb);height:var(--hira-size-guide-thumb);margin-top:-6px;border:0;border-radius:50%;background:var(--hira-size-guide-accent);transition:transform var(--hira-size-guide-dur) ease;cursor:pointer;-webkit-appearance:none;appearance:none}.hira-size-guide .hira-size-guide__range::-moz-range-thumb{width:var(--hira-size-guide-thumb);height:var(--hira-size-guide-thumb);border:0;border-radius:50%;background:var(--hira-size-guide-accent);transition:transform var(--hira-size-guide-dur) ease;cursor:pointer}.hira-size-guide .hira-size-guide__range:active::-webkit-slider-thumb{transform:scale(1.12)}.hira-size-guide .hira-size-guide__range:active::-moz-range-thumb{transform:scale(1.12)}.hira-size-guide .hira-size-guide__range:focus{outline:none}.hira-size-guide .hira-size-guide__range:focus-visible{outline:2px solid var(--hira-size-guide-accent);outline-offset:4px}.hira-size-guide .hira-size-guide__scale{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.hira-size-guide .hira-size-guide__scale-item{font-size:9px;font-weight:400;line-height:13.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--hira-size-guide-accent)}.hira-size-guide .hira-size-guide__info{display:grid;overflow:hidden;grid-template-columns:1fr 1fr;border:1px solid rgba(0,0,0,.1);border-radius:14px;background:#fff9}.hira-size-guide .hira-size-guide__cell{display:flex;flex-direction:column;align-items:center;gap:0;padding:14px 4px}.hira-size-guide .hira-size-guide__cell--divided{border-left:1px solid rgba(0,0,0,.1)}.hira-size-guide .hira-size-guide__cell-value{font-size:20px;font-weight:400;line-height:30px;color:#171717;transition:opacity var(--hira-size-guide-dur) ease}.hira-size-guide .hira-size-guide__cell-label{font-size:10px;font-weight:400;line-height:15px;text-transform:uppercase;color:#171717}@media(min-width:768px){.hira-size-guide{--hira-gutter: clamp(32px, 5.5556vw, 100px)}}@media(min-width:1024px){.hira-size-guide{padding-block:var(--hira-size-guide-pt) var(--hira-size-guide-pb)}.hira-size-guide .hira-size-guide__inner{gap:16px}.hira-size-guide .hira-size-guide__title{font-size:32px;line-height:30px}}@media(prefers-reduced-motion:reduce){.hira-size-guide{--hira-size-guide-dur: 0ms}.hira-size-guide .hira-size-guide__range:active::-webkit-slider-thumb{transform:none}.hira-size-guide .hira-size-guide__range:active::-moz-range-thumb{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/size-value-guide.css.map */