.predictive-search{display:none;position:relative;color:var(--color-primary-text)}.search-modal__form[open=true] .search-defaults{display:none}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block}[data-predictive-search-live-region-count-value]{padding:36px 60px;color:var(--color-primary-text);display:block;text-align:left}.predictive-search .btn--search{text-align:left;padding:1rem;border-top:1px solid var(--color-border)}.predictive-search.predictive-search--header{display:flex;flex-direction:column;flex:1}.predictive-search .predictive-search-container{display:flex;flex-direction:column;height:100%;width:100%}.predictive-search-container .content{z-index:2;overflow-y:auto;padding-bottom:36px;max-height:85dvh}.predictive-search-container .background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.predictive-search-bg-image{width:130px;height:100%;object-fit:cover;position:absolute;left:0;top:0}predictive-search form{height:100%;display:flex;flex-direction:column}predictive-search form>div:first-child{flex-shrink:0;position:sticky;top:0;z-index:10}predictive-search form>div:last-child{flex:1;overflow-y:auto;overflow-x:hidden}predictive-search:not([loading]) .predictive-search__loading-state{display:none;position:absolute;top:50%;left:50%}.predictive-search__loading-state .spinner{width:1.5rem;height:1.5rem;line-height:0}.predictive-search__loading-state .path{stroke:var(--color-border)}.search-drawer .predictive-search{height:calc(100vh - 56.5px)}.global-search .search-modal__form form.search>div{align-items:center;margin-top:0}.global-search .search-modal__form .form__input{padding:38px 106px 38px 60px;background-color:var(--color-search-background)}@media screen and (max-width:768px){.predictive-search-bg-image{width:45px}.global-search .search-modal__form .form__input{padding:32px 64px 32px 16px;background-color:var(--color-search-background)}[data-predictive-search-live-region-count-value]{padding:32px 16px}.global-search .modal__close{top:44px;right:16px}.template-search__header{margin-left:16px;margin-top:32px;margin-bottom:32px}.predictive-search-container .content{padding-bottom:32px}.global-search .search__list{padding:0 16px 32px}.global-search .modal__container{top:0;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/predictive-search.css.map */