.predictive-search-main{display:grid;grid-template-rows:minmax(0,1fr);width:100%;min-width:0;min-height:0;max-height:var(--result-max-height, min(65dvh, 42rem));overflow:hidden;background:rgb(var(--color-background))}.predictive-search-main .search-results-wrapper{width:100%;min-width:0;min-height:0;overflow:hidden}.predictive-search-main .predictive-search-results{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;min-width:0;min-height:0;max-height:var(--result-max-height, min(65dvh, 42rem));overflow:hidden;background:rgb(var(--color-background))}.predictive-search-main .predictive-search-results .tab-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden}.predictive-search-main .suggestion-searches{max-height:20rem;margin-block-end:1rem;padding:1rem 1.25rem 0;overflow:auto}.predictive-search-main .suggestion-title{margin-block-end:1rem;font-size:.75rem}.predictive-search-main .suggestion-list a mark{color:inherit;font-weight:bolder;background-color:transparent}.predictive-search-main .suggestion-list a span{opacity:.75}.predictive-search-main .alert-message-wrapper{padding:1.25rem;background:rgb(var(--color-background))}.predictive-search-main .alert-message{margin:0}.predictive-search-main .tab-panel-tabs{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:0;padding:.75rem 1.25rem;border-block-end:1px solid rgba(var(--color-foreground),.1);background:rgb(var(--color-background))}.predictive-search-main .tab-panel-tabs .tab{min-width:0;padding:.25rem 0;color:#125434;font-size:.875rem;font-weight:600;white-space:nowrap}.predictive-search-main .tab-panel-tabs .tab .count{display:inline-block;margin-inline-start:.2rem;font-size:.7rem;opacity:.65;transform:translateY(-.35rem)}.predictive-search-main .greenx-search-scroll,.predictive-search-main .tab-panel-panels{width:100%;min-width:0;min-height:0;max-height:min(65dvh,var(--result-max-height, 65dvh));padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:rgba(18,84,52,.55) transparent;-webkit-overflow-scrolling:touch}.predictive-search-main .greenx-search-scroll::-webkit-scrollbar,.predictive-search-main .tab-panel-panels::-webkit-scrollbar{width:6px}.predictive-search-main .greenx-search-scroll::-webkit-scrollbar-track,.predictive-search-main .tab-panel-panels::-webkit-scrollbar-track{background:transparent}.predictive-search-main .greenx-search-scroll::-webkit-scrollbar-thumb,.predictive-search-main .tab-panel-panels::-webkit-scrollbar-thumb{min-height:36px;border-radius:999px;background:#1254348c}.predictive-search-main .greenx-search-scroll::-webkit-scrollbar-thumb:hover,.predictive-search-main .tab-panel-panels::-webkit-scrollbar-thumb:hover{background:#125434c7}.predictive-search-main .tab-panel-panels .panel{min-width:0}.predictive-search-main .tab-panel-panels .card{width:100%;min-width:0;margin:0;padding:.75rem 1.25rem;border-block-end:1px solid rgba(var(--color-foreground),.08);background:rgb(var(--color-background))}.predictive-search-main .tab-panel-panels .card:last-child{border-block-end:0}.predictive-search-main .tab-panel-panels .card.card--horizontal{align-items:center;gap:1rem}.predictive-search-main .tab-panel-panels .card-content,.predictive-search-main .tab-panel-panels .card-heading,.predictive-search-main .tab-panel-panels .card-price{min-width:0;overflow-wrap:anywhere}.predictive-search-main .greenx-search-view-all{position:relative;z-index:3;display:block;width:100%;padding:.9rem 1.25rem;border-block-start:1px solid rgba(var(--color-foreground),.12);color:#125434;text-align:center;font-weight:700;background:rgb(var(--color-background))}.predictive-search-main .loading-placeholder{padding:1rem 1.25rem;background:rgb(var(--color-background))}.predictive-search-main .loading-placeholder .tab-placeholder-list{display:flex;align-items:center;gap:1rem;margin-block-end:1rem}.predictive-search-main .loading-placeholder .tab-placeholder-list .placeholder{width:6rem;height:2rem}.predictive-search-main .loading-placeholder .panel-placeholder .placeholder{height:6rem;margin-block-end:.5rem}.predictive-search-main .loading-placeholder .panel-placeholder .placeholder:last-child{margin-block-end:0}.section-header,.section-header .header-wrapper,.section-header .header,.section-header .header-main,.section-header .header-search{overflow:visible}.section-header .header-main{position:relative;z-index:40}.header-main .header-search{isolation:isolate}.header-main .header-search .search-wrapper{background:rgb(var(--color-background))}.header-main .header-search .search-wrapper:is(.in-focus,[open],[loading],[results=true]){z-index:50;height:auto;overflow:visible}.header-main .header-search .search-wrapper .search-pop-panel{width:100%;min-width:0;padding:0;overflow:hidden;border-radius:0 0 1.5rem 1.5rem;background:rgb(var(--color-background));box-shadow:0 .75rem 1.75rem #00000029}.header-main .header-search .search-wrapper .search-trending-main{padding:1.25rem;background:rgb(var(--color-background))}.header-main .header-search .search-wrapper:is(.in-focus,[open],[loading],[results=true]) .search-pop-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;max-height:min(var(--result-max-height, 50rem),calc(100dvh - var(--header-height, 6rem) - 1rem))}.search-drawer .search-wrapper,.search-drawer .search-form,.search-drawer .search-pop-panel{width:100%;min-width:0;min-height:0}.search-drawer .search-pop-panel{grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:rgb(var(--color-background))}.search-drawer .predictive-search-main{max-height:min(var(--result-max-height, 65dvh),calc(100dvh - 10rem))}@media screen and (max-width:479px){.predictive-search-main .tab-panel-tabs{gap:.25rem .65rem;padding:.65rem .75rem}.predictive-search-main .tab-panel-tabs .tab{font-size:.8125rem}.predictive-search-main .tab-panel-panels .card{padding:.625rem .75rem}.predictive-search-main .tab-panel-panels .card.card--horizontal{gap:.75rem}.predictive-search-main .tab-panel-panels .card.card--horizontal .card-media{width:4.5rem}.predictive-search-main .tab-panel-panels .card-horizontal-buttons{flex:0 0 auto}.predictive-search-main .greenx-search-view-all{padding:.8rem .75rem;font-size:.875rem}.header-main .header-search .search-wrapper .search-pop-panel{border-radius:0 0 1rem 1rem}}@media screen and (min-width:480px)and (max-width:749px){.predictive-search-main .tab-panel-tabs,.predictive-search-main .tab-panel-panels .card,.predictive-search-main .greenx-search-view-all{padding-inline:1rem}}@media screen and (min-width:750px){.predictive-search-main .greenx-search-scroll,.predictive-search-main .tab-panel-panels{max-height:min(60dvh,var(--result-max-height, 42rem))}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-predictive-search.css.map */