.swatch{--color-border: rgb(var(--color-foreground-rgb) / var(--style-border-swatch-opacity));--min-width-unitless: 15.9999;--min-height-unitless: 15.9999;--min-height: 16px;--min-width: 16px;--scaling-factor: .5;--max-swatch-size: 28px;--max-pill-size: 20px;--max-filter-size: 32px;--offset-swatch-width: calc(var(--variant-picker-swatch-width-unitless) - var(--min-width-unitless));--offset-swatch-height: calc(var(--variant-picker-swatch-height-unitless) - var(--min-height-unitless));--offset-scaled-width: calc(var(--scaling-factor) * var(--offset-swatch-width) / var(--offset-swatch-height) * var(--offset-max-swatch-size));--offset-scaled-height: calc(var(--scaling-factor) * var(--offset-swatch-height) / var(--offset-swatch-width) * var(--offset-max-swatch-size));--offset-max-swatch-size: calc(var(--max-swatch-size) - var(--min-width));--swatch-width: min(calc(var(--min-width) + calc(var(--scaling-factor) * var(--offset-swatch-width) * 1px)), calc(var(--min-width) + var(--offset-scaled-width)), var(--max-swatch-size));--swatch-height: min(calc(var(--min-height) + calc(var(--scaling-factor) * var(--offset-swatch-height) * 1px)), calc(var(--min-height) + var(--offset-scaled-height)), var(--max-swatch-size));display:block;background:var(--swatch-background);background-position:var(--swatch-focal-point, center);border-radius:var(--variant-picker-swatch-radius);border:var(--style-border-swatch-width) var(--style-border-swatch-style) var(--color-border);width:var(--swatch-width);height:var(--swatch-height);background-size:var(--swatch-width) var(--swatch-height)}.swatch.swatch--unavailable{border-style:dashed}.swatch.swatch--unscaled{--swatch-width: var(--variant-picker-swatch-width);--swatch-height: var(--variant-picker-swatch-height) }.swatch.swatch--filter{--swatch-width: var(--max-filter-size);--swatch-height: var(--max-filter-size);border-radius:var(--variant-picker-swatch-radius)}.swatch.swatch--pill{--swatch-width: var(--max-pill-size);--swatch-height: var(--max-pill-size);border-radius:var(--variant-picker-swatch-radius)}.swatch.swatch--filter,.swatch.swatch--pill{--style-border-swatch-width: var(--variant-picker-border-width);--style-border-swatch-style: var(--variant-picker-border-style);--color-border: rgb(var(--color-foreground-rgb) / var(--variant-picker-border-opacity)) }@media screen and (min-width:750px){.swatch{--max-swatch-size: 32px;--max-pill-size: 16px;--max-filter-size: 28px;--scaling-factor: .65 }}.variant-picker .variant-option--buttons label:has(.swatch){border-radius:var(--variant-picker-swatch-radius)}
/*# sourceMappingURL=/cdn/shop/t/60/assets/components-variant.css.map */