.header-search-trigger{align-items:center;gap:var(--spacing-2);flex:1;min-width:320px;height:48px;padding:0 var(--spacing-3);border-radius:12px;border:none;background:#f1f0f3;color:rgb(var(--text-color));font-size:var(--text-sm);font-weight:500;text-align:start;cursor:pointer;outline:none;transition:background .15s ease,filter .15s ease}.header-search-trigger:focus{outline:none}.header-search-trigger:hover{background:#e8e7eb}.header-search-trigger__placeholder{flex:1;min-width:0;overflow:hidden}.header-search-trigger__placeholder-static{color:#252627}.header-search-trigger__placeholder-rotate-text{color:#272727b3;transition:opacity .3s ease}.header-search-trigger__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.header-search-trigger__icon svg{width:1.125rem;height:1.125rem}.header-search-trigger--no-terms .header-search-trigger__placeholder,.header-search-trigger{display:none}.header-search-icon{display:none;align-items:center;justify-content:center}@media(min-width:700px){.header-search-icon{display:flex}}@media(min-width:1350px){.header-search-trigger{display:flex}.header-search-icon{display:none}}.search-input--rotating-placeholder .search-input__field-wrap{position:relative;flex-grow:1;width:0;display:flex;min-width:0}.search-input--rotating-placeholder .search-input__field-wrap>input{flex-grow:1;width:0;min-width:0;font-size:var(--text-h5);font-weight:bolder;outline:none}.search-input--rotating-placeholder .search-input__field-wrap>input:focus{outline:none}@media screen and (min-width:700px){.search-input--rotating-placeholder .search-input__field-wrap>input{font-size:var(--text-h4)}}.search-input__placeholder-rotate{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;gap:.25em;pointer-events:none;font-size:var(--text-h5);font-weight:bolder;transition:opacity .35s ease}.search-input__placeholder-rotate-static{color:#252627}.search-input__placeholder-rotate-text{color:#272727b3;transition:opacity .35s ease}@media screen and (min-width:700px){.search-input__placeholder-rotate{font-size:var(--text-h4)}}[data-rotating-placeholder-terms][data-focused] .search-input__placeholder-rotate,[data-rotating-placeholder-terms][data-has-value] .search-input__placeholder-rotate{opacity:0;visibility:hidden}.search-input:has(.search-input__field-wrap input:not(:placeholder-shown))>[type=reset]{opacity:1}.search-input--no-rotating-terms .search-input__placeholder-rotate{display:none}
/*# sourceMappingURL=/cdn/shop/t/91/assets/search-rotating-placeholder.css.map */