variant-selector{display:flex;flex-direction:column}.variant-selector--selected{display:flex;gap:1rem;margin-bottom:.625rem}.variant-selector--selected strong{font-weight:var(--weight-body)}.variant-selector--values-wrapper{display:flex;flex-wrap:wrap;row-gap:.625rem;column-gap:1.25rem;width:100%}.variant-selector--values{display:grid;grid-template-columns:repeat(var(--columns),min-content);align-items:center;justify-content:center;column-gap:.75rem;row-gap:.25rem;width:fit-content;transition:grid-template-rows var(--transition-duration) var(--transition-ease);overflow:hidden}.variant-selector--values:has(.variant-selector--values-toggle){grid-template-columns:repeat(calc(var(--columns) + 1),1fr)}.variant-selector--values.collapsed{grid-template-rows:max-content 0fr}.variant-selector--values.expanded{grid-template-rows:max-content 1fr}.variant-selector--value{width:max-content;width:-webkit-max-content;display:flex;overflow:hidden;transition:opacity var(--transition-duration) var(--transition-ease)}.variant-selector--value[aria-hidden=true]{visibility:hidden}.variant-selector--values.collapsed .variant-selector--value.value-hidden{opacity:0}.variant-selector--values.expanded .variant-selector--value.value-hidden{opacity:1}.variant-selector--values-toggle{grid-column-start:calc(var(--columns) + 1);grid-row-start:1}.variant-selector--shades{height:1.5rem;transition:color var(--transition-duration) var(--transition-ease)}@media(hover:hover)and (pointer:fine){.variant-selector--shades:hover{color:var(--color-black)}}@media(min-width:1024px){.variant-selector--selected{margin-bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/variant-selector.css.map */