/**
 * @file
 * The nine selectable designs of the bet365 widget (CTA Lab).
 *
 * The design rules come from the CTA Lab prototype with every class prefixed
 * (sbw-) so they cannot clash with the theme. --site is the colour of the
 * web and --book the colour of the bookmaker, both set inline by the module.
 * Dark mode follows the theme ([data-theme="dark"] on <html>).
 */
.sbw {
  /* Fallbacks; the template sets the site and bookmaker colours inline. */
  --site: #ffce00;
  --site-ink: #171b17;
  --book: #00684b;
  --book-text: #fff;
  --sbw-ease: cubic-bezier(0.23, 1, 0.32, 1);
  --canvas: #fff;
  --ink: #17201b;
  --muted: #66716c;
  --line: #d9dfd9;
  --tint: #f2f5f0;
  /* Fills stay neutral: the colour of the web is only for accents. */
  --site-soft: var(--tint);
  --book-deep: color-mix(in srgb, var(--book) 70%, #000);
  container-type: inline-size;
  margin: 0 0 1.25em;
  color: var(--ink);
  font-family: inherit;
  letter-spacing: normal;
}
[data-theme="dark"] .sbw {
  --canvas: #1a211e;
  --ink: #f2f6f3;
  --muted: #adbbb1;
  --line: #37423b;
  --tint: #232b26;
  --site-soft: var(--tint);
}
.sbw *,
.sbw *::before,
.sbw *::after {
  box-sizing: border-box;
}
.sbw-card:focus-visible {
  outline: 3px solid var(--site);
  outline-offset: 3px;
}
/* By default the widget uses the fonts of the web. */
.sbw[data-font-mode="inherit"] .sbw-card,
.sbw[data-font-mode="inherit"] .sbw-card * {
  font-family: inherit !important;
}
.sbw-book-logo img {
  display: block;
  max-width: 95px;
  max-height: 29px;
  width: auto;
  height: auto;
  margin: 0;
}
.sbw-book-logo.has-img {
  padding: 0;
  overflow: hidden;
}
.sbw-book-logo.has-img .sbw-logo-text {
  display: none;
}
/* Catalog logos are drawn for light backgrounds (bet365: green "bet" on
   transparent), so the pill is white whatever the design paints behind. */
.sbw .sbw-book-logo.has-img {
  padding: 3px 6px;
  background: #fff;
}
.sbw .sbw-book-logo.has-img img {
  max-height: 23px;
}
.sbw .sbw-card .sbw-sponsor {
  gap: 11px;
}
.sbw-card{--surface:var(--canvas);--foreground:var(--ink);--secondary:var(--muted);--stroke:var(--line);display:block;overflow:hidden;position:relative;border:1px solid var(--stroke);color:var(--foreground);background:var(--surface);cursor:pointer;font-family:'DM Sans',system-ui,sans-serif;line-height:1.3;transition:box-shadow 180ms var(--sbw-ease),transform 180ms var(--sbw-ease),border-color 180ms var(--sbw-ease)}.sbw-card:active{transform:scale(.99)}.sbw-card .sbw-head{padding:9px 12px;display:flex;align-items:center;gap:7px;min-height:43px;position:relative}.sbw-card .sbw-tag{font-weight:900;font-size:10px;letter-spacing:.085em;padding:5px 7px;white-space:nowrap;border-radius:3px}.sbw-card .sbw-competition{font-size:11px;line-height:1.3;font-weight:800;letter-spacing:.015em;flex:1;min-width:0;white-space:normal}.sbw-card .sbw-sponsor{display:flex;align-items:center;gap:7px;flex-shrink:0}.sbw-card .sbw-sponsor-label{font-weight:800;font-size:9px;line-height:1.1;text-align:right;text-transform:uppercase;letter-spacing:.045em;max-width:64px}.sbw-book-logo{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;min-width:68px;min-height:29px;background:var(--book);color:var(--book-text);border-radius:3px;font-size:17px;line-height:1;letter-spacing:-1.1px;font-weight:900;white-space:nowrap}.sbw-book-logo .sbw-numeral{color:#f7e900}.sbw-book-logo[data-logo=bwin] .sbw-numeral{color:#ffd633}.sbw-book-logo[data-logo=luckia]{letter-spacing:-.65px;font-size:16px}.sbw-book-logo[data-logo=sportium]{font-size:14px;letter-spacing:-.4px}
.sbw-card .sbw-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr) minmax(155px,.76fr);min-height:116px;align-items:stretch}.sbw-event-side{padding:13px 12px 14px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:7px}.sbw-event-type{font-weight:800;letter-spacing:.07em;text-transform:uppercase;font-size:10px;color:var(--secondary)}.sbw-event-name{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;font-size:27px;line-height:.98;letter-spacing:.002em;text-transform:uppercase;overflow-wrap:anywhere}.sbw-event-name .sbw-versus{color:var(--secondary);font-size:.7em;font-weight:700}.sbw-event-date{font-size:11px;color:var(--secondary);font-weight:700}.sbw-proof-side{padding:11px 10px;min-width:0;display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:7px}.sbw-proof-label{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--secondary);letter-spacing:.06em}.sbw-steps{display:grid;gap:6px}.sbw-step{font-size:11px;display:flex;align-items:center;gap:6px;line-height:1.25;font-weight:600}.sbw-step i{display:grid;place-items:center;width:17px;height:17px;border-radius:3px;flex:0 0 17px;background:var(--site);color:var(--site-ink);font-style:normal;font-size:10px;font-weight:900}.sbw-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.sbw-prices.sbw-prices-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sbw-price{min-width:0;background:var(--tint);border:1px solid var(--line);border-radius:4px;padding:6px 2px;display:grid;text-align:center;gap:2px}.sbw-price b{font-family:'Barlow Condensed',sans-serif;font-size:23px;line-height:1.1;letter-spacing:.01em}.sbw-price small{font-size:9px;color:var(--secondary);font-weight:800}.sbw-action-side{min-width:0;padding:12px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:6px}.sbw-cta{min-height:51px;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;background:var(--book);color:#fff;font-size:14px;font-weight:900;line-height:1.12;padding:10px;border-radius:5px;transition:filter 180ms var(--sbw-ease),transform 180ms var(--sbw-ease)}.sbw-cta .sbw-arrow{font-size:18px;line-height:1;transition:transform 180ms var(--sbw-ease)}.sbw-action-note{font-size:10px;color:var(--secondary);text-align:center;line-height:1.25;font-weight:600}

/* 01 BLOCKS RELOADED: bold grid, strong punch, without painting the entire card black */
.sbw-v-blocks{border:2px solid var(--ink);border-radius:4px}.sbw-v-blocks .sbw-head{background:var(--book);color:#fff}.sbw-v-blocks .sbw-head .sbw-tag{background:var(--site);color:var(--site-ink);font-size:11px}.sbw-v-blocks .sbw-sponsor-label{color:#e6f3ed}.sbw-v-blocks .sbw-book-logo{background:#ffffff1e;border:1px solid #ffffff5c}.sbw-v-blocks .sbw-event-side{background:var(--canvas)}.sbw-v-blocks .sbw-proof-side{background:var(--tint);border-left:2px solid var(--ink)}.sbw-v-blocks .sbw-action-side{background:var(--canvas);border-left:2px solid var(--ink)}.sbw-v-blocks .sbw-cta{color:#fff;background:var(--book-deep);border:1px solid #00000016;border-radius:2px;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.01em;font-size:19px;line-height:1}.sbw-v-blocks .sbw-action-note{color:var(--muted)}.sbw-v-blocks .sbw-price{background:var(--canvas);border:1.5px solid var(--ink);border-radius:2px}.sbw-v-blocks .sbw-event-name{font-size:30px}.sbw-v-blocks .sbw-proof-label{color:var(--ink)}
/* 02 IMPACTO SOLAR: editorial poster, ample light, angled accent */
.sbw-v-solar{border:1px solid var(--line);border-radius:7px;background:linear-gradient(107deg,var(--canvas) 0 61%,var(--site-soft) 61% 100%);box-shadow:inset 5px 0 var(--site)}.sbw-v-solar .sbw-head{padding:12px 14px 4px 17px}.sbw-v-solar .sbw-head .sbw-tag{background:var(--ink);color:var(--canvas)}.sbw-v-solar .sbw-competition{color:var(--secondary);text-transform:uppercase;letter-spacing:.10em}.sbw-v-solar .sbw-sponsor-label{color:var(--ink)}.sbw-v-solar .sbw-body{grid-template-columns:minmax(0,1.08fr) minmax(0,.78fr) minmax(155px,.78fr);min-height:146px}.sbw-v-solar .sbw-event-side{padding-left:18px}.sbw-v-solar .sbw-event-name{font-size:37px;color:var(--ink)}.sbw-v-solar .sbw-event-name .sbw-versus{color:color-mix(in srgb,var(--site) 55%,var(--ink))}.sbw-v-solar .sbw-proof-side{padding-left:5px}.sbw-v-solar .sbw-action-side{padding-right:16px}.sbw-v-solar .sbw-cta{min-height:62px;background:var(--site);color:var(--site-ink);clip-path:polygon(0 0,100% 0,100% 83%,91% 100%,0 100%);border-radius:0;font-family:'Barlow Condensed',sans-serif;font-size:21px;text-transform:uppercase}.sbw-v-solar .sbw-price{border-radius:3px;background:var(--canvas);border:1px solid var(--line)}.sbw-v-solar .sbw-action-note{color:var(--ink)}
/* 03 MATCH CENTER: app-like live score, white space and legible prices */
.sbw-v-center{border-radius:12px;background:var(--canvas);border:1px solid var(--line);box-shadow:0 3px 10px #0000000a}.sbw-v-center .sbw-head{background:var(--tint);border-bottom:1px solid var(--line);padding:8px 12px}.sbw-v-center .sbw-tag{background:var(--site-soft);color:var(--ink);border:1px solid var(--site)}.sbw-v-center .sbw-body{grid-template-columns:minmax(0,1fr) minmax(0,.92fr) minmax(165px,.83fr)}.sbw-v-center .sbw-event-side{border-left:4px solid var(--site);padding-left:13px}.sbw-v-center .sbw-event-name{font-family:'DM Sans',sans-serif;font-size:18px;line-height:1.17;font-weight:900;letter-spacing:-.03em;text-transform:none;overflow-wrap:normal}.sbw-v-center .sbw-event-name .sbw-versus{font-size:13px}.sbw-v-center .sbw-proof-side{border-left:1px solid var(--line);border-right:1px solid var(--line)}.sbw-v-center .sbw-price{background:var(--canvas);border:1px solid var(--line);border-radius:7px}.sbw-v-center .sbw-price b{font-size:22px}.sbw-v-center .sbw-cta{border-radius:9px;min-height:49px;box-shadow:0 3px 0 var(--book-deep);font-size:13px}
/* 04 EDITORIAL TICKET: tactile ticket with dashed stub */
.sbw-v-ticket{background:var(--canvas);border:1px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink)}.sbw-v-ticket .sbw-head{border-bottom:1px dashed var(--ink);padding:8px 12px;background:transparent}.sbw-v-ticket .sbw-tag{border:1px solid var(--ink);color:var(--ink);background:var(--canvas);border-radius:0}.sbw-v-ticket .sbw-sponsor-label{color:var(--ink)}.sbw-v-ticket .sbw-body{grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(165px,.72fr)}.sbw-v-ticket .sbw-event-side{padding:16px}.sbw-v-ticket .sbw-event-name{font-family:Georgia,serif;text-transform:none;font-size:22px;line-height:1.05;letter-spacing:-.035em}.sbw-v-ticket .sbw-event-date{font-family:ui-monospace,Consolas,monospace;letter-spacing:.02em}.sbw-v-ticket .sbw-proof-side{padding:10px}.sbw-v-ticket .sbw-action-side{background:var(--tint);box-shadow:inset 0 4px var(--site);border-left:2px dashed var(--ink);padding:14px}.sbw-v-ticket .sbw-cta{border-radius:3px;color:var(--ink);background:var(--canvas);border:1px solid var(--ink);font-weight:900}.sbw-v-ticket .sbw-action-note{color:var(--muted)}.sbw-v-ticket .sbw-price{border:1px solid var(--ink);background:var(--canvas)}
/* 05 SPOTLIGHT: premium editorial, split, asymmetric but bright */
.sbw-v-spotlight{background:var(--canvas);border:1px solid var(--line);border-radius:11px;box-shadow:0 8px 22px #0000000a}.sbw-v-spotlight .sbw-head{background:var(--site-soft);padding:11px 12px;border-bottom:1px solid var(--line)}.sbw-v-spotlight .sbw-tag{color:var(--site-ink);background:var(--site);border-radius:30px}.sbw-v-spotlight .sbw-body{grid-template-columns:minmax(0,1.18fr) minmax(0,.85fr) minmax(155px,.82fr);gap:0}.sbw-v-spotlight .sbw-event-side{padding-left:18px;position:relative}.sbw-v-spotlight .sbw-event-side::before{content:'';position:absolute;left:0;top:17px;bottom:17px;width:4px;background:var(--site)}.sbw-v-spotlight .sbw-event-name{font-size:29px}.sbw-v-spotlight .sbw-event-date{font-weight:800}.sbw-v-spotlight .sbw-proof-side{background:var(--tint)}.sbw-v-spotlight .sbw-step i{border-radius:50%}.sbw-v-spotlight .sbw-price{background:var(--canvas);border-radius:7px}.sbw-v-spotlight .sbw-action-side{padding:14px 12px}.sbw-v-spotlight .sbw-cta{border-radius:30px;background:var(--book);min-height:55px;box-shadow:inset 0 -3px #00000020}.sbw-v-spotlight .sbw-action-note{font-size:10px}
@container (max-width:520px){
 .sbw-card .sbw-head{padding:9px 10px;gap:5px;flex-wrap:wrap}.sbw-card .sbw-tag{font-size:9px;padding:4px 6px}.sbw-card .sbw-competition{font-size:10px;max-width:none}.sbw-card .sbw-sponsor{margin-left:0;flex-basis:100%;justify-content:flex-end}.sbw-card .sbw-sponsor-label{font-size:8px;max-width:46px}.sbw-book-logo{font-size:14px;min-width:59px;min-height:25px;padding:5px}.sbw-card .sbw-body,.sbw-v-solar .sbw-body,.sbw-v-center .sbw-body,.sbw-v-ticket .sbw-body,.sbw-v-spotlight .sbw-body{grid-template-columns:minmax(0,1fr);min-height:0}.sbw-card .sbw-event-side{padding:12px 13px 8px;gap:5px}.sbw-card .sbw-event-name{font-size:29px}.sbw-card .sbw-event-date{font-size:10px}.sbw-card .sbw-proof-side{padding:10px 12px;gap:5px}.sbw-card .sbw-proof-label{font-size:10px}.sbw-card .sbw-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.sbw-card .sbw-step{display:flex;flex-direction:column;align-items:flex-start;font-size:10px;gap:4px}.sbw-card .sbw-step i{width:17px;height:17px}.sbw-card .sbw-action-side{padding:10px 12px 12px}.sbw-card .sbw-cta{min-height:47px;font-size:14px}.sbw-card .sbw-prices{gap:6px}.sbw-card .sbw-price{padding:5px 7px;display:flex;justify-content:space-between;align-items:center}.sbw-card .sbw-price b{font-size:23px}.sbw-card .sbw-action-note{font-size:10px}
 .sbw-v-blocks .sbw-proof-side{border-left:0;border-top:2px solid var(--ink)}.sbw-v-blocks .sbw-action-side{border-left:0;border-top:2px solid var(--ink)}.sbw-v-blocks .sbw-cta{font-size:19px}.sbw-v-blocks .sbw-event-name{font-size:29px}.sbw-v-solar{background:linear-gradient(125deg,var(--canvas) 0 58%,var(--site-soft) 100%)}.sbw-v-solar .sbw-head{padding:10px 10px 4px 16px}.sbw-v-solar .sbw-event-side{padding-left:16px}.sbw-v-solar .sbw-event-name{font-size:36px}.sbw-v-solar .sbw-proof-side{padding:9px 16px}.sbw-v-solar .sbw-action-side{padding:7px 16px 12px}.sbw-v-solar .sbw-cta{min-height:53px;font-size:21px}.sbw-v-center .sbw-event-side{padding-left:12px}.sbw-v-center .sbw-event-name{font-size:20px}.sbw-v-center .sbw-proof-side{border-left:0;border-right:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sbw-v-ticket .sbw-action-side{border-left:0;border-top:2px dashed var(--ink)}.sbw-v-ticket .sbw-event-name{font-size:22px}.sbw-v-spotlight .sbw-event-side{padding-left:17px}.sbw-v-spotlight .sbw-event-name{font-size:29px}.sbw-v-spotlight .sbw-action-side{padding:10px 12px 12px}
}
/* 06 EDITORIAL STADIUM: generously spaced magazine-hero layout; stadium texture is CSS only */
.sbw-v-editorial{border-radius:8px;box-shadow:0 4px 18px #0000000d;border:1px solid var(--line);background:var(--canvas)}
.sbw-v-editorial .sbw-head{background:var(--canvas);border-bottom:1px solid var(--line);padding:10px 14px}
.sbw-v-editorial .sbw-tag{color:var(--book);border:1px solid var(--book);background:transparent;letter-spacing:.08em;border-radius:3px}
.sbw-v-editorial .sbw-sponsor-label{color:var(--muted)}
.sbw-v-editorial .sbw-book-logo{background:var(--book);color:#fff}
.sbw-v-editorial .sbw-body{grid-template-columns:minmax(0,1.18fr) minmax(0,.9fr) minmax(155px,.84fr);min-height:148px}
.sbw-v-editorial .sbw-event-side{position:relative;isolation:isolate;overflow:hidden;padding:17px;background:linear-gradient(94deg,var(--canvas) 0%,var(--canvas) 61%,transparent 100%),radial-gradient(ellipse at 100% 110%, var(--site-soft), transparent 71%)}
.sbw-v-editorial .sbw-event-side::after{content:"";position:absolute;z-index:-1;right:-14px;bottom:-39px;width:155px;height:112px;opacity:.22;transform:rotate(-13deg);border:6px double var(--muted);border-radius:100% 100% 0 0;box-shadow:0 -16px 0 -9px var(--muted),0 -35px 0 -29px var(--muted),0 -54px 0 -49px var(--muted);pointer-events:none}
.sbw-v-editorial .sbw-event-name{font-family:Georgia,'Times New Roman',serif;font-weight:900;font-size:26px;line-height:1.06;letter-spacing:-.035em;text-transform:uppercase}
.sbw-v-editorial .sbw-event-name .sbw-versus{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:.72em}
.sbw-v-editorial .sbw-event-date{border-top:2px solid var(--site);display:table;padding-top:6px;margin-top:2px}
.sbw-v-editorial .sbw-proof-side{border-left:1px solid var(--line);background:var(--tint);padding:15px 11px}
.sbw-v-editorial .sbw-step i{background:transparent;color:var(--book);border:1px solid var(--book);border-radius:50%}
.sbw-v-editorial .sbw-action-side{border-left:1px solid var(--line);background:var(--canvas)}
.sbw-v-editorial .sbw-action-side::before{content:attr(data-label);color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.09em;text-align:center}
.sbw-v-editorial .sbw-cta{background:var(--ink);color:var(--canvas);font-family:Georgia,serif;font-weight:900;border-radius:5px;font-size:15px}
.sbw-v-editorial .sbw-price{background:var(--canvas);border:1px solid var(--line)}
/* 07 TECH MINIMAL: architecture of precision, near-monochrome and action-forward */
.sbw-v-tech{border-radius:10px;background:var(--canvas);border:1px solid var(--line);box-shadow:0 1px 0 var(--line)}
.sbw-v-tech .sbw-head{background:var(--canvas);border-bottom:1px solid var(--line);padding:10px 13px}
.sbw-v-tech .sbw-tag{background:var(--site-soft);border:1px solid var(--site);color:var(--ink);border-radius:18px}
.sbw-v-tech .sbw-tag::before{content:'●';color:var(--book);margin-right:5px;font-size:9px}
.sbw-v-tech .sbw-competition{color:var(--muted)}
.sbw-v-tech .sbw-sponsor-label{color:var(--muted)}
.sbw-v-tech .sbw-body{grid-template-columns:minmax(0,1.06fr) minmax(0,.9fr) minmax(155px,.82fr)}
.sbw-v-tech .sbw-event-side{padding-left:18px;border-left:3px solid var(--site)}
.sbw-v-tech .sbw-event-name{font-family:'DM Sans',system-ui,sans-serif;font-size:18px;text-transform:none;line-height:1.2;font-weight:900;letter-spacing:-.055em;overflow-wrap:normal}
.sbw-v-tech .sbw-event-name .sbw-versus{font-size:.72em;color:var(--muted)}
.sbw-v-tech .sbw-proof-side{background:var(--tint);border-left:1px solid var(--line);border-right:1px solid var(--line)}
.sbw-v-tech .sbw-step i{border-radius:50%;background:var(--site-soft);color:var(--ink);border:1px solid var(--site)}
.sbw-v-tech .sbw-action-side{background:var(--canvas)}
.sbw-v-tech .sbw-action-side::before{content:attr(data-label);font-weight:900;color:var(--muted);font-size:9px;letter-spacing:.05em;text-align:center}
.sbw-v-tech .sbw-cta{background:var(--ink);color:var(--canvas);border-radius:7px;font-weight:800;font-size:12px}
.sbw-v-tech .sbw-price{background:var(--canvas);border-color:var(--line);border-radius:8px}
/* 08 ARENA MOTION: editorial broadcast with an abstract stadium pitch, all CSS */
.sbw-v-arena{border:1px solid var(--line);border-radius:8px;background:var(--canvas);box-shadow:0 5px 17px #0000000c}
.sbw-v-arena .sbw-head{background:var(--ink);color:var(--canvas);border-bottom:3px solid var(--site);padding:10px 12px}
.sbw-v-arena .sbw-tag{background:var(--site);color:var(--site-ink);border-radius:2px}
.sbw-v-arena .sbw-sponsor-label{color:var(--canvas)}
.sbw-v-arena .sbw-book-logo{border:1px solid #ffffff66}
.sbw-v-arena .sbw-body{grid-template-columns:minmax(0,1.13fr) minmax(0,.82fr) minmax(155px,.85fr)}
.sbw-v-arena .sbw-event-side{position:relative;isolation:isolate;overflow:hidden;min-height:136px;background:linear-gradient(130deg,var(--canvas),var(--tint))}
.sbw-v-arena .sbw-event-side::before{content:'';position:absolute;z-index:-1;inset:12px -70px -15px 58%;border:2px solid var(--muted);border-radius:52%;opacity:.25;transform:rotate(-25deg);box-shadow:0 0 0 15px var(--tint),0 0 0 17px var(--muted),0 0 0 32px var(--tint),0 0 0 34px var(--muted)}
.sbw-v-arena .sbw-event-side::after{content:'';position:absolute;bottom:0;right:-12px;width:105px;height:5px;background:var(--site);transform:skewX(-28deg)}
.sbw-v-arena .sbw-event-name{font-size:29px}
.sbw-v-arena .sbw-event-name .sbw-versus{font-style:italic;color:var(--book)}
.sbw-v-arena .sbw-proof-side{border-left:1px solid var(--line);background:var(--canvas)}
.sbw-v-arena .sbw-step i{border-radius:50%;background:var(--book);color:#fff}
.sbw-v-arena .sbw-action-side{background:var(--tint);border-left:1px solid var(--line)}
.sbw-v-arena .sbw-cta{background:var(--book);color:#fff;border-radius:3px;clip-path:polygon(0 0,100% 0,100% 82%,93% 100%,0 100%);font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:19px}
.sbw-v-arena .sbw-price{background:var(--canvas);border-radius:3px}
/* 09 MAGAZINE PLUS: large editorial types, section rule, premium serif CTA contrast */
.sbw-v-magazine{border:1px solid var(--ink);border-radius:2px;background:var(--canvas);box-shadow:4px 4px 0 var(--site-soft)}
.sbw-v-magazine .sbw-head{background:var(--canvas);border-bottom:3px double var(--ink);padding:11px 13px}
.sbw-v-magazine .sbw-tag{border-radius:0;background:var(--ink);color:var(--canvas)}
.sbw-v-magazine .sbw-competition{font-family:Georgia,serif;text-transform:none;font-size:12px;font-weight:700}
.sbw-v-magazine .sbw-sponsor-label{color:var(--muted)}
.sbw-v-magazine .sbw-book-logo{border-radius:0}
.sbw-v-magazine .sbw-body{grid-template-columns:minmax(0,1.14fr) minmax(0,.87fr) minmax(155px,.82fr);min-height:137px}
.sbw-v-magazine .sbw-event-side{padding:16px;background:var(--canvas)}
.sbw-v-magazine .sbw-event-type{letter-spacing:.13em}
.sbw-v-magazine .sbw-event-name{font-family:Georgia,'Times New Roman',serif;text-transform:uppercase;font-size:23px;letter-spacing:-.04em;line-height:1.08}
.sbw-v-magazine .sbw-event-name .sbw-versus{font-family:Georgia,serif;font-size:.66em;font-weight:400;font-style:italic;color:var(--muted)}
.sbw-v-magazine .sbw-event-date{font-family:ui-monospace,monospace;font-size:10px}
.sbw-v-magazine .sbw-proof-side{border-left:1px solid var(--line);background:var(--canvas)}
.sbw-v-magazine .sbw-proof-label{border-bottom:2px solid var(--site);padding-bottom:6px;color:var(--ink)}
.sbw-v-magazine .sbw-step i{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:50%}
.sbw-v-magazine .sbw-action-side{background:var(--site-soft);border-left:1px solid var(--line)}
.sbw-v-magazine .sbw-cta{background:var(--ink);color:var(--canvas);font-family:Georgia,serif;font-size:14px;border-radius:0;box-shadow:3px 3px 0 var(--site)}
.sbw-v-magazine .sbw-price{background:var(--tint);border:1px solid var(--line);border-radius:0}
@container (max-width:520px){
.sbw-v-editorial .sbw-body,.sbw-v-tech .sbw-body,.sbw-v-arena .sbw-body,.sbw-v-magazine .sbw-body{grid-template-columns:minmax(0,1fr)}
.sbw-v-editorial .sbw-event-side{padding:13px 14px}.sbw-v-editorial .sbw-event-name{font-size:25px}.sbw-v-editorial .sbw-proof-side{border-left:0;border-top:1px solid var(--line)}.sbw-v-editorial .sbw-action-side{border-left:0;border-top:1px solid var(--line)}.sbw-v-editorial .sbw-action-side::before{display:none}
.sbw-v-tech .sbw-proof-side{border-left:0;border-right:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sbw-v-tech .sbw-event-name{font-size:20px}.sbw-v-tech .sbw-action-side::before{display:none}
.sbw-v-arena .sbw-event-side{min-height:0}.sbw-v-arena .sbw-proof-side{border-left:0;border-top:1px solid var(--line)}.sbw-v-arena .sbw-action-side{border-left:0;border-top:1px solid var(--line)}
.sbw-v-magazine .sbw-proof-side{border-left:0;border-top:1px solid var(--line)}.sbw-v-magazine .sbw-action-side{border-left:0;border-top:1px solid var(--line)}.sbw-v-magazine .sbw-event-name{font-size:22px}
}
/* The button always has the colour of the bookmaker, whatever the design
   (each design keeps its shape, size and font). */
.sbw .sbw-card .sbw-cta {
  background: var(--book);
  color: var(--book-text);
}

/* Polish (emil-design-eng + web interface guidelines). */
.sbw-card {
  -webkit-tap-highlight-color: transparent;
}
.sbw .sbw-card .sbw-cta {
  transition: filter 180ms var(--sbw-ease), transform 160ms var(--sbw-ease);
  text-wrap: balance;
}
.sbw-card:active .sbw-cta {
  transform: scale(0.97);
}
.sbw-event-name {
  text-wrap: balance;
}
.sbw-price b,
.sbw-event-date {
  font-variant-numeric: tabular-nums;
}
/* With the fonts of the web (wider than Barlow Condensed) the big uppercase
   names and buttons of the designs go down a size so nothing breaks. */
.sbw[data-font-mode="inherit"] .sbw-event-name { font-size: 22px; }
.sbw[data-font-mode="inherit"] .sbw-v-blocks .sbw-event-name,
.sbw[data-font-mode="inherit"] .sbw-v-spotlight .sbw-event-name,
.sbw[data-font-mode="inherit"] .sbw-v-arena .sbw-event-name { font-size: 24px; }
.sbw[data-font-mode="inherit"] .sbw-v-solar .sbw-event-name { font-size: 27px; }
.sbw[data-font-mode="inherit"] .sbw-v-center .sbw-event-name,
.sbw[data-font-mode="inherit"] .sbw-v-tech .sbw-event-name { font-size: 18px; }
.sbw[data-font-mode="inherit"] .sbw-v-blocks .sbw-cta,
.sbw[data-font-mode="inherit"] .sbw-v-solar .sbw-cta,
.sbw[data-font-mode="inherit"] .sbw-v-arena .sbw-cta { font-size: 15px; }
@container (max-width: 520px) {
  .sbw[data-font-mode="inherit"] .sbw-event-name { font-size: 22px; }
  .sbw[data-font-mode="inherit"] .sbw-v-solar .sbw-event-name { font-size: 25px; }
  .sbw[data-font-mode="inherit"] .sbw-v-center .sbw-event-name,
  .sbw[data-font-mode="inherit"] .sbw-v-tech .sbw-event-name { font-size: 19px; }
}

/* Contrast fixes over the prototype (dark mode). */
[data-theme="dark"] .sbw-v-editorial .sbw-step i {
  color: var(--ink);
  border-color: var(--ink);
}

@media (hover: hover) and (pointer: fine) {
  .sbw-card:hover {
    box-shadow: 0 8px 22px #00000019;
    transform: translateY(-1px);
  }
  .sbw-card:hover .sbw-cta {
    filter: brightness(1.1);
  }
  .sbw-card:hover .sbw-arrow {
    transform: translateX(3px);
  }
}

/* Regulatory logos: mandatory, same line in every design. */
.sbw-legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  margin: 6px 0 0;
  padding: 0;
}
.sbw-legal a {
  display: inline-flex;
  text-decoration: none;
}
.sbw-legal img {
  display: block;
  width: auto;
  height: 16px;
  margin: 0;
}
.sbw-legal .sbw-dark {
  padding: 1px;
  background: #000;
}
.sbw-ad {
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  color: var(--muted);
}
.sbw-terms {
  margin: 4px 0 0;
  padding: 0;
  font-size: 9px;
  line-height: 1.35;
  color: var(--muted);
}
@media (prefers-reduced-motion: reduce) {
  .sbw *,
  .sbw *::before,
  .sbw *::after {
    transition: none !important;
  }
  .sbw-card:hover {
    transform: none;
  }
}

/* ===== SuperAumento (mode "boosts") =======================================
   Same box as every design; only adds the yellow band on top and the
   boosted price where the odds or the steps go. Metallic (gold or silver)
   so the boost stands out from the odds and streaming boxes.
   --boost-style: a = struck price + %, b = before / now, c = pill. */
/* Metallic finishes: --boost-band paints the band (light metal with a
   sheen, so the dark text keeps a contrast above 8.9:1 all along),
   --boost-edge the darker rim that gives the metal depth. */
.sbw--boosts,
.sbw--boost-gold {
  --boost: #e2bd52;
  --boost-ink: #241900;
  --boost-edge: #a87a24;
  --boost-band: linear-gradient(115deg, #e3bd5a 0%, #f3dc8e 28%, #fff3c9 46%, #e9c766 64%, #dcb655 100%);
  --boost-up: #0b8a4a;
}
.sbw--boost-silver {
  --boost: #c8ced6;
  --boost-ink: #1d2329;
  --boost-edge: #8a939d;
  --boost-band: linear-gradient(115deg, #d3d8de 0%, #eef1f4 28%, #fafbfc 46%, #dfe3e8 64%, #c9cfd6 100%);
}
.sbw .sbw-boost-band {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 14px;
  background: var(--boost-band);
  color: var(--boost-ink);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  box-shadow: inset 0 -2px 0 var(--boost-edge), inset 0 1px 0 rgba(255, 255, 255, .6);
  font-family: 'Barlow Condensed', Impact, 'Arial Narrow', sans-serif;
  font-size: 23px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .01em;
}
.sbw[data-font-mode="inherit"] .sbw-boost-band {
  font-family: inherit;
  font-size: 19px;
  font-weight: 900;
}
.sbw .sbw-boost-bolt {
  display: inline-grid;
  place-items: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--boost-ink);
  color: var(--boost);
  font-size: 14px;
  text-shadow: none;
}
.sbw .sbw-boost-band small {
  margin-left: auto;
  font-family: 'DM Sans', system-ui, sans-serif;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
  opacity: .8;
}
.sbw--boosts .sbw-card .sbw-tag {
  background: var(--boost-band);
  color: var(--boost-ink);
  border-color: var(--boost);
}
.sbw .sbw-boost-selection {
  display: block;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.sbw .sbw-boost-prices {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}
.sbw .sbw-boost-old {
  color: var(--muted);
  font-size: 15px;
  font-weight: 700;
  text-decoration-thickness: 2px;
}
.sbw .sbw-boost-new {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
}
.sbw .sbw-boost-percent {
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--boost-up);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}
/* b: before / now. */
.sbw .sbw-boost-prices--b {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  max-width: 260px;
}
.sbw .sbw-boost-box {
  display: grid;
  gap: 2px;
  padding: 5px 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--canvas);
  text-align: center;
}
.sbw .sbw-boost-box small {
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.sbw .sbw-boost-box b {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 23px;
  line-height: 1.05;
}
.sbw .sbw-boost-box--was b {
  color: var(--muted);
  text-decoration: line-through;
}
.sbw .sbw-boost-box--now {
  border-color: var(--boost);
  background: var(--boost-band);
  color: var(--boost-ink);
}
.sbw .sbw-boost-box--now small {
  color: var(--boost-ink);
}
.sbw .sbw-boost-to {
  color: var(--boost-up);
  font-weight: 900;
}
/* c: pill. */
.sbw .sbw-boost-prices--c {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 4px 5px 4px 12px;
  border-radius: 999px;
  background: var(--tint);
}
.sbw .sbw-boost-prices--c .sbw-boost-new {
  padding: 2px 11px;
  border-radius: 999px;
  background: var(--boost-band);
  color: var(--boost-ink);
  font-size: 25px;
}
.sbw[data-font-mode="inherit"] .sbw-boost-new,
.sbw[data-font-mode="inherit"] .sbw-boost-box b {
  font-family: inherit;
  font-weight: 900;
}
@container (max-width: 640px) {
  .sbw .sbw-boost-band {
    padding: 8px 12px;
    font-size: 19px;
  }
  .sbw .sbw-boost-new {
    font-size: 30px;
  }
}
/* Mobile: the SuperAumento keeps tag, competition and sponsor logo on one
   line (the generic mobile rule sends the sponsor to a line of its own,
   which left a big gap under the metallic band). */
@container (max-width: 520px) {
  .sbw--boosts .sbw-card .sbw-head {
    flex-wrap: nowrap;
    align-items: center;
  }
  .sbw--boosts .sbw-card .sbw-competition {
    min-width: 0;
  }
  .sbw--boosts .sbw-card .sbw-sponsor {
    flex-basis: auto;
    flex-shrink: 0;
    margin-left: auto;
  }
  .sbw--boosts .sbw-card .sbw-sponsor-label {
    max-width: 62px;
  }
}