.kindred-shape-finder{--kindred-ink: #101312;--kindred-paper: #f4f4ef;--kindred-white: #fff;--kindred-mist: #d7e5f0;--kindred-mist-dark: #b7cedd;--kindred-line: #cfd1ca;--kindred-muted: #606762;--kindred-orange: #bc5b25;color:var(--kindred-ink);font-family:Neo Sans,Neo Sans Std,Arial Narrow,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.kindred-shape-finder *,.kindred-shape-finder *:before,.kindred-shape-finder *:after{box-sizing:border-box}.kindred-shape-finder button,.kindred-shape-finder input{font:inherit}.kindred-shape-finder button,.kindred-shape-finder a{-webkit-tap-highlight-color:transparent}.kindred-shape-finder .kindred-app{width:100%}.kindred-shape-finder .topbar{width:min(var(--kindred-max-width, 1160px),calc(100% - 32px));min-height:64px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;letter-spacing:.16em;font-size:11px;font-weight:700}.kindred-shape-finder .wordmark{color:var(--kindred-ink);text-decoration:none;font-size:22px;letter-spacing:.22em;font-weight:900}.kindred-shape-finder .finder-shell{width:min(var(--kindred-max-width, 1160px),calc(100% - 32px));margin:0 auto;padding:var(--kindred-padding-top, 24px) 0 var(--kindred-padding-bottom, 48px)}.kindred-shape-finder .wizard{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--kindred-line);border-radius:26px;background:var(--kindred-white);box-shadow:0 18px 50px #0000001a}.kindred-shape-finder .wizard:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background-image:var(--kindred-backdrop);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:var(--kindred-backdrop-opacity, .35);pointer-events:none}.kindred-shape-finder .wizard>*{position:relative;z-index:1}.kindred-shape-finder .progress-wrap{padding:18px 24px 17px;background:#000;color:#fff;scroll-margin-top:var(--kindred-scroll-offset, 80px)}.kindred-shape-finder .progress-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}.kindred-shape-finder .progress-top strong{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.kindred-shape-finder .progress-top span{color:#ffffffad;font-size:12px}.kindred-shape-finder .progress{display:block;height:4px;border:0;border-radius:4px;overflow:hidden;background:#fff3}.kindred-shape-finder .progress span{display:block;height:100%;background:var(--kindred-accent, var(--kindred-mist));transition:width .3s ease}.kindred-shape-finder .step-panel,.kindred-shape-finder .results-panel,.kindred-shape-finder .sizing-tool-panel{padding:clamp(24px,4vw,48px);background:transparent}.kindred-shape-finder .step-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;max-width:none;margin-bottom:30px}.kindred-shape-finder .step-heading>p{display:none}.kindred-shape-finder .step-heading h2,.kindred-shape-finder .rec-intro h2{margin:0 0 8px;color:var(--kindred-ink);font-size:clamp(26px,4vw,40px);line-height:1;letter-spacing:-.035em}.kindred-shape-finder .step-heading>span{display:block;max-width:590px;color:var(--kindred-muted);font-size:14px;line-height:1.5}.kindred-shape-finder fieldset{min-width:0;padding:0;margin:0 0 30px;border:0}.kindred-shape-finder legend,.kindred-shape-finder .measurement-head h3{width:100%;margin:0 0 10px;padding:0;color:var(--kindred-ink);font-size:14px;font-weight:800;letter-spacing:.04em}.kindred-shape-finder legend small{float:right;color:var(--kindred-muted);font-weight:500}.kindred-shape-finder .option-grid,.kindred-shape-finder .option-grid.two{display:grid;grid-template-columns:1fr;gap:8px}.kindred-shape-finder .option-card,.kindred-shape-finder .option-card.compact{width:100%;min-height:48px;margin:0;padding:12px 13px;border:1px solid var(--kindred-line);border-radius:11px;background:#ffffffb8;color:var(--kindred-ink);display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.kindred-shape-finder .option-card:hover{border-color:#000}.kindred-shape-finder .option-card.selected{border-color:var(--kindred-selected-border, #000);background:var(--kindred-selected-bg, rgba(16, 19, 18, .95));color:var(--kindred-selected-text, #fff);box-shadow:inset 0 0 0 1px var(--kindred-selected-border, #000)}.kindred-shape-finder .option-dot{display:none}.kindred-shape-finder .option-card strong{display:block;color:inherit;font-size:13px}.kindred-shape-finder .option-card small{display:block;margin-top:2px;color:var(--kindred-muted);font-size:12px;line-height:1.35}.kindred-shape-finder .option-card.selected small{color:#ffffffbd}.kindred-shape-finder .measurement-section{margin:0 0 30px}.kindred-shape-finder .measurement-head{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 10px}.kindred-shape-finder .measurement-head h3{margin:0}.kindred-shape-finder .measurement-head p,.kindred-shape-finder .measurement-note{margin:4px 0 0;color:var(--kindred-muted);font-size:12px;line-height:1.4}.kindred-shape-finder .measurement-note{margin-top:10px;font-size:11px}.kindred-shape-finder .unit-toggle{display:inline-flex;padding:4px;border:0;border-radius:999px;background:var(--kindred-button-bg, #000)}.kindred-shape-finder .unit-toggle button{min-width:84px;padding:8px 13px;border:0;border-radius:999px;background:var(--kindred-button-bg, #000);color:var(--kindred-button-text, #fff);cursor:pointer;font-size:12px;font-weight:800}.kindred-shape-finder .unit-toggle button.active{box-shadow:inset 0 0 0 1px #fff}.kindred-shape-finder .measure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kindred-shape-finder .measure-grid label>span{display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;color:#000;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.kindred-shape-finder .input-wrap{min-height:52px;display:flex;align-items:center;border:1px solid var(--kindred-line);border-radius:10px;background:#ffffffeb}.kindred-shape-finder .input-wrap:focus-within{border-color:#000;box-shadow:0 0 0 3px var(--kindred-accent, var(--kindred-mist))}.kindred-shape-finder .input-wrap input{width:100%;min-width:0;padding:14px;border:0;outline:0;background:transparent;color:var(--kindred-ink);font-size:19px;font-weight:700}.kindred-shape-finder .foot-size-wrap input{padding-right:10px}.kindred-shape-finder .foot-size-wrap select{min-width:124px;max-width:52%;align-self:stretch;padding:0 12px;border:0;border-left:1px solid var(--kindred-line);outline:0;background-color:transparent;color:var(--kindred-ink);cursor:pointer;font-size:12px;font-weight:800}.kindred-shape-finder .input-wrap small{padding-right:14px;color:var(--kindred-muted);font-size:11px;font-weight:700;text-transform:uppercase}.kindred-shape-finder .height-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kindred-shape-finder .panel-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.kindred-shape-finder .panel-actions.end{justify-content:flex-end}.kindred-shape-finder .primary,.kindred-shape-finder .secondary,.kindred-shape-finder .shape-actions a,.kindred-shape-finder .shape-actions button,.kindred-shape-finder .sizing-tool-head button{min-height:44px;padding:0 20px;border:1px solid var(--kindred-button-bg, #000);border-radius:999px;background:var(--kindred-button-bg, #000);color:var(--kindred-button-text, #fff);display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.03em;cursor:pointer;transition:transform .15s ease}.kindred-shape-finder .primary:hover,.kindred-shape-finder .secondary:hover,.kindred-shape-finder .shape-actions a:hover,.kindred-shape-finder .shape-actions button:hover{transform:translateY(-1px)}.kindred-shape-finder .primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.kindred-shape-finder .eyebrow{margin:0 0 8px;color:#000;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.kindred-shape-finder .rec-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:20px}.kindred-shape-finder .rec-intro>div>p:last-child{margin:0;max-width:620px;color:var(--kindred-muted);font-size:14px}.kindred-shape-finder .equipment-tag{flex:none;padding:8px 13px;border-radius:999px;background:var(--kindred-button-bg, #000);color:var(--kindred-button-text, #fff);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.kindred-shape-finder .shape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kindred-shape-finder .shape-grid.two-results{grid-template-columns:repeat(2,minmax(0,1fr))}.kindred-shape-finder .shape-cell{overflow:hidden;border:1px solid var(--kindred-line);border-radius:15px;background:#f4f4efe0;color:#000}.kindred-shape-finder .shape-cell.recommended{border-color:#000;background:var(--kindred-best-match-bg, rgba(215, 229, 240, .95));box-shadow:inset 0 0 0 1px #000}.kindred-shape-finder .shape-rank{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--kindred-line);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.kindred-shape-finder .shape-rank span{color:var(--kindred-muted)}.kindred-shape-finder .shape-image{height:430px;padding:16px;border-bottom:1px solid var(--kindred-line);background:#fffffff2}.kindred-shape-finder .shape-image img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(8px 12px 14px rgba(20,30,35,.14))}.kindred-shape-finder .shape-copy{padding:18px}.kindred-shape-finder .shape-copy>small{display:block;color:var(--kindred-muted);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.kindred-shape-finder .shape-copy h3{margin:5px 0 10px;color:#000;font-size:clamp(25px,3vw,34px);line-height:1;letter-spacing:-.035em}.kindred-shape-finder .shape-copy>p{min-height:84px;margin:0 0 14px;color:var(--kindred-muted);font-size:12px;line-height:1.5}.kindred-shape-finder .shape-actions{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.kindred-shape-finder .shape-actions a,.kindred-shape-finder .shape-actions button{min-height:42px;padding:0 14px;font-size:11px}.kindred-shape-finder .shape-actions a{background:#fff;color:#000}.kindred-shape-finder .rider-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;overflow:hidden;border:1px solid var(--kindred-line);border-radius:15px}.kindred-shape-finder .rider-summary.five{grid-template-columns:repeat(5,1fr)}.kindred-shape-finder .rider-summary div{padding:18px;border-right:1px solid var(--kindred-line);background:#f4f4efe6}.kindred-shape-finder .rider-summary div:last-child{border-right:0}.kindred-shape-finder .rider-summary span,.kindred-shape-finder .rider-summary strong{display:block}.kindred-shape-finder .rider-summary span{margin-bottom:5px;color:var(--kindred-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.kindred-shape-finder .rider-summary strong{color:#000;font-size:12px}.kindred-shape-finder .sizing-note{margin:12px 0 0;color:var(--kindred-muted);font-size:11px}.kindred-shape-finder .final-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:28px}.kindred-shape-finder .final-actions>div{display:flex;gap:10px;flex-wrap:wrap}.kindred-shape-finder .chat-status{margin:10px 0 0;color:var(--kindred-muted);font-size:12px;font-weight:700;text-align:right}.kindred-shape-finder .sizing-tool-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.kindred-shape-finder .sizing-tool-head h2{margin:0;color:#000;font-size:clamp(28px,4vw,42px);line-height:1;letter-spacing:-.035em}.kindred-shape-finder .sizing-tool-head button{min-height:42px;padding:0 17px;font-size:11px}.kindred-shape-finder .sizing-tool-message{padding:28px;border:1px solid var(--kindred-line);border-radius:15px;background:#ffffffeb;color:var(--kindred-ink);font-size:14px;font-weight:700}.kindred-shape-finder .sizing-tool-message.error{border-color:#8f2b22;color:#8f2b22}.kindred-shape-finder .sizing-tool-frame{display:block;width:100%;min-height:1200px;border:0;background:transparent}.kindred-shape-finder .tool-footer{width:min(var(--kindred-max-width, 1160px),calc(100% - 32px));min-height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.13em}@media(max-width:900px){.kindred-shape-finder .shape-grid,.kindred-shape-finder .shape-grid.two-results{grid-template-columns:1fr}.kindred-shape-finder .shape-image{height:420px}.kindred-shape-finder .shape-copy>p{min-height:0}.kindred-shape-finder .step-heading{display:block}.kindred-shape-finder .step-heading>span{margin-top:10px}.kindred-shape-finder .rider-summary.five{grid-template-columns:1fr 1fr}.kindred-shape-finder .rider-summary.five div{border-bottom:1px solid var(--kindred-line)}.kindred-shape-finder .rider-summary.five div:nth-child(2n){border-right:0}}@media(max-width:720px){.kindred-shape-finder .finder-shell{width:min(calc(100% - 14px),var(--kindred-max-width, 1160px));padding-top:7px;padding-bottom:7px}.kindred-shape-finder .wizard{border-radius:18px}.kindred-shape-finder .progress-wrap{padding:14px 15px}.kindred-shape-finder .step-panel,.kindred-shape-finder .results-panel,.kindred-shape-finder .sizing-tool-panel{padding:20px 15px}.kindred-shape-finder .rec-intro{display:block}.kindred-shape-finder .equipment-tag{display:inline-block;margin-top:16px}.kindred-shape-finder .measure-grid{grid-template-columns:1fr}.kindred-shape-finder .shape-image{height:360px}.kindred-shape-finder .shape-actions{display:grid;grid-template-columns:1fr 1fr}.kindred-shape-finder .rider-summary,.kindred-shape-finder .rider-summary.five{grid-template-columns:1fr}.kindred-shape-finder .rider-summary div,.kindred-shape-finder .rider-summary.five div{border-right:0;border-bottom:1px solid var(--kindred-line)}.kindred-shape-finder .rider-summary div:last-child{border-bottom:0}.kindred-shape-finder .final-actions{align-items:stretch;flex-direction:column}.kindred-shape-finder .final-actions>div{display:grid;grid-template-columns:1fr 1fr}.kindred-shape-finder .final-actions>button{width:100%}.kindred-shape-finder .chat-status{text-align:left}.kindred-shape-finder .sizing-tool-head{align-items:stretch;flex-direction:column}.kindred-shape-finder .sizing-tool-head button{width:100%}.kindred-shape-finder .sizing-tool-frame{min-height:1500px}}@media(max-width:420px){.kindred-shape-finder .topbar{padding:0 14px}.kindred-shape-finder .wordmark{font-size:17px}.kindred-shape-finder .progress-top strong{font-size:10px}.kindred-shape-finder .step-heading h2,.kindred-shape-finder .rec-intro h2{font-size:27px}.kindred-shape-finder .measurement-head{display:block}.kindred-shape-finder .unit-toggle{margin-top:16px}.kindred-shape-finder .shape-image{height:310px}.kindred-shape-finder .final-actions>div{grid-template-columns:1fr}.kindred-shape-finder .final-actions .primary{width:100%}.kindred-shape-finder .tool-footer{min-height:90px;padding:20px 0;align-items:flex-start;flex-direction:column;justify-content:center;gap:8px}}@media(prefers-reduced-motion:reduce){.kindred-shape-finder .option-card,.kindred-shape-finder .primary,.kindred-shape-finder .secondary,.kindred-shape-finder .progress span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/kindred-shape-finder.css.map */