.HeaderBanner{background:var(--secondary-color);color:var(--primary-color)}.HeaderBanner__wrapper{height:0;overflow:hidden;transition:height .3s ease-in-out}.HeaderBanner__wrapper--visible{height:auto}.HeaderBanner__contentLeft{align-items:center;display:flex;gap:20px}.HeaderBanner__content{align-items:center;display:flex;gap:15px;justify-content:space-between;padding:15px var(--edge-spacing)}.HeaderBanner__contentText{align-items:center;display:flex;gap:20px}.HeaderBanner__contentIcon{font-size:35px}.HeaderBanner__contentTextTitle{font-size:30px;font-weight:700}.HeaderBanner__contentTextActions{align-items:center;display:flex;flex:0 0 auto;gap:20px;justify-content:flex-end}.HeaderBanner__dismissClose{background:transparent;border:0;cursor:pointer;padding:0;text-decoration:underline}@media (max-width:1300px){.HeaderBanner__contentText{align-items:flex-start;flex-direction:column;gap:5px}.HeaderBanner__contentTextTitle{font-size:20px}.HeaderBanner__contentTextContent{font-size:18px}}@media (max-width:900px){.HeaderBanner__content{flex-direction:column}}@media (max-width:700px){.HeaderBanner__content{align-items:flex-start;padding:10px var(--edge-spacing)}.HeaderBanner__contentLeft{align-items:flex-start;gap:10px}.HeaderBanner__contentIcon{font-size:25px}.HeaderBanner__contentTextActions .button{background:transparent;border:0;color:inherit;display:inline;padding:0}.HeaderBanner__contentTextActions{padding-left:35px}}