.toaster{transition:all .2s ease-in-out;position:fixed;top:0;right:0;width:calc(50% - 10px);padding:5px;z-index:3000;transform:translateY(-100px);box-shadow:0 0 13px -2px rgba(156,167,177,.3);background-color:#98ca95;color:#fff}.toaster p{margin:0;text-align:center}.toaster.success{background-color:#98ca95;color:#fff}.toaster.error{background-color:red;color:#fff}.toaster.isActive{transform:translateX(0)}nav{transition:all .2s ease-in-out;position:fixed;width:100vw;display:flex;justify-content:center;z-index:0;height:60px;font-size:16px;font-family:"Anybody-SemiBold";transform:translateY(-80px);background-color:#fff}@media only screen and (min-width:1024px){nav{height:80px;box-shadow:0 10px 20px -4px hsla(0,0%,53.3%,.25)}}nav.isActive{transform:translateY(0);box-shadow:0 10px 20px -4px hsla(0,0%,53.3%,.25)}nav .content{display:flex;justify-content:space-between;align-items:center}nav .content a{text-decoration:none}nav .content h1{margin:0;color:#192243;font-family:"Anybody-Bold";text-transform:uppercase}nav .content .links{display:none;text-transform:uppercase}@media only screen and (min-width:1024px){nav .content .links{display:block}}nav .content .links a{transition:all .2s ease-in-out;padding:10px 20px;border-radius:3px;color:rgba(25,34,67,.25);text-decoration:none}nav .content .links a.isActive{color:#192243}nav .content .icons{display:flex;justify-content:flex-end}@media only screen and (min-width:1024px){nav .content .icons{min-width:125px}}nav .content .mobile-toggle{display:block}@media only screen and (min-width:1024px){nav .content .mobile-toggle{display:none}}nav .content .logout{display:none;justify-content:flex-end;margin-left:20px}@media only screen and (min-width:1024px){nav .content .logout{display:flex}}.links-mobile{transition:all .2s ease-in-out;display:flex;z-index:3000;width:60%;min-height:100vh;flex-direction:column;position:fixed;background-color:#fff;box-shadow:0 13px 13px 0 rgba(156,167,177,.8);transform:translateX(110%);right:0;top:60px}.links-mobile.isActive{transform:translateX(0)}@media only screen and (min-width:1024px){.links-mobile{display:none}}.links-mobile a,.links-mobile button{margin:10px 20px;padding:10px;border-radius:3px;font-size:14px;font-family:"Anybody-SemiBold";color:rgba(25,34,67,.5);text-align:left;text-decoration:none;text-transform:uppercase}.links-mobile a.isActive,.links-mobile button.isActive{color:#192243}.nav-viz{transition:all .2s ease-in-out;position:fixed;bottom:0;left:calc(50% - 200px);width:400px;height:50px;background-color:#192243;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:center;align-items:center;transform:translateY(50px)}.nav-viz.isActive{transform:translateY(0)}.nav-viz a{text-align:center;text-decoration:none;padding:10px 15px;color:hsla(0,0%,100%,.3)}.nav-viz a:hover{color:hsla(0,0%,100%,.6)}.nav-viz a.isActive{color:#fff}.grid-container{transition:all .2s ease-in-out;width:100%;justify-content:center;overflow:auto;display:flex;padding:60px 0;position:relative}.grid-container.panel-open{justify-content:flex-start}@media only screen and (min-width:1024px){.grid-container.panel-open{padding:20px 2%;overflow-x:visible}}@media only screen and (min-width:1200px){.grid-container.panel-open{padding:20px 5%}}.grid-container .cards-grid{transition:all .2s ease-in-out;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:200px;grid-gap:20px;justify-content:flex-start;margin-bottom:10px}@media only screen and (min-width:768px){.grid-container .cards-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto-fill,200px)}}@media only screen and (min-width:1024px){.grid-container .cards-grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.grid-container .cards-grid{grid-template-columns:repeat(4,1fr)}}@media only screen and (min-width:1024px){.grid-container .cards-grid.panel-open{width:50%;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(auto-fill,180px)}}@media only screen and (min-width:1200px){.grid-container .cards-grid.panel-open{grid-template-columns:repeat(2,1fr)}}.grid-container .cards-grid .add-card{transition:all .2s ease-in-out;outline:2px dashed #192243;outline-offset:-2px;border-radius:3px;min-height:180px;width:100%;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center}.grid-container .cards-grid .add-card:hover{background-color:#fff;outline:2px solid #192243}.grid-container .cards-grid .add-card h3{text-align:center;text-transform:uppercase;font-family:"AnyBody-SemiBold";font-size:21px}.panel{position:fixed;right:0;overflow:auto;top:60px;width:100%;height:100vh;background-color:#fff;padding:0 2%;transform:translateX(300%);transition:all .2s ease-in-out}@media only screen and (min-width:1024px){.panel{width:calc(50% - 10px);padding:0;top:20px;bottom:20px;height:calc(100vh - 40px);box-shadow:0 5px 8px 10px hsla(0,0%,53.3%,.35)}}.panel .btn-close{right:0;position:absolute;margin:2%}.panel .btn-edit{font-family:"AnyBody-SemiBold";text-transform:uppercase;background-color:#192243;padding:10px 20px;border-radius:3px;color:#fff}.panel .btn-edit.delete:hover{background-color:red}.panel .header{margin:20px 2%;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid rgba(25,34,67,.25);padding-bottom:20px}.panel .header .color-label{width:15px;height:15px;transform:translate(-24px,-27px)}.panel .header h2{font-family:"AnyBody-SemiBold";font-size:36px;word-break:break-all}.panel .header a{transition:all .2s ease-in-out;display:inline-block;margin-top:10px;color:rgba(25,34,67,.5);text-decoration:none}.panel .header a svg{transform:translateY(4px);margin-right:2px}.panel .header a:hover{color:#192243;text-decoration:underline}.panel .header h2,.panel .header h3{margin:0}@media only screen and (min-width:768px){.panel .header{margin:40px}}@media only screen and (min-width:768px){.panel .header.patient{margin:40px 40px 0}}.panel .header.patient .date{margin:10px 0 0}.panel .panel-content{margin:20px 2%}@media only screen and (min-width:768px){.panel .panel-content{margin:40px}}@media only screen and (min-width:768px){.panel .panel-content.patient{margin:0 40px 40px}}.panel .panel-content.patient .patient-infos{display:flex;justify-content:space-between;border-bottom:1px solid rgba(25,34,67,.25);margin-bottom:20px}.panel .panel-content.patient .patient-infos .col-2{width:calc(50% - 20px);padding-top:20px}.panel .panel-content.patient .patient-infos .col-2 .form-content{max-width:65%}.panel .panel-content.patient .patient-infos .border{min-height:100%;width:2px;border-right:1px solid rgba(25,34,67,.25)}.panel .panel-content .form-group{display:flex;flex-direction:column;margin-bottom:20px}@media only screen and (min-width:768px){.panel .panel-content .form-group{flex-direction:row;justify-content:space-between}}.panel .panel-content .form-group.row{flex-direction:row;justify-content:flex-start}@media only screen and (min-width:768px){.panel .panel-content .form-group.col{flex-direction:column;justify-content:space-between}}@media only screen and (min-width:768px){.panel .panel-content .form-group.col .form-content{width:100%}}.panel .panel-content .form-group.legal{border-top:1px solid rgba(25,34,67,.25);padding-top:20px}.panel .panel-content .form-group.legal a{color:rgba(25,34,67,.5)}.panel .panel-content .form-group.minirin{padding-bottom:21px;border-bottom:1px solid rgba(25,34,67,.25)}.panel .panel-content .form-group.delete{display:flex;justify-content:flex-start}.panel .panel-content .form-group.delete button{margin-right:20px}.panel .panel-content .form-group.score{display:flex;justify-content:flex-start;align-items:center;padding-bottom:21px;border-bottom:1px solid rgba(25,34,67,.25)}.panel .panel-content .form-group.score .score-list{margin-left:10px;display:flex;justify-content:flex-start}.panel .panel-content .form-group.score .score-list .btn-score{display:flex;justify-content:center;align-items:center;margin-right:3px;min-width:26px;height:26px;border-radius:3px}.panel .panel-content .form-group.inhibitors{display:flex;flex-direction:column}.panel .panel-content .form-group.inhibitors .title{padding-bottom:20px}.panel .panel-content .form-group.inhibitors .patient-infos{border-top:1px solid rgba(25,34,67,.25)}.panel .panel-content .form-group.inhibitors .patient-infos .form-group{width:100%}.panel .panel-content .form-group.mutations{border-top:1px solid rgba(25,34,67,.25);padding-top:20px}.panel .panel-content .form-group.mutations .number{color:#192243}@media only screen and (min-width:768px){.panel .panel-content .form-group.mutations{flex-direction:column}}.panel .panel-content .form-group .form-label{width:100%}@media only screen and (min-width:768px){.panel .panel-content .form-group .form-label{width:20%}}.panel .panel-content .form-group .form-content{width:100%}@media only screen and (min-width:768px){.panel .panel-content .form-group .form-content{width:76%}}.panel .panel-content .form-group .form-content .text-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:10px}.panel .panel-content .form-group .form-content .text-list .list-item{display:flex;align-items:center;background-color:#ebeced;color:#192243;border-radius:3px;margin-bottom:8px}.panel .panel-content .form-group .form-content .text-list .list-item p.text{font-size:14px;margin:2px 0;background-color:#ebeced}.panel .panel-content .form-group .form-content .text-list .list-item button{display:flex;justify-content:center;align-items:center}.panel .panel-content .form-group .form-content .MuiInputBase-input{margin:0}.panel .panel-content .form-group .form-content .new-dosage-row{margin-bottom:10px;display:flex;justify-content:space-between}.panel .panel-content .form-group .form-content .new-dosage-row input{width:calc(33% - 10px)}.panel .panel-content .form-group label{color:rgba(25,34,67,.5)}.panel .panel-content .form-group .note{color:rgba(25,34,67,.5);margin-top:20px;font-size:12px}.panel .panel-content .form-group p{margin:5px 5px 5px 0}.panel.isOpen{transform:translateX(0);z-index:30}.panel.isEdit{background-color:#192243}.panel.isEdit .btn-edit{background-color:#fff;color:#192243}.panel.isEdit .header{border-bottom:1px solid hsla(0,0%,100%,.25);align-items:flex-start}.panel.isEdit .header h2{color:#fff}.panel.isEdit .header h3,.panel.isEdit .header label{color:hsla(0,0%,100%,.5)}.panel.isEdit .header .code{margin-top:5px;display:flex}.panel.isEdit .panel-content{padding-bottom:40px}.panel.isEdit .panel-content.patient .patient-infos{border-bottom:1px solid hsla(0,0%,100%,.25)}.panel.isEdit .panel-content.patient .patient-infos .border{border-right:1px solid hsla(0,0%,100%,.25)}.panel.isEdit .panel-content.patient .patient-infos .form-content{margin-bottom:0}.panel.isEdit .panel-content.patient .form-content{margin-bottom:20px}.panel.isEdit .panel-content.patient .form-content textarea{margin-bottom:10px}.panel.isEdit .panel-content.patient .form-content .text-list{margin-bottom:0}.panel.isEdit .panel-content.patient .form-content .text-list .list-item{background-color:#5f657c;color:#fff}.panel.isEdit .panel-content.patient .form-content .text-list .list-item p.text{font-size:14px;margin:2px 0;background-color:#5f657c}.panel.isEdit .panel-content .patient-infos{border-bottom:1px solid #5f657c}.panel.isEdit .panel-content .patient-infos .border{border-right:1px solid #5f657c}.panel.isEdit .panel-content .form-group .label,.panel.isEdit .panel-content .form-group label{color:hsla(0,0%,100%,.5)}.panel.isEdit .panel-content .form-group.legal{border-top:1px solid hsla(0,0%,100%,.25);padding-top:20px}.panel.isEdit .panel-content .form-group.legal .note{color:hsla(0,0%,100%,.5);margin-top:20px;font-size:12px}.panel.isEdit .panel-content .form-group.legal label{margin-bottom:20px}.panel.isEdit .panel-content .form-group.minirin{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid hsla(0,0%,100%,.25)}.panel.isEdit .panel-content .form-group.minirin .select{width:300px}.panel.isEdit .panel-content .form-group.score{display:flex;justify-content:flex-start;align-items:center;padding-bottom:21px;border-bottom:1px solid hsla(0,0%,100%,.25)}.panel.isEdit .panel-content .form-group.score .score-list{margin-left:10px}.panel.isEdit .panel-content .form-group.score .score-list .btn-score{margin-right:3px;min-width:26px;height:26px;border-radius:3px;background-color:hsla(0,0%,100%,.25)}.panel.isEdit .panel-content .form-group.score .score-list .btn-score:hover{background-color:hsla(0,0%,100%,.5)}.panel.isEdit .panel-content .form-group.score .score-list .btn-score.isActive{background-color:#fff}.panel.isEdit .panel-content .form-group.inhibitors{display:flex}.panel.isEdit .panel-content .form-group.inhibitors .title{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.25)}.panel.isEdit .panel-content .form-group.inhibitors .patient-infos{border-top:1px solid hsla(0,0%,100%,.25)}.panel.isEdit .panel-content .form-group.inhibitors .patient-infos .col-2{padding-bottom:20px}.panel.isEdit .panel-content .form-group.inhibitors .patient-infos .form-group{width:100%;flex-direction:column}.panel.isEdit .panel-content .form-group.inhibitors .patient-infos .form-group .form-content,.panel.isEdit .panel-content .form-group.inhibitors .patient-infos .form-group .form-label,.panel.isEdit .panel-content .form-group .react-colorful{width:100%}.text-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.text-list p{font-size:12px;margin:0 10px 10px 0;background-color:rgba(25,34,67,.2);padding:5px 10px;border-radius:5px}form .error{color:red;margin:5px 0 0;font-size:12px}form .MuiInputBase-input,form input,form textarea{transition:all .2s ease-in-out;width:100%;max-width:100%;font-family:"Ubuntu-Regular";padding:5px 10px;font-size:16px;height:auto;border-radius:3px;outline:none;border:1px solid #5f657c;color:#fff;background-color:rgba(95,101,124,.1)}form .MuiInputBase-input.code,form input.code,form textarea.code{font-family:"AnyBody-SemiBold";font-size:36px;margin:0;padding:0 10px}form .MuiInputBase-input:focus,form input:focus,form textarea:focus{border:1px solid #fff}form textarea{min-height:120px;padding:10px}form .btn-primary{font-family:"AnyBody-SemiBold";text-transform:uppercase;border-radius:3px;padding:6px 10px;margin:10px 0;font-size:14px;background-color:#5f657c;color:#192243}form .btn-primary:hover{transform:scale(1.02)}form .edit-mutation-row{display:flex;align-items:center}form .edit-mutation-row input{margin:0 10px 10px 0}body,html{height:100%}body{margin:0;padding:0;-ms-scroll-chaining:none;overscroll-behavior:none;color:#192243;font-family:"Ubuntu-Regular",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafbfb}*{box-sizing:border-box}.app-container{position:relative;width:100%;height:100vh;overflow:hidden}.page-container{top:60px;position:absolute;left:0;width:100%;z-index:-1;height:calc(100vh - 60px);display:flex;justify-content:center;opacity:1}@media only screen and (min-width:1024px){.page-container{top:80px;height:calc(100vh - 80px)}}.content{position:relative;width:90%}@media only screen and (min-width:1024px){.content{width:96%}}@media only screen and (min-width:1200px){.content{width:90%}}.uppercase{text-transform:uppercase}.semi-bold{font-family:"AnyBody-SemiBold"}.bold{font-family:"Anybody-Bold"}.regular{font-family:"Anybody-Regular"}label{font-family:"Ubuntu-Regular"}button{text-align:center;cursor:pointer;font-family:"Montserrat-Regular";transition:all .2s ease-in-out;background-color:transparent;outline:none;border:none}.m-md{margin:20px}.text-center{text-align:center}.text-error{font-size:13px;margin:6px;min-height:16px;color:red}.grey-label{font-family:"AnyBody-SemiBold";color:rgba(25,34,67,.25)}.grey-label,h1{text-transform:uppercase}h1{font-size:21px;font-family:"Anybody-Bold"}.btn{border:none;cursor:pointer;padding:10px 30px;border-radius:3px;font-size:14px;text-transform:uppercase}.btn.primary{color:#fff;text-decoration:none;background-color:#192243}.btn.primary:hover{background-color:#192243;transform:scale(1.03)}input{font-family:"Ubuntu-Regular"}input.primary{border:none;height:50px;border-radius:3px;padding-left:20px;color:#192243;background-color:#fff;box-shadow:0 10px 28px 0 rgba(156,167,177,.3);font-size:16px;margin-top:4px;transition:all .2s ease-in-out}input.primary:focus{outline:none}.account-page .row{display:flex;flex-direction:column}@media only screen and (min-width:1024px){.account-page .row{justify-content:center;flex-direction:row}}.account-page .row .col-2{width:100%}.account-page .row .col-2 .form-section{min-height:183px}@media only screen and (min-width:1024px){.account-page .row .col-2{width:calc(50% - 10px);display:flex;flex-direction:column}}.account-page .row .col-1{width:100%;display:flex;flex-direction:column}.account-page .row .form-section{transition:all .2s ease-in-out;min-height:64px;margin-top:20px;padding:20px}.account-page .row .form-section .title{display:flex;justify-content:center;margin-bottom:20px;color:#192243}.account-page .row .form-section .title h3{margin-left:10px;text-transform:uppercase}.account-page .row .form-section .btn-container{display:flex;justify-content:center}.account-page .row .form-section .btn-container.password{margin:20px}.account-page .row .form-section input{width:100%}.account-page a{position:absolute;bottom:10px;margin:20px;color:rgba(25,34,67,.5);text-decoration:underline}.login{overflow:auto;position:absolute;width:100%;min-height:100vh;display:flex}.login,.login label{font-family:"Ubuntu-Regular"}.login h1{text-transform:uppercase;font-size:21px;font-family:"Anybody-Bold"}.login .col-form{width:100%;min-height:100%;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}@media only screen and (min-width:1024px){.login .col-form{width:45%}}.login .col-form a{position:absolute;bottom:10px;margin:20px;color:rgba(25,34,67,.5);text-decoration:underline}.login .col-form .title{color:#192243;text-transform:uppercase;text-align:center;font-family:"Anybody-Bold";line-height:90%}.login .col-form .title .name{font-size:31px;letter-spacing:4px;font-family:"Anybody-Bold"}.login .col-form .title span{font-size:12px;font-family:"Ubuntu-Regular"}.login .col-form .form-reset.message{display:flex;flex-direction:column;justify-content:center;align-items:center}.login .col-form .form-reset.message p{margin:20px}.login .col-form form{width:90%;max-width:400px;min-height:350px;display:flex;flex-direction:column;justify-content:center}.login .col-form form.form-reset{-webkit-animation-name:slideInLogin;animation-name:slideInLogin;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes slideInLogin{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLogin{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.login .col-form form.form-login{-webkit-animation-name:slideIn;animation-name:slideIn;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.login .col-form form .eye svg{float:right;transform:translate(-20px,-62px)}.login .col-form form .eye-reset svg{float:right;transform:translate(-20px,-38px)}.login .col-form form .btn-container{display:flex;flex-direction:column;align-items:center}.login .col-form form .btn-container .btn-reset{margin:20px;color:#192243;text-decoration:underline}.login .col-img{display:none}@media only screen and (min-width:1024px){.login .col-img{display:block;width:55%;background-image:url(/static/media/login.c500fd4e.jpg);background-size:cover}}.Legal_container__36mWL{overflow-y:auto;top:0;height:100vh;position:relative}.Legal_container__36mWL .Legal_btn__2xW8p{position:fixed;left:20px;top:20px}.Legal_container__36mWL .Legal_content__soccO{position:relative;width:90%}@media only screen and (min-width:1024px){.Legal_container__36mWL .Legal_content__soccO{width:80%}}@media only screen and (min-width:1200px){.Legal_container__36mWL .Legal_content__soccO{width:70%}}.Legal_container__36mWL .Legal_content__soccO h1{font-size:40px;margin-bottom:0}.Legal_container__36mWL .Legal_content__soccO h1:after{content:"";display:inline-block;border-bottom:11px solid rgba(25,34,67,.5);width:35%;position:absolute;left:-12px;transform:translateY(34px)}.Legal_container__36mWL .Legal_content__soccO .Legal_bold__1yT4H{font-family:"Ubuntu-Regular";font-weight:700}.Legal_container__36mWL .Legal_content__soccO .Legal_bold__1yT4H.Legal_underline__EJK-a{text-decoration:underline}.Legal_container__36mWL .Legal_content__soccO .Legal_intro__1wDIX{text-transform:uppercase;font-family:"AnyBody-SemiBold"}.Legal_container__36mWL .Legal_content__soccO h3{font-weight:700;margin-top:40px}.Legal_container__36mWL .Legal_content__soccO li{margin:10px 0}.Legal_container__36mWL .Legal_content__soccO table{margin:40px 0;border-collapse:collapse}.Legal_container__36mWL .Legal_content__soccO table th{background-color:#4744ba;padding:15px 20px;text-align:left;color:#fff}.Legal_container__36mWL .Legal_content__soccO table td{background-color:rgba(71,68,186,.2);padding:10px 20px;text-align:left;border-bottom:1px solid #fff}.Legal_container__36mWL .Legal_bloc__1wC2f{border:1px solid #192243;padding:20px}.Legal_container__36mWL .Legal_bloc__1wC2f h4{text-align:center;margin-top:0}.Legal_container__36mWL .Legal_bloc__1wC2f p{font-size:14px}.Legal_container__36mWL a{color:#4744ba}.Legal_container__36mWL .Legal_end__3HapI{width:100%;height:50px}.card{transition:all .2s ease-in-out;background-color:#fff;box-shadow:0 10px 20px -4px hsla(0,0%,53.3%,.25);min-height:180px;border-radius:3px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;margin-bottom:20px}.card:hover{box-shadow:0 10px 15px 8px hsla(0,0%,53.3%,.35)}.card.isActive{background-color:#192243;color:#fff}.card.isActive .category{color:hsla(0,0%,100%,.5)}.card.isActive h3{color:#fff}.card.isActive .info .label{color:hsla(0,0%,100%,.5)}.card.pathology .category{margin:0;font-size:14px}.card.pathology h3{font-family:"AnyBody-SemiBold";font-size:24px;margin:0}.card.patient .code-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;width:100%}.card.patient .code-row h3{width:100%;font-family:"AnyBody-SemiBold";max-height:30px;word-break:break-all;text-overflow:ellipsis;font-size:24px;margin:0}.card p{margin:0}.card .info{margin-top:10px;display:flex;width:100%}.card .info .label{width:45%;color:rgba(25,34,67,.5)}.card .info .value{max-width:55%;word-break:break-all}.color-label{width:28px;height:28px;position:absolute;z-index:-1;transform:translate(-13px,-13px);border-radius:30px}.date-picker .MuiFormControl-marginNormal{margin-top:0;margin-bottom:0}.date-picker .MuiFormControl-root{width:100%}.date-picker .MuiFormLabel-root{font-family:"Ubuntu-Regular";font-size:21px}.date-picker .MuiPickersDay-daySelected{color:#fff;font-weight:500;background-color:#192243}.date-picker .MuiIconButton-root{padding:0}.date-picker svg{fill:hsla(0,0%,100%,.5)}.date-picker svg:hover{fill:#fff}.genealogy{width:100%;padding:30px 0;display:flex;justify-content:center;flex-direction:column;align-items:center}.genealogy .circle{position:absolute;width:15px;height:15px;border-radius:10px;transform:translate(-20px,-10px)}.genealogy .gender{opacity:.5}.genealogy .parents{display:flex}.genealogy .parents .parent{margin:0 20px;display:flex;align-items:center;justify-content:center;position:relative;min-width:160px;max-width:160px}.genealogy .parents .parent .btn-primary{display:flex;justify-content:center;align-items:center;width:29px;height:29px;padding:0;margin:0}.genealogy .parents .parent .btn-primary:hover{transform:scale(1)}.genealogy .parents .parent .code{padding:5px 13px;font-family:"AnyBody-SemiBold";border-radius:3px;font-size:16px;background-color:#fff;min-width:130px;border:2px solid #8c90a1}.genealogy .parents .parent .code.unknown{color:#8c90a1}.genealogy .parents .parent .code p{margin:0;text-align:center;word-break:break-all}.genealogy .parents .parent .btn-container{position:absolute;right:-25px}.genealogy .parents .parent .btn-container .btn-primary{margin:5px}.genealogy .child{padding:5px 13px;font-family:"AnyBody-SemiBold";border-radius:3px;background-color:#fff;border:2px solid #8c90a1}.CheckBox_container__2wCRW{display:block;position:relative;padding-left:35px;padding-top:2px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.CheckBox_container__2wCRW input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.CheckBox_checkmark__3r0yl{position:absolute;border-radius:3px;top:0;left:0;height:25px;width:25px;border:1px solid #5f657c}.CheckBox_checkmark__3r0yl,.CheckBox_container__2wCRW:hover input~.CheckBox_checkmark__3r0yl{background-color:transparent}.CheckBox_checkmark__3r0yl:after{content:"";position:absolute;display:none}.CheckBox_container__2wCRW input:checked~.CheckBox_checkmark__3r0yl:after{display:block}.CheckBox_container__2wCRW .CheckBox_checkmark__3r0yl:after{left:8px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.filters{transition:all .2s ease-in-out;left:5%;position:absolute;background-color:#192243;top:-20px;border-radius:3px;border:1px solid #fff;width:70px;z-index:300;display:flex;color:#fff;font-size:14px}.filters.disabled{background-color:#bdbdbd;opacity:0;cursor:not-allowed;pointer-events:none}.filters.isOpen{width:847px}.filters.isOpen.onlySearch{width:244px}.filters.onlySearch{width:50px}.filters.mutations{width:1048px}.filters .count{display:flex;justify-content:center;align-items:center}.filters .count p{margin:0}.filters .btn-filters{width:45px;height:40px;display:flex;justify-content:center;align-items:center}.filters .filter{transition:all .2s ease-in-out;width:0;opacity:0;display:flex;justify-content:space-between;align-items:center}.filters .filter.isOpen{width:200px;opacity:1}.filters .filter.border{border-right:1px solid #fff}.filters .filter button{border-radius:30px;margin-right:5px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.filters .filter button:hover{background-color:hsla(0,0%,100%,.2)}.filters .filter p{padding-left:10px;color:#fff;margin:0}.filters .filter input{font-family:"Ubuntu-Regular";background-color:transparent;outline:none;border:0;width:100%;color:#fff;font-size:14px}.filters .filter input::-webkit-input-placeholder{color:#fff}.filters .filter input:-ms-input-placeholder{color:#fff}.filters .filter input::-ms-input-placeholder{color:#fff}.filters .filter input::placeholder{color:#fff}.filters .filter .list{position:absolute;top:40px;width:200px;padding:0 10px;max-height:50vh;overflow-y:auto;background-color:#192243;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-right:1px solid #fff}.filters .filter .list p{color:#5f657c}.filters .filter .list .item{display:flex;cursor:pointer;justify-content:flex-start;align-items:center;margin:15px 0}.filters .filter .list .item .pathology{width:100%;display:flex;align-items:center}.filters .filter .list .item .color-circle{width:10px;height:10px;border-radius:5px;margin-left:10px;opacity:0}.filters .filter .list .item.mutations{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.filters .filter .list .item.mutations .mutation-item{display:flex;align-items:center;margin:10px}.filters .filter .list .item.mutations .mutation-item p{color:#5f657c}.filters .filter .list .item.mutations .mutation-item.isActive p{color:#fff}.filters .filter .list .item.mutations .color-circle{opacity:1}.filters .filter .list .item.isActive p,.filters .filter .list .item.mutations p{color:#fff}.filters .filter .list .item.isActive .color-circle{opacity:1}.tooltip{transition:all .2s ease-in-out;width:160px;background-color:#fff;position:fixed;z-index:300;pointer-events:none;border-radius:3px}.tooltip p{text-align:center;width:100%;margin:5px;font-size:14px}.tooltip p .code{font-family:"Anybody-Bold";text-transform:uppercase}.genealogy{padding:0}.genealogy .graph-container{height:100%;width:100%;position:absolute}.genealogy .graph-container .graph{height:100vh;max-height:100%;width:100vw}.genealogy .graph-container .graph canvas{max-width:100%}.genealogy .graph-container .graph #tree{width:52%;height:100%;-webkit-animation:scaleAnim .5s ease-out;animation:scaleAnim .5s ease-out}.genealogy .graph-container .graph #tree .pathology-link{stroke-dasharray:4;stroke-dashoffset:0;-webkit-animation:dash 5s linear 0s infinite;animation:dash 5s linear 0s infinite}.genealogy .graph-container .graph #tree .link{opacity:.3;stroke-dasharray:4;stroke-dashoffset:0}@-webkit-keyframes dash{to{stroke-dashoffset:500}}@keyframes dash{to{stroke-dashoffset:500}}@-webkit-keyframes scaleAnim{0%{transform:translate(-100vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleAnim{0%{transform:translate(-100vw);opacity:0}to{transform:translate(0);opacity:1}}.geography{display:flex;justify-content:flex-end}.geography .maps-container{width:100%;height:100%;display:flex;justify-content:center}.geography .maps-container .map{transform:scale(1);-webkit-animation:slideInScale .2s linear;animation:slideInScale .2s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideInScale{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInScale{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.geography .maps-container .map canvas{max-width:100%}.geography .nav-map{width:8%;display:flex;flex-direction:column;align-content:center;justify-content:center}.geography .nav-map button{transition:all .2s ease-in-out;font-family:"Ubuntu-Regular";font-size:14px;opacity:.3}.geography .nav-map button img{width:60px}.geography .nav-map button p{margin-top:5px}.geography .nav-map button:hover{opacity:.8}.geography .nav-map button.isActive{opacity:1}.years-picker{position:absolute;left:0;width:20%;height:calc(100% - 40px);margin:20px;padding-bottom:20px;z-index:3000}.years-picker button{text-align:left;margin-top:10px;font-size:12px;padding:0;transform:translateX(20px)}.years-picker .not-active{opacity:.5}.years-picker .type-toggle .type{font-size:16px}.years-picker .years{margin-top:20px;padding-left:20px;display:flex;flex-direction:column;justify-content:center;height:90%}.years-picker .years .year{height:30px;width:100%;display:flex;align-items:center;cursor:pointer}.years-picker .years .year,.years-picker .years .year .year-bar{transition:all .2s ease-in-out}.years-picker .years .year .year-bar .year-label{position:absolute;font-size:24px;transition:all .2s ease-in-out}@font-face{font-family:"Montserrat-Regular";src:url(/static/media/Montserrat-Regular.ee653992.ttf) format("truetype")}@font-face{font-family:"Montserrat-SemiBold";src:url(/static/media/Montserrat-SemiBold.c641dbee.ttf) format("truetype")}@font-face{font-family:"Montserrat-Bold";src:url(/static/media/Montserrat-Bold.ade91f47.ttf) format("truetype")}@font-face{font-family:"Anybody-Bold";src:url(/static/media/Anybody-Bold.5137486b.ttf) format("truetype")}@font-face{font-family:"Anybody-SemiBold";src:url(/static/media/Anybody-SemiBold.37bf32c2.ttf) format("truetype")}@font-face{font-family:"Anybody-Regular";src:url(/static/media/Anybody-Regular.8b88c673.ttf) format("truetype")}@font-face{font-family:"Ubuntu-Regular";src:url(/static/media/Ubuntu-Regular.2505bfbd.ttf) format("truetype")}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #e7ebf7 inset!important}.timeline{display:flex;justify-content:flex-start}.timeline .timeline-container{transition:all .2s ease-in-out;width:100%;height:100%}.timeline .timeline-container.panelIsActive{width:40%}.timeline .timeline-container .timeline-graph{width:100%;height:88%;display:flex;justify-content:center;align-items:center}.timeline .timeline-container .timeline-graph h1{transition:all .2s ease-in-out;font-size:250px;text-align:center;width:50%;letter-spacing:40px;opacity:.06}.timeline .timeline-container .timeline-graph h1.panelIsOpen{font-size:150px;letter-spacing:20px}.timeline .timeline-container .timeline-graph canvas{position:absolute;max-width:100%}
/*# sourceMappingURL=main.5263f287.chunk.css.map */