@layer components{.product-variant{width:100%}.product-variant .product-variants__option{margin-bottom:var(--product-variant-option-spacing)}.product-variant .product-variants__values{gap:var(--product-variant-value-gap)}.product-variant .product-variant-button{min-width:var(--product-variant-button-size);height:var(--product-variant-button-size);border-radius:var(--product-variant-button-radius);padding-inline:var(--product-variant-button-padding-x)}.product-variant .product-variant-swatch{width:var(--product-variant-swatch-size);height:var(--product-variant-swatch-size);border-radius:var(--product-variant-swatch-radius)}.product-variant .product-variant-heading:not(.text-heading-h3){color:var(--color-foreground);font-size:var(--product-variant-heading-size-mobile);font-weight:var(--product-variant-heading-font-weight);line-height:var(--h3-line-height)}@media(min-width:640px)and (max-width:879px){.product-variant .product-variant-heading:not(.text-heading-h3){font-size:var(--product-variant-heading-size-tablet)}}@media(min-width:880px){.product-variant .product-variant-heading:not(.text-heading-h3){font-size:var(--product-variant-heading-size-desktop)}}.product-variant[style*=--product-variant-button-bg] .product-variant-button{background-color:var(--product-variant-button-bg);color:var(--product-variant-button-color);border-color:var(--product-variant-button-border-color)}.product-variant--active-outline .product-variant-button.is-active{outline:2px solid var(--color-foreground);outline-offset:0}.product-variant--active-filled .product-variant-button.is-active{outline:none;background-color:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.product-variant--active-border .product-variant-button.is-active{outline:none;border-width:2px;border-color:var(--color-foreground)}.product-variant[style*=--product-variant-button-active-bg] .product-variant-button.is-active{background-color:var(--product-variant-button-active-bg);color:var(--product-variant-button-active-color);border-color:var(--product-variant-button-active-border-color);outline:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/blocks-product-variant-styles.css.map */