@keyframes ring-rotate {
  0% {
    transform: rotateZ(0deg); }
  100% {
    transform: rotateZ(360deg); } }

.oribi-spinner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .oribi-spinner_body {
    position: relative;
    width: 1em;
    height: 1em; }
  .oribi-spinner--size-tiny {
    font-size: 20px; }
  .oribi-spinner--size-small {
    font-size: 30px; }
  .oribi-spinner--size-medium {
    font-size: 40px; }
  .oribi-spinner_body:after, .oribi-spinner_body:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    transform-origin: center; }
  .oribi-spinner_body:before {
    animation: ring-rotate 1s infinite cubic-bezier(0.2, 0, 0.8, 1);
    top: 0;
    left: 0.45em;
    width: 0.1em;
    height: 0.1em;
    border: 0.05em solid #ffc107;
    transform-origin: 0.05em 0.5em; }
  .oribi-spinner_body:after {
    top: 0.15em;
    left: 0.15em;
    width: 0.7em;
    height: 0.7em;
    border: 0.1em solid #DCE0E4; }