.ccb-section{padding:60px 0 52px}.ccb-heading-wrap{text-align:center;margin-bottom:40px;padding:0 20px}.ccb-eyebrow{font-family:Manrope,sans-serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#b89a5e;margin:0 0 8px}.ccb-heading{font-family:Cormorant,serif;font-style:italic;font-weight:500;font-size:34px;letter-spacing:.02em;color:#111;margin:0}.ccb-viewport{overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}.ccb-scroller{display:flex;gap:40px;width:max-content;padding:6px 0 14px;animation-name:ccb-marquee;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes ccb-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ccb-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;text-decoration:none;width:150px}.ccb-circle{display:block;width:140px;height:140px;border-radius:50%;overflow:hidden;border:1px solid rgba(17,17,17,.12);box-shadow:0 8px 22px #11111112;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .3s ease,box-shadow .3s ease;background:#f7f7f5}.ccb-item:hover .ccb-circle,.ccb-item:focus-visible .ccb-circle{transform:scale(1.16);border-color:#b89a5e;box-shadow:0 14px 32px #b89a5e4d}.ccb-img{width:100%;height:100%;object-fit:cover;display:block}.ccb-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111,#3a3a3a)}.ccb-fallback-letter{font-family:Cormorant,serif;font-style:italic;font-size:50px;color:#b89a5e}.ccb-label{margin-top:16px;font-family:Manrope,sans-serif;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#111;text-align:center;transition:color .3s ease}.ccb-item:hover .ccb-label,.ccb-item:focus-visible .ccb-label{color:#b89a5e}@media(min-width:750px){.ccb-heading{font-size:42px}.ccb-scroller{gap:56px}.ccb-item{width:190px}.ccb-circle{width:175px;height:175px}.ccb-fallback-letter{font-size:62px}}@media(prefers-reduced-motion:reduce){.ccb-scroller{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-collection-circle-bar.css.map */