:root{--banner-margin:1rem;--banner-padding:1rem;--banner-gap:1rem}.banner__wrapper{background-color:var(--color-purple-300);overflow:hidden;position:relative}.banner__container{display:flex;justify-content:flex-start;align-items:center;width:100vw;height:3.75rem;overflow:hidden;position:relative}.banner__content{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:1s;display:flex;flex-wrap:nowrap;white-space:nowrap;justify-content:center;animation-play-state:paused}.active .banner__content{animation:marquee 50s linear infinite;animation-play-state:running}.active .banner__content:hover{animation-play-state:paused}.banner__item{position:relative;flex:0 1 auto;text-align:center;margin-bottom:0!important;margin-left:5rem;margin-left:calc(var(--banner-margin)*5);margin-right:5rem;margin-right:calc(var(--banner-margin)*5);opacity:0;transition:var(--transition)}.banner__item.active{opacity:1}.banner__item:not(:last-child):after{content:"";position:absolute;right:-5.5rem;top:10px;display:block;background:var(--color-purple-900);width:.25rem;height:.25rem;border-radius:50%}.banner__item a{position:absolute;top:0;right:0;bottom:0;left:0}.banner__item .pre-title-1{margin-bottom:0}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-33.33%)}}