@font-face {
  font-family: "Zona Pro";
  src: url("../../../_common/assets/fonts/ZonaPro-Regular.eot");
  src: url("../../../_common/assets/fonts/ZonaPro-Regular.eot?#iefix") format("embedded-opentype"), 
       url("../../../_common/assets/fonts/ZonaPro-Regular.woff2") format("woff2"), 
       url("../../../_common/assets/fonts/ZonaPro-Regular.woff") format("woff"), 
       url("../../../_common/assets/fonts/ZonaPro-Regular.ttf") format("truetype"), 
       url("../../../_common/assets/fonts/ZonaPro-Regular.svg#ZonaPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zona Pro";
  src: url("../../../_common/assets/fonts/ZonaPro-SemiBold.eot");
  src: url("../../../_common/assets/fonts/ZonaPro-SemiBold.eot?#iefix") format("embedded-opentype"), 
       url("../../../_common/assets/fonts/ZonaPro-SemiBold.woff2") format("woff2"), 
       url("../../../_common/assets/fonts/ZonaPro-SemiBold.woff") format("woff"), 
       url("../../../_common/assets/fonts/ZonaPro-SemiBold.ttf") format("truetype"), 
       url("../../../_common/assets/fonts/ZonaPro-SemiBold.svg#ZonaPro-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zona Pro";
  src: url("../../../_common/assets/fonts/ZonaPro-Bold.eot");
  src: url("../../../_common/assets/fonts/ZonaPro-Bold.eot?#iefix") format("embedded-opentype"), 
       url("../../../_common/assets/fonts/ZonaPro-Bold.woff2") format("woff2"), 
       url("../../../_common/assets/fonts/ZonaPro-Bold.woff") format("woff"), 
       url("../../../_common/assets/fonts/ZonaPro-Bold.ttf") format("truetype"), 
       url("../../../_common/assets/fonts/ZonaPro-Bold.svg#ZonaPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zona Pro";
  src: url("../../../_common/assets/fonts/ZonaPro-ExtraBold.eot");
  src: url("../../../_common/assets/fonts/ZonaPro-ExtraBold.eot?#iefix") format("embedded-opentype"), 
       url("../../../_common/assets/fonts/ZonaPro-ExtraBold.woff2") format("woff2"), 
       url("../../../_common/assets/fonts/ZonaPro-ExtraBold.woff") format("woff"), 
       url("../../../_common/assets/fonts/ZonaPro-ExtraBold.ttf") format("truetype"), 
       url("../../../_common/assets/fonts/ZonaPro-ExtraBold.svg#ZonaPro-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zona Pro";
  src: url("../../../_common/assets/fonts/ZonaPro-Black.eot");
  src: url("../../../_common/assets/fonts/ZonaPro-Black.eot?#iefix") format("embedded-opentype"), 
       url("../../../_common/assets/fonts/ZonaPro-Black.woff2") format("woff2"), 
       url("../../../_common/assets/fonts/ZonaPro-Black.woff") format("woff"), 
       url("../../../_common/assets/fonts/ZonaPro-Black.ttf") format("truetype"), 
       url("../../../_common/assets/fonts/ZonaPro-Black.svg#ZonaPro-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.app {
  width: 75%;
  margin: 0 auto;
}

.banner_wrapper.bar_promotion {
  --multiplier: 1;
  --title-fs: calc(24px * var(--multiplier));
  --title-line-height: calc(22.5px * var(--multiplier));
  --title-fs-mobile: 17.5px;
  --title-line-height-mobile: 15.5px;
  --description-fs: calc(14.5px * var(--multiplier));
  --description-line-height: calc(13.5px * var(--multiplier));
  --description-fs-mobile: 10.5px;
  --description-line-height-mobile: 10px;
  --btn-fs: calc(9px * var(--multiplier));
  --btn-line-height: calc(8px * var(--multiplier));
  --btn-fs-mobile: 9.5px;
  --btn-line-height-mobile: 8px;
  --banner_bgColor: ;
  --banner_txtColor: #000000;
  --banner_btnColor: #000000;
  --banner_btnTxtColor: #ffffff;
  background-image: url("../img/DB_mobile_324x218_BYW.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  max-width: 912px;
  margin: 0 auto;
  color: var(--banner_txtColor);
}
.banner_wrapper.bar_promotion.custom_mobile_background {
  background-image: var(--custom-mobile-background);
}
.banner_wrapper.bar_promotion *,
.banner_wrapper.bar_promotion ::after,
.banner_wrapper.bar_promotion ::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Zona Pro", sans-serif;
}
@media screen and (max-width: 768px) {
  .banner_wrapper.bar_promotion {
    width: 81%;
    border-radius: 10px;
  }
}
@media (min-width: 768px) {
  .banner_wrapper.bar_promotion {
    background-image: url("../img/DB_desktop_v2_1840x367_BYW.png");
  }
  .banner_wrapper.bar_promotion.custom_desktop_wide_background {
    background-image: var(--custom-desktop-wide-background);
  }
}
@media (orientation: landscape) and (max-width: 1180px) {
  .banner_wrapper.bar_promotion {
    background-image: url("../img/DB_desktop_v1_1148x367_BYW.png");
    background-position: 60%;
  }
  .banner_wrapper.bar_promotion.custom_desktop_background {
    background-image: var(--custom-desktop-background);
  }
}
.banner_wrapper.bar_promotion .banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 183.5px;
}
@media (min-width: 1024px) {
  .banner_wrapper.bar_promotion .banner {
    padding: 1rem;
  }
}
@media (min-width: 1280px) {
  .banner_wrapper.bar_promotion .banner {
    padding-left: 8%;
  }
}
.banner_wrapper.bar_promotion .banner .banner_details {
  width: 60%;
  max-width: 525px;
  padding-left: 1rem;
}
@media (min-width: 560px) {
  .banner_wrapper.bar_promotion .banner .banner_details {
    width: 35%;
  }
}
.banner_wrapper.bar_promotion .banner .banner_details p.title {
  margin-bottom: 0.75rem;
  font-weight: 900;
  font-size: var(--title-fs-mobile);
  line-height: var(--title-line-height-mobile);
}
@media (min-width: 1024px) {
  .banner_wrapper.bar_promotion .banner .banner_details p.title {
    font-size: var(--title-fs);
    line-height: var(--title-line-height);
  }
}
.banner_wrapper.bar_promotion .banner .banner_details p.description {
  margin-bottom: 0.75rem;
  font-weight: bold;
  font-size: var(--description-fs-mobile);
  line-height: var(--description-line-height-mobile);
}
@media (min-width: 1024px) {
  .banner_wrapper.bar_promotion .banner .banner_details p.description {
    font-size: var(--description-fs);
    line-height: var(--description-line-height);
  }
}
.banner_wrapper.bar_promotion .banner .banner_details .btn-join-team {
  background-color: var(--banner_btnColor);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--banner_btnTxtColor);
  border-radius: 3px;
  font-weight: bold;
  font-size: var(--btn-fs-mobile);
  line-height: var(--btn-line-height-mobile);
  border: none;
  outline: none;
  padding: 1em;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .banner_wrapper.bar_promotion .banner .banner_details .btn-join-team {
    font-size: var(--btn-fs);
    line-height: var(--btn-line-height);
  }
}/*# sourceMappingURL=banner.css.map */


/*
  banner-desktop-wide-resolution
*/
.banner_wrapper.bar_promotion.banner-desktop-wide-resolution {
  background-image: url(../img/DB_desktop_v2_1840x367_BYW.png);
}
.banner_wrapper.bar_promotion.banner-desktop-wide-resolution.custom_desktop_wide_background {
  background-image: var(--custom-desktop-wide-background);
}
.banner_wrapper.bar_promotion.banner-desktop-wide-resolution .banner {
  padding-left: 8%;
}
.banner_wrapper.bar_promotion.banner-desktop-wide-resolution .banner .banner_details {
  width: 35%;
  padding-left: 0;
}
.banner_wrapper.bar_promotion.banner-desktop-wide-resolution .banner .banner_details p.title {
  margin-bottom: 0.75rem;
  font-weight: 900;
  font-size: var(--title-fs);
  line-height: var(--title-line-height);
}
.banner_wrapper.bar_promotion.banner-desktop-wide-resolution .banner .banner_details p.description {
  font-size: var(--description-fs);
  line-height: var(--description-line-height);
}
.banner_wrapper.bar_promotion.banner-desktop-wide-resolution .banner .banner_details .btn-join-team {
  font-size: var(--btn-fs);
  line-height: var(--btn-line-height);
}

/*
  banner-desktop-resolution
*/
.banner_wrapper.bar_promotion.banner-desktop-resolution {
  background-image: url(../img/DB_desktop_v1_1148x367_BYW.png);
  background-position: 60%;
}
.banner_wrapper.bar_promotion.banner-desktop-resolution.custom_desktop_background {
  background-image: var(--custom-desktop-background);
}
.banner_wrapper.bar_promotion.banner-desktop-resolution .banner {
  padding-left: 1rem;
}
.banner_wrapper.bar_promotion.banner-desktop-resolution .banner .banner_details {
  width: 50%;
  padding-left: 0;
}
.banner_wrapper.bar_promotion.banner-desktop-resolution .banner .banner_details p.title {
  margin-bottom: 0.75rem;
  font-weight: 900;
  font-size: var(--title-fs);
  line-height: var(--title-line-height);
}
.banner_wrapper.bar_promotion.banner-desktop-resolution .banner .banner_details p.description {
  font-size: var(--description-fs);
  line-height: var(--description-line-height);
}
.banner_wrapper.bar_promotion.banner-desktop-resolution .banner .banner_details .btn-join-team {
  font-size: var(--btn-fs);
  line-height: var(--btn-line-height);
}

/*
  banner-mobile-resolution
*/
.banner_wrapper.bar_promotion.banner-mobile-resolution {
  background-image: url(../img/DB_mobile_324x218_BYW.png);
}
.banner_wrapper.bar_promotion.banner-mobile-resolution.custom_mobile_background {
  background-image: var(--custom-mobile-background);
}
.banner_wrapper.bar_promotion.banner-mobile-resolution .banner {
  padding: 1rem;
}
.banner_wrapper.bar_promotion.banner-mobile-resolution .banner .banner_details {
  width: 60%;
  padding-left: 0;
}
.banner_wrapper.bar_promotion.banner-mobile-resolution .banner .banner_details p.title {
  margin-bottom: 0.75rem;
  font-weight: 900;
  font-size: var(--title-fs-mobile);
  line-height: var(--title-line-height-mobile);
}
.banner_wrapper.bar_promotion.banner-mobile-resolution .banner .banner_details p.description {
  margin-bottom: 0.75rem;
  font-weight: bold;
  font-size: var(--description-fs-mobile);
  line-height: var(--description-line-height-mobile);
}