/* Generated by patches/dark2light.py from: exit-offer.css.
   Light-theme colour overrides only; do not edit by hand. */

/* ---- exit-offer.css ---- */
html .xo {
  color: var(--ink-1, #0b1d2b);
}
html .xo::backdrop {
  background: rgba(244, 247, 250, 0.68);
}
html .xo-card {
  border: 1px solid rgba(11, 29, 43, 0.15);
  background:
    radial-gradient(120% 70% at 50% -18%, rgba(11, 111, 208, 0.09), transparent 62%),
    linear-gradient(180deg, rgba(247, 250, 252, 0.94), rgba(255, 255, 255, 0.96));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 1px 2px rgba(8, 19, 28, 0.14),
    0 40px 100px -24px rgba(8, 19, 28, 0.2);
}
html .xo-close {
  border: 1px solid rgba(11, 29, 43, 0.14);
  background: rgba(11, 29, 43, 0.03);
  color: var(--ink-3, #4f6372);
}
html .xo-close:hover {
  border-color: rgba(11, 29, 43, 0.2);
  background: rgba(11, 29, 43, 0.06);
  color: var(--ink-1, #0b1d2b);
}
html .xo-thumb {
  border: 1px solid rgba(11, 29, 43, 0.15);
  background: var(--surface-3, #f7fafc);
}
html .xo-item-t b {
  color: var(--ink-1, #0b1d2b);
}
html .xo-item-t span {
  color: var(--ink-3, #4f6372);
}
html .xo h2 {
  color: var(--ink-1, #0b1d2b);
}
html .xo-hl {
  color: var(--vera, #0b6fd0);
}
html .xo-sub {
  color: var(--ink-2, #2b4557);
}
html .xo-deal {
  border: 1px solid rgba(11, 29, 43, 0.12);
  background: rgba(11, 29, 43, 0.02);
}
html .xo-list {
  color: var(--ink-3, #4f6372);
  text-decoration-color: rgba(11, 29, 43, 0.2);
}
html .xo-now {
  color: var(--ink-1, #0b1d2b);
}
html .xo-once {
  color: var(--ink-3, #4f6372);
}
html .xo-timer-l {
  color: var(--ink-3, #4f6372);
}
html .xo-timer time {
  border: 1px solid rgba(11, 111, 208, 0.242);
  background: rgba(11, 111, 208, 0.053);
  color: var(--brand-on-tint, #0b6fd0);
}
html .xo[data-ended] .xo-timer time {
  border-color: rgba(11, 29, 43, 0.15);
  background: rgba(11, 29, 43, 0.03);
  color: var(--ink-3, #4f6372);
}
html .xo-cta {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .6),
    inset 0 -1px 0 rgba(11, 111, 208, 0.072),
    0 10px 30px -12px rgba(11, 111, 208, 0.22);
}
html .xo-cta:hover:not([disabled]) {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .6),
    inset 0 -1px 0 rgba(11, 111, 208, 0.072),
    0 14px 34px -12px rgba(11, 111, 208, 0.25);
}
html .xo-cta[disabled]:not([aria-busy="true"]) {
  background: rgba(11, 29, 43, 0.038);
  color: var(--ink-3, #4f6372);
}
html .xo-note {
  color: #b91c1c;
}
html .xo-no {
  color: var(--ink-3, #4f6372);
}
html .xo-no:hover {
  color: var(--ink-1, #0b1d2b);
  text-decoration-color: rgba(11, 29, 43, 0.2);
}
html .xo-fine {
  color: #4f6372;
}
html .xo .xo-cta:focus-visible,
html .xo .xo-no:focus-visible,
html .xo .xo-close:focus-visible {
  outline: 2px solid var(--vera, #0b6fd0);
}
html .xo-bar {
  border-bottom: 1px solid rgba(11, 111, 208, 0.18);
  background:
    linear-gradient(90deg, rgba(11, 111, 208, 0.04), rgba(11, 111, 208, 0.064) 50%, rgba(11, 111, 208, 0.04)),
    #ffffff;
  color: var(--ink-2, #2b4557);
}
html .xo-bar-tag {
  border: 1px solid var(--vera-tint-bd, rgba(11, 111, 208, 0.33));
  background: var(--vera-tint, rgba(11, 111, 208, 0.075));
  color: var(--brand-on-tint, #0b6fd0);
}
html .xo-bar-name {
  color: var(--ink-1, #0b1d2b);
}
html .xo-bar-deal s {
  color: var(--ink-3, #4f6372);
}
html .xo-bar-deal strong {
  color: var(--ink-1, #0b1d2b);
}
html .xo-bar-clock {
  color: var(--ink-3, #4f6372);
}
html .xo-bar-clock time {
  color: var(--brand-on-tint, #0b6fd0);
}
html .xo-bar-go {
  border: 1px solid var(--vera-tint-bd, rgba(11, 111, 208, 0.33));
  color: var(--brand-on-tint, #0b6fd0);
}
html .xo-bar-go:hover {
  background: var(--vera-tint, rgba(11, 111, 208, 0.075));
  color: var(--ink-1, #0b1d2b);
}
html .xo-bar-go:focus-visible {
  outline: 2px solid var(--ink-1, #d5dee6);
}
