@media print {
  * { /* Keyword values */
    -webkit-print-color-adjust: economy;
    -webkit-print-color-adjust: exact !important;
    /* Global values */
    -webkit-print-color-adjust: inherit;
    -webkit-print-color-adjust: initial;
    -webkit-print-color-adjust: unset;
  }
}
@property --turq_rotate {
  syntax: "<angle>";
  inherits: true;
  initial-value: -17.5deg;
}
@property --turq_translate_x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 20%;
}
@property --turq_translate_y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 0%;
}
@property --white_rotate {
  syntax: "<angle>";
  inherits: true;
  initial-value: -45deg;
}
@property --white_translate_x {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 25%;
}
@property --white_translate_y {
  syntax: "<percentage>";
  inherits: true;
  initial-value: -65%;
}
@property --orange_rotate {
  syntax: "<angle>";
  inherits: true;
  initial-value: -5deg;
}
@property --orange_scale {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@property --turq_scale_x {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@property --turq_scale_y {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}
@property --main_blur {
  syntax: "<length>";
  inherits: true;
  initial-value: 35px;
}
@keyframes blobMorph1 {
  0%, 100% {
    --turq_rotate: -17.5deg;
    --turq_translate_x: 20%;
    --turq_translate_y: 0%;
    --white_rotate: -45deg;
    --orange_rotate: -5deg;
  }
  25% {
    --turq_rotate: 5deg;
    --turq_translate_x: 15%;
    --turq_translate_y: 15%;
    --white_rotate: -20deg;
    --orange_rotate: 25deg;
  }
  50% {
    --turq_rotate: -30deg;
    --turq_translate_x: 10%;
    --turq_translate_y: 10%;
    --white_rotate: 10deg;
    --orange_rotate: -30deg;
  }
  75% {
    --turq_rotate: -30deg;
    --turq_translate_x: 25%;
    --turq_translate_y: 10%;
    --white_rotate: -60deg;
    --orange_rotate: 15deg;
  }
}
@keyframes blobMorph2 {
  0%, 100% {
    --turq_scale_x: 0.8;
    --turq_scale_y: 0.7;
    --white_translate_x: 25%;
    --white_translate_y: -65%;
    --orange_scale: 1;
  }
  25% {
    --turq_scale_x: 0.5;
    --turq_scale_y: 1.5;
    --white_translate_x: 40%;
    --white_translate_y: -50%;
    --orange_scale: 1.05;
  }
  50% {
    --turq_scale_x: 0.15;
    --turq_scale_y: 0.9;
    --white_translate_x: 10%;
    --white_translate_y: -75%;
    --orange_scale: 0.95;
  }
  75% {
    --turq_scale_x: 0.8;
    --turq_scale_y: 1.1;
    --white_translate_x: 35%;
    --white_translate_y: -55%;
    --orange_scale: 1.38;
  }
}
.horizontal__blob {
  display: none;
  opacity: 0;
  transform: scale(0.7);
  transform-origin: top right;
}
@media (max-width: 1023px) {
  .horizontal__blob {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 60vh;
    opacity: 0.15;
    transform: none;
    filter: blur(40px);
    pointer-events: none;
    z-index: 0;
  }
  .horizontal__blob [class*=blob_] {
    position: absolute;
    display: block;
    overflow: visible;
  }
  .horizontal__blob [class*=blob_].blob_orange {
    top: -20%;
    right: -20%;
    height: 120%;
    width: 80%;
    transform: rotate(var(--orange_rotate)) scale(var(--orange_scale));
  }
  .horizontal__blob [class*=blob_].blob_turquoise {
    right: 0;
    top: 0;
    width: 100%;
    height: 35%;
    transform: rotate(var(--turq_rotate)) scaleX(var(--turq_scale_x)) scaleY(var(--turq_scale_y)) translate(var(--turq_translate_x), var(--turq_translate_y));
  }
  .horizontal__blob [class*=blob_].blob_white {
    top: 0;
    right: 5%;
    width: 15%;
    height: 60%;
    transform: rotate(var(--white_rotate)) translate(var(--white_translate_x), var(--white_translate_y));
  }
}
@media (min-width: 1024px) {
  .horizontal__blob {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    max-height: 100vh;
    filter: blur(var(--main_blur));
    animation: blobMorph1 60s ease-in-out infinite, blobMorph2 80s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
  }
  .horizontal__blob [class*=blob_] {
    position: absolute;
    display: block;
    overflow: visible;
  }
  .horizontal__blob [class*=blob_].blob_orange {
    top: -10%;
    right: -5%;
    height: 110%;
    width: 37.5%;
    transform: rotate(var(--orange_rotate)) scale(var(--orange_scale));
    z-index: 0;
  }
  .horizontal__blob [class*=blob_].blob_turquoise {
    right: -12.5%;
    top: 0;
    width: 100%;
    height: 20%;
    transform: rotate(var(--turq_rotate)) scaleX(var(--turq_scale_x)) scaleY(var(--turq_scale_y)) translate(var(--turq_translate_x), var(--turq_translate_y));
    z-index: 0;
  }
  .horizontal__blob [class*=blob_].blob_white {
    top: 0;
    right: 5%;
    width: 10%;
    height: 75%;
    transform: rotate(var(--white_rotate)) translate(var(--white_translate_x), var(--white_translate_y));
    z-index: 1;
  }
}
/*# sourceMappingURL=blob.css.map */