.collection-promo-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:15px;align-items:start}.collection-promo-layout__content{min-width:0}.collection-promo-layout__sidebar{display:flex;flex-direction:column;align-self:stretch;margin-top:15px}@media(max-width:1263px){.collection-promo-layout{grid-template-columns:minmax(0,1fr)}.collection-promo-layout__sidebar.jam-sidebar,.collection-promo-layout__sidebar>.jam-sidebar{display:flex;gap:15px}.collection-promo-layout__sidebar.jam-sidebar>.sidebar__block,.collection-promo-layout__sidebar>.jam-sidebar>.sidebar__block{margin-bottom:0}.collection-promo-layout__sidebar.jam-sidebar .sidebar__block--userlist .v-list,.collection-promo-layout__sidebar>.jam-sidebar .sidebar__block--userlist .v-list{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;column-gap:15px;row-gap:12px}.collection-promo-layout__sidebar.jam-sidebar .sidebar__block--userlist .v-list-item,.collection-promo-layout__sidebar>.jam-sidebar .sidebar__block--userlist .v-list-item{flex-basis:calc((100% - 15px)/2)!important;max-width:calc((100% - 15px)/2)!important}}@media(min-width:1145px)and (max-width:1263px){.collection-promo-layout__sidebar.jam-sidebar .sidebar__block--userlist .v-list-item,.collection-promo-layout__sidebar>.jam-sidebar .sidebar__block--userlist .v-list-item{flex-basis:calc((100% - 30px) / 3)!important;max-width:calc((100% - 30px) / 3)!important}}@media(min-width:600px)and (max-width:1263px){.collection-promo-layout__sidebar.jam-sidebar .sidebar__title,.collection-promo-layout__sidebar>.jam-sidebar .sidebar__title{padding-right:132px}.collection-promo-layout__sidebar.jam-sidebar .sidebar-scope-badge,.collection-promo-layout__sidebar>.jam-sidebar .sidebar-scope-badge{position:absolute;top:14px;right:15px;margin:0}}.collection-leaderboard-sidebar--mobile-compact{display:flex!important;flex-direction:column;width:100%;margin:0 0 18px;gap:0}.collection-leaderboard-sidebar--mobile-compact .sidebar__block{display:block!important;text-align:left;background:transparent;box-shadow:none;border-radius:0;margin-bottom:0;overflow:visible;position:relative;padding-left:15px;padding-right:15px}.collection-leaderboard-sidebar--mobile-compact .sidebar__block+.sidebar__block{margin-top:34px}.collection-leaderboard-sidebar--mobile-compact .sidebar-scope-badge{display:inline-flex;align-items:center;width:fit-content;max-width:100%;margin:0 0 12px;padding:0;border-radius:0;background:transparent;color:var(--primary-color);font-size:13px;font-weight:600;line-height:18px}.collection-leaderboard-sidebar--mobile-compact .sidebar__title{padding:0;margin:0 0 2px;align-items:flex-start;color:var(--disable);font-size:22px;line-height:26px;font-weight:700!important}.collection-leaderboard-sidebar--mobile-compact .sidebar__title-toggle{padding:1px 4px;margin-top:0;align-self:flex-start}.collection-leaderboard-sidebar--mobile-compact .sidebar__item{padding:0;min-height:0;justify-content:flex-start}.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .sidebar__item{min-height:0;align-items:stretch}.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .v-list{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;padding:0;margin-left:0!important;margin-right:0!important;row-gap:12px}.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .v-list-item{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;flex:0 0 50%!important;max-width:50%!important;min-height:42px;padding:0!important}.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .v-list-item__prepend{width:42px}.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .v-list-item__append{width:auto;min-width:58px;margin-left:auto;justify-content:flex-end}.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .v-list-item__content{min-width:0;width:auto;flex:1 1 auto}.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .v-list-item-title{min-width:0;font-size:15px;line-height:1.2}.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .v-list-item-title .user-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .v-list-item-subtitle{font-size:12px}.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .top-result{display:inline-flex;align-items:center;justify-content:flex-end;min-width:52px}.collection-leaderboard-sidebar--mobile-compact .jam-row.justify-center{justify-content:flex-start!important;margin-bottom:0!important;margin-top:14px}.collection-leaderboard-sidebar--mobile-compact .jam-row.justify-center .v-btn{min-height:38px;height:38px;padding:0 14px;border-radius:19px;background:var(--primary-color);color:#fff;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;box-shadow:none}.collection-leaderboard-sidebar--mobile-compact .jam-row.justify-center .v-btn .block-top-users__button-icon{display:inline-flex;margin-left:8px;font-size:18px}@media screen and (min-width:601px){.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .v-list-item{flex-basis:calc((100% - 30px) / 3)!important;max-width:calc((100% - 30px) / 3)!important}}@media screen and (min-width:451px)and (max-width:600px){.collection-leaderboard-sidebar--mobile-compact .sidebar__block{padding-top:0}.collection-leaderboard-sidebar--mobile-compact .sidebar__title{min-height:30px}}@media screen and (max-width:450px){.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .v-list{row-gap:10px}.collection-leaderboard-sidebar--mobile-compact .sidebar__block--userlist .v-list-item{flex-basis:100%!important;max-width:100%!important}}.collection-layout__mobile-leaderboard.collection-leaderboard-sidebar--mobile-compact{width:calc(100% - 30px);margin-left:15px;margin-right:15px}@media(max-width:600px){.collection-leaderboard-sidebar--compact-on-mobile{display:flex!important;flex-direction:column;width:100%;margin:0 0 18px;gap:0}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block{display:block!important;text-align:left;background:transparent;box-shadow:none;border-radius:0;margin-bottom:0;overflow:visible;position:relative;padding-left:15px;padding-right:15px}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block+.sidebar__block{margin-top:34px}.collection-leaderboard-sidebar--compact-on-mobile .sidebar-scope-badge{display:inline-flex;align-items:center;width:fit-content;max-width:100%;margin:0 0 12px;padding:0;border-radius:0;background:transparent;color:var(--primary-color);font-size:13px;font-weight:600;line-height:18px}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__title{padding:0;margin:0 0 2px;align-items:flex-start;color:var(--disable);font-size:22px;line-height:26px;font-weight:700!important}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__title-toggle{padding:1px 4px;margin-top:0;align-self:flex-start}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__item{padding:0;min-height:0;justify-content:flex-start}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .sidebar__item{min-height:0;align-items:stretch}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;padding:0;margin-left:0!important;margin-right:0!important;row-gap:12px}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list-item{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;flex:0 0 50%!important;max-width:50%!important;min-height:42px;padding:0!important}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list-item__prepend{width:42px}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list-item__append{width:auto;min-width:58px;margin-left:auto;justify-content:flex-end}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list-item__content{min-width:0;width:auto;flex:1 1 auto}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list-item-title{min-width:0;font-size:15px;line-height:1.2}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list-item-title .user-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list-item-subtitle{font-size:12px}.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .top-result{display:inline-flex;align-items:center;justify-content:flex-end;min-width:52px}.collection-leaderboard-sidebar--compact-on-mobile .jam-row.justify-center{justify-content:flex-start!important;margin-bottom:0!important;margin-top:14px}.collection-leaderboard-sidebar--compact-on-mobile .jam-row.justify-center .v-btn{min-height:38px;height:38px;padding:0 14px;border-radius:19px;background:var(--primary-color);color:#fff;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;box-shadow:none}.collection-leaderboard-sidebar--compact-on-mobile .jam-row.justify-center .v-btn .block-top-users__button-icon{display:inline-flex;margin-left:8px;font-size:18px}.collection-leaderboard-sidebar--compact-on-mobile .user-avatar,.collection-leaderboard-sidebar--compact-on-mobile .v-avatar{width:34px!important;height:34px!important}.collection-promo-layout__sidebar>.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list,.collection-promo-layout__sidebar.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list{column-gap:15px}.collection-promo-layout__sidebar>.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list-item,.collection-promo-layout__sidebar.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list-item{flex:0 0 calc((100% - 15px)/2)!important;flex-basis:calc((100% - 15px)/2)!important;max-width:calc((100% - 15px)/2)!important}}@media screen and (max-width:600px)and (min-width:601px){.sidebar__block--userlist .v-list-item{flex-basis:calc((100% - 30px) / 3)!important;max-width:calc((100% - 30px) / 3)!important}}@media screen and (max-width:600px)and (min-width:451px)and (max-width:600px){.sidebar__block{padding-top:0}.sidebar__title{min-height:30px}}@media screen and (max-width:600px)and (max-width:450px){.sidebar__block--userlist .v-list{row-gap:10px}.sidebar__block--userlist .v-list-item{flex-basis:100%!important;max-width:100%!important}}@media(max-width:450px){.collection-promo-layout__sidebar>.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list-item,.collection-promo-layout__sidebar.collection-leaderboard-sidebar--compact-on-mobile .sidebar__block--userlist .v-list-item{flex:0 0 100%!important;flex-basis:100%!important;max-width:100%!important}}@media(max-width:800px){.collection-promo-layout--quiz{display:flex;flex-direction:column;gap:0}.collection-promo-layout--quiz .collection-promo-layout__content{display:contents}.collection-promo-layout--quiz .quiz-promo-header{order:0}.collection-promo-layout--quiz .collection-promo-layout__sidebar{order:1;margin-left:15px;margin-right:15px;width:calc(100% - 30px)}.collection-promo-layout--quiz .collection-promo-layout__content>section{order:2;width:calc(100% - 30px);min-width:0;margin-left:15px;margin-right:15px}}