swatches-variant-picker-component{display:flex;width:100%;flex-direction:row;justify-content:var(--product-swatches-alignment-mobile);--overflow-list-padding-block: calc( var(--product-swatches-padding-block-start) + var(--focus-outline-offset) + var(--focus-outline-width) ) calc(var(--product-swatches-padding-block-end) + var(--focus-outline-offset) + var(--focus-outline-width));--overflow-list-padding-inline: calc( var(--product-swatches-padding-inline-start) + var(--focus-outline-offset) + (1.5 * var(--focus-outline-width)) ) calc(var(--product-swatches-padding-inline-end) + var(--focus-outline-offset) + var(--focus-outline-width));--card-swatch-size: 17px;--card-swatch-gap: calc(var(--card-swatch-size) * .4)}@media screen and (min-width:750px){swatches-variant-picker-component{justify-content:var(--product-swatches-alignment)}}@media screen and (min-width:750px){swatches-variant-picker-component{--card-swatch-size: 26px}}swatches-variant-picker-component overflow-list::part(list){gap:var(--card-swatch-gap);height:auto}swatches-variant-picker-component overflow-list::part(more){height:var(--card-swatch-size)}swatches-variant-picker-component .swatch{--swatch-width: var(--card-swatch-size);--swatch-height: var(--card-swatch-size)}@media screen and (max-width:749px){swatches-variant-picker-component{--focus-outline-offset: .1em;--overflow-list-padding-block: calc((4px + var(--focus-outline-offset) + var(--focus-outline-width)) * .8) 0px;--overflow-list-padding-inline: 0px}}.hidden-swatches__count{font-size:min(1rem,calc(var(--card-swatch-size) * .9))}@supports (container-type: inline-size){product-swatches{container-type:inline-size}product-swatches swatches-variant-picker-component{--card-swatch-size: min(26px, calc((100cqi - 4px)/8) )}}.hidden-swatches__count{display:flex;align-self:center;align-items:center;justify-content:center;color:rgb(var(--color-foreground-rgb) / var(--opacity-40-60));background-color:transparent;padding:0;border:0;border-radius:0}.hidden-swatches__count:before{counter-reset:overflow-count var(--overflow-count);content:"+" counter(overflow-count);line-height:1;cursor:pointer}.hidden-swatches__count:hover{color:var(--color-foreground-rgb)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-variant-swatches.css.map */