:root{--homepage-search-bar-height: 4rem;--page-search-bar-height: var(--homepage-search-bar-height);--search-morph-progress: 0;--search-collapse-progress: 0;--header-search-band-height: 0px;--page-search-offset: 0px;--page-search-expanded-band-height: 5.2rem;--page-search-band-padding: 1.2rem;--skims-search-fill: rgba(45, 42, 38, .05);--skims-search-fill-hover: rgba(45, 42, 38, .07);--skims-search-text: rgb(45, 42, 38)}.has-page-search .section-header .header-wrapper,.has-page-search .section-header .header-wrapper.gradient{background:rgb(var(--color-background))!important;border-bottom:none!important;box-shadow:none!important}.template-product.has-page-search .section-header .header-wrapper,.template-product.has-page-search .section-header .header-wrapper.gradient{background:transparent!important;background-image:none!important}.has-page-search .section-header .header-wrapper--border-bottom{border-bottom:none!important;box-shadow:none!important}.has-page-search .section-header{margin-bottom:0!important;background:rgb(var(--color-background));border-bottom:none}.has-page-search.page-search-header-layout .section-header{border-bottom:var(--livdon-hairline-border, .05rem solid rgba(var(--color-foreground), .12))}.has-page-search .header-wrapper{position:relative;z-index:1}.homepage-search,.page-search{width:100%;z-index:2;pointer-events:none;padding-left:1.6rem;padding-right:1.6rem;padding-top:0;padding-bottom:calc(var(--page-search-band-padding, 1.2rem) * (1 - var(--search-collapse-progress, 0)));height:calc(var(--page-search-expanded-band-height, 5.2rem) * (1 - var(--search-collapse-progress, 0)));background:rgb(var(--color-background));box-sizing:border-box;border-bottom:none;overflow:visible}.has-page-search.page-search-scrolled .homepage-search__inner,.has-page-search.page-search-header-layout .homepage-search__inner{pointer-events:auto}.homepage-search__inner{position:relative;width:100%;max-width:none;margin:0;pointer-events:auto}.homepage-search__inner.is-abs-morph{position:absolute;z-index:3;margin:0;max-width:none;will-change:top,left,width}.homepage-search.is-morphing,.page-search.is-morphing{background:rgb(var(--color-background))}.homepage-search.is-morphing.is-morphed,.homepage-search.is-morphing.is-docked,.page-search.is-morphing.is-morphed,.page-search.is-morphing.is-docked{background:transparent;border-bottom:none}.has-page-search.page-search-morphing .header__inline-menu{opacity:calc(1 - var(--search-morph-progress, 0));pointer-events:none}.has-page-search.page-search-header-layout .header__inline-menu{opacity:0;visibility:hidden;pointer-events:none}.has-page-search.page-search-header-layout .header.header--middle-left,.has-page-search.page-search-header-layout .header.header--mobile-left{grid-template-areas:"heading search icons";grid-template-columns:auto minmax(0,1fr) auto}.header__inline-search{grid-area:search;align-self:center;min-width:0;width:100%;max-width:100%;pointer-events:none}.page-search__form,.homepage-search__form,.page-search__field,.homepage-search__field{pointer-events:auto}.page-search__form--bar,.homepage-search__form{display:block;position:relative;width:100%}.page-search__field-inner,.homepage-search .field{position:relative;display:flex;align-items:center;gap:calc(.8rem - .25rem * var(--search-morph-progress, 0));border-radius:calc(2.4rem - .9rem * var(--search-morph-progress, 0));overflow:hidden;border:none;background:var(--skims-search-fill);box-shadow:none;transition:background-color .2s ease;min-height:calc(4rem - 1.6rem * var(--search-morph-progress, 0));height:calc(4rem - 1.6rem * var(--search-morph-progress, 0));padding:calc(.8rem - .35rem * var(--search-morph-progress, 0)) calc(.4rem - .1rem * var(--search-morph-progress, 0)) calc(.8rem - .35rem * var(--search-morph-progress, 0)) max(1.2rem,calc(1.2rem - .45rem * var(--search-morph-progress, 0)))}.page-search__field-inner:hover,.homepage-search .field:hover{background:var(--skims-search-fill-hover)}.page-search__field-inner:focus-within,.homepage-search .field:focus-within{background:var(--skims-search-fill-hover);outline:none}.page-search__field-inner:before,.page-search__field-inner:after,.homepage-search .field:before,.homepage-search .field:after{display:none}.page-search__icon{position:static;top:auto;left:auto;transform:none;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;flex-shrink:0;width:max(1.4rem,calc(2rem - .55rem * var(--search-morph-progress, 0)));height:max(1.4rem,calc(2rem - .55rem * var(--search-morph-progress, 0)));min-width:max(1.4rem,calc(2rem - .55rem * var(--search-morph-progress, 0)));min-height:max(1.4rem,calc(2rem - .55rem * var(--search-morph-progress, 0)));pointer-events:none;color:var(--skims-search-text);transition:none}.page-search__icon.svg-wrapper{width:max(1.4rem,calc(2rem - .55rem * var(--search-morph-progress, 0)));height:max(1.4rem,calc(2rem - .55rem * var(--search-morph-progress, 0)))}.page-search__icon .icon,.page-search__icon>svg{display:block;width:100%;height:100%;flex-shrink:0}.page-search__input,.page-search__input:focus,.page-search__input:not(:placeholder-shown),.homepage-search .field__input,.homepage-search .field__input:focus,.homepage-search .field__input:not(:placeholder-shown){flex:1 1 auto;min-width:0;border-radius:0;border:none;box-shadow:none;background:transparent;margin:0;padding:0;min-height:auto;height:auto;font-size:calc(1.6rem - .35rem * var(--search-morph-progress, 0));font-weight:400;line-height:1.25;color:var(--skims-search-text);transition:none}.page-search__input::placeholder,.homepage-search .field__input::placeholder{opacity:1;color:var(--skims-search-text)}.page-search__reset,.homepage-search .reset__button{position:static;flex:0 0 auto;right:auto;top:auto;border-radius:999px;background:transparent;height:calc(2.4rem - .8rem * var(--search-morph-progress, 0));width:calc(2.4rem - .8rem * var(--search-morph-progress, 0));margin-right:calc(.2rem - .1rem * var(--search-morph-progress, 0));transition:none}.page-search__reset:not(:focus-visible):after,.homepage-search .reset__button:not(:focus-visible):after,.page-search__reset:not(:focus):after,.homepage-search .reset__button:not(:focus):after{display:none}.page-search predictive-search,.homepage-search predictive-search{position:relative}.predictive-search--page-search.predictive-search--bar,.homepage-search .predictive-search--homepage,.homepage-search .predictive-search--page-search{top:calc(100% + .6rem);left:0;right:0;width:100%;border-radius:1.2rem;border:none;box-shadow:0 .4rem 2rem #2d2a2614}.has-page-search #MainContent{scroll-margin-top:var(--page-search-offset, 0px)}@media screen and (max-width:749px){:root{--page-search-band-padding: 1rem}.homepage-search,.page-search{padding-left:1.6rem;padding-right:1.6rem}}@media screen and (min-width:750px){:root{--homepage-search-bar-height: 4rem;--page-search-bar-height: 4rem;--page-search-band-padding: 1.2rem}.homepage-search,.page-search{padding-left:1.6rem;padding-right:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-homepage-search.css.map */