:root{--anim-timing-func:cubic-bezier(0.42,0,0.58,1);--anim-duration:2.1s;--before-bg:#e0a31f;--after-bg:#08e0a3;--anim-dot-offset:10px;--dot-size:5px}.DNA_cont{flex-shrink:0}.DNA_cont,.nucleobase{display:inline-block;position:relative}.nucleobase{vertical-align:middle}.nucleobase:not(:last-child){margin-right:10px}.nucleobase:after,.nucleobase:before{content:"";display:inline-block;width:var(--dot-size);height:var(--dot-size);border-radius:50%;position:absolute}.nucleobase:first-child{animation-delay:-1.869s}.nucleobase:first-child:before{animation:animBefore var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-1.869s;background-color:var(--before-bg)}.nucleobase:first-child:after{animation:animAfter var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-1.869s;background-color:var(--after-bg)}.nucleobase:nth-child(2){animation-delay:-3.738s}.nucleobase:nth-child(2):before{animation:animBefore var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-3.738s;background-color:var(--before-bg)}.nucleobase:nth-child(2):after{animation:animAfter var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-3.738s;background-color:var(--after-bg)}.nucleobase:nth-child(3){animation-delay:-5.607s}.nucleobase:nth-child(3):before{animation:animBefore var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-5.607s;background-color:var(--before-bg)}.nucleobase:nth-child(3):after{animation:animAfter var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-5.607s;background-color:var(--after-bg)}.nucleobase:nth-child(4){animation-delay:-7.476s}.nucleobase:nth-child(4):before{animation:animBefore var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-7.476s;background-color:var(--before-bg)}.nucleobase:nth-child(4):after{animation:animAfter var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-7.476s;background-color:var(--after-bg)}.nucleobase:nth-child(5){animation-delay:-9.345s}.nucleobase:nth-child(5):before{animation:animBefore var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-9.345s;background-color:var(--before-bg)}.nucleobase:nth-child(5):after{animation:animAfter var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-9.345s;background-color:var(--after-bg)}.nucleobase:nth-child(6){animation-delay:-11.214s}.nucleobase:nth-child(6):before{animation:animBefore var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-11.214s;background-color:var(--before-bg)}.nucleobase:nth-child(6):after{animation:animAfter var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-11.214s;background-color:var(--after-bg)}.nucleobase:nth-child(7){animation-delay:-13.083s}.nucleobase:nth-child(7):before{animation:animBefore var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-13.083s;background-color:var(--before-bg)}.nucleobase:nth-child(7):after{animation:animAfter var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-13.083s;background-color:var(--after-bg)}.nucleobase:nth-child(8){animation-delay:-14.952s}.nucleobase:nth-child(8):before{animation:animBefore var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-14.952s;background-color:var(--before-bg)}.nucleobase:nth-child(8):after{animation:animAfter var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-14.952s;background-color:var(--after-bg)}.nucleobase:nth-child(9){animation-delay:-16.821s}.nucleobase:nth-child(9):before{animation:animBefore var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-16.821s;background-color:var(--before-bg)}.nucleobase:nth-child(9):after{animation:animAfter var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-16.821s;background-color:var(--after-bg)}.nucleobase:nth-child(10){animation-delay:-18.69s}.nucleobase:nth-child(10):before{animation:animBefore var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-18.69s;background-color:var(--before-bg)}.nucleobase:nth-child(10):after{animation:animAfter var(--anim-duration) var(--anim-timing-func) infinite;animation-delay:-18.69s;background-color:var(--after-bg)}@keyframes animBefore{0%{top:calc(-1 * var(--anim-dot-offset));z-index:1}25%{transform:scale(1.2);z-index:1}50%{top:var(--anim-dot-offset);z-index:-1}75%{background-color:var(--before-bg);transform:scale(.8);z-index:-1}to{top:calc(-1 * var(--anim-dot-offset));z-index:-1}}@keyframes animAfter{0%{top:var(--anim-dot-offset);z-index:-1}25%{background-color:var(--after-bg);transform:scale(.8);z-index:-1}50%{top:calc(-1 * var(--anim-dot-offset));z-index:1}75%{transform:scale(1.2);z-index:1}to{top:var(--anim-dot-offset);z-index:1}}@keyframes animDotBar{0%{height:8.25vh}25%{height:0}50%{height:8.25vh}75%{height:0}to{height:8.25vh}}@keyframes superscript{0%{opacity:0;transform:translateY(-1em)}to{opacity:1;transform:translateY(0)}}