.xp{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:6px;margin:0 0 9px;padding:0;list-style:none;display:flex;overflow-x:auto}.xp::-webkit-scrollbar{display:none}.xp>li{scroll-snap-align:start;flex:0 0 63px}.xp-card{aspect-ratio:1;transition:transform 90ms ease, box-shadow .2s var(--ease-out-quart);background:#0c0c0c;border-radius:7px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 6px #48484840}[data-theme=light] .xp-card{background:#ededed;box-shadow:inset 0 0 12px #fff,0 0 1.3px #0000001c}.xp-card>img{object-fit:cover;opacity:.82;width:100%;height:100%;transition:opacity .16s var(--ease-out-quart);display:block}.xp-card:hover>img,.xp-card:focus-visible>img{opacity:1}.xp-card:hover{transform:translateY(-1px)}.xp-card:active{transform:translateY(1px)}.xp-card:focus-visible{outline-offset:2px;outline:2px solid #0336ff}.xp-text{-webkit-line-clamp:4;line-clamp:4;font-family:var(--font-sans);letter-spacing:.005em;color:var(--fg-muted);-webkit-box-orient:vertical;padding:7px 7px 0;font-size:9.5px;line-height:12px;display:-webkit-box;overflow:hidden}.xp-play{background:#08080a9e;border-radius:50%;width:12px;height:12px;position:absolute;bottom:5px;left:5px;box-shadow:0 0 0 .5px #ffffff38}.xp-play:after{content:"";border-top:2.8px solid #0000;border-bottom:2.8px solid #0000;border-left:4.4px solid #ffffffeb;position:absolute;top:3.2px;left:4.4px}.xp-count{font-family:var(--font-sans);font-variant-numeric:tabular-nums;color:#ffffffeb;background:#08080a9e;border-radius:999px;padding:0 4px;font-size:9.5px;font-weight:500;line-height:14px;position:absolute;top:4px;right:4px;box-shadow:0 0 0 .5px #ffffff38}@media (prefers-reduced-motion:reduce){.xp-card,.xp-card>img{transition:none}}