@keyframes fillProgress{0%{width:0%}to{width:100%}}@keyframes fadeInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}.transition-wrapper{position:relative;overflow:hidden}.transition-wrapper>div{animation:.5s forwards fadeInFromRight}.transition-wrapper>div:nth-child(2){animation:.5s forwards fadeOutToLeft;position:absolute;top:0;left:0;right:0}.progress-bar-container{z-index:1;background-color:#ced1d8;height:1px;position:absolute;top:-25px;left:0;right:0}.progress-bar-background{z-index:2;background-color:#5b4ff94d;width:100%;height:1px;position:absolute;top:-25px;left:0}.progress-bar{z-index:3;background-color:#4f46e5;width:0%;height:1px;position:absolute;top:-25px;left:0}.progress-bar-active{animation:8s linear fillProgress}.button-selected{opacity:1;transition:opacity .3s ease-in-out}.button-unselected{opacity:.5;transition:opacity .3s ease-in-out}.uptime-card-transition{transition:all .5s ease-in-out}@media (max-width:768px){.container{padding:0 1rem}h2{font-size:2rem}p{font-size:1rem}.grid{grid-template-columns:1fr}}