.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}}
@keyframes br-line{0%{opacity:0}}@keyframes br-seg{0%{opacity:0;filter:blur(12px)}}@media (prefers-reduced-motion:no-preference){[data-blur-reveal]{animation:.3s cubic-bezier(.25,.1,.35,1) backwards br-line}[data-blur-reveal] [data-blur-seg]{animation:br-seg var(--br-dur,.6s) cubic-bezier(.42, 0, .58, 1) calc(var(--br-delay,0s) + var(--br-i,0) * var(--br-stagger,20ms)) backwards}}
