:root{--oi-search-green: #176b45;--oi-search-orange: #f28a2e;--oi-search-yellow: #f5c542;--oi-search-ink: #17231d;--oi-search-muted: #68736d;--oi-search-line: rgba(23, 35, 29, .12);--oi-search-soft: #f6f7f5}.template-search__search predictive-search{position:relative;z-index:40;display:block;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.template-search__search .predictive-search--search-template{position:absolute;z-index:1200;top:calc(100% + .8rem);right:0;left:0;display:none;width:100%;overflow-x:hidden;overflow-y:auto;border:1px solid var(--oi-search-line);border-radius:2rem;background:#fff;box-shadow:0 2rem 6rem #0a1c1324;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.template-search__search predictive-search[open] .predictive-search--search-template{display:block}.template-search__search predictive-search[open]{z-index:1200}.template-search__search .oi-predictive__layout{grid-template-columns:minmax(0,1fr)}.template-search__search .oi-predictive__side{border-right:0;border-top:1px solid var(--oi-search-line);border-bottom:0}.predictive-search__loading-state{display:none}predictive-search[loading] .predictive-search__loading-state{display:block}.oi-header-search,.oi-header-search *{box-sizing:border-box}.oi-header-search .search-modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100dvh;min-height:100dvh;align-items:center;justify-content:center;padding:clamp(1.2rem,3vw,3.2rem);overflow-x:hidden;overflow-y:auto;border:0;background:#0f1f1752;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.oi-header-search .modal-overlay{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:transparent}.oi-header-search .search-modal__content.oi-search__panel{position:relative;z-index:1;display:flex;width:min(112rem,100%);height:auto;max-height:calc(100dvh - clamp(2.4rem,6vw,6.4rem));align-items:stretch;flex-direction:column;margin:auto;padding:clamp(2.2rem,4vw,4.2rem);overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:3rem;background:radial-gradient(circle at 94% 3%,rgba(242,138,46,.16),transparent 22rem),radial-gradient(circle at 4% 100%,rgba(23,107,69,.09),transparent 26rem),rgb(var(--color-background));box-shadow:0 3rem 10rem #0a1c133d;color:rgb(var(--color-foreground))}.oi-search__header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:clamp(1.8rem,3vw,3rem)}.oi-search__intro{min-width:0}.oi-search__eyebrow{display:block;margin-bottom:.65rem;color:var(--oi-search-orange);font-size:1.05rem;font-weight:750;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.oi-search__title{max-width:22ch;margin:0;color:var(--oi-search-ink);font-size:clamp(2.6rem,4vw,4.2rem);font-weight:760;letter-spacing:-.04em;line-height:1.02}.oi-header-search .search-modal__close-button.oi-search__close{position:static;display:grid;width:4.6rem;min-width:4.6rem;height:4.6rem;min-height:4.6rem;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid var(--oi-search-line);border-radius:999px;background:#ffffffd1;color:var(--oi-search-ink);transition:border-color .18s ease,color .18s ease,transform .18s ease}.oi-header-search .search-modal__close-button.oi-search__close:hover{border-color:var(--oi-search-orange);color:var(--oi-search-orange);transform:rotate(5deg)}.oi-search__close .svg-wrapper,.oi-search__close svg{width:1.8rem;height:1.8rem}.oi-search__predictive{display:block;min-height:0}.oi-search__form{position:relative;display:block;width:100%;min-width:0;max-width:none;margin:0}.oi-search__field{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.6rem;width:100%;padding:0 0 .8rem;border:0;border-bottom:2px solid var(--oi-search-line);border-radius:0;background:transparent;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease}.oi-search__field:focus-within{border-color:var(--oi-search-green);box-shadow:none}.oi-search__field-icon{display:grid;width:4.4rem;height:4.4rem;place-items:center;color:var(--oi-search-green)}.oi-search__field-icon .icon,.oi-search__field-icon svg{width:2rem;height:2rem}.oi-search__input{width:100%;min-width:0;height:5.4rem;padding:0 1rem;border:0;outline:0;background:transparent;box-shadow:none;color:var(--oi-search-ink);font:inherit;font-size:clamp(1.55rem,2vw,1.8rem);line-height:1}.oi-search__input::placeholder{color:#939b97;opacity:1}.oi-search__reset,.oi-search__submit{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;margin:0;border:0;outline:0;box-shadow:none!important;-webkit-appearance:none;appearance:none;cursor:pointer}.oi-search__reset:before,.oi-search__reset:after,.oi-search__submit:before,.oi-search__submit:after{display:none!important;content:none!important;border:0!important;box-shadow:none!important}.oi-search__reset{display:grid;width:4.2rem;height:4.2rem;place-items:center;border-radius:999px;background:transparent;color:var(--oi-search-muted)}.oi-search__reset:hover{background:var(--oi-search-soft);color:var(--oi-search-ink)}.oi-search__reset .svg-wrapper,.oi-search__reset svg{width:1.7rem;height:1.7rem}.oi-search__submit{display:inline-flex;min-width:12.5rem;min-height:5.2rem;align-items:center;justify-content:center;gap:1rem;padding:1rem 2.1rem;overflow:hidden;border-radius:999px!important;background:var(--oi-search-green)!important;background-color:var(--oi-search-green)!important;color:#fff!important;font:inherit;font-size:1.35rem;font-weight:720;transition:background .18s ease,transform .18s ease}.oi-search__submit:hover{background:var(--oi-search-orange)!important;background-color:var(--oi-search-orange)!important;transform:translateY(-1px)}.oi-search__submit .svg-wrapper,.oi-search__submit svg{display:block;width:1.6rem;height:1.6rem;color:#fff!important}.oi-search__quick-start{padding-top:1.7rem}predictive-search[open] .oi-search__quick-start{display:none}.oi-search__predictive[open]+.oi-search__footer-note{display:none}.oi-search__quick-label{display:block;margin-bottom:.9rem;color:var(--oi-search-muted);font-size:1.05rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.oi-search__chips{display:flex;flex-wrap:wrap;gap:.8rem}.oi-search__chips a{display:inline-flex;min-height:3.8rem;align-items:center;padding:.75rem 1.35rem;border:1px solid var(--oi-search-line);border-radius:999px;background:#ffffffb8;color:var(--oi-search-ink);font-size:1.2rem;line-height:1;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.oi-search__chips a:hover{border-color:var(--oi-search-orange);background:#f28a2e14;color:#a74d08;transform:translateY(-1px)}.oi-search__footer-note{display:flex;align-items:center;gap:.7rem;margin-top:1.8rem;color:var(--oi-search-muted);font-size:1.1rem}.oi-search__footer-note>span:first-child{color:var(--oi-search-orange)}.oi-header-search .predictive-search--header{position:relative;top:auto;left:auto;display:none;width:100%;max-height:none;margin-top:1.6rem;overflow-x:hidden;overflow-y:auto;border:1px solid var(--oi-search-line);border-radius:2.2rem;background:#ffffffe6;box-shadow:none;color:var(--oi-search-ink);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.oi-header-search predictive-search[open] .predictive-search--header{display:block}.oi-header-search predictive-search[loading] .predictive-search--header{min-height:9rem}.oi-header-search .predictive-search__loading-state{display:none}.oi-header-search predictive-search[loading] .predictive-search__loading-state{position:absolute;top:3rem;left:50%;display:block;transform:translate(-50%)}.oi-predictive{min-width:0}.oi-predictive__layout{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.oi-predictive__layout--products-only,.oi-predictive__layout--suggestions-only{grid-template-columns:minmax(0,1fr)}.oi-predictive__side,.oi-predictive__products{min-width:0;padding:clamp(1.6rem,2.5vw,2.6rem)}.oi-predictive__side{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:2rem;border-top:1px solid var(--oi-search-line);border-right:0;background:#f6f7f5b8}.oi-predictive__layout--suggestions-only .oi-predictive__side{border-top:0}.oi-predictive__section+.oi-predictive__section{margin-top:0;padding-top:0;padding-left:2rem;border-top:0;border-left:1px solid var(--oi-search-line)}.oi-predictive__heading{margin:0 0 1rem;padding:0;border:0;color:var(--oi-search-muted);font-size:1.05rem;font-weight:750;letter-spacing:.11em;line-height:1.2;text-transform:uppercase}.oi-predictive__suggestions,.oi-predictive__pages,.oi-predictive__product-grid{margin:0;padding:0}.oi-predictive__suggestion{display:flex;min-height:4.2rem;align-items:center;gap:1rem;padding:.75rem .8rem;border-radius:1.1rem;color:var(--oi-search-ink);font-size:1.3rem;line-height:1.3;text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease}.oi-predictive__suggestion:hover,[aria-selected=true]>.oi-predictive__suggestion{background:#176b4514;color:var(--oi-search-green);transform:translate(.25rem)}.oi-predictive__mini-icon{display:grid;width:2.8rem;height:2.8rem;flex:0 0 auto;place-items:center;border-radius:999px;background:#fff;color:var(--oi-search-green)}.oi-predictive__mini-icon svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.oi-predictive__mini-icon--collection{color:var(--oi-search-orange)}.oi-predictive__page-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .8rem;border-radius:.9rem;color:var(--oi-search-muted);font-size:1.2rem;line-height:1.35;text-decoration:none}.oi-predictive__page-link:hover,[aria-selected=true]>.oi-predictive__page-link{background:#fff;color:var(--oi-search-ink)}.oi-predictive__products-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.oi-predictive__products-head .oi-predictive__heading{margin:0}.oi-predictive__count{color:var(--oi-search-muted);font-size:1.1rem}.oi-predictive__product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.oi-predictive__product-item{min-width:0}.oi-predictive__product{position:relative;display:grid;min-width:0;min-height:11.2rem;grid-template-columns:9.2rem minmax(0,1fr) auto;align-items:center;gap:1.3rem;padding:.9rem 1rem .9rem .9rem;overflow:hidden;border:1px solid var(--oi-search-line);border-radius:1.6rem;background:#fff;color:var(--oi-search-ink);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.oi-predictive__product:hover,[aria-selected=true]>.oi-predictive__product{border-color:#f28a2e94;box-shadow:0 1.2rem 2.8rem #2c363117;transform:translateY(-2px)}.oi-predictive__media{position:relative;display:grid;width:9.2rem;height:9.2rem;place-items:center;overflow:hidden;border-radius:1.2rem;background:var(--oi-search-soft)}.oi-predictive__image{display:block;width:100%;height:100%;object-fit:contain;transition:transform .22s ease}.oi-predictive__product:hover .oi-predictive__image{transform:scale(1.045)}.oi-predictive__placeholder{padding:1.4rem}.oi-predictive__sold-out{position:absolute;right:.45rem;bottom:.45rem;left:.45rem;padding:.35rem .5rem;border-radius:999px;background:#17231dd1;color:#fff;font-size:.85rem;font-weight:700;line-height:1;text-align:center}.oi-predictive__product-content{display:block;min-width:0}.oi-predictive__vendor{display:block;margin-bottom:.45rem;overflow:hidden;color:var(--oi-search-green);font-size:.9rem;font-weight:700;letter-spacing:.09em;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.oi-predictive__product-title{display:-webkit-box;overflow:hidden;color:var(--oi-search-ink);font-size:1.25rem;font-weight:680;letter-spacing:-.01em;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.oi-predictive__price{display:block;margin-top:.65rem}.oi-predictive__price .price{font-size:1.15rem}.oi-predictive__price .price-item{margin:0 .5rem 0 0}.oi-predictive__arrow{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:999px;background:var(--oi-search-soft);color:var(--oi-search-green);font-size:1.4rem;transition:background .18s ease,color .18s ease,transform .18s ease}.oi-predictive__product:hover .oi-predictive__arrow{background:var(--oi-search-orange);color:#fff;transform:translate(.2rem)}.oi-predictive__empty{display:grid;min-height:17rem;place-items:center;align-content:center;padding:3rem;text-align:center}.oi-predictive__empty-icon{display:grid;width:5rem;height:5rem;place-items:center;margin-bottom:1.2rem;border-radius:999px;background:#f28a2e1f;color:var(--oi-search-orange)}.oi-predictive__empty-icon svg{width:2.2rem;height:2.2rem}.oi-predictive__empty p{margin:0;color:var(--oi-search-ink);font-size:1.5rem;font-weight:650}.oi-predictive__empty small{margin-top:.5rem;color:var(--oi-search-muted);font-size:1.1rem}.oi-predictive__all-results{border-top:1px solid var(--oi-search-line);background:#fff}.oi-predictive__all-button{display:flex;width:100%;min-height:5.8rem;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem clamp(1.6rem,2.5vw,2.6rem);border:0;background:transparent;color:var(--oi-search-ink);cursor:pointer;font:inherit;font-size:1.25rem;font-weight:680;text-align:left}.oi-predictive__all-button:hover,.oi-predictive__all-button[aria-selected=true]{color:var(--oi-search-green)}.oi-predictive__all-arrow{display:grid;width:3rem;height:3rem;flex:0 0 auto;place-items:center;border-radius:999px;background:var(--oi-search-green);color:#fff;transition:background .18s ease,transform .18s ease}.oi-predictive__all-button:hover .oi-predictive__all-arrow{background:var(--oi-search-orange);transform:translate(.2rem)}@media screen and (max-width:989px){.oi-predictive__product-grid{grid-template-columns:1fr}}@media screen and (max-width:749px){.template-search__search predictive-search[open]{z-index:2147482000}.template-search__search .predictive-search--search-template{position:absolute;z-index:2147482000;top:calc(100% + .8rem);right:0;left:0;width:100%;max-height:calc(100dvh - 12rem);margin:0;border-radius:1.7rem;background:#fff!important;box-shadow:0 1.8rem 5rem #0a1c1333;overscroll-behavior:contain}.template-search__search .predictive-search--search-template .oi-predictive{background:#fff}.template-search__search .oi-predictive__products{padding:1.4rem}.template-search__search .oi-predictive__side{padding:1.3rem 1.4rem;background:#f8f9f7}.template-search__search .oi-predictive__all-results{position:sticky;z-index:3;bottom:0}.oi-header-search .search-modal{align-items:stretch;padding:0;background:rgb(var(--color-background));backdrop-filter:none;-webkit-backdrop-filter:none}.oi-header-search .search-modal__content.oi-search__panel{width:100%;height:100dvh;max-height:100dvh;margin:0;padding:2rem 1.5rem max(1.6rem,env(safe-area-inset-bottom));border:0;border-radius:0;background:radial-gradient(circle at 100% 0,rgba(242,138,46,.12),transparent 15rem),rgb(var(--color-background));box-shadow:none}.oi-search__header{align-items:center;margin-bottom:1.6rem}.oi-search__eyebrow{margin-bottom:.35rem;font-size:.9rem}.oi-search__title{max-width:18ch;font-size:clamp(2.2rem,7.6vw,3rem);line-height:1.06}.oi-header-search .search-modal__close-button.oi-search__close{width:4.2rem;min-width:4.2rem;height:4.2rem;min-height:4.2rem}.oi-search__field{grid-template-columns:auto minmax(0,1fr) auto auto;padding:0 0 .6rem;border-radius:0}.oi-search__field-icon{width:3.6rem;height:4.6rem}.oi-search__input{height:4.8rem;padding:0 .3rem;font-size:1.5rem}.oi-search__reset{width:3.7rem;height:3.7rem}.oi-search__submit{width:4.7rem;height:4.7rem;min-width:4.7rem;min-height:4.7rem;padding:0;border-radius:999px!important;background:var(--oi-search-green)!important;background-color:var(--oi-search-green)!important;color:#fff!important;box-shadow:none!important}.oi-search__submit-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.oi-search__quick-start{padding-top:1.5rem}.oi-search__chips{flex-wrap:nowrap;margin-right:-1.5rem;padding-right:1.5rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.oi-search__chips::-webkit-scrollbar{display:none}.oi-search__chips a{flex:0 0 auto;scroll-snap-align:start}.oi-search__footer-note{margin-top:auto;padding-top:1.2rem}.oi-header-search .predictive-search--header{margin-top:1.2rem;border-radius:1.7rem}.oi-predictive__layout{grid-template-columns:1fr}.oi-predictive__side{display:block;padding:1.6rem;border-right:0;border-top:1px solid var(--oi-search-line);border-bottom:0}.oi-predictive__products{padding:1.6rem}.oi-predictive__suggestions{display:flex;gap:.7rem;padding-bottom:.2rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.oi-predictive__suggestions::-webkit-scrollbar{display:none}.oi-predictive__suggestions .predictive-search__list-item{flex:0 0 auto}.oi-predictive__suggestion{min-height:3.8rem;padding:.55rem 1rem;border:1px solid var(--oi-search-line);background:#fff;white-space:nowrap}.oi-predictive__mini-icon{width:2.4rem;height:2.4rem}.oi-predictive__section--pages{display:none}.oi-predictive__section+.oi-predictive__section{padding-left:0;border-left:0}.oi-predictive__product-grid{grid-template-columns:1fr;gap:.8rem}.oi-predictive__product{min-height:8.8rem;grid-template-columns:7.2rem minmax(0,1fr) auto;gap:1rem;padding:.75rem;border-radius:1.35rem}.oi-predictive__media{width:7.2rem;height:7.2rem;border-radius:1rem}.oi-predictive__product-title{font-size:1.2rem}.oi-predictive__arrow{width:2.6rem;height:2.6rem}.oi-predictive__all-button{min-height:5.4rem;padding:1.2rem 1.6rem}}@media screen and (max-width:390px){.oi-search__field-icon{display:none}.oi-search__field{grid-template-columns:minmax(0,1fr) auto auto}.oi-search__input{padding-left:1rem}}@media(prefers-reduced-motion:reduce){.oi-header-search *,.oi-header-search *:before,.oi-header-search *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-predictive-search.css.map */