.card-table{--ct-value-size:.95rem;--ct-btn-h:3em;--ct-btn-gap:.5em;--ct-media-h:calc(var(--ct-btn-h) * 2 + var(--ct-btn-gap));font-family:var(--font-ui,"Poppins", system-ui, sans-serif);flex-direction:column;gap:2rem;display:flex}@media (min-width:768px){.card-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}}@media (min-width:1024px){.card-table{--ct-value-size:.95em;--ct-media-desktop:5em;grid-template-columns:minmax(16em,2.9fr) minmax(11.25em,1.6fr) minmax(7.5em,max-content) minmax(5.25em,max-content) minmax(9.375em,max-content);gap:0 2.75em;font-size:.85rem;display:grid}.card-table--fees{grid-template-columns:minmax(16em,3.6fr) minmax(5.25em,max-content) minmax(5.25em,max-content) minmax(7.5em,max-content) minmax(9.375em,max-content)}.card-table--fees-2col{grid-template-columns:minmax(16em,5.2fr) minmax(5.25em,max-content) minmax(7.5em,max-content) minmax(9.375em,max-content)}}@media (min-width:1280px){.card-table{--ct-media-desktop:var(--ct-media-h);--ct-value-size:1.15em;font-size:1rem}}.card-table__row{transition:background var(--motion-fast,.12s ease);border:1px solid var(--ink-100-ed,#e7ecee);border-radius:var(--rs-radius-lg,16px);grid-template-columns:1fr 1fr;grid-template-areas:"title title""media actions""year year""rewards welcome""rewards annual";align-items:start;gap:.85rem 1.25rem;padding:1.25rem;display:grid;position:relative}@media (min-width:1024px){.card-table__row{grid-column:1/-1;grid-template-columns:subgrid;border:0;border-bottom:1px solid var(--ink-100-ed,#e7ecee);border-radius:0;grid-template-areas:none;align-items:start;gap:0 2.75em;padding:0}}@media (min-width:1280px){.card-table__row{column-gap:3.5em}}.card-table__row:not(.card-table__row--head):hover{background:var(--surface-0,#fff)}.card-table__row.is-selected{background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.card-table__row--head{border-bottom:0;display:none}@media (min-width:1024px){.card-table__row--head{grid-column:1/-1;grid-template-columns:subgrid;top:var(--header-nav-h);z-index:2;border-bottom:1px solid var(--ink-100-ed,#e7ecee);background:var(--surface-0,#fff);display:grid;position:sticky}}.card-table__colhead{font-size:1em;font-weight:var(--font-weight-semibold,600);letter-spacing:-.005em;color:var(--ink-900-ed,#0b1b22);padding:.9em 0}.card-table__cell-label{font-size:.6em;font-weight:var(--font-weight-semibold,600);text-transform:uppercase;letter-spacing:.06em;color:var(--text-grey,#3a485c);margin:0}@media (min-width:1024px){.card-table__cell-label{display:none}}.card-table__cell{min-width:0}@media (min-width:1024px){.card-table__cell{padding:1.25rem 0}}.card-table__cell--card{display:contents}@media (min-width:1024px){.card-table__cell--card{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:1.25rem;display:grid}}.card-table__media{border-radius:4%/6.2%;flex-shrink:0;place-self:start;line-height:0;display:inline-flex;position:relative;overflow:hidden}.card-table__media:after{content:"";opacity:0;transition:opacity var(--motion-fast,.12s ease);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E") 50%/20px 20px no-repeat,#0b1b2273;position:absolute;inset:0}.card-table__media:hover:after,.card-table__media:focus-visible:after{opacity:1}.card-table__media-img{object-fit:contain;width:150px;max-width:100%;height:96px;display:block}@media (min-width:1024px){.card-table__media-img{height:var(--ct-media-desktop);width:calc(var(--ct-media-desktop)*1.556)}}.card-table__media-placeholder{border-radius:4%/6.2%;justify-content:center;align-items:center;width:150px;height:96px;display:flex}@media (min-width:1024px){.card-table__media-placeholder{height:var(--ct-media-desktop);width:calc(var(--ct-media-desktop)*1.556)}}.card-table__media-placeholder{background:var(--ink-900-ed,#0b1b22);color:#fff;font-size:.5625em;font-weight:var(--font-weight-bold,700);text-transform:uppercase;letter-spacing:.04em;text-align:center;padding:.25rem;line-height:1.1}.card-table__id{display:contents}@media (min-width:1024px){.card-table__id{flex-direction:column;align-items:flex-start;gap:.4rem;min-width:0;display:flex}}.card-table__title-link{grid-area:title}@media (min-width:1024px){.card-table__title-link{grid-area:auto}}.card-table__media{grid-area:media}@media (min-width:1024px){.card-table__media{grid-area:auto}}.card-table__year-value{grid-area:year}@media (min-width:1024px){.card-table__year-value{grid-area:auto}}.card-table__year-value{background:color-mix(in srgb, var(--color-primary) 8%, transparent);border-radius:.5rem;justify-content:center;align-items:center;gap:.5em;padding:.6em .85em;display:flex}@media (min-width:1024px){.card-table__year-value{background:0 0;border-radius:0;align-self:flex-start;margin-top:.15rem;padding:0;display:inline-flex}}.card-table__year-label{color:var(--ink-700-ed,#4a5b63);font-size:.75em}.card-table__year-amount{font-size:var(--ct-value-size);font-weight:var(--font-weight-semibold,600);color:var(--color-success,#17915a);font-variant-numeric:tabular-nums}.card-table__title-link{color:inherit;text-decoration:none}.card-table__title-link:hover .card-table__title{color:var(--color-primary)}.card-table__title{font-weight:var(--font-weight-semibold,600);letter-spacing:-.01em;color:var(--ink-900-ed,#0b1b22);font-size:.95rem;line-height:1.25;transition:color .15s;display:inline-block}@media (min-width:1024px){.card-table__title{font-size:.95em}}@media (min-width:1280px){.card-table__title{font-size:1em}}.card-table__title sup{font-size:.6em}.card-table__cell--rewards{flex-direction:column;grid-area:rewards;gap:.5rem;display:flex}@media (min-width:1024px){.card-table__cell--rewards{grid-area:auto;display:block}}.card-table__rewards{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.card-table__reward{align-items:flex-start;gap:.45rem;font-size:.8125rem;line-height:1.2;display:flex}@media (min-width:1024px){.card-table__reward{align-items:center;font-size:.8125em}}.card-table__reward-value{font-weight:var(--font-weight-bold,700);color:var(--color-primary);font-variant-numeric:tabular-nums}.card-table__reward-label{color:var(--ink-700-ed,#4a5b63);font-size:.8em}@media (min-width:1024px){.card-table__reward-label{font-size:1em}}.card-table__cell--stat{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}@media (min-width:1024px){.card-table__cell--stat{gap:.15rem}}.card-table__cell--welcome{grid-area:welcome}@media (min-width:1024px){.card-table__cell--welcome{grid-area:auto}}.card-table__cell--annual{grid-area:annual}@media (min-width:1024px){.card-table__cell--annual{grid-area:auto}}.card-table--fees-2col .card-table__row:not(.card-table__row--head){grid-template-areas:"title title""media actions""year year""annual welcome"}.card-table__cell--monthly{grid-area:rewards}@media (min-width:1024px){.card-table__cell--monthly{grid-area:auto}}.card-table__value-wrap{flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.card-table__value{font-weight:var(--font-weight-semibold,600);font-size:var(--ct-value-size);color:var(--color-primary);font-variant-numeric:tabular-nums;line-height:1.25}.card-table__value--highlight{color:var(--color-primary)}.card-table__strike{font-weight:var(--font-weight-medium,500);color:var(--ink-300-ed,#9aaab3);text-decoration:line-through}.card-table__value-note{color:var(--text-grey,#3a485c);font-size:.6875em}.card-table__value-sub{color:var(--error-text,#c0392b);align-items:center;gap:.25rem;font-size:.6875em;display:inline-flex}.card-table__value-sub svg{width:.8em;height:.8em}.card-table__muted{color:var(--ink-300-ed,#9aaab3)}.card-table__cell--actions{gap:var(--ct-btn-gap);flex-direction:column;grid-area:actions;display:flex}@media (min-width:1024px){.card-table__cell--actions{grid-area:auto}}.card-table__apply{text-align:center;width:100%;min-height:var(--ct-btn-h);padding:.5em 1.5em;font-size:.8em}@media (min-width:1280px){.card-table__apply{font-size:.9375em}}.card-table__apply{white-space:normal}@media (min-width:1024px){.card-table__apply{white-space:nowrap}}.card-table__compare{width:100%;height:var(--ct-btn-h);padding:0 1.25em;font-size:.8em}@media (min-width:1280px){.card-table__compare{font-size:.9375em}}@media (max-width:1023.98px){.card-table__compare .compare-toggle__icon{display:none}}
