.body-overlay{display:none;position:fixed;top:var(--header-height, 100px);left:0;right:0;bottom:0;background-color:#00000080;z-index:200;animation:overlay-appear .2s ease-out forwards;pointer-events:auto}.search-dropdown__mobile-close-button{color:var(--color-black)}.body-overlay.active{display:block}.header-wrapper{position:relative;z-index:300}.search-dropdown.active~.header-wrapper,.header-wrapper:has(+.search-dropdown.active){box-shadow:0 4px 10px -6px #0000001a}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.search-dropdown{color:var(--color-white);position:absolute;width:100%;left:0;right:0;top:100%;background:linear-gradient(to bottom,var(--color-white) 0%,rgba(255,255,255,0) 100%);z-index:250;border-top:1px solid rgba(var(--color-foreground),.08);padding:2rem 1.5rem 4rem;display:none;visibility:hidden;opacity:0;transform-origin:top center;animation:search-dropdown-appear .2s ease-out forwards}.search-dropdown.d-none{display:none!important;visibility:hidden!important;opacity:0!important}.search-dropdown.active{display:block!important;visibility:visible!important;opacity:1!important;height:148px;border:0px}.search-dropdown:not(.d-none):not(.active){display:none;visibility:hidden;opacity:0}@media screen and (max-width: 749px){.search-dropdown.active{height:124px;visibility:visible;opacity:1}}@keyframes search-dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-dropdown.active .search__input.field__input{background-color:transparent;animation:input-appear .3s ease-out forwards}@keyframes input-appear{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.search-dropdown__content{max-width:800px;width:100%;margin:0 auto;padding:0 1.5rem;text-align:center;position:relative}@media screen and (max-width: 749px){.mobile-close-wrapper{position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:5;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.search-dropdown__close-button{display:none}.search-dropdown__mobile-close-button{display:flex}}@media screen and (min-width: 750px){.search-dropdown__mobile-close-button{display:none}.search-dropdown__mobile-close-button .svg-wrapper{height:24px;width:24px;display:flex;align-items:center;justify-content:center;background-color:#f1f1f1;border-radius:50%;box-shadow:0 1px 3px #0000001a}.search-dropdown__mobile-close-button .svg-wrapper svg{width:14px;height:14px;color:#000}}.search-dropdown .search-modal__form{margin:0 auto;max-width:800px;width:800px}.search-dropdown .search__input.field__input{padding:0 56px 0 16px;margin:0 auto;border-radius:40px;border:1px solid var(--input-field);box-shadow:none;background-color:rgba(var(--color-background),.95);height:24px;color:#000;text-align:left;font-family:DB_Heavent_Regular,sans-serif;font-weight:400;font-size:24px;line-height:28px;letter-spacing:0%;vertical-align:middle}.search-dropdown .field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.search-dropdown .search__input.field__input::placeholder{color:var(--input-field);opacity:1;font-family:DB_Heavent_Regular,sans-serif;font-weight:400;font-size:24px;line-height:48px;letter-spacing:0%;vertical-align:middle}.search-dropdown .search__input.field__input:not(:placeholder-shown),.search-dropdown .search__input.field__input:focus{text-align:left;outline:none;box-shadow:none;border-color:var(--input-field);line-height:24px;padding-top:0;padding-bottom:0}.search-dropdown .field{display:flex;justify-content:center;align-items:center;width:800px;max-width:100%;position:relative;margin:0 auto;flex-wrap:nowrap}.search-dropdown .search__input.field__input,.search-dropdown .search__input.field__input:focus,.search-dropdown .search__input.field__input:not(:placeholder-shown),.search-dropdown .search__input.field__input:-webkit-autofill{transition:background-color .3s ease;transform:translateY(0);-webkit-transform:translateY(0);min-height:48px}.search-dropdown .search__input.field__input:focus~.field__label,.search-dropdown .search__input.field__input:not(:placeholder-shown)~.field__label,.search-dropdown .search__input.field__input:-webkit-autofill~.field__label{transform:none;-webkit-transform:none}.search-dropdown .predictive-search{margin-top:1rem;max-height:50vh;overflow-y:auto;text-align:left}.search-dropdown__close-button{position:absolute;right:50%;top:-20px;transform:translate(390px);z-index:10;background:transparent;border:none;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#000}.search-dropdown__close-button:hover{color:#000}.search-dropdown__close-button .svg-wrapper{height:24px;width:24px;position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center}.search-dropdown__close-button .svg-wrapper svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);stroke-width:1.67px;color:#000;width:24px;height:24px}@media screen and (min-width: 750px){.search-dropdown{padding:40px 0 0;height:auto}.search-dropdown__content{padding:0 2rem;position:relative}.search-dropdown .search-modal__form{margin-bottom:0;max-width:800px;width:800px}.search-dropdown__close-button{right:49%;top:25%;transform:translate(450px)}}@media screen and (max-width: 749px){.search-dropdown{padding:24px 0 0;height:auto}.search-dropdown__close-button{display:none}.search-dropdown__content{position:relative;padding:0 1rem}.search-dropdown .search-modal__form{max-width:100%;position:relative}.search-dropdown .field{width:100%;display:flex;align-items:center}.search-dropdown .search__input.field__input{height:48px;padding-right:50px;width:90%;font-size:24px;margin-right:40px}.search-dropdown__mobile-close-button{display:block;position:absolute;right:0;transform:translateY(-20%);background:transparent;border:none;padding:8px;margin:0;z-index:10;cursor:pointer}}.search-dropdown:not(.css-loaded) .search__input,.search-dropdown:not(.css-loaded) .field__input,.search-dropdown:not(.css-loaded) .search__button,.search-dropdown:not(.css-loaded) .field__button,.search-dropdown:not(.css-loaded) .header__icon--search{visibility:hidden!important;opacity:0!important}.search-dropdown.css-loaded .search__input,.search-dropdown.css-loaded .field__input,.search-dropdown.css-loaded .search__button,.search-dropdown.css-loaded .field__button,.search-dropdown.css-loaded .header__icon--search{visibility:visible;opacity:1;transition:opacity .15s ease-in}.search-dropdown.ready{transition:opacity .2s ease-in}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search-dropdown.css.map */