.search-hero{background-color:rgb(var(--color-background))}.search-hero__title:last-child{margin-block-end:0}.search-hero__title>span{display:block;position:relative}.search-hero__title span:last-child{display:inline-block}.search-hero__title small{position:absolute;display:block;inset-block-start:0;inset-inline-start:calc(100% + .8rem);font-size:var(--font-size-static-lg);line-height:var(--line-height-static-sm);opacity:.75;min-width:3rem;letter-spacing:0}.search-hero__title-small.h4{text-transform:uppercase;margin-block-end:1.6rem;font-size:var(--font-size-static-sm);letter-spacing:.24rem;line-height:var(--line-height-static-sm)}.search-hero__input{margin-block-start:3.6rem}.search-hero__input .field--search .field__input{border:.1rem solid rgba(var(--color-border),var(--alpha-border));padding:1.6rem;font-size:var(--font-size-static-md);text-transform:capitalize;border-radius:var(--input-border-radius)}.search-hero__input .search__button{inset-block-start:50%;inset-inline-start:unset;inset-inline-end:0;transform:translateY(-50%)}.search-hero__input .search__button svg{width:2.8rem;height:2.8rem}.search-hero__input .search__button.search__button--clear{inset-inline-end:4.8rem}.search-hero__input .search__body{display:none}@media screen and (max-width:749px){.search-hero__title{line-height:var(--line-height-static-sm)}}@media screen and (min-width:750px){.search-hero__title{margin-block-start:4.8rem}.search-hero__breadcrumbs ul{justify-content:center}}.search-hero{background-color:rgb(var(--color-background));position:relative;z-index:1}.search-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(2px 2px at 8% 15%,rgba(255,255,255,.85),transparent 70%),radial-gradient(2px 2px at 22% 72%,rgba(255,255,255,.7),transparent 60%),radial-gradient(2px 2px at 41% 33%,rgba(255,255,255,.8),transparent 70%),radial-gradient(2px 2px at 67% 18%,rgba(255,255,255,.65),transparent 65%),radial-gradient(2px 2px at 75% 81%,rgba(255,255,255,.75),transparent 70%),radial-gradient(2px 2px at 91% 44%,rgba(255,255,255,.6),transparent 60%);background-size:120% 120%;opacity:.4}@keyframes searchStarsTwinkle{0%{opacity:.25;transform:scale(1)}50%{opacity:.45;transform:scale(1.01)}to{opacity:.25;transform:scale(1)}}.search-hero:hover:before{animation:searchStarsTwinkle 4s ease-in-out infinite}.search-hero__title{margin:0 0 1.2rem}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-search-hero.css.map */