:root{--brand-primary:#0047ab;--brand-secondary:#008cd4;--brand-accent-color:#f90;--brand-dark:#121726;--brand-tint:#e0e8f5;--neutral-50:#f7f7fa;--neutral-100:#f0f0f5;--neutral-200:#e0e0e8;--neutral-300:#c2c2cc;--neutral-400:#9999a8;--neutral-500:#707082;--neutral-600:#4d4d5e;--neutral-700:#333345;--neutral-800:#1f1f2e;--neutral-900:#12121c;--neutral-white:#fff;--neutral-black:#000;--semantic-success:#17b273;--semantic-warning:#f5b017;--semantic-error:#e83838;--semantic-info:#338ff5;--background-primary:#f7f7fa;--background-secondary:#fff;--background-card:#fff;--background-media:#e0e8f5;--background-brand:#0047ab;--background-discount:#e83838;--text-primary:#12121c;--text-secondary:#707082;--text-on-brand:#fff;--text-brand:#0047ab;--text-tertiary:#9999a8;--text-disabled:#9999a8;--border-default:#e0e0e8;--border-subtle:#f0f0f5;--border-selected:#0047ab;--border-brand:#0047ab;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--radius-4:4px;--radius-8:8px;--radius-12:12px;--radius-16:16px;--radius-full:9999px;--text-styles-heading-h1-font-family:Inter;--text-styles-heading-h1-font-weight:700;--text-styles-heading-h1-font-size:28px;--text-styles-heading-h1-line-height:36px;--text-styles-heading-h1-letter-spacing:-.5px;--text-styles-heading-heading2-font-family:Inter;--text-styles-heading-heading2-font-weight:700;--text-styles-heading-heading2-font-size:22px;--text-styles-heading-heading2-line-height:28px;--text-styles-heading-heading2-letter-spacing:-.3px;--text-styles-heading-h3-font-family:Inter;--text-styles-heading-h3-font-weight:600;--text-styles-heading-h3-font-size:18px;--text-styles-heading-h3-line-height:24px;--text-styles-heading-h3-letter-spacing:-.2px;--text-styles-heading-subheading-font-family:Inter;--text-styles-heading-subheading-font-weight:600;--text-styles-heading-subheading-font-size:14px;--text-styles-heading-subheading-line-height:20px;--text-styles-heading-subheading-letter-spacing:.1px;--text-styles-heading-h4-font-family:Inter;--text-styles-heading-h4-font-weight:600;--text-styles-heading-h4-font-size:16px;--text-styles-heading-h4-line-height:24px;--text-styles-heading-h4-letter-spacing:0px;--text-styles-body-large-font-family:Inter;--text-styles-body-large-font-weight:400;--text-styles-body-large-font-size:16px;--text-styles-body-large-line-height:24px;--text-styles-body-large-letter-spacing:0px;--text-styles-body-default-font-family:Inter;--text-styles-body-default-font-weight:400;--text-styles-body-default-font-size:14px;--text-styles-body-default-line-height:20px;--text-styles-body-default-letter-spacing:0px;--text-styles-body-small-font-family:Inter;--text-styles-body-small-font-weight:400;--text-styles-body-small-font-size:12px;--text-styles-body-small-line-height:16px;--text-styles-body-small-letter-spacing:.1px;--text-styles-label-default-font-family:Inter;--text-styles-label-default-font-weight:500;--text-styles-label-default-font-size:14px;--text-styles-label-default-line-height:20px;--text-styles-label-default-letter-spacing:.1px;--text-styles-label-mini-font-family:Inter;--text-styles-label-mini-font-weight:500;--text-styles-label-mini-font-size:12px;--text-styles-label-mini-line-height:16px;--text-styles-label-mini-letter-spacing:.2px;--text-styles-label-badge-font-family:Inter;--text-styles-label-badge-font-weight:700;--text-styles-label-badge-font-size:11px;--text-styles-label-badge-line-height:16px;--text-styles-label-badge-letter-spacing:.5px;--text-styles-price-large-font-family:Inter;--text-styles-price-large-font-weight:700;--text-styles-price-large-font-size:20px;--text-styles-price-large-line-height:28px;--text-styles-price-large-letter-spacing:-.2px;--text-styles-price-small-font-family:Inter;--text-styles-price-small-font-weight:600;--text-styles-price-small-font-size:16px;--text-styles-price-small-line-height:24px;--text-styles-price-small-letter-spacing:0px;--text-styles-price-medium-font-family:Inter;--text-styles-price-medium-font-weight:700;--text-styles-price-medium-font-size:18px;--text-styles-price-medium-line-height:24px;--text-styles-price-medium-letter-spacing:0px}.addon-card{background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-12);flex-direction:column;inline-size:280px;font-family:system-ui,sans-serif;display:flex;overflow:hidden}.addon-card[data-state=selected]{border:2px solid var(--border-selected)}.addon-card[data-state=disabled]{opacity:.5}.addon-card__media{background:var(--background-media);place-items:center;block-size:140px;display:grid;position:relative}.addon-card__placeholder{background:color-mix(in srgb, var(--brand-primary) 15%, transparent);border-radius:50%;block-size:48px;inline-size:48px}.addon-card__badge{border-radius:var(--radius-4);background:var(--background-discount);color:var(--text-on-brand);font-size:var(--text-styles-label-badge-font-size);line-height:var(--text-styles-label-badge-line-height);letter-spacing:var(--text-styles-label-badge-letter-spacing);font-weight:var(--text-styles-label-badge-font-weight);padding:4px 8px;position:absolute;inset-block-start:12px;inset-inline-end:12px}.addon-card__body{gap:var(--spacing-8);padding:var(--spacing-16);flex-direction:column;display:flex}.addon-card__title{font-size:var(--text-styles-heading-h4-font-size);line-height:var(--text-styles-heading-h4-line-height);font-weight:var(--text-styles-heading-h4-font-weight);color:var(--text-primary);margin:0}.addon-card[data-state=disabled] .addon-card__title{color:var(--text-disabled)}.addon-card__description{font-size:var(--text-styles-body-small-font-size);line-height:var(--text-styles-body-small-line-height);font-weight:var(--text-styles-body-small-font-weight);letter-spacing:var(--text-styles-body-small-letter-spacing);color:var(--text-secondary);margin:0}.addon-card__row{justify-content:space-between;align-items:center;gap:var(--spacing-8);display:flex}.addon-card__prices{align-items:baseline;gap:8px;display:flex}.addon-card__price{font-size:var(--text-styles-price-medium-font-size);line-height:var(--text-styles-price-medium-line-height);font-weight:var(--text-styles-price-medium-font-weight);color:var(--text-brand)}.addon-card__original{font-size:var(--text-styles-body-small-font-size);line-height:var(--text-styles-body-small-line-height);font-weight:var(--text-styles-body-small-font-weight);color:var(--text-tertiary)}.addon-card__cta{align-items:center;gap:var(--spacing-4);border-radius:var(--radius-full);font-size:var(--text-styles-label-mini-font-size);line-height:var(--text-styles-label-mini-line-height);letter-spacing:var(--text-styles-label-mini-letter-spacing);font-weight:var(--text-styles-label-mini-font-weight);cursor:pointer;padding:6px 16px;display:inline-flex}.addon-card__check{flex:none}.addon-card__cta[data-variant=secondary]{border:1.5px solid var(--border-brand);color:var(--text-brand);background:0 0}.addon-card__cta[data-variant=primary]{background:var(--background-brand);border:1.5px solid var(--border-brand);color:var(--text-on-brand)}.addon-card__cta:disabled{cursor:not-allowed}