html,body,.app,#root{height:100vh;width:100vw;margin:0}.main-loading{display:flex;justify-content:space-around;align-items:center;height:100vh}.tpg-graphql-app{display:grid;grid-template-areas:"header" "content"}.tpg-graphql-app__header{grid-area:header;height:48px;background-color:#d60b52}.tpg-graphql-app__content{height:calc(100vh - 48px);grid-area:content;display:flex;flex-wrap:wrap;align-content:stretch;justify-content:space-around;align-items:center}.tpg-graphql-app .graphiql-execute-button{background-color:#d60b52!important}.header{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;height:48px;display:flex;justify-content:space-between;align-items:center;padding-left:1em}.header__logo{display:flex;align-items:center}.header__logo--bold{padding-left:1em;font-family:Segoe UI Semibold,Tahoma,Geneva,Verdana,sans-serif}.header__logo--light{padding-left:1em;font-family:Segoe UI Light,Tahoma,Geneva,Verdana,sans-serif}.header__user__name{font-family:Segoe UI Semibold,Tahoma,Geneva,Verdana,sans-serif;padding-right:1em}.loader{color:#000;position:relative;display:inline-block;margin-top:40px;font-family:Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:4px;box-sizing:border-box}.loader:before{content:"";position:absolute;right:70px;bottom:10px;height:28px;width:5.15px;background:currentColor;box-sizing:border-box;animation:animloader1 1s linear infinite alternate}.loader:after{content:"";width:10px;height:10px;position:absolute;left:125px;top:2px;border-radius:50%;background:#d60b52;box-sizing:border-box;animation:animloader 1s linear infinite alternate}@keyframes animloader{0%{transform:translate(0) scaleX(1)}14%{transform:translate(-12px,-16px) scaleX(1.05)}28%{transform:translate(-27px,-28px) scaleX(1.07)}42%{transform:translate(-46px,-35px) scaleX(1.1)}57%{transform:translate(-70px,-37px) scaleX(1.1)}71%{transform:translate(-94px,-32px) scaleX(1.07)}85%{transform:translate(-111px,-22px) scaleX(1.05)}to{transform:translate(-125px,-9px) scaleX(1)}}@keyframes animloader1{0%{box-shadow:0 -6px,-122.9px -8px}25%,75%{box-shadow:0 0,-122.9px -8px}to{box-shadow:0 0,-122.9px -16px}}.tpg-graphiql__container{width:100vw;height:100%}