.hs-bf{position:relative;margin:0 0 48px;background:var(--hs-surface);border-top:2px solid var(--hs-accent);border-bottom:1px solid var(--hs-line);overflow:hidden}.hs-bf:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.022) 0 2px,transparent 2px 9px);pointer-events:none}.hs-bf:after{content:"";position:absolute;top:-60%;left:-8%;width:42%;height:220%;background:radial-gradient(ellipse at center,rgba(225,6,0,.15),transparent 70%);pointer-events:none}.hs-bf-inner{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:36px 32px 40px;display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:40px;align-items:start}.hs-bf-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-family:var(--hs-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--hs-fg-3)}.hs-bf-dot{width:6px;height:6px;border-radius:50%;background:var(--hs-accent);box-shadow:0 0 10px var(--hs-accent);animation:hs-bf-pulse 2.4s ease-in-out infinite}.hs-bf-title{margin:0 0 12px;font-family:var(--hs-display);font-weight:700;font-size:clamp(28px,3.2vw,44px);line-height:.95;letter-spacing:-.01em;text-transform:uppercase;color:var(--hs-fg)}.hs-bf-title em{font-style:italic;color:var(--hs-accent)}.hs-bf-sub{margin:0;max-width:34ch;font-size:14px;line-height:1.5;color:var(--hs-fg-2)}.hs-bf-form .pf-form,.hs-bf-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hs-bf-form .pf-field{position:relative;min-width:0;padding-top:26px}.hs-bf-form .pf-field:before{position:absolute;top:0;left:0;font-family:var(--hs-mono);font-size:10px;letter-spacing:.12em;color:var(--hs-fg-3);transition:color .2s ease}.hs-bf-form .pf-field:nth-of-type(1):before{content:"01"}.hs-bf-form .pf-field:nth-of-type(2):before{content:"02"}.hs-bf-form .pf-field:nth-of-type(3):before{content:"03"}.hs-bf-form .pf-field:nth-of-type(4):before{content:"04"}.hs-bf-form .pf-field:after{content:"";position:absolute;top:6px;left:26px;right:0;height:2px;background:var(--hs-line);transition:background-color .25s ease}.hs-bf-form .pf-field:has(select:not(:disabled)):before{color:var(--hs-fg)}.hs-bf-form .pf-field:has(select:not(:disabled)):after{background:var(--hs-accent)}.hs-bf-form .pf-label{display:block;margin:0 0 6px;font-family:var(--hs-body);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--hs-fg-2)}.hs-bf-form .pf-select{-webkit-appearance:none;appearance:none;width:100%;height:48px;padding:0 38px 0 14px;border:1px solid var(--hs-line-strong);border-radius:var(--hs-r-sm);background-color:var(--hs-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='%238a8379' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;color:var(--hs-fg);font-family:var(--hs-body);font-size:14px;line-height:1.2;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.hs-bf-form .pf-select option{background:#191412;color:#f7f4ef}.hs-bf-form .pf-select:hover:not(:disabled){border-color:var(--hs-fg-3)}.hs-bf-form .pf-select:focus-visible{outline:none;border-color:var(--hs-accent);box-shadow:0 0 0 3px #e1060040}.hs-bf-form .pf-select:disabled{opacity:.42;background-color:var(--hs-bg-2);cursor:not-allowed}.hs-bf-form .pf-field:has(select:not(:disabled)):not(:has(~.pf-field select:not(:disabled))) .pf-select{animation:hs-bf-nudge 2.6s ease-in-out infinite}.hs-bf-form .pf-submit{grid-column:1 / -1;justify-self:end;width:auto;min-width:280px;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 36px;border:0;border-radius:var(--hs-r-sm);background:var(--hs-accent);color:#fff;font-family:var(--hs-display);font-size:17px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease}.hs-bf-form .pf-submit:after{content:"\2192";font-family:var(--hs-body);transition:transform .18s ease}.hs-bf-form .pf-submit:hover:not(:disabled){background:var(--hs-accent-hot)}.hs-bf-form .pf-submit:hover:not(:disabled):after{transform:translate(4px)}.hs-bf-form .pf-submit:focus-visible{outline:2px solid var(--hs-fg);outline-offset:2px}.hs-bf-form .pf-submit:disabled{background:var(--hs-line-strong);color:var(--hs-fg-3);cursor:not-allowed}.hs-bf-form .pf-error{grid-column:1 / -1;margin:0;font-size:13px;color:var(--hs-danger)}.hs-bf-skeleton>span{display:block;height:74px;border-radius:var(--hs-r-sm);background:linear-gradient(90deg,var(--hs-bg) 0%,var(--hs-surface-2) 50%,var(--hs-bg) 100%);background-size:200% 100%;animation:hs-bf-shimmer 1.4s linear infinite}.hs-bf-skeleton>span:last-child{grid-column:1 / -1;height:52px}.hs-bf--ready .hs-bf-skeleton{display:none}.hs-bf-fallback{margin:0;padding:16px 18px;border:1px solid var(--hs-line-strong);border-radius:var(--hs-r-sm);background:var(--hs-bg);font-size:14px;color:var(--hs-fg-2)}.hs-bf-fallback a{color:var(--hs-accent)}.hs-bf:not(.hs-bf--error) .hs-bf-fallback{display:none}.hs-bf--error .hs-bf-skeleton{display:none}@media(max-width:1100px){.hs-bf-inner{grid-template-columns:1fr;gap:28px}.hs-bf-form .pf-form,.hs-bf-skeleton{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hs-bf-inner{padding:28px 20px 32px}.hs-bf-form .pf-form,.hs-bf-skeleton{grid-template-columns:1fr;gap:18px}.hs-bf-form .pf-submit{justify-self:stretch;width:100%;min-width:0}.hs-bf-form .pf-field{padding-top:0;padding-left:32px}.hs-bf-form .pf-field:before{top:2px;left:0}.hs-bf-form .pf-field:after{top:20px;right:auto;bottom:-18px;left:8px;width:2px;height:auto}.hs-bf-form .pf-field:last-of-type:after{display:none}.hs-bf-skeleton>span{height:74px}}@keyframes hs-bf-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes hs-bf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes hs-bf-nudge{0%,to{box-shadow:0 0 #e1060000}50%{box-shadow:0 0 0 3px #e106002e}}@media(prefers-reduced-motion:reduce){.hs-bf-dot,.hs-bf-skeleton>span,.hs-bf-form .pf-field .pf-select{animation:none}.hs-bf-form .pf-submit,.hs-bf-form .pf-submit:after,.hs-bf-form .pf-select{transition:none}}.hs-bf--strip{margin:0}.hs-bf-toggle{display:block;width:100%;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}.hs-bf-toggle:hover{background-color:#ffffff08}.hs-bf-toggle:focus-visible{outline:2px solid var(--hs-accent);outline-offset:-2px}.hs-bf-toggle-inner{display:flex;align-items:center;gap:20px;min-height:72px;padding:0 32px}.hs-bf-toggle .hs-bf-eyebrow{margin:0;flex:0 0 auto}.hs-bf-strip-title{flex:1 1 auto;min-width:0;font-family:var(--hs-display);font-weight:700;font-size:clamp(17px,1.5vw,22px);line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:var(--hs-fg)}.hs-bf-strip-title em{font-style:italic;color:var(--hs-accent)}.hs-bf-toggle-cta{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;font-family:var(--hs-body);font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--hs-fg-2);transition:color .18s ease}.hs-bf-toggle:hover .hs-bf-toggle-cta{color:var(--hs-fg)}.hs-bf-chevron{transition:transform .3s ease}.hs-bf--open .hs-bf-chevron{transform:rotate(180deg)}.hs-bf-panel{position:relative;z-index:1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.hs-bf--open .hs-bf-panel{grid-template-rows:1fr}.hs-bf-panel-inner{overflow:hidden;min-height:0;visibility:hidden;transition:visibility 0s linear .35s}.hs-bf--open .hs-bf-panel-inner{visibility:visible;transition-delay:0s}.hs-bf-panel-grid{grid-template-columns:1fr;gap:18px;padding:4px 32px 32px}.hs-bf-strip-sub{max-width:none;font-size:13px;color:var(--hs-fg-2)}@media(max-width:760px){.hs-bf-toggle-inner{flex-wrap:wrap;gap:4px 14px;padding:16px 20px;min-height:0}.hs-bf-toggle .hs-bf-eyebrow{flex:1 0 100%}.hs-bf-strip-title{flex:1 1 auto}.hs-bf-toggle-cta{font-size:0;gap:0}.hs-bf-chevron{width:14px;height:10px}.hs-bf-panel-grid{padding:0 20px 24px}}@media(prefers-reduced-motion:reduce){.hs-bf-panel,.hs-bf-chevron,.hs-bf-toggle,.hs-bf-toggle-cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/highsider-bikefinder.css.map */