predictive-search{display:block;width:100%}search-toggle .header__icon .icon{width:1.15rem;height:1.15rem}.search-modal{pointer-events:none;position:fixed;visibility:hidden;z-index:1;overflow:hidden;transition:visibility var(--duration-long) var(--default-easing)}.search-modal[aria-hidden=false]{pointer-events:auto;visibility:visible}.search-modal[aria-hidden=true].preload{transition:none}.search-modal__overlay{background-color:var(--modal-overlay-color, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(var(--modal-overlay-blur, 8px));backdrop-filter:blur(var(--modal-overlay-blur, 8px));top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity var(--duration-medium) var(--default-easing);z-index:0}.search-modal[aria-hidden=false] .search-modal__overlay{opacity:1}.search-modal__panel{background-color:rgb(var(--color-background, 255, 255, 255));color:rgb(var(--color-base-text-1, 17, 17, 17));display:flex;flex-direction:column;left:0;position:absolute;top:0;width:100%;z-index:1}.search-modal__panel-inner{position:relative;width:100%;overscroll-behavior:contain}@supports not selector(::-webkit-scrollbar){.search-modal__panel-inner{scrollbar-color:rgb(var(--color-badge-new-background, 242, 233, 219)) transparent;scrollbar-width:thin}}.search-modal__panel-inner::-webkit-scrollbar{width:2px}.search-modal__panel-inner::-webkit-scrollbar-track{background:transparent}.search-modal__panel-inner::-webkit-scrollbar-thumb{background-color:rgb(var(--color-badge-new-background, 242, 233, 219));border-radius:100px}.search-modal__panel-inner::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--color-badge-muted-border, 217, 210, 196))}@keyframes search-modal-content-fade-in{0%{opacity:0}to{opacity:1}}.search-modal[aria-hidden=false] .search-modal__panel-inner{animation:search-modal-content-fade-in var(--duration-medium) var(--default-easing) both;animation-delay:calc(var(--duration-medium) + .1s)}@media(prefers-reduced-motion:reduce){.search-modal[aria-hidden=false] .search-modal__panel-inner{animation:none}}.search-modal__bar{align-items:center;display:flex;padding-top:var(--space-6);width:100%;padding-bottom:var(--space-2)}.search-modal__form{align-items:center;border-bottom:1px solid rgb(var(--color-base-text-1, 17, 17, 17));display:flex;flex:1 1 auto;gap:var(--space-6);min-width:0}.search-modal__label{color:rgb(var(--color-base-text-1, 17, 17, 17));flex:0 0 auto;font-family:var(--tertiary-font-family);font-size:var(--text-size-small);font-weight:var(--font-weight-semi-bold);letter-spacing:var(--letter-spacing-2);opacity:.5;text-transform:uppercase}.search-modal__input-wrapper{align-items:center;display:flex;flex:1 1 auto;gap:var(--space-3);min-width:0}.search-modal__submit{align-items:center;background:transparent;border:0;color:rgb(var(--color-base-text-1, 17, 17, 17));cursor:pointer;display:none;flex:0 0 auto;height:1.125rem;justify-content:center;margin:0;padding:0;width:1.125rem}.search-modal__submit .icon,.search-modal__submit .icon svg{display:block;height:1.125rem;width:1.125rem}.search-modal__input{background:transparent;border:0;color:rgb(var(--color-base-text-1, 17, 17, 17));font-family:var(--tertiary-font-family);font-size:var(--text-size-medium);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-2);line-height:1.2;outline:none;padding:0;width:100%}.search-modal__input::placeholder{color:rgba(var(--color-base-text-1, 17, 17, 17),.35);text-transform:uppercase}.search-modal__input::-webkit-search-decoration,.search-modal__input::-webkit-search-cancel-button,.search-modal__input::-webkit-search-results-button,.search-modal__input::-webkit-search-results-decoration{display:none}.search-modal__close{align-items:center;align-self:flex-start;background:transparent;border:0;color:rgb(var(--color-base-text-1, 17, 17, 17));cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;margin-top:var(--space-1);padding:0;margin-bottom:0}.search-modal__close .icon{height:.875rem;width:.875rem}.search-modal__close .icon line{stroke-width:2}.search-modal__loading-state{align-items:center;background-color:rgba(var(--color-base-background-1, 255, 255, 255),.55);display:none;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.search-modal .predictive-search-content{transition:opacity var(--duration-short) var(--default-easing);padding-bottom:0}predictive-search[loading] .predictive-search-content{opacity:.4}@media(prefers-reduced-motion:reduce){.search-modal .predictive-search-content{transition:none}}.search-modal__loading-state .spinner{animation:search-modal-spinner-rotator 1.4s linear infinite;height:1.5rem;width:1.5rem}.search-modal__loading-state .path{animation:search-modal-spinner-dash 1.4s ease-in-out infinite;stroke:rgb(var(--color-base-text-1, 17, 17, 17));stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center}@keyframes search-modal-spinner-rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes search-modal-spinner-dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}}predictive-search[loading] .search-modal__loading-state{display:flex}@media screen and (max-width:929px){.search-modal{display:flex;justify-content:flex-end;top:var( --search-modal-top, var(--header-bottom-position, var(--header-height, 4rem)) );right:0;bottom:0;left:0;height:calc(100dvh - var( --search-modal-top, var(--header-bottom-position, var(--header-height, 4rem)) ));z-index:30}.search-modal__overlay{position:fixed;top:var( --search-modal-top, var(--header-bottom-position, var(--header-height, 4rem)) );right:0;bottom:0;left:0}.search-modal__panel{position:relative;left:auto;right:0;top:0;width:100%;height:100%;overflow:hidden;transform:translate(100%);box-shadow:0 30px 64px #1815112e;will-change:transform;transition:transform .3s cubic-bezier(.165,.84,.44,1),opacity .3s ease}.search-modal__predictive{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;overflow:hidden;width:100%}.search-modal__bar{align-items:center;flex-shrink:0;flex-wrap:wrap;min-height:4.1875rem;padding-bottom:0;padding-top:0}.search-modal__panel-inner{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-modal[aria-hidden=false] .search-modal__panel{transform:translate(0)}.search-modal__label{font-family:var(--primary-font-family);font-size:.75rem;letter-spacing:.08em;opacity:1;padding-block:var(--space-5)}.search-modal__close{align-self:center;margin-left:auto;margin-top:0}.search-modal__form{border-bottom:0;border-top:1px solid #e2e2e2;flex:1 1 100%;gap:0;margin-inline:calc(-1 * var(--container-padding, 1.25rem));order:3;padding-block:1rem;padding-inline:var(--container-padding, 1.25rem);width:auto}.search-modal__input-wrapper{background-color:#f2f2f0;border:1px solid #e0e0de;border-radius:1.875rem;min-height:3.125rem;padding:0 .875rem 0 1.375rem}.search-modal__input{font-family:var(--secondary-font-family);font-size:.8125rem;letter-spacing:0;text-transform:uppercase}.search-modal__input::placeholder{color:#757575}.search-modal__submit{display:inline-flex}.search-modal.search-modal--from-bottom{align-items:flex-end;flex-direction:column;height:100dvh;justify-content:flex-end;max-height:100dvh;top:0;z-index:1000}.search-modal.search-modal--from-bottom .search-modal__overlay{bottom:0;left:0;position:fixed;right:0;top:0}.search-modal.search-modal--from-bottom .search-modal__panel{border-radius:var(--side-drawer-sheet-radius, 1.25rem) var(--side-drawer-sheet-radius, 1.25rem) 0 0;box-shadow:var( --side-drawer-sheet-shadow, 0 -1.5rem 1.5rem rgba(0, 0, 0, .18) );height:calc(100dvh - var(--side-drawer-sheet-inset, 3.1875rem));left:0;max-height:calc(100dvh - var(--side-drawer-sheet-inset, 3.1875rem));right:0;transform:translate3d(0,100%,0);width:100%}.search-modal.search-modal--from-bottom[aria-hidden=false] .search-modal__panel{transform:translateZ(0)}.search-modal.search-modal--from-bottom .search-modal__bar{border-top-left-radius:inherit;border-top-right-radius:inherit}.search-modal .predictive-search-empty__group--trending{border-bottom:1px solid #f3f4f6;padding-bottom:1rem;padding-top:1rem}.search-modal .predictive-search-empty__group--trending .predictive-search-empty__heading{display:none}.search-modal .predictive-search-empty__row{gap:0}.search-modal .predictive-search-empty__chips{flex-wrap:nowrap;gap:.5rem;margin-inline:calc(-1 * var(--container-padding, 1.25rem));overflow-x:auto;padding-inline:var(--container-padding, 1.25rem);scrollbar-width:none;-webkit-overflow-scrolling:touch}.search-modal .predictive-search-empty__chips::-webkit-scrollbar{display:none}.search-modal .predictive-search-empty__chip{border:.5px solid rgb(var(--color-base-text-1, 49, 38, 29));border-radius:3.125rem;font-family:var(--primary-font-family);font-size:.625rem;font-weight:var(--font-weight-normal);height:1.9375rem;letter-spacing:0;min-width:0;opacity:.6;padding:0 1.6875rem;text-transform:none}.search-modal .predictive-search-empty__chip.is-selected,.search-modal .predictive-search-empty__chip:hover,.search-modal .predictive-search-empty__chip:focus-visible{background-color:rgb(var(--color-base-text-1, 49, 38, 29));color:rgb(var(--color-background, 255, 255, 255));opacity:1}.search-modal .predictive-search-empty__group--collections .predictive-search-empty__heading{font-family:var(--primary-font-family);font-size:.75rem;font-weight:var(--font-weight-semi-bold);letter-spacing:.08em;text-transform:uppercase}.search-modal .predictive-search-empty__collections{display:flex;gap:var(--space-4);grid-template-columns:none;margin-inline:calc(-1 * var(--container-padding, 1.25rem));overflow-x:auto;padding-bottom:var(--space-4);padding-inline:var(--container-padding, 1.25rem);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.search-modal .predictive-search-empty__collections::-webkit-scrollbar{display:none}.search-modal .predictive-search-empty__collection-item{flex:0 0 80%;scroll-snap-align:start}.search-modal .predictive-search-empty__collection-media{border-radius:.625rem}.search-modal .predictive-search-empty__collection-overlay{bottom:var(--space-6);font-family:var(--primary-font-family);font-size:2rem;font-weight:var(--font-weight-semi-bold);left:1.125rem;letter-spacing:0;text-shadow:none;text-transform:none;transform:none}}@media screen and (min-width:930px){.search-modal{overflow:visible;position:absolute;inset:auto 0 auto 0;top:100%}.search-modal__overlay{bottom:0;height:auto;left:0;position:fixed;right:0;top:var( --sticky-header-bottom, var(--header-bottom-position, var(--header-height, 4rem)) );transition:opacity var(--duration-medium) var(--default-easing)}.search-modal__panel{height:auto;max-height:calc(100dvh - var( --sticky-header-bottom, var(--header-bottom-position, var(--header-height, 4rem)) ));opacity:0;overflow:hidden;position:relative;top:0;transform:none;transition:opacity var(--duration-medium) var(--default-easing)}.search-modal[aria-hidden=false] .search-modal__panel{opacity:1;transform:none}.search-modal__predictive{display:flex;flex:1 1 auto;flex-direction:column;max-height:100%;min-height:0;overflow:hidden}.search-modal__panel-inner{flex:1 1 auto;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:var(--space-6);-webkit-overflow-scrolling:touch}.search-modal__panel-inner.is-content-transitioning{overflow:hidden;transition:min-height var(--duration-medium) var(--default-easing)}.search-modal__bar{align-items:center;display:grid;flex-shrink:0;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:var(--space-6);row-gap:var(--space-5)}.search-modal__label{align-items:center;align-self:center;border-bottom:0;display:flex;flex-shrink:0;font-family:var(--primary-font-family);font-size:.75rem;grid-column:1;grid-row:1;justify-self:start;letter-spacing:.08em;margin-right:0;opacity:1;padding-block:0}.search-modal__submit{display:inline-flex}.search-modal__form{border-bottom:0;flex-wrap:nowrap;gap:var(--space-4);grid-column:1 / -1;grid-row:2;min-width:0;width:100%}.search-modal__input-wrapper{background-color:#f2e9db66;border:0;border-radius:1.875rem;flex:1 1 auto;min-height:3.375rem;min-width:0;padding:0 1.125rem 0 1.625rem}.search-modal__input{color:rgb(var(--color-base-text-1, 49, 38, 29));font-family:var(--secondary-font-family);font-size:1rem;letter-spacing:0;text-transform:none}.search-modal__input::placeholder{color:rgb(var(--color-base-text-1, 49, 38, 29));opacity:.45;text-transform:none}.search-modal__close{align-items:center;align-self:center;flex-shrink:0;grid-column:2;grid-row:1;justify-self:end;margin-left:0;margin-top:0;min-height:auto}.search-modal .predictive-search-filters{border-bottom:0;padding-bottom:.75rem;padding-top:.5rem}.search-modal .predictive-search-filters__label{display:none}.search-modal .predictive-search-filters .predictive-search-empty__row{align-items:stretch;flex-direction:column;gap:0}.search-modal .predictive-search-filters .predictive-search-empty__chips{flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;margin-inline:calc(-1 * var(--container-padding, 1.25rem));overflow-x:auto;padding-inline:var(--container-padding, 1.25rem);scrollbar-width:none;-webkit-overflow-scrolling:touch}.search-modal .predictive-search-filters .predictive-search-empty__chips::-webkit-scrollbar{display:none}.search-modal .predictive-search-filters .predictive-search-empty__chip{border:.5px solid rgb(var(--color-base-text-1, 49, 38, 29));border-radius:4.125rem;font-family:var(--secondary-font-family);font-size:.8125rem;font-weight:var(--font-weight-normal);height:2.5625rem;letter-spacing:0;min-width:0;opacity:.6;padding:0 2.25rem;text-transform:none}.search-modal .predictive-search-filters .predictive-search-empty__chip.is-selected,.search-modal .predictive-search-filters .predictive-search-empty__chip:hover,.search-modal .predictive-search-filters .predictive-search-empty__chip:focus-visible{background-color:rgb(var(--color-base-text-1, 49, 38, 29));color:rgb(var(--color-background, 255, 255, 255));opacity:1}}@media screen and (min-width:930px)and (prefers-reduced-motion:reduce){.search-modal__panel-inner.is-content-transitioning{transition:none}}.header__inner{z-index:2}.section-header{position:relative;z-index:31}[data-sticky-header]{position:sticky;top:0;z-index:31}
/*# sourceMappingURL=/cdn/shop/t/86/assets/component-search-modal.css.map */