.search-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-foreground),.5);z-index:1000;visibility:hidden;opacity:0;transition:visibility var(--duration-default) ease,opacity var(--duration-default) ease;cursor:pointer}.search-drawer{position:fixed;top:0;right:0;width:460px;max-width:100vw;height:100vh;z-index:1001;background-color:rgb(var(--color-background));overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease;border-left:1px solid var(--color-neutral-30)}.search-drawer__overlay.active{visibility:visible;opacity:1;display:block}.search-drawer__inner{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column}.search-drawer__header{display:flex;justify-content:end;align-items:center;padding:16px 32px 4px}.search-drawer__title{font-size:1.6rem;font-weight:600;margin:0;color:rgb(var(--color-foreground))}.search-drawer__close{display:inline-block;box-shadow:0 0 0 .2rem rgba(var(--color-button),0);color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer;transition:box-shadow var(--duration-short) ease;text-align:right;margin-bottom:12px;padding:0 6px}.search-drawer__close svg{height:8px;width:8px}.search-drawer__content{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:24px 32px}.search-drawer__search-form{width:100%;position:relative;display:flex;flex-direction:column;gap:24px}.search-drawer__form{width:100%;position:relative}.search-drawer__form .field{position:relative;width:100%}.search-drawer__input-container{position:relative;width:100%;background-color:rgb(var(--color-background));border-bottom:1px solid rgb(var(--color-foreground));display:flex;align-items:center}.search-drawer__input{width:100%;padding:8px 35px 8px 0;border:none;background-color:transparent;font-size:13px;line-height:16px;color:var(--color-black);outline:none;letter-spacing:.78px}.search-drawer__input::-moz-placeholder{color:var(--color-black)}.search-drawer__input::placeholder{color:var(--color-black)}@media screen and (max-width: 749px){.search-drawer__input{font-size:16px}.search-drawer__input::-moz-placeholder{font-size:13px}.search-drawer__input::placeholder{font-size:13px}}.search-drawer__search-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground))}.search-drawer__search-icon svg{width:10px;height:10px}.search-drawer__search-icon:hover{color:rgb(var(--color-accent))}.search-drawer__submit{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;color:rgb(var(--color-foreground))}.search-drawer__submit svg{width:20px;height:20px}.search-drawer__submit:hover{color:rgb(var(--color-accent))}.search-drawer__reset{position:absolute;right:40px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;color:var(--color-neutral-60)}.search-drawer__reset svg{width:16px;height:16px}.search-drawer__reset:hover{color:rgb(var(--color-foreground))}.search-drawer.active{transform:translate(0)}.search-drawer__predictive-results{margin-top:16px;max-height:60vh;overflow-y:auto}.predictive-search__loading-state{display:flex;justify-content:center;align-items:center;padding:20px}.predictive-search__loading-state .spinner{width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (min-width: 750px){.search-drawer__inner{width:460px}}@media screen and (max-width: 749px){.search-drawer{width:460px;max-width:90vw}.search-drawer__header,.search-drawer__content{padding:16px}}.search-drawer__suggestions{display:flex;gap:32px;justify-content:space-between}.search-drawer__suggestions .search-drawer__suggestion-items{display:flex;flex-direction:column;gap:8px}.search-drawer__suggestions .search-drawer__suggestion-view-all{text-align:right;text-decoration:underline;align-self:end}.search-drawer__suggestion-item{padding:0;font-size:13px;line-height:16px;cursor:pointer;transition:border-color var(--duration-short) ease;text-decoration:none;color:inherit;display:block}.search-drawer__suggestion-item:hover{border-bottom-color:rgb(var(--color-accent))}.search-drawer__suggestion-item--view-all{text-align:right;text-decoration:underline}.search-drawer__suggestion-item strong{font-weight:600}.search-drawer__product-suggestions{display:flex;flex-direction:column;gap:24px}.search-drawer__product-item{display:flex;align-items:center;gap:24px;cursor:pointer;border-bottom:1px solid transparent;transition:border-color var(--duration-short) ease;text-decoration:none;color:inherit}.search-drawer__product-image{flex-shrink:0;width:120px;height:180px}.search-drawer__placeholder-image{width:100%;height:100%;background-color:var(--color-neutral-20);display:flex;align-items:center;justify-content:center;color:var(--color-neutral-60);font-size:12px;overflow:hidden}.search-drawer__placeholder-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.search-drawer__product-details{flex:1;display:flex;flex-direction:column;gap:4px}.search-drawer__product-title,.search-drawer__product-price{font-size:13px;line-height:16px;letter-spacing:.78px}.search-drawer__product-price,.search-drawer__product-price .price,.search-drawer__product-price .price__container,.search-drawer__product-price .price__regular,.search-drawer__product-price .price__sale,.search-drawer__product-price .price-item{display:block!important;visibility:visible!important}