.size-guide{--size-guide-panel-background: #0a0a0a;--size-guide-panel-text: #ffffff;--size-guide-card-background: #f7f4ee;--size-guide-card-text: #1a1a1a;--size-guide-accent: #1a1a1a;--size-guide-badge-background: #22352c;--size-guide-track-height: 4px;--size-guide-thumb-size: 22px;display:grid;grid-template-columns:minmax(0,1fr);isolation:isolate}@media screen and (min-width:1000px){.size-guide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.size-guide--media-left .size-guide__panel{order:2}.size-guide--media-left .size-guide__media{order:1}}.size-guide__panel{display:flex;align-items:center;background:var(--size-guide-panel-background);color:var(--size-guide-panel-text)}@media screen and (min-width:700px){.size-guide__panel{padding:56px 48px}}@media screen and (min-width:1200px){.size-guide__panel{padding:72px 64px}}.size-guide__content{display:flex;flex-direction:column;gap:15px;width:100%;margin-inline:auto}.size-guide__heading{margin:0;font-size:clamp(26px,2.4vw,34px);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);line-height:1.2;text-wrap:balance;color:rgb(var(--text-color))}.size-guide__intro,.size-guide__question,.size-guide__note,.size-guide__intro p,.size-guide__note p{margin:0}.size-guide__intro{opacity:.75;line-height:1.5}.size-guide__question-label{margin:0;font-weight:700}.size-guide__question-help{margin:0;opacity:.7}.size-guide__note{font-size:14px;line-height:1.5;opacity:.6}.size-guide__card{overflow:hidden;border-radius:14px;background:#f5f1ee;color:var(--size-guide-card-text)}.size-guide__units{display:inline-flex;gap:4px;margin:16px 20px 0;padding:4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #0000000f}.size-guide__unit{flex:0 0 auto;min-width:72px;padding:8px 18px;border:none;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:15px;font-weight:500;line-height:1.2;cursor:pointer;opacity:.6;transition:background-color .2s ease,color .2s ease,opacity .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.size-guide__unit:hover{opacity:1;background:#0000000d}.size-guide__unit[aria-pressed=true]{background:var(--size-guide-accent);color:var(--size-guide-card-background);font-weight:600;opacity:1;box-shadow:0 2px 6px #0000002e;cursor:default}.size-guide__unit:focus-visible{outline:2px solid var(--size-guide-accent);outline-offset:2px}.size-guide__slider{padding:28px 20px 16px}.size-guide__track{position:relative;height:var(--size-guide-thumb-size)}.size-guide__range{position:relative;z-index:1;width:100%;height:var(--size-guide-thumb-size);margin:0;padding:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none}.size-guide__range:focus{outline:none}.size-guide__range::-webkit-slider-runnable-track{height:var(--size-guide-track-height);border-radius:999px;background:linear-gradient(to right,var(--size-guide-accent) 0 var(--size-guide-progress, 0%),rgb(0 0 0 / .14) var(--size-guide-progress, 0%) 100%)}.size-guide__range::-moz-range-track{height:var(--size-guide-track-height);border-radius:999px;background:#00000024}.size-guide__range::-moz-range-progress{height:var(--size-guide-track-height);border-radius:999px;background:var(--size-guide-accent)}.size-guide__range::-webkit-slider-thumb{width:var(--size-guide-thumb-size);height:var(--size-guide-thumb-size);margin-block-start:calc((var(--size-guide-track-height) - var(--size-guide-thumb-size)) / 2);border:2px solid var(--size-guide-accent);border-radius:50%;background:var(--size-guide-card-background);-webkit-appearance:none;appearance:none}.size-guide__range::-moz-range-thumb{width:var(--size-guide-thumb-size);height:var(--size-guide-thumb-size);border:2px solid var(--size-guide-accent);border-radius:50%;background:var(--size-guide-card-background)}.size-guide__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #00000040}.size-guide__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #00000040}.size-guide__ticks{position:absolute;inset-block-start:50%;inset-inline:calc(var(--size-guide-thumb-size) / 2);height:0}.size-guide__tick{position:absolute;inset-block-start:calc(var(--size-guide-track-height) / -2);width:2px;height:var(--size-guide-track-height);margin-inline-start:-1px;border-radius:1px;background:#00000047;transition:background-color .2s ease,transform .2s ease}.size-guide__tick.is-reached{background:var(--size-guide-card-background)}.size-guide__tick.is-active{transform:scaleY(2.4);background:var(--size-guide-accent)}.size-guide__bubble{position:relative;display:block;width:max-content;margin-block-end:6px;padding:3px 10px;border:1px solid rgb(0 0 0 / .14);border-radius:8px;background:#fff;font-weight:600;font-variant-numeric:tabular-nums;transform:translate(-50%);transition:left .05s linear}.size-guide__scale{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-block-start:8px;font-size:14px}.size-guide__scale-label{font-weight:600}.size-guide__scale-max{font-variant-numeric:tabular-nums;opacity:.75}.size-guide__result{display:flex;flex-direction:column}.size-guide__result-heading{margin:0;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:1.5rem;line-height:1.2;text-wrap:balance;color:rgb(var(--text-color))}.size-guide__result-text{margin:0;opacity:.75}.size-guide__sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.size-guide__size{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 6px;border:2px solid currentColor;border-radius:10px;background:none;color:inherit;font:inherit;font-size:17px;font-weight:700;text-align:center;cursor:pointer;opacity:.85;transition:opacity .2s ease,background-color .2s ease,color .2s ease,transform .15s ease}.size-guide__size:hover{opacity:.8}.size-guide__size:active{transform:scale(.97)}.size-guide__size[aria-pressed=true]{background:var(--size-guide-panel-text);color:var(--size-guide-panel-background);opacity:1}.size-guide__size-label{line-height:1.1}.size-guide__size-dimensions{font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.8}.size-guide__size[aria-pressed=true] .size-guide__size-dimensions{opacity:1}.size-guide__size:focus-visible{outline:2px solid currentColor;outline-offset:3px;opacity:1}.size-guide__media{position:relative;overflow:hidden;aspect-ratio:var(--size-guide-media-ratio, 1 / 1);background:var(--size-guide-card-background)}@media screen and (min-width:1000px){.size-guide__media{position:sticky;inset-block-start:calc(var(--sticky-area-height, 0px) + 20px);align-self:start}}.size-guide__media-item{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.size-guide__media-item.is-active{opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}.size-guide__image{width:100%;height:100%;object-fit:contain}.size-guide__badge{position:absolute;z-index:2;inset-block-start:20px;inset-inline-end:20px;display:grid;place-items:center;width:66px;height:78px;color:var(--size-guide-badge-background)}@media screen and (min-width:700px){.size-guide__badge{inset-block-start:28px;inset-inline-end:28px;width:88px;height:104px}}.size-guide__badge-shape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.size-guide__badge-label,.size-guide__badge-suffix{position:relative;color:#fff;line-height:1}.size-guide__badge-label{margin-block-end:4px;font-size:28px;font-weight:700}@media screen and (min-width:700px){.size-guide__badge-label{font-size:36px}}.size-guide__badge-suffix{font-size:11px;font-weight:600;letter-spacing:.1em}@media screen and (max-width:699px){.size-guide{row-gap:24px}.size-guide__result{align-items:center;text-align:center}.size-guide__sizes{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.size-guide__size{min-height:56px;padding:12px 4px;border:2px solid rgb(0 0 0 / .1);border-radius:12px;background:#fff;color:var(--size-guide-card-text);font-size:17px;opacity:1}.size-guide__size:hover{opacity:1}.size-guide__size[aria-pressed=true]{border-color:var(--size-guide-accent);background:#fff;color:var(--size-guide-card-text)}.size-guide__size-dimensions,.size-guide__note{display:none}.size-guide__media{border-radius:20px}}.size-guide:not(.is-ready) .size-guide__media-item:first-child{opacity:1;visibility:visible}@media(prefers-reduced-motion:reduce){.size-guide__media-item,.size-guide__size,.size-guide__tick,.size-guide__bubble{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/397/assets/size-guide-2.css.map */