.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)}.sticky-content{position:sticky;top:var(--sticky-header-offset, 0);z-index:var(--layer-flat)}@media screen and (min-width: 750px){.sticky-content--desktop,.sticky-content--desktop.full-height--desktop>.group-block{position:sticky;top:var(--sticky-header-offset, 0);z-index:var(--layer-flat)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/css/components/swatches.css.map */