.ConnectivityBanner{position:relative;width:100%;min-height:32px;padding:16px;background:#ee5352;font-size:1.3rem}.ConnectivityBanner__expandButton{position:absolute;top:16px;right:4px;width:40px}.ConnectivityBanner__expandButton:after,.ConnectivityBanner__expandButton:before{position:absolute;top:50%;transform:translateY(-50%);content:"";width:10px;height:2px;background-color:#000}@media screen and (min-width:670px){.ConnectivityBanner__expandButton:after,.ConnectivityBanner__expandButton:before{transition:transform .5s}}.ConnectivityBanner__expandButton:before{right:22px;transform:translateY(-50%) rotate(45deg)}.ConnectivityBanner__expandButton:after{right:16px;transform:translateY(-50%) rotate(-45deg)}.ConnectivityBanner__expandButton.is-expanded:before{transform:translateY(-50%) rotate(-45deg)}.ConnectivityBanner__expandButton.is-expanded:after{transform:translateY(-50%) rotate(45deg)}.ConnectivityBanner__icon{width:30px;position:absolute;top:4px;left:4px}.ConnectivityBanner__container{display:flex;width:calc(100% - 70px);margin-left:30px}.ConnectivityBanner__title{flex-grow:1;font-weight:700}.ConnectivityBanner__descriptionConainer{display:none;margin-left:30px;width:calc(100% - 70px)}.ConnectivityBanner__descriptionConainer.is-expanded{margin-top:16px;display:block}.ConnectivityBanner__link{text-decoration:underline}