.predictive-search-form__header-inner:has(.vvs-icon-btn) .predictive-search__reset-button{margin-inline-end:0}.vvs-icon-btn{display:flex;align-items:center;justify-content:center;width:var(--minimum-touch-target);height:var(--minimum-touch-target);padding:0;background:transparent;color:rgb(var(--color-foreground-rgb) / var(--opacity-60));border-radius:50%;cursor:pointer;flex-shrink:0;transition:color var(--animation-speed-medium) var(--animation-timing-fade-out),background-color var(--animation-speed-medium) ease,transform var(--animation-speed-medium) var(--animation-timing-bounce);position:relative}.vvs-icon-btn .svg-wrapper,.vvs-icon-btn svg{width:var(--icon-size-md);height:var(--icon-size-md);display:flex;align-items:center;justify-content:center}.vvs-icon-btn:hover{color:var(--color-foreground);background-color:rgb(var(--color-primary-hover-rgb) / var(--opacity-8))}.vvs-icon-btn:focus-visible{outline:var(--focus-outline-width) solid var(--color-primary);outline-offset:var(--focus-outline-offset)}.vvs-icon-btn:active{transform:scale(.88);transition-duration:.1s;transition-timing-function:var(--animation-timing-active)}.vvs-icon-btn:last-of-type{margin-inline-end:var(--margin-2xs)}.vvs-icon-btn--listening{color:var(--color-error, #c5221f);background-color:rgb(var(--color-error-rgb, 197 34 31) / .08);animation:vvs-pulse 1.4s var(--animation-easing, ease-in-out) infinite}.vvs-icon-btn--listening:hover{color:var(--color-error, #c5221f);background-color:rgb(var(--color-error-rgb, 197 34 31) / .12)}.vvs-icon-btn--active{color:var(--color-primary);background-color:rgb(var(--color-primary-rgb) / var(--opacity-8))}.vvs-icon-btn--active:hover{color:var(--color-primary);background-color:rgb(var(--color-primary-rgb) / .14)}@keyframes vvs-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(.94)}}@keyframes vvs-status-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes vvs-preview-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.vvs-status{display:none;align-items:center;gap:8px;margin:var(--margin-2xs) var(--margin-lg);padding:var(--padding-2xs) var(--padding-sm);border-radius:var(--style-border-radius-inputs, 8px);font-size:var(--font-size--sm, 13px);font-weight:500;animation:vvs-status-in .18s var(--animation-easing, ease) forwards}.vvs-status[data-visible=true]{display:flex}.vvs-status--loading{background-color:rgb(var(--color-primary-rgb) / .08);color:var(--color-primary)}.vvs-status--voice{background-color:rgb(var(--color-error-rgb, 197 34 31) / .08);color:var(--color-error, #c5221f)}.vvs-status--success{background-color:rgb(var(--color-success-rgb, 19 115 51) / .08);color:var(--color-success, #137333)}.vvs-status--empty{background-color:rgb(var(--color-foreground-rgb) / .06);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text, .65))}.vvs-status--error{background-color:rgb(var(--color-error-rgb, 197 34 31) / .08);color:var(--color-error, #c5221f)}.vvs-status--loading:before{content:"";width:12px;height:12px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;flex-shrink:0;animation:vvs-spin .7s linear infinite}@keyframes vvs-spin{to{transform:rotate(360deg)}}.vvs-preview{display:flex;align-items:flex-start;gap:var(--margin-md);margin:0 var(--margin-lg) var(--margin-xs);padding:var(--padding-sm) var(--padding-md);background:rgb(var(--color-foreground-rgb) / .04);border:1px solid var(--color-border);border-radius:var(--style-border-radius-inputs, 10px);position:relative;animation:vvs-preview-in .22s var(--animation-easing, ease) forwards}.vvs-preview[hidden]{display:none}.vvs-preview img{width:52px;height:52px;object-fit:cover;border-radius:calc(var(--style-border-radius-inputs, 8px) - 2px);flex-shrink:0;border:1px solid var(--color-border)}.vvs-preview-tags{display:flex;flex-wrap:wrap;gap:var(--margin-2xs);align-items:center;padding-block-start:2px;flex:1}.vvs-tag{display:inline-flex;align-items:center;background-color:rgb(var(--color-primary-rgb) / .1);color:var(--color-primary);font-size:var(--font-size--xs, 11px);font-weight:600;padding:3px var(--padding-xs, 8px);border-radius:20px;letter-spacing:.01em}.vvs-clear-btn{position:absolute;top:var(--margin-xs);right:var(--margin-xs);width:22px;height:22px;border:none;background-color:rgb(var(--color-foreground-rgb) / .1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-foreground);padding:0;transition:background-color var(--animation-speed-medium) ease,transform .1s var(--animation-timing-active);flex-shrink:0}.vvs-clear-btn:hover{background-color:rgb(var(--color-foreground-rgb) / .18)}.vvs-clear-btn:active{transform:scale(.85)}@media screen and (max-width:380px){.vvs-icon-btn{width:calc(var(--minimum-touch-target) - 4px);height:calc(var(--minimum-touch-target) - 4px)}}@media screen and (min-width:750px){.vvs-preview,.vvs-status{margin-inline:var(--margin-xl)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/visual-voice-search.css.map */