:root{--tg-product-swatch-border-color: var(--tg-sys-color-outline);--tg-product-swatch-border-checked-color: var(--tg-sys-color-primary);--tg-product-swatch-bg-color: var(--tg-sys-color-variant-block);--tg-product-swatch-text-color: var(--tg-sys-color-on-variant-block)}.SwatchList{margin-bottom:-.5rem}.SwatchList .Swatch,.SwatchList label{border-radius:4px;border:var(--tg-outline-width) solid var(--tg-product-swatch-border-color);box-shadow:var(--tg-outline-width) var(--tg-outline-width) var(--tg-outline-width) var(--tg-product-swatch-border-color)}.SwatchList .Swatch:hover,.SwatchList label:hover{border:var(--tg-outline-width) solid var(--tg-product-swatch-border-checked-color);box-shadow:none}.SwatchList .Swatch.Active,.SwatchList input:checked+label{border:3px solid var(--tg-product-swatch-border-checked-color);box-shadow:none;color:var(--tg-product-swatch-text-color);background-color:var(--tg-product-swatch-bg-color)}.SwatchList li{-webkit-margin-end:.5rem;margin-inline-end:.5rem;margin-bottom:.5rem}.SwatchList .ImageSwatchWrapper{width:5rem}.SwatchList .ImageSwatchWrapper .ImageSwatch{cursor:pointer;display:block;background-size:cover;background-position:center}.SwatchList .ImageSwatchWrapper .ImageSwatch.Unavailable{opacity:.6}.SwatchList .ImageSwatchWrapper .ImageSwatch.Unavailable:before{background-image:linear-gradient(to bottom right,rgba(0,0,0,0) 50%,var(--tg-product-swatch-border-color) 50% calc(50% + 1px),rgba(0,0,0,0) calc(50% + 1px));opacity:.6}.SwatchList .ColorSwatchWrapper .ColorSwatch{cursor:pointer;display:block;width:3rem;height:3rem;background-size:cover;background-position:center}.SwatchList .ColorSwatchWrapper .ColorSwatch.Unavailable{opacity:.6}.SwatchList .ColorSwatchWrapper .ColorSwatch.Unavailable:before{background-image:linear-gradient(to bottom right,rgba(0,0,0,0) 50%,var(--tg-product-swatch-border-color) 50% calc(50% + 1px),rgba(0,0,0,0) calc(50% + 1px));opacity:.6}.SwatchList .ColorSwatch--white{border:1px solid var(--tg-sys-color-outline)}.SwatchList .BlockSwatchWrapper .BlockSwatch{padding:10px 20px;text-align:center;min-width:3rem;display:flex;align-items:center;justify-content:center}.SwatchList .BlockSwatchWrapper .BlockSwatch.Unavailable{text-decoration:line-through;opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-product-swatches.css.map */