.motorcycle-finder-wrapper{position:relative}.motorcycle-finder-wrapper-fullwidth{width:100%}.motorcycle-filter{display:block;width:100%}.motorcycle-filter-form-wrap{max-width:120rem;margin:0 auto}.motorcycle-filter-form{width:100%}.motorcycle-filter-row{display:grid;grid-template-columns:1fr;gap:2rem;align-items:end}@media (min-width: 768px){.motorcycle-filter-row{grid-template-columns:repeat(3,1fr) auto;gap:1.5rem}}@media (min-width: 990px){.motorcycle-filter-row{gap:2rem}}.motorcycle-filter-row .form-group{display:flex;flex-direction:column;gap:.8rem;position:relative;transition:opacity .3s ease}.motorcycle-filter-row .form-group.disabled{opacity:.5;pointer-events:none}.motorcycle-filter-row .form-group label{font-size:1.4rem;font-weight:600;color:rgba(var(--color-foreground));margin-bottom:0}.motorcycle-filter-select{width:100%;padding:1.4rem 4rem 1.4rem 1.6rem;font-size:1.6rem;line-height:1.6;color:#fff;background-color:rgb(var(--color-button));background-image:linear-gradient(45deg,transparent 50%,#ffffff 50%),linear-gradient(135deg,#ffffff 50%,transparent 50%);background-position:calc(100% - 20px) center,calc(100% - 12px) center;background-size:8px 8px,8px 8px;background-repeat:no-repeat;border:var(--inputs-border-width) solid rgba(var(--color-inputs-border));border-radius:var(--inputs-radius);-webkit-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease;height:auto;min-height:5rem;-webkit-text-fill-color:#ffffff}.motorcycle-filter-select:not(:focus){color:#fff;background-color:rgb(var(--color-button))}.motorcycle-filter-select:hover:not(:disabled){border-color:rgba(var(--color-foreground))}.motorcycle-filter-select:focus{outline:none;border-color:rgba(var(--color-foreground));box-shadow:0 0 0 3px rgba(var(--color-box-shadow))}.motorcycle-filter-select:disabled{opacity:.6;cursor:not-allowed;background-color:rgba(var(--color-inputs-background),.5);color:#ccc;-webkit-text-fill-color:#cccccc}.motorcycle-filter-select option{padding:1.2rem 1rem;background-color:#fff;color:#000;font-size:1.6rem;line-height:1.6}.motorcycle-filter-select option:not(:disabled){background-color:#fff;color:#000}.motorcycle-filter-select option:disabled{background-color:#f5f5f5;color:#999}.motorcycle-filter-select option:checked,.motorcycle-filter-select option:hover{background-color:#f0f0f0;color:#000}.motorcycle-filter-select option.default{background-color:#f5f5f5;color:#666;font-style:italic}.motorcycle-filter-actions{display:flex;flex-direction:column;gap:1rem;align-self:end}@media (min-width: 768px){.motorcycle-filter-actions{flex-direction:row;gap:1rem}}.motorcycle-filter-search,.motorcycle-filter-reset{white-space:nowrap;min-width:120px}@media (min-width: 768px){.motorcycle-filter-search{min-width:140px}.motorcycle-filter-reset{min-width:100px}}.motorcycle-filter-search:disabled,.motorcycle-filter-reset:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.motorcycle-filter-selected-bike{margin-top:2rem;padding:1.5rem 2rem;background-color:rgba(var(--color-success-background));border-left:4px solid rgba(var(--color-success));border-radius:var(--border-radius-base);font-size:1.6rem;font-weight:600;color:rgba(var(--color-foreground));text-align:center}.motorcycle-filter-results{margin-top:3rem}.motorcycle-filter-help-text{margin-top:2rem;text-align:center;font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.motorcycle-filter-help-text p{margin:.5rem 0}.motorcycle-filter.is-loading{position:relative;pointer-events:none}.motorcycle-filter.is-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--color-background),.7);display:flex;align-items:center;justify-content:center;z-index:10}.motorcycle-garage{margin-top:3rem;padding:2rem;background-color:rgba(var(--color-background-complementary));border-radius:var(--border-radius-base)}.motorcycle-garage-title{font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;color:rgba(var(--color-foreground))}.motorcycle-garage-list{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.motorcycle-garage-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 990px){.motorcycle-garage-list{grid-template-columns:repeat(3,1fr)}}.motorcycle-garage-item{padding:1.5rem;background-color:rgba(var(--color-background));border:1px solid rgba(var(--color-border));border-radius:var(--border-radius-base);cursor:pointer;transition:all .2s ease}.motorcycle-garage-item:hover{border-color:rgba(var(--color-foreground));transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--color-box-shadow))}.motorcycle-garage-item-year{font-size:1.4rem;font-weight:600;color:rgba(var(--color-foreground-alt))}.motorcycle-garage-item-make{font-size:1.6rem;font-weight:700;margin-top:.5rem;color:rgba(var(--color-foreground))}.motorcycle-garage-item-model{font-size:1.4rem;margin-top:.3rem;color:rgba(var(--color-foreground),.8)}.motorcycle-garage-empty{text-align:center;padding:3rem;color:rgba(var(--color-foreground),.6);font-size:1.4rem}@media (max-width: 767px){.motorcycle-filter-row{padding:0 1rem}.motorcycle-filter-select{font-size:1.6rem;padding:1.2rem 3.5rem 1.2rem 1.2rem;min-height:4.8rem;line-height:1.6}.motorcycle-filter-actions{padding:0}.motorcycle-filter-search,.motorcycle-filter-reset{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.motorcycle-filter-select option{animation:fadeIn .2s ease}.motorcycle-filter-select:focus-visible{outline:2px solid rgba(var(--color-foreground));outline-offset:2px}.motorcycle-filter-search:focus-visible,.motorcycle-filter-reset:focus-visible{outline:2px solid rgba(var(--color-foreground));outline-offset:2px}@media (prefers-contrast: high){.motorcycle-filter-select{border-width:2px}.motorcycle-filter-selected-bike{border-width:3px}}@media (prefers-reduced-motion: reduce){.motorcycle-filter-row .form-group,.motorcycle-filter-select,.motorcycle-garage-item{transition:none}.motorcycle-filter-select option{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-motorcycle-finder.css.map */