.cs-root{--cs-card-width:276px;--cs-gap:20px;--cs-radius:16px;width:100%;min-width:0;font-family:var(--e-global-typography-hpcbody-font-family,"Outfit"),sans-serif}
.cs-root *{box-sizing:border-box}
.cs-root .cs-viewport{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:5px 0}
.cs-root.cs-enhanced .cs-viewport{overflow:hidden}
.cs-root .cs-track,.cs-root .cs-group{display:flex;align-items:stretch;width:max-content}
.cs-root .cs-track{will-change:transform}
.cs-root .cs-group{gap:var(--cs-gap);padding-right:var(--cs-gap);flex-shrink:0}
.cs-root .cs-card{position:relative;flex:0 0 auto;width:min(var(--cs-card-width),calc(100vw - 64px));overflow:hidden;border-radius:var(--cs-radius);background:var(--cs-card-bg,var(--e-global-color-hpcwhite));color:var(--cs-card-ink,var(--e-global-color-hpcink));border:1px solid var(--e-global-color-hpcline);isolation:isolate}
.cs-root .cs-card:focus-within{outline:3px solid var(--e-global-color-hpcsoft);outline-offset:2px}
.cs-root .cs-media{position:relative;aspect-ratio:9/16;background:var(--e-global-color-hpcink);overflow:hidden}
.cs-root .cs-media .cs-poster{display:block!important;width:100%!important;height:100%!important;object-fit:cover;object-position:center;position:absolute;inset:0;margin:0;border-radius:0}
.cs-root .cs-player-slot{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.cs-root .cs-player-slot iframe{display:block;width:100%!important;height:100%!important;position:absolute;inset:0;border:0}
.cs-root .cs-card.cs-playing .cs-player-slot{opacity:1}
.cs-root .cs-card.cs-pinned .cs-player-slot{pointer-events:auto}
.cs-root button{font:inherit;line-height:1.25;cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:40px}
.cs-root button:focus-visible,.cs-root a:focus-visible{outline:3px solid var(--cs-accent,var(--e-global-color-hpcaccent));outline-offset:3px}
.cs-root .cs-start{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);align-items:center;justify-content:center;width:66px;height:66px;padding:0;border-radius:50%;border:2px solid var(--e-global-color-hpcwhite);color:var(--e-global-color-hpcink);background:var(--e-global-color-hpcwhite);z-index:3}
.cs-root.cs-enhanced .cs-start{display:flex}
.cs-root .cs-card.cs-playing .cs-start{visibility:hidden}
.cs-root .cs-card.cs-blocked .cs-start{visibility:visible}
.cs-root .cs-load{display:none;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:7px 12px;background:var(--e-global-color-hpcwhite);color:var(--e-global-color-hpcink);border-radius:8px;font-size:13px;white-space:nowrap}
.cs-root .cs-card.cs-loading .cs-load{display:block}
.cs-root .cs-caption{padding:14px 16px 12px}
.cs-root .cs-card-caption{display:block;font-weight:600;font-size:15px;line-height:1.4}
.cs-root .cs-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.cs-root .cs-sound,.cs-root .cs-stop{display:none;border:0;background:transparent;padding:3px 0;color:var(--cs-accent,var(--e-global-color-hpcaccent));font-weight:600;font-size:12px;white-space:nowrap}
.cs-root.cs-enhanced .cs-sound{display:inline-block}
.cs-root .cs-stop:not([hidden]){display:inline-block}
.cs-root .cs-youtube{display:inline-flex;align-items:center;min-height:40px;font-size:12px;text-decoration:none;color:var(--e-global-color-hpcmuted);white-space:nowrap}
.cs-root .cs-youtube:hover{text-decoration:underline}
.cs-root .cs-message{display:block;font-size:12px;line-height:1.4;color:var(--e-global-color-hpcmuted)}
.cs-root .cs-message:empty{display:none}
.cs-root .cs-toolbar{display:none;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}
.cs-root.cs-enhanced .cs-toolbar{display:flex}
.cs-root .cs-motion,.cs-root .cs-prev,.cs-root .cs-next{border:1px solid var(--e-global-color-hpcsoft);color:var(--e-global-color-hpcwhite);background:transparent;border-radius:8px;padding:10px 16px;font-size:13px}
.cs-root .cs-motion:hover,.cs-root .cs-prev:hover,.cs-root .cs-next:hover{background:var(--e-global-color-hpcwhite);color:var(--e-global-color-hpcink)}
.cs-root .cs-nav{display:flex;gap:8px}
.cs-root .cs-prev,.cs-root .cs-next{font-size:20px;line-height:1;padding:8px;width:44px;min-height:44px}
.cs-root .cs-card.cs-pinned .cs-media{cursor:default}
.cs-root .cs-card.cs-preview .cs-media{cursor:pointer}
@media(max-width:767px){.cs-root{--cs-card-width:236px;--cs-gap:16px}.cs-root .cs-caption{padding:12px}.cs-root .cs-toolbar{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.cs-root .cs-track{will-change:auto}.cs-root .cs-motion{display:none}}