.circle-lineup{--block-size:calc(var(--content-size)*(var(--row-width, 100)/100));--circle-lineup-columns:2;--circle-lineup-gap:1.5rem 1rem;--circle-lineup-font-size:.875rem;--circle-lineup-font-weight:600;--circle-lineup-link-color:var(--color-black);--circle-lineup-item-gap:.75rem}.circle-lineup.bare .circle-lineup-item span{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.circle-lineup .native-scroller{--scroller-columns:var(--circle-lineup-columns)}.circle-lineup .native-scroll-control{--scroller-control-top:calc(((var(--block-size) - (var(--scroller-gap)*(var(--circle-lineup-columns) - 1)))/var(--circle-lineup-columns))/2)}.circle-lineup .circle-lineup-item .link{--outline-offset:calc(var(--outline-width)*-1);align-items:center;display:flex;flex-direction:column;font-size:var(--circle-lineup-font-size);font-weight:600;gap:var(--circle-lineup-item-gap);line-height:1.4;outline:none;text-decoration:none}.circle-lineup .circle-lineup-item .link:focus-visible .media-image{outline-offset:var(--outline-offset);outline-style:var(--outline-style);outline-width:var(--outline-width)}.circle-lineup .circle-lineup-item .link:is(a[href]),.circle-lineup .circle-lineup-item .link:is(button),.circle-lineup .circle-lineup-item .link:is(span[role=link]){-webkit-tap-highlight-color:transparent}.circle-lineup .circle-lineup-item .link:is(a[href]):focus:not(:focus-visible),.circle-lineup .circle-lineup-item .link:is(button):focus:not(:focus-visible),.circle-lineup .circle-lineup-item .link:is(span[role=link]):focus:not(:focus-visible){outline:none}.circle-lineup .circle-lineup-item .link:is(a[href]):active .media-image,.circle-lineup .circle-lineup-item .link:is(a[href]):focus-visible .media-image,.circle-lineup .circle-lineup-item .link:is(a[href]):hover .media-image,.circle-lineup .circle-lineup-item .link:is(button):active .media-image,.circle-lineup .circle-lineup-item .link:is(button):focus-visible .media-image,.circle-lineup .circle-lineup-item .link:is(button):hover .media-image,.circle-lineup .circle-lineup-item .link:is(span[role=link]):active .media-image,.circle-lineup .circle-lineup-item .link:is(span[role=link]):focus-visible .media-image,.circle-lineup .circle-lineup-item .link:is(span[role=link]):hover .media-image{transform:scale(1.03)}.circle-lineup .circle-lineup-item a{text-decoration:none}.circle-lineup .circle-lineup-item span{-webkit-hyphens:auto;hyphens:auto;text-wrap:balance}.circle-lineup .circle-lineup-image{border-radius:50%;margin-bottom:var(--gap-s);overflow:hidden;width:100%}.circle-lineup .circle-lineup-image .media-image{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;transition:transform .25s ease}.circle-lineup.center .circle-lineup-list{justify-content:safe center}@media (min-width:36em){.circle-lineup{--circle-lineup-columns:4}}@media (min-width:62em){.circle-lineup{--circle-lineup-columns:6;--circle-lineup-font-size:1rem;--circle-lineup-gap:1.5rem;--circle-lineup-item-gap:1rem}.circle-lineup .native-scroller{--scroller-padding:0}}