.header__search{display:inline-flex!important;position:relative}header:has(.header__search details[open]){position:relative}header:has(.header__search details[open]) .header__search{position:static!important}details[open] .modal__content{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;right:0!important;left:auto!important;bottom:auto!important;width:min(36rem,calc(100vw - 3.2rem))!important;max-width:min(36rem,calc(100vw - 3.2rem))!important;height:auto!important;min-height:0!important;z-index:20!important;display:flex!important;align-items:center!important;background:rgb(var(--color-background))!important;border:.1rem solid rgba(var(--color-foreground),.15)!important;box-shadow:0 .8rem 2.4rem #0000001f!important;border-radius:999px!important;padding:0!important;margin:0!important;animation:tt-search-expand .15s ease-out}@keyframes tt-search-expand{0%{opacity:0}to{opacity:1}}details:not([open]) .search-modal{display:none!important}details[open] .search-modal{opacity:1!important;border:none!important;background:none!important;height:auto!important;min-height:auto!important}details[open] .search-modal__content{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;width:100%!important;height:100%!important;position:relative!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:stretch!important}details[open] .search-modal__form{position:relative!important;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:none!important;height:100%!important;display:flex!important;align-items:center!important}details[open] .field{margin:0!important;padding:0!important;border:none!important;background:none!important;position:relative!important;display:flex!important;align-items:center!important;width:100%!important;height:100%!important}details[open] .search__input{width:100%!important;height:4.8rem!important;padding:0 4.6rem 0 1.8rem!important;font-size:1.4rem!important;border:none!important;border-radius:999px!important;background:transparent!important;outline:none!important;box-shadow:none!important}details[open] .field__label{display:none!important}details[open] .reset__button{position:absolute!important;right:4.6rem!important;top:50%!important;transform:translateY(-50%)!important}details[open]>.header__icon--search{opacity:0!important;pointer-events:none!important}details[open] .search__button{display:none!important}details[open] .search-modal__close-button{position:absolute!important;right:.6rem!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin:0!important;padding:0;background:none;border:none;color:rgb(var(--color-foreground));cursor:pointer}details[open] .search-modal__close-button .svg-wrapper,details[open] .search-modal__close-button .icon{width:1.8rem;height:1.8rem}details[open] .predictive-search{position:absolute!important;top:calc(100% + .6rem)!important;left:0!important;right:0!important;background:rgb(var(--color-background))!important;border:.1rem solid rgba(var(--color-foreground),.15)!important;border-radius:1.2rem!important;padding:1.2rem 1.6rem!important;margin:0!important;max-height:40rem!important;overflow-y:auto!important;box-shadow:0 .8rem 2.4rem #0000001f!important;z-index:19!important}details[open] .predictive-search:empty{display:none!important}details[open] .modal-overlay{display:none!important}@media screen and (max-width:749px){details[open] .modal__content{left:1.6rem!important;right:1.6rem!important;width:auto!important;max-width:none!important}}header:has(.header__search details[open]) header-drawer,header:has(.header__search details[open]) .header__heading-link,header:has(.header__search details[open]) .header__inline-menu,header:has(.header__search details[open]) .header__icon--account,header:has(.header__search details[open]) .header__icon--cart,header:has(.header__search details[open]) .header-account,header:has(.header__search details[open]) .desktop-localization-wrapper{visibility:hidden!important;pointer-events:none!important}@media screen and (min-width:750px){header:has(.header__search details[open]) .modal__content{left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(56rem,calc(100vw - 6.4rem))!important;max-width:min(56rem,calc(100vw - 6.4rem))!important}}details[open] .search__input::placeholder{opacity:1!important;color:rgba(var(--color-foreground),.5)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/tt-header-search.css.map */
