.loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8); }
  @supports (backdrop-filter: blur(2px)) {
    .loader {
      backdrop-filter: blur(2px);
      background-color: rgba(255, 255, 255, 0.5); } }

.result {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  overflow: hidden;
  color: transparent;
  background-color: #3CAFDA;
  border-radius: 50%;
  transition: width 333ms ease-in, height 333ms ease-in, color 125ms ease-in, font-size 500ms cubic-bezier(0, 1.58, 0.18, 1) 125ms, border-radius 125ms ease-in;
  font-size: 0;
  text-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.5);
  transform: translate(-50%, -50%); }

.affirmative {
  background-color: #37C0C9; }

.danger {
  background-color: #DD3B4C; }

.warning {
  background-color: #F3BC26; }

.complete {
  font-size: 1rem;
  width: 141vmin;
  height: 141vmin;
  color: white; }

.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 3em;
  transform: translatey(-25%) translate(-50%, -50%); }

.message {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font-size: 1.5em;
  text-align: center;
  transform: translatey(1rem); }

.decorationOuter, .decorationMiddle, .decorationInner {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  width: 2rem;
  height: 2rem; }

.decorationOuter {
  background-color: rgba(60, 175, 218, 0.15);
  animation: u5f27486d 1s infinite ease-in-out;
  animation-delay: -0.25s; }

@keyframes u5f27486d {
  from, to {
    transform: translate(-50%, -50%) scale(2.5); }
  50% {
    transform: translate(-50%, -50%) scale(1.5); } }

.decorationMiddle {
  background-color: rgba(60, 175, 218, 0.15);
  animation: u4cdabb1c 1s infinite ease-in-out;
  animation-delay: -0.333s; }

@keyframes u4cdabb1c {
  from, to {
    transform: translate(-50%, -50%) scale(1.75); }
  50% {
    transform: translate(-50%, -50%) scale(1.25); } }

.decorationInner {
  background-color: #3CAFDA;
  animation: u1726bb57 1s infinite ease-in-out; }

@keyframes u1726bb57 {
  from, to {
    transform: translate(-50%, -50%) scale(1); }
  50% {
    transform: translate(-50%, -50%) scale(0.75); } }