.fit-finder{--fit-ink:#090908;--fit-paper:#fff;--fit-yellow:#ffea4b;--fit-accent:var(--kb-red,#d72f24);background:var(--fit-paper);color:var(--fit-ink);border-bottom:1px solid #09090820;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:0 64px;padding:64px max(40px,50% - 600px);scroll-margin-top:80px;font-family:URW Geometric,sans-serif;display:grid}.fit-finder *,.fit-finder :before,.fit-finder :after{box-sizing:border-box}.fit-finder [hidden]{display:none!important}.fit-finder button,.fit-finder input{font:inherit;color:inherit}.fit-finder button,.fit-finder a{-webkit-tap-highlight-color:transparent}.fit-finder button{cursor:pointer}.fit-finder :is(button,input,a,summary):focus-visible{outline-offset:4px;outline:3px solid #090908}.fit-finder button:disabled{cursor:default;opacity:.55}.fit-finder__figure{width:100%;max-width:520px;margin:0 auto}.fit-finder__figure--mobile{display:none}.fit-finder__diagram{width:100%;height:auto;display:block;overflow:visible}.fit-finder__bottle{fill:none;stroke:var(--fit-ink);stroke-width:2.5px}.fit-finder__diameter{fill:none;stroke:var(--fit-ink);stroke-width:1.2px}.fit-finder__value-bg{fill:var(--fit-paper)}.fit-finder__diagram-value{fill:var(--fit-ink);font:500 18px IBM Plex Mono,monospace}.fit-finder__diagram-metric{fill:#606060;font:400 11px IBM Plex Mono,monospace}.fit-finder__figure figcaption{text-align:center;color:#606060;margin-top:12px;font-size:11px;line-height:1.5}.fit-finder__panel{width:100%;min-width:0;max-width:580px}.fit-finder__heading{letter-spacing:-.045em;text-transform:uppercase;color:var(--fit-ink);margin:0;font-size:clamp(3.2rem,5.7vw,6.8rem);font-weight:900;line-height:.94}.fit-finder__instruction{color:#505050;margin:6px 0 24px;font-size:15px;line-height:1.5}.fit-finder__entry{justify-content:space-between;align-items:center;gap:20px;display:flex}.fit-finder__measurement{min-width:0}.fit-finder__metric{color:#505050;justify-content:center;align-items:center;gap:6px;margin:4px 0 0;font:400 14px/1.5 IBM Plex Mono,monospace;display:flex}.fit-finder__metric input{text-align:center;width:100px;min-width:0;min-height:44px;font:inherit;appearance:textfield;background:0 0;border:0;padding:4px}.fit-finder__step{background:0 0;border:0;border-radius:0;flex:0 0 44px;width:44px;height:44px;font-size:24px!important}.fit-finder__input-wrap{border-bottom:1px solid #09090845;justify-content:center;align-items:baseline;min-width:0;display:flex}.fit-finder__input-wrap input{text-align:center;letter-spacing:-.055em;appearance:textfield;background:0 0;border:0;width:164px;min-width:0;max-width:100%;padding:5px 0;font:500 48px/1.2 IBM Plex Mono,monospace}.fit-finder input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fit-finder input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fit-finder__input-wrap>span{padding-right:8px;font:400 16px IBM Plex Mono,monospace}.fit-finder__input-wrap>.fit-finder__approx{color:#606060;flex:0 0 18px;padding:0}.fit-finder__slider-wrap{margin:14px 0 0}.fit-finder__slider-wrap input{appearance:none;cursor:ew-resize;touch-action:pan-y;background:0 0;border:0;width:100%;height:44px;margin:0;display:block}.fit-finder .fit-finder__slider-wrap input:focus-visible{outline:none}.fit-finder__slider-wrap input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fit-accent) 0 var(--fit-progress,25%), #dedede var(--fit-progress,25%) 100%);border-radius:4px;height:5px}.fit-finder__slider-wrap input::-webkit-slider-thumb{appearance:none;border:3px solid var(--fit-accent);background:#fff;border-radius:50%;width:28px;height:28px;margin-top:-11.5px;box-shadow:0 0 0 4px #fff}.fit-finder__slider-wrap input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--fit-accent)}.fit-finder__slider-wrap input::-moz-range-track{background:#dedede;border-radius:4px;height:5px}.fit-finder__slider-wrap input::-moz-range-progress{background:var(--fit-accent);height:5px}.fit-finder__slider-wrap input::-moz-range-thumb{border:3px solid var(--fit-accent);background:#fff;border-radius:50%;width:22px;height:22px}.fit-finder__slider-wrap input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--fit-accent)}.fit-finder__result{margin-top:28px}.fit-finder__result[data-state=match]{justify-content:space-between;align-items:center;gap:24px;display:flex}.fit-finder__result-top{align-items:center;gap:16px;display:flex}.fit-finder__size-badge{color:#fff;background:#090908;border-radius:50%;flex:0 0 54px;place-items:center;width:54px;height:54px;font:500 24px/1 IBM Plex Mono,monospace;display:grid}.fit-finder__result[data-state=example] .fit-finder__size-badge,.fit-finder__result[data-state=invalid] .fit-finder__size-badge,.fit-finder__result[data-state=confirm] .fit-finder__size-badge{color:var(--fit-ink);background:#ededed}.fit-finder__result-kicker{letter-spacing:.06em;text-transform:uppercase;margin:0 0 3px;font:500 10px/1.5 IBM Plex Mono,monospace}.fit-finder__result-top :is(h2,h3){letter-spacing:-.03em;text-transform:none;margin:0;font-size:28px;font-weight:800;line-height:1}.fit-finder__result-range{margin:6px 0 0;font-size:13px;line-height:1.5}.fit-finder__feedback{color:#505050;margin:14px 0 16px;font-size:13px;line-height:1.5}.fit-finder__feedback[hidden]+.fit-finder__cta{margin-top:20px}.fit-finder__result[data-state=match] .fit-finder__cta{margin-top:0}.fit-finder .fit-finder__cta{color:#ffea4b;text-align:center;text-transform:uppercase;letter-spacing:.04em;background:#090908;border:2px solid #090908;border-radius:12px;justify-content:center;align-items:center;min-width:226px;min-height:58px;padding:16px 24px;font:700 12px/1.35 IBM Plex Mono,monospace;text-decoration:none;display:inline-flex;box-shadow:5px 6px #ffea4b}.fit-finder__contact{color:#090908;text-underline-offset:5px;align-items:center;min-height:44px;font-size:14px;display:inline-flex}.fit-finder__help{grid-column:1/-1;min-width:0;margin-top:24px;font-size:14px;line-height:1.6}.fit-finder__help summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px}.fit-finder__guide-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;padding-top:24px;display:grid}.fit-finder__guide-copy{min-width:0}.fit-finder__help p{margin:12px 0}.fit-finder__help a{color:#090908;text-underline-offset:4px}.fit-finder__help table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.fit-finder__help caption{text-align:left;margin:16px 0 4px;font-weight:600}.fit-finder__help th,.fit-finder__help td{border-bottom:1px solid #09090825;padding:8px 4px}.fit-finder__table-note{color:#505050;font-size:12px}.fit-finder__photo{margin:0}.fit-finder__photo-media{position:relative}.fit-finder__photo-media:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff,#0000 18% 82%,#fff),linear-gradient(#fff,#0000 14% 86%,#fff);position:absolute;inset:0}.fit-finder__photo img{width:100%;height:auto;display:block}.fit-finder__photo figcaption{text-align:center;color:#505050;margin-top:4px;font-size:12px;line-height:1.5}@media (hover:hover){.fit-finder__step:hover{color:var(--fit-accent)}}@media (prefers-reduced-motion:no-preference) and (hover:hover){.fit-finder__cta{transition:transform .15s,box-shadow .15s}.fit-finder__cta:hover{transform:translate(2px,2px);box-shadow:3px 4px #ffea4b}.fit-finder__cta:active{transform:translate(4px,5px);box-shadow:1px 1px #ffea4b}}@media (width<=1050px){.fit-finder{column-gap:36px;padding:44px 28px}.fit-finder__result[data-state=match]{flex-wrap:wrap;gap:20px}}@media (width<=800px){.fit-finder{grid-template-columns:1fr;gap:0;padding:28px 24px}.fit-finder__intro{display:none}.fit-finder__figure--mobile{max-width:none;margin:0 0 12px;display:block}.fit-finder__diagram{height:200px}.fit-finder__diagram-value{font-size:24px}.fit-finder__diagram-metric{font-size:18px}.fit-finder__figure figcaption{margin-top:0;font-size:10px}.fit-finder__panel{max-width:none}.fit-finder__heading{font-size:clamp(2.4rem,10vw,3.4rem)}.fit-finder__instruction{margin-bottom:14px;font-size:14px}.fit-finder__input-wrap input{width:128px;font-size:38px}.fit-finder__entry{gap:12px}.fit-finder__result[data-state=match]{flex-direction:column;align-items:stretch;display:flex}.fit-finder__result-top :is(h2,h3){font-size:27px}.fit-finder .fit-finder__cta{width:100%;min-width:0}.fit-finder__guide-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:12px}.fit-finder{scroll-margin-top:64px}}