.cssoc{width:min(24rem,78%);border-radius:1.6rem;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#1d1d1b;box-shadow:0 14px 34px rgba(0,0,0,.28)}.cssoc__head{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.3rem}.cssoc__av{width:3rem;height:3rem;border-radius:50%;background:rgb(var(--accent-rgb));color:#161616;display:grid;place-items:center;font-weight:900;font-size:1.3rem;flex:none}.cssoc__h{flex:1;line-height:1.15;min-width:0}.cssoc__h b{display:block;font-size:1.25rem;color:#f2f2ef;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cssoc__h>span{font-size:1rem;color:#8f8f89}.cssoc__ig{margin-left:auto;width:1.6rem;height:1.6rem;border:1.8px solid #8f8f89;border-radius:.5rem;position:relative;flex:none}.cssoc__ig:before{content:"";position:absolute;inset:3px;border:1.6px solid #8f8f89;border-radius:50%}.cssoc__appic{margin-left:auto;width:1.2rem;height:1.8rem;flex:none;border:1.8px solid #8f8f89;border-radius:.4rem;position:relative}.cssoc__appic:before{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:.45rem;height:1.8px;border-radius:1px;background:#8f8f89}.cssoc__li{margin-left:auto;flex:none;width:1.8rem;height:1.8rem;border-radius:.35rem;background:#8f8f89;color:#161616;font-size:1.1rem;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center}.cssoc__media{position:relative;aspect-ratio:4/5;background:#161616;overflow:hidden}.cssoc__track{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cssoc__track::-webkit-scrollbar{display:none}.cssoc__track--v{flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory}.cssoc__slide{position:relative;flex:none;width:100%;height:100%;scroll-snap-align:start}.cssoc__count{top:10px;right:10px;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#fff;background:rgba(0,0,0,.55);border-radius:999px;padding:.25em .7em;pointer-events:none}.cssoc__count,.cssoc__nav{position:absolute;z-index:2}.cssoc__nav{top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.92);border:0;cursor:pointer;transition:background .2s ease}.cssoc__nav:hover{background:#fff}.cssoc__nav:before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-right:2px solid #333;border-bottom:2px solid #333}.cssoc__nav--prev{left:8px}.cssoc__nav--prev:before{transform:translate(-25%,-50%) rotate(135deg)}.cssoc__nav--next{right:8px}.cssoc__nav--next:before{transform:translate(-75%,-50%) rotate(-45deg)}.cssoc__nav--up{top:12px;left:50%;transform:translateX(-50%)}.cssoc__nav--up:before{transform:translate(-50%,-25%) rotate(-135deg)}.cssoc__nav--down{top:auto;bottom:12px;left:50%;transform:translateX(-50%)}.cssoc__nav--down:before{transform:translate(-50%,-75%) rotate(45deg)}.cssoc__dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:2;display:flex;gap:5px;pointer-events:none}.cssoc__dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45);transition:background .2s ease}.cssoc__dots i.is-on{background:#fff}.cssoc__dots--v{flex-direction:column;left:auto;inset-inline-end:10px;bottom:auto;top:50%;transform:translateY(-50%)}.cssoc__media--img{aspect-ratio:9/16;background:#101010}.cssoc__grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.1px);background-size:16px 16px}.cssoc__play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:5.2rem;height:5.2rem;border-radius:50%;background:rgb(var(--accent-rgb));display:grid;place-items:center;box-shadow:0 10px 30px rgba(var(--accent-rgb),.25)}.cssoc__play i{width:0;height:0;margin-left:4px;border-left:1.6rem solid #161616;border-top:1rem solid transparent;border-bottom:1rem solid transparent}.cssoc__kpi{position:absolute;left:1.4rem;bottom:1.2rem;color:#fff}.cssoc__kpi b{display:block;font-size:2.6rem;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.cssoc__kpi span{font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}.cssoc__chip{position:absolute;top:1rem;left:1.2rem;font-size:.9rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:rgba(22,22,22,.7);color:#eee;padding:.4rem .9rem;border-radius:999px;backdrop-filter:blur(4px)}.cssoc__act{display:flex;gap:1.3rem;padding:1rem 1.3rem .4rem;align-items:center}.cssoc__act svg{width:1.7rem;height:1.7rem;stroke:#c9c9c2;stroke-width:1.8;fill:none}.cssoc__act svg.cssoc__hrt{stroke:rgb(var(--accent-rgb));fill:rgb(var(--accent-rgb))}.cssoc__cap{padding:.6rem 1.3rem 1.3rem;font-size:1.15rem;line-height:1.45;color:#9a9a94}.cssoc__cap b{color:#f2f2ef}