.header__search .search-modal{min-height:11.2rem;height:auto;border:0;background:#fff;box-shadow:0 1.2rem 3.2rem #20141614}.header__search details[open]>.search-modal{animation-duration:.3s;animation-timing-function:ease-in-out}.header__search details[open] .modal-overlay:after{background:#2014167a;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.header__search .search-modal__content{display:grid;grid-template-columns:minmax(0,88rem) 4.8rem;gap:1.2rem;width:min(100% - 4.8rem,96rem);height:auto;margin:0 auto;padding:2.4rem 0;align-items:center;justify-content:center;line-height:1.4}.header__search .search-modal__content-bottom,.header__search .search-modal__content-top{top:auto;bottom:auto}.header__search .search-modal__form{width:100%;max-width:none}.header__search .search-modal__form .field{min-height:6.4rem}.header__search .search-modal__form .field:before,.header__search .search-modal__form .field:after{display:none}.header__search .search__input.field__input{height:6.4rem;padding:0 11rem 0 2rem!important;border:.1rem solid rgba(32,20,22,.22);border-radius:.8rem;color:#201416;background:#fff;box-shadow:none;font-family:var(--font-body-family),Satoshi,sans-serif;font-size:1.5rem;line-height:normal;letter-spacing:0;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.header__search .search__input.field__input:focus{border-color:#6b1a28;box-shadow:0 0 0 .3rem #6b1a2814}.header__search .search-modal__form .field__label{display:none}.header__search .search-modal__form .search__button{top:.6rem;right:.6rem;width:5.2rem;height:5.2rem;border-radius:.7rem;color:#fff;background:#6b1a28!important;transition:background-color .3s ease-in-out}.header__search .search-modal__form .search__button:hover{color:#fff;background:#4f111d!important}.header__search .search-modal__form .search__button .icon{width:2rem;height:2rem}.header__search .search-modal__form .reset__button{top:1rem;right:6.2rem;height:4.4rem;color:#6e6667}.header__search .search-modal__close-button{position:static;width:4.8rem;height:4.8rem;margin:0;border-radius:.8rem;color:#201416;background:#ddeaf0b8;transition:color .3s ease-in-out,background-color .3s ease-in-out}.header__search .search-modal__close-button:hover{color:#fff;background:#6b1a28}.header__search .search-modal__close-button .icon{width:2rem;height:2rem}.header__search .predictive-search--header{top:calc(100% + .8rem);width:100%;max-height:min(68vh,58rem)}@media screen and (max-width:749px){.header__search .search-modal{min-height:9.6rem}.header__search .search-modal__content{grid-template-columns:minmax(0,1fr) 4.4rem;gap:.8rem;width:calc(100% - 3.2rem);padding:1.6rem 0}.header__search .search-modal__form .field,.header__search .search__input.field__input{min-height:5.6rem;height:5.6rem}.header__search .search__input.field__input{padding-right:9.6rem!important;padding-left:1.6rem!important;font-size:1.4rem}.header__search .search-modal__form .field__label{left:1.6rem}.header__search .search-modal__form .search__button{top:.5rem;right:.5rem;width:4.6rem;height:4.6rem}.header__search .search-modal__form .reset__button{top:.6rem;right:5.4rem}.header__search .search-modal__close-button{width:4.4rem;height:4.4rem}.header__search .predictive-search--header{right:0;left:0;width:100%;max-height:66vh}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/yuna-header-search.css.map */