:host { display: block; }
:host([variant="alternate"]) { padding: var(--fds-spacing-100) var(--fds-spacing-200); }
:host([variant="alternate"]) .banner { max-width: 1236px; margin: auto; border-radius: var(--fds-border-radius-container-default); overflow: hidden; }
:host([variant="alternate"]) .banner-content { width: 72%; margin: auto 0px; min-height: 384px; }
:host([variant="alternate"]) .banner-content > :is(.title, .description, .header) { text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 0px; }
:host([variant="homepage-v2"]) .banner { border-radius: var(--fds-round-250) var(--fds-round-250) 0 0; overflow: hidden; }
:host([variant="homepage-v2"]) .banner-content { padding: var(--fds-spacing-250) var(--fds-spacing-300); min-height: 156px; }
:host([variant="homepage-v2"]) .banner-footer { border-radius: 0 0 var(--fds-round-250) var(--fds-round-250); overflow: hidden; border: 1px solid var(--fds-on-surface-ulow); }
:host([variant="homepage-v2"]) .header { display: none; background: var(--home-action-banner-header-background, var(--fds-alternate-surface-accent)); color: var(--home-action-banner-header-color, var(--fds-on-alternate-surface-hi)); border: 1px solid var(--fds-info); width: fit-content; padding: 0px 10px; border-radius: var(--fds-round-100); margin-bottom: var(--fds-spacing-300); }
:host([variant="homepage-v2"]) .banner-content > .title, :host([variant="homepage-v2"]) .banner-content > .description { max-width: 380px; }
:host([variant="homepage-v2"]) .description { margin-top: var(--fds-spacing-200); }
.action-banner { display: block; container: action / inline-size; }
.banner { background-color: var(--site-action-banner-background-color, black); display: flex; height: fit-content; position: relative; }
.banner-image { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center top; z-index: 0; }
.banner-content { padding: var(--fds-spacing-200) var(--fds-spacing-200); margin: auto 0px; width: 100%; display: flex; flex-flow: column; justify-content: center; z-index: 1; }
.banner-content > .header { font: var(--fds-paragraphs-regular); color: var(--site-action-banner-header-color, var(--fds-on-alternate-surface-hi)); margin: 0 0 var(--fds-spacing-100) 0; }
.banner-content > .title { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: var(--site-action-banner-title-color, var(--fds-on-alternate-surface-hi)); font: var(--fds-headline-lead); font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-animation: unset; caret-color: unset; caret-shape: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; corner-shape: unset; corner-block-end-shape: unset; corner-block-start-shape: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: unset; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; -electron-corner-smoothing: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interactivity: unset; interest-delay: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; reading-flow: unset; reading-order: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-target-group: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-autospace: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-group: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; }
.banner-content > .description { font: var(--fds-paragraphs-lead); color: var(--site-action-banner-description-color, var(--fds-on-alternate-surface-hi)); margin: var(--fds-spacing-100) 0 0 0; }
.banner-button-container { margin-top: var(--fds-spacing-300); min-height: var(--fds-spacing-600); display: block; }
.logo-container { display: flex; gap: var(--fds-spacing-200); margin-top: var(--fds-spacing-400); min-height: var(--fds-spacing-400); align-items: center; flex-wrap: wrap; overflow: hidden; width: 100%; box-sizing: border-box; }
:host([variant="homepage-v2"]) .logo-container { gap: var(--fds-spacing-100); }
.logo-container > .logo { flex-shrink: 0; max-height: 30px; object-fit: contain; }
.banner-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: var(--fds-spacing-100) var(--fds-spacing-200); background: var(--site-action-banner-footer-background-color, var(--fds-alternate-surface-accent)); min-height: 44px; }
.banner-footer .logo-container { margin-top: 0px; width: auto; flex: 1 1 auto; }
.banner-footer .banner-button-container { margin-top: 0px; min-height: auto; flex: 0 0 auto; }
.banner-overlay { position: absolute; inset: 0px; background: linear-gradient(90deg, rgb(237, 237, 237) 25%, rgb(246, 246, 246) 37%, rgb(237, 237, 237) 63%) 0% 0% / 400% 100%; animation: 1.1s linear 0s infinite normal none running banner-shimmer; pointer-events: none; z-index: 0; display: none; }
@keyframes banner-shimmer { 
  0% { background-position: 100% 0px; }
  100% { background-position: -100% 0px; }
}
.banner.is-loading .banner-overlay { display: block; }
.banner.is-loading .banner-content { filter: blur(4px); opacity: 0.85; transition: filter 0.2s, opacity 0.2s; }
.banner.is-loading .logo-container { filter: blur(4px); opacity: 0.85; }
@container action (width <= 368px) {
  .logo-container { gap: var(--fds-spacing-100); }
}
@container action (width <= 320px) {
  .header { font: var(--fds-paragraphs-tiny); }
  .logo-container { gap: var(--fds-spacing-050); }
}
@container action (width > 767px) {
  .banner { min-height: 344px; }
  .header { font: var(--fds-paragraphs-regular); }
  .title { max-width: 568px; font: var(--fds-headline-lead); }
  .description { font: var(--fds-paragraphs-lead); }
}
@container action (width > 1023px) {
  .banner { min-height: 384px; }
  .banner-content { padding: var(--fds-spacing-200) var(--fds-spacing-400); }
}
@container action (width > 1439px) {
  .banner-content { width: 1236px; margin: auto; }
  .logo-container { max-width: 100%; }
}
@container action (width >= 1920px) {
  :host(:not([variant="alternate"])) .banner { min-height: 450px; }
}
@container action (width >= 2048px) {
  :host(:not([variant="alternate"])) .banner { min-height: 560px; }
}
@media screen and (min-width: 1250px) {
  :host([variant="alternate"]) { padding: var(--fds-spacing-200) 0; }
}
@media screen and (min-width: 768px) and (max-width: 855px), screen and (min-width: 1162px) {
  :host([variant="homepage-v2"]) { --fdsp-button-small-font: var(--fds-paragraphs-lead-bold); }
  :host([variant="homepage-v2"]) .header { display: block; }
  :host([variant="homepage-v2"]) .banner-content { min-height: 210px; padding: var(--fds-sizing-500) var(--fds-sizing-450) var(--fds-sizing-450) var(--fds-sizing-450); }
  :host([variant="homepage-v2"]) .banner-footer { border-radius: 0 0 var(--fds-round-250) var(--fds-round-250); padding: var(--fds-spacing-300) var(--fds-spacing-400); }
  :host([variant="homepage-v2"]) app-home-fdsp-button_control::part(banner-main-btn-1), :host([variant="homepage-v2"]) app-home-fdsp-button_control::part(banner-deposit-btn-1), :host([variant="homepage-v2"]) app-home-fdsp-button_control::part(banner-register-btn-1) { height: 52px; padding: 14px; min-width: 150px; }
}