/* Canonical first-screen bubble field, based on the approved homepage. */
.bubble-field.bubble-field-standard{
  position:absolute;
  z-index:2;
  inset:90px 0 45px;
  display:block;
  overflow:hidden;
  pointer-events:none;
}
.bubble-field.bubble-field-standard>i{
  position:absolute;
  bottom:-30px;
  width:9px;
  height:9px;
  border:1px solid rgba(83,238,253,.42);
  border-radius:50%;
  box-shadow:0 0 12px rgba(45,232,253,.12);
  animation:dddBubbleRise 12s linear infinite;
}
.bubble-field.bubble-field-standard>i:nth-child(1){left:4%;width:5px;height:5px;animation-delay:-2s}
.bubble-field.bubble-field-standard>i:nth-child(2){left:18%;width:13px;height:13px;animation-delay:-7s;animation-duration:16s}
.bubble-field.bubble-field-standard>i:nth-child(3){left:35%;animation-delay:-4s;animation-duration:14s}
.bubble-field.bubble-field-standard>i:nth-child(4){left:54%;width:6px;height:6px;animation-delay:-10s}
.bubble-field.bubble-field-standard>i:nth-child(5){left:66%;width:15px;height:15px;animation-delay:-5s;animation-duration:18s}
.bubble-field.bubble-field-standard>i:nth-child(6){left:75%;width:7px;height:7px;animation-delay:-1s}
.bubble-field.bubble-field-standard>i:nth-child(7){left:84%;width:11px;height:11px;animation-delay:-8s;animation-duration:15s}
.bubble-field.bubble-field-standard>i:nth-child(8){left:92%;width:5px;height:5px;animation-delay:-3s}
.bubble-field.bubble-field-standard>i:nth-child(9){left:48%;width:4px;height:4px;animation-delay:-12s;animation-duration:17s}

@keyframes dddBubbleRise{
  0%{transform:translateY(0) translateX(0);opacity:0}
  10%{opacity:.75}
  70%{opacity:.42}
  100%{transform:translateY(-860px) translateX(28px);opacity:0}
}

@media(max-width:760px){
  .bubble-field.bubble-field-standard{opacity:.9}
  .bubble-field.bubble-field-standard>i{
    border-color:rgba(112,235,250,.38);
    box-shadow:0 0 12px rgba(45,232,253,.1);
  }
}

@media(prefers-reduced-motion:reduce){
  .bubble-field.bubble-field-standard>i{animation:none!important}
}