.search-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;height:100vh;min-height:100vh;color:var(--search-drawer-text);background:transparent;border:0;opacity:1;pointer-events:none;visibility:hidden}details[open]>.search-drawer{animation:none;pointer-events:auto;visibility:visible}.search-drawer .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:block;background:var(--search-drawer-overlay);opacity:0;transition:opacity var(--search-drawer-speed) ease}.search-drawer .modal-overlay:after{display:none}details[open]>.search-drawer .modal-overlay{opacity:var(--search-drawer-overlay-opacity)}.search-drawer__panel{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:min(var(--search-drawer-width),calc(100vw - 2rem));max-width:100%;height:100%;padding:2.4rem;overflow-y:auto;color:var(--search-drawer-text);background:var(--search-drawer-bg);border-right:.1rem solid var(--search-drawer-border);border-radius:0 var(--search-drawer-radius) var(--search-drawer-radius) 0;box-shadow:2rem 0 6rem #0000003d;line-height:1.45;transform:translate(-105%);transition:transform var(--search-drawer-speed) ease}details[open]>.search-drawer .search-drawer__panel{transform:translate(0)}.search-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.search-drawer__eyebrow{margin:0 0 .8rem;color:var(--search-drawer-accent);font-size:1.15rem;font-weight:850;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.search-drawer__title{margin:0;color:var(--search-drawer-text);font-size:clamp(3rem,4vw,4.8rem);font-weight:950;letter-spacing:0;line-height:.95}.search-drawer__text{max-width:40rem;margin:1rem 0 0;color:var(--search-drawer-muted);font-size:1.45rem}.search-drawer__close{position:static;display:inline-flex;flex:0 0 4.4rem;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0;color:var(--search-drawer-text);background:#0000000a;border:.1rem solid var(--search-drawer-border);border-radius:50%}.search-drawer__close:hover{color:var(--search-drawer-accent);background:#00000012}.search-drawer .search-modal__form{width:100%;max-width:none}.search-drawer .field{border-radius:999rem}.search-drawer__field .field__input{min-height:5.6rem;color:var(--search-drawer-text);background:#00000009;border:.1rem solid var(--search-drawer-border);border-radius:999rem;box-shadow:none}.search-drawer__field .field__label{color:var(--search-drawer-muted)}.search-drawer__field .field__button{color:var(--search-drawer-text)}.search-drawer__quick-links,.search-drawer__recent-list{display:flex;flex-wrap:wrap;gap:.8rem}.search-drawer__quick-links{margin-top:1.4rem}.search-drawer__quick-link,.search-drawer__recent-button{display:inline-flex;align-items:center;min-height:3.6rem;padding:0 1.3rem;color:var(--search-drawer-text);background:transparent;border:.1rem solid var(--search-drawer-border);border-radius:999rem;font:inherit;font-size:1.3rem;font-weight:750;text-decoration:none;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .2s ease}.search-drawer__quick-link:hover,.search-drawer__recent-button:hover{color:#fff;background:var(--search-drawer-accent);border-color:var(--search-drawer-accent);transform:translateY(-.15rem)}.search-drawer__recent{margin-top:2rem}.search-drawer__section-title,.search-drawer .predictive-search__heading{margin:0 0 1rem;padding:0;color:var(--search-drawer-muted);border:0;font-size:1.15rem;font-weight:850;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.search-drawer .predictive-search{position:static;display:none;width:100%;max-height:none;margin-top:2.2rem;overflow:visible;color:var(--search-drawer-text);background:transparent;border:0;border-radius:0;box-shadow:none}.search-drawer predictive-search[open] .predictive-search,.search-drawer predictive-search[loading] .predictive-search{display:block}.search-drawer .predictive-search__results-groups-wrapper{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1.6rem;padding:0;border:0}.search-drawer .predictive-search__result-group{gap:1.6rem}.search-drawer .predictive-search__results-list{display:grid;gap:.7rem}.search-drawer .predictive-search__item{align-items:center;gap:1.2rem;min-height:4.8rem;padding:1rem;color:var(--search-drawer-text);background:#00000006;border:.1rem solid transparent;border-radius:1.4rem;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.search-drawer .predictive-search__list-item[aria-selected=true]>*,.search-drawer .predictive-search__list-item:hover>*,.search-drawer .predictive-search__item[aria-selected=true],.search-drawer .predictive-search__item:hover{color:var(--search-drawer-text);background:#0000000e;border-color:var(--search-drawer-border);transform:translate(.25rem)}.search-drawer .predictive-search__list-item[aria-selected=true] .predictive-search__item-heading,.search-drawer .predictive-search__list-item:hover .predictive-search__item-heading{text-decoration:none}.search-drawer .predictive-search__item--link-with-thumbnail{grid-template-columns:6.4rem 1fr;grid-column-gap:1.3rem}.search-drawer .predictive-search__image{width:6.4rem;height:6.4rem;object-fit:cover;background:#0000000a;border-radius:1.2rem}.search-drawer .predictive-search__item-heading{color:var(--search-drawer-text);font-size:1.45rem;font-weight:800;line-height:1.25}.search-drawer .predictive-search__item-query-result mark{color:var(--search-drawer-accent)}.search-drawer .predictive-search__item-vendor,.search-drawer .predictive-search .price,.search-drawer .predictive-search__item .price{color:var(--search-drawer-muted)}.search-drawer .predictive-search__item--term{justify-content:space-between;margin-top:1.4rem;color:#fff;background:var(--search-drawer-accent);border-color:var(--search-drawer-accent);border-radius:999rem;font-weight:850}.search-drawer .predictive-search__item--term .icon-arrow{color:currentColor}@media screen and (max-width:749px){.search-drawer__panel{width:100vw;padding:1.8rem;border-radius:0}.search-drawer__header{margin-bottom:2rem}.search-drawer__title{font-size:3.4rem}.search-drawer .predictive-search__results-groups-wrapper{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.search-drawer,.search-drawer *,.search-drawer *:before,.search-drawer *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/premium-search-drawer.css.map */