.variant-search-row{display:flex;align-items:center;gap:var(--sp-3, .75rem);margin-bottom:var(--sp-4, 1rem)}.variant-search-row .variant-search-wrapper{margin-bottom:0}.variant-compare-inline-btn{display:inline-flex;align-items:center;gap:4px;padding:var(--sp-3, .75rem) var(--sp-4, 1rem);background:transparent;border:1px solid rgb(var(--color-border));border-radius:var(--button-border-radius, 4px);font-size:var(--font-size-sm, .875rem);font-weight:500;color:inherit;cursor:pointer;white-space:nowrap;transition:border-color var(--animation-short, .2s) ease,background-color var(--animation-short, .2s) ease}.variant-compare-inline-btn:hover{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05)}.colorway-compare-wrapper{display:none}.variant-search-wrapper{position:relative;flex:1;max-width:300px}.variant-search-input{width:100%;padding:var(--sp-3, .75rem) var(--sp-10, 2.5rem) var(--sp-3, .75rem) var(--sp-10, 2.5rem);border:1px solid rgb(var(--color-border));border-radius:var(--button-border-radius, 4px);font-size:var(--font-size-sm, .875rem);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:border-color var(--animation-short, .2s) ease}.variant-search-input:focus{outline:none;border-color:rgb(var(--color-foreground))}.variant-search-input::placeholder{color:rgb(var(--color-foreground) / .5)}.variant-search-icon{position:absolute;left:var(--sp-3, .75rem);top:50%;transform:translateY(-50%);pointer-events:none;opacity:.5;display:flex;align-items:center}.variant-search-clear{position:absolute;right:var(--sp-2, .5rem);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--sp-2, .5rem);opacity:.5;transition:opacity var(--animation-short, .2s) ease;display:flex;align-items:center}.variant-search-clear:hover{opacity:1}.variant-search-clear.hidden{display:none}.variant-input-wrapper [data-swatch-value].swatch-hidden{display:none!important}.variant-search-no-results{font-size:var(--font-size-sm, .875rem);color:rgb(var(--color-foreground) / .6);padding:var(--sp-4, 1rem) 0;margin:0}.variant-search-no-results.hidden{display:none}.variant-search-count{font-size:var(--font-size-xs, .75rem);color:rgb(var(--color-foreground) / .5);margin-top:var(--sp-2, .5rem)}.variant-search-count.hidden{display:none}.swatches-collapsible-wrapper{position:relative}.swatches-collapsible-wrapper.is-collapsible{padding:4px;margin:-4px}.swatches-collapsible-wrapper.is-collapsible.is-collapsed{max-height:128px;overflow:hidden}.swatches-collapsible-wrapper.is-collapsible.is-collapsed:has(.swatches--variant){max-height:183px}@supports not selector(:has(*)){.swatches-collapsible-wrapper.is-collapsible.is-collapsed{max-height:183px}}.swatches-collapsible-wrapper.is-collapsible.is-collapsed .swatches-fade-overlay{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent 0%,rgb(var(--color-background)) 100%);pointer-events:none}.swatches-collapsible-wrapper.is-expanded{max-height:none;overflow:visible}.swatches-collapsible-wrapper.is-expanded .swatches-fade-overlay{display:none}.swatches-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 0;background:none;border:none;font-size:.85rem;font-weight:500;color:inherit;cursor:pointer;opacity:.7;transition:opacity .2s ease}.swatches-toggle-btn:hover{opacity:1}.swatches-toggle-btn .arrow{transition:transform .2s ease}.swatches-toggle-btn:hover .arrow{transform:translateY(2px)}.swatches-toggle-btn .toggle-hide{display:none}.swatches-collapsible-wrapper.is-expanded+.swatches-toggle-btn .toggle-show{display:none}.swatches-collapsible-wrapper.is-expanded+.swatches-toggle-btn .toggle-hide{display:inline}.swatches-collapsible-wrapper.is-expanded+.swatches-toggle-btn:hover .arrow{transform:translateY(-2px)}
/*# sourceMappingURL=/cdn/shop/t/47/assets/variant-search.css.map */