.m-header-banner{overflow:hidden;position:relative;z-index:100}.m-header-banner .m-header-banner--inner{align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr 24px;text-align:left}@media(min-width:1024px){.m-header-banner .m-header-banner--inner{grid-template-columns:5% 90% 5%;text-align:center}}.m-header-banner{transition:background-color .5s ease,color .5s ease}.m-header-banner.banner-primary{background-color:#1235ee;color:#fff}.m-header-banner.banner-success{background-color:#159513;color:#fff}.m-header-banner.banner-warning{background-color:#f5c000;color:#fff}.m-header-banner.banner-info{background-color:#000;color:#fff}.m-header-banner .banner-content{display:inline-block;max-width:100%}.m-header-banner .banner-content a{color:inherit;text-decoration:none}.m-header-banner .banner-content a:hover{text-decoration:underline}.m-header-banner a.banner-content{text-decoration:none}.m-header-banner a.banner-content:hover{text-decoration:underline}.m-header-banner .play-pause-button{justify-self:end}.m-header-banner .play-pause-button svg.pause .progress-circle{animation:header-banner-progress ease-in-out forwards;stroke-dasharray:57.805;stroke-dashoffset:57.805;transform:rotate(-90deg);transform-origin:center}@keyframes header-banner-progress{0%{stroke-dashoffset:57.805}to{stroke-dashoffset:0}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}
