.afig-wrap{
container-type:inline-size;
width:100%;
}
.afig{
--afig-hot:#ff5511;
--afig-dim:#9b9b9b;
--afig-dim2:#6f6f6f;
--afig-face:#d6d6d6;
--afig-slot:#2e2e2e;
box-sizing:border-box;
width:100%;
padding:4.23cqw 4.62cqw 4.42cqw;
background-color:#1b1b1b;
border-radius:var(--br1);
color:#fff;
font-family:var(--ff1);
font-size:var(--fz0);
line-height:1.35;
}
.afig div{
margin:0;
}
.afig b,
.afig u,
.afig s,
.afig i,
.afig em{
font-style:normal;
font-weight:400;
text-decoration:none;
}
.afig .afig-h{
font-family:var(--ff2);
font-weight:700;
font-size:calc(var(--fz0) * 2);
line-height:1.02;
letter-spacing:-.004em;
}
.afig .afig-sub{
margin-top:1.15cqw;
font-size:var(--fz0);
line-height:1.3;
color:var(--afig-dim);
}
.afig .afig-note{
font-size:var(--fz0);
line-height:1.35;
color:var(--afig-dim2);
}
.afig .afig-kick{
font-family:var(--ff2);
font-weight:700;
font-size:var(--fz0);
line-height:1.2;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--afig-dim2);
}
.afig .afig-say{
margin-top:1.92cqw;
font-size:var(--fz0);
font-weight:600;
line-height:1.25;
}
.afig .afig-how{
font-size:var(--fz0);
line-height:1.3;
color:var(--afig-dim);
}
.afig .afig-cols{
display:grid;
grid-template-columns:1fr 1fr;
gap:6.5cqw;
margin-top:4.23cqw;
}
.afig .afig-col{
display:flex;
flex-direction:column;
min-width:0;
}
.afig .afig-col.afig-hot .afig-kick{
color:var(--afig-hot);
}
.afig .afig-body{
flex:1;
min-height:16.92cqw;
padding-top:2.5cqw;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.afig .afig-chips{
display:flex;
flex-wrap:wrap;
gap:.67cqw;
font-family:var(--ff3);
font-size:var(--fz0);
line-height:1.2;
}
.afig .afig-chips span{
padding:.87cqw .96cqw;
background-color:var(--afig-slot);
color:var(--afig-face);
}
.afig .afig-chips span:nth-child(4){
opacity:.72;
}
.afig .afig-chips span:nth-child(5){
opacity:.5;
}
.afig .afig-chips span:nth-child(6){
opacity:.3;
}
.afig .afig-axis{
display:flex;
align-items:center;
gap:1.54cqw;
margin-top:2.5cqw;
}
.afig .afig-axis i{
flex:1;
height:2.5cqw;
background-color:#8f8f8f;
clip-path:polygon(0 38.5%,calc(100% - 2.88cqw) 38.5%,calc(100% - 2.88cqw) 0,100% 50%,calc(100% - 2.88cqw) 100%,calc(100% - 2.88cqw) 61.5%,0 61.5%);
}
.afig .afig-axis em{
font-size:var(--fz0);
color:var(--afig-dim);
}
.afig .afig-bar{
display:grid;
grid-template-columns:8.85cqw 1fr 6.35cqw;
align-items:center;
gap:1.35cqw;
margin-bottom:1.06cqw;
}
.afig .afig-bar b{
font-family:var(--ff3);
font-size:var(--fz0);
color:var(--afig-face);
}
.afig .afig-bar u{
display:block;
height:2.69cqw;
background-color:var(--afig-slot);
}
.afig .afig-bar u i{
display:block;
height:100%;
background-color:var(--afig-hot);
}
.afig .afig-bar s{
text-align:right;
font-family:var(--ff2);
font-weight:700;
font-size:var(--fz0);
}
.afig .afig-bar.afig-low s{
color:var(--afig-dim);
}
.afig .afig-bar.afig-q{
grid-template-columns:minmax(0,1fr) 6.35cqw;
row-gap:.77cqw;
margin-bottom:2.31cqw;
}
.afig .afig-bar.afig-q b{
grid-column:1/-1;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.afig .afig-stats{
display:grid;
grid-template-columns:1fr 1fr;
gap:6.5cqw;
margin-top:6.15cqw;
}
.afig .afig-stat b{
font-family:var(--ff2);
font-weight:700;
font-size:calc(var(--fz0) * 3.4);
line-height:.92;
color:var(--afig-hot);
}
.afig .afig-stat em{
margin-left:1.15cqw;
font-family:var(--ff2);
font-weight:700;
font-size:calc(var(--fz0) * 1.45);
letter-spacing:.02em;
}
.afig .afig-stat span{
display:block;
margin-top:1.35cqw;
font-family:var(--ff3);
font-size:var(--fz0);
color:var(--afig-face);
}
.afig .afig-stat span u{
color:var(--afig-dim2);
}
.afig .afig-foot{
margin-top:2.88cqw;
}
.afig .afig-quote{
margin-top:3.08cqw;
padding:.38cqw 0 .38cqw 2.31cqw;
border-left:.48cqw solid var(--afig-hot);
}
.afig .afig-lbl{
margin-bottom:.96cqw;
font-family:var(--ff2);
font-weight:700;
font-size:var(--fz0);
line-height:1.2;
letter-spacing:.11em;
text-transform:uppercase;
color:var(--afig-dim2);
}
.afig .afig-said{
font-size:var(--fz0);
line-height:1.34;
color:var(--afig-face);
}
.afig .afig-rows{
display:flex;
flex-direction:column;
gap:4.42cqw;
margin-top:4.42cqw;
}
.afig .afig-row{
display:grid;
grid-template-columns:19.04cqw 1fr 30cqw;
align-items:start;
gap:2.69cqw;
}
.afig .afig-type{
font-family:var(--ff2);
font-weight:700;
font-size:calc(var(--fz0) * 1.74);
line-height:1;
letter-spacing:.01em;
color:var(--afig-hot);
}
.afig .afig-type span{
display:block;
margin-top:.87cqw;
font-family:var(--ff3);
font-size:var(--fz0);
letter-spacing:0;
color:var(--afig-dim2);
}
.afig .afig-ask{
font-size:var(--fz0);
font-weight:600;
line-height:1.2;
}
.afig .afig-ask+.afig-note{
margin-top:.87cqw;
color:var(--afig-dim);
}
.afig .afig-out{
text-align:right;
min-width:0;
}
.afig .afig-val{
font-family:var(--ff3);
font-size:var(--fz0);
line-height:1.15;
}
.afig .afig-pct{
margin-top:.77cqw;
font-family:var(--ff2);
font-weight:700;
font-size:calc(var(--fz0) * 1.74);
line-height:1;
}
.afig .afig-pct u{
display:block;
margin-top:.58cqw;
font-family:var(--ff1);
font-size:var(--fz0);
letter-spacing:.06em;
text-transform:uppercase;
color:var(--afig-dim2);
}
@container (max-width:840px){
.afig{
padding:var(--gap);
font-size:var(--fz0);
}
.afig .afig-h{
font-size:1.85rem;
}
.afig .afig-sub{
margin-top:var(--gd3);
font-size:var(--fz0);
}
.afig .afig-note{
font-size:var(--fz0);
}
.afig .afig-how{
font-size:var(--fz0);
}
.afig .afig-kick{
font-size:var(--fz0);
}
.afig .afig-say{
margin-top:var(--gd3);
font-size:var(--fz0);
}
.afig .afig-cols{
grid-template-columns:1fr;
gap:var(--gt1);
margin-top:var(--gt1);
}
.afig .afig-body{
min-height:0;
padding-top:var(--gd2);
gap:var(--gd2);
}
.afig .afig-chips{
gap:4px;
font-size:var(--fz3);
}
.afig .afig-chips span{
padding:5px 6px;
}
.afig .afig-axis{
margin-top:var(--gd2);
gap:var(--gd2);
}
.afig .afig-axis i{
height:18px;
clip-path:polygon(0 38.5%,calc(100% - 20px) 38.5%,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,calc(100% - 20px) 61.5%,0 61.5%);
}
.afig .afig-axis em{
font-size:var(--fz0);
}
.afig .afig-bar{
grid-template-columns:5.4em 1fr 3.2em;
gap:var(--gd3);
margin-bottom:var(--gd3);
}
.afig .afig-bar.afig-q{
grid-template-columns:minmax(0,1fr) 3.2em;
row-gap:6px;
margin-bottom:var(--gd2);
}
.afig .afig-bar b{
font-size:var(--fz3);
}
.afig .afig-bar u{
height:20px;
}
.afig .afig-bar s{
font-size:var(--fz0);
}
.afig .afig-stats{
grid-template-columns:1fr;
gap:var(--gt1);
margin-top:var(--gt1);
}
.afig .afig-stat b{
font-size:3rem;
}
.afig .afig-stat em{
margin-left:8px;
font-size:1.4rem;
}
.afig .afig-stat span{
margin-top:6px;
font-size:var(--fz3);
}
.afig .afig-foot{
margin-top:var(--gap);
}
.afig .afig-quote{
margin-top:var(--gt1);
padding:2px 0 2px var(--gd2);
border-left-width:4px;
}
.afig .afig-lbl{
margin-bottom:6px;
font-size:var(--fz0);
}
.afig .afig-said{
font-size:var(--fz0);
}
.afig .afig-rows{
gap:var(--gt1);
margin-top:var(--gt1);
}
.afig .afig-row{
grid-template-columns:1fr;
gap:var(--gd3);
}
.afig .afig-type{
font-size:1.7rem;
}
.afig .afig-type span{
display:inline;
margin:0 0 0 .4em;
font-size:var(--fz0);
}
.afig .afig-ask{
font-size:var(--fz0);
}
.afig .afig-ask+.afig-note{
margin-top:4px;
}
.afig .afig-out{
text-align:left;
}
.afig .afig-val{
font-size:var(--fz0);
}
.afig .afig-pct{
margin-top:4px;
font-size:1.7rem;
}
.afig .afig-pct u{
display:inline;
margin:0 0 0 .5em;
font-size:var(--fz0);
}
}