.cc-tier{--cc-navy:#16335c;--cc-accent:#ea5a3d;aspect-ratio:15/16;background-color:var(--cc-navy);background-position:50%;background-size:cover;border-radius:14px;color:#fff;display:flex;flex-direction:column;font-family:var(--primary-font,sans-serif);justify-content:space-between;overflow:hidden;padding:clamp(16px,1.6vw,24px);position:relative}.cc-tier:before{background:linear-gradient(180deg,rgba(8,18,34,.45) 0,rgba(8,18,34,.1) 30%,rgba(8,18,34,.3) 58%,rgba(8,18,34,.8));content:"";inset:0;position:absolute}.cc-tier__bottom,.cc-tier__top{display:flex;flex-direction:column;position:relative}.cc-tier__name,.cc-tier__rank,.cc-tier__unit,.cc-tier__value{font-size:clamp(1.375rem,3.5vw - .3rem,1.8rem);font-style:normal;font-weight:900;line-height:1.143}.cc-tier__label{font-family:var(--secondary-font,sans-serif);font-size:clamp(.9375rem,1.35vw + .29rem,1rem);font-style:normal;font-weight:500;line-height:1.3;margin-bottom:.35em}.cc-tier__value{color:var(--cc-accent)}@media (max-width:767px){.cc-tier{aspect-ratio:4/3}.cc-tier__name,.cc-tier__rank,.cc-tier__unit,.cc-tier__value{font-size:clamp(1.625rem,2.2vw + 1.13rem,2.1875rem)}.cc-tier__label{font-size:clamp(1rem,1vw + .78rem,1.25rem)}}