.header-search-drawer__trigger{width:100%}.header-search-drawer__trigger:after{display:none}.header-search-drawer__dialog{--color-heading-text: #ffffff;--color-heading-text-default: #ffffff;--color-body-text: #ffffff;--color-link-text: #ffffff;position:fixed;inset:0 auto 0 0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;border:0;padding:calc(1.6rem + var(--mk-safe-area-inset-top, 0px)) var(--page-gutter) max(2.4rem,var(--mk-safe-area-inset-bottom, 0px));background:#000c;overflow:hidden;overscroll-behavior:contain}.header-search-drawer__dialog::backdrop{background:transparent}.header-search-drawer__dialog .search,.header-search-drawer__dialog .search>form{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;width:100%;margin:0}.header-search-drawer__dialog .search__head{flex:0 0 auto;margin:0 0 3.2rem}.header-search-drawer__dialog .search__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-search-drawer__dialog .search .field{flex:1;min-width:0;margin:0;background:transparent;box-shadow:none}.header-search-drawer__dialog .field__input{width:100%;height:var(--mk-input-height, 5.2rem);padding:1.2rem;border:1px solid currentColor;border-radius:0;background:transparent;box-shadow:none;caret-color:currentColor;-webkit-text-fill-color:currentColor}.header-search-drawer__dialog .field__input::placeholder{color:inherit;opacity:1}.header-search-drawer__dialog .field:before,.header-search-drawer__dialog .field:after,.header-search-drawer__dialog .search__button--submit,.header-search-drawer__dialog .search__button--clear{display:none}.header-search-drawer__dialog .search__button--drawer-close{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 2.6rem;width:2.6rem;height:2.6rem;padding:0;margin:0;color:inherit}.header-search-drawer__dialog .search__button--drawer-close svg{width:2rem;height:2rem}.header-search-drawer__dialog .search__scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.header-search-drawer__dialog .predictive-search__results{margin-top:0}.header-search-drawer__dialog .predictive-search__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.header-search-drawer__dialog .predictive-search__links-link mark{color:inherit;background:transparent}.header-search-drawer__dialog .card-product__media{mix-blend-mode:normal}@media screen and (min-width:990px){.header-search-drawer--desktop .header-search-drawer__trigger{width:calc(100% + 34rem);margin-right:-34rem}.header-search-drawer__trigger-field{width:100%;min-height:3.2rem;padding:.8rem 1.2rem;border:1px solid currentColor;text-align:left}.header-search-drawer__dialog{width:max(40vw,calc(var(--mk-search-field-left, var(--page-gutter)) + var(--mk-search-field-width, 34rem) + 6.2rem));max-width:100vw;padding-top:max(0px,calc(var(--mk-drawer-header-center, 37px) - var(--mk-search-field-height, 32px) / 2));padding-right:2.4rem;padding-left:var(--mk-search-field-left, var(--page-gutter))}.header-search-drawer__dialog .search__controls{gap:1.2rem}.header-search-drawer__dialog .search__button--drawer-close{order:1}.header-search-drawer__dialog .field__input{height:var(--mk-search-field-height, 3.2rem)}.header-search-drawer__dialog .predictive-search__card-product .card-product__media{aspect-ratio:.78;padding-bottom:0;overflow:hidden}}.header-search-drawer__dialog .predictive-search__links,.header-search-drawer__dialog .predictive-search__links-item,.header-search-drawer__dialog .predictive-search__grid>*{min-width:0;max-width:100%;width:auto}.header-search-drawer__dialog .predictive-search__links-link,.header-search-drawer__dialog .predictive-search__link{overflow-wrap:anywhere;white-space:normal}.header-search-drawer__dialog .search__button--drawer-close{transform:none;background:transparent;transition:opacity var(--duration-short)}@media screen and (min-width:990px){.header-search-drawer__dialog .search__controls .field{flex:0 1 var(--mk-search-field-width, 34rem)}.header-search-drawer__dialog .field__input{padding-top:0;padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-search-drawer.css.map */