html body.pro-garage .search-modal.ruby-header-search{--pro-surface: #202426;--pro-surface-raised: #fff;--pro-ink: #f2f3f1;--color-background: 255, 255, 255;--color-foreground: 23, 28, 29;height:auto;min-height:0;bottom:auto;background:#202426;color:#f2f3f1;border-bottom:3px solid var(--ruby-clay, #944522);box-shadow:0 12px 32px #0000003d}html body.pro-garage .ruby-header-search .search-modal__content{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:16px;align-items:center;height:auto;max-width:960px;margin:0 auto;padding:24px 32px;top:auto;bottom:auto}html body.pro-garage .ruby-header-search .ruby-header-search__title{grid-column:1;margin:0;color:#f2f3f1;font-family:var(--font-heading-family),sans-serif;font-size:28px;font-weight:600;line-height:1.15;letter-spacing:-.015em}html body.pro-garage .ruby-header-search .search-modal__content>:is(predictive-search,search-form){grid-column:1 / -1;grid-row:2;max-width:none;min-width:0}html body.pro-garage .ruby-header-search .search-modal__form{max-width:none}html body.pro-garage .ruby-header-search .field{background:#fff;border-radius:6px}html body.pro-garage .ruby-header-search .field:before,html body.pro-garage .ruby-header-search .field:after{box-shadow:none}html body.pro-garage .search-modal.ruby-header-search input.search__input.field__input{min-height:56px;padding:14px 108px 14px 16px;margin:0;border:1px solid #c4cac8;border-radius:6px;background:#fff;color:#171c1d;caret-color:#171c1d;-webkit-text-fill-color:#171c1d;font-family:var(--font-body-family),sans-serif;font-size:16px;line-height:1.5;box-shadow:none}html body.pro-garage .ruby-header-search .search__input::placeholder{color:#525b5d;opacity:1}html body.pro-garage .ruby-header-search .field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html body.pro-garage .ruby-header-search .field__button{width:44px;height:44px;top:6px}html body.pro-garage .ruby-header-search .search__button{right:6px;border-radius:4px;background:var(--ruby-clay, #944522);color:#fff}html body.pro-garage .ruby-header-search .reset__button{right:54px;color:#171c1d}html body.pro-garage .ruby-header-search .search-modal__close-button{position:static;grid-column:2;grid-row:1;width:44px;height:44px;min-width:44px;margin:0;padding:10px;border:1px solid #7f898a;border-radius:6px;background:#303739;color:#fff}html body.pro-garage .ruby-header-search .search-modal__close-button:hover{background:#424c4e}html body.pro-garage .ruby-header-search :is(input,button,a):focus-visible{outline:3px solid #c4a46b;outline-offset:3px}html body.pro-garage .ruby-header-search .predictive-search{position:relative;top:auto;left:auto;right:auto;width:100%;margin-top:12px;border:1px solid #c4cac8;border-radius:6px;background:#fff;color:#171c1d;max-height:min(48rem,calc(100dvh - 210px))!important;overflow-y:auto;overscroll-behavior:contain}html body.pro-garage .ruby-header-search .predictive-search :is(.predictive-search__item,.predictive-search__item-heading,.price,.price-item){color:#171c1d}html body.pro-garage .ruby-header-search .predictive-search :is(.predictive-search__heading,.predictive-search__item-vendor){color:#525b5d}html body.pro-garage .ruby-header-search .predictive-search__item{min-height:44px;font-family:var(--font-body-family),sans-serif}html body.pro-garage .ruby-header-search .predictive-search .predictive-search__item-heading.h5{font-family:var(--font-body-family),sans-serif;font-weight:600;text-transform:none;letter-spacing:0;font-size:16px;line-height:1.4}html body.pro-garage .ruby-header-search :is(.predictive-search__item:hover,.predictive-search__list-item[aria-selected=true]>.predictive-search__item,button.predictive-search__item[aria-selected=true]){background:#eee6df;color:#171c1d;box-shadow:inset 3px 0 var(--ruby-clay, #944522)}html body.pro-garage .ruby-header-search .modal-overlay:after{background:#0000008c}@media(max-width:749px){html body.pro-garage .ruby-header-search .search-modal__content{padding:16px;gap:12px}html body.pro-garage .ruby-header-search .ruby-header-search__title{font-size:24px}html body.pro-garage .ruby-header-search .predictive-search{max-height:calc(100dvh - 190px)!important}}html body.pro-garage .search-modal.ruby-header-search input.search__input.field__input:is(:autofill,:-webkit-autofill){color:#171c1d;caret-color:#171c1d;-webkit-text-fill-color:#171c1d;box-shadow:inset 0 0 0 1000px #fff}
/*# sourceMappingURL=/cdn/shop/t/51/assets/ruby-header-search.css.map */