/**
 * @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;
  }
}