.predictive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;height:100dvh;visibility:hidden;background-color:transparent;transition:background-color var(--duration),visibility var(--duration)}.predictive.open{visibility:visible;background-color:var(--color-overlay)}.predictive__drawer{display:flex;flex-direction:column;width:480px;max-width:100%;height:100%;margin-left:auto;background-color:var(--color-background);transform:translate(100%);transition:transform var(--duration)}.predictive.open .predictive__drawer{transform:translate(0)}.predictive__head{display:flex;align-items:center;gap:16px;padding:21px var(--page-padding);border-bottom:1px solid var(--color-border)}.predictive__field{display:flex;flex:1;align-items:center;gap:8px;height:40px;padding:0 11px;border:1px solid var(--color-border);border-radius:2px}.predictive__field .icon{width:16px;height:16px;color:var(--color-content)}.predictive__input{width:100%;padding:0;border:none;font-size:14px;font-weight:600;line-height:100%}.predictive__input:active,.predictive__input:focus{box-shadow:none}.predictive__clear{display:none;color:var(--color-muted)}.predictive:has(.predictive__input:not(:placeholder-shown)) .predictive__clear{display:flex}.predictive__close{font-size:14px;font-weight:600;line-height:100%;color:var(--color-content)}.predictive__close:hover{text-decoration:underline}.predictive__body{flex:1;overflow-y:auto;padding:24px var(--page-padding) 40px}.predictive__results:empty{display:none}.predictive__loader{display:none;justify-content:center}.predictive__loader .icon--loading{display:block;width:24px;height:24px;color:var(--color-muted)}.predictive__body:has(.predictive__results.loading) .predictive__loader{display:flex}.predictive__body:has(.predictive__results.loading) .predictive__default{display:none}.predictive__results.has-results~.predictive__default{display:none}.predictive__default,.predictive__block{display:flex;flex-direction:column;gap:24px}.predictive__title{font-size:12px;font-weight:600;line-height:100%;letter-spacing:.035em;text-transform:uppercase;color:var(--color-muted)}.predictive__terms{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.predictive__term{font-size:14px;font-weight:600;line-height:100%;color:var(--color-content);text-decoration:none}.predictive__term:hover{text-decoration:underline}.predictive__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;padding:0;list-style:none}.predictive__empty{display:flex;flex-direction:column;gap:8px;color:var(--color-content)}.predictive__message{font-size:14px;font-weight:600;line-height:130%}@media screen and (max-width:989px){.predictive__drawer{width:560px}}@media screen and (max-width:749px){.predictive__drawer{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/component-predictive-search.css.map */