.variant-swatches__heading{margin:0 0 1.5rem;font-size:1.4rem;font-weight:600;color:var(--color-foreground)}.variant-swatches{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.swatch--variant{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;padding:.5rem;width:100px;text-decoration:none;color:inherit;border:.15rem solid rgba(var(--color-foreground),.25);border-radius:var(--border-radius, .4rem);background-color:transparent;transition:all .3s ease;cursor:pointer}.swatch--variant:hover:not(:disabled){border-color:rgba(var(--color-foreground),.5);box-shadow:0 2px 8px rgba(var(--color-foreground),.1)}.swatch--variant:disabled{cursor:default}.swatch--variant.swatch--active{background-color:rgba(var(--color-foreground),.15);border:.25rem solid rgba(var(--color-foreground),.7);font-weight:600}.swatch__image{display:block;width:70px;height:70px;object-fit:cover;border-radius:calc(var(--border-radius, .4rem) - .15rem)}.swatch__label{display:block;font-size:1.2rem;text-align:center;word-break:break-word;max-width:90px;line-height:1.2;color:rgba(var(--color-foreground),.8)}.swatch--variant.swatch--active .swatch__label{color:var(--color-foreground)}@media(max-width:749px){.variant-swatches{gap:.75rem;margin:1rem 0}.swatch--variant{width:85px;padding:.4rem}.swatch__image{width:60px;height:60px}.swatch__label{font-size:1.1rem;max-width:75px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-variant-swatches.css.map */