.caspero-circles[data-section-id]{max-width:var(--container-width, 1280px);margin:0 auto;padding:var(--caspero-circles-pt, 20px) 0 var(--caspero-circles-pb, 8px)}.caspero-circles__heading{margin:0 0 16px;padding:0 16px;font-family:var(--font--heading--family);font-size:22px;line-height:1.15;text-transform:none}.caspero-circles__list{display:flex;gap:14px;margin:0;padding:4px 16px 8px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:16px;-ms-overflow-style:none;scrollbar-width:none}.caspero-circles__list::-webkit-scrollbar{display:none}.caspero-circles__list>li{flex:none;margin:0;scroll-snap-align:start}.caspero-circles .caspero-circles__item{display:flex;flex-direction:column;align-items:center;gap:8px;width:72px;color:var(--ink);text-decoration:none;text-align:center}.caspero-circles__disc{position:relative;display:block;width:64px;height:64px;border-radius:999px;overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1px var(--rule);transition:box-shadow .15s ease}.caspero-circles__disc img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}.caspero-circles[data-style=image] [data-circle-colour] .caspero-circles__disc img{transform:scale(2.4);transform-origin:50% 66%}.caspero-circles__disc--all:empty{background:conic-gradient(var(--ink) 0 25%,var(--rule) 0 50%,var(--ink-muted) 0 75%,var(--surface) 0)}.caspero-circles__item:hover .caspero-circles__disc,.caspero-circles__item:focus-visible .caspero-circles__disc{box-shadow:inset 0 0 0 1px var(--rule),0 0 0 2px var(--paper),0 0 0 3px var(--ink-muted)}.caspero-circles__item.is-active .caspero-circles__disc{box-shadow:inset 0 0 0 1px var(--rule),0 0 0 2px var(--paper),0 0 0 4px var(--ink)}.caspero-circles__item:focus-visible{outline:none}.caspero-circles__label{font-family:var(--font--paragraph--family);font-size:12px;line-height:1.25}.caspero-circles__item.is-active .caspero-circles__label{font-weight:700}.caspero-circles__count{color:var(--ink-muted);font-weight:400}@media only screen and (min-width:768px){.caspero-circles__heading{padding:0 50px;font-size:26px}.caspero-circles__list{flex-wrap:wrap;gap:18px 20px;padding:4px 50px 8px;overflow:visible}.caspero-circles[data-align=center] .caspero-circles__heading{text-align:center}.caspero-circles[data-align=center] .caspero-circles__list{justify-content:center}.caspero-circles .caspero-circles__item{width:84px}.caspero-circles__disc{width:76px;height:76px}.caspero-circles__label{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/collection-circles-caspero.css.map */