.search-bar-section{position:relative;z-index:40}.search-bar-component{width:100%;max-width:var(--search-width, 800px);margin:0 auto;position:relative}.search-bar-component--full-width{max-width:100%}.search-bar-component .search-form{width:100%;display:block}.search-bar-component .searchform--form{display:flex;position:relative;width:100%}.search-bar-component input.search-field{flex:1;border-radius:var(--border-radius, 25px);height:var(--input-height, 50px);padding:10px 60px 10px 20px;border:1px solid var(--border-color, #e8e8e8);font-size:16px;background:var(--input-bg, #f5f5f7);color:var(--text-color, #86868b);transition:all .3s ease;margin-bottom:0}.search-bar-component input.search-field:focus{outline:none;border-color:var(--button-bg, #007bff);box-shadow:0 0 0 3px #007bff1a;background:var(--input-bg, #ffffff);color:var(--text-color, #333333)}.search-bar-component .search-bar-button{position:absolute;right:1px;top:50%;transform:translateY(-50%);border-radius:50%;padding:8px;cursor:pointer;width:var(--input-height, 50px);height:var(--input-height, 50px);border:none;transition:all .3s ease;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;background:var(--button-bg, #333)}.search-bar-component .search-bar-button:hover{background:#007bff1a}.search-bar-component .search-bar-button svg{fill:var(--button-text, #86868b);width:18px;height:18px}.search-bar-component input.search-field:focus+.search-bar-button svg{fill:var(--button-text, var(--button-bg, #007bff))}.search-bar-component .thb-predictive-search{position:absolute;top:calc(100% + 5px);height:calc(80vh - 100px);left:0;width:100%;z-index:90;background:var(--bg-body, #ffffff);border-radius:25px;box-shadow:0 6px 24px #0000000d,0 0 0 1px var(--color-border, #e0e0e0);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;max-height:calc(100vh - 200px);overflow-y:auto;font-size:.875rem}.search-bar-component .thb-predictive-search:not([inert]){opacity:1;visibility:visible;transform:translateY(0)}.search-bar-component .thb-predictive-search--container{position:relative}.search-bar-component .thb-predictive-search--label{display:block;position:sticky;top:0;left:0;z-index:1;background-color:var(--bg-body, #ffffff);font-weight:500;font-size:.75rem;line-height:1;letter-spacing:.05em;text-transform:uppercase;padding:13px 20px;border-bottom:1px solid var(--color-border, #e0e0e0);color:#3339;border-radius:25px 25px 0 0}.search-bar-component .thb-predictive-search--label:first-child{border-radius:25px 25px 0 0}.search-bar-component .thb-predictive-search--content{padding:0 20px;gap:10px}.search-bar-component .thb-predictive-search--content:last-child{padding-bottom:20px}.search-bar-component .thb-predictive-search--content a{font-family:Dia-Bold,serif;display:flex;align-items:center;padding:8px 0;text-decoration:none;color:#666;transition:color .3s ease;border-bottom:1px solid #f0f0f0;font-size:.875rem}.search-bar-component .thb-predictive-search--content a.cart-product-link,.search-bar-component .product-cart-item-image a{padding:0;border-bottom:none}.search-bar-component .thb-predictive-search--content a:last-child{border-bottom:none}.search-bar-component .thb-predictive-search--content a:hover{color:#007bff}.search-bar-component .thb-predictive-search--content a svg{width:14px;height:14px;margin-right:10px;fill:currentColor}.search-bar-component .product-cart-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.search-bar-component .product-cart-item:last-child{border-bottom:none}.search-bar-component .product-cart-item-image{width:50px;height:50px;border-radius:6px;overflow:hidden;margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.search-bar-component .product-cart-item-image a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.search-bar-component .product-cart-item-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.search-bar-component .product-cart-item-image picture{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.search-bar-component .product-cart-item-image picture img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.search-bar-component .thb-predictive-search--collection img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:50px}.search-bar-component .product-cart-item-title,.search-bar-component .product-cart-item-details{flex:1}.search-bar-component .cart-product-link{color:#333;text-decoration:none;font-weight:500;line-height:1.3;font-size:.875rem}.search-bar-component .cart-product-link:hover{color:#007bff}.search-bar-component .thb-predictive-search--meta{font-size:.75rem;color:#999;margin-top:2px}.search-bar-component .thb-predictive-search--footer{border-top:1px solid var(--color-border, #e0e0e0);padding:15px 20px;text-align:center;border-radius:0 0 25px 25px}.search-bar-component .thb-predictive-search--footer button{background:transparent;color:#333;border:none;padding:10px 20px;border-radius:0;font-weight:400;cursor:pointer;transition:color .3s ease;font-size:.875rem}.search-bar-component .thb-predictive-search--footer button:hover{color:#007bff;background:transparent}.search-bar-component .searchform--click-capture{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:5;display:none}.open-search .search-bar-component .searchform--click-capture{display:block}.search-bar-component .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:25px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:20}.search-bar-component .thb-predictive-search.loading .loading-overlay{opacity:1;visibility:visible}.search-bar-component .thb-predictive-search.loading .thb-predictive-search--container{opacity:.5;pointer-events:none}.search-bar-component .loading-overlay svg{width:21px;height:21px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.search-bar-section{padding:20px 0}.search-bar-component{max-width:100%;padding:0 20px}.search-bar-component input.search-field{font-size:16px;height:45px}.search-bar-component .search-bar-button{width:45px;height:45px}}.search-bar-component .thb-predictive-search--content .highlight{font-weight:var(--font-body-medium-weight, 500);background-color:#ffffaf;padding:0 2px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/search-bar.css.map */