.cs{--cw:240px;--ch:150px}.cs-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;perspective:1200px;perspective-origin:50%;outline:none;height:270px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.cs-stage.is-dragging{cursor:grabbing}.cs-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--c-turq);border-radius:var(--radius-lg)}.cs-track{transform-style:preserve-3d;pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.cs-card{width:var(--cw);height:var(--ch);margin:calc(var(--ch) / -2) 0 0 calc(var(--cw) / -2);cursor:pointer;will-change:transform;pointer-events:auto;background:#fff;border-radius:16px;position:absolute;top:50%;left:50%}.cs-logo{position:absolute;inset:28px 32px}.cs-logo img{pointer-events:none}.cs-name{opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:var(--c-dark-turq);color:#fff;max-width:320px;font-size:var(--text-md);border-radius:999px;padding:7px 14px;font-weight:600;line-height:1.2;transition:opacity .18s,transform .28s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 12px);left:50%;overflow:hidden;transform:translate(-50%,6px)}@media (hover:hover){.cs-card:hover .cs-name{opacity:1;transform:translate(-50%)}.cs-stage.is-dragging .cs-name{opacity:0}}@media (max-width:640px){.cs{--cw:200px;--ch:124px}.cs-logo{inset:22px 26px}.cs-stage{height:220px}}@media (prefers-reduced-motion:reduce){.cs-name{transition:none}}