body{margin:0;font-family:-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Title-link{font-size:18pt;color:#000}.Title-link.active{color:#00f}.App{width:100vw;height:100vh;background-color:#fff;transition:background-color 1s}.App.loading{background-color:#edf0f4}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}input{padding:10px 15px}button,input{border:0;border-radius:5px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}button{padding:10px 0;color:#fff;font-weight:700;background-color:#3672b9;cursor:pointer}button:hover{background-color:#195193}button:active{background-color:#255ea2}.lds-dual-ring{display:inline-block;width:40px;height:40px}.lds-dual-ring:after{content:" ";display:block;width:34px;height:34px;margin:8px;border-radius:50%;border-color:#3672b9 transparent;border-style:solid;border-width:6px;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100vw;height:100vh}.SequenceBlock:last-child{border:none}.SequenceBlock{display:flex;flex-direction:row;align-items:center;padding:10px 0;border-bottom:1px solid #eff3f7}.SequenceBlock>.white-block{border-radius:3px;padding:3px 5px;background-color:#fff;color:grey;font-size:6.5pt;font-weight:700;letter-spacing:-.05em;margin-right:7px}.SequenceBlock>.transparent-block{font-size:11pt;font-weight:700;color:#617893;margin-right:20px;flex-basis:0px}.SequenceBlock>.transparent-block.chr{flex-grow:1}.SequenceBlock>.transparent-block.loc,.SequenceBlock>.transparent-block.seq{flex-grow:2}.SequenceBlock>.transparent-block.description{flex-grow:4;font-weight:400;color:#666}.SequenceBlock>.delete{cursor:pointer;visibility:hidden}.SequenceBlock:hover>.delete{visibility:visible}.SequenceBlock:hover>.delete:hover{opacity:.5}.SequenceBlock:hover>.delete:active,.SequenceBlock:hover>.delete:focus{opacity:.2}.LoginPage{width:100vw;min-height:100vh;align-items:center;justify-content:center;background:linear-gradient(0deg,#edf0f4,#fff)}.LoginPage,.LoginPage-form{display:flex;flex-direction:column}.LoginPage-form{width:290px;align-items:stretch;padding-top:40px}.LoginPage-form input{width:260px;margin:7px 0;background-color:#fff;border:1px solid #cadbed}.LoginPage-form button{width:290px;margin:7px 0}.AlertMessage{opacity:0;width:290px;margin-top:20px;margin-bottom:-30px;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;transition:opacity .4s ease-in-out}.AlertMessage.active{opacity:1}.AlertMessage>div{border-radius:13px;border:1px solid #ffadad;padding:10px 20px;font-size:9pt;color:#f85656;font-weight:700}.MainScaffold-1{min-width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:stretch}.MainScaffold-top{margin:70px 100px 40px;display:flex;flex-direction:row}.MainScaffold-menu{display:flex;flex-direction:row;flex-grow:1;align-items:center;justify-content:flex-start}.MainScaffold-logo-spacer{width:80px}.MainScaffold-menu-item{font-weight:700;text-decoration:none;margin:0 25px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:#000}.MainScaffold-menu-item:visited{color:#000}.MainScaffold-menu-item:hover{color:#899cb2}.MainScaffold-menu-item:focus{color:#3672b9}.MainScaffold-menu-item.active{color:#1d85ff}.MainScaffold-body{margin:0 100px 60px}.PanelIcon{width:200px;height:200px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect data-name='Rectangle 49' width='200' height='200' rx='59' fill='none' stroke='%23707070'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='Group 44'%3E%3Cg data-name='Mask Group 2' opacity='.12' clip-path='url(%23a)'%3E%3Cg data-name='Group 21' fill='none' stroke='%23707070'%3E%3Cpath data-name='Path 49' d='M.001 0l200.28 200.281'/%3E%3Cg data-name='Ellipse 2' transform='translate(44.896 44.896)'%3E%3Ccircle cx='55.346' cy='55.346' r='55.346' stroke='none'/%3E%3Ccircle cx='55.346' cy='55.346' r='54.846'/%3E%3C/g%3E%3Cg data-name='Ellipse 3' transform='translate(68.892 68.892)'%3E%3Ccircle cx='31.35' cy='31.35' r='31.35' stroke='none'/%3E%3Ccircle cx='31.35' cy='31.35' r='30.85'/%3E%3C/g%3E%3Cpath data-name='Path 53' d='M155.583 99.989h-24.317'/%3E%3Cpath data-name='Path 54' d='M69.148 100.398H44.831'/%3E%3Cpath data-name='Path 52' d='M200.13-.151L24.102 175.877-.151 200.13'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='Rectangle 52' fill='none' stroke='%23cecece'%3E%3Crect width='200' height='200' rx='59' stroke='none'/%3E%3Crect x='.5' y='.5' width='199' height='199' rx='58.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");margin:0 40px 20px 0;cursor:pointer}.PanelIcon:active,.PanelIcon:focus{-webkit-transform:scale(.98);transform:scale(.98);opacity:.7}.PanelIcon>div{display:flex;flex-direction:column;margin:32px;height:136px}.PanelIcon>div>div:not(.bottom){flex-basis:0px;margin-bottom:13px}.PanelIcon>div>div>div:not(.info):not(.title){margin-top:3px;font-size:9pt;letter-spacing:-.03em}.PanelIcon .info{font-size:7.5pt;color:#000;opacity:.5;letter-spacing:-.01em}.PanelIcon .title{font-size:13pt;color:#000}.PanelIcon .title.gray{opacity:.3}.PanelIcon:hover .title{color:#0d77f5}.PanelIcon .bottom{display:flex;flex-direction:row;align-items:flex-end;flex-grow:1}.PanelIcon .bottom>.qrcode{flex-grow:1;display:flex;align-items:flex-end;justify-content:flex-end;cursor:pointer}.PanelIcon .bottom>.qrcode:hover path{fill:#ea4c4c}.PanelList{display:flex;flex-direction:column;justify-content:stretch}.PanelList-create-button{display:flex;flex-direction:column;align-items:flex-start;margin:0 -17px;padding:13px 17px;border-radius:5px;background:#f4f7fa}.PanelList-create-button>button,.PanelList-list>.empty-list>.message>button{margin-left:6px;padding-left:20px;padding-right:20px}.PanelList-list{margin-top:40px;display:flex;flex-flow:row wrap}.PanelList-list>.empty{flex-grow:1}.PanelList-list>.empty-list{width:100%;color:#5e6c79;flex-grow:1;text-align:center}.PanelList-list>.empty-list>h3{color:#3672b9;font-size:20pt}.PanelList-list>.empty-list>.message{margin-top:30px}.PanelList-list>.empty-list>.message>button{margin-top:10px}.PanelLoading{border-radius:59px;width:200px;height:200px;background-color:#d4dee7;animation:panel-loading .5s infinite alternate-reverse;margin:0 40px 20px 0}@-webkit-keyframes panel-loading{0%{opacity:1}to{opacity:.5}}@keyframes panel-loading{0%{opacity:1}to{opacity:.5}}.EmptyMessage,.PanelQR{display:flex;flex-direction:column;align-items:center}.PanelQR{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.3333333333333333);z-index:100;opacity:0;transition:all;transition-duration:.4s;visibility:hidden;justify-content:center;cursor:pointer}.PanelQR.shown{opacity:1;visibility:visible}.PanelQR>div.code{padding:20px;border-radius:10px;background-color:#fff;border:1px solid #3672b9}.PanelQR>div.info{color:#5e6c79;margin-top:20px;font-size:12pt}.PanelQR>div>div{font-size:8.5pt;letter-spacing:-.03em;text-align:center;border-radius:5px;background-color:#efefef;padding:5px 0;margin:10px 0 0}.PanelEdit{background-color:#dfe5ea;min-width:100vw;min-height:100vh;display:flex;flex-direction:row;align-items:flex-start;justify-content:center}.PanelEdit>.statusbar{position:fixed;bottom:0;left:0;right:0;height:40px;background-color:#f5f6f7;border-top:1px solid #c3cdd6;display:flex;flex-direction:row;align-items:center;z-index:1000}#status-circle{margin-left:20px;margin-right:10px;border-radius:20px;width:14px;height:14px;background-color:#e4e8eb}#status-circle.loading{-webkit-animation-name:loading-animation;animation-name:loading-animation;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-direction:alternate;animation-direction:alternate}#status-circle.editing{background-color:#ea4c4c}@-webkit-keyframes loading-animation{0%{background-color:transparent}to{background-color:#8d97a2}}@keyframes loading-animation{0%{background-color:transparent}to{background-color:#8d97a2}}#status-text{font-size:9.5pt;color:#a0afc1}#status-text.editing{color:#ea4c4c}#status-text.loading{color:#8d97a2}.PanelEdit>.container{max-width:690px;flex-grow:1;padding:0 20px 70px}#CloseButton{position:fixed;top:50px;right:50px;width:40px;height:40px}#CloseButton:hover{opacity:.5}.PanelTitleContainer{margin-top:50px}.PanelTitleContainer>div{font-size:9pt;opacity:.4;margin:0 0 3px 5px;letter-spacing:.1em}.PanelTitleContainer>input{font-size:17pt;background-color:hsla(0,0%,100%,.4666666666666667);width:250px;transition-duration:.3s;transition-property:background-color}.PanelTitleContainer>input:hover{background-color:#fff}#PanelMenu{display:flex;flex-direction:column;align-items:stretch;margin-top:20px}#PanelMenu>button{padding:15px 20px}#PanelMenu>div{margin-top:20px;text-align:center;font-size:10pt;opacity:.5;cursor:pointer}#PanelMenu>div:hover{opacity:1;color:#ea4c4c}#PanelMenu>div:active,#PanelMenu>div:focus{opacity:.5}.PanelItem{margin:30px 0;background-color:#fff;border-radius:7px;padding:20px;box-shadow:2px 2px 10px 0 rgba(0,0,0,.06666666666666667);transition-property:box-shadow;transition-duration:.3s}.PanelItem:hover{box-shadow:2px 2px 20px 0 rgba(51,118,198,.3333333333333333)}.PanelItem>.title-row{display:flex;flex-direction:row}.PanelItem>.title-row input{margin-left:-3px;font-size:17pt;font-weight:700;padding:2px 7px;border:1px solid transparent;width:auto;transition-property:background-color,border;transition-duration:.3s}.PanelItem>.title-row input:hover{border:1px solid #efefef;background-color:#e7ecf1}.PanelItem .input-title{font-size:9pt;opacity:.4;margin:0 5px;letter-spacing:.1em}.PanelItem>.title-row>.title-left{flex-grow:1}.PanelItem>.title-row>.title-left>.gene-description{font-size:9pt;color:#6884a5;margin-left:5px;letter-spacing:-.05em}.PanelItem>.title-row>.title-left>.gene-description.loading{color:#efefef}.PanelItem>.title-row>.title-left>.gene-description.error{color:red}.PanelItem>.title-row select{border-radius:20px;border:1px solid #efefef;background-color:transparent;-o-appearance:none;-webkit-appearance:none;appearance:none;padding:5px 25px 5px 10px;margin-top:5px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 10 9'><path d='M5,0l5,9H0Z' transform='translate(10 9) rotate(180)' fill='rgb(208,208,208)'/></svg>");background-repeat:no-repeat;background-position-y:center;background-position-x:90%;font-size:10pt}.PanelItem>.bottom-row{margin-top:5px;display:flex;flex-direction:column;align-items:flex-end}.PanelItem>.bottom-row>div{opacity:0;margin-right:10px;padding:5px 10px;cursor:pointer;font-size:10pt;color:#ea4c4c;border-radius:5px}.PanelItem:hover>.bottom-row>div{opacity:1}.PanelItem:hover>.bottom-row>div:hover{background-color:#ea4c4c;color:#fff}select::-ms-expand{display:none}.PanelItem button{font-weight:400;margin:5px;background-color:transparent;color:#3672b9;letter-spacing:-.05em;padding-left:15px;padding-right:15px}.PanelItem button.gray{color:#bbb}.PanelItem button:hover{background-color:#f8f9fa}.PanelItem button.gray:hover{background-color:#f0f0f0}.PanelItem button.activated,.PanelItem button:active,.PanelItem button:focus{background-color:#e2e6eb;color:#184f94}.PanelItem button.gray:active,.PanelItem button.gray:focus{background-color:#ddd;color:silver}.PanelItem>.mutations{margin-top:40px}.PanelItem>.mutations>.mutation-box{border:1px solid #dfe5ea;border-radius:5px;background-color:#f8f9fa;margin:5px}.PanelItem>.mutations>.mutation-box>.mutation-bottom{background-color:#fff;margin:0;border-radius:0 0 5px 5px}.PanelItem>.mutations>.mutation-box>.info{font-size:10pt;color:#000;opacity:.3;margin:20px 17px}.PanelItem>.mutations>.mutation-box>.list{max-height:200px;overflow-y:auto;padding:10px 17px 15px}.PanelItem .mutation-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10;opacity:0;transition:all;transition-duration:.4s}.PanelItem .mutation-modal{position:absolute;background-color:#fff;width:473px;height:160px;z-index:100;border-radius:5px;border:1px solid #ddd;box-shadow:0 1px 10px rgba(0,0,0,.16);opacity:0;transition:opacity,visibility;transition-duration:.2s}.PanelItem .mutation-modal.genotyping{width:600px;height:80px}.PanelItem .mutation-modal>div{display:flex;flex-direction:column;height:calc(100% - 40px);margin:20px;justify-content:space-evenly}.PanelItem .mutation-modal>div>div{display:flex;flex-direction:row}.PanelItem .mutation-modal>div>div>div{display:flex;flex-direction:column;flex-grow:2;align-items:stretch;flex-basis:0px}.PanelItem .mutation-modal>div>div>div>span{font-size:9pt;color:#8d97a2;letter-spacing:-.05em}.PanelItem .mutation-modal>div>div>div>input{background-color:#f0f6fa;width:calc(100% - 30px);padding-left:10px;padding-right:10px;font-size:12pt}.PanelItem .mutation-modal>div>div>div.loc{flex-grow:4}.PanelItem .mutation-modal>div>div>div.description{flex-grow:5}.PanelItem .mutation-modal>div>div>div.haplotype{margin-right:20px}.PanelItem .mutation-modal>div>div>div.interpretation{flex-grow:5}.PanelItem .mutation-modal>div>div>div.submit-button{justify-content:flex-end}.PanelItem .mutation-modal.genotyping>div>div>div.submit-button{flex-grow:3}.PanelItem .mutation-modal>div>div>div.submit-button>button{background-color:#3672b9;color:#fff;font-size:9.5pt;font-weight:700}.PanelItem .mutation-modal>div>div>div.submit-button>button:hover{background-color:#235ea3}.PanelItem .mutation-modal>div>div>div.submit-button>button:active,.PanelItem .mutation-modal>div>div>div.submit-button>button:focus{background-color:#164d8b}.PanelItem>.genotypes{margin-top:40px}.PanelItem>.genotypes>.empty{padding:20px;margin:5px 0;font-size:10pt;color:rgba(0,0,0,.3333333333333333)}.Genotype,.PanelItem>.genotypes>.empty{background-color:#f8f9fa;border-radius:5px;border:1px solid #e9ecf0}.Genotype{padding:13px;margin:10px 0;transition-duration:.3s;transition-property:border,box-shadow;box-shadow:none;cursor:default}.Genotype.hidden{cursor:pointer}.Genotype:hover{border:1px solid #92a0b3;box-shadow:2px 2px 20px rgba(0,0,0,.06666666666666667)}.Genotype>.title-row{display:flex;flex-direction:row;align-items:center}.Genotype>.title-row input{flex-grow:1;margin-left:2px;font-size:10pt;font-weight:700;padding:5px;border:1px solid transparent;width:auto;background-color:transparent;color:#3672b9;transition-duration:.3s;transition-property:border,background-color}.Genotype.hidden>.title-row input{color:#617893;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.Genotype:not(.hidden)>.title-row input:hover{border:1px solid #efefef;background-color:#fff}.Genotype>.title-row>div.remove{padding:5px 7px;margin-right:13px;margin-left:23px;font-size:9pt;color:#ea4c4c;cursor:pointer;opacity:0;border-radius:5px}.Genotype:hover>.title-row>div.remove{opacity:1}.Genotype:hover>.title-row>div.remove:hover{color:#fff;background-color:#ea4c4c}.Genotype:hover>.title-row>div.remove:active,.Genotype:hover>.title-row>div.remove:focus{background-color:#b32323}.Genotype>.title-row>div.toggle>svg{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform;transition-duration:.4s;transition-timing-function:ease-out}.Genotype.hidden>.title-row>div.toggle>svg{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.Genotype>.title-row>div.toggle{margin-right:5px;padding:5px 7px;cursor:pointer;border-radius:10px}.Genotype>.title-row>div.toggle #caret{stroke:#8d97a2}.Genotype>.title-row>div.toggle:hover{background-color:#8d97a2}.Genotype>.title-row>div.toggle:hover #caret{stroke:#fff}.Genotype>.body{background-color:#fff;border-radius:5px;margin:7px;padding:10px;transition:all;transition-duration:.4s;transition-timing-function:ease-out;opacity:1}.Genotype.hidden>.body{height:0;overflow:hidden;padding:0;margin:0;opacity:0}.Genotype>.body>.mutation-bottom{margin-top:0;border-top:1px solid #efefef}.Genotype>.body>.info{font-size:10pt;color:#000;opacity:.3;margin:20px 17px}.Genotype>.body>.list{max-height:200px;overflow-y:auto;padding:10px 17px 15px}.Genotype>.body>.list .white-block{background-color:#eaedf0}.GenotypeReference{margin-top:40px;margin-bottom:0}.GenotypeReference>input{margin-top:5px;background-color:#f8f9fa;border:1px solid #e9ecf0;width:calc(100% - 30px)}.GenotypeInterpretations{margin-top:40px}.GenotypeInterpretations>.box{border:1px solid #dfe5ea;border-radius:5px;background-color:#f8f9fa;margin:5px}.GenotypeInterpretations>.box>.list{max-height:200px;overflow-y:auto;padding:15px 17px}.GenotypeInterpretations>.box>.list>div{padding:10px;margin:-10px -10px 20px;border-radius:10px;transition:all;transition-duration:.3s;border:1px solid transparent}.GenotypeInterpretations>.box>.list>div:hover{background-color:#fff;border:1px solid #cbd4df;box-shadow:0 2px 10px rgba(0,0,0,.13333333333333333)}.GenotypeInterpretations>.box>.list>div:last-child{margin-bottom:10px}.GenotypeInterpretations>.box>.list>div>.haplotype{color:#aaa;font-weight:700;font-size:10pt;margin-left:5px;display:flex;flex-direction:row;align-items:center}.GenotypeInterpretations>.box>.list>div>.haplotype>.title{font-weight:400;font-size:8pt;margin-right:10px}.GenotypeInterpretations>.box>.list>div>.haplotype>.hapName{color:#164d8b;margin:0 5px}.GenotypeInterpretations>.box>.list>div>.haplotype>.spacer{flex-grow:1}.GenotypeInterpretations>.box>.list>div>.haplotype>.delete{text-align:right;padding:5px 10px;opacity:0;cursor:pointer;transition:opacity;transition-duration:.3s;color:#ea4c4c;font-weight:400;border-radius:5px}.GenotypeInterpretations>.box>.list>div:hover>.haplotype>.delete{opacity:1}.GenotypeInterpretations>.box>.list>div:hover>.haplotype>.delete:hover{background-color:#ea4c4c;color:#fff}.GenotypeInterpretations>.box>.list>div:hover>.haplotype>.delete:active,.GenotypeInterpretations>.box>.list>div:hover>.haplotype>.delete:focus{opacity:.5}.GenotypeInterpretations>.box>.list>div>.interpretation{margin-top:7px;font-size:11pt;border-radius:5px;background-color:#fff;color:#555;padding:8px 13px}.GenotypeInterpretations>.box>.empty{font-size:10pt;color:#000;opacity:.3;margin:20px 17px}.GenotypeInterpretations select{border-radius:20px;border:1px solid #efefef;background-color:transparent;-o-appearance:none;-webkit-appearance:none;appearance:none;padding:5px 25px 5px 10px;margin-top:5px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 10 9'><path d='M5,0l5,9H0Z' transform='translate(10 9) rotate(180)' fill='rgb(208,208,208)'/></svg>");background-repeat:no-repeat;background-position-y:center;background-position-x:calc(100% - 10px);font-size:12pt;margin-bottom:10px}.GenotypeInterpretations select:hover{background-color:#f0f6fa}
/*# sourceMappingURL=main.1069f329.chunk.css.map */