.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)}}.price,.compare-at-price,.unit-price{white-space:nowrap}.unit-price{display:block;font-size:min(.85em,var(--font-paragraph--size));color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.tax-note.tax-note.tax-note{font-size:min(.85em,var(--font-paragraph--size));font-weight:var(--font-paragraph--weight);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}product-price.text-block:is(.h1,.h2,.h3,.h4,.h5,.h6)>*:not(.tax-note){margin-block:0}.compare-at-price{opacity:.4;text-decoration-line:line-through;text-decoration-thickness:1.5px}.card-gallery{position:relative}@media screen and (min-width:750px){product-card:focus-within .quick-add__button,.card-gallery:hover .quick-add__button{display:grid;will-change:margin,opacity;animation:elementSlideInTop var(--animation-speed) var(--animation-easing)}}@container (max-width: 70px){.card-gallery:hover .quick-add__button{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-swatches.css.map */