.pf-credits{--cr-card:var(--pf-card,var(--bg-surface,#111));--cr-edge:var(--pf-card-edge,#ffffff17);--cr-floor:#0a0a0c8c;--cr-ink:var(--text-primary,#f5f5f5);--cr-muted:var(--text-muted,#8a8a8a);--cr-head:var(--pf-ink,var(--text-primary,#f5f5f5));--cr-card-w:112px;--cr-fade:48px;min-width:0;margin:0 0 24px;position:relative}.pf-credits-h{color:var(--cr-head);margin:0 0 8px;font-size:15px;line-height:1.2}.pf-credits-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pf-credits-count{opacity:.55;margin-left:4px;font-weight:500}.pf-credits-list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.pf-credits-list::-webkit-scrollbar{display:none}.pf-credits-list>li{flex:0 0 var(--cr-card-w);scroll-snap-align:start;min-width:0}.pf-credits-list[data-more-right]{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--cr-fade)), transparent);-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--cr-fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--cr-fade)), transparent)}.pf-credits-list[data-more-left]{-webkit-mask-image:linear-gradient(to left, #000 calc(100% - var(--cr-fade)), transparent);-webkit-mask-image:linear-gradient(to left, #000 calc(100% - var(--cr-fade)), transparent);mask-image:linear-gradient(to left, #000 calc(100% - var(--cr-fade)), transparent)}.pf-credits-list[data-more-left][data-more-right]{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--cr-fade), #000 calc(100% - var(--cr-fade)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--cr-fade), #000 calc(100% - var(--cr-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--cr-fade), #000 calc(100% - var(--cr-fade)), transparent)}.pf-credit{box-sizing:border-box;background:linear-gradient(var(--cr-card), var(--cr-card)), var(--cr-floor);width:100%;min-width:0;height:100%;box-shadow:inset 0 0 0 1px var(--cr-edge), var(--pf-shadow,0 0 #0000);color:var(--cr-ink);-webkit-tap-highlight-color:transparent;border-radius:14px;flex-direction:column;gap:7px;padding:6px 6px 9px;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,opacity .18s;display:flex;overflow:hidden}@media (hover:hover){.pf-credit:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cr-ink) 22%, var(--cr-edge)), 0 14px 30px -18px #000000b3;transform:translateY(-2px)}}.pf-credit:active{opacity:.85;transform:scale(.96)}.pf-credit:focus-visible{outline:2px solid var(--accent,#fff);outline-offset:-2px}.pf-credit-art{aspect-ratio:1;background:color-mix(in srgb, var(--cr-ink) 8%, transparent);border-radius:9px;flex:none;width:100%;display:block;position:relative;overflow:hidden}.pf-credit-art img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.pf-credit-art-empty{background:linear-gradient(140deg,#2a2a31,#141418);width:100%;height:100%;display:block;position:absolute;inset:0}.pf-credit-text{flex-direction:column;gap:1px;min-width:0;padding:0 3px;display:flex}.pf-credit-title,.pf-credit-artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pf-credit-title{color:var(--cr-ink);font-size:13px;font-weight:600;line-height:1.3}.pf-credit-artist{color:var(--cr-muted);font-size:12px;line-height:1.3}.pf-credit-meta{color:var(--cr-muted);align-items:center;gap:5px;margin-top:5px;font-size:11px;font-weight:600;line-height:1;display:flex}.pf-credit-mark{flex:none;width:12px;height:12px}@media (max-width:639px){.pf-credits{--cr-card-w:108px;--cr-fade:36px}}.pf-credits--light{--cr-card:#fff;--cr-edge:#0a0a0c0f;--cr-floor:#fff;--cr-ink:#0a0a0a;--cr-muted:#7a7a82;--cr-head:#0a0a0a;margin:0}.pf-credits--light .pf-credits-list{padding-bottom:14px}.pf-credits--light .pf-credit{box-shadow:inset 0 0 0 1px var(--cr-edge), 0 8px 20px -14px #00000059}.pf-credits--light .pf-credit-art-empty{background:linear-gradient(140deg,#dcdce0,#cbcbd0)}
