.creator-item{background:var(--n7);border-radius:16px;box-shadow:inset 0 0 0 1px var(--n6);display:grid;grid-template-columns:minmax(0,1fr);padding:24px;transition:box-shadow .25s,transform .25s var(--ease-out)}.creator-item:hover{box-shadow:inset 0 0 0 1px var(--n5),0 24px 40px -24px #0009;transform:translateY(-4px)}.creator-item-head{align-items:center;border-bottom:1px solid var(--n6);display:flex;gap:8px;justify-content:space-between;margin-bottom:24px;min-width:0;padding-bottom:16px}.creator-item-rank{align-items:center;background:var(--n5);border-radius:12px;color:var(--n1);display:inline-flex;font-family:var(--font-display);font-size:12px;font-weight:700;gap:4px;line-height:24px;min-width:0;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.creator-item-rank svg{flex-shrink:0;height:14px;width:14px}.creator-item-rank.rank-1{background:var(--p1)}.creator-item-rank.rank-2{background:var(--p2)}.creator-item-rank.rank-3{background:var(--p4)}.creator-item-rank.rank-4{background:var(--n1);color:var(--n8)}.creator-item-rank.tag{background:var(--n6);color:var(--n2);text-transform:capitalize}.creator-item-control{display:flex;flex-shrink:0;gap:8px}.creator-item-button{align-items:center;background:none;color:var(--n4);display:inline-flex;height:24px;justify-content:center;padding:0;transition:color .2s;width:24px}.creator-item-button:hover{color:var(--n1)}.creator-item-button svg{height:20px;width:20px}.creator-item-button .done{color:var(--p4)}.creator-item-body{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;min-width:0;text-align:center}.creator-item-avatar{display:inline-flex;margin-bottom:16px;position:relative}.creator-item-badge{align-items:center;background:var(--p4);border-radius:50%;bottom:-4px;box-shadow:0 0 0 2px var(--n7);color:var(--n1);display:inline-flex;height:24px;justify-content:center;position:absolute;right:-4px;width:24px}.creator-item-badge svg{height:14px;width:14px}.creator-item-name{color:var(--n1);font-weight:500;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.creator-item-body:hover .creator-item-name{color:var(--p1)}.creator-item-meta{color:var(--n3);font-size:12px;font-weight:600;line-height:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:479px){.creator-item{padding:16px}.creator-item-head{margin-bottom:16px;padding-bottom:12px}}.creators-list{position:relative}.creators-track{display:grid;gap:32px;grid-template-columns:repeat(5,minmax(0,1fr))}.creators-list.carousel .creators-track{display:flex;margin:-8px -4px;overflow-x:auto;padding:8px 4px 24px;scroll-snap-type:x mandatory;scrollbar-width:none}.creators-list.carousel .creators-track::-webkit-scrollbar{display:none}.creators-list.carousel .creators-track>li{flex:0 0 calc(20% - 25.6px);scroll-snap-align:start}.creators-arrow{align-items:center;background:none;border-radius:50%;color:var(--n4);display:inline-flex;height:40px;justify-content:center;padding:0;position:absolute;top:calc(50% - 20px);transition:color .2s,box-shadow .2s,opacity .2s;width:40px;z-index:1}.creators-arrow:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--n6);color:var(--n1)}.creators-arrow:disabled{cursor:default;opacity:.3}.creators-arrow.prev{left:-64px}.creators-arrow.next{right:-64px}@media (max-width:1339px){.creators-arrows{display:flex;gap:8px;justify-content:center;margin-top:8px}.creators-arrow{position:static}}@media (max-width:1179px){.creators-track{grid-template-columns:repeat(4,minmax(0,1fr))}.creators-list.carousel .creators-track>li{flex-basis:calc(25% - 24px)}}@media (max-width:1023px){.creators-track{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.creators-list.carousel .creators-track{gap:24px}.creators-list.carousel .creators-track>li{flex-basis:calc(33.33333% - 16px)}}@media (max-width:767px){.creators-track{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.creators-list.carousel .creators-track{gap:16px}.creators-list.carousel .creators-track>li{flex-basis:60%}}