.lop-search-overlay{--lop-search-top: 106px;--lop-search-bg: #ffffff;--lop-search-text: #1e1e1e;--lop-search-muted: rgba(30, 30, 30, .55);--lop-search-border-desktop: #b3c3cb;--lop-search-border-mobile: #d3d4d4;--lop-search-pill-bg: rgba(30, 30, 30, .05);--lop-search-backdrop: rgba(0, 0, 0, .35);--lop-search-radius-panel: 8px;--lop-search-radius-input: 6px;--lop-search-radius-pill: 39px;--lop-search-input-h: 57px;--lop-search-pill-h: 50px;--lop-search-z: 10015;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--lop-search-z);pointer-events:none;visibility:hidden}.lop-search-overlay.is-active{visibility:visible}.lop-search-overlay.is-active .lop-search-overlay__backdrop,.lop-search-overlay.is-active .lop-search-overlay__panel{pointer-events:auto}.lop-search-overlay[hidden]{display:none!important}.lop-search-overlay.is-active[hidden]{display:block!important}html.lop-search-open,body.lop-search-open{overflow:hidden}body.lop-search-open>xo-tooltip-content{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body.lop-search-open .lop-header .custom-mega-menu,body.lop-search-open .lop-header .xo-menu-horizontal__sub-menu,body.lop-search-open .lop-header .xo-menu-horizontal__mega-menu{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}.lop-search-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;top:var(--lop-search-top);background:var(--lop-search-backdrop);opacity:0;transition:opacity .2s ease}.lop-search-overlay.is-active .lop-search-overlay__backdrop{opacity:1}.lop-search-overlay__panel{position:absolute;top:var(--lop-search-top);left:0;right:0;width:100%;background:var(--lop-search-bg);color:var(--lop-search-text);border-radius:0 0 var(--lop-search-radius-panel) var(--lop-search-radius-panel);box-shadow:0 8px 24px #00000014;max-height:calc(100dvh - var(--lop-search-top));overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(-8px);opacity:0;transition:opacity .2s ease,transform .2s ease;box-sizing:border-box}@media(max-width:1139px){.lop-search-overlay__backdrop{background:var(--lop-search-bg)}.lop-search-overlay__panel{min-height:calc(100dvh - var(--lop-search-top));border-radius:0;box-shadow:none}}@media(min-width:1140px){.lop-search-overlay{--lop-search-z: 10040}}.lop-search-overlay.is-active .lop-search-overlay__panel{transform:translateY(0);opacity:1}.lop-search-overlay__inner{width:100%;max-width:1440px;margin:0 auto;padding:16px;box-sizing:border-box}.lop-search-overlay__form{margin:0}.lop-search-overlay__input-row{display:flex;align-items:center;gap:12px;width:100%;max-width:1036px;margin:0 auto}.lop-search-overlay__input-wrap{position:relative;flex:1 1 auto;min-width:0}.lop-search-overlay__input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;color:var(--lop-search-text);pointer-events:none}.lop-search-overlay__input{width:100%;height:var(--lop-search-input-h);padding:0 16px 0 48px;border:1px solid var(--lop-search-border-mobile);border-radius:var(--lop-search-radius-input);background:var(--lop-search-bg);color:var(--lop-search-text);font-family:inherit;font-size:16px;font-weight:400;line-height:1.2;outline:none;box-sizing:border-box;appearance:none;-webkit-appearance:none}.lop-search-overlay__input::placeholder{color:var(--lop-search-muted);font-weight:400}.lop-search-overlay__input::-webkit-search-decoration,.lop-search-overlay__input::-webkit-search-cancel-button{-webkit-appearance:none}.lop-search-overlay__cancel{flex:0 0 auto;border:0;background:transparent;padding:0;margin:0;font-family:inherit;font-size:14px;font-weight:400;line-height:1.2;color:var(--lop-search-text);cursor:pointer;white-space:nowrap;display:none}.lop-search-overlay__body{margin-top:24px}.lop-search-overlay__trending-title,.lop-search-overlay__results-title{margin:0 0 16px;text-align:center;font-family:var(--font-heading-family, inherit);font-weight:900;font-size:24px;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:var(--lop-search-text)}.lop-search-overlay__trending-items{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;margin:0 auto}.lop-search-overlay__pill{display:inline-flex;align-items:center;gap:8px;height:var(--lop-search-pill-h);padding:0 16px;border-radius:var(--lop-search-radius-pill);background:var(--lop-search-pill-bg);color:var(--lop-search-text);text-decoration:none;font-family:inherit;font-size:16px;font-weight:400;line-height:1;box-sizing:border-box;transition:background .15s ease}a.lop-search-overlay__pill:hover{background:#1e1e1e1a}.lop-search-overlay__pill-icon{display:inline-flex;flex:0 0 20px;width:20px;height:20px;border-radius:50%;overflow:hidden;background:#1e1e1e14}.lop-search-overlay__pill-icon img{width:100%;height:100%;object-fit:cover;display:block}.lop-search-overlay__pill-label{white-space:nowrap}.lop-search-overlay__results-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.lop-search-overlay__results-title{margin:0;text-align:left;font-size:18px;font-weight:700}.lop-search-overlay__view-all{font-size:14px;font-weight:400;color:var(--lop-search-text);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.lop-search-overlay__results-grid{position:relative;min-height:40px}.lop-search-overlay .lop-search-results-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-mobile-vertical-spacing, 14px) var(--grid-mobile-horizontal-spacing, 14px);list-style:none;margin:0;padding:0}.lop-search-overlay .lop-search-results-products__item{min-width:0}.lop-search-overlay .lop-search-results-products .xo-product-card{width:100%;height:100%}.lop-search-results-empty{margin:8px 0 0;text-align:center;font-size:14px;font-weight:400;color:var(--lop-search-muted)}.lop-search-overlay__loading{display:flex;align-items:center;justify-content:center;padding:24px 0}.lop-search-overlay__loading[hidden]{display:none!important}.lop-search-overlay__spinner{width:28px;height:28px;border:2px solid rgba(30,30,30,.15);border-top-color:var(--lop-search-text);border-radius:50%;animation:lop-search-spin .7s linear infinite}@keyframes lop-search-spin{to{transform:rotate(360deg)}}@media(min-width:1140px){.lop-search-overlay__inner{padding:20px 30px 30px}.lop-search-overlay__input{border-color:var(--lop-search-border-desktop)}.lop-search-overlay__cancel{display:inline-flex;align-items:center}.lop-search-overlay__trending-title{font-size:30px;margin-bottom:20px}.lop-search-overlay__trending-items{gap:10px;max-width:900px}.lop-search-overlay__pill{font-weight:500}.lop-search-overlay__body{margin-top:28px}.lop-search-overlay .lop-search-results-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--grid-desktop-vertical-spacing, 28px) var(--grid-desktop-horizontal-spacing, 28px)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/lop-search-overlay.css.map */