.sbc-banner {
  display: block;
  position: relative;
  width: 100%;
  isolation: isolate;
  color: #fff;
  background: #121419;
  border-radius: var(--sbc-radius, 0px);
  overflow: hidden;
  --sbc-height: var(--sbc-d-height, 680px);
  --sbc-safe: 48px;
  --sbc-bottom: 100px;
}
.sbc-banner *, .sbc-banner *::before, .sbc-banner *::after { box-sizing: border-box; }
.sbc-banner [hidden] { display: none !important; }
.sbc-banner[hidden] { display: none; }
.sbc-banner .sbc-empty { padding: 48px 24px; margin: 0; text-align: center; }
.sbc-banner .sbc-viewport { position: relative; height: var(--sbc-height); min-height: 360px; overflow: hidden; touch-action: pan-y pinch-zoom; }
.sbc-banner[data-desktop-height="auto"] .sbc-viewport { aspect-ratio: var(--sbc-d-ratio, 2.2); min-height: 0; }
.sbc-banner .sbc-slide { position: absolute; inset: 0; margin: 0; overflow: hidden; background: var(--sbc-bg, #14171c); }
.sbc-banner:not(.sbc-ready) .sbc-slide ~ .sbc-slide { display: none; }
.sbc-banner.sbc-ready .sbc-slide { opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 600ms ease, visibility 600ms; }
.sbc-banner.sbc-ready .sbc-slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; z-index: 1; }
.sbc-banner .sbc-media, .sbc-banner .sbc-media::after, .sbc-banner .sbc-image, .sbc-banner .sbc-placeholder { position: absolute; inset: 0; width: 100%; height: 100%; }
.sbc-banner .sbc-image { display: block; object-fit: cover; object-position: var(--sbc-fx, 50%) var(--sbc-fy, 50%); }
.sbc-banner .sbc-image--mobile { display: none; }
.sbc-banner .sbc-media::after { content: ''; background: var(--sbc-shade, #000); opacity: var(--sbc-opacity, .15); }
.sbc-banner .sbc-placeholder { background: radial-gradient(ellipse at 75% 40%, #4a525b, transparent 55%), linear-gradient(135deg, #14171c, #252c35); }
.sbc-banner .sbc-placeholder svg { width: 100%; height: 100%; opacity: .25; }
.sbc-banner .sbc-image-link { display: block; position: absolute; inset: 0; z-index: 1; cursor: pointer; }
.sbc-banner .sbc-image-link:focus-visible { outline-offset: -5px; }
.sbc-banner .sbc-slide[data-image-link="true"] .sbc-piece { pointer-events: none; }
.sbc-banner[data-design-mode="true"] .sbc-slide .sbc-piece { pointer-events: auto; }
.sbc-banner[data-design-mode="true"] .sbc-image-link { pointer-events: none; }
.sbc-banner .sbc-canvas { position: absolute; inset: var(--sbc-safe-top, 48px) var(--sbc-safe-x, 48px) var(--sbc-safe-bottom, 100px); z-index: 2; pointer-events: none; }
.sbc-banner .sbc-slide[data-desktop-align="left"] { --sbc-preset-x: 0%; --sbc-preset-align: left; --sbc-preset-justify: flex-start; }
.sbc-banner .sbc-slide[data-desktop-align="center"] { --sbc-preset-x: 50%; --sbc-preset-align: center; --sbc-preset-justify: center; }
.sbc-banner .sbc-slide[data-desktop-align="right"] { --sbc-preset-x: 100%; --sbc-preset-align: right; --sbc-preset-justify: flex-end; }
.sbc-banner .sbc-copy {
  position: absolute;
  left: var(--sbc-preset-x, var(--sbc-gx, 50%)); top: var(--sbc-gy, 15%);
  width: var(--sbc-gw, 60%);
  transform: translate(calc(-1 * var(--sbc-preset-x, var(--sbc-gx, 50%))), calc(-1 * var(--sbc-gy, 15%)));
  display: flex; flex-direction: column; gap: var(--sbc-gap, 20px);
}
.sbc-banner .sbc-piece { width: 100%; min-width: 0; text-align: var(--sbc-preset-align, var(--sbc-align, center)); color: var(--sbc-color, #fff); overflow-wrap: anywhere; pointer-events: auto; }
.sbc-banner .sbc-slide[data-layout="free"] .sbc-copy { position: static; width: 100%; transform: none; display: block; }
.sbc-banner .sbc-slide[data-layout="free"] .sbc-piece {
  position: absolute; left: var(--sbc-preset-x, var(--sbc-x, 50%)); top: var(--sbc-y, 20%); width: var(--sbc-w, 70%);
  transform: translate(calc(-1 * var(--sbc-preset-x, var(--sbc-x, 50%))), calc(-1 * var(--sbc-y, 20%)));
}
.sbc-banner .sbc-heading { margin: 0; color: inherit; font-family: inherit; font-weight: 600; font-size: var(--sbc-size, 64px); line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; white-space: pre-line; }
.sbc-banner .sbc-description { margin: 0; font-family: inherit; font-size: var(--sbc-size, 20px); font-weight: 400; line-height: 1.5; letter-spacing: -.01em; white-space: pre-line; }
.sbc-banner .sbc-actions { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; justify-content: var(--sbc-preset-justify, var(--sbc-justify, center)); }
.sbc-banner .sbc-actions[data-align="left"] { --sbc-justify: flex-start; }
.sbc-banner .sbc-actions[data-align="right"] { --sbc-justify: flex-end; }
.sbc-banner .sbc-link {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; max-width: 100%; min-height: 46px; padding: 12px 25px;
  font-family: inherit; font-size: var(--sbc-size, 16px); line-height: 1.25; font-weight: 500; text-align: center;
  text-decoration: none; border: 1px solid transparent; border-radius: 999px;
  background: var(--sbc-button-bg, #fff); color: var(--sbc-button-text, #111); pointer-events: auto;
  transition: opacity 200ms, transform 200ms;
}
.sbc-banner .sbc-link--secondary { color: var(--sbc-color, #fff); padding-inline: 4px; border-radius: 4px; background: transparent; }
.sbc-banner .sbc-link--secondary::after { content: '›'; font-size: 1.35em; line-height: .8; }
.sbc-banner .sbc-link[aria-disabled="true"] { opacity: .5; pointer-events: none; }
.sbc-banner .sbc-link { position: relative; isolation: isolate; min-width: 44px; }
.sbc-banner .sbc-link--secondary[data-has-text="false"]::after { display: none; }
.sbc-banner .sbc-button-art { display: none; position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: inherit; pointer-events: none; }
.sbc-banner .sbc-button-art img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: var(--sbc-art-fit, cover); object-position: center; }
.sbc-banner .sbc-button-label { position: relative; z-index: 1; }
.sbc-banner .sbc-link[data-desktop-art="true"] { width: var(--sbc-art-w, 180px); min-height: var(--sbc-art-h, 52px); padding: 8px 16px; border-radius: var(--sbc-art-radius, 100px); }
.sbc-banner .sbc-link[data-desktop-art="true"] .sbc-button-art { display: block; }
.sbc-banner .sbc-link--secondary[data-desktop-art="true"]::after { display: none; }
@media (hover: hover) { .sbc-banner .sbc-link[href]:hover { opacity: .8; transform: translateY(-1px); } }
.sbc-banner :is(a, button):focus-visible, .sbc-banner:focus-visible { outline: 3px solid #68b7ff; outline-offset: 4px; }
.sbc-banner .sbc-controls { position: absolute; z-index: 3; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; align-items: center; gap: 6px; max-width: calc(100% - 24px); padding: 6px; color: #fff; background: rgba(24, 26, 30, .65); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(255, 255, 255, .12); border-radius: 999px; }
.sbc-banner:not(.sbc-ready) .sbc-controls { display: none; }
.sbc-banner .sbc-control { flex: 0 0 44px; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: 50%; color: inherit; background: transparent; cursor: pointer; }
.sbc-banner .sbc-control:hover { background: rgba(255, 255, 255, .12); }
.sbc-banner .sbc-control svg { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sbc-banner .sbc-pause-icon, .sbc-banner .sbc-play-icon { width: 12px; height: 14px; border-left: 4px solid; border-right: 4px solid; }
.sbc-banner .sbc-play-icon { display: none; width: 0; height: 0; border: 7px solid transparent; border-left: 11px solid currentColor; border-right: 0; margin-left: 3px; }
.sbc-banner .sbc-play[data-paused="true"] .sbc-play-icon { display: block; }
.sbc-banner .sbc-play[data-paused="true"] .sbc-pause-icon { display: none; }
.sbc-banner .sbc-pages { display: flex; min-width: 0; align-items: center; }
.sbc-banner .sbc-page { position: relative; display: block; width: 44px; height: 44px; margin: 0; padding: 19px 5px; border: 0; border-radius: 9px; background: transparent; color: inherit; cursor: pointer; }
.sbc-banner .sbc-page::before { content: ''; position: absolute; height: 4px; left: 5px; right: 5px; top: 20px; border-radius: 4px; background: rgba(255, 255, 255, .3); }
.sbc-banner .sbc-page span { position: relative; display: block; width: 100%; height: 4px; border-radius: 4px; background: #fff; transform: scaleX(0); transform-origin: left; }
.sbc-banner .sbc-page.is-active span { transform: scaleX(1); }
.sbc-banner[data-playing="true"] .sbc-page.is-active span { animation: sbc-banner-progress var(--sbc-interval) linear both; }
.sbc-banner[data-pagination="dots"] .sbc-page { width: 44px; }
.sbc-banner[data-pagination="dots"] .sbc-page::before { width: 7px; height: 7px; left: 18px; right: auto; top: 19px; }
.sbc-banner[data-pagination="dots"] .sbc-page span { width: 7px; height: 7px; margin: 0 auto; }
.sbc-banner[data-pagination="dots"][data-playing="true"] .sbc-page.is-active span { animation: none; }
.sbc-banner .sbc-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@keyframes sbc-banner-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (max-width: 959px) {
  .sbc-banner { --sbc-height: var(--sbc-m-height, 620px); --sbc-safe: 24px; --sbc-bottom: 92px; }
  .sbc-banner .sbc-viewport { min-height: 360px; }
  .sbc-banner[data-desktop-height] .sbc-viewport { aspect-ratio: auto; min-height: 360px; }
  .sbc-banner[data-mobile-height="auto"] .sbc-viewport { aspect-ratio: var(--sbc-m-ratio, .7); min-height: 0; }
  .sbc-banner .sbc-canvas { inset: var(--sbc-mobile-safe-top, 24px) var(--sbc-mobile-safe-x, 24px) var(--sbc-mobile-safe-bottom, 92px); }
  .sbc-banner .sbc-slide[data-desktop-align] { --sbc-preset-x: initial; --sbc-preset-align: initial; --sbc-preset-justify: initial; }
  .sbc-banner .sbc-slide[data-mobile-align="left"] { --sbc-preset-x: 0%; --sbc-preset-align: left; --sbc-preset-justify: flex-start; }
  .sbc-banner .sbc-slide[data-mobile-align="center"] { --sbc-preset-x: 50%; --sbc-preset-align: center; --sbc-preset-justify: center; }
  .sbc-banner .sbc-slide[data-mobile-align="right"] { --sbc-preset-x: 100%; --sbc-preset-align: right; --sbc-preset-justify: flex-end; }
  .sbc-banner .sbc-image { object-position: var(--sbc-mfx, 50%) var(--sbc-mfy, 50%); }
  .sbc-banner .sbc-media[data-mobile-image="true"] .sbc-image--desktop { display: none; }
  .sbc-banner .sbc-image--mobile { display: block; }
  .sbc-banner .sbc-copy { left: var(--sbc-preset-x, var(--sbc-mgx, 50%)); top: var(--sbc-mgy, 10%); width: var(--sbc-mgw, 100%); transform: translate(calc(-1 * var(--sbc-preset-x, var(--sbc-mgx, 50%))), calc(-1 * var(--sbc-mgy, 10%))); gap: var(--sbc-mgap, 16px); }
  .sbc-banner .sbc-piece { text-align: var(--sbc-preset-align, var(--sbc-malign, center)); }
  .sbc-banner .sbc-slide[data-layout="free"] .sbc-piece { left: var(--sbc-preset-x, var(--sbc-mx, 50%)); top: var(--sbc-my, 15%); width: var(--sbc-mw, 100%); transform: translate(calc(-1 * var(--sbc-preset-x, var(--sbc-mx, 50%))), calc(-1 * var(--sbc-my, 15%))); }
  .sbc-banner .sbc-heading, .sbc-banner .sbc-description, .sbc-banner .sbc-link { font-size: var(--sbc-msize, 16px); }
  .sbc-banner .sbc-actions { justify-content: var(--sbc-preset-justify, var(--sbc-mjustify, center)); gap: 10px 16px; }
  .sbc-banner .sbc-actions[data-mobile-align="left"] { --sbc-mjustify: flex-start; }
  .sbc-banner .sbc-actions[data-mobile-align="right"] { --sbc-mjustify: flex-end; }
  .sbc-banner .sbc-link { padding: 12px 20px; }
  .sbc-banner .sbc-link--secondary { padding-inline: 4px; }
  .sbc-banner .sbc-link[data-mobile-art="true"] { width: var(--sbc-art-mw, 160px); min-height: var(--sbc-art-mh, 48px); padding: 8px 16px; border-radius: var(--sbc-art-radius, 100px); }
  .sbc-banner .sbc-link[data-mobile-art="true"] .sbc-button-art { display: block; }
  .sbc-banner .sbc-link--secondary[data-mobile-art="true"]::after { display: none; }
  .sbc-banner .sbc-controls { bottom: 18px; gap: 0; padding: 4px; }
  .sbc-banner .sbc-page { width: 32px; }
  .sbc-banner[data-pagination="dots"] .sbc-page { width: 32px; }
  .sbc-banner[data-pagination="dots"] .sbc-page::before { left: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .sbc-banner.sbc-ready .sbc-slide, .sbc-banner .sbc-link { transition: none; }
  .sbc-banner[data-playing="true"] .sbc-page.is-active span { animation: none; }
}