.stream-pass-buy {display:flex;flex-direction:column;gap:8px;min-width:0;}
.stream-pass-quantity {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;}
.stream-pass-quantity label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.stream-pass-quantity output {grid-column:2;grid-row:1;font-size:12px;white-space:nowrap;}
.stream-pass-quantity select {grid-column:1;grid-row:1;}
.stream-pass-quantity select,.stream-pass-quantity input {font:inherit;color:var(--ink,var(--ap-ink,var(--text,#171717)));background:var(--paper,var(--ap-paper,var(--surface,#fff)));border:2px solid currentColor;border-radius:10px;padding:8px 10px;min-width:0;width:100%;}
.stream-pass-quantity input {grid-column:1/-1;grid-row:2;}
.stream-pass-quantity input[hidden] {display:none;}
.stream-pass-buy .cta {width:100%;}
.card-pass .bar-perks {display:grid;gap:2px;}

/* Keep the pass controls compact on Landing, Pricing and Upgrade alike. */
.card-pass .bar-perks,.card-pass .ap-pass-features {display:grid;gap:2px;}
.card-pass .bar-perks li,.card-pass .ap-pass-features li {width:auto;font-size:10px;line-height:1.7;}
.ap-pass.card-pass .ap-pass-price span {display:inline;margin:0;font-size:inherit;line-height:inherit;}
.ap-pass.card-pass .price-row {display:flex;align-items:baseline;}
.ap-pass.card-pass .ap-pass-price .price-dollar {font-size:16px;}
.ap-pass.card-pass .ap-pass-price .price-period {font-size:12px;}
.ap-pass.card-pass .ap-pass-price .price-detail {display:block;margin-top:5px;font-size:9px;line-height:1.7;}
.ap-pass.card-pass .stream-pass-buy {grid-column:4;}
.ap-pass.card-pass .stream-pass-buy .ap-pricing-action {margin:0;justify-self:stretch;}
@media(min-width:1101px) {
 .bar.bar,.ap-pass.ap-pass {grid-template-columns:minmax(0,1.2fr) 180px minmax(230px,1.4fr) 230px;min-height:116px;}
 html[lang="en"] .card-pass .bar-perks li,html[lang="en"] .card-pass .ap-pass-features li {white-space:nowrap;}
}
@media(min-width:761px) and (max-width:1100px) {
 .ap-pass.card-pass {grid-template-columns:minmax(0,1fr) 180px;}
 .ap-pass.card-pass > div:first-child {grid-column:1;grid-row:1;}
 .ap-pass.card-pass .ap-pass-price {grid-column:2;grid-row:1;}
 .ap-pass.card-pass .ap-pass-features {grid-column:1/-1;grid-row:2;}
 .ap-pass.card-pass .stream-pass-buy {grid-column:1/-1;grid-row:3;}
}
@media(max-width:760px) {
 .ap-pass.card-pass .stream-pass-buy {grid-column:1/-1;grid-row:3;}
}