/* Size member fields against the card, including the compact ID view. */
.ys-exact-card{container-type:inline-size}
.ys-exact-card .ys-live-name{justify-content:flex-start;padding-top:1%;gap:3%}
.ys-exact-card .ys-live-name>span,.ys-exact-card .ys-live-credits>span{font:600 clamp(6px,1.45cqw,12px)/1.25 Arial,sans-serif!important;letter-spacing:.1em;white-space:nowrap}
.ys-exact-card .ys-live-name #name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font:400 clamp(12px,4cqw,32px)/1.2 Georgia,serif!important;white-space:nowrap}
.ys-exact-card .ys-live-credits{gap:3%;height:27%}
.ys-exact-card .ys-count{gap:5%;flex:none}
.ys-exact-card .ys-count #balance{font:400 clamp(23px,7cqw,54px)/1 Georgia,serif!important}
.ys-exact-card .ys-count #ys-total{font:400 clamp(10px,2.8cqw,22px)/1.2 Georgia,serif!important}
.ys-exact-card .ys-meter{height:5px;min-height:3px;max-height:1cqw;flex:none}
.ys-exact-card .ys-live-credits #balance-note{font:400 clamp(5px,1.15cqw,9px)/1.25 Arial,sans-serif!important;margin-top:0}