.search-drawer .backdrop{position:fixed;top:0;right:0;width:100vw;height:100dvh;background-color:#f4e8e51a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.search-drawer .backdrop.active{pointer-events:auto;visibility:visible;opacity:1}.search-drawer{position:fixed;top:0;right:calc(-100vw - var(--page-padding-desktop));width:calc(100vw - var(--page-padding-desktop));background-color:var(--light4);z-index:10;transition:right .3s ease;display:grid;grid-template-rows:min-content 1fr min-content;max-width:400px;height:100dvh}.search-drawer.empty{grid-template-rows:min-content min-content 1fr}.search-drawer.open{right:0;box-shadow:0 0 20px #0000001a,0 4px 4px #00000040}.search-drawer .search-drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--grey3)}.search-drawer .search-drawer-header.scrolled{box-shadow:0 5px 15px #0000000d}.search-drawer .search-drawer-header .subheading{padding-left:var(--page-padding-mobile)}.search-drawer .search-form{margin-top:1rem;margin-bottom:2rem}.search-drawer .suggestions{display:flex;flex-direction:column;gap:0;height:100%}.search-drawer .suggestions .cross-sell{margin-top:auto}.search-drawer .suggestions .subheading,.search-drawer .suggestions .search-suggestions{padding-left:var(--page-padding-mobile)}.search-drawer .suggestions .title{padding-bottom:1rem}.search-drawer .search-suggestions{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.search-drawer .search-term{cursor:pointer;padding:.5rem 0}.search-drawer .search-drawer-header .title,.search-drawer .icon-close{padding:var(--page-padding-mobile)}.search-drawer .results-for{padding-bottom:2rem;display:flex;flex-direction:row;gap:.5rem}.search-drawer .search-results{padding:0 var(--page-padding-mobile);overflow:auto}.search-drawer:not(.empty) .search-results{height:100%;height:-webkit-fill-available}.search-drawer .results-inner{overflow:hidden}.search-drawer .search-results .subheading{padding-bottom:12px;border-bottom:1px solid var(--grey2)}.search-drawer .search-results .results-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;margin-top:12px}.search-drawer .result-item{display:flex;flex-direction:row;gap:1rem}.search-drawer .result-item.page{display:block}.search-drawer .result-item .image-container{width:75px;aspect-ratio:1/1.25}.search-drawer .result-item img{width:100%;height:100%;object-fit:cover}.search-drawer .result-item .result-info{display:flex;flex-direction:column;justify-content:center;gap:.25rem;font-size:14px}.search-drawer .result-item .main-title{font-size:16px;letter-spacing:.15em;text-transform:uppercase}.search-drawer .result-item .subtitle{font-size:14px}.search-drawer .result-item .published-date{margin-top:4px}.search-drawer .result-item .price-container{display:flex;flex-direction:row;gap:.5rem}.search-drawer .result-item .price,.search-drawer .result-item .compare-at-price{font-size:14px}.search-drawer .compare-at-price{text-decoration:line-through}.search-drawer .search-drawer-footer{padding:var(--page-padding-mobile)}.search-drawer .search-drawer-footer.shadow{box-shadow:0 -5px 15px #0000000d}.search-drawer .cross-sell{padding:20px 0;width:calc(100vw - var(--page-padding-desktop));max-width:400px}.search-drawer .cross-sell .items{display:flex;overflow-x:auto;gap:4px;padding:0 var(--page-padding-mobile)}.search-drawer.empty .cross-sell{background:var(--light4);padding-bottom:0}.search-drawer .cross-sell .title{display:flex;justify-content:space-between;padding-bottom:1.25rem}.search-drawer .cross-sell .title .subheading{font-family:var(--font-header);text-transform:capitalize;font-size:20px;font-weight:400;line-height:1.2;letter-spacing:.05em}.search-drawer .cross-sell .product-grid-item .subheading{padding-left:0}.search-drawer .cross-sell .arrows{display:none;gap:16px;padding-right:var(--page-padding-mobile)}.search-drawer .cross-sell .items .product-grid-item{padding-bottom:16px;width:171px}.search-drawer .product-grid-item a.image-container{height:unset;display:block}@media screen and (min-width: 1000px){.search-drawer .cross-sell .arrows{display:flex}.search-drawer .cross-sell .arrows span{cursor:pointer;transition:opacity .1s ease-in-out}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/search-drawer.css.map */