.header__icon--search .header__icon-close{display:none}body.search-drawer-open .header__icon--search .header__icon-close{display:inline-block}body.search-drawer-open .header__icon--search .svg-wrapper:not(.header__icon-close){display:none}search-drawer.drawer{visibility:hidden;pointer-events:none}search-drawer.drawer.active{visibility:visible;pointer-events:auto}search-drawer .search-drawer__inner{align-self:flex-start;height:calc(100vh - 1.5rem);max-height:calc(100vh - 1.5rem);width:40rem;max-width:calc(100vw - 3rem);margin-bottom:1.5rem;padding:0 1.5rem;border:.1rem solid rgba(var(--color-foreground),.2);border-right:0;overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-default) ease;background-color:rgb(var(--color-background, 255, 255, 255))!important;background-image:none!important}search-drawer.drawer.active .search-drawer__inner{transform:translate(0)}search-drawer .search-drawer__header{position:relative;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}search-drawer .search-drawer__heading{margin:0 0 1rem}search-drawer .search-drawer__close{display:inline-block;padding:0;min-width:4.4rem;min-height:4.4rem;position:absolute;top:10px;right:-10px;color:rgb(var(--color-foreground));background-color:transparent;border:none;cursor:pointer}search-drawer .search-drawer__close .svg-wrapper{height:2rem;width:2rem}search-drawer .search-drawer__form-wrapper{flex-shrink:0;padding-bottom:1rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}search-drawer .search-drawer__contents{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0;-webkit-overflow-scrolling:touch;transform:translateZ(0);backface-visibility:hidden;padding-bottom:1rem}search-drawer .search-drawer__suggestions{padding-top:1.5rem}search-drawer .search-drawer__suggestions-heading{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;color:rgba(var(--color-foreground),.7)}search-drawer .search-drawer__suggestions-list{list-style:none;padding:0;margin:0}search-drawer .search-drawer__suggestions-list a{display:block;padding:.75rem 0;color:rgb(var(--color-foreground));text-decoration:none;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}search-drawer .search-drawer__suggestions-list a:hover{text-decoration:underline}search-drawer .search-drawer-ajax-results{position:relative;top:0;left:0;right:0;width:100%;max-height:50vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;transform:translateZ(0);backface-visibility:hidden;padding-bottom:.5rem}search-drawer .search-drawer-ajax__empty{padding:1.5rem;color:#013940b3;font-size:1.4rem}search-drawer .search-drawer-ajax-results{background-color:#ffecd5;border:1px solid #013940;border-radius:12px;padding:1.2rem;margin-top:1rem;box-shadow:0 4px 24px #00000014}search-drawer .search-drawer-ajax-results .predictive-search__loading-state{display:none!important}search-drawer .search-drawer-ajax-results .predictive-search__results-list{list-style:none;padding:0 0 1rem;margin:0;display:flex;flex-direction:column;gap:.5rem}search-drawer .search-drawer-ajax-results .predictive-search__list-item{margin:0}search-drawer .search-drawer-ajax-results .predictive-search__item--link-with-thumbnail{display:flex;align-items:center;gap:20px;grid-template-columns:unset;grid-template-areas:unset;padding:12px;text-decoration:none;color:#013940;border-radius:8px;transition:background-color .15s ease}search-drawer .search-drawer-ajax-results .predictive-search__item--link-with-thumbnail:hover{background-color:#0139400f}search-drawer .search-drawer-ajax-results .predictive-search__item--link-with-thumbnail .predictive-search__image{flex-shrink:0;width:88px;height:88px;border-radius:8px;object-fit:contain;display:block;margin:0;background-color:#0139400f}search-drawer .search-drawer-ajax-results .predictive-search__item-content{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;grid-area:unset;justify-content:center}search-drawer .search-drawer-ajax-results .predictive-search__item-heading{font-family:var(--font-family-heading, "VC Henrietta", serif);font-size:22px;font-weight:400;line-height:1;letter-spacing:-.22px;color:#013940;margin:0;text-decoration:none}search-drawer .search-drawer-ajax-results .predictive-search__item-heading:hover{text-decoration:underline;text-underline-offset:.2em}search-drawer .search-drawer-ajax-results .predictive-search__item-vendor{font-size:12px;color:#013940b3;margin:0}search-drawer .search-drawer-ajax-results .predictive-search__item .price{font-family:var(--font-family-body, "Trio Grotesk", sans-serif);font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.84px;color:#013940;margin:0}search-drawer .search-drawer-ajax-results .predictive-search__item .price__sale .price-item--sale,search-drawer .search-drawer-ajax-results .predictive-search__item .price-item--sale{color:#013940}search-drawer .search-drawer-ajax-results .predictive-search__item .price__sale .price-item--regular,search-drawer .search-drawer-ajax-results .predictive-search__item .price-item--regular{color:#01394073;text-decoration:line-through}search-drawer .search-drawer-ajax-results .predictive-search__heading{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;color:#013940b3;margin:0 0 .5rem;padding-bottom:.25rem}search-drawer .search-drawer__field .field{margin-bottom:0}search-drawer .search-drawer__field{position:relative;display:flex;align-items:center;width:100%;min-height:4.8rem;padding:0 .4rem;border-radius:24px;border:1px solid #013940;background-color:#ffecd5;transition:box-shadow var(--duration-short, .2s) ease}search-drawer .search-drawer__field:focus-within{box-shadow:0 0 0 .2rem #01394040}search-drawer .search-drawer__input{flex:1 1 auto;width:100%;min-width:0;min-height:4rem;padding:1rem 4rem 1rem 1.6rem;margin:0;font-size:1.6rem;line-height:1.4;border:0;border-radius:24px;background:transparent;color:#013940;-webkit-appearance:none;appearance:none}search-drawer .search-drawer__input:focus,search-drawer .search-drawer__input:not(:placeholder-shown),search-drawer .search-drawer__input:-webkit-autofill{padding:1rem 4rem 1rem 1.6rem;margin:0}search-drawer .search-drawer__input::placeholder{color:#01394099;opacity:1}search-drawer .search-drawer__input:focus{outline:none}search-drawer .search-drawer__submit{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:none;border-radius:24px;background:transparent;color:#013940;cursor:pointer}search-drawer .search-drawer__submit:hover{color:#013940d9}search-drawer .search-drawer__submit .svg-wrapper{width:2rem;height:2rem}search-drawer .search-drawer__submit .svg-wrapper path,search-drawer .search-drawer__submit svg path{fill:currentColor}
/*# sourceMappingURL=/cdn/shop/t/570/assets/component-search-drawer.css.map */