search-with-completion{display:block}.search-with-completion{position:relative;z-index:1;width:100%;max-width:100%}.search-with-completion:has(.search-with-completion__dropdown:not([hidden])){z-index:25}.search-with-completion__shell{position:relative;width:100%;border:1px solid var(--color-black-50);border-radius:8px;background-color:var(--color-white);overflow:visible;transition:border-color .2s ease,border-radius 0s}.search-with-completion .search{--search-border-radius: 8px}.search-with-completion .search__input-wrapper{border:none}.search-with-completion__shell:has(.search__input:focus:not(:disabled)){border-color:var(--color-black)}@media(hover:hover){.search-with-completion__shell:has(.search__input:hover:not(:disabled)){border-color:var(--color-black)}}.search-with-completion__shell:has(.search-with-completion__dropdown:not([hidden])){border-bottom-left-radius:0;border-bottom-right-radius:0}.search-with-completion__shell:has(.search-with-completion__dropdown:not([hidden])) .search__input-wrapper{border-bottom-left-radius:0;border-bottom-right-radius:0}.search-with-completion--cart-sidebar .search__input-wrapper{flex-direction:row-reverse}.search-with-completion__dropdown{position:absolute;left:-1px;right:-1px;top:calc(100% + 1px);z-index:30;display:flex;flex-direction:column;border:1px solid var(--color-black-50);border-top:none;border-radius:0 0 8px 8px;background-color:var(--color-white);overflow:hidden}.search-with-completion__shell:has(.search__input:focus:not(:disabled)) .search-with-completion__dropdown{border-color:var(--color-black)}.search-with-completion__dropdown[hidden]{display:none}.search-with-completion__scroll{max-height:365px;overflow-y:auto}.search-with-completion__option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0;padding:12px 16px;text-align:left;border:none;border-bottom:1px solid var(--color-black-25);background-color:transparent;color:var(--color-black);cursor:pointer;transition:background-color .15s ease}.search-with-completion__option:last-of-type{border-bottom:none}@media(hover:hover){.search-with-completion__option:hover{background-color:var(--color-signature-blue-20)}}.search-with-completion__option[aria-selected=true]{background-color:var(--color-signature-blue-20)}.search-with-completion__empty{margin:0;padding:12px 16px;border-top:1px solid var(--color-black-25);color:var(--color-black-50)}.search-with-completion__empty[hidden]{display:none}.search-with-completion__dropdown-hint{margin:0;padding:12px 16px 16px;color:var(--color-black-50);text-align:center}.search-with-completion__scroll[data-empty]+.search-with-completion__empty{border-top:none}search-with-completion[data-loading] .search__icon.icon-arrows-clockwise:before{display:inline-block;animation:search-with-completion-spin .9s linear infinite;transform-origin:50% 50%}@keyframes search-with-completion-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){search-with-completion[data-loading] .search__icon.icon-arrows-clockwise:before{animation:none}}.search-with-completion__hint{margin:24px 0 0;padding:0;color:var(--color-black-50);text-align:center}.search-with-completion__shell[hidden]{display:none}.search-with-completion__selected{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px;border:1px solid var(--color-black-50);border-radius:8px;background-color:var(--color-gray-50)}.search-with-completion__selected[hidden]{display:none}.search-with-completion__selected__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.search-with-completion__selected__title,.search-with-completion__selected__subtitle{margin:0;color:var(--color-black);overflow-wrap:anywhere}.search-with-completion__selected__subtitle[hidden]{display:none}.search-with-completion__selected__remove{flex-shrink:0;margin:0;padding:0;border:0;background:transparent;color:var(--color-black);text-decoration:underline;cursor:pointer}@media(hover:hover){.search-with-completion__selected__remove:hover{color:var(--color-signature-blue)}}.search-with-completion__selected__remove:focus-visible{outline:2px solid var(--color-signature-blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){.search-with-completion__option,.search-with-completion__shell{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/search-with-completion.css.map */