.dna-helix-container{--uib-size:75px;--uib-speed:2.5s;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size)}.dna-helix-slice{position:relative;height:calc(var(--uib-size) / 6);width:100%}.dna-helix-slice:after,.dna-helix-slice:before{--uib-a:calc(var(--uib-speed) / -2);--uib-b:calc(var(--uib-speed) / -6);content:"";position:absolute;top:0;left:calc(50% - var(--uib-size) / 12);height:100%;width:calc(100% / 6);border-radius:50%;background-color:var(--uib-color);flex-shrink:0;animation:orbit var(--uib-speed) linear infinite;transition:background-color .3s ease}.dna-helix-slice:first-child:after{animation-delay:var(--uib-a)}.dna-helix-slice:nth-child(2):before{animation-delay:var(--uib-b)}.dna-helix-slice:nth-child(2):after{animation-delay:calc(var(--uib-a) + var(--uib-b))}.dna-helix-slice:nth-child(3):before{animation-delay:calc(var(--uib-b) * 2)}.dna-helix-slice:nth-child(3):after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 2)}.dna-helix-slice:nth-child(4):before{animation-delay:calc(var(--uib-b) * 3)}.dna-helix-slice:nth-child(4):after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 3)}.dna-helix-slice:nth-child(5):before{animation-delay:calc(var(--uib-b) * 4)}.dna-helix-slice:nth-child(5):after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 4)}.dna-helix-slice:nth-child(6):before{animation-delay:calc(var(--uib-b) * 5)}.dna-helix-slice:nth-child(6):after{animation-delay:calc(var(--uib-a) + var(--uib-b) * 5)}@keyframes orbit{0%{transform:translateX(calc(var(--uib-size) * .25)) scale(.73684);opacity:.65}5%{transform:translateX(calc(var(--uib-size) * .235)) scale(.684208);opacity:.58}10%{transform:translateX(calc(var(--uib-size) * .182)) scale(.631576);opacity:.51}15%{transform:translateX(calc(var(--uib-size) * .129)) scale(.578944);opacity:.44}20%{transform:translateX(calc(var(--uib-size) * .076)) scale(.526312);opacity:.37}25%{transform:translateX(0) scale(.47368);opacity:.3}30%{transform:translateX(calc(var(--uib-size) * -.076)) scale(.526312);opacity:.37}35%{transform:translateX(calc(var(--uib-size) * -.129)) scale(.578944);opacity:.44}40%{transform:translateX(calc(var(--uib-size) * -.182)) scale(.631576);opacity:.51}45%{transform:translateX(calc(var(--uib-size) * -.235)) scale(.684208);opacity:.58}50%{transform:translateX(calc(var(--uib-size) * -.25)) scale(.73684);opacity:.65}55%{transform:translateX(calc(var(--uib-size) * -.235)) scale(.789472);opacity:.72}60%{transform:translateX(calc(var(--uib-size) * -.182)) scale(.842104);opacity:.79}65%{transform:translateX(calc(var(--uib-size) * -.129)) scale(.894736);opacity:.86}70%{transform:translateX(calc(var(--uib-size) * -.076)) scale(.947368);opacity:.93}75%{transform:translateX(0) scale(1);opacity:1}80%{transform:translateX(calc(var(--uib-size) * .076)) scale(.947368);opacity:.93}85%{transform:translateX(calc(var(--uib-size) * .129)) scale(.894736);opacity:.86}90%{transform:translateX(calc(var(--uib-size) * .182)) scale(.842104);opacity:.79}95%{transform:translateX(calc(var(--uib-size) * .235)) scale(.789472);opacity:.72}to{transform:translateX(calc(var(--uib-size) * .25)) scale(.73684);opacity:.65}}.dna-helix-slice:first-child:after,.dna-helix-slice:first-child:before{background-color:#0A1628}.dna-helix-slice:nth-child(2):after,.dna-helix-slice:nth-child(2):before{background-color:#003d7a}.dna-helix-slice:nth-child(3):after,.dna-helix-slice:nth-child(3):before{background-color:#0066CC}.dna-helix-slice:nth-child(4):after,.dna-helix-slice:nth-child(4):before{background-color:#0080B3}.dna-helix-slice:nth-child(5):after,.dna-helix-slice:nth-child(5):before{background-color:#00A6B8}.dna-helix-slice:nth-child(6):after,.dna-helix-slice:nth-child(6):before{background-color:#00C9CC}@media (prefers-color-scheme:dark){.dna-helix-slice:first-child:after,.dna-helix-slice:first-child:before{background-color:#1a2742}.dna-helix-slice:nth-child(2):after,.dna-helix-slice:nth-child(2):before{background-color:#004d9a}.dna-helix-slice:nth-child(3):after,.dna-helix-slice:nth-child(3):before{background-color:#0077FF}.dna-helix-slice:nth-child(4):after,.dna-helix-slice:nth-child(4):before{background-color:#0099CC}.dna-helix-slice:nth-child(5):after,.dna-helix-slice:nth-child(5):before{background-color:#00BCD4}.dna-helix-slice:nth-child(6):after,.dna-helix-slice:nth-child(6):before{background-color:#00E5FF}}