.f-predictive-search-overlay-container{display:none;position:absolute;top:50px;left:0;width:100%;height:auto;z-index:999;background:transparent;pointer-events:none}predictive-search[open] .f-predictive-search-overlay-container{display:block}.f-predictive-overlay-inner{position:relative;width:100%;max-width:1366px;margin:0 auto;background:var(--color-neutral-white, var(--color-neutral-white));border-bottom:1px solid var(--color-neutral-light, var(--color-neutral-light));padding:20px 20px 30px;pointer-events:auto;box-shadow:0 4px 15px #00000014}.f-predictive-top-row{display:flex;align-items:center;gap:19px;margin-bottom:20px}.f-predictive-input-box{flex:1;height:41px;display:flex;align-items:center;border:1px solid var(--color-brand-blue-dark, var(--color-brand-blue-dark));border-radius:10.5px;background:var(--color-neutral-white, var(--color-neutral-white));overflow:hidden}.f-predictive-input{flex:1;height:100%;border:none;background:transparent;padding:0 20px;font-family:var(--font-body-family);font-size:var(--font-text-regular, 16px);color:var(--color-neutral-base, var(--color-neutral-base))}.f-predictive-input:focus{outline:none;color:var(--color-neutral-darker, var(--color-neutral-darker))}.f-predictive-search-icon{width:54px;height:100%;border:none;background:var(--color-system-success-green-light, #ECFDF3);border-left:1px solid var(--color-brand-green-light, #C9F9D3);display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--color-brand-green, var(--color-brand-green))}.f-predictive-search-icon svg{width:18px;height:18px}.f-predictive-actions{display:flex;gap:19px}.f-predictive-action-btn{width:41px;height:41px;display:flex;justify-content:center;align-items:center;background:transparent;border-radius:10.5px;cursor:pointer;transition:background .2s}.f-predictive-action-btn.is-green{border:1px solid var(--color-brand-green, var(--color-brand-green));color:var(--color-brand-green, var(--color-brand-green))}.f-predictive-action-btn.is-green:hover{background:#0083000d}.f-predictive-action-btn.is-blue{border:1px solid var(--color-brand-blue, var(--color-brand-blue));color:var(--color-brand-blue, var(--color-brand-blue))}.f-predictive-action-btn.is-blue:hover{background:#013b8f0d}.f-search-clear-btn svg{width:12px!important;height:12px!important}.f-predictive-action-btn .svg-wrapper{display:flex;align-items:center;justify-content:center}.f-search-mic-btn.is-listening .svg-wrapper{animation:pulse-mic-soft 1.2s infinite ease-in-out}@keyframes pulse-mic-soft{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.f-results-info-row{display:none;align-items:center;padding:0 0 15px;margin-bottom:15px}predictive-search[results] .f-results-info-row{display:flex}.f-results-location{display:flex;align-items:center;gap:6px;font-family:var(--font-body-family);font-size:var(--font-text-small);font-weight:400;color:var(--color-brand-blue-dark, var(--color-brand-blue-dark));white-space:nowrap}.f-results-location .svg-wrapper{width:20px;height:20px;color:var(--color-brand-blue-dark, var(--color-brand-blue-dark))}.f-results-tag-wrapper{display:flex;align-items:center;gap:8px;margin-left:20px}.f-results-tag-prefix{font-family:var(--font-body-family);font-size:var(--font-text-regular);font-weight:400;line-height:1.5;color:var(--color-brand-blue-dark, var(--color-brand-blue-dark))}.f-results-tag{background-color:var(--color-brand-blue-light, #E3EFFF);color:var(--color-brand-blue, var(--color-brand-blue));font-family:var(--font-body-family);font-size:var(--font-text-regular);padding:0 8px;border-radius:4px;font-weight:700;line-height:1.5}.f-results-view-all{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body-family);font-size:var(--font-text-regular);font-weight:700;line-height:1.5;color:var(--color-brand-green, var(--color-brand-green));text-decoration:none;white-space:nowrap;margin-left:auto;margin-right:20px}.f-results-view-all:hover{text-decoration:underline}@media screen and (max-width:749px){predictive-search[results] .f-results-info-row{flex-direction:column;align-items:stretch;padding:0;margin-bottom:0}.f-results-tag-wrapper{order:1;background-color:var(--color-brand-blue-light, #E3EFFF);margin-left:0;padding:5px 20px;width:100%;box-sizing:border-box}.f-results-tag-prefix{font-size:16px;color:var(--color-brand-blue-dark)}.f-results-tag{background:transparent;padding:0;font-size:16px;font-weight:700;color:var(--color-brand-blue)}.f-results-location{order:2;padding:10px 20px;border-bottom:1px solid #ccc;width:100%;box-sizing:border-box;font-size:14px}.f-results-view-all{order:3;margin:20px 20px 15px;width:calc(100% - 40px);justify-content:space-between;font-size:16px}}.f-predictive-search-layout{display:flex;width:100%}.f-predictive-sidebar{width:280px;flex-shrink:0;padding-right:20px}.f-sidebar-section{margin-bottom:45px}.f-sidebar-title{font-family:var(--font-heading-family);font-size:var(--font-text-regular, 16px);color:var(--color-brand-blue-dark, var(--color-brand-blue-dark));margin-bottom:10px;font-weight:600;line-height:1.5}.f-sidebar-list{list-style:none;padding:0!important;margin:0!important}.f-sidebar-list li{margin-bottom:0!important;margin-top:0!important;padding:0!important}.f-sidebar-list a{text-decoration:none;font-family:var(--font-body-family);font-size:var(--font-text-regular, 16px)!important;line-height:1.5!important;color:var(--color-brand-blue-dark, var(--color-brand-blue-dark))!important;transition:color .2s ease;display:block}.f-sidebar-list a:hover{color:var(--color-brand-green, var(--color-brand-green))}.f-sidebar-view-more{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body-family);font-size:var(--font-text-regular);color:var(--color-brand-blue, var(--color-brand-blue));text-decoration:underline;font-weight:700;margin-top:8px;line-height:1.5}.f-sidebar-view-more svg{width:12px;height:12px;stroke:currentColor}.f-predictive-results{flex:1;min-width:0;padding-left:20px;display:flex;flex-direction:column}.f-results-header{display:flex;align-items:center;margin-bottom:25px}.f-results-carousel-container{display:flex;align-items:center;position:relative;width:100%;min-width:0;padding:0 50px;box-sizing:border-box!important}.f-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:none}.f-carousel-nav svg{width:100%;height:100%}.f-carousel-prev{left:0}.f-carousel-next{right:0}.f-results-carousel-track{width:100%;flex:1;min-width:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px;-ms-overflow-style:none;scrollbar-width:none}.f-results-carousel-track::-webkit-scrollbar{display:none}.f-results-grid{display:flex;gap:32px;margin:0;padding:10px 0;list-style:none}.f-results-item{flex:0 0 240px!important;max-width:240px!important;min-width:240px!important;scroll-snap-align:start;list-style:none}.f-results-item .f-custom-card .card__inner{height:211px!important;min-height:211px!important}.f-results-empty{display:flex;justify-content:center;align-items:center;width:100%;height:200px;font-family:var(--font-body-family);font-size:var(--font-text-regular, 16px);color:var(--color-neutral-base, var(--color-neutral-base))}.predictive-search__loading-state{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}predictive-search[loading] .predictive-search__loading-state{display:block}.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.f-predictive-skeleton{display:none;gap:16px;overflow:hidden;padding:16px 0}predictive-search[loading] .f-predictive-skeleton{display:flex!important}.f-skeleton-card{width:240px;height:380px;background:linear-gradient(90deg,#f5f5f5 25%,#e0e0e0,#f5f5f5 75%);background-size:200% 100%;animation:f-shimmer 1.5s infinite linear;border-radius:10px;flex-shrink:0}@keyframes f-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}predictive-search[loading] [data-predictive-search]{display:none!important}@media screen and (max-width:749px){.f-predictive-search-overlay-container{position:static;width:100%;background:var(--color-neutral-white, #ffffff);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}predictive-search[open] .f-search-form{display:none}.f-predictive-overlay-inner{padding:15px 15px 120px;border-bottom:none;box-shadow:none}predictive-search[results] .f-predictive-search-layout{flex-direction:column}.f-predictive-sidebar{display:none!important}.f-predictive-results{padding-left:0}.f-results-carousel-container{padding:0 10px}.f-results-carousel-track{overflow:visible}.f-results-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:15px;padding:10px 0}.f-results-item{flex:unset!important;max-width:none!important;min-width:0!important}.f-carousel-nav{display:none!important}}@media screen and (min-width:750px){body:has(predictive-search[open]){overflow:hidden!important}body.f-predictive-search-locked{overflow:hidden!important;position:fixed!important;left:0!important;right:0!important;width:100%!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-predictive-search.css.map */