.lop-mobile-search-clear{display:none}@media only screen and (max-width:1067px){.thb-secondary-area--item.thb-secondary-search.lop-mobile-search-toggle{display:inline-flex!important;cursor:pointer;border:0;font:inherit}.lop-mobile-search-toggle__icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.lop-mobile-search-toggle__icon svg{width:22px;height:22px}.lop-mobile-search-toggle__icon--close{display:none}.lop-mobile-search-toggle__icon--close svg path{stroke:var(--color-header-text, var(--color-body, #252525));stroke-width:1.5}body.lop-mobile-search-active .lop-mobile-search-toggle__icon--search{display:none}body.lop-mobile-search-active .lop-mobile-search-toggle__icon--close{display:inline-flex}body.lop-mobile-search-active .header-section,body.lop-mobile-search-active theme-header{position:relative;z-index:101}.header .searchform{display:none!important;order:unset!important;margin-top:0!important}body.lop-mobile-search-active .header .searchform{display:flex!important;flex-direction:column!important;position:fixed!important;top:calc(var(--header-height, 0px) + var(--header-offset, 0px))!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:calc(100vh - var(--header-height, 0px) - var(--header-offset, 0px))!important;min-height:0!important;z-index:100;background:var(--bg-body, #fff);overflow:hidden!important;padding:0!important;margin:0!important}@supports (height: 100dvh){body.lop-mobile-search-active .header .searchform{height:calc(100dvh - var(--header-height, 0px) - var(--header-offset, 0px))!important}}body.lop-mobile-search-active .searchform>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;margin:0}body.lop-mobile-search-active .searchform--click-capture{display:none}body.lop-mobile-search-active .searchform--form{display:flex!important;flex-direction:column!important;flex:1 1 auto;min-height:0;height:100%;margin:0!important;width:100%!important;overflow:hidden}body.lop-mobile-search-active .lop-mobile-search-bar{position:relative;flex:0 0 auto;z-index:40;background:var(--bg-body, #fff);padding:12px 15px 8px}body.lop-mobile-search-active .lop-mobile-search-bar .search-field{display:block;width:100%;border-radius:0;border:0;border-bottom:1px solid var(--color-body, #252525);background:transparent;padding:12px 18px 12px 28px}body.lop-mobile-search-active.search-has-query .lop-mobile-search-bar .search-field{padding-right:88px}body.lop-mobile-search-active .lop-mobile-search-bar .search-field::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}body.lop-mobile-search-active .lop-mobile-search-bar .thb-search-submit{position:absolute;left:15px;right:auto;top:12px;width:28px;height:46px;bottom:auto;padding:0;justify-content:flex-start}body.lop-mobile-search-active .lop-mobile-search-bar .thb-search-submit svg{width:18px;height:18px}body.lop-mobile-search-active.search-has-query .lop-mobile-search-clear{display:inline-flex;align-items:center;position:absolute;top:12px;right:15px;bottom:auto;height:46px;z-index:2;padding:0 4px;border:0;background:transparent;color:var(--color-body, #252525);font-size:.75rem;font-weight:var(--font-body-medium-weight, 500);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;line-height:1}body.lop-mobile-search-active .lop-mobile-search-panel{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 15px 30px;overscroll-behavior:contain}body.lop-mobile-search-active.search-has-query .thb-predictive-search-wrapper,body.lop-mobile-search-active.search-has-query .thb-predictive-search-wrapper.has-search-term{display:flex!important;flex-direction:column!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;margin-top:4px!important;box-shadow:none!important;border:1px solid var(--color-border, #e0e0e0)!important;background:var(--bg-body, #fff)!important;float:none!important}body.lop-mobile-search-active.search-has-query .thb-predictive-search-collections,body.lop-mobile-search-active.search-has-query .thb-predictive-search{display:block!important;position:relative!important;width:100%!important;max-width:none!important;min-width:0!important;border-right:0!important;border-radius:0!important;box-shadow:none!important}body.lop-mobile-search-active.search-has-query .thb-predictive-search-collections{border-bottom:1px solid var(--color-border, #e0e0e0)}body.lop-mobile-search-active.search-has-query .thb-predictive-search--container{max-height:none!important;overflow:visible!important}body.lop-mobile-search-active.search-has-query .thb-predictive-search--label{position:static!important;top:auto!important}body.lop-mobile-search-active.search-has-query .thb-predictive-search--footer-collections{display:block!important}body.lop-mobile-search-active.search-has-query .product-cart-item{display:flex!important;flex-direction:row!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:0}body.lop-mobile-search-active.search-has-query .product-cart-item-image{width:64px;min-width:64px;margin-right:15px;margin-bottom:0}body.lop-mobile-search-active.search-has-query .product-cart-item-info{flex:1;min-width:0}body.lop-mobile-search-active .lop-mobile-search-bar,body.lop-mobile-search-active .lop-mobile-search-panel{display:block}.lop-mobile-search-drawer__section+.lop-mobile-search-drawer__section{margin-top:28px}.lop-mobile-search-drawer__heading{margin:0 0 16px;font-size:1rem;font-weight:var(--font-body-bold-weight, 700);line-height:1.3;color:var(--color-header-text, var(--color-body));text-transform:none}.lop-mobile-search-drawer__pills{display:flex;flex-wrap:wrap;gap:10px}.lop-mobile-search-drawer__pill{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid var(--color-border, #e0e0e0);border-radius:999px;background:var(--bg-body, #fff);color:var(--color-body, #252525);font-size:.875rem;line-height:1.2;text-decoration:none;white-space:nowrap}.lop-mobile-search-drawer__pill:hover,.lop-mobile-search-drawer__pill:focus{border-color:var(--color-body, #252525)}.lop-mobile-search-drawer__categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lop-mobile-search-drawer__category{position:relative;display:block;overflow:hidden;border-radius:4px;text-decoration:none;color:#fff;aspect-ratio:4 / 5}.lop-mobile-search-drawer__category-image{position:absolute;top:0;right:0;bottom:0;left:0}.lop-mobile-search-drawer__category-image img,.lop-mobile-search-drawer__category-image .lazyload,.lop-mobile-search-drawer__category-image .lazyloading,.lop-mobile-search-drawer__category-image .lazyloaded{width:100%;height:100%;object-fit:cover}.lop-mobile-search-drawer__category-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background:linear-gradient(180deg,#0000 40%,#0000008c)}.lop-mobile-search-drawer__category-title{display:block;font-size:1.125rem;font-weight:var(--font-body-bold-weight, 700);line-height:1.2;margin-bottom:4px}.lop-mobile-search-drawer__category-link{display:inline-block;font-size:.75rem;font-weight:var(--font-body-medium-weight, 500);text-decoration:underline;text-underline-offset:2px;text-transform:uppercase;letter-spacing:.04em}body.lop-mobile-search-active.search-has-query .lop-mobile-search-drawer{display:none}}@media only screen and (min-width:1068px){.lop-mobile-search-drawer,.lop-mobile-search-clear{display:none!important}.lop-mobile-search-bar,.lop-mobile-search-panel{display:contents}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/lop-mobile-search-drawer.css.map */