.circle-collection-section{padding:30px 20px 50px;margin:0 auto;max-width:1400px;opacity:0;animation:sectionFadeIn .6s ease-out .12s both;will-change:opacity,transform}.circle-collection-title{margin-bottom:40px;text-align:left}.circle-collection-grid{display:flex;flex-wrap:nowrap;gap:32px;overflow:visible;justify-content:center}.circle-block{flex:0 0 auto;text-align:center;text-decoration:none;color:inherit;width:calc((100% - (32px * (var(--items, 1) - 1))) / var(--items, 1));max-width:220px;min-width:96px;opacity:0;transform:translateY(16px) scale(.98);animation:itemRiseIn .6s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(80ms * var(--i, 0) + .15s);will-change:opacity,transform}@media (max-width: 768px){.circle-collection-grid{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;justify-content:flex-start}.circle-collection-grid::-webkit-scrollbar{display:none}.circle-collection-grid{-ms-overflow-style:none;scrollbar-width:none}.circle-block{width:220px;scroll-snap-align:center}}.circle-image{width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;box-shadow:0 2px 8px #0000001a}.circle-image:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 10px 24px #0000004d}.circle-image img{width:100%;height:100%;object-fit:cover;display:block}.circle-label{margin-top:20px;font-size:1.2rem;font-weight:600}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes itemRiseIn{0%{opacity:0;transform:translateY(16px) scale(.98)}60%{opacity:1;transform:translateY(0) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.circle-collection-section,.circle-block{animation:none!important;opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/compiled_assets/styles.css.map */