.c-pencil-banner{--banner-padding-inline:var(--ds-space-8);align-items:center;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;padding-inline:var(--banner-padding-inline);width:100%}.c-pencil-banner__wrapper{display:flex;max-width:1320px;min-height:84px;padding:0 84px;position:relative;width:100%}.c-pencil-banner__items{display:flex;overflow:hidden;width:100%}.c-pencil-banner__item{align-items:center;display:flex;flex-direction:row;flex-grow:1;justify-content:center}.c-pencil-banner__item:last-child{margin-right:0!important}.c-pencil-banner__text{align-items:center;display:flex;flex-direction:row;height:auto;margin:var(--ds-space-8) 0}.c-pencil-banner__text p{margin-bottom:0;text-wrap:balance}.c-pencil-banner__icon{margin:0 var(--ds-space-4)}.c-pencil-banner__image{margin:var(--ds-space-13) 0;max-height:32px;max-width:100%}.c-pencil-banner__image--heylo-maxheight{max-height:84px}.c-pencil-banner__button{position:absolute!important;top:calc(50% - 17px);z-index:10}.c-pencil-banner__button.navigate-back{left:24px}.c-pencil-banner__button.navigate-forward{right:24px}.c-pencil-banner .loading+.c-pencil-banner__buttons,.c-pencil-banner__button.swiper-button-disabled{display:none}.c-pencil-banner .loading .swiper-wrapper{width:100%}.c-pencil-banner .loading .c-pencil-banner__item{width:25%}.c-pencil-banner__divider{border-bottom:1px solid var(--ds-color-border-muted);max-width:1320px;width:100%}.c-pencil-banner .swiper-wrapper{display:flex;justify-content:stretch}@media (min-width:576px){.c-pencil-banner{--banner-padding-inline:var(--ds-space-9)}}@media (min-width:768px){.c-pencil-banner{--banner-padding-inline:var(--ds-space-8)}}@media (min-width:1400px){.c-pencil-banner{--banner-padding-inline:0}}@media only screen and (max-width:1023px){.c-pencil-banner__image{margin:var(--ds-space-10) 0}}@media only screen and (max-width:991px){.c-pencil-banner .loading .c-pencil-banner__item{flex-shrink:0;width:100%}}@media only screen and (max-width:767px){.c-pencil-banner__single-item{padding:0}.c-pencil-banner__single-item .c-pencil-banner__icon{margin-left:0;margin-right:var(--ds-space-5)}.c-pencil-banner__single-item .c-pencil-banner__text{align-items:flex-start}}
