.tsb-bf{--bf-surface: #16161a;--bf-field-bg: #ffffff;--bf-field-bg-disabled: #f5f5f7;--bf-field-fg: #16161a;--bf-field-fg-muted: #7a7a80;--bf-field-line: #d7d7db;--bf-line: #333333;--bf-line-strong: #4a4a4a;--bf-fg: #ffffff;--bf-fg-2: #c4c4c4;--bf-fg-3: #8a8a8a;--bf-accent: #ff580d;--bf-accent-hot: #ff7434;--bf-danger: #ff9182;--bf-font: var(--body-font-family, Inter, system-ui, sans-serif);--bf-font-heading: var(--heading-font-family, Inter, system-ui, sans-serif);--bf-radius: 26px;--bf-radius-sm: 14px;position:relative;z-index:2;margin:0;padding:24px 24px 28px;background:transparent;font-family:var(--bf-font)}.tsb-bf-inner{position:relative;z-index:1;max-width:1530px;margin:0 auto;padding:26px 30px 30px;border-radius:18px;background:var(--bf-surface);display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.tsb-bf-eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bf-fg-2)}.tsb-bf-dot{width:4px;height:14px;border-radius:1px;background:var(--bf-accent)}.tsb-bf-title{margin:0;font-family:var(--bf-font-heading);font-weight:700;font-size:clamp(24px,2.1vw,32px)!important;line-height:1.15!important;letter-spacing:-.01em;color:var(--bf-fg)}.tsb-bf-title em{font-style:normal;color:var(--bf-accent)}.tsb-bf-sub{margin:0;max-width:36ch;font-size:14px;line-height:1.5;color:var(--bf-fg-2)}.tsb-bf-form .pf-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:14px;align-items:end;max-width:none;width:100%;margin:0}.tsb-bf-form .pf-field{position:relative;min-width:0;margin:0;padding:0}.tsb-bf-form .pf-label{display:block;margin:0 0 7px;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--bf-fg)}.tsb-bf-form .pf-select{-webkit-appearance:none;appearance:none;width:100%;height:48px;padding:0 40px 0 16px;border:1px solid var(--bf-field-line);border-radius:8px;background-color:var(--bf-field-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2316161a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;color:var(--bf-field-fg);font-family:var(--bf-font);font-size:14px;font-weight:500;line-height:1.2;text-overflow:ellipsis;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.tsb-bf-form .pf-select option{background:#fff;color:#16161a}.tsb-bf-form .pf-select:hover:not(:disabled){border-color:var(--bf-field-fg-muted)}.tsb-bf-form .pf-select:focus-visible{outline:none;border-color:var(--bf-accent);box-shadow:0 0 0 3px #ff580d47}.tsb-bf-form .pf-select:disabled{opacity:1;background-color:var(--bf-field-bg-disabled);border-color:#e4e4e8;color:#9a9aa2;cursor:not-allowed}.tsb-bf-form .pf-submit{grid-column:auto;justify-self:stretch;width:auto;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px 0 46px;border:0;border-radius:8px;background-color:var(--bf-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='7' cy='7' r='5' stroke='%23ffffff' stroke-width='1.8'/%3E%3Cpath d='M10.8 10.8L14 14' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 20px center;color:#fff;font-family:var(--bf-font);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background-color .18s ease}.tsb-bf-form .pf-submit:after{content:"\2192";font-size:16px;transition:transform .18s ease}.tsb-bf-form .pf-submit:hover:not(:disabled){background-color:var(--bf-accent-hot)}.tsb-bf-form .pf-submit:hover:not(:disabled):after{transform:translate(4px)}.tsb-bf-form .pf-submit:focus-visible{outline:2px solid var(--bf-fg);outline-offset:2px}.tsb-bf-form .pf-submit:disabled{background-color:#3a3a41;color:#8a8a92;cursor:not-allowed}.tsb-bf-form .pf-error{grid-column:1 / -1;margin:0;font-size:13px;color:var(--bf-danger)}.tsb-bf-fallback{margin:12px 0 0;padding:16px 18px;border:1px solid var(--bf-line-strong);border-radius:var(--bf-radius-sm);background:var(--bf-field-bg);font-size:14px;color:var(--bf-fg-2)}.tsb-bf-fallback a{color:var(--bf-accent)}.tsb-bf:not(.tsb-bf--error) .tsb-bf-fallback{display:none}@media(max-width:1100px){.tsb-bf-form .pf-form{grid-template-columns:repeat(2,minmax(0,1fr))}.tsb-bf-form .pf-submit{grid-column:1 / -1}}@media(max-width:640px){.tsb-bf{padding:14px 14px 18px}.tsb-bf-inner{padding:20px 18px 22px;border-radius:14px;gap:14px}.tsb-bf-form .pf-form{grid-template-columns:1fr;gap:10px}.tsb-bf-form .pf-label{position:absolute;top:9px;left:17px;z-index:1;margin:0;font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--bf-field-fg-muted);pointer-events:none}.tsb-bf-form .pf-select{height:58px;padding:20px 40px 0 16px}.tsb-bf-form .pf-submit{justify-self:stretch;width:100%;height:52px;margin-top:4px}}@media(prefers-reduced-motion:reduce){.tsb-bf-form .pf-submit,.tsb-bf-form .pf-submit:after,.tsb-bf-form .pf-select{transition:none}}@media(min-width:1100px){.tsb-bf--overlap-on{margin-bottom:-290px;z-index:5}.tsb-bf-overlapped [class*=ai-hero-banner__wrapper]{height:580px}.tsb-bf-overlapped [class*=ai-hero-banner__content]{justify-content:flex-end;padding-bottom:52px}.tsb-bf--overlap-on .tsb-bf-inner{box-shadow:0 18px 50px #00000073}}.tsb-bf--lg .tsb-bf-inner{padding:40px 40px 44px;gap:24px}.tsb-bf--lg .tsb-bf-title{font-size:clamp(28px,3vw,42px)!important}.tsb-bf--lg .tsb-bf-eyebrow{font-size:12px}.tsb-bf--lg .tsb-bf-form .pf-form{gap:16px}.tsb-bf--lg .tsb-bf-form .pf-label{font-size:13px}.tsb-bf--lg .tsb-bf-form .pf-select{height:56px;font-size:15px}.tsb-bf--lg .tsb-bf-form .pf-submit{height:56px;font-size:14px}@media(max-width:640px){.tsb-bf--lg .tsb-bf-inner{padding:24px 18px 26px}.tsb-bf--lg .tsb-bf-form .pf-select{height:60px}}.tsb-bf-choice{display:none;margin:10px 0 0;padding:0;font-size:13px;font-weight:600;letter-spacing:.02em;text-align:center;color:var(--bf-accent)}.tsb-bf-more{display:none;width:100%;align-items:center;justify-content:center;gap:10px;margin:18px 0 0;padding:14px 20px;border:2px solid var(--bf-line-strong);border-radius:var(--bf-radius);background:none;color:var(--bf-fg-2);font-family:var(--bf-font);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color .18s ease,border-color .18s ease}.tsb-bf-more:hover{color:var(--bf-fg);border-color:var(--bf-fg-3)}.tsb-bf-more:focus-visible{outline:2px solid var(--bf-accent);outline-offset:2px}.tsb-bf--mopen .tsb-bf-more .tsb-bf-chevron{transform:rotate(180deg)}@media(max-width:640px){.tsb-bf--mteaser .tsb-bf-more{display:flex}.tsb-bf--mteaser .tsb-bf-sub{display:none}.tsb-bf--mteaser:not(.tsb-bf--mopen) .tsb-bf-form .pf-field:nth-of-type(n+2),.tsb-bf--mteaser:not(.tsb-bf--mopen) .tsb-bf-form .pf-submit{display:none}.tsb-bf--mteaser.tsb-bf--mready:not(.tsb-bf--mopen) .tsb-bf-form .pf-submit{display:inline-flex;margin-top:4px}.tsb-bf--mteaser.tsb-bf--mready:not(.tsb-bf--mopen) .tsb-bf-choice{display:block}.tsb-bf--mteaser:not(.tsb-bf--mopen) .tsb-bf-form .pf-field:nth-of-type(1):after{display:none}.tsb-bf--mteaser:not(.tsb-bf--mopen) .tsb-bf-inner{padding-bottom:26px}}.tsb-bf--strip{margin:0 0 24px}.tsb-bf-toggle{display:block;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;position:relative;z-index:1;transition:background-color .18s ease}.tsb-bf-toggle:hover{background-color:#ffffff0a}.tsb-bf-toggle:focus-visible{outline:2px solid var(--bf-accent);outline-offset:-2px}.tsb-bf-toggle-inner{display:flex;align-items:center;gap:20px;min-height:72px;padding:0 32px}.tsb-bf-toggle .tsb-bf-eyebrow{margin:0;flex:0 0 auto}.tsb-bf-strip-title{flex:1 1 auto;min-width:0;font-family:var(--bf-font-heading);font-weight:700;font-size:clamp(16px,1.4vw,20px);line-height:1.2;color:var(--bf-fg)}.tsb-bf-strip-title em{font-style:normal;color:var(--bf-accent)}.tsb-bf-toggle-cta{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bf-fg-2);transition:color .18s ease}.tsb-bf-toggle:hover .tsb-bf-toggle-cta{color:var(--bf-fg)}.tsb-bf-chevron{flex:0 0 auto;transition:transform .3s ease}.tsb-bf--open .tsb-bf-chevron{transform:rotate(180deg)}.tsb-bf-panel{position:relative;z-index:1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.tsb-bf--open .tsb-bf-panel{grid-template-rows:1fr}.tsb-bf-panel-inner{overflow:hidden;min-height:0;visibility:hidden;transition:visibility 0s linear .35s}.tsb-bf--open .tsb-bf-panel-inner{visibility:visible;transition-delay:0s}.tsb-bf-panel-grid{grid-template-columns:1fr;gap:18px;padding:4px 32px 32px}.tsb-bf-strip-sub{max-width:none;font-size:13px;color:var(--bf-fg-2)}@media(max-width:760px){.tsb-bf-toggle-inner{flex-wrap:wrap;gap:4px 14px;padding:16px 20px;min-height:0}.tsb-bf-toggle .tsb-bf-eyebrow{flex:1 0 100%}.tsb-bf-strip-title{flex:1 1 auto}.tsb-bf-toggle-cta{font-size:0;gap:0}.tsb-bf-chevron{width:14px;height:10px}.tsb-bf-panel-grid{padding:0 20px 24px}}@media(prefers-reduced-motion:reduce){.tsb-bf-panel,.tsb-bf-chevron,.tsb-bf-toggle,.tsb-bf-toggle-cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/tsb-bikefinder.css.map */