predictive-search{position:fixed;z-index:20000;top:0;right:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translate3d(0,-100%,0);overflow:hidden;display:flex;flex-direction:column}predictive-search.predictive-search--transition{transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}predictive-search.open{opacity:1;visibility:visible;transition-delay:0s;transform:translateZ(0)}predictive-search .predictive-search__container{max-width:64em;height:100%;display:flex;flex-direction:column}predictive-search .predictive-search__form{position:relative}predictive-search .predictive-search__form input[type=search]{border:none;padding:0;border-bottom:1px solid rgba(var(--color-border-rgb),var(--buttons-border-opacity));border-radius:0;outline:none}predictive-search .predictive-search__form button{position:absolute;right:0}predictive-search .predictive-search__tabs{display:flex;flex-direction:row;gap:20px;justify-content:center}predictive-search .predictive-search__tabs a{display:flex}predictive-search .predictive-search__tabs a.active:after{width:100%;left:0}predictive-search .predictive-search__tabs-content .tabs-content__filtering{display:none;flex-direction:row;margin-bottom:20px;gap:10px}predictive-search .predictive-search__tabs-content .tabs-content__filtering .tabs-content__filter{display:flex;flex-direction:row;align-items:center;text-transform:uppercase;font-size:calc(var(--font-body-scale) * 1.4rem);line-height:var(--font-body-line-height);background:rgba(var(--color-text-rgb),15%);color:var(--color-text);cursor:pointer;padding:.75rem 2rem;scroll-snap-align:start;white-space:nowrap;min-height:36px}predictive-search .predictive-search__tabs-content .tabs-content__filtering .tabs-content__filter.active{background:var(--color-text);color:var(--color-background)}predictive-search .predictive-search__tabs-content .tabs-content__filtering.open{display:flex;flex-wrap:wrap;align-items:center}predictive-search .predictive-search__content{height:100%;overflow:hidden scroll;-ms-overflow-style:none;scrollbar-width:none}predictive-search .predictive-search__content::-webkit-scrollbar{display:none}predictive-search .predictive-search__content .content__initial-list{display:flex;flex-direction:column;margin-top:4rem}predictive-search .predictive-search__content .content__initial-list.content__recently-viewed{margin-top:2rem}predictive-search .predictive-search__content .content__initial-list h4{margin-bottom:10px}predictive-search .predictive-search__content .content__initial-list ul{padding:0;margin:0}predictive-search .predictive-search__content .content__initial-list .recently-viewed__delete{margin-top:1rem}predictive-search .predictive-search__content .predictive-search-results__wrapper .predictive-search__tabs-content .tabs-content__results-list{list-style:none;margin:0;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;padding:0;gap:20px;display:none}predictive-search .predictive-search__content .predictive-search-results__wrapper .predictive-search__tabs-content .tabs-content__results-list[data-tab=pages]{gap:0}predictive-search .predictive-search__content .predictive-search-results__wrapper .predictive-search__tabs-content .tabs-content__results-list.open{display:grid}predictive-search .predictive-search__content .predictive-search-results__wrapper .predictive-search__tabs-content .tabs-content__results-list a:focus-visible,predictive-search .predictive-search__content .predictive-search-results__wrapper .predictive-search__tabs-content .tabs-content__results-list a:focus-visible img{outline:.5px solid rgba(0,0,0,.2);outline-offset:-1px}predictive-search .predictive-search__search-link{display:flex;align-items:center;justify-content:center;margin-block:2rem}predictive-search[data-predictive-search-enabled=true]{height:100vh;width:100vw}predictive-search[data-predictive-search-enabled=true] .predictive-search__container{padding-top:2rem}predictive-search[data-predictive-search-enabled=true] .predictive-search__container .predictive-search__form{padding-block:20px}predictive-search[data-predictive-search-enabled=true] .predictive-search__container .predictive-search__form input[type=search]{font-size:2rem}predictive-search[data-predictive-search-enabled=true] .predictive-search__container .predictive-search__form button{top:50%;transform:translate3d(0,-20px,0)}predictive-search[data-predictive-search-enabled=false]{height:var(--header-group-height)}predictive-search[data-predictive-search-enabled=false] .predictive-search__container{justify-content:center}predictive-search[data-predictive-search-enabled=false] .predictive-search__container .predictive-search__form input[type=search]{font-size:2rem}predictive-search[data-predictive-search-enabled=false] .predictive-search__container .predictive-search__form button{top:10px}@media screen and (max-width: 64em){predictive-search .predictive-search__content .predictive-search-results__wrapper .predictive-search__tabs-content .tabs-content__filtering .tabs-content__filter{padding:.75rem 1rem}}@media screen and (max-width: 48em){predictive-search .predictive-search__content .predictive-search-results__wrapper .predictive-search__tabs-menu .predictive-search__tabs{gap:15px}predictive-search .predictive-search__content .predictive-search-results__wrapper .predictive-search__tabs-content .tabs-content__results-list{grid-template-columns:calc(50% - 10px) calc(50% - 10px)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/predictive-search.css.map */