@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";.l-icon{font-size:1.2rem}.l-chart-saver{display:flex;gap:20px;align-items:center}.l-failure{display:flex;justify-content:center;align-items:center;color:var(--alert)}.l-variants__helper{margin-bottom:20px}.l-variants__alert{display:flex;align-items:center;justify-content:center}.l-variants__error{margin-top:20px;color:var(--alert)}.l-variants__sticky-cta{display:flex;justify-content:center;gap:20px;position:sticky;bottom:20px;margin:auto auto 20px}.l-footer{padding:20px 60px;background:var(--background-footer)}.l-footer__logo{width:120px}.l-footer__feedback{font-size:.8rem;margin:20px 0}.l-footer__logos{display:flex;justify-content:center;align-items:center;gap:3rem}.l-form{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background-header)}.l-form__title{margin-bottom:30px}.l-form__logo{width:180px}.l-form__try{margin-left:auto}.l-form__inputs{display:flex;gap:20px;align-items:baseline;justify-content:center;flex-wrap:wrap}.l-form__input+.l-form__input{margin-top:20px}.l-form__input{text-align:right}.l-form__fieldset{width:fit-content}.l-form__genomes{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;text-align:center}.l-form__button{margin-top:40px;display:flex;justify-content:center}.l-form__error{margin-top:20px}.l-header{display:flex;align-items:end;position:sticky;width:100%;z-index:1;top:0;background:var(--background-header);border-bottom:solid 2px var(--tab-background-active)}.l-header__titles{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 12px}.l-header__titles .l-header__titles__file-name{max-width:300px;overflow:hidden;text-overflow:ellipsis;text-align:center;margin:auto}.l-header__nav{display:flex;justify-content:center;margin-top:20px}.l-header__nav__filler{flex:1}.l-summary__data{display:flex}.l-summary__data__label{width:100%;text-align:right}.l-summary__data__value{width:100%;text-align:left}*{box-sizing:border-box}body{margin:0;position:relative;font-weight:400;font-size:initial}h1,h2,h2,h4,h5,h6,p{margin:0;font-weight:400;font-size:initial}button,input{border:none;font-family:inherit;font-size:inherit}input:focus{outline:none}img{max-width:100%}:root{--blue: 70, 141, 243;--blue-light: 108, 165, 246;--cyan: 66, 186, 238;--cyan-light: 94, 201, 247;--green: 29, 202, 121;--green-light: 56, 226, 146;--marine: #1a2536;--marine-dark: #131c28;--marine-light: #2b3d58;--marine-ultralight: #3b547b;--pink: #c7489b;--white: #fffffd;--white-dark: #fefefd;--white-ultradark: #dfdfde;--grey: #cecece;--grey-dark: #858585;--grey-ultradark: #686868;--primary: rgb(var(--green));--primary-hover: rgb(var(--green-light));--primary-hover-background: rgba(var(--green), .1);--secondary: rgb(var(--blue));--secondary-hover: rgb(var(--blue-light));--secondary-hover-background: rgba(var(--blue), .1);--tertiary: rgb(var(--cyan));--background: var(--marine);--background-header: var(--marine-dark);--background-footer: var(--marine-light);--font: var(--white);--font-helper: rgb(var(--cyan));--button-font: var(--white);--tab-font: var(--white);--chart-axis: var(--white);--chart-data: rgb(var(--green));--input-background: var(--marine-light);--input-background-hover: var(--marine-ultralight);--link: var(--tertiary);--tab-background-active: var(--secondary);--tab-background-hover: var(--marine-light);--tab-font-active: var(--font);--alert: var(--pink);--disabled: var(--grey)}.contrasted{--primary: var(--white);--primary-hover: var(--white);--primary-hover-background: rgba(var(--white), .1);--secondary: var(--white);--secondary-hover: var(--white);--secondary-hover-background: rgba(var(--white), .1);--tertiary: rgb(var(--cyan));--background: var(--marine);--background-header: var(--marine-dark);--background-footer: var(--marine-light);--font: var(--white);--font-helper: var(--white);--button-font: var(--marine-dark);--tab-font: var(--white);--chart-axis: var(--white);--chart-data: var(--white);--input-background: var(--marine-light);--input-background-hover: var(--marine-ultralight);--link: var(--tertiary);--tab-background-active: var(--secondary);--tab-background-hover: var(--marine-ultralight);--tab-font-active: var(--marine);--alert: var(--white);--disabled: var(--grey)}.contrasted .link{text-decoration:underline}.contrasted .tab:hover{color:var(--white)!important}.light{--primary: rgb(var(--blue));--primary-hover: rgb(var(--blue-light));--primary-hover-background: rgba(var(--blue), .1);--secondary: rgb(var(--blue));--secondary-hover: rgb(var(--blue-light));--secondary-hover-background: rgba(var(--blue), .1);--tertiary: rgb(var(--blue));--background: var(--white);--background-header: var(--white-dark);--background-footer: var(--white);--font: var(--grey-ultradark);--font-helper: var(--grey-dark);--button-font: var(--white);--tab-font: var(--grey-ultradark);--chart-axis: var(--grey-ultradark);--chart-data: rgb(var(--blue));--input-background: var(--white-ultradark);--input-background-hover: var(--grey);--link: var(--tertiary);--tab-background-active: var(--primary);--tab-background-hover: var(--primary-hover);--tab-font-active: var(--white);--alert: var(--pink);--disabled: var(--grey-ultradark)}.light.contrasted{--primary: black;--primary-hover: var(--grey-dark);--primary-hover-background: rgba(var(--grey-ultradark), .1);--secondary: black;--secondary-hover: var(--grey-dark);--secondary-hover-background: rgba(var(--grey-ultradark), .1);--tertiary: black;--background: var(--white);--background-header: var(--white-dark);--background-footer: var(--white);--font: black;--font-helper: var(--grey-ultradark);--button-font: var(--white);--tab-font: black;--chart-axis: black;--chart-data: black;--input-background: var(--white-ultradark);--input-background-hover: var(--grey);--link: var(--tertiary);--tab-background-active: var(--primary);--tab-background-hover: var(--primary-hover);--tab-font-active: var(--white);--alert: var(--pink);--disabled: var(--grey-ultradark)}:root{--radius: 10px;--button-padding-h: 16px;--button-padding-v: 10px}.boxplot__line{stroke:var(--primary)}.boxplot__box{fill:var(--chart-data)}.button{display:flex;align-items:center;padding:var(--button-padding-v) var(--button-padding-h);background:var(--primary);color:var(--button-font);cursor:pointer;border-radius:var(--radius);height:fit-content;width:fit-content;transition:all .2s}.button:disabled:not(.button--text){background:var(--disabled);opacity:.3;cursor:not-allowed}.button:hover:not(:disabled){background:var(--primary-hover)}.button--secondary{background:var(--secondary)}.button--secondary:hover:not(:disabled){background:var(--secondary-hover)}.button--text{background:transparent;color:var(--primary)}.button--text:hover:not(:disabled){background:var(--primary-hover-background);color:var(--primary-hover)}.button--text:disabled{color:var(--disabled);opacity:.3;cursor:not-allowed}.data__label{margin-right:10px}.data__value{font-weight:700;color:var(--primary)}.entry{padding:40px 20px;width:100%;margin-bottom:100px}.entry__chart{position:relative;margin:auto auto 20px;max-width:1000px}.entry__chart--small{max-width:300px}.entry__chart--big{max-width:1600px}.entry__footer{display:flex;flex-direction:column;align-items:center}.entry__footer>*:not(:first-child){margin-top:20px}.fieldset{border-color:var(--secondary);border-radius:3px;padding:20px}.fieldset--overflow{margin-left:-25px;margin-right:-25px}.fieldset__legend{color:var(--secondary)}.helper{font-size:.8rem;color:var(--font-helper);font-style:italic}.input{padding:var(--button-padding-v) var(--button-padding-h);background:var(--input-background);border:solid 1px var(--secondary);border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;transition:all .2s}.input:focus{border:solid 1px var(--secondary)}.input:hover{background:var(--input-background-hover)}.input--file{display:none}.input--pure::-webkit-outer-spin-button,.input--pure::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input--pure[type=number]{-moz-appearance:textfield}.link{color:var(--secondary);cursor:pointer}.link:hover{text-decoration:underline}.loader{border:2px solid transparent;border-top:2px solid var(--primary);border-radius:50%;width:30px;height:30px;animation:spin .6s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lollipop__sugar{fill:var(--chart-data)}.lollipop__stick{stroke:var(--chart-data)}.rectangle{fill:var(--chart-data)}.tab{padding:6px 12px;cursor:pointer;transition:all .2s;color:var(--tab-font)}.tab:hover:not(.tab--active){background:var(--tab-background-hover);color:var(--tab-font-active)}.tab--active{background:var(--tab-background-active);color:var(--tab-font-active)}.title{margin:0 0 1em;font-weight:700}.title--marginless{margin-bottom:0}.title--1{font-size:3rem;line-height:3.2rem;letter-spacing:4px}.title--2{font-size:2rem;line-height:2.2rem}.title--3{font-size:1.6rem;line-height:1.8rem}.title--4{font-size:1rem;line-height:1.2rem}.tooltip{pointer-events:none;position:absolute;background:var(--secondary);color:var(--button-font);padding:var(--button-padding-v) var(--button-padding-h);border-radius:var(--radius);font-size:.8rem;text-align:left}.d3{font-family:Arial,sans-serif}.d3 .domain{stroke:var(--chart-axis)}.d3 .tick{color:var(--chart-axis)}.d3 .tick text{font-size:.6rem}.d3 .axis-label{fill:var(--chart-axis);font-size:.75rem}html{background:var(--background)}.l-nanovizer{color:var(--font);line-height:1.6;font-family:Lato,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100svh;margin:0 auto;width:100%;text-align:center;font-weight:400;background:var(--background)}.l-nanovizer__switches{display:flex;position:fixed;top:10px;right:10px;z-index:1;font-size:.8rem}.l-nanovizer__main{min-height:80vh}