html[data-dna-module=init] #uiDnaModule,html[data-dna-module=init] #dnaDisplay1,html[data-dna-module=init] #dnaDisplay2{display:unset!important;visibility:visible!important;opacity:0!important}html[data-dna-module] #shipGrid{display:none}html[data-dna-module] #panelButtons g[data-btn-dna-module] rect{fill-opacity:0!important;stroke:var(--orangeDark)!important;stroke-width:4px}html[data-dna-module] #panelButtons g[data-btn-dna-module] text{fill:var(--orange)!important}html:not([data-dna-module="1"]) #dnaDisplay1,html:not([data-dna-module="2"]) #dnaDisplay2,html:not([data-dna-module]) #uiDnaModule,html[data-dna-module] #ship{display:none;opacity:0;visibility:hidden}html[data-dna-module] #uiDnaModule{animation-fill-mode:both;animation-delay:.4s;animation-duration:.7s;animation-timing-function:ease-out;animation-name:uiDnaModule}@keyframes uiDnaModule{0%{transform:translateY(-250px);opacity:0}50%{opacity:1}60%,72%{transform:translateY(20px);animation-timing-function:ease-out}to{transform:translateY(0)}}html[data-dna-module] #uiDnaModuleDoor{animation-fill-mode:both;animation-delay:1s;animation-duration:1.3s;animation-name:uiDnaModuleDoor}@keyframes uiDnaModuleDoor{0%{transform:var(--translatePlus) scale(1.01,1.1) var(--translateMinus);animation-timing-function:cubic-bezier(.4,0,.7,.7)}35%{transform:var(--translatePlus) scaleX(.048) var(--translateMinus);animation-timing-function:cubic-bezier(.4,.4,.38,1)}33%{opacity:1}35%,47%{opacity:.7}72%{opacity:1}to{transform:translate(16px) var(--translatePlus) scaleX(.048) var(--translateMinus)}}html[data-dna-module="1"] #btnDnaDisplay2 [data-status-indicator],html[data-dna-module="2"] #btnDnaDisplay1 [data-status-indicator]{opacity:.2}html[data-dna-module="1"] #btnDnaDisplay2 text,html[data-dna-module="2"] #btnDnaDisplay1 text{opacity:.6}html[data-dna-module="2"] #subtitleBarDnaDisplay2{animation-fill-mode:both;animation-delay:.2s;animation-duration:.6s;animation-name:subtitleBarDnaDisplay2}@keyframes subtitleBarDnaDisplay2{0%{transform:var(--translatePlus) scaleX(.5) var(--translateMinus);opacity:0;animation-timing-function:ease-out}to{transform:var(--translatePlus) scale(1) var(--translateMinus);opacity:1}}html[data-dna-module="1"][data-dna-module-efx] #dnaDisplay1{animation-delay:.1s;animation-duration:1s;animation-name:dnaDisplay1_efx}@keyframes dnaDisplay1_efx{0%{transform:var(--translatePlus) scale(1) var(--translateMinus)}20%,23%{transform:var(--translatePlus) scale(.97) var(--translateMinus);opacity:.4}to{transform:var(--translatePlus) scale(1) var(--translateMinus)}}html[data-dna-module="2"][data-dna-module-efx] #dnaDisplay2CodonGroupInner{animation-delay:.1s;animation-duration:1.2s;animation-name:dnaDisplay2CodonGroupInner}@keyframes dnaDisplay2CodonGroupInner{0%{transform:translate(0);animation-timing-function:ease-in}66.9%{transform:translateY(-1400px)}67%{transform:translate(-200px);animation-timing-function:ease-in-out}to{transform:translate(0)}}html[data-dna-module="2"][data-dna-module-efx] #clipPathDef_dnaDisplay2CodonGroupOuter{animation-delay:.1s;animation-duration:1.2s;animation-name:dnaDisplay2CodonGroupClipPath}@keyframes dnaDisplay2CodonGroupClipPath{0%,66.9%{transform:var(--translatePlus) scale(1) var(--translateMinus)}67%{transform:var(--translatePlus) scaleX(0) var(--translateMinus);animation-timing-function:ease-out}to{transform:var(--translatePlus) scale(1) var(--translateMinus)}}html[data-dna-module] #panelButtons>g{fill-opacity:1!important}html[data-dna-module] #panelButtons>g[data-dna-module-overlap]{fill-opacity:0!important;display:none}#dnaDisplay1{--dnaDisplay1-playState: paused;--dnaHelix3D-playState: paused;--dnaHelix2D-playState: paused;--dnaCodon-playState: paused;--dnaHelix3D-dur: 24s;--dnaCodon-ascentColor: var(--grayLighter);--dnaLineArcA-dur: 11s}#dnaMusicButtons:hover [data-music-clip]{fill:var(--grayDark)}#dnaMusicButtons [data-music-clip][data-active]{fill:var(--orange);animation:1.11s linear 0s infinite normal forwards blinks}#dnaMusicButtons [data-music-loop][data-active] rect{stroke:var(--orangeLight);stroke-width:2px;fill:#000}#dnaMusicButtons [data-music-loop][data-active] text{fill:var(--orangeLight)}#dnaMusicButtons [data-music-loop][data-active] path{fill:var(--orangeDark);animation:1.73s linear 0s infinite normal forwards blinks}#dnaMusicButtons [data-music-rnd-sound]:not([data-active]){fill:var(--cyan)}g[data-dna-codon-scan]{--slideToX0: 0;--slideToX1: 0;--slideToX2: 0;--slideToX3: 0;--slideToX4: 0;--slideToX5: 0;--lineBoxWidth: 102;--dur: 25s;--ascentColor: var(--cyanLight);--row2AnimationDelay: 0s;--row3AnimationDelay: 0s;transition-duration:.3s!important}g[data-dna-codon-scan]:not([data-active]){opacity:0}g[data-dna-codon-scan]:not([data-active]) rect,g[data-dna-codon-scan]:not([data-active]) g,g[data-dna-codon-scan]:not([data-active]) path,g[data-dna-codon-scan]:not([data-active]) text{transition:none!important;animation:none!important}g[data-dna-codon-scan]:hover{filter:saturate(1.1) brightness(1.5)}g[data-dna-codon-scan] [data-hitarea]{pointer-events:all!important;cursor:pointer;transition:opacity .25s,fill .25s!important}g[data-dna-codon-scan] [data-hitarea]:hover{opacity:.2;fill:var(--gray)}g[data-dna-codon-scan] [data-group-row]{animation-play-state:paused}g[data-dna-codon-scan][data-active] [data-group-row2]{animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-duration:var(--dur);animation-delay:var(--row2AnimationDelay);animation-name:dnaBlockGroupRandomSlideStyle1;animation-play-state:var(--dnaCodon-playState)}g[data-dna-codon-scan][data-active] [data-group-row3]{animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-duration:var(--dur);animation-delay:var(--row3AnimationDelay);animation-name:dnaBlockGroupRandomSlideStyle1;animation-play-state:var(--dnaCodon-playState)}@keyframes dnaBlockGroupRandomSlideStyle1{0%,8%{transform:translate(calc(var(--slideToX0) * 1px));animation-timing-function:ease-in}11%,33%{transform:translate(calc(var(--slideToX1) * 1px))}37%,45%{transform:translate(calc(var(--slideToX2) * 1px))}48%,62%{transform:translate(calc(var(--slideToX3) * 1px));animation-timing-function:ease-in-out}69%,82%{transform:translate(calc(var(--slideToX4) * 1px))}90%,to{transform:translate(calc(var(--slideToX5) * 1px))}}@keyframes dnaBlockGroupRandomSlideStyle2{0%,2%{transform:translate(calc(var(--slideToX0) * 1px))}17%,25%{transform:translate(calc(var(--slideToX1) * 1px))}33%,42%{transform:translate(calc(var(--slideToX2) * 1px));animation-timing-function:ease-in-out}49%,56%{transform:translate(calc(var(--slideToX3) * 1px));animation-timing-function:ease-in}61%,85%{transform:translate(calc(var(--slideToX4) * 1px))}96%,to{transform:translate(calc(var(--slideToX5) * 1px))}}@keyframes dnaBlockGroupRandomSlideStyle3{0%,10%{transform:translate(calc(var(--slideToX0) * 1px))}12%,29%{transform:translate(calc(var(--slideToX1) * 1px))}42%,47%{transform:translate(calc(var(--slideToX2) * 1px))}51%,69%{transform:translate(calc(var(--slideToX3) * 1px));animation-timing-function:ease-in}71%,88%{transform:translate(calc(var(--slideToX4) * 1px));animation-timing-function:ease-in}99%,to{transform:translate(calc(var(--slideToX5) * 1px))}}g[data-dna-codon-scan][data-active] [data-group-row] rect[data-ascent]{fill:var(--ascentColor)!important}g[data-dna-codon-scan] [data-group-link-lines] path{stroke:var(--ascentColor)}g[data-dna-codon-scan]:not([data-active]) [data-group-link-lines] path{opacity:0!important;animation-play-state:paused}g[data-dna-codon-scan][data-active] [data-group-link-lines] path{opacity:.6;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-timing-function:ease-out;animation-duration:var(--dur);animation-delay:var(--row2AnimationDelay);animation-name:dnaLineRandomSlideStyle1;animation-play-state:var(--dnaCodon-playState);--offsetX1: 0;--offsetX2: 0}@keyframes dnaLineRandomSlideStyle1{0%,8%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX0) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus);animation-timing-function:ease-in}11%,33%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX1) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}37%,45%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX2) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}48%,62%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX3) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus);animation-timing-function:ease-in-out}69%,82%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX4) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}90%,to{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX5) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}}@keyframes dnaLineRandomSlideStyle2{0%,2%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX0) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}17%,25%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX1) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}33%,42%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX2) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus);animation-timing-function:ease-in-out}49%,56%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX3) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus);animation-timing-function:ease-in}61%,85%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX4) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}96%,to{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX5) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}}@keyframes dnaLineRandomSlideStyle3{0%,10%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX0) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}12%,29%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX1) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}42%,47%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX2) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}51%,69%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX3) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus);animation-timing-function:ease-in}71%,88%{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX4) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus);animation-timing-function:ease-in}99%,to{transform:translate(calc(var(--offsetX1) * 1px)) var(--translatePlus) scaleX(calc((var(--slideToX5) + var(--offsetX2) - var(--offsetX1)) / var(--lineBoxWidth))) var(--translateMinus)}}g[data-dna-codon-scan] [data-codons-row] text{fill:#000}g[data-dna-codon-scan][data-active] [data-codons-row] text[data-highlight]{animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-duration:.6s;animation-play-state:var(--dnaCodon-playState);animation-name:codonTextHighlight}@keyframes codonTextHighlight{0%{fill-opacity:1;fill:var(--grayDarker)}20%{fill-opacity:1;fill:var(--ascentColor)}35%{fill-opacity:1;fill:var(--ascentColor)}55%{fill-opacity:1;fill:var(--grayDarker)}75%{fill-opacity:1;fill:var(--grayDarker)}to{fill-opacity:1;fill:var(--ascentColor)}}#dnaCodonIndicator1{fill:var(--dnaCodon-ascentColor);animation-play-state:var(--dnaDisplay1-playState);animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-duration:var(--dnaLineArcA-dur);animation-name:dnaCodonIndicator1}@keyframes dnaCodonIndicator1{0%,95%{opacity:1}96%{opacity:0}to{opacity:1}}#dnaHelix2D[data-active]{--basePairDur: .25s}#dnaHelix2D[data-active] [data-dna-base-pair]{--delay: 0ms;transition:transform var(--basePairDur) ease var(--delay)!important}#dnaHelix2D[data-active] [data-group-stripes] rect{--scaleX: 1;--delay: 0s;transform:var(--translatePlus) scaleX(var(--scaleX)) var(--translateMinus);transition:transform .15s,opacity .15s!important;transition-delay:var(--delay)!important}#dnaHelix2D[data-active] [data-highlight1]{--highlightColor: var(--orangeDark);--highlightColorText: var(--orangeLight)}#dnaHelix2D[data-active] [data-highlight2]{--highlightColor: var(--cyan);--highlightColorText: var(--cyanLighter)}#dnaHelix2D[data-active] [data-highlight] [data-outline]{stroke:var(--highlightColor)}#dnaHelix2D[data-active] [data-highlight] rect{fill:var(--highlightColor)}#dnaHelix2D[data-active] [data-group-text]{transform:var(--translatePlus) scale(1) var(--translateMinus);transition-duration:.15s!important;transition-timing-function:ease-in-out!important}#dnaHelix2D[data-active] [data-highlight] [data-group-text]{transform:var(--translatePlus) scale(1.5) var(--translateMinus)!important}#dnaHelix2D[data-active] text{transition:none!important}#dnaHelix2D[data-active] [data-highlight] text{fill:var(--highlightColorText)}#dnaHelix2D[data-active] [data-outline]{pointer-events:all;cursor:pointer}#dna3D[data-active] #dnaHelix3D>g>[data-hitarea],#dna3D[data-active] #dnaHelix3D>g>[data-hitarea]:active~g{pointer-events:all!important;cursor:pointer;visibility:hidden}#dna3D[data-active] #dnaHelix3D>g[data-highlight]>g,#dna3D[data-active] #dnaHelix3D>g>[data-hitarea]:hover~g,#dna3D[data-active] #dnaHelix3D>g[data-active]>g{stroke:#fffc;stroke-width:4;fill-opacity:.4}#dna3D[data-active] #dnaHelix3D>g[data-active]>g{stroke:#ffe9c9}#dnaHelix3D>g{--baseOpacity: 1}#dnaHelix3D>g:nth-of-type(1),#dnaHelix3D>g:nth-last-of-type(1){--baseOpacity: .4}#dnaHelix3D>g:nth-of-type(2),#dnaHelix3D>g:nth-last-of-type(2){--baseOpacity: .7}#dna3D[data-active] #dnaHelix3D>g{--normalDurationDelay: 0;--delay: calc( var(--normalDurationDelay) * var(--dnaHelix3D-dur) / 24);animation-play-state:var(--dnaHelix3D-playState);animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-duration:var(--dnaHelix3D-dur);animation-timing-function:linear;animation-delay:var(--delay);animation-name:dnaBasePair3D,dnaBasePair3D-opacity}html[data-efx-high] #dna3D[data-active] #dnaHelix3D>g{animation-name:dnaBasePair3D,dnaBasePair3D-opacity,dnaBasePair3D-filter}@keyframes dnaBasePair3D-filter{0%,17%{filter:none}25%{filter:blur(8px)}33%,67%{filter:none}75%{filter:blur(8px)}83%,to{filter:none}}@keyframes dnaBasePair3D-opacity{0%,17%{opacity:1}25%{opacity:calc(.3 * var(--baseOpacity))}33%,67%{opacity:1}75%{opacity:calc(.3 * var(--baseOpacity))}83%,to{opacity:1}}@keyframes dnaBasePair3D{0%{transform:translate(0) var(--translatePlus) rotate(0) scale(1) var(--translateMinus);animation-timing-function:cubic-bezier(1,0,.88,.88)}25%{transform:translate(60px) var(--translatePlus) rotate(-90deg) scale(.5,.3) var(--translateMinus);animation-timing-function:cubic-bezier(.12,.12,0,1)}50%{transform:translate(0) var(--translatePlus) rotate(-180deg) scale(1) var(--translateMinus);animation-timing-function:cubic-bezier(1,0,.88,.88)}75%{transform:translate(60px) var(--translatePlus) rotate(-270deg) scale(.5,.3) var(--translateMinus);animation-timing-function:cubic-bezier(.12,.12,0,1)}to{transform:translate(0) var(--translatePlus) rotate(-360deg) scale(1) var(--translateMinus);animation-timing-function:cubic-bezier(1,0,.88,.88)}}#dnaHelix3D>g>g{transition:none!important}#dnaHelix3D>g[data-flipped=true]>g{transform:var(--translatePlus) rotate(180deg) var(--translateMinus)}#dnaHelix3D>g[data-dna-base-pair-type=AT] [data-base-pair-sub-short] path{fill:var(--cyanLighter)}#dnaHelix3D>g[data-dna-base-pair-type=AT] [data-base-pair-sub-short] ellipse{stroke:var(--cyanLighter)}#dnaHelix3D>g[data-dna-base-pair-type=AT] [data-base-pair-sub-long] path{fill:var(--grayLight)}#dnaHelix3D>g[data-dna-base-pair-type=AT] [data-base-pair-sub-long] ellipse{stroke:var(--grayLight)}#dnaHelix3D>g[data-dna-base-pair-type=CG] [data-base-pair-sub-short] path{fill:var(--grayLightest)}#dnaHelix3D>g[data-dna-base-pair-type=CG] [data-base-pair-sub-short] ellipse{stroke:var(--grayLightest)}#dnaHelix3D>g[data-dna-base-pair-type=CG] [data-base-pair-sub-long] path{fill:var(--orangeDark)}#dnaHelix3D>g[data-dna-base-pair-type=CG] [data-base-pair-sub-long] ellipse{stroke:var(--orangeDark)}html[data-dna-borg] #dnaHelix3D{--grayLight: #49a349;--grayLightest: #a2e7a2}html[data-dna-borg] #dnaDisplay1{--dnaCodon-ascentColor: #49a349 !important}html[data-dna-borg] [data-dna-codon-scan]{--cyan: #118611;--cyanLight: #22aa22;--cyanLighter: #80d280;--orangeDark: #074f07;--orange: #72ff72;--grayDark: #333e33;--grayLight: #6d796d}html[data-dna-borg] #dnaTechnobabble{--orange: #a2e7a2;--orangeDark: #49a349}html[data-dna-borg] #dnaHelix2D [data-dna-base-pair]:nth-of-type(3n),html[data-dna-borg] #dnaHelix2D [data-dna-base-pair]:nth-of-type(2n){--grayLight: #218f21;--grayLighter: #6ef36e}html[data-dna-borg] #dnaHelix2D [data-dna-base-pair]:nth-of-type(3n) [data-group-text] text{fill:#0f0!important}html[data-dna-borg] #btnDnaBorg{transform:translate(247px);transition-timing-function:steps(4)!important}html[data-dna-borg] #btnDnaBorg rect{fill:#002000;stroke:#66e466}html[data-dna-borg] [data-line-level]{--grayLight: #04ba04;--grayLighter: #3bff3b}html[data-dna-borg] [data-text-grid]{--grayDark: #005b00;--gray: #008800;--grayLight: #04ba04;--grayLighter: #50fe50;--grayLightest: #94ff94}#dnaHelix3D>g[data-dna-base-pair-template] path{fill:var(--grayLightest)!important;fill-opacity:.3;stroke:var(--grayLightest);stroke-opacity:.67}#dnaHelix3D>g[data-dna-base-pair-template] ellipse{stroke:var(--grayLightest)!important;stroke-opacity:.4}#dna3D[data-active] #dnaHelix3D>g [data-ring]{display:none}html[data-efx-high] #dna3D[data-active] #dnaHelix3D>g [data-ring]{display:unset;animation-play-state:var(--dnaHelix3D-playState);animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-duration:var(--dnaHelix3D-dur);animation-timing-function:linear;animation-delay:var(--delay);animation-name:dnaBasePair3D-ring;opacity:.6}@keyframes dnaBasePair3D-ring{0%{transform:var(--translatePlus) scaleY(.5) var(--translateMinus);animation-timing-function:cubic-bezier(1,0,.8,.9);opacity:.35}25%{transform:var(--translatePlus) scaleY(18) var(--translateMinus);animation-timing-function:cubic-bezier(.2,.1,0,1);opacity:.9}50%{transform:var(--translatePlus) scaleY(.5) var(--translateMinus);animation-timing-function:cubic-bezier(1,0,.8,.9);opacity:.35}75%{transform:var(--translatePlus) scaleY(18) var(--translateMinus);animation-timing-function:cubic-bezier(.2,.1,0,1);opacity:.9}to{transform:var(--translatePlus) scaleY(.5) var(--translateMinus);animation-timing-function:cubic-bezier(1,0,.8,.9);opacity:.35}}#dna3D[data-active] #dnaHelix3D [data-backbone] line{stroke-dasharray:5 3 1 3 1 2 1 3 1 3 5;stroke-opacity:.6}#dna3D[data-active] #dnaHelix3D [data-backbone]{animation-play-state:var(--dnaHelix3D-playState);animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-duration:var(--dnaHelix3D-dur);animation-timing-function:linear;animation-delay:var(--delay);animation-name:dnaBasePair3D-backbone}#dna3D[data-active] #dnaHelix3D [data-backbone-bottom]{animation-delay:calc(var(--delay) - var(--dnaHelix3D-dur) * .5)}@keyframes dnaBasePair3D-backbone{0%{opacity:.7;transform:var(--translatePlus) rotate(0) scaleY(.8) var(--translateMinus);animation-timing-function:cubic-bezier(1,0,.88,.88)}25%{opacity:1;transform:var(--translatePlus) rotate(85deg) scale(4,6) var(--translateMinus);animation-timing-function:cubic-bezier(.2,.2,0,1)}50%{opacity:.7;transform:var(--translatePlus) rotate(180deg) scaleY(.8) var(--translateMinus);animation-timing-function:cubic-bezier(1,0,.88,.88)}75%{opacity:.2;transform:var(--translatePlus) rotate(285deg) scale(3,2) var(--translateMinus);animation-timing-function:cubic-bezier(.2,.2,0,1)}to{opacity:.7;transform:var(--translatePlus) rotate(360deg) scaleY(.8) var(--translateMinus);animation-timing-function:cubic-bezier(1,0,.88,.88)}}#dna3D[data-active][data-bonding-efx] [data-backbone] line,#dna3D[data-active][data-bonding-efx] [data-backbone] rect{opacity:0}#dna3D[data-active][data-bonding-efx] [data-base-pair-sub-short]{--direction: 1}#dna3D[data-active][data-bonding-efx] [data-base-pair-sub-long]{--direction: -1}#dna3D[data-active][data-bonding-efx] [data-base-pair-sub-short],#dna3D[data-active][data-bonding-efx] [data-base-pair-sub-long]{animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-duration:5s;animation-delay:var(--bonding-efx-delay);animation-name:dnaBasePair3D-bonding-efx}@keyframes dnaBasePair3D-bonding-efx{0%{transform:translate(0);animation-timing-function:ease-in-out}5%,7%{transform:translateY(calc(-1 * var(--direction) * 17px));animation-timing-function:ease-in}19%,21%{transform:translateY(calc(var(--direction) * 80px))}23%{transform:translateY(calc(var(--direction) * 55px))}26%{transform:translate(5px,calc(var(--direction) * 75px));animation-timing-function:steps(4)}31%{transform:translate(-3px,calc(var(--direction) * 61px))}33%{transform:translate(1px,calc(var(--direction) * 74px));animation-timing-function:steps(8)}38%{transform:translate(7px,calc(var(--direction) * 57px));animation-timing-function:steps(7)}42%{transform:translate(-7px,calc(var(--direction) * 70px))}45%{transform:translateY(calc(var(--direction) * 60px))}47%{transform:translate(-3px,calc(var(--direction) * 47px));animation-timing-function:steps(7)}51%{transform:translate(5px,calc(var(--direction) * 53px))}54%,57%{transform:translateY(calc(var(--direction) * 40px));animation-timing-function:ease-out}to{transform:translate(0)}}#dna3D[data-active][data-bonding-efx] #frameDna3D path{fill:var(--cyanDark);fill-opacity:.4;stroke:var(--cyan);stroke-width:3px}#dna3D[data-active][data-bonding-efx] #frameDna3D path:nth-of-type(2n){stroke:var(--cyanLighter);fill:var(--cyanLighter)}#baseLettersForHelix3D>g{--normalDurationDelay: 0;--delay: calc( var(--normalDurationDelay) * var(--dnaHelix3D-dur) / 24)}#baseLettersForHelix3D>g[data-active] text{fill:var(--orange);transition:none}#dna3D[data-active] #baseLettersForHelix3D text[data-normal]{animation-play-state:var(--dnaHelix3D-playState);animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-duration:var(--dnaHelix3D-dur);animation-timing-function:linear;animation-delay:var(--delay);animation-name:baseLetter-opacity}@keyframes baseLetter-opacity{0%,24%{opacity:1}25%,75%{opacity:0}76%,to{opacity:1}}#dna3D[data-active] #baseLettersForHelix3D text[data-flipped]{animation-play-state:var(--dnaHelix3D-playState);animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-duration:var(--dnaHelix3D-dur);animation-timing-function:linear;animation-delay:var(--delay);animation-name:baseLetterFlipped-opacity}@keyframes baseLetterFlipped-opacity{0%,25%{opacity:0}26%,74%{opacity:1}75%,to{opacity:0}}#rotationRateTicker{transition:1.1s ease-in-out}#dna3D[data-active] #rotationRateTickerHitarea{pointer-events:all;cursor:col-resize}#dnaLineArcA{--length: 0px;animation-play-state:var(--dnaDisplay1-playState);animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-duration:calc(var(--dnaLineArcA-dur) * 2);animation-timing-function:ease-in-out;animation-name:dnaLineArcA}@keyframes dnaLineArcA{0%{stroke-dashoffset:0;animation-timing-function:steps(10)}10%,25%{stroke-dashoffset:calc(-.35 * var(--length))}35%,45%{stroke-dashoffset:calc(-.79 * var(--length))}50%{stroke-dashoffset:calc(-1 * var(--length))}70%,90%{stroke-dashoffset:calc(-1.5 * var(--length))}to{stroke-dashoffset:calc(-2 * var(--length))}}#dnaLineArcB{--length: 0px;animation-play-state:var(--dnaDisplay1-playState);animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:forwards;animation-duration:31s;animation-timing-function:ease-out;animation-name:dnaLineArcB}@keyframes dnaLineArcB{0%{stroke-dashoffset:0}7%,10%{stroke-dashoffset:calc(-.1 * var(--length))}17%,20%{stroke-dashoffset:calc(-.2 * var(--length))}27%,30%{stroke-dashoffset:calc(-.3 * var(--length))}37%,40%{stroke-dashoffset:calc(-.4 * var(--length))}47%,50%{stroke-dashoffset:calc(-.5 * var(--length))}57%,60%{stroke-dashoffset:calc(-.6 * var(--length))}67%,70%{stroke-dashoffset:calc(-.7 * var(--length))}77%,80%{stroke-dashoffset:calc(-.8 * var(--length))}87%,90%{stroke-dashoffset:calc(-.9 * var(--length))}97%,to{stroke-dashoffset:calc(-1 * var(--length))}}