@charset "utf-8";

.main-banner-container[_ngcontent-ng-c2704154130] { --stb-banner-horizontal-padding: 8px; display: flex; align-items: flex-end; height: 360px; padding-bottom: 30px; }

@media screen and (min-width: 768px) {
  .main-banner-container[_ngcontent-ng-c2704154130] { --stb-banner-horizontal-padding: 20px; height: 340px; padding-bottom: unset; }
}

@media screen and (min-width: 1280px) {
  .main-banner-container[_ngcontent-ng-c2704154130] { --stb-banner-horizontal-padding: 0px; display: block; overflow: hidden; width: 100%; max-width: 1920px; height: 400px; margin: 0px auto; padding-right: var(--stb-container-padding); padding-left: var(--stb-container-padding); }
}

@media screen and (min-width: 1280px) and (orientation: landscape) {
  .main-banner-container[_ngcontent-ng-c2704154130] { padding-right: max(var(--stb-safe-area-right),var(--stb-container-padding)); padding-left: max(var(--stb-safe-area-left),var(--stb-container-padding)); }
}

.main-banner[_ngcontent-ng-c2704154130] { position: relative; display: flex; align-items: flex-end; width: 100%; height: 100%; padding: 0 var(--stb-banner-horizontal-padding); }

.main-banner[_ngcontent-ng-c2704154130]::before { position: absolute; bottom: 5px; left: calc(5px + var(--stb-banner-horizontal-padding)); z-index: 2; width: calc(100% - 10px - 2 * var(--stb-banner-horizontal-padding)); height: 200px; border-bottom-right-radius: 27px; border-bottom-left-radius: 27px; background-image: linear-gradient(0deg, rgb(3, 139, 99), rgba(3, 139, 99, 0.95) 27%, rgba(3, 139, 99, 0.55) 41%, rgba(3, 139, 99, 0) 57%); content: ""; }

@media screen and (min-width: 768px) {
  .main-banner[_ngcontent-ng-c2704154130]::before { bottom: 7px; left: calc(7px + var(--stb-banner-horizontal-padding)); border-bottom-right-radius: 34px; border-bottom-left-radius: 34px; background-image: linear-gradient(rgba(17, 94, 149, 0) -2.35%, rgb(3, 139, 99) 62.72%); }
}

.main-banner[_ngcontent-ng-c2704154130]:not(.skeleton)::after { position: absolute; bottom: 0px; left: 90px; z-index: 3; display: none; width: calc(100% - 180px); height: 46px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAABcCAYAAABugpUMAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACBSURBVHgB7dHBCcJAFEXRF/gtmLRgA6YEU6pYwhSgCDIGiVYwCBp3QiCutIbAW97TwpEAAAAAAAAAAAAWqFJKaxlFU692MqrG5+Mno5imj5xi/s5yilKKnKK/9HKKpqnlVN2uZ+9yzllOcTie5BTDcJdTvMa3nGLTtnKKrtvuZfQHD4MhxN+DW0MAAAAASUVORK5CYII=) 0% 0% / contain; pointer-events: none; content: ""; }

@media screen and (min-width: 768px) {
  .main-banner[_ngcontent-ng-c2704154130]:not(.skeleton)::after { display: block; }
}

@media screen and (min-width: 768px) {
  .main-banner[_ngcontent-ng-c2704154130] { align-items: center; max-width: unset; min-height: 348px; margin: 0px auto; }
  .main-banner[_ngcontent-ng-c2704154130]::before { display: none; }
}

@media screen and (min-width: 1280px) {
  .main-banner[_ngcontent-ng-c2704154130] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px 0px 8px 8px; }
}

html[dir="rtl"][_nghost-ng-c2704154130] .main-banner-card[_ngcontent-ng-c2704154130], html[dir="rtl"] [_nghost-ng-c2704154130] .main-banner-card[_ngcontent-ng-c2704154130] { direction: rtl; }

.main-banner__picture[_ngcontent-ng-c2704154130] { position: absolute; overflow: hidden; width: calc(100% - 2 * var(--stb-banner-horizontal-padding)); height: 300px; border-radius: 32px; }

.main-banner__picture-image[_ngcontent-ng-c2704154130] { object-position: left 60% top 0px; overflow: hidden; height: 300px; object-fit: cover; background-color: rgb(var(--stb-brand-200)); }

@media screen and (min-width: 768px) {
  .main-banner__picture-image[_ngcontent-ng-c2704154130] { object-position: center center; height: 320px; border-radius: 46px; }
}

