:root{font-family:IBM Plex Sans;line-height:1.5;font-weight:400}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app,#success,#loading{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card{padding:2em}#progress-bar{position:fixed;top:0;left:0;width:100%;z-index:9999;background-color:#f3f3f3}.center-btn{width:100%;display:flex;align-items:center;justify-content:center;background-color:#fff}.center-btn .btn-content{display:flex;align-items:center}.center-btn .icon{width:40px;height:40px;margin-right:10px}.card-title{margin:20px!important}#signin-with-okta{margin-top:90px!important}svg{width:100px;display:block;margin:40px auto 0}.path{stroke-dasharray:1000;stroke-dashoffset:0}.path.circle{-webkit-animation:dash .9s ease-in-out;animation:dash .9s ease-in-out}.path.line{stroke-dashoffset:1000;-webkit-animation:dash .9s .35s ease-in-out forwards;animation:dash .9s .35s ease-in-out forwards}.path.check{stroke-dashoffset:-100;-webkit-animation:dash-check .9s .35s ease-in-out forwards;animation:dash-check .9s .35s ease-in-out forwards}p{text-align:center;margin:20px 0 60px;font-size:1.25em}p.success{color:#73af55}p.error{color:#d06079}@-webkit-keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@-webkit-keyframes dash-check{0%{stroke-dashoffset:-100}to{stroke-dashoffset:900}}@keyframes dash-check{0%{stroke-dashoffset:-100}to{stroke-dashoffset:900}}