.creator-badges{flex:1 1 0;align-items:center;gap:4px;min-width:150px;max-width:460px;margin-left:auto;display:flex}.creator-badges-strip{flex:auto;justify-content:flex-end;min-width:0;padding:17px 16px;display:flex;overflow:hidden}.creator-badges-strip.is-overflowing{justify-content:flex-start;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 72px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 72px),#0000)}.creator-badges-strip ul{flex-shrink:0;gap:4px;width:max-content;margin:0;padding:0;list-style:none;display:flex}.creator-badge{position:relative}.creator-badge>button{border-radius:14px;padding:2px;display:block;position:relative}.creator-badge>button:focus-visible{outline-offset:2px;outline:2px solid #c8aff8}.creator-badge .mb{--size:46px}.creator-badge-name{color:#e6dcf3;white-space:nowrap;opacity:0;pointer-events:none;font-size:11px;font-weight:500;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% - 3px);left:50%;transform:translate(-50%,-3px)}.creator-badge:hover .creator-badge-name,.creator-badge>button:focus-visible .creator-badge-name{opacity:1;transform:translate(-50%)}.creator-badges-all{color:#d6c6ea;background:#1b1622;border:1px solid #3a2f45;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;transition:border-color .15s,color .15s,background .15s;display:grid}.creator-badges-all:hover{color:#f1e8fb;background:#251d2f;border-color:#6c5486}.creator-badges-all:focus-visible{outline-offset:2px;outline:2px solid #c8aff8}.badge-gallery{color:#eee8f6;background:#18131f;border:1px solid #40324e;width:calc(100vw - 32px);max-width:720px;max-height:88dvh;padding:22px;overflow-y:auto}.badge-gallery [data-slot=dialog-description]{color:#b3a5c2;font-size:13px;line-height:1.6}.badge-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.badge-gallery-item{text-align:center;background:#1d1824;border:1px solid #2f2738;border-radius:14px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:16px 10px 14px;scroll-margin:12px;display:flex}.badge-gallery-item.is-focused{background:#241d2e;border-color:#7a6497}.badge-gallery-item .mb{--size:68px;margin-bottom:8px}.badge-gallery-item strong{color:#eee5f5;font-size:13px;font-weight:600}.badge-gallery-item.is-asleep strong{color:#c9bdd6}.badge-gallery-item p{color:#ab9db9;margin:4px 0 0;font-size:11px;line-height:1.5}.badge-gallery-tier{color:#8f829d;font-size:11px;font-weight:500}.badge-gallery-tier[data-tier=bronze]{color:#e2a172}.badge-gallery-tier[data-tier=silver]{color:#d3d9e4}.badge-gallery-tier[data-tier=gold]{color:#f0c75a}.badge-gallery-tier[data-tier=violet]{color:#b4a0ff}.badge-gallery-tiers{gap:5px;margin:auto 0 0;padding:9px 0 0;list-style:none;display:flex}.badge-gallery-tiers li{background:#2f2937;border-radius:50%;width:8px;height:8px}.badge-gallery-tiers li.is-earned[data-tier=bronze]{background:#d9925c}.badge-gallery-tiers li.is-earned[data-tier=silver]{background:#c9d0dc}.badge-gallery-tiers li.is-earned[data-tier=gold]{background:#f0c75a}.badge-gallery-tiers li.is-earned[data-tier=violet]{background:#a48bff}@media (max-width:760px){.creator-badges{flex:0 auto;gap:0;min-width:0;max-width:38%}.creator-badges-strip{padding:13px 4px 13px 6px}.creator-badges-strip.is-overflowing{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.creator-badges-strip ul{gap:0}.creator-badge>button{padding:1px}.creator-badge .mb{--size:34px}.creator-badges-all{width:30px;height:30px}}@media (max-width:600px){.badge-gallery{padding:18px 14px}.badge-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.badge-gallery-item .mb{--size:58px}}@media (prefers-reduced-motion:reduce){.creator-badge-name{transition:none}}.reduce-motion .creator-badge-name{transition:none}
