.c-pencil-banner{--banner-padding-inline:var(--ds-space-8);width:100%;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:var(--banner-padding-inline)}.c-pencil-banner__wrapper{width:100%;max-width:1320px;min-height:84px;padding:0 84px;display:flex;position:relative}.c-pencil-banner__items{width:100%;display:flex;overflow:hidden}.c-pencil-banner__item{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-grow:1}.c-pencil-banner__item:last-child{margin-right:0!important}.c-pencil-banner__text{display:flex;flex-direction:row;align-items:center;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{max-height:32px;max-width:100%;margin:var(--ds-space-13) 0}.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{width:100%;max-width:1320px;border-bottom:1px solid var(--ds-color-border-muted)}.c-pencil-banner .swiper-wrapper{justify-content:stretch;display:flex}@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{width:100%;flex-shrink:0}}@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}}