:root{--ps-search-input-height: 44px;--ps-spacing: 16px;--ps-spacing-half: 8px;--ps-panel-max-height: 650px;--ps-z-index: 9999;--ps-font-size: 16px;--ps-font-weight-medium: 500;--ps-font-weight-semibold: 600;--ps-font-weight-bold: 700;--ps-text-color: var(--section-text-color, #262627);--ps-primary-color: var(--section-text-color, #3e34d3);--ps-muted-color: var(--section-text-color-80, #807ea3);--ps-highlight-color: var(--section-text-color, #3e34d3);--ps-background-color: var(--section-background-color, #fff);--ps-border-color: var(--section-text-color-20, rgba(128, 126, 163, .3));--ps-input-border-color: var(--section-text-color-80, rgba(128, 126, 163, .8));--ps-selected-color: var(--section-text-color-20, rgba(179, 173, 214, .205));--ps-panel-shadow: 0 0 0 1px rgba(35, 38, 59, .1), 0 6px 16px -4px rgba(35, 38, 59, .15)}.predictive-search-container{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:var(--ps-z-index);background-color:#73728166;overflow-y:auto}.predictive-search-container.predictive-search--open{display:block}.predictive-search-wrapper{width:100%;min-height:100%;margin:0;overflow-y:auto;box-sizing:border-box}.predictive-search-form-container{display:flex;justify-content:center;align-items:center;box-shadow:none;border-radius:0;padding:0 60px 12px 20px;width:100%;position:relative;top:48px;left:0;right:0}.predictive-search-form{display:flex;width:64%;gap:var(--ps-spacing-half);height:36px}.predictive-search-input-wrapper{flex:1;display:flex;align-items:center;padding:0 40px;border:none;background:transparent}.predictive-search-icon{position:absolute;padding-left:12px}.predictive-search-icon svg{color:var(--section-text-color, #fff)}.predictive-search-icon svg line,.predictive-search-icon svg polyline{stroke:var(--section-text-color, #fff)}.predictive-search-input{flex:1;border:none!important;background:#fff!important;height:var(--ps-search-input-height);font-size:var(--ps-font-size);color:#000;padding:0 40px;outline:none!important;box-shadow:none!important;border-radius:25px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.predictive-search-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.predictive-search-input:focus,.predictive-search-input:focus-visible{border:none!important;outline:none!important;box-shadow:none!important}.predictive-search-input::placeholder{color:#00000080}.predictive-search-close{position:absolute;right:15px;top:48%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#fff;cursor:pointer;border-radius:0;z-index:10000}.predictive-search-close:hover{background:var(--section-text-color-20, rgba(0, 0, 0, .2))}.predictive-search-close svg{width:40px;height:40px}.predictive-search-results{position:absolute;top:10%;width:100vw;height:100vh;margin-top:20px;background:var(--ps-background-color)}.predictive-search-panel{padding:30px}.predictive-search-sections{display:flex;gap:var(--ps-spacing)}.predictive-search-section--left{width:25%;flex-shrink:0;padding-right:var(--ps-spacing)}.predictive-search-section--right{width:75%;padding-left:var(--ps-spacing)}.predictive-search-source{margin-bottom:var(--ps-spacing)}.predictive-search-source-header{margin:var(--ps-spacing-half) 0;position:relative}.predictive-search-source-title{background:var(--ps-background-color);color:#837f7f;font-size:1rem;text-transform:uppercase;font-weight:var(--ps-font-weight-semibold);padding-right:var(--ps-spacing-half);position:relative;z-index:1}.predictive-search-source-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#837f7f;opacity:.3}.predictive-search-list{list-style:none;margin:0;padding:0}.predictive-search-list--products{display:grid;grid-template-columns:repeat(3,300px);gap:var(--ps-spacing)}.predictive-search-item{cursor:pointer}.predictive-search-item-link{display:flex;align-items:center;gap:var(--ps-spacing-half);padding:calc(var(--ps-spacing-half) / 2);color:inherit;text-decoration:none}.predictive-search-item-icon{width:16px;height:16px;color:var(--ps-muted-color);flex-shrink:0}.predictive-search-item-text{font-size:.9em;color:var(--ps-text-color)}.predictive-search-item-text mark{background:none;color:#000;font-weight:var(--ps-font-weight-bold)}.predictive-search-item--product{padding:0;background:#fff;border:1px solid #e8e8e8;overflow:hidden;transition:box-shadow .2s ease}.predictive-search-item--product:hover{box-shadow:0 10px 15px -3px #0000001a}.predictive-search-item--product .predictive-search-item-link{flex-direction:column;height:100%;padding:0}.predictive-search-item-content{display:flex;flex-direction:column;height:100%}.predictive-search-item-image{width:100%;aspect-ratio:2/3;overflow:hidden;background:#f5f5f5}.predictive-search-item-image img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.predictive-search-item-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.predictive-search-item-body{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px}.predictive-search-item-type{font-size:10px;text-transform:uppercase;color:var(--ps-muted-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.5px}.predictive-search-item-type mark{font-weight:400;background:none;color:var(--ps-highlight-color)}.predictive-search-item-title-wrapper{min-height:auto}.predictive-search-item-title{font-size:14px;font-weight:400;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--ps-text-color);line-height:1.3}.predictive-search-item-title mark{background:none;color:var(--ps-highlight-color);font-weight:var(--ps-font-weight-bold)}.predictive-search-item-price{display:flex;gap:8px;align-items:center;margin-top:4px}.predictive-search-item-price-current{font-size:14px;font-weight:600;color:var(--ps-text-color)}.predictive-search-item-price-compare{font-size:14px;text-decoration:line-through;color:var(--ps-muted-color)}.predictive-search-footer{text-align:center;padding:var(--ps-spacing) 0 var(--ps-spacing-half)}.predictive-search-see-all{display:inline-block;background-color:#3e34d3cc;color:#fff;padding:calc(var(--ps-spacing-half) * 1.5) var(--ps-spacing);font-size:.9em;font-weight:var(--ps-font-weight-semibold);text-decoration:none;transition:background-color .2s}.predictive-search-see-all:hover{background-color:var(--ps-primary-color);color:#fff}.predictive-search-no-results{padding:var(--ps-spacing);text-align:center}.predictive-search-no-results-text{color:var(--ps-muted-color);font-size:1em;margin:0}.predictive-search-loading{display:flex;justify-content:center;padding:var(--ps-spacing)}.predictive-search-spinner{width:24px;height:24px;border:2px solid var(--ps-border-color);border-top-color:var(--ps-primary-color);border-radius:50%;animation:ps-spin .8s linear infinite}@keyframes ps-spin{to{transform:rotate(360deg)}}body.predictive-search-active{overflow:hidden}@media screen and (max-width:768px){.predictive-search-wrapper{margin:0;padding:0;height:100vh;max-height:none;display:flex;flex-direction:column}.predictive-search-form-container{box-shadow:none;top:0;padding:20px 10px 10px 15px;margin:0;width:100%}.predictive-search-form{width:100%}.predictive-search-input-wrapper{padding:0}.predictive-search-input{width:100%}.predictive-search-close{right:15px;top:57%}.predictive-search-results{position:relative;top:0;width:100%;height:auto;flex:1;max-height:none;margin-top:0;box-shadow:none;border-top:1px solid var(--ps-border-color);overflow-y:auto}.predictive-search-panel{padding:var(--ps-spacing)}.predictive-search-sections{flex-direction:column}.predictive-search-section--left,.predictive-search-section--right{width:100%;padding-left:0;padding-right:0;border-right:none}.predictive-search-section--left{border-bottom:1px solid var(--ps-border-color);padding-bottom:var(--ps-spacing);margin-bottom:var(--ps-spacing)}.predictive-search-list--products{grid-template-columns:repeat(2,1fr);gap:12px}.predictive-search-item-image{aspect-ratio:2/3}.predictive-search-item-body{padding:8px}.predictive-search-item-title{font-size:12px}.predictive-search-item-type{font-size:9px}.predictive-search-item-price{font-size:12px}.predictive-search-close svg{color:var(--section-text-color, #fff);width:25px;height:25px}}@media screen and (max-width:480px){.predictive-search-list--products{grid-template-columns:repeat(2,1fr);gap:8px}.predictive-search-panel{padding:12px}}
/*# sourceMappingURL=/cdn/shop/t/309/assets/predictive-search.css.map */