.card__meta-row{display:flex;align-items:normal;margin-block-start:.4rem;flex-direction:column}.card__meta-row>.card__meta-row__inner{display:flex;justify-content:space-between;position:relative}.card__meta-row>.card__meta-row__inner .card__swatches{max-width:60%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;padding-inline:8px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 12px),transparent 100%)}.card__meta-row>.card__meta-row__inner .card__swatches::-webkit-scrollbar{display:none}.card__meta-row>.card__meta-row__inner:after{content:"";position:absolute;top:0;bottom:0;width:12px;pointer-events:none;z-index:1}.card__meta-row>.card__meta-row__inner:after{right:0;background:linear-gradient(270deg,rgb(var(--color-background)) 0,transparent 100%)}.card__price-wrap{display:flex;align-items:center}.card__swatches{display:inline-flex;align-items:center;gap:.4rem;position:relative;z-index:2}.card__swatches .swatch{--swatch--size: 1.6rem}.swatch-link{display:inline-flex;line-height:0;position:relative;z-index:2}.swatch-link.is-selected .swatch{outline:.1rem solid rgba(var(--color-foreground),1);outline-offset:.1rem}.swatch-link.is-unavailable{opacity:.45}.swatch-link[data-swatch-label]:hover .swatch{outline:.15rem solid rgba(var(--color-foreground),1);outline-offset:.1rem}.swatch-link[data-swatch-label]:hover:after{content:attr(data-swatch-label);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);background:rgba(var(--color-foreground),.9);color:rgb(var(--color-background));font-size:1.1rem;line-height:1;white-space:nowrap;padding:.3rem .5rem;border-radius:.3rem;pointer-events:none;opacity:0}@media (min-width: 750px){.card__meta-row{gap:1rem}.card__swatches{gap:.8rem}.card__swatches .swatch{--swatch--size: 1.8rem}}.card--standard>.card__content .card__information{padding-left:1rem;padding-right:.5rem}@media screen and (min-width: 750px){.card--standard>.card__content .card__information{padding-left:1.5rem;padding-right:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/card-product-swatches.css.map */