body{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--color-primary:#56409b;--color-primary-light:#7b6cbc;--color-accent:#bcad8a;--color-success:#93e593;--color-error:#ff668e;--color-text-dark:#000;--color-text-gray:#5e5e5e;--color-text-light:#fff;--color-bg-grey:#ebe9e3;--color-highlight:rgba(255,97,129,0.5);--color-homology:rgba(86,64,155,0.3);--font-main:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-code:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--font-mono:"Roboto Mono",monospace;--font-large:36px;--font-medium:24px;--font-small:14px;--weight-bold:700;--weight-semibold:600;--weight-medium:500;--weight-regular:400;--weight-light:300;--radius-sm:4px;--radius-lg:20px;--shadow-header:0 5px 7px rgba(0,0,0,0.3);--shadow-inset:inset 1px -7px 3px rgba(0,0,0,0.2)}body{margin:0;font-family:var(--font-main);-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:var(--font-code)}*{box-sizing:border-box}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}h1,h2,h3,h4,h5,p{font-family:var(--font-main)}h1{font-size:calc(var(--font-large) + 12px);font-weight:var(--weight-bold)}h2{font-size:var(--font-large);font-weight:var(--weight-semibold)}h3{font-size:calc(var(--font-medium) + 4px);font-weight:var(--weight-medium)}h4{font-size:var(--font-medium)}h4,h5{font-weight:var(--weight-regular)}h5{font-size:18px}p{font-size:var(--font-small);font-weight:var(--weight-light)}button:hover{transition:.3s;background-color:var(--color-primary)}button:focus{background-color:var(--color-primary-light)}button{background-color:var(--color-accent);color:var(--color-text-light);font-weight:var(--weight-medium);transition:.3s}.App{display:flex;flex-direction:column;height:100vh}input[type=submit]{cursor:pointer}header{background:var(--color-primary);text-align:center;padding:1rem 0;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-header);z-index:9999}header .main-logo img{max-width:300px;width:100%}header .menu{position:absolute;padding-right:80px;right:0;cursor:pointer}header .menu>img{width:32px}.hamburger-menu{position:absolute;top:6rem;background:var(--color-primary);color:var(--color-text-light);font-size:var(--font-small);width:15rem;right:0;display:flex;flex-direction:column;text-align:left;border-top:1px solid #fff;z-index:9999}.hamburger-item{padding:10px 16px;border-bottom:1px solid #fff;display:flex;position:relative}.hamburger-item:hover{background:#93e593}.hamburger-title{cursor:pointer}.theme-color{width:20px;height:20px;background:#fff;border-radius:20px;border:2px solid #000;margin-right:15px}.theme-color.dark{background:#000;border:2px solid #fff}.font-size{display:flex;top:0;margin-top:-8px;align-items:baseline;margin-right:15px}.font-size .large{font-size:25px}.font-size .small{margin-left:-2px;font-size:16.5px}.sidebar{display:flex;height:100%}.content-container{display:flex;flex:1 1;overflow:hidden}.sidebar-container{width:5rem;background:var(--color-bg-grey);display:flex;flex-direction:column;align-items:center}.menu-icon{border-bottom:1px solid var(--color-text-light);padding:1rem 0;width:100%;text-align:center;position:relative;cursor:pointer;transition:.15s}.menu-icon img{width:59px}.menu-icon:hover{background:var(--color-primary-light);transition:.15s}.menu-icon label{display:none;top:0;left:70px;width:214px;height:100%;position:absolute;background:#56409b;color:#fff;font-size:17.5px;justify-content:center;align-items:center}.menu-icon label .arrow-down{transform:rotate(180deg) scaleY(.6);margin-right:20px;font-size:32px;margin-bottom:6px}.menu-icon:hover img{cursor:pointer;filter:brightness(0) invert(1)}.menu-icon.active{background:#56409b}.menu-icon.active label{display:flex;cursor:pointer}.menu-icon.active img{filter:brightness(0) invert(1)}.menu-icon .menu-image-wrapper>img{width:30px}.sidebar-5 img{filter:brightness(.9)}.main{width:100%;background:#fff;color:#000;overflow:hidden;display:flex;flex-direction:column}.body.dark,.main.dark{background:#000}.main.dark{color:#fff}.landing-icon,.screen{display:flex;justify-content:center;align-items:center}.landing-icon{color:#fff;background:#56409b;text-align:center;font-size:36px;width:479px;height:479px;flex-direction:column;margin:0 28px;cursor:pointer}.landing-icon:hover{background:#93e593}.landing-icon img{max-width:179px;margin-bottom:84px;height:130px;object-fit:contain}.footer{bottom:0;width:100%;color:var(--color-text-light);background:var(--color-primary);justify-content:space-around;font-size:var(--font-small);z-index:9999}.footer,.loading-container{position:fixed;left:0;display:flex}.loading-container{height:100vh;width:100vw;top:0;flex-direction:column;justify-content:center;align-items:center;background:hsla(0,0%,100%,.75);z-index:9}.loading-box{height:400px;width:450px;padding:3rem;border:5px solid var(--color-primary);border-radius:var(--radius-lg);background-color:var(--color-text-light);text-align:center;color:var(--color-text-gray);box-shadow:0 4px 20px rgba(0,0,0,.2)}.loading-img{height:70%;max-height:100%;animation:pulseOpacity 1.5s ease-in-out infinite}@keyframes pulseOpacity{0%,to{opacity:1}50%{opacity:.25}}.screen.screen-1{align-items:baseline;padding-top:100px;position:absolute;left:0}.search-content{text-align:center}.search-title{color:var(--color-accent);font-size:var(--font-large);font-weight:var(--weight-regular)}.search-form{display:flex;justify-content:center;align-items:center;margin-top:20px}.search-input{width:30rem;border:2px solid var(--color-accent);border-radius:16px 0 0 16px}.search-button,.search-input{height:2.5rem;padding:0 16px;font-size:var(--font-medium)}.search-button{background-color:var(--color-accent);border:0;border-radius:0 16px 16px 0}.search-button:hover{background-color:var(--color-primary);transform:scale(1)}.search-button:focus{background-color:var(--color-primary-light);transform:scale(1)}.search-examples{color:var(--color-text-gray)}.popup-wrapper{height:100vh;width:100vw;position:fixed;left:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:hsla(0,0%,100%,.75);z-index:10}.fade-in{opacity:1}.fade-out{opacity:0}.popup{height:300px;width:450px;padding:3rem;border:5px solid var(--color-accent);border-radius:var(--radius-lg);background-color:var(--color-text-light);text-align:center;color:var(--color-text-gray);box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;max-height:70%}.print-popup{overflow-y:auto;height:100%}.print-popup,.upload-popup{border-color:var(--color-primary)}.upload-popup{height:auto}.bug-popup{overflow-y:auto;height:100%;border-color:var(--color-primary)}.popup-choices{display:flex;justify-content:center;height:4rem;width:100%;grid-gap:.5rem;gap:.5rem}.popup-select{font-size:medium;width:100%;border-radius:var(--radius-sm);border:2px solid var(--color-accent)}.popup-btn{width:30%;border-radius:var(--radius-sm);border:none}.file-input-hidden{display:none}.drop-zone{border:2px dotted var(--color-accent);padding:2rem 1rem}.drop-zone.active{background-color:rgba(94,94,94,.1)}.print-btn,.upload-btn{border:0;margin:1rem 0;padding:.5rem 1rem;border-radius:var(--radius-sm)}.close-btn{background-color:initial;color:var(--color-accent);align-self:flex-end;border:none;font-size:var(--font-medium)}.close-btn:hover{background-color:initial;color:var(--color-primary)}.close-btn:focus{background-color:initial;color:var(--color-primary-light)}.helper-text{white-space:pre-line;text-align:start}.screen{width:100%;height:100%;padding:40px;max-height:740px}.screen-2,.screen-3,.screen-4,.screen-custom-2{flex-direction:column;overflow-y:auto;height:100%;max-height:100%;margin-left:15rem;width:calc(100% - 280px);box-sizing:border-box}.screen-2,.screen-3,.screen-4,.screen-custom-2,.screen.screen-2{justify-content:flex-start;align-items:flex-start;padding-top:40px}.gene-name{font-size:42px;font-weight:700;margin-bottom:40px}.gene-location,.gene-name{text-align:left;width:100%}.gene-location{font-family:"Roboto Mono";font-size:23px}.gene-info-wrapper{position:relative;width:100%;word-break:break-all;margin:0 auto;height:100%;padding-bottom:168px}.gene-wrapper{cursor:pointer;color:hsla(0,0%,100%,0)}.gene-info,.gene-wrapper{position:absolute;display:flex;flex-wrap:wrap;top:0;left:0}.gene-info{word-break:break-all;font-family:"Roboto Mono";padding-bottom:100px}.gene-info-sequence{z-index:200}.gene-info-highlights{position:absolute;top:0;left:0;width:100%}.gene-info-highlights .highlight{background:#fcd27e;cursor:pointer}.gene-info-highlights .highlight.startCodon{background:#93e593}.gene-info-highlights .highlight.stopCodon{background:#ff668e}.main.dark form.search-form label{color:#fff}.isoform-form input[type=submit],.search-form input[type=submit]{width:90px;background:#bcad8a;border:0;color:#fff;font-size:24px;border-radius:0 4px 4px 0}.landing-icon img{pointer-events:none}.isoform-form form{display:flex}.current-highlight{display:flex;flex-wrap:wrap;cursor:pointer;z-index:999;top:0;left:0}.download-list,.target-list{position:absolute;left:100%;top:0;width:214px;display:flex!important;flex-direction:column;border-right:1px solid #d5d9e0;border-bottom:30px solid #56409b;box-shadow:inset 1px -7px 3px rgba(0,0,0,.2);background:#f5f6f9;max-height:600px;overflow:auto;z-index:9997}.target-list{z-index:1000}.target-list h3{background:#56409b;color:#fff;padding:10px;margin:0;font-size:16px;text-align:center}.target-list-header{display:flex;background:#ebe9e3;padding:8px 5px;font-size:12px;font-weight:700;border-bottom:1px solid #bcad8a}.target-list-header span{flex:1 1;text-align:center}.target-list-items{max-height:500px;overflow-y:auto}.target-item{display:flex;padding:10px 5px;font-size:12px;border-bottom:1px solid #bcad8a;cursor:pointer}.target-item:hover{background:hsla(0,0%,100%,.5)}.target-item.active{background:rgba(86,64,155,.2)}.target-item span{flex:1 1;text-align:center;word-break:break-all}.target-score{font-weight:700}.target-list-empty{padding:20px;text-align:center;font-style:italic;color:#666}.target-list .single-target{font-size:14px;padding:20px;display:flex;flex-direction:column;text-align:left;border-bottom:1px solid #bcad8a;word-break:break-all;line-height:20px;font-family:"Poppins";font-weight:300;cursor:pointer}.target-list .single-target>div{display:flex;grid-gap:10px;gap:10px}.target-list .single-target.disabled:hover{color:#ff668e;cursor:not-allowed}.target-list .single-target.disabled:hover div{color:#ff668e}.target-list .single-target:hover{background:hsla(0,0%,100%,.5)}.target-list .single-target span{font-weight:400}.selected{color:red;font-weight:700}.pam-box{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;background:rgba(0,0,0,.2);cursor:default}.pam-box h3{font-size:34px;font-weight:600;color:#56409b}.pam-box h4{font-size:24px;font-weight:600}.pam-box .pam-wrapper{font-size:18px;background:#fff;border:20px solid #56409b;padding:20px;max-height:80vh;overflow:hidden;overflow-y:scroll}.amino-table{display:flex}.amino-table h4{padding:0 20px}.amino-table .chart{display:flex;flex-direction:column}.amino-table .header{display:flex;justify-content:center}.amino-table .header .cell,.amino-table div{align-items:center;display:flex}.amino-table .header .cell{height:60px;justify-content:center}.amino-table .cell{width:150px;height:100%;padding-left:10px;padding-right:10px;border:5px solid #56409b;font-size:24px;font-weight:700;flex-direction:column;justify-content:space-around;align-items:center;border-bottom:0;border-left:0;cursor:pointer}.amino-table .cell .cell-box>div{flex-wrap:wrap}.amino-table .cell .mutation:hover{background:#bcad8a}.amino-table .row .cell:first-of-type,.amino-table .row .cell:last-of-type{width:70px}.amino-table .row:last-of-type{border-bottom:5px solid #56409b}.amino-table .header .cell:first-of-type,.amino-table .row .cell:first-of-type{border-left:5px solid #56409b}.amino-table .cell-box{display:flex;padding-top:10px;padding-bottom:10px;width:100%}.amino-table .cell .cell-right{border-left:5px solid #56409b;margin-left:24px;padding-left:10px;height:100%;color:#56409b;width:100%;justify-content:center}.pam-wrapper form{margin-top:40px;display:flex;justify-content:center;align-items:center}.pam-wrapper form input{width:75px;height:48px;font-size:24px;padding:10px}.pam-wrapper form input[type=submit]{width:80px;background:#bcad8a;border:0;color:#fff;font-size:17px;border-radius:0 4px 4px 0}.amino-table .cell .cell-right.stop{border-left:0;color:#ff668e}.amino-table .cell .cell-right.met{border-left:0;color:#93e593}.amino-table .chart .header,.amino-table .chart .row{display:flex}.homology-list{max-height:861px;top:73px;overflow-y:auto;overflow-x:hidden}.homology-label{background:#56409b;color:#fff;padding:15px 0;font-size:16px}.download-list{overflow:hidden;overflow-y:auto;height:100%;min-height:540px;padding-top:10px}.download-list select{font-size:14px;width:90%;height:40px;margin:0 5%}.download-list .download-label{padding:20px 0 10px;font-size:18px}.download-list button{background:#56409b;color:#fff;font-size:14px;border:0;border-radius:4px;margin:10px 0;cursor:pointer;padding:10px 20px}.menu-icon.active .download-list,.menu-icon.active .target-list,.target-list-visible{display:flex!important}.target-list-visible{flex-direction:column;position:relative;left:0;top:0;width:100%;background:#f5f6f9;z-index:9999;border-right:1px solid #d5d9e0;border-bottom:30px solid #56409b;box-shadow:inset 1px -7px 3px rgba(0,0,0,.2);max-height:600px;overflow:auto}.blink{animation:blink 3s infinite both}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:0}}.popup-image{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(.8)}}.single-letter.cutsite,.single-letter.cutsite_C,.single-letter.cutsite_N{background-color:rgba(255,97,129,.5)}.single-letter.hom3,.single-letter.hom3_C,.single-letter.hom3_N,.single-letter.hom5,.single-letter.hom5_C,.single-letter.hom5_N,.single-letter.seq3,.single-letter.seq3_C,.single-letter.seq3_N,.single-letter.seq5,.single-letter.seq5_C,.single-letter.seq5_N{background-color:rgba(86,64,155,.3)}.single-letter.start{background-color:#93e593}.single-letter.stop{background-color:#ff668e}.single-letter.current-highlight{background-color:rgba(255,97,129,.5)}.single-letter.current-highlight.homology{background-color:rgba(86,64,155,.3)}.single-letter.current-highlight.start{background-color:#93e593}.single-letter.current-highlight.stop{background-color:#ff668e}.pam-string{display:flex;letter-spacing:4px;justify-content:center;margin-top:10px}.pam-string>div{position:relative}.pam-string sub{margin-top:18px;margin-left:-9px;position:absolute;font-size:11px;color:#ff668e;font-weight:600}.screen-custom{align-items:baseline;justify-content:center;overflow-y:auto}.screen-custom>div{display:flex;flex-direction:column;max-width:900px;width:100%}.screen-custom>div label{display:flex;margin-bottom:20px;flex-direction:column;font-size:16px;font-weight:700}.screen-custom>div label input,.screen-custom>div label textarea{width:100%;font-weight:400}.screen-custom>div label input{height:40px;margin-top:6px;max-width:300px}.screen-custom>div label textarea{height:360px;max-width:900px}div[class*=" potentialStart-"],div[class^=potentialStart-]{background-color:#93e593;cursor:pointer;z-index:999}div[class*=" potentialStop-"],div[class^=potentialStop-]{background-color:#ff668e;cursor:pointer;z-index:999}.warning-message{color:#ff6200}.bug-report-container{width:100%;max-height:539px;overflow:hidden;background:#fff;border-bottom:1px solid #fff}.main-menu .bug-report-container{border-bottom:1px solid #fff;background:#fff;padding:0;margin:0}.sidebar-content-container{width:214px;z-index:5;left:5rem;position:absolute}.sidebar-content{display:flex;flex-direction:column;overflow-y:auto;height:100%}.sidebar-title{background:var(--color-primary);z-index:2;padding:10px;color:#fff;font-size:16px}.sidebar-title,.terminal-title{position:sticky;top:0;text-align:center;margin:0}.terminal-title{background:var(--color-bg-grey);z-index:1;font-weight:var(--weight-semibold)}.homology-title,.terminal-title{padding:6px 10px;font-size:var(--font-small)}.homology-title{background-color:var(--color-accent);color:var(--color-text-light);text-align:center;margin:0}.target-list{position:relative;left:0;top:0;width:100%;border:none;box-shadow:none}.target-list,.target-list-item{display:flex;flex-direction:column}.target-list-item{padding:1rem .5rem;font-size:12px;border-bottom:1px solid #bcad8a;cursor:pointer}.target-list-item:hover{background:hsla(0,0%,100%,.5)}.target-list-item:active{background:rgba(86,64,155,.2)}.target-list-item span{flex:1 1;text-align:center;word-break:break-all}.selected-target{color:var(--color-accent)}.helper-icon{height:1em;margin-left:.25em}.helper-icon:hover{transform:scale(1.1);transition:.3s}.helper-icon:focus{transform:scale(1)}.download-section{padding:1rem 0;display:flex;flex-direction:column;align-items:center}.download-btn{border:0;border-radius:var(--radius-sm);padding:.5rem 0;width:7rem;margin:.5rem 0}.download-dropdown{max-width:100%;width:10rem;margin:1rem}.upload-btn-container{display:flex;justify-content:center;grid-gap:2rem;gap:2rem}.gene-sequence{font-family:"Roboto Mono",monospace;overflow-y:auto;overflow-x:hidden;max-height:100%;padding:10px;white-space:pre-wrap;word-wrap:break-word;width:100%}.gene-sequence-empty{font-style:italic;color:#999;padding:20px}.sequence-highlight,.sequence-text{display:inline;white-space:normal;word-wrap:break-word}.sequence-text{white-space:pre-wrap;word-break:break-word}.highlight-start{background-color:#93e593}.highlight-stop{background-color:#ff668e}.highlight-hover{background-color:#ffd54f}.highlight-potential-start{background-color:#aa90f9}.highlight-potential-stop{background-color:#8cf6db}.highlight-cutsite{background-color:#f48fb1}.highlight-homology-seq{background-color:#f6a580}.highlight-homology-hom{background-color:#80f6e2}.sequence-highlight.hover{background-color:#dff1ad;opacity:1%}.sequence-highlight-overlap{position:relative;box-sizing:border-box}.sequence-highlight.start,.sequence-highlight.stop,.sequence-highlight[class*=potentialStart-],.sequence-highlight[class*=potentialStop-]{z-index:3!important}.sequence-highlight.current{z-index:2!important}.sequence-highlight{z-index:1}.sequence-container{width:100%;max-width:100%;overflow:hidden;margin-top:20px}.sequence-header{margin-bottom:20px}.sequence-header h2{margin-bottom:5px}
/*# sourceMappingURL=main.3c342525.chunk.css.map */