:root{--duration:3s}.dna-spinner{margin:0 auto}.dna-spinner-line{stroke-width:4px;stroke:var(--color-base-400);stroke-dasharray:10;animation:shrink var(--duration) infinite linear;transform-box:fill-box;transform-origin:50%}@keyframes shrink{0%{transform:scaleY(0)}15%{transform:scaleY(.4)}25%{transform:scaleY(.5)}35%{transform:scaleY(.4)}50%{transform:scaleY(0)}65%{transform:scaleY(.4)}75%{transform:scaleY(.5)}85%{transform:scaleY(.4)}to{transform:scaleY(0)}}.g-l .dna-spinner-line:nth-child(10n+1){animation-delay:0}.g-l .dna-spinner-line:nth-child(10n+2){animation-delay:calc(((var(--duration) / 10) * 1) * -1)}.g-l .dna-spinner-line:nth-child(10n+3){animation-delay:calc(((var(--duration) / 10) * 2) * -1)}.g-l .dna-spinner-line:nth-child(10n+4){animation-delay:calc(((var(--duration) / 10) * 3) * -1)}.g-l .dna-spinner-line:nth-child(10n+5){animation-delay:calc(((var(--duration) / 10) * 4) * -1)}.g-l .dna-spinner-line:nth-child(10n+6){animation-delay:calc(((var(--duration) / 10) * 5) * -1)}.g-l .dna-spinner-line:nth-child(10n+7){animation-delay:calc(((var(--duration) / 10) * 6) * -1)}.g-l .dna-spinner-line:nth-child(10n+8){animation-delay:calc(((var(--duration) / 10) * 7) * -1)}.g-l .dna-spinner-line:nth-child(10n+9){animation-delay:calc(((var(--duration) / 10) * 8) * -1)}.g-l .dna-spinner-line:nth-child(10n+10){animation-delay:calc(((var(--duration) / 10) * 9) * -1)}.dna-spinner-circle-1{fill:var(--color-primary);stroke:var(--color-primary);animation:bounce var(--duration) infinite linear, hide var(--duration) infinite linear;transform-box:fill-box;transform-origin:50%}.dna-spinner-circle-2{fill:var(--color-omnia-gold-400);stroke:var(--color-omnia-gold-400);animation:bounce var(--duration) infinite linear, hide var(--duration) infinite linear;transform-box:fill-box;transform-origin:50%}.g1 .dna-spinner-circle-1:nth-child(10n+1){animation-delay:0}.g1 .dna-spinner-circle-1:nth-child(10n+2){animation-delay:calc(((var(--duration) / 10) * 1) * -1)}.g1 .dna-spinner-circle-1:nth-child(10n+3){animation-delay:calc(((var(--duration) / 10) * 2) * -1)}.g1 .dna-spinner-circle-1:nth-child(10n+4){animation-delay:calc(((var(--duration) / 10) * 3) * -1)}.g1 .dna-spinner-circle-1:nth-child(10n+5){animation-delay:calc(((var(--duration) / 10) * 4) * -1)}.g1 .dna-spinner-circle-1:nth-child(10n+6){animation-delay:calc(((var(--duration) / 10) * 5) * -1)}.g1 .dna-spinner-circle-1:nth-child(10n+7){animation-delay:calc(((var(--duration) / 10) * 6) * -1)}.g1 .dna-spinner-circle-1:nth-child(10n+8){animation-delay:calc(((var(--duration) / 10) * 7) * -1)}.g1 .dna-spinner-circle-1:nth-child(10n+9){animation-delay:calc(((var(--duration) / 10) * 8) * -1)}.g1 .dna-spinner-circle-1:nth-child(10n+10){animation-delay:calc(((var(--duration) / 10) * 9) * -1)}.g2 .dna-spinner-circle-2:nth-child(10n+1){animation-delay:calc(((var(--duration) / 10) * 5) * -1)}.g2 .dna-spinner-circle-2:nth-child(10n+2){animation-delay:calc(((var(--duration) / 10) * 6) * -1)}.g2 .dna-spinner-circle-2:nth-child(10n+3){animation-delay:calc(((var(--duration) / 10) * 7) * -1)}.g2 .dna-spinner-circle-2:nth-child(10n+4){animation-delay:calc(((var(--duration) / 10) * 8) * -1)}.g2 .dna-spinner-circle-2:nth-child(10n+5){animation-delay:calc(((var(--duration) / 10) * 9) * -1)}.g2 .dna-spinner-circle-2:nth-child(10n+6){animation-delay:0}.g2 .dna-spinner-circle-2:nth-child(10n+7){animation-delay:calc(((var(--duration) / 10) * 1) * -1)}.g2 .dna-spinner-circle-2:nth-child(10n+8){animation-delay:calc(((var(--duration) / 10) * 2) * -1)}.g2 .dna-spinner-circle-2:nth-child(10n+9){animation-delay:calc(((var(--duration) / 10) * 3) * -1)}.g2 .dna-spinner-circle-2:nth-child(10n+10){animation-delay:calc(((var(--duration) / 10) * 4) * -1)}@keyframes hide{0%{opacity:1}40%{opacity:1}50%{opacity:0}60%{opacity:1}to{opacity:1}}@keyframes hide2{0%{opacity:1}15%{opacity:1}20%{opacity:0}25%{opacity:0}30%{opacity:1}to{opacity:1}}@keyframes bounce{0%{transform:translateY(0)scale(1)}15%{transform:translateY(30px)scale(.9)}25%{transform:translateY(35px)scale(.8)}35%{transform:translateY(30px)scale(.7)}50%{transform:translateY(0)scale(.6)}65%{transform:translateY(-30px)scale(.7)}75%{transform:translateY(-35px)scale(.8)}85%{transform:translateY(-30px)scale(.9)}to{transform:translateY(0)scale(1)}}
.Zs3otG_hap-block:first-child .Zs3otG_row1,.Zs3otG_hap-block:first-child .Zs3otG_row2{border-left:1px solid #000}.Zs3otG_hap-block:last-child .Zs3otG_row1,.Zs3otG_hap-block:last-child .Zs3otG_row2{border-right:1px solid #000}.Zs3otG_row1,.Zs3otG_row2{border-top:1px solid #000;border-bottom:1px solid #000}.Zs3otG_hap-block.Zs3otG_selected .Zs3otG_row1,.Zs3otG_hap-block.Zs3otG_selected .Zs3otG_row2{border:1px solid #999;box-shadow:inset 0 0 0 10em #ffffff80}.Zs3otG_centromere{background-image:repeating-linear-gradient(-45deg, var(--centromere-color), var(--centromere-color) 10%, transparent 10%, transparent 20%)}.Zs3otG_chr-intensity-spread{border-right:1px solid #ddd;position:relative}.Zs3otG_chr-intensity-spread .Zs3otG_range{background:theme("colors.pale-green");opacity:.7;margin:auto;top:0;bottom:0}.Zs3otG_chr-intensity-spread .Zs3otG_zero{background:theme("colors.dark-green");margin:auto;top:0;bottom:0}.Zs3otG_region{background:theme("colors.pale-green")}.Zs3otG_chr-intensity-spread.Zs3otG_selected{border:1px solid #999;box-shadow:inset 0 0 0 10em #ffffff80}.Zs3otG_ribbon-block{background-color:theme("colors.pale-green")}.Zs3otG_spread.Zs3otG_error{background-color:theme("colors.light-error")}.Zs3otG_spread.Zs3otG_success{background-color:theme("colors.light-success")}

.hoC4KG_hap-block:hover{filter:brightness(1.4);border:1px solid gray!important}.hoC4KG_hap-block:first-child .hoC4KG_row1,.hoC4KG_hap-block:first-child .hoC4KG_row2{border-left:1px solid #000}.hoC4KG_hap-block:last-child .hoC4KG_row1,.hoC4KG_hap-block:last-child .hoC4KG_row2{border-right:1px solid #000}.hoC4KG_row1,.hoC4KG_row2{border-top:1px solid #000;border-bottom:1px solid #000}.hoC4KG_hap-block.hoC4KG_selected .hoC4KG_row1,.hoC4KG_hap-block.hoC4KG_selected .hoC4KG_row2{box-shadow:none}.hoC4KG_hap-block:not(.hoC4KG_flanking)+.hoC4KG_hap-block.hoC4KG_flanking{border-left:1px solid #000}.hoC4KG_hap-block+.hoC4KG_hap-block.hoC4KG_flanking+.hoC4KG_hap-block.hoC4KG_flanking{border-left:none}.hoC4KG_hap-block.hoC4KG_flanking+.hoC4KG_hap-block:not(.hoC4KG_flanking){border-left:1px solid #000}.hoC4KG_hap-block.hoC4KG_flanking+.hoC4KG_hap-block .hoC4KG_hap-block{border-left:none}.hoC4KG_hap-block+.hoC4KG_hap-block.hoC4KG_selected,.hoC4KG_hap-block.hoC4KG_hap-block.hoC4KG_selected+.hoC4KG_hap-block.hoC4KG_hap-block{border-left:2px solid #000!important}.hoC4KG_centromere{background-image:repeating-linear-gradient(-45deg, var(--centromere-color), var(--centromere-color) 10%, transparent 10%, transparent 20%)}.hoC4KG_chr-intensity-spread{border-right:1px solid #ddd;position:relative}.hoC4KG_chr-intensity-spread .hoC4KG_range{background:theme("colors.pale-green");opacity:.7;margin:auto;top:0;bottom:0}.hoC4KG_chr-intensity-spread .hoC4KG_zero{background:theme("colors.dark-green");margin:auto;top:0;bottom:0}.hoC4KG_region{background:theme("colors.pale-green")}.hoC4KG_chr-intensity-spread.hoC4KG_selected{border:1px solid #999;box-shadow:inset 0 0 0 10em #ffffff80}.hoC4KG_ribbon-block{background-color:theme("colors.pale-green")}.hoC4KG_spread.hoC4KG_error{background-color:theme("colors.light-error")}.hoC4KG_spread.hoC4KG_success{background-color:theme("colors.light-success")}