.cm-media[data-media-slot="content-marketing"]{position:relative;overflow:hidden;background:#000}
.cm-media[data-media-slot="content-marketing"]:empty::before{display:none}
.cm{position:absolute;left:0;top:0;width:980px;height:580px;transform-origin:0 0;font-family:var(--font-body);color:#fff;letter-spacing:0;line-height:1.3}
.cm *{box-sizing:border-box}
.cm-cap{position:absolute;font-size:13px;color:#c9ced8;opacity:0}
.cm-qs{position:absolute;inset:0}
.cm-q{position:absolute;left:0;top:0;display:flex;align-items:center;gap:12px;height:28px;font-size:16px;white-space:nowrap;opacity:0;will-change:transform,opacity}
.cm-q img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}
.cm-q b{width:22px;font-size:11px;font-weight:600;letter-spacing:.04em;color:#c9ced8}
.cm{--g:.8}
.cm-tb{position:absolute;left:0;top:0;height:100%;--nw:200px;--fw:0px;--cw:0px;--cv:0}
.cm-hd,.cm-r{position:absolute;left:0;right:0;top:0;display:flex;align-items:center}
.cm-hd{height:40px;border-bottom:1px solid #2b3650;font-size:12px;color:#c9ced8;opacity:0}
.cm-r{height:48px;border-bottom:1px solid #1c2435;opacity:0;will-change:transform,opacity}
.cm-r::before{content:"";position:absolute;inset:4px -14px;border-radius:12px;background:#0131ff;opacity:calc(var(--p,0)*.16)}
.nm{position:relative;flex:0 0 var(--nw);display:flex;align-items:center;gap:10px;font-size:calc(15px*(1 + var(--g)*var(--f,0)));font-weight:600;white-space:nowrap}
.cm-r .nm img{display:block;height:17px;max-width:130px;object-fit:contain;object-position:left center}
.cm-r .nm img[src*=reddit]{height:15px}
.cm-r .nm img[src*=lonely]{height:26px;margin-left:-3px}
.tg{font-style:normal;font-size:calc(13px*(1 + var(--g)*var(--f,0)));font-weight:600;color:#b6caff;opacity:var(--p,0)}
.bar{position:relative;flex:1 1 auto;min-width:0;margin-right:24px;white-space:nowrap}
.cm-r .bar{height:calc(4px*(1 + 1.5*var(--f,0)));border-radius:2px;background:#1c2435}
.cm-r .bar i{position:absolute;inset:0;border-radius:4px;background:#fff;transform-origin:0 50%;transform:scaleX(0)}
.cm-r.pick .bar i{background:color-mix(in srgb,#0131ff calc(var(--p,0)*100%),#fff)}
.fit,.cost{position:relative;flex:0 0 var(--fw);overflow:hidden;white-space:nowrap}
.cost{flex-basis:var(--cw)}
.cm-hd .fit,.cm-hd .cost{opacity:var(--cv)}
.cm-r .fit,.cm-r .cost{display:flex;align-items:center;gap:6px;opacity:var(--cv)}
.cm-r .fit i{width:calc(7px*(1 + .5*var(--f,0)));height:calc(7px*(1 + .5*var(--f,0)));border-radius:50%;background:#394762}
.cm-r .fit i.on{background:#fff}
.cm-r.pick .fit i.on{background:color-mix(in srgb,#0131ff calc(var(--p,0)*100%),#fff)}
.cm-r .cost{gap:2px;font-size:calc(14px*(1 + .4*var(--f,0)));font-weight:600}
.cm-r .cost i{font-style:normal;color:#394762}
.cm-r .cost i.on{color:#fff}
.note{position:absolute;right:0;font-style:normal;font-size:13px;color:#c9ced8;white-space:nowrap;opacity:var(--x,0)}
.cm-ttl{position:absolute;font-size:48px;font-weight:600;letter-spacing:-.01em;opacity:0}
.cm-r .bar b{position:absolute;left:0;top:0;bottom:0;border-radius:4px;overflow:hidden;opacity:0;pointer-events:none}
.cm-r .bar b u{position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(182,202,255,.95),rgba(255,255,255,0))}
.cm-r.pick .bar i{box-shadow:0 0 calc(14px*var(--f,0)) rgba(1,49,255,calc(.7*var(--f,0)))}
.cm-replay{position:absolute;right:20px;bottom:18px;width:56px;height:56px;padding:9px;border:0;border-radius:50%;background:none;color:#c9ced8;cursor:pointer;
  opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s,color .2s ease}
.cm-replay.on{opacity:1;visibility:visible;transition:opacity .5s ease,color .2s ease}
.cm-replay:hover{color:#fff}
.cm-replay:focus-visible{outline:2px solid #b6caff;outline-offset:2px}
.cm-replay svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:734px){
.cm-media[data-media-slot="content-marketing"]{aspect-ratio:360/520}
.cm-replay{right:8px;bottom:6px;width:46px;height:46px;padding:8px}
.cm{width:360px;height:520px;--g:.13}
.cm-cap{font-size:13px}
.cm-ttl{font-size:28px}
.cm-q{height:26px;font-size:16px;gap:10px}.cm-q img{width:16px;height:16px}.cm-q b{width:22px;font-size:12px}
.cm-hd{height:36px;font-size:13px}
.cm-r{height:46px}
.cm-r::before{inset:2px -8px;border-radius:12px}
.nm{font-size:calc(15px*(1 + var(--g)*var(--f,0)));gap:8px}
.cm-r .nm img{height:14px;max-width:112px}.cm-r .nm img[src*=reddit]{height:12px}.cm-r .nm img[src*=lonely]{height:21px}
.tg{font-size:calc(13px*(1 + var(--g)*var(--f,0)))}
.bar{margin-right:14px}
.cm-r .bar{height:calc(4px*(1 + .5*var(--f,0)))}
.cm-r .fit{gap:5px}.cm-r .fit i{width:6px;height:6px}
.cm-r .cost{font-size:14px;gap:1px}
.note{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.cm *{transition:none!important}}