.Loading {
  border-collapse: separate;
  border-spacing: 0;
  caption-side: top;
  color: initial;
  cursor: auto;
  direction: initial;
  empty-cells: show;
  font-size-adjust: none;
  font-family: initial;
  font-size: medium;
  font-style: normal;
  font-stretch: normal;
  font-variant: normal;
  font-weight: 400;
  font: initial;
  letter-spacing: normal;
  line-height: normal;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
  list-style: initial;
  orphans: 2;
  quotes: initial;
  -moz-tab-size: 8;
    -o-tab-size: 8;
       tab-size: 8;
  text-align: initial;
  -moz-text-align-last: auto;
       text-align-last: auto;
  text-decoration-color: initial;
  text-indent: 0;
  text-justify: auto;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  widows: 2;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
}
.Loading {
  animation: none 0s ease 0s 1 normal none running;
  backface-visibility: visible;
  background: 0 0 / auto auto padding-box border-box;
  border: medium currentColor;
  -o-border-image: none;
     border-image: none;
  border-radius: 0;
  bottom: auto;
  box-shadow: none;
  clear: none;
  clip: auto;
  -moz-columns: auto;
       columns: auto;
  -moz-column-count: auto;
       column-count: auto;
  -moz-column-fill: balance;
       column-fill: balance;
  -moz-column-gap: normal;
       column-gap: normal;
  -moz-column-rule: medium none currentColor;
       column-rule: medium none currentColor;
  -moz-column-span: 1;
       column-span: 1;
  -moz-column-width: auto;
       column-width: auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  float: none;
  height: auto;
  -webkit-hyphens: none;
          hyphens: none;
  left: auto;
  margin: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  outline: medium invert;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  perspective: none;
  perspective-origin: 50% 50%;
  position: static;
  right: auto;
  table-layout: auto;
  text-decoration: none;
  top: auto;
  transform: none;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transition: none 0s ease 0s;
  unicode-bidi: normal;
  vertical-align: baseline;
  width: auto;
  z-index: auto;
}
.Loading {
  display: flex;
  position: relative;
  color: #003f6b;
  gap: 8px;
  height: 10px;
  width: 50px;
}
.Loading .Loading-indicator {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background-color: currentColor;
}
.Loading .Loading-indicator:first-of-type {
  animation: scaleLeft 1s ease infinite;
  position: absolute;
}
.Loading .Loading-indicator:last-of-type {
  animation: scaleRight 1s ease 0.8333333s infinite;
  position: absolute;
  right: 0;
}
.Loading .Loading-indicator:not(first-of-type),
.Loading .Loading-indicator:not(last-of-type) {
  animation: slideRight 1s ease 0.9s infinite;
}
.Button:has(.Loading) {
  display: flex;
  align-items: center;
  gap: 8px;
}
.Button:has(.Loading).Button--block {
  justify-content: center;
}
.Button:has(.Loading) .Loading {
  color: currentColor;
}
.Button:has(.Loading) .Loading .Loading-indicator {
  background-color: currentColor;
}
@media (prefers-reduced-motion) {
  .Loading .Loading-indicator:first-of-type,
  .Loading .Loading-indicator:last-of-type,
  .Loading .Loading-indicator:not(first-of-type),
  .Loading .Loading-indicator:not(last-of-type) {
    animation: none;
    position: static;
  }
  .Loading .Loading-indicator {
    animation: colorShift 4s step-end infinite;
    position: static;
    background-color: currentColor;
  }
  .Loading .Loading-indicator:nth-child(1) {
    animation: colorShift 4s step-end infinite;
    animation-delay: 0;
  }
  .Loading .Loading-indicator:nth-child(2) {
    animation: colorShift 4s step-end infinite;
    animation-delay: 1.32s;
  }
  .Loading .Loading-indicator:nth-child(3) {
    animation: colorShift 4s step-end infinite;
    animation-delay: 2.64s;
  }
  .Loading .Loading-indicator:nth-child(4) {
    display: none;
  }
}
@keyframes scaleLeft {
  0% {
    transform: scale(0%);
  }
  50% {
    transform: scale(100%);
  }
  95% {
    transform: scale(100%);
  }
  96% {
    transform: scale(0%);
  }
  100% {
    transform: scale(0%);
  }
}
@keyframes scaleRight {
  0% {
    transform: scale(100%);
  }
  50% {
    transform: scale(0%);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes slideRight {
  50% {
    transform: translateX(200%);
  }
  100% {
    transform: translateX(200%);
  }
}
@keyframes colorShift {
  0% {
    background-color: currentColor;
  }
  33% {
    background-color: currentColor;
  }
  34% {
    background-color: currentColor;
    opacity: 0.25;
  }
  100% {
    background-color: currentColor;
    opacity: 0.25;
  }
}
.Loading--small,
.Button--small .Loading {
  display: flex;
  position: relative;
  color: #003f6b;
  gap: 6px;
  height: 6px;
  width: 30px;
}
.Loading--small .Loading-indicator,
.Button--small .Loading .Loading-indicator {
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: currentColor;
}
.Loading--small .Loading-indicator:first-of-type,
.Button--small .Loading .Loading-indicator:first-of-type {
  animation: scaleLeft 1s ease infinite;
  position: absolute;
}
.Loading--small .Loading-indicator:last-of-type,
.Button--small .Loading .Loading-indicator:last-of-type {
  animation: scaleRight 1s ease 0.8333333s infinite;
  position: absolute;
  right: 0;
}
.Loading--small .Loading-indicator:not(first-of-type),
.Button--small .Loading .Loading-indicator:not(first-of-type),
.Loading--small .Loading-indicator:not(last-of-type),
.Button--small .Loading .Loading-indicator:not(last-of-type) {
  animation: slideRight 1s ease 0.9s infinite;
}
.Button:has(.Loading--small),
.Button:has(.Button--small .Loading) {
  display: flex;
  align-items: center;
  gap: 6px;
}
.Button:has(.Loading--small).Button--block,
.Button:has(.Button--small .Loading).Button--block {
  justify-content: center;
}
.Button:has(.Loading--small) .Loading,
.Button:has(.Button--small .Loading) .Loading {
  color: currentColor;
}
.Button:has(.Loading--small) .Loading .Loading-indicator,
.Button:has(.Button--small .Loading) .Loading .Loading-indicator {
  background-color: currentColor;
}
@media (prefers-reduced-motion) {
  .Loading--small .Loading-indicator:first-of-type,
  .Button--small .Loading .Loading-indicator:first-of-type,
  .Loading--small .Loading-indicator:last-of-type,
  .Button--small .Loading .Loading-indicator:last-of-type,
  .Loading--small .Loading-indicator:not(first-of-type),
  .Button--small .Loading .Loading-indicator:not(first-of-type),
  .Loading--small .Loading-indicator:not(last-of-type),
  .Button--small .Loading .Loading-indicator:not(last-of-type) {
    animation: none;
    position: static;
  }
  .Loading--small .Loading-indicator,
  .Button--small .Loading .Loading-indicator {
    animation: colorShift 4s step-end infinite;
    position: static;
    background-color: currentColor;
  }
  .Loading--small .Loading-indicator:nth-child(1),
  .Button--small .Loading .Loading-indicator:nth-child(1) {
    animation: colorShift 4s step-end infinite;
    animation-delay: 0;
  }
  .Loading--small .Loading-indicator:nth-child(2),
  .Button--small .Loading .Loading-indicator:nth-child(2) {
    animation: colorShift 4s step-end infinite;
    animation-delay: 1.32s;
  }
  .Loading--small .Loading-indicator:nth-child(3),
  .Button--small .Loading .Loading-indicator:nth-child(3) {
    animation: colorShift 4s step-end infinite;
    animation-delay: 2.64s;
  }
  .Loading--small .Loading-indicator:nth-child(4),
  .Button--small .Loading .Loading-indicator:nth-child(4) {
    display: none;
  }
}
@keyframes scaleLeft {
  0% {
    transform: scale(0%);
  }
  50% {
    transform: scale(100%);
  }
  95% {
    transform: scale(100%);
  }
  96% {
    transform: scale(0%);
  }
  100% {
    transform: scale(0%);
  }
}
@keyframes scaleRight {
  0% {
    transform: scale(100%);
  }
  50% {
    transform: scale(0%);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes slideRight {
  50% {
    transform: translateX(200%);
  }
  100% {
    transform: translateX(200%);
  }
}
@keyframes colorShift {
  0% {
    background-color: currentColor;
  }
  33% {
    background-color: currentColor;
  }
  34% {
    background-color: currentColor;
    opacity: 0.25;
  }
  100% {
    background-color: currentColor;
    opacity: 0.25;
  }
}