.vanyo-mat-circles__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(2rem,4vw,3rem)}.vanyo-mat-circles__heading{margin:0}.vanyo-mat-circles__viewall{color:var(--v-accent, var(--v-ink));text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.vanyo-mat-circles__viewall:hover{color:var(--v-ink)}.vanyo-mat-circles__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--vmc-cols, 6),minmax(0,1fr));gap:clamp(2rem,4vw,3rem) clamp(1rem,2.5vw,2.5rem);justify-items:center}.vanyo-mat-circles__item{text-align:center;width:100%}.vanyo-mat-circles__media{position:relative;width:min(100%,var(--vmc-size, 210px));aspect-ratio:1;margin-inline:auto;border-radius:var(--v-radius);overflow:hidden}.vanyo-mat-circles__img{width:100%;height:100%;object-fit:cover;display:block}.vanyo-mat-circles__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--v-white);font-family:var(--v-font-display);font-weight:700;font-size:clamp(1.25rem,calc(var(--vmc-size, 210px) * .22),4rem);letter-spacing:.01em;text-shadow:0 1px 6px rgba(17,24,39,.35);pointer-events:none}.vanyo-mat-circles__name{font-family:var(--v-font-display);font-weight:600;font-size:1.25rem;color:var(--v-ink);margin:1.25rem 0 .5rem}.vanyo-mat-circles__dots{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.3rem;margin:0 0 .5rem}.vanyo-mat-circles__dots i{width:11px;height:11px;border-radius:50%;border:1px solid var(--v-line);display:inline-block}.vanyo-mat-circles__count{color:var(--v-steel);font-size:.8125rem;letter-spacing:.04em;margin-left:.3rem;white-space:nowrap}.vanyo-mat-circles__link{display:inline-flex;align-items:center;gap:.5rem;color:var(--v-accent, var(--v-ink));font-size:1rem;text-decoration:none}.vanyo-mat-circles__link:hover{color:var(--v-ink)}.vanyo-mat-circles__link:hover .vanyo-mat-circles__arrow{transform:translate(2px)}.vanyo-mat-circles__arrow{flex:none;transition:transform .15s ease-out}@media screen and (max-width:1023px){.vanyo-mat-circles__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:767px){.vanyo-mat-circles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vanyo-mat-circles__head{flex-direction:column;align-items:flex-start;gap:.75rem}}@media(prefers-reduced-motion:reduce){.vanyo-mat-circles__arrow{transition:none}.vanyo-mat-circles__link:hover .vanyo-mat-circles__arrow{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/vanyo-material-circles.css.map */