/* Figma Match d’impro: the same ticket comparison in the page and the library. */
.cb-match-tickets, .cb-match-tickets * { font-optical-sizing:none; }
.cb-match-tickets { padding:112px max(16px,calc((100% - 1248px)/2)) 112px max(16px,calc((100% - 1240px)/2))!important; background:var(--cb-subtle)!important; }
.cb-match-tickets > .fusion-builder-row { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px 20px; width:100%!important; max-width:1244px!important; margin:0 auto!important; align-items:start!important; }
.cb-match-tickets .fusion-layout-column { width:100%!important; min-width:0; margin:0!important; }
.cb-match-tickets .fusion-column-wrapper { margin:0!important; }
.cb-match-tickets :is(p,h2,h3,ul) { margin:0; }
.cb-match-tickets .fusion-text > p:empty { display:none; }
.cb-match-tickets__heading { grid-column:1/-1; }
.cb-match-tickets__heading > .fusion-column-wrapper { display:flex!important; flex-direction:row!important; align-items:flex-end!important; justify-content:space-between!important; gap:32px!important; }
.cb-match-tickets .cb-home-eyebrow { margin:0 0 8px; }
.cb-match-tickets .cb-home-title { color:var(--cb-ink); font:400 79px/70.488px var(--cb-font-display)!important; letter-spacing:2.772px; text-transform:uppercase; }
.cb-match-tickets .cb-home-title span { color:var(--cb-red); }
.cb-match-tickets__summary { flex:0 0 320px!important; width:320px!important; max-width:100%!important; color:var(--cb-muted)!important; font:400 16px/25px var(--cb-font-body)!important; }
.cb-match-ticket > .fusion-column-wrapper { display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:flex-start!important; gap:40px!important; padding:44px!important; border-radius:40px!important; background:var(--cb-white)!important; }
.cb-match-ticket--pass > .fusion-column-wrapper { background:var(--cb-red)!important; }
.cb-match-ticket > .fusion-column-wrapper > .fusion-text { width:100%; }
.cb-match-ticket .cb-match-ticket__intro { display:flex; flex-direction:column; gap:16px; }
.cb-match-ticket__meta { display:flex; align-items:flex-start; justify-content:space-between; min-height:28px; gap:8px; }
.cb-match-tickets .cb-match-ticket .cb-badge--feature { min-height:28px; padding:8px 0; border:0; border-radius:999px; background:var(--cb-white); color:var(--cb-red); font:900 10px/12px var(--cb-font-body); letter-spacing:0; white-space:nowrap; }
.cb-match-tickets .cb-match-ticket--pass .cb-badge--feature { padding-inline:16px; }
.cb-match-ticket__season { color:var(--cb-white); font:900 9px/13.95px var(--cb-font-body); letter-spacing:1.26px; text-transform:uppercase; text-align:right; white-space:nowrap; }
.cb-match-ticket .cb-match-ticket__intro h3 { min-height:52px; margin:0; color:var(--cb-ink); font:400 54px/51.3px var(--cb-font-display)!important; letter-spacing:0; text-transform:uppercase; }
.cb-match-ticket .cb-match-ticket__subtitle { min-height:27px; color:var(--cb-red); font:700 22px/27px var(--cb-font-body); }
.cb-match-ticket .cb-match-ticket__description { min-height:25px; color:var(--cb-muted); font:400 16px/24.8px var(--cb-font-body); }
.cb-match-ticket__features { list-style:none; max-width:521px; padding:0; border-bottom:1px solid var(--cb-border); color:var(--cb-ink); }
.cb-match-ticket__features li { padding:16px 20px; border-top:1px solid var(--cb-border); font:900 11px/13px var(--cb-font-body); text-transform:uppercase; }
.cb-match-ticket--pass .cb-match-ticket__intro :is(h3,.cb-match-ticket__subtitle,.cb-match-ticket__description),
.cb-match-ticket--pass .cb-match-ticket__features { color:var(--cb-white); }
.cb-match-ticket--pass .cb-match-ticket__features,
.cb-match-ticket--pass .cb-match-ticket__features li { border-color:rgba(255,255,255,.24); }
.cb-match-ticket .cb-match-ticket__action,
.cb-match-ticket .cb-match-ticket__action > div { display:flex; line-height:0; }
.cb-match-ticket .cb-button { --button_accent_color:currentColor!important; --button_accent_hover_color:currentColor!important; min-height:47px!important; padding:12px 20px!important; border:0!important; font:800 14px/20px var(--cb-font-body)!important; letter-spacing:0; text-transform:none; }
.cb-match-ticket .cb-button .fusion-button-text { display:inline-flex; align-items:center; justify-content:center; gap:10px; color:inherit!important; font:inherit; }
.cb-match-ticket .cb-button .cb-button__arrow { margin:0; font:700 17px/23px var(--cb-font-body); }
.cb-match-ticket .cb-button--primary { background:var(--cb-red)!important; color:var(--cb-white)!important; }
.cb-match-ticket .cb-button--primary:is(:hover,:focus-visible) { background:var(--cb-red-strong)!important; color:var(--cb-white)!important; }
.cb-match-ticket .cb-button--inverse { background:var(--cb-white)!important; color:var(--cb-red)!important; }
.cb-match-ticket .cb-button--inverse:is(:hover,:focus-visible) { background:var(--cb-organic)!important; color:var(--cb-ink)!important; }
@media (min-width:801px) and (max-width:1271px) {
    .cb-match-tickets .cb-home-title { font-size:clamp(44px,5.3vw,67px)!important; line-height:.95!important; letter-spacing:1px; }
    .cb-match-ticket > .fusion-column-wrapper { padding:32px 24px!important; }
    .cb-match-ticket__season { font-size:8px; letter-spacing:.6px; }
}
@media (max-width:800px) {
    .cb-match-tickets { padding:64px 16px!important; }
    .cb-match-tickets > .fusion-builder-row { grid-template-columns:minmax(0,1fr); gap:17px; }
    .cb-match-tickets .cb-match-tickets__heading { margin-bottom:15px!important; }
    .cb-match-tickets__heading > .fusion-column-wrapper { flex-direction:column!important; align-items:flex-start!important; gap:24px!important; }
    .cb-match-tickets .cb-home-eyebrow { margin-bottom:7px; }
    .cb-match-tickets .cb-home-title { font-size:44px!important; line-height:40px!important; letter-spacing:-1.54px; }
    .cb-match-tickets__summary { flex:none!important; }
    .cb-match-ticket > .fusion-column-wrapper { padding:32px 24px!important; }
    .cb-match-ticket .cb-match-ticket__description { line-height:25px; }
    .cb-match-ticket__features { max-width:none; }
    .cb-match-ticket__season { font-size:10px; line-height:15.5px; letter-spacing:1.4px; }
    .cb-match-ticket .cb-match-ticket__action > div,
    .cb-match-ticket .cb-button { width:100%; }
}
@media (max-width:374px) {
    .cb-match-tickets .cb-home-title { font-size:38px!important; line-height:36px!important; }
    .cb-match-ticket .cb-match-ticket__intro h3 { font-size:46px!important; }
    .cb-match-ticket__season { font-size:8px; letter-spacing:.6px; }
    .cb-match-ticket .cb-button { padding-inline:12px!important; font-size:12px!important; }
}
