.banner{--banner-main-color:#fff;--banner-content-padding-horizontal:30px;--banner-content-padding-vertical:30px}.banner--gray{--banner-main-color:var(--gray_lighter)}.banner--blue{--banner-main-color:var(--blue)}.banner--black{--banner-main-color:#000}.banner__outline-image{display:block;height:auto;margin-bottom:-1px;width:100%;fill:var(--banner-main-color);aspect-ratio:4/3}.banner__outline-image-group{transform:translateX(-33.33333%)}.banner__content{background-color:var(--banner-main-color);padding:var(--banner-content-padding-vertical) var(--banner-content-padding-horizontal);position:relative}.banner__content--left{text-align:left}.banner__content--center{text-align:center;--banner-text-margin-left:auto;--banner-text-margin-right:auto}.banner__content--right{text-align:right;--banner-text-margin-left:auto}.banner__content--with-cta{padding-bottom:calc(var(--banner-content-padding-vertical) + 20px)}.banner__text{margin-left:var(--banner-text-margin-left,0);margin-right:var(--banner-text-margin-right,0);max-width:var(--containerwidth_narrow)}.banner__cta{bottom:0;position:absolute;transform:translateY(50%) translateX(var(--banner-cta-translate-x,0))}.banner__cta--left{left:var(--banner-content-padding-horizontal)}.banner__cta--center{left:50%;--banner-cta-translate-x:-50%}.banner__cta--right{right:var(--banner-content-padding-horizontal)}@media (min-width:600px){.banner__outline-image{aspect-ratio:8/3}}@media (min-width:900px){.banner{--banner-content-padding-horizontal:60px;--banner-content-padding-vertical:60px}.banner__outline-image{aspect-ratio:12/3}.banner__outline-image-group{transform:none}}@media (min-width:1200px){.banner{--banner-content-padding-horizontal:90px}}