.ccm{--ccm-gap:40px;--ccm-separator-size:45px;--ccm-separator-rotation:0deg;--ccm-preview-size:100px;--ccm-inline-size:60px;--ccm-edge:70px;position:relative;width:100%;min-width:0;isolation:isolate}.ccm,.ccm *{box-sizing:border-box}.ccm:hover{z-index:9}.ccm-surface{position:relative;background:#7046b5;min-height:96px;padding:18px 0;display:flex;align-items:center;overflow:hidden}.ccm-viewport{width:100%;min-width:0;overflow:hidden}.ccm-track,.ccm-group,.ccm-pair,.ccm-entry{display:flex;align-items:center;flex-wrap:nowrap}.ccm-track{width:max-content;direction:ltr;will-change:transform}.ccm-group{flex:0 0 auto;width:max-content}.ccm-pair{flex:0 0 auto;gap:var(--ccm-gap);padding-right:var(--ccm-gap)}.ccm-entry{gap:16px}.ccm .ccm-label{display:inline-flex;align-items:center;gap:16px;font-family:inherit;font-size:36px;font-weight:750;line-height:1.3;letter-spacing:0;text-transform:none;white-space:nowrap;color:#fff;text-decoration:none;transition:color .25s,background-color .25s}.ccm .ccm-label:hover{color:#fff}.ccm a:focus-visible,.ccm button:focus-visible{outline:2px solid #fff878;outline-offset:4px}.ccm-separator{color:#fa4889;font-size:var(--ccm-separator-size);line-height:1;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.ccm-separator-inner,.ccm-separator-motion{display:inline-flex;align-items:center;justify-content:center}.ccm-separator-inner{transform:rotate(var(--ccm-separator-rotation))}.ccm-separator svg,.ccm-separator img{display:block;width:var(--ccm-separator-size);height:var(--ccm-separator-size);object-fit:contain;fill:currentColor}.ccm-separator i{font-size:var(--ccm-separator-size)}.ccm-image{display:block;width:var(--ccm-inline-size);height:var(--ccm-inline-size);object-fit:cover;border-radius:50%;flex-shrink:0}.ccm-preview{position:absolute;top:0;left:0;width:var(--ccm-preview-size);height:var(--ccm-preview-size);border-radius:50%;overflow:hidden;pointer-events:none;z-index:10;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.75);transition:opacity .18s,transform .18s,visibility .18s;box-shadow:0 6px 16px #0003}.ccm-preview img{display:block;width:100%;height:100%;object-fit:cover}.ccm-preview.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.ccm .ccm-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:30px;background:#fff;color:#7046b5;font-size:14px;font-weight:700;line-height:1.4;text-decoration:none;white-space:nowrap;transition:color .2s,background .2s}.ccm .ccm-button:hover{background:#fff878;color:#111}.ccm-toggle{flex-shrink:0;position:relative;margin:0 12px;padding:7px 12px;border:1px solid currentColor;border-radius:20px;background:#7046b5;color:#fff;font:inherit;font-size:12px;cursor:pointer}.ccm-edge-fade .ccm-viewport{mask-image:linear-gradient(to right,transparent,#000 var(--ccm-edge),#000 calc(100% - var(--ccm-edge)),transparent)}
.ccm[data-icon-motion=spin] .ccm-separator-motion{animation:ccm-spin var(--ccm-icon-duration,4s) linear infinite}.ccm[data-icon-motion=pulse] .ccm-separator-motion{animation:ccm-pulse var(--ccm-icon-duration,4s) ease-in-out infinite}.ccm[data-icon-motion=wiggle] .ccm-separator-motion{animation:ccm-wiggle var(--ccm-icon-duration,4s) ease-in-out infinite}.ccm.is-paused .ccm-separator-motion{animation-play-state:paused}.ccm.is-static .ccm-track{transform:none!important}.ccm.is-static .ccm-viewport{overflow-x:auto;scrollbar-width:thin;padding:6px 0}.ccm.is-static .ccm-clone{display:none}.ccm.is-static .ccm-separator-motion{animation:none}.ccm.is-static .ccm-viewport{mask-image:none}.ccm.ccm-enter{opacity:0;transition:opacity var(--ccm-fade,600ms) ease}.ccm.ccm-enter.is-visible{opacity:1}
@keyframes ccm-spin{to{transform:rotate(360deg)}}@keyframes ccm-pulse{50%{transform:scale(.8)}}@keyframes ccm-wiggle{25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}
@media(max-width:767px){.ccm{--ccm-gap:24px;--ccm-separator-size:30px;--ccm-inline-size:42px}.ccm-surface{min-height:70px;padding:14px 0}.ccm .ccm-label{font-size:24px}.ccm-preview{display:none}}
@media(prefers-reduced-motion:reduce){.ccm-separator-motion{animation:none!important}.ccm-preview,.ccm-label,.ccm-button,.ccm.ccm-enter{transition:none!important}.ccm.ccm-enter{opacity:1!important}}