:root{--block-spacing-y:var(--spacing-lg);--block-spacing-x:var(--spacing);--block-margin-y:var(--block-spacing-y);--block-margin-x:var(--block-spacing-x);--block-padding-y:var(--block-spacing-y);--block-padding-x:var(--block-spacing-x)}@media screen and (width>=768px){:root{--block-spacing-y:var(--spacing-xxl);--block-spacing-x:var(--spacing-md)}}.banner-block{gap:var(--spacing-md);color:var(--color-green-dark);flex-flow:column-reverse;justify-content:flex-start;align-items:flex-start;padding:1.875rem;display:flex}@media screen and (width>=768px){.banner-block{align-items:center;gap:var(--spacing-xl);flex-flow:row}}@media screen and (width>=1024px){.banner-block{gap:var(--spacing-3xl);padding:3.75rem}}@media screen and (width>=768px){.banner-block--illustration-left{flex-flow:row-reverse;justify-content:flex-end}}.banner-block.green{background:0 0;position:relative;overflow:hidden}@media screen and (width>=768px){.banner-block.green{overflow:visible}}.banner-block.green:before{content:"";background:var(--color-green-lightest);z-index:-1;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.banner-block.yellow{background:0 0;position:relative;overflow:hidden}@media screen and (width>=768px){.banner-block.yellow{overflow:visible}}.banner-block.yellow:before{content:"";background:var(--color-yellow-dark);z-index:-1;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.banner-block__label{color:var(--color-green-dark);background-color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);font-weight:var(--fw-regular);margin-bottom:var(--spacing-sm);align-self:flex-start;font-size:1rem;display:inline-block}.banner-block__heading{max-width:var(--max-block-text-width);margin-bottom:.9375rem}@media screen and (width>=768px){.banner-block__content{flex-grow:1;max-width:45.3125rem}}.banner-block__buttons{max-width:var(--max-block-text-width);flex-flow:wrap;justify-content:flex-start;align-items:center;gap:1.875rem;font-size:1.125rem;display:flex}@media screen and (width>=768px){.banner-block__buttons{margin-bottom:0}}.banner-block__buttons>:nth-child(n+3){display:none}.banner-block__buttons button:not(:last-child){margin-right:0}.banner-block__buttons a:not(.btn):not(.link--with-arrow){color:var(--color-green-dark);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:.0625rem}.banner-block__buttons a:not(.btn):not(.link--with-arrow):hover,.banner-block__buttons a:not(.btn):not(.link--with-arrow):focus-visible,.banner-block__buttons a:not(.btn):not(.link--with-arrow):active{text-decoration-thickness:.125rem;-webkit-text-decoration-color:var(--color-green);text-decoration-color:var(--color-green)}.banner-block__main-intro{max-width:var(--max-block-text-width);margin-bottom:.9375rem}.banner-block__illustration{width:100%;max-width:21.875rem}.banner-block__illustration img{object-fit:cover;width:100%;max-width:21.875rem;height:auto;margin:auto}.banner-block ul li,.banner-block ol li{margin-bottom:0}.content-area--article>.banner-block{max-width:var(--max-content-width);margin-bottom:var(--spacing)}@media screen and (width>=768px){.content-area--article>.banner-block{margin-bottom:var(--spacing-md)}}@media screen and (width>=1024px){.content-area--article>.banner-block{margin-bottom:var(--spacing-xl)}.content-area--my-page>.banner-block{gap:var(--spacing-xl)}}.content-area--my-page>.banner-block.green{background-color:var(--color-green-light)}.content-area--my-page>.banner-block.green:before{content:none}.content-area--my-page>.banner-block.yellow{background-color:var(--color-yellow-dark)}.content-area--my-page>.banner-block.yellow:before,.content-area--my-page>.banner-block:before{content:none}.content-area--my-page>.banner-block .banner-block__illustration{max-width:13.375rem}
