.ranks-and-levels.svelte-p00xy9{display:flex;align-self:stretch;container-type:inline-size;container-name:ranks-and-levels;margin-inline:calc(var(--spacing) * -6);overflow:hidden}.ranks-and-levels.svelte-p00xy9 .carousel__item{display:flex;align-self:stretch}.rank-card.svelte-p00xy9{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 4);flex:1 0 0;align-self:stretch;padding:calc(var(--spacing) * 4);border-radius:1.25rem;background-color:var(--color-rebrand-components-containers-dark);container-type:inline-size;container-name:rank-card}.rank-card.svelte-p00xy9 .header:where(.svelte-p00xy9){display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 2);align-self:stretch}.rank-card.svelte-p00xy9 .header:where(.svelte-p00xy9) .icon:where(.svelte-p00xy9){display:flex;justify-content:center;align-items:center;height:calc(var(--spacing) * 20)}.rank-card.svelte-p00xy9 .header:where(.svelte-p00xy9) .title:where(.svelte-p00xy9){display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing);align-self:stretch}.rank-card.svelte-p00xy9 .header:where(.svelte-p00xy9) .title:where(.svelte-p00xy9) p:where(.svelte-p00xy9):first-child{align-self:stretch;text-align:center;color:var(--color-white);font-family:var(--headerFont);font-size:var(--type-h4-font-size);line-height:var(--type-h4-line-height);text-transform:var(--type-h4-text-transform);font-weight:var(--type-h4-font-weight);text-transform:capitalize;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.rank-card.svelte-p00xy9 .header:where(.svelte-p00xy9) .title:where(.svelte-p00xy9) p:where(.svelte-p00xy9):last-child{align-self:stretch;text-align:center;color:var(--color-white);font-family:var(--bodyFontBold);font-weight:var(--type-body-bold-font-weight);font-size:var(--type-body-bold-font-size);line-height:var(--type-body-bold-line-height);font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height, 1.5rem));text-transform:capitalize;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.rank-card.svelte-p00xy9 .progress:where(.svelte-p00xy9){display:flex;justify-content:center;align-items:center;gap:1px;align-self:stretch}.rank-card.svelte-p00xy9 .info:where(.svelte-p00xy9){display:flex;flex-direction:column;align-items:center;gap:var(--spacing);align-self:stretch}.rank-card.svelte-p00xy9 .info:where(.svelte-p00xy9) div:where(.svelte-p00xy9){display:flex;justify-content:space-between;align-items:center;align-self:stretch}.rank-card.svelte-p00xy9 .info:where(.svelte-p00xy9) div:where(.svelte-p00xy9) p:where(.svelte-p00xy9){color:var(--color-rebrand-text-secondary)}@container rank-card (width >= 8rem){.rank-card.svelte-p00xy9 .info:where(.svelte-p00xy9) div:where(.svelte-p00xy9) p:where(.svelte-p00xy9){text-align:right}}@container rank-card (width >= 8rem){.rank-card.svelte-p00xy9 .info:where(.svelte-p00xy9) div:where(.svelte-p00xy9) p:where(.svelte-p00xy9){font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height, 1.25rem))}}.rank-card.svelte-p00xy9 .info:where(.svelte-p00xy9) div:where(.svelte-p00xy9) p:where(.svelte-p00xy9){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.rank-card.svelte-p00xy9 .info:where(.svelte-p00xy9) div:where(.svelte-p00xy9) p.unlocked:where(.svelte-p00xy9){color:var(--color-white);--tw-font-weight: var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.rank-card.svelte-p00xy9 .info:where(.svelte-p00xy9) div:where(.svelte-p00xy9) p:where(.svelte-p00xy9):not(.unlocked)+svg{color:var(--color-rebrand-text-secondary)}.rank-card.svelte-p00xy9 .info:where(.svelte-p00xy9) div:where(.svelte-p00xy9) svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}