:root{--csp-purple: #28365b;--csp-purple-light: rgba(124,58,237,.08);--csp-text: #28365b;--csp-text-secondary: #64748b;--csp-border: #f1f5f9;--csp-bg: #ffffff;--csp-input-bg: #f8f9fa;--csp-panel-width: 860px;--csp-transition: .32s cubic-bezier(.16,1,.3,1)}.custom-search-bar--desktop .mobile-search-trigger,.custom-search-bar--mobile .custom-search-bar__form{display:none}.search-icon-inline{color:var(--csp-text-secondary);flex-shrink:0}.custom-search-bar--desktop .custom-search-bar__input{flex:1;background:transparent;border:none;outline:none;font-size:14px;color:var(--csp-text);height:36px;min-width:0}.custom-search-bar__clear{background:none;border:none;display:flex;align-items:center;justify-content:center;padding:4px;color:#94a3b8;cursor:pointer;transition:color .2s}.custom-search-bar__clear svg{width:16px;height:16px}.custom-search-bar__clear:hover{color:var(--csp-text)}.custom-search-bar__submit{background:var(--csp-purple);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s}.custom-search-bar__submit svg{width:16px;height:16px;stroke:#fff}.custom-search-bar__submit:hover{background:#6d28d9}.csp-panel{background:var(--csp-bg);position:fixed;z-index:100001;overflow:hidden;display:flex;flex-direction:column;visibility:hidden;pointer-events:none;overscroll-behavior:contain;transition:transform var(--csp-transition),visibility var(--csp-transition)}.csp-panel.is-open{visibility:visible;pointer-events:all}.csp-scroll-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 24px 40px}.csp-panel--mobile{top:0;left:0;right:0;bottom:0;transform:translateY(100%)}.csp-panel--mobile.is-open{transform:translateY(0)}.csp-mobile-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--csp-border);background:var(--csp-bg);position:sticky;top:0;z-index:10;flex-shrink:0}.csp-mobile-form{flex:1;display:flex;align-items:center;gap:10px;background:var(--csp-input-bg);border:1.5px solid #e2e8f0;border-radius:10px;padding:8px 14px;transition:border-color .2s}.csp-mobile-form:focus-within{border-color:var(--csp-purple)}.csp-mobile-form svg{color:var(--csp-text-secondary);flex-shrink:0}.csp-mobile-input{flex:1;background:transparent;border:none;outline:none;font-size:15px;color:var(--csp-text)}.csp-mobile-clear{background:none;border:none;padding:2px;color:#94a3b8;cursor:pointer;display:flex}.csp-mobile-clear svg{width:16px;height:16px}.csp-close-btn{background:none;border:none;font-size:14px;font-weight:600;color:var(--csp-purple);cursor:pointer;padding:4px 0;white-space:nowrap;flex-shrink:0}.csp-panel--desktop{top:0;right:0;bottom:0;width:860px;max-width:90vw;box-shadow:-8px 0 48px #00000024;transform:translate(100%);transition:transform .32s cubic-bezier(.16,1,.3,1),visibility .32s cubic-bezier(.16,1,.3,1);z-index:100001;background:#fff;position:fixed;display:flex;flex-direction:column;visibility:hidden;pointer-events:none;overflow:hidden}.csp-panel--desktop.is-open{transform:translate(0);visibility:visible;pointer-events:all}.csp-predictive-layout{display:grid;grid-template-columns:280px 1fr;gap:0;align-items:start;min-height:200px}.csp-predictive-left{border-right:1px solid #f1f5f9;padding-right:24px;padding-top:4px;min-width:0}.csp-predictive-right{padding-left:24px;min-width:0}.csp-predictive-right .csp-product-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.csp-predictive-layout{grid-template-columns:1fr}.csp-predictive-left{border-right:none;padding-right:0;border-bottom:1px solid #f1f5f9;padding-bottom:16px;margin-bottom:16px}.csp-predictive-right{padding-left:0}.csp-predictive-right .csp-product-grid{grid-template-columns:repeat(2,1fr)}}.csp-desktop-header{display:flex;align-items:center;justify-content:flex-end;padding:14px 20px 10px;border-bottom:1px solid var(--csp-border);flex-shrink:0}.csp-panel--desktop .csp-close-btn{color:var(--csp-text-secondary);padding:6px;border-radius:6px;transition:background .2s}.csp-panel--desktop .csp-close-btn:hover{background:var(--csp-border)}.csp-panel--desktop .csp-close-btn svg{display:block}.csp-backdrop--desktop{position:fixed;top:0;left:0;bottom:0;right:var(--csp-panel-width);background:#00000061;z-index:100000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s cubic-bezier(.16,1,.3,1),visibility .32s cubic-bezier(.16,1,.3,1)}.csp-backdrop--desktop.is-active{opacity:1;visibility:visible;pointer-events:all}.csp-section{margin-bottom:28px}.csp-section__title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--csp-text);margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid var(--csp-text)}.csp-trending-list{list-style:none;margin:0;padding:0}.csp-trending-item{border-bottom:1px solid var(--csp-border)}.csp-trending-item:last-child{border-bottom:none}.csp-trending-link{display:flex;align-items:center;padding:11px 0;text-decoration:none;color:var(--csp-text);font-size:14px;gap:12px;transition:color .2s}.csp-trending-link:hover{color:var(--csp-purple)}.csp-trending-icon{display:flex;align-items:center;flex-shrink:0}.csp-trending-label{flex:1}.csp-trending-thumb{width:42px;height:42px;object-fit:contain;border-radius:6px;background:#fafafa;flex-shrink:0}.csp-recent-chips{display:flex;flex-wrap:wrap;gap:8px}.csp-chip{display:inline-block;background:#7d93f875;color:var(--csp-purple);border:1px solid rgba(125,147,248,.46);border-radius:10px;padding:5px 14px;font-size:13px;text-decoration:none;transition:background .2s}.csp-chip:hover{background:#8ea1ff70}.csp-predictive-layout{display:grid;grid-template-columns:260px 1fr;gap:32px}.csp-predictive-left{border-right:1px solid var(--csp-border);padding-right:24px}.csp-suggest-list{display:flex;flex-direction:column}.csp-suggest-link{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--csp-border);text-decoration:none;color:var(--csp-text);font-size:14px;transition:color .2s}.csp-suggest-link:last-child{border-bottom:none}.csp-suggest-link:hover{color:var(--csp-purple)}.csp-suggest-link:before{content:"";display:inline-block;width:14px;height:14px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.csp-suggest-link--cat:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E")}.csp-suggest-link--page:before{display:none}.csp-page-icon{font-style:normal;font-size:13px;color:#94a3b8;flex-shrink:0}.csp-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.csp-product-card{text-decoration:none;color:var(--csp-text);display:flex;flex-direction:column;gap:10px;transition:transform .2s}.csp-product-card:hover{transform:translateY(-2px)}.csp-product-card__img{aspect-ratio:1/1;background:#f8fafc;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.csp-product-card__img img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.csp-product-card:hover .csp-product-card__img img{transform:scale(1.06)}.csp-product-card__body{display:flex;flex-direction:column;gap:4px}.csp-product-card__name{font-size:12px;font-weight:500;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--csp-text)}.csp-product-card__desc{font-size:11px;color:var(--csp-text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.csp-product-card__prices{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.csp-product-card__price{font-size:13px;font-weight:700;color:var(--csp-text)}.csp-card__compare{font-size:12px;color:#94a3b8;text-decoration:line-through}.csp-product-grid--suggested{grid-template-columns:repeat(2,1fr)}.csp-history-track-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.csp-history-track{display:flex;gap:12px;min-width:max-content}.csp-history-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--csp-text);width:90px}.csp-history-card__img{width:90px;height:90px;background:#fdf9f4;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.csp-history-card__img img{width:100%;height:100%;object-fit:contain}.csp-history-card__title{font-size:11px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.csp-footer{padding-top:20px;border-top:1px solid var(--csp-border);text-align:center;margin-top:8px}.csp-view-all-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--csp-text);color:#fff;padding:12px 28px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:background .2s}.csp-view-all-btn:hover{background:#0f172a}@media(min-width:1025px){.csp-panel--mobile,.custom-search-bar--mobile{display:none!important}.csp-product-grid--suggested{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.csp-panel--desktop,.csp-backdrop--desktop{display:none!important}.custom-search-bar--desktop .custom-search-bar__form{display:none}.csp-scroll-body{padding:16px 16px 80px}.csp-predictive-layout{grid-template-columns:1fr;gap:0}.csp-predictive-left{border-right:none;padding-right:0;border-bottom:1px solid var(--csp-border);padding-bottom:16px;margin-bottom:16px}.csp-product-grid{grid-template-columns:repeat(2,1fr);gap:14px}.csp-product-grid--suggested{grid-template-columns:repeat(2,1fr)}}.custom-search-bar--desktop .custom-search-bar__form{position:relative;display:flex;align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 6px 0 18px;height:52px;gap:0;width:100%;max-width:700px;transition:border-color .2s,box-shadow .2s}.custom-search-bar--desktop .custom-search-bar__form:focus-within{border-color:var(--csp-purple);box-shadow:0 0 0 3px #8e8fbeb0}.custom-search-bar--desktop .custom-search-bar__input{position:absolute;left:46px;right:56px;top:0;bottom:0;background:transparent;border:none;outline:none;font-size:15px;color:var(--csp-text);z-index:2}.search-placeholder-wrap{display:flex;align-items:center;gap:11px;position:absolute;left:46px;right:56px;top:0;bottom:0;pointer-events:none;z-index:1;overflow:hidden}.custom-search-bar__form:focus-within .search-placeholder-wrap{opacity:0}.custom-search-bar__input:not(:placeholder-shown)~.search-placeholder-wrap,.custom-search-bar__input:focus~.search-placeholder-wrap{opacity:0}.search-placeholder__static{font-size:15px;color:#94a3b8;white-space:nowrap;flex-shrink:0}.search-placeholder__rotating{position:relative;height:22px;overflow:hidden;flex:1}.search-placeholder__rotating span{position:absolute;top:0;left:0;font-size:15px;font-weight:400;color:var(--csp-text);letter-spacing:.03em;white-space:nowrap;opacity:0;transform:translateY(100%);animation:cspWordRotate 18s infinite}.search-placeholder__rotating span:nth-child(1){animation-delay:0s}.search-placeholder__rotating span:nth-child(2){animation-delay:3s}.search-placeholder__rotating span:nth-child(3){animation-delay:6s}.search-placeholder__rotating span:nth-child(4){animation-delay:9s}.search-placeholder__rotating span:nth-child(5){animation-delay:12s}.search-placeholder__rotating span:nth-child(6){animation-delay:15s}@keyframes cspWordRotate{0%{opacity:0;transform:translateY(100%)}4%{opacity:1;transform:translateY(0)}16%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(-100%)}to{opacity:0;transform:translateY(-100%)}}.custom-search-bar--desktop .custom-search-bar__submit{width:40px;height:40px;flex-shrink:0;margin-left:auto;position:relative;z-index:3}.custom-search-bar--desktop .custom-search-bar__clear{position:relative;z-index:3;flex-shrink:0}.search-icon-inline{flex-shrink:0;color:#94a3b8;position:relative;z-index:3}.mobile-search-trigger{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 16px 10px 14px;font-size:14px;color:#94a3b8;cursor:pointer;width:100%;height:44px;overflow:hidden;transition:border-color .2s}.mobile-search-trigger:hover{border-color:var(--csp-purple)}.mobile-search-trigger svg{flex-shrink:0;color:#94a3b8}.mobile-trigger__static{font-size:14px;color:#94a3b8;flex-shrink:0;white-space:nowrap}.mobile-trigger__rotating{position:relative;height:20px;overflow:hidden;flex:1}.mobile-trigger__rotating span{position:absolute;top:0;left:0;font-size:14px;font-weight:400;color:var(--csp-text);letter-spacing:.02em;white-space:nowrap;opacity:0;transform:translateY(100%);animation:cspWordRotate 18s infinite}.mobile-trigger__rotating span:nth-child(1){animation-delay:0s}.mobile-trigger__rotating span:nth-child(2){animation-delay:3s}.mobile-trigger__rotating span:nth-child(3){animation-delay:6s}.mobile-trigger__rotating span:nth-child(4){animation-delay:9s}.mobile-trigger__rotating span:nth-child(5){animation-delay:12s}.mobile-trigger__rotating span:nth-child(6){animation-delay:15s}
/*# sourceMappingURL=/cdn/shop/t/14/assets/custom-search.css.map */