details-modal.header__search{--search-row-height: 11.2rem;--search-gutter: 1.5rem}@media screen and (min-width:750px){details-modal.header__search{--search-row-height: 12rem;--search-gutter: 3.2rem}}@media screen and (min-width:990px){details-modal.header__search{--search-gutter: var(--site-content-inset, 3.2rem)}}details-modal.header__search .search-modal{top:100%;bottom:auto;left:0;right:0;height:auto;min-height:0;display:block;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.08)}details-modal.header__search details[open]>.search-modal{animation:searchPanelIn .18s ease}@keyframes searchPanelIn{0%{opacity:0;transform:translateY(-.6rem)}to{opacity:1;transform:translateY(0)}}details-modal.header__search .search-modal__content{position:static;display:flex;align-items:flex-end;gap:.8rem;box-sizing:border-box;height:var(--search-row-height);max-width:var(--page-width);margin:0 auto;padding:1.6rem var(--search-gutter) 2rem}details-modal.header__search .search-modal__form{max-width:none;flex:1 1 auto;min-width:0}details-modal.header__search predictive-search,details-modal.header__search .search{position:static}details-modal.header__search .search-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--search-row-height);z-index:4;background-color:rgb(var(--color-background));pointer-events:none}details-modal.header__search .field{position:relative;z-index:5;flex-wrap:wrap;background-color:rgb(var(--color-background))}details-modal.header__search .field:before,details-modal.header__search .field:after{display:none}details-modal.header__search .field__label,details-modal.header__search .field__input:focus~.field__label,details-modal.header__search .field__input:not(:placeholder-shown)~.field__label{position:static;order:-1;flex-basis:100%;margin:0 0 .6rem;font-size:1.1rem;font-weight:600;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}details-modal.header__search .search__input.field__input,details-modal.header__search .search__input.field__input:focus,details-modal.header__search .search__input.field__input:not(:placeholder-shown){height:4.8rem;margin:0;padding:0 4.4rem 0 3.6rem;font-size:1.8rem;letter-spacing:.02em;background-color:transparent;border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.25);border-radius:0;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}@media screen and (min-width:990px){details-modal.header__search .search__input.field__input,details-modal.header__search .search__input.field__input:focus,details-modal.header__search .search__input.field__input:not(:placeholder-shown){font-size:2.2rem}}details-modal.header__search .search__input.field__input::placeholder{opacity:1;color:rgba(var(--color-foreground),.45)}details-modal.header__search .search__input.field__input:focus{border-bottom-color:rgb(var(--back-door-blue));box-shadow:0 .1rem rgb(var(--back-door-blue));outline:0}details-modal.header__search .field__button{top:auto;bottom:.2rem;width:4.4rem;height:4.4rem;background-color:transparent;box-shadow:none}details-modal.header__search .search__button{left:-1rem;right:auto}details-modal.header__search .reset__button{right:-1rem}details-modal.header__search .reset__button:after{display:none}details-modal.header__search .field__button>.svg-wrapper{width:2rem;height:2rem}details-modal.header__search .search-modal__close-button{position:relative;right:auto;z-index:5;flex:0 0 auto;margin:0 -1rem .2rem 0}details-modal.header__search details[open]>summary .header__icon-close{display:none}details-modal.header__search details[open]>summary .svg-wrapper:not(.header__icon-close){display:inline-flex}details-modal.header__search .predictive-search--header{position:absolute;top:0;left:0;right:0;width:auto;z-index:3;box-sizing:border-box;padding-top:var(--search-row-height);border:0;border-radius:0;box-shadow:none;background-color:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-foreground),.08)}details-modal.header__search #predictive-search-results{max-width:var(--page-width);margin:0 auto;padding:.8rem var(--search-gutter) 2.4rem;box-sizing:border-box}details-modal.header__search .predictive-search__results-groups-wrapper{gap:2.4rem;padding-bottom:1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}details-modal.header__search .predictive-search__result-group{gap:2.4rem}@media screen and (min-width:750px){details-modal.header__search .predictive-search__results-groups-wrapper{column-gap:4.8rem}details-modal.header__search .predictive-search__result-group:first-child{flex:0 0 24rem}details-modal.header__search .predictive-search__results-groups-wrapper--no-products .predictive-search__result-group:first-child,details-modal.header__search .predictive-search__result-group:only-child{flex:1 1 auto}}@media screen and (max-width:749px){details-modal.header__search .predictive-search__result-group:first-child .predictive-search__item{min-height:4.4rem;padding-top:.6rem;padding-bottom:.6rem}}@media screen and (min-width:990px){details-modal.header__search #predictive-search-results-products-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3.2rem}}details-modal.header__search .predictive-search__heading{margin:0;padding:0 0 .8rem;border:0;font-size:1.1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}details-modal.header__search .predictive-search__list-item{border-top:.1rem solid rgba(var(--color-foreground),.06)}details-modal.header__search .predictive-search__item{padding:1rem 0;min-height:4.4rem;align-items:center}details-modal.header__search .predictive-search__item-heading{font-size:1.5rem;line-height:1.35}details-modal.header__search .predictive-search__item--link-with-thumbnail{grid-template-columns:6.4rem minmax(0,1fr);grid-column-gap:1.6rem}details-modal.header__search .predictive-search__image{width:6.4rem;height:6.4rem;object-fit:contain;background-color:rgba(var(--color-foreground),.03)}details-modal.header__search .predictive-search__item-vendor{font-size:1.1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}details-modal.header__search .predictive-search__item-vendor+.predictive-search__item-heading{margin-top:.2rem}details-modal.header__search .predictive-search__item .price{margin-top:.4rem;font-size:1.4rem;color:rgb(var(--color-foreground))}details-modal.header__search .predictive-search__list-item[aria-selected=true]>*,details-modal.header__search .predictive-search__list-item:hover>*,details-modal.header__search .predictive-search__item:hover{background-color:transparent}details-modal.header__search .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading{color:rgb(var(--back-door-blue))}details-modal.header__search .predictive-search__search-for-button{display:block}details-modal.header__search .predictive-search__item--term{justify-content:flex-start;gap:1rem;width:auto;min-height:4.4rem;padding:1.4rem 0 0;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;word-break:normal;overflow-wrap:anywhere;color:rgb(var(--back-door-blue));background-color:transparent}details-modal.header__search .predictive-search__item--term:hover,details-modal.header__search .predictive-search__item--term[aria-selected=true]{background-color:transparent;color:rgb(var(--back-door-blue));text-decoration:underline;text-underline-offset:.3rem}details-modal.header__search .predictive-search__item--term .icon-arrow{width:1.4rem;height:1.4rem;margin-left:0;color:currentColor}@media(prefers-reduced-motion:reduce){details-modal.header__search details[open]>.search-modal{animation:none}details-modal.header__search .search__input.field__input{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-search-panel.css.map */