dialog.x-search-popup{margin:0;padding:0;border:0;width:100%;max-width:none;max-height:none;color:inherit}dialog.x-search-popup:not([open]){display:none}dialog.x-search-popup[open]{display:block}.holistic-search-close-icon{display:block;width:18px;height:18px}.holistic-search-close-label{display:none}.holistic-search-status{padding-block:12px;font-size:16px;text-align:start}@media(max-width:767px){html.holistic-search-open{overflow:hidden}dialog.x-search-popup[open]{position:fixed;inset:var(--search-viewport-top, 0px) 0 auto;height:var(--search-viewport-height, 100dvh);max-height:var(--search-viewport-height, 100dvh);overflow:hidden;background-color:rgb(var(--background-color-header));color:rgb(var(--colors-text-header));transition:none}dialog.x-search-popup::backdrop{background:#00000040}dialog.x-search-popup>div{display:block;height:auto;padding:calc(64px + env(safe-area-inset-top)) 16px 0}dialog.x-search-popup .field{padding-inline:0}dialog.x-search-popup input[type=search]{font-size:16px;line-height:1.5;min-height:48px;padding-inline:12px 52px;caret-color:rgb(var(--colors-text-header))}dialog.x-search-popup input[type=search]:focus-visible{outline:2px solid rgb(var(--colors-text-header));outline-offset:2px}dialog.x-search-popup .btn-search{width:44px;height:44px;padding:12px;inset-inline-end:2px;opacity:1}dialog.x-search-popup .search__speech{display:none}dialog.x-search-popup .holistic-search-close{display:flex;align-items:center;gap:8px;min-width:90px;min-height:44px;width:auto;height:auto;padding:10px 14px;top:calc(8px + env(safe-area-inset-top));inset-inline-end:12px;border-radius:0;background:transparent;color:rgb(var(--colors-text-header));font-size:16px;font-weight:600;opacity:1}dialog.x-search-popup .holistic-search-close-label{display:inline}dialog.x-search-popup .holistic-search-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}dialog.x-search-popup [data-predictive-search]{max-height:calc(var(--search-viewport-height, 100dvh) - 140px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(24px,env(safe-area-inset-bottom))}dialog.x-search-popup [data-predictive-search] .scrollbar-body{max-height:none;overflow:visible}dialog.x-search-popup [data-predictive-search] :is(a,button){min-height:44px}}@media(prefers-reduced-motion:reduce){dialog.x-search-popup,dialog.x-search-popup *{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/134/assets/holistic-search-ux.css.map */