.product-grid .group-block-content:has(>div>.variant-dots){--vd-size: 12px;--vd-gap: 5px;--vd-ring: 3px}.variant-dots{display:flex;align-items:center;gap:var(--vd-gap);height:1.6em;font-size:14px}@media screen and (min-width:750px){.product-grid .group-block-content:has(>div>.variant-dots){position:relative}.product-grid .group-block-content:has(.variant-dots[data-count="1"]){--vd-n: 1}.product-grid .group-block-content:has(.variant-dots[data-count="2"]){--vd-n: 2}.product-grid .group-block-content:has(.variant-dots[data-count="3"]){--vd-n: 3}.product-grid .group-block-content:has(.variant-dots[data-count="4"]){--vd-n: 4}.product-grid .group-block-content:has(.variant-dots[data-count="5"]){--vd-n: 5}.product-grid .group-block-content:has(.variant-dots[data-count="6"]){--vd-n: 6}.product-grid .group-block-content:has(>div>.variant-dots){--variant-dots-space: calc(var(--vd-n, 0) * (var(--vd-size) + var(--vd-gap)) + 8px + var(--vd-ring))}.product-grid .group-block-content:has(>div>.variant-dots[data-more]){--variant-dots-space: calc(var(--vd-n, 0) * (var(--vd-size) + var(--vd-gap)) + 28px + var(--vd-ring))}.product-grid .group-block-content:has(>div>.variant-dots--text){--variant-dots-space: 64px}.product-grid .group-block-content:has(>div>.variant-dots)>a:first-child .text-block{padding-inline-end:var(--variant-dots-space)}.variant-dots{position:absolute;top:0;right:var(--vd-ring)}.variant-dots--text{right:0}}@media screen and (max-width:749px){.product-grid .group-block-content:has(>div>.variant-dots){--vd-size: 11px}.variant-dots{height:auto;margin-block-start:1px;padding-block:var(--vd-ring)}}.variant-dots__dot{position:relative;display:block;flex:0 0 auto;width:var(--vd-size);height:var(--vd-size);overflow:hidden;border-radius:50%;background-color:var(--dot-color, color-mix(in srgb, var(--color-foreground) 10%, transparent));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-foreground) 14%,transparent);transition:box-shadow .2s ease}.variant-dots__dot:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.variant-dots__dot img{display:block;width:100%;height:100%;object-fit:cover}.variant-dots__dot:hover,.variant-dots__dot:focus-visible,.variant-dots__dot.is-active{box-shadow:0 0 0 1.5px var(--color-background),0 0 0 2.5px color-mix(in srgb,var(--color-foreground) 70%,transparent);outline:none}.variant-dots__more,.variant-dots--text span{font-size:.75rem;line-height:1;color:color-mix(in srgb,var(--color-foreground) 60%,transparent);white-space:nowrap}.variant-dots__more{margin-inline-start:2px}
/*# sourceMappingURL=/cdn/shop/t/41/assets/product-card-variant-dots.css.map */