@media screen and (min-width: 1280px) {
  .main-banner__picture-image[_ngcontent-ng-c2704154130] { height: 376px; }
}

@media screen and (min-width: 1920px) {
  .main-banner__picture-image[_ngcontent-ng-c2704154130] { object-position: right center; }
}

.main-banner__picture[_ngcontent-ng-c2704154130]::before { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; border-image: url(restored-d74b95858f892fb4.webp) 34 / 34px / 0 stretch; background-repeat: no-repeat; }

@media screen and (min-resolution: 2dppx), screen and (min-resolution: 192dpi) {
  .main-banner__picture[_ngcontent-ng-c2704154130]::before { border-image: url(acce0b1cefa532e036c9.webp) 66 / 34px / 0 stretch; }
}

@media screen and (min-width: 768px) {
  .main-banner__picture[_ngcontent-ng-c2704154130]::before { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; transition: opacity var(--stb-transition-time); pointer-events: none; content: ""; border-image: url(6d1f44af0c7c3da3007c.webp) 92 / 46px / 0 stretch; background-repeat: no-repeat; }
}

@media screen and (min-width: 768px) {
  .main-banner__picture[_ngcontent-ng-c2704154130] { bottom: 0px; height: 320px; border-radius: unset; }
}

@media screen and (min-width: 1280px) {
  .main-banner__picture[_ngcontent-ng-c2704154130] { height: 376px; }
}

.main-banner__picture-characters[_ngcontent-ng-c2704154130] { position: absolute; right: 50%; width: 350px; height: 336px; transform: translate(50%); }

.main-banner__picture-characters--loading[_ngcontent-ng-c2704154130] { display: none; }

@media screen and (min-width: 768px) {
  .main-banner__picture-characters[_ngcontent-ng-c2704154130] { inset-inline-end: calc(50% - 180px); bottom: 0px; width: 400px; height: 330px; transform: translate(50%); }
  html[dir="rtl"][_nghost-ng-c2704154130] .main-banner__picture-characters[_ngcontent-ng-c2704154130], html[dir="rtl"] [_nghost-ng-c2704154130] .main-banner__picture-characters[_ngcontent-ng-c2704154130] { transform: translate(50%) scaleX(-1); }
}

@media screen and (min-width: 1280px) {
  .main-banner__picture-characters[_ngcontent-ng-c2704154130] { inset-inline-end: calc(50% - 260px); width: 460px; height: 390px; }
}

@media screen and (min-width: 1536px) {
  .main-banner__picture-characters[_ngcontent-ng-c2704154130] { inset-inline-end: calc(50% - 350px); }
}

.main-banner__picture-characters-fallback[_ngcontent-ng-c2704154130] { position: relative; top: 30px; display: flex; justify-content: center; clip-path: polygon(0px 0px, 100% 0px, 100% 80%, 0px 80%); }

@media screen and (min-width: 768px) {
  .main-banner__picture-characters-fallback[_ngcontent-ng-c2704154130] { top: -10px; clip-path: unset; }
}

.main-banner__body[_ngcontent-ng-c2704154130] { position: relative; display: grid; place-items: center; gap: 8px; width: 100%; min-height: 170px; margin-bottom: -30px; padding-inline: var(--stb-container-padding); background-color: var(--stb-bg-tertiary); }

@media (orientation: landscape) {
  .main-banner__body[_ngcontent-ng-c2704154130] { padding-right: max(var(--stb-safe-area-right),var(--stb-container-padding)); padding-left: max(var(--stb-safe-area-left),var(--stb-container-padding)); }
}

@media screen and (min-width: 768px) {
  .main-banner__body[_ngcontent-ng-c2704154130] { flex-direction: column; grid-area: 1 / 1; gap: 16px; width: 52%; margin-top: 40px; margin-bottom: unset; background-color: transparent; }
}

@media screen and (min-width: 1280px) {
  .main-banner__body[_ngcontent-ng-c2704154130] { gap: 32px; width: 60%; padding-right: 60px; padding-left: 60px; }
}

@media screen and (min-width: 1536px) {
  .main-banner__body[_ngcontent-ng-c2704154130] { width: 52%; }
}

.actions[_ngcontent-ng-c2704154130] { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(min-content, max-content); gap: 8px; padding-top: 23px; }

@media screen and (min-width: 768px) {
  .actions[_ngcontent-ng-c2704154130] { padding-top: 0px; }
}

@media screen and (min-width: 1536px) {
  .actions[_ngcontent-ng-c2704154130] { gap: 12px; }
}