.cruci-header__search .field:after,.cruci-header__search .field:hover.field:after{--color-foreground: var(--color-yellow);transition:all calc(var(--animation-duration) * .1) ease}.cruci-header__search .field__input:hover{box-shadow:none;border:none}.cruci-header__search #searchInput[data-open=true] .field:after,.cruci-header__search #searchInput.closing .field:after,.cruci-header__search #searchInput.opening .field:after{box-shadow:none;border:1px solid rgb(var(--color-foreground));border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom:none}.cruci-header__search .field__input:focus{box-shadow:none;padding:1.5rem 4.5rem 1.5rem 2rem}.cruci-header__search{--max-width: min(max(16vw, 10rem), 312px);width:var(--max-width);--inputs-radius: 2.25rem}.cruci-header__search #searchInput:not([data-open=true]):not(.opening):not(.closing){max-width:var(--max-width);width:100%}.header__inline-menu:has(.mega-menu[open=true]) .cruci-header__search{position:relative;--inputs-radius: 22.5px}.cruci-header__search #searchInput{position:absolute;right:0}.header__inline-menu .list-menu--inline:not(:has(.mega-menu[open=true])){position:relative}.cruci-header__search #searchInput[data-open=true]{left:0;padding-left:24px}.cruci-header__search #searchInput.opening{animation:animateSearchBar var(--animation-duration) ease}.cruci-header__search #searchInput.opening .predictive-search--header{animation:animateSearchBarOpacity calcvar(--animation-duration) ease}.cruci-header__search #searchInput.closing{animation:animateSearchBar var(--animation-duration) ease reverse}.cruci-header__search #searchInput.closing .predictive-search--header{animation:animateSearchBarOpacity calc(var(--animation-duration)) ease reverse}.cruci-header__search .predictive-search--header{opacity:0;display:block;pointer-events:none;height:0;border-bottom-right-radius:var(--inputs-radius);border-bottom-left-radius:var(--inputs-radius);border:var(--popup-border-width) solid rgb(var(--color-yellow));border-top-right-radius:0;border-top-left-radius:0;border-top:none;top:calc(100% - var(--popup-border-width) * 2);overflow-y:hidden;transition:all calc(var(--animation-duration) * .1) ease;left:var(--popup-border-width);width:calc(100% - 2 * var(--popup-border-width))}.cruci-header__search #searchInput[data-open=true] .predictive-search--header,.cruci-header__search #searchInput.closing .predictive-search--header,.cruci-header__search #searchInput.opening .predictive-search--header{display:block;opacity:1;pointer-events:auto;height:max-content}.cruci-header__search #searchInput[data-open=true] .predictive-search--header{height:100%;min-height:max-content}.cruci-header__search .predictive-search__item--term{padding-top:2.4rem;padding-bottom:0}.cruci-header__search .predictive-search--suggestions{margin-bottom:1rem;padding:24px 20px 0;line-height:normal;display:flex;flex-direction:column}.cruci-header__search .predictive-search--suggestions .predictive-search--suggestion-title{display:block;font-size:14px;line-height:100%;letter-spacing:0;vertical-align:middle;margin-bottom:12px;margin-top:0}.cruci-header__search .predictive-search--suggestions .predictive-search--suggestion-item{font-weight:400;font-size:14px;line-height:18px;letter-spacing:0;margin-bottom:12px;color:rgb(var(--color-grey));text-decoration:none}.cruci-header__search .predictive-search--suggestions .predictive-search--suggestion-item:last-child{margin-bottom:0}.cruci-header__search .field__label{transition:all .4s ease;opacity:1;display:block;font-weight:400;font-size:14px;line-height:28px;letter-spacing:0;color:#cacaca;max-width:calc(100% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;top:calc(.7rem + var(--inputs-border-width))}.cruci-header__search .field__input{padding-right:45px;height:4.2rem;transition:all .4s ease;opacity:1;max-width:100%;padding:1rem 4.5rem 1rem 2rem}.cruci-header__search .field__input:focus~.field__label,.cruci-header__search .field__input:not(:placeholder-shown)~.field__label,.cruci-header__search .field__input:-webkit-autofill~.field__label{line-height:14px;display:none}@media screen and (max-width: 1440px) and (min-width: 990px){.cruci-header__search{--max-width: 4.5rem}.cruci-header__search #searchInput[data-open=true]{padding-left:1.2rem}.cruci-header__search #searchInput:not([data-open=true]) .field__input{width:4.5rem;min-width:4.5rem;padding-right:0rem}.cruci-header__search #searchInput:not([data-open=true]) .field__label{display:none}}@media screen and (max-width: 990px){.cruci-header__search .field:after,.cruci-header__search .field:hover.field:after{--color-foreground: var(--color-yellow);transition:none}.cruci-header__search{max-width:100%;width:100%;margin-top:4rem;margin-bottom:4.5rem}.cruci-header__search #searchInput,.cruci-header__search #searchInput:not([data-open=true]):not(.opening):not(.closing){position:relative;max-width:100%;width:100%}.cruci-header__search #searchInput[data-open=true]{left:0;padding-left:0}.cruci-header__search #searchInput.opening,.cruci-header__search #searchInput.closing{animation:none}}@keyframes animateSearchBar{0%{left:75%}to{left:0}}@keyframes animateSearchBarOpacity{00%{opacity:0;height:0}90%{opacity:1;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cruci-component-header-search.css.map */