.csc{--csc-ink: var(--chesto-ink, #1F1B32);--csc-ink-90: var(--chesto-ink-90, #2E2A40);--csc-ink-15: var(--chesto-ink-15, #D4D2DC);--csc-fg-1: var(--fg-1, #1F1B32);--csc-fg-2: var(--fg-2, #4A4660);--csc-fg-3: var(--fg-3, #6B6880);--csc-fg-4: var(--fg-4, #9C9AB0);--csc-bg: var(--bg-canvas, #FFFFFF);--csc-border: var(--border-1, #ECEBF0);--csc-radius-lg: var(--radius-lg, 20px);--csc-radius-xl: var(--radius-xl, 28px);--csc-radius-pill: var(--radius-pill, 999px);--csc-shadow-sm: var(--shadow-sm, 0 1px 2px rgba(31,27,50,.04), 0 2px 8px rgba(31,27,50,.04));--csc-shadow-lg: var(--shadow-lg, 0 24px 48px rgba(31,27,50,.12));--csc-dur: var(--dur-base, .22s);--csc-ease: var(--ease-standard, cubic-bezier(.2,.8,.2,1));background:var(--csc-bg);padding:56px 0 48px;font-family:var(--font-body-family, "Assistant", system-ui, -apple-system, sans-serif);color:var(--csc-fg-1)}.csc__container{max-width:var(--container, 1240px);margin:0 auto;padding:0 24px}.csc__head{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;margin-bottom:40px}.csc__eyebrow{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--csc-coral, #E89A5C);background:#e89a5c1a;border:1px solid rgba(232,154,92,.25);padding:6px 12px 6px 10px;border-radius:999px;margin:0 0 14px;line-height:1}.csc__eyebrow:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--csc-coral, #E89A5C);flex-shrink:0}.csc__title{font-weight:800;font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;line-height:1.1;color:var(--csc-fg-1);margin:0 0 14px;text-wrap:balance}.csc__sub{font-size:17px;line-height:1.6;color:var(--csc-fg-2);margin:0;max-width:540px}.csc__follow{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.csc__follow-label{font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--csc-fg-3)}.csc__follow-row{display:flex;gap:8px;align-items:flex-start}.csc__follow-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:inherit}.csc__follow-count{font-size:11px;color:var(--csc-fg-3);font-variant-numeric:tabular-nums;line-height:1}.csc__follow-count-word{color:var(--csc-fg-4)}.csc__follow-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--csc-radius-pill);background:#fff;border:1px solid var(--csc-border);color:var(--csc-fg-1);font-weight:700;font-size:13px;cursor:pointer;transition:transform var(--csc-dur) var(--csc-ease),box-shadow var(--csc-dur) var(--csc-ease),background var(--csc-dur) var(--csc-ease)}.csc__follow-item:hover .csc__follow-btn{transform:translateY(-1px);box-shadow:var(--csc-shadow-sm)}.csc__follow-btn--primary{background:var(--csc-ink);color:#fff;border-color:var(--csc-ink)}.csc__follow-item:hover .csc__follow-btn--primary{background:var(--csc-ink-90)}.csc__viewport-wrap{position:relative}.csc__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:12px 0 24px;cursor:grab;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}.csc__viewport::-webkit-scrollbar{display:none}.csc__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none}.csc__viewport.is-dragging .csc__card{pointer-events:none}.csc__track{display:flex;gap:var(--csc-gap, 20px);padding:0 4px;width:max-content}.csc__card{flex:0 0 var(--csc-card-w, 240px);width:var(--csc-card-w, 240px);aspect-ratio:var(--csc-aspect, 9 / 16);scroll-snap-align:start;position:relative;border-radius:var(--csc-radius-xl);overflow:hidden;background:var(--csc-ink);color:#fff;text-decoration:none;box-shadow:var(--csc-shadow-sm);transition:transform var(--csc-dur) var(--csc-ease),box-shadow var(--csc-dur) var(--csc-ease);cursor:pointer;isolation:isolate;-webkit-user-select:none;user-select:none}.csc__card:hover{transform:translateY(-3px);box-shadow:var(--csc-shadow-lg)}.csc__card:hover .csc__play{transform:translate(-50%,-50%) scale(1.06);background:#ffffff2e}.csc__card:hover .csc__media-inner{transform:scale(1.04)}.csc__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.csc__media-inner{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--csc-tone, linear-gradient(160deg, #2A2640 0%, #1F1B32 100%));background-size:cover;background-position:center;transition:transform .6s var(--csc-ease)}.csc__media-inner img{width:100%;height:100%;object-fit:cover;display:block}.csc__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0d0b1a00 35%,#0d0b1a8c 80%,#0d0b1ac7);pointer-events:none}.csc__top{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;z-index:2}.csc__platform{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#fffffff2;color:var(--csc-ink)}.csc__kind{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:#ffffff29;color:#fff;font-weight:700;font-size:11px;letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.csc__kind-dot{width:5px;height:5px;border-radius:999px;background:#fff}.csc__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.45);color:#fff;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform var(--csc-dur) var(--csc-ease),background var(--csc-dur) var(--csc-ease);z-index:2}.csc__play svg{transform:translate(1px)}.csc__bottom{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;color:#fff}.csc__handle{font-weight:700;font-size:13px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.csc__handle-dot{width:3px;height:3px;border-radius:999px;background:#ffffff8c}.csc__handle-time{font-weight:400;color:#ffffffb3;font-size:12px}.csc__caption{font-size:13px;line-height:1.4;color:#ffffffeb;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;text-wrap:pretty}.csc__stats{display:flex;align-items:center;gap:14px;font-size:12px;color:#ffffffd9;font-variant-numeric:tabular-nums}.csc__stat{display:inline-flex;align-items:center;gap:5px}.csc__controls{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:24px}.csc__dots{display:flex;align-items:center;gap:6px}.csc__dot{width:18px;height:4px;border-radius:999px;background:var(--csc-ink-15);transition:background var(--csc-dur) var(--csc-ease),width var(--csc-dur) var(--csc-ease);border:none;padding:0;cursor:pointer}.csc__dot.is-active{background:var(--csc-ink);width:36px}.csc__arrows{display:flex;gap:8px}.csc__arrow{width:44px;height:44px;border-radius:999px;background:#fff;border:1px solid var(--csc-border);color:var(--csc-fg-1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--csc-dur) var(--csc-ease),background var(--csc-dur) var(--csc-ease),border-color var(--csc-dur) var(--csc-ease)}.csc__arrow:hover{background:var(--csc-ink);color:#fff;border-color:var(--csc-ink)}.csc__arrow:active{transform:scale(.96)}.csc__arrow[disabled]{opacity:.4;cursor:not-allowed;background:#fff;color:var(--csc-fg-1);border-color:var(--csc-border)}@media(max-width:749px){.csc{padding:24px 0 20px}.csc__container{padding:0 16px}.csc__head{grid-template-columns:1fr;gap:10px;margin-bottom:12px;align-items:start}.csc__eyebrow{margin-bottom:8px;font-size:10px;padding:5px 10px 5px 9px;gap:6px}.csc__eyebrow:before{width:5px;height:5px}.csc__title{font-size:22px;margin-bottom:4px;line-height:1.15}.csc__sub{font-size:13px}.csc__follow{align-items:stretch;gap:6px}.csc__follow-label{font-size:10px}.csc__follow-row{gap:6px;justify-content:space-between}.csc__follow-item{flex:1;gap:4px}.csc__follow-btn{width:100%;height:30px;padding:0 8px;font-size:11px;justify-content:center;gap:6px}.csc__follow-count{font-size:10px}.csc__follow-count-word{display:none}.csc__viewport{padding:4px 0 8px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}.csc__card{aspect-ratio:8 / 11}.csc__track{gap:10px}.csc__card{border-radius:var(--csc-radius-lg)}.csc__top{top:10px;left:10px;right:10px}.csc__platform{width:26px;height:26px}.csc__kind{height:20px;padding:0 8px;font-size:10px}.csc__play{width:44px;height:44px}.csc__play svg{width:18px;height:18px}.csc__bottom{left:12px;right:12px;bottom:10px}.csc__handle{font-size:12px;margin-bottom:4px}.csc__handle-time{font-size:11px}.csc__caption{font-size:12px;margin-bottom:6px}.csc__stats{font-size:11px;gap:10px}.csc__arrows{display:none}.csc__controls{justify-content:center;margin-top:4px}.csc__dot{width:14px;height:3px}.csc__dot.is-active{width:26px}}@media(prefers-reduced-motion:reduce){.csc__card,.csc__media-inner,.csc__play,.csc__arrow,.csc__dot,.csc__follow-btn{transition:none!important}}.csc [data-csc-reveal]{opacity:0;transform:translateY(28px) scale(.94);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--csc-delay, 0ms);will-change:opacity,transform}.csc [data-csc-reveal].is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.csc [data-csc-reveal]{opacity:1!important;transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/chesto-social-carousel.css.map */