.search-expandable{position:relative;background-color:#6d426a;z-index:999;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;border-bottom:1px solid rgba(255,255,255,.1)}.search-expandable.is-active{max-height:200px}.search-expandable__container{padding:2rem 3rem;display:flex;align-items:center;justify-content:center}.search-expandable__form{width:100%;max-width:600px;position:relative}.search-expandable__input{width:100%;padding:1.2rem 4rem 1.2rem 1.5rem;border:2px solid rgba(255,255,255,0);border-radius:999px;border-bottom:2px solid rgba(255,255,255,.2);background-color:#fff0;color:#333;font-size:1.1rem;font-family:sweet-sans-pro,sans-serif;transition:all .3s ease}.search-expandable__input:focus{outline:none;border-color:#fff;background-color:#fff;box-shadow:0 0 0 3px #ffffff4d}.search-expandable__input::placeholder{color:#00000080;font-family:sweet-sans-pro,sans-serif}.search-expandable__button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.5rem;cursor:pointer;color:#fff;transition:color .3s ease}.search-expandable__button:hover{color:#fffc}.search-expandable__button .icon{width:1.5rem;height:1.5rem;fill:#fff}.search-expandable__close{position:absolute;right:3.5rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.5rem;cursor:pointer;color:#6d426a;transition:color .3s ease;opacity:.7}.search-expandable__close:hover{opacity:1;color:#4a2d47}.search-expandable__close .icon{width:1.2rem;height:1.2rem}.header__icon--search-toggle{color:#fff;background:none;border:none;padding:.5rem;cursor:pointer;transition:opacity .3s ease}.header__icon--search-toggle:hover{opacity:.8}.header__icon--search-toggle .svg-wrapper svg{fill:#fff;width:1.5rem;height:1.5rem}@media screen and (max-width: 749px){.search-expandable__container{padding:1.5rem 2rem}.search-expandable__input{font-size:1rem;padding:1rem 3.5rem 1rem 1.2rem}.search-expandable__close{right:3rem}.search-expandable__button{right:.3rem}}@keyframes searchExpand{0%{max-height:0;opacity:0}to{max-height:200px;opacity:1}}.search-expandable.is-active{animation:searchExpand .3s ease-in-out}.search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.search-overlay.is-active{opacity:1;visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/1/assets/search-expandable.css.map */