@charset "UTF-8";

.portal-home .portal-stats.portal-overview {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:0;
    margin-top:16px;
    padding:20px 8px;
    overflow:hidden;
    border:1px solid #34363a;
    border-radius:13px;
    background:linear-gradient(110deg,#222327 0%,#1c1f23 55%,#24221e 100%);
    box-shadow:inset 0 1px 0 #ffffff04,0 8px 25px #0000000d;
}
.portal-home .portal-stats>.portal-stat {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-width:0;
    padding:2px 16px;
    border-right:1px solid #ffffff0b;
}
.portal-home .portal-stats>.portal-stat:last-child {border-right:0}
.portal-home .portal-stats .portal-stat-icon {
    display:grid;
    place-items:center;
    flex:none;
    width:42px;
    height:44px;
    border:1px solid #f5a53b26;
    border-radius:11px;
    background:linear-gradient(145deg,#f5a53b12,#f5a53b05);
    color:#e5aa5a;
}
.portal-home .portal-stat-icon .icon {width:21px;height:21px;stroke-width:1.65}
.portal-home .portal-stat-copy {display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
.portal-home .portal-stat-copy dt {order:2;color:#929ba8;font:450 11px/1.4 var(--font)}
.portal-home .portal-stat-copy dd {order:1;margin:0;color:#e7e9ed;font:700 clamp(21px,1.65vw,28px)/1.1 var(--font);letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
.portal-home .portal-stat--views .portal-stat-icon {background:#f5a53b16;border-color:#f5a53b38;color:var(--portal-accent)}
.portal-home .portal-stat--views .portal-stat-copy dd {color:#f1be77}

@container portal-home (max-width:1300px) and (min-width:721px) {
    .portal-home .portal-stats>.portal-stat {gap:9px;padding-inline:11px}
    .portal-home .portal-stats .portal-stat-icon {width:34px;height:38px;border-radius:9px}
    .portal-home .portal-stat-icon .icon {width:18px;height:18px}
    .portal-home .portal-stat-copy dt {font-size:10px}
    .portal-home .portal-stat-copy dd {font-size:22px}
}
@container portal-home (max-width:1100px) and (min-width:721px) {
    .portal-home .portal-stats>.portal-stat {flex-direction:column;align-items:center;gap:11px;padding:2px 8px}
    .portal-home .portal-stat-copy {align-items:center;text-align:center;gap:5px}
}
@container portal-home (max-width:720px) {
    .portal-home .portal-stats.portal-overview {grid-template-columns:repeat(2,minmax(0,1fr));padding:5px 14px;border-radius:12px}
    .portal-home .portal-stats>.portal-stat {justify-content:flex-start;flex-direction:row;gap:13px;padding:17px 8px;border:0;border-bottom:1px solid #ffffff0b}
    .portal-home .portal-stats>.portal-stat:nth-child(odd) {border-right:1px solid #ffffff0b}
    .portal-home .portal-stats>.portal-stat:nth-child(even) {padding-left:20px}
    .portal-home .portal-stats>.portal-stat:nth-last-child(-n+2) {border-bottom:0}
    .portal-home .portal-stats .portal-stat-icon {width:37px;height:40px;border-radius:10px}
    .portal-home .portal-stat-icon .icon {width:19px;height:19px}
    .portal-home .portal-stat-copy {gap:5px}
    .portal-home .portal-stat-copy dd {font-size:25px}
    .portal-home .portal-stat-copy dt {font-size:10px}
}
@container portal-home (max-width:380px) {
    .portal-home .portal-stats.portal-overview {padding-inline:8px}
    .portal-home .portal-stats>.portal-stat {gap:9px;padding-inline:5px}
    .portal-home .portal-stats>.portal-stat:nth-child(even) {padding-left:12px}
    .portal-home .portal-stats .portal-stat-icon {width:32px;height:37px}
    .portal-home .portal-stat-copy dd {font-size:22px}
    .portal-home .portal-stat-copy dt {font-size:9px}
}