.ui-button{display:inline-block;padding:.7rem 1.6rem;border:1px solid #c4cdd5;box-shadow:0 1px 0 0 rgba(22,29,37,.05);border-radius:3px;line-height:1;text-align:center;cursor:pointer;font-size:14px}.ui-button--primary{background:linear-gradient(180deg,#6371c7,#5563c1);border-color:#3f4eae;box-shadow:inset 0 1px 0 0 #6774c8,0 1px 0 0 rgba(22,29,37,.05),0 0 0 0 transparent;color:#fff}.wrapper{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.svg-container{width:100px;position:fixed;top:50%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.svg-container svg{-webkit-animation:rotate 1.8s linear infinite;animation:rotate 1.8s linear infinite;-webkit-transform-origin:center;transform-origin:center}circle{fill:none;stroke-width:5;stroke-linecap:round;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}circle:nth-child(1){stroke:#dfe3e8}circle:nth-child(2){stroke:#5c6ac4;-webkit-animation-name:dash-back;animation-name:dash-back}circle:nth-child(3){stroke:#007ace;-webkit-animation-name:dash-mid;animation-name:dash-mid}circle:nth-child(4){stroke:#47c1bf;-webkit-animation-name:dash-front;animation-name:dash-front;stroke-width:6}@-webkit-keyframes dash-back{0%{stroke-dasharray:20px,230px;stroke-dashoffset:0}50%{stroke-dasharray:150px,100px;stroke-dashoffset:-75px}100%{stroke-dasharray:20px,230px;stroke-dashoffset:-250px}}@keyframes dash-back{0%{stroke-dasharray:20px,230px;stroke-dashoffset:0}50%{stroke-dasharray:150px,100px;stroke-dashoffset:-75px}100%{stroke-dasharray:20px,230px;stroke-dashoffset:-250px}}@-webkit-keyframes dash-mid{0%{stroke-dasharray:20px,230px;stroke-dashoffset:0}50%{stroke-dasharray:150px,100px;stroke-dashoffset:-125px}100%{stroke-dasharray:20px,230px;stroke-dashoffset:-250px}}@keyframes dash-mid{0%{stroke-dasharray:20px,230px;stroke-dashoffset:0}50%{stroke-dasharray:150px,100px;stroke-dashoffset:-125px}100%{stroke-dasharray:20px,230px;stroke-dashoffset:-250px}}@-webkit-keyframes dash-front{0%{stroke-dasharray:20px,230px;stroke-dashoffset:0}50%{stroke-dasharray:150px,100px;stroke-dashoffset:-150px}100%{stroke-dasharray:20px,230px;stroke-dashoffset:-250px}}@keyframes dash-front{0%{stroke-dasharray:20px,230px;stroke-dashoffset:0}50%{stroke-dasharray:150px,100px;stroke-dashoffset:-150px}100%{stroke-dasharray:20px,230px;stroke-dashoffset:-250px}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}