.header__search-compact{position:relative;display:inline-flex;align-items:center}.header__search-compact .header__icon--search{display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;transition:all .2s ease-in-out;border:none;padding:1.2rem}.header__search-compact .header__icon--search:hover{transform:scale(1.07)}.header__search-compact .header__icon--search .svg-wrapper{width:1.8rem;height:1.8rem}.header__search-compact .header__icon--search svg{width:100%;height:100%;fill:currentColor;color:rgb(var(--color-foreground))}.search-popup{position:relative;z-index:999}.search-popup__backdrop{display:none}.search-popup__content{position:absolute;top:100%;right:-1rem;transform:translateY(-5px);width:350px;background:rgb(var(--color-background));border-radius:0;box-shadow:0 2px 8px #00000014;border:1px solid #D4AF37;transition:transform .2s ease-out,opacity .2s ease-out;overflow:hidden;margin-top:1.5rem;opacity:0;visibility:hidden;pointer-events:none}.search-popup--active .search-popup__content{transform:translateY(0);opacity:1;visibility:visible;pointer-events:all}.search-popup__form{width:100%}.search-popup__form-inner{padding:0}.search-popup .field{position:relative;margin:0;border-radius:0;overflow:hidden}.search-popup .search__input{width:100%;height:4.4rem;padding:1.2rem 8.5rem 1.2rem 1.6rem;border:none;background:rgb(var(--color-background));font-size:1.4rem;line-height:1.4;color:rgb(var(--color-foreground));border-radius:0;transition:all .2s ease-in-out}.search-popup .search__input:focus{outline:none;background:rgba(var(--color-foreground),.02)}.search-popup .search__input::placeholder{color:rgba(var(--color-foreground),.6);font-weight:400}.search-popup .search__button,.search-popup .reset__button{position:absolute;top:50%;transform:translateY(-50%);width:4rem;height:4rem;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:0;transition:all .2s ease-in-out}.search-popup .search__button{right:1rem;background:transparent;color:#d4af37}.search-popup .search__button:hover{background:transparent;transform:translateY(-50%) scale(1.05)}.search-popup .reset__button{right:5.5rem}.search-popup .reset__button:hover{background:rgba(var(--color-foreground),.05);transform:translateY(-50%) scale(1.05)}.search-popup .search__button .svg-wrapper,.search-popup .reset__button .svg-wrapper{width:1.8rem;height:1.8rem}.search-popup .search__button svg{fill:currentColor;color:#d4af37}.search-popup .search__button .icon{width:1.8rem;height:1.8rem;fill:currentColor;color:#d4af37}.search-popup .reset__button .icon{width:1.8rem;height:1.8rem;fill:currentColor;color:rgb(var(--color-foreground))}.search-popup .predictive-search--compact{position:static;background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.08);max-height:40rem;overflow-y:auto}.search-popup .predictive-search__results-groups-wrapper{padding:1rem 0}.search-popup .predictive-search__result-group{padding:0 2rem}.search-popup .predictive-search__result{padding:1.2rem 0;border-bottom:1px solid rgba(var(--color-foreground),.05)}.search-popup .predictive-search__result:hover{background:rgba(var(--color-foreground),.02)}@media screen and (max-width: 749px){.header__search-compact .header__icon--search{padding:1rem}.header__search-compact .header__icon--search .svg-wrapper{width:1.8rem;height:1.8rem}.search-popup__content{top:100%;right:-1.5rem;width:280px;border-radius:0;margin-top:1rem}.search-popup .search__input{height:4rem;font-size:1.4rem;padding:1rem 7.5rem 1rem 1.2rem;border-radius:0}.search-popup .search__button,.search-popup .reset__button{width:3.2rem;height:3.2rem}.search-popup .search__button{right:.6rem}.search-popup .reset__button{right:4.2rem}.search-popup .search__button .svg-wrapper,.search-popup .reset__button .svg-wrapper{width:1.6rem;height:1.6rem}.search-popup .predictive-search--compact{max-height:25rem}.search-popup .predictive-search__result-group{padding:0 1.4rem}.search-popup .predictive-search__result{padding:1rem 0}}@media screen and (min-width: 750px) and (max-width: 989px){.search-popup__content{width:320px}}@media screen and (min-width: 990px){.search-popup__content{width:350px}}.search-popup .predictive-search__loading-state{display:flex;justify-content:center;padding:2rem}body.search-popup-open{overflow:hidden}.search-popup .search__input:focus+.field__label,.search-popup .search__input:not(:placeholder-shown)+.field__label{opacity:0}@media (prefers-reduced-motion: reduce){.search-popup,.search-popup__content,.header__icon--search-compact{transition:none}}@media (prefers-color-scheme: dark){.search-popup__backdrop{background:#00000080}.search-popup__content{box-shadow:0 20px 40px #0000004d,0 4px 12px #0003}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/header-search-compact.css.map */