:root{--font-size-small:clamp(12px,0.7vw,16px);font-size:clamp(14px,.7vw,24px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[data-theme=dark]{--background:#282b30;--sub-background:#36393e;--text:#f6f6f6;--sub-text:#c5c5c5;--accent:#7289da;--sub-accent:#323848;--highlight:#7289da24}[data-theme=light]{--background:#fff;--sub-background:#f1f3f9;--text:#46505f;--sub-text:#1e293b;--accent:#4f6edb;--sub-accent:#e5e7ef;--highlight:#9ba3c343}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}li{color:var(--sub-text)}.dashboard{height:100vh;width:100%}.dashboard,.sidebar{display:flex;overflow:hidden}.sidebar{background:var(--sub-background);border-right:.25rem solid var(--accent);color:var(--text);flex-direction:column;flex-shrink:0;padding-top:5rem;transition:width .25s ease-in-out;width:15rem}.sidebar.collapsed{width:4.6875rem}.sidebar-nav{display:flex;flex-direction:column;padding:.5rem 0}.nav-link{all:unset;border-left:.25rem solid #0000;border-radius:0 .5rem .5rem 0;color:var(--text);margin:.25rem .5rem .25rem 0;padding:.625rem .75rem;text-decoration:none;transition:background .2s ease,color .2s ease}.nav-link,.nav-link .icon{align-items:center;display:flex}.nav-link .icon{flex:0 0 2.5rem;justify-content:center;transition:color .2s ease}.nav-link span{max-width:9.375rem;opacity:1;overflow:hidden;transition:opacity .25s ease,max-width .25s ease,margin .25s ease,color .2s ease;white-space:nowrap}.sidebar.collapsed .nav-link span{margin:0;max-width:0;opacity:0}.nav-link.active,.nav-link:hover,.nav-link:hover .icon{color:var(--accent)}.nav-link.active{background:var(--highlight);border-left-color:var(--accent);border-radius:0 .25rem .25rem 0}.nav-link.active .icon{color:var(--accent)}.main{background:var(--sub-background);display:flex;flex-direction:column;flex-grow:1;margin-top:5rem}.header{background:var(--background);border-bottom:.25rem solid var(--accent);height:5rem;left:0;padding:0 .875rem;position:fixed;right:0;top:0;z-index:10}.header,.header-left{align-items:center;display:flex}.header-left{gap:.9375rem}.header-right{align-items:center;display:flex;margin-left:auto}.sun-btn{color:var(--text)}.moon-btn{color:var(--accent)}.collapse-btn{border:none;border-radius:.5rem;color:var(--text)!important;cursor:pointer;display:grid;height:3rem;place-items:center;transition:background .2s ease,color .2s ease;width:3rem}.collapse-btn:hover{color:var(--accent)!important}.logo-container{align-items:center;display:flex}.logo{height:3.75rem;object-fit:contain}.content{background-color:var(--background);flex-grow:1;overflow-y:auto}.about-page{background:var(--background);color:var(--text);display:flex;flex-direction:column;padding:2.5rem}.about-intro{align-items:flex-start;display:flex;flex-wrap:wrap;gap:4rem;justify-content:flex-start}.sp-section{flex:0 0 auto}@media (max-width:30em){.about-intro{flex-direction:column;gap:2rem}}.about-text{display:flex;flex:1 1;flex-direction:column;min-width:25rem}.about-text p{color:var(--sub-text);line-height:1.6;margin:0}.about-text ul{line-height:1.6;margin-left:1.25rem}.section-header{color:var(--accent);margin:0 0 1rem;text-align:left}.dev-team{display:flex;flex-direction:column;gap:1.5rem;margin-top:3.75rem}.dev-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.profile-wrapper{display:inline-block}.profile-card{align-items:center;aspect-ratio:3/4;background:var(--sub-background);border:.25rem solid var(--accent);border-radius:.75rem;color:var(--text);display:flex;flex-direction:column;max-width:100%;padding:1.25rem}.profile-card.small{width:12.5rem}.profile-card.medium{width:18.75rem}.profile-card.large{min-width:25rem;width:25rem}.profile-photo{align-items:center;background:var(--background);border:.1875rem solid var(--accent);border-radius:50%;display:flex;height:8.75rem;justify-content:center;margin-bottom:.75rem;overflow:hidden;width:8.75rem}.profile-photo img{height:100%;object-fit:cover;width:100%}.photo-placeholder{color:var(--sub-text);font-size:3.5rem;font-weight:700;-webkit-user-select:none;user-select:none}.profile-name{font-size:1.35rem;font-weight:700;margin:.25rem 0;text-align:center}.profile-title{color:var(--sub-text);font-size:1rem;font-weight:500;margin:.15rem 0 .5rem;text-align:center}.profile-about{flex-grow:1;font-size:.9rem;line-height:1.45;margin-top:1rem;overflow:visible;text-align:center;white-space:pre-line}.profile-socials{display:flex;gap:.6rem;justify-content:center;margin:.4rem 0 .6rem}.social-icon{color:var(--text);cursor:pointer;font-size:.5rem;position:relative;transition:color .2s ease,transform .1s ease}.social-icon:hover{color:var(--accent)}.tooltip{animation:fadeIn .2s forwards;background:var(--background);border-radius:4px;bottom:125%;box-shadow:0 2px 6px #0003;color:var(--text);font-size:.75rem;left:50%;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%);white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}@keyframes bounceAnim{0%{transform:scale(1)}30%{transform:scale(1.25)}50%{transform:scale(.9)}70%{transform:scale(1.1)}to{transform:scale(1)}}.social-icon.bounce{animation:bounceAnim .5s}.gel-wrapper{display:inline-block;margin:2rem}.gel-container{align-items:center;display:flex;flex-direction:column}.gel-svg{display:block;overflow:visible}.gel-fill{fill:var(--sub-background);stroke:none}.gel-border{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-width:.25rem}.label{color:var(--text);font-size:var(--font-size-small);text-align:center}.axis text,.noselect{-webkit-user-select:none;user-select:none}.axis text{font-size:var(--font-size-small)}.axis line{shape-rendering:crispEdges}.well-btn circle{fill:var(--highlight);transition:fill .15s ease-in-out}.well-btn:hover circle{fill:var(--accent)}.protein-tooltip{background-color:var(--sub-accent);border:3px solid var(--accent);border-radius:6px;box-shadow:0 4px 4px var(--background);color:var(--sub-text);font-size:var(--font-size-small);min-width:240px;padding:12px;position:fixed;z-index:2}.protein-tooltip-title{color:var(--accent);font-size:var(--font-size-small);font-weight:700;margin-bottom:.5rem}.protein-tooltip a{color:var(--accent);text-decoration:none}.protein-tooltip a:hover{text-decoration:underline}.twoDE-button{background-color:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:8px;padding:8px 16px;transition:all .2s;width:140px}.twoDE-button:hover{background-color:#2a2a2a;border-color:#4a4a4a}.twoDE-button.icon{align-items:center;display:flex;gap:4px;justify-content:center}.twoDE-input{background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:14px;padding:4px;text-align:center;width:50px}.twoDE-range{-webkit-appearance:none;background-color:#555;border-radius:4px;height:8px;outline:none;transition:opacity .2s;width:100%}.twoDE-canvas-wrapper{position:relative}.twoDE-canvas{border:1px solid #444;border-radius:4px;height:600px;width:800px}#protein-list.twoDE-panel{background-color:#282828;border-radius:4px;display:flex;flex-direction:column;height:600px;overflow:hidden;padding:16px;position:relative;transition:width .3s ease-in-out;width:250px}.twoDE-resize-handle{background:#ffffff1a;cursor:ew-resize;height:100%;position:absolute;right:0;top:0;width:5px}.twoDE-protein-list{display:flex;flex:1 1;flex-direction:column;gap:8px;margin-top:8px;overflow-y:auto}.twoDE-protein-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;min-height:24px;padding:4px;transition:background-color .2s}.twoDE-protein-item.selected{background-color:#3a3a3a}.twoDE-protein-color{border-radius:50%;height:12px;min-width:12px;width:12px}.twoDE-protein-name{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twoDE-drag-overlay{align-items:center;background-color:#000000b3;border-radius:4px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.twoDE-drag-box{border:2px dashed #666;border-radius:8px;padding:20px;text-align:center}#protein-info-card.twoDE-card{background-color:#282828;border:1px solid #444;border-radius:4px;box-shadow:0 2px 8px #0003;color:#fff;min-width:200px;padding:12px;pointer-events:auto;position:fixed;z-index:1000}.twoDE-card h4{font-size:16px;margin-bottom:8px}.twoDE-card .meta{grid-gap:4px;display:grid;font-size:14px;gap:4px}.twoDE-card a{color:#63b3ed;text-decoration:none}.twoDE-card .muted{color:#a0aec0}.twoDE-card .sequence-preview{color:#a0aec0;font-family:monospace;font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.twoDE-progress{align-items:center;display:flex;height:50px;justify-content:center;position:relative;width:50px}.twoDE-progress .percent{font-size:12px;position:absolute}.twoDE-controls-row{color:var(--background);display:flex;gap:8px;justify-content:center}.twoDE-controls-col{background-color:var(--background)!important;color:#fff;display:flex;flex-direction:column;padding:16px}.twoDE-controls-col .control-group{align-self:center;margin-bottom:20px;max-width:800px;padding:0 20px}.twoDE-control-label{font-size:14px;width:120px}.twoDE-acrylic-desc{font-size:12px;min-width:140px}.control-group{color:var(--text)}.minus-button{margin:40}.minus-button,.plus-button{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:6px 10px}.plus-button{margin:50 40 40}.zoom-handler-buttons{background:#14141480;border-radius:8px;padding:4px;right:10;top:10}.zoom-button-container,.zoom-handler-buttons{display:flex;flex-direction:column;gap:4px;position:absolute}.zoom-button-container{padding-top:160px;right:10px;top:10px}.peptide-retention-page{background:var(--background);color:var(--text);min-height:100vh;padding:2rem}.input-section{align-items:center;display:flex;margin-bottom:1rem}.peptide-input{flex-grow:1;margin-right:1rem}.peptides-list{display:flex;flex-wrap:wrap;margin-top:1rem}.peptides-list div:first-child{color:var(--sub-text);font-weight:500;margin-bottom:.5rem}.predict-button{background-color:var(--accent)!important;color:"white"!important;height:3rem}.pr-label{color:"white"!important;font-weight:600!important;margin:0!important;max-width:140px!important;overflow:hidden!important;text-overflow:ellipsis!important}.predict-button:disabled{background-color:var(--sub-accent)!important;border:.125rem solid var(--sub-background);color:var(--sub-text)!important}.results-card .MuiTable-root{background:var(--sub-background);color:var(--text)}.results-card .MuiTableHead-root{background:var(--highlight)}.results-card .MuiTableHead-root .MuiTableCell-root{color:var(--accent);font-size:1.1rem;font-weight:700}.results-card .MuiTableBody-root .MuiTableCell-root{border-bottom:1px solid var(--sub-text);color:var(--text)}.results-card .MuiTableRow-root:hover{background:var(--highlight)}.results-card{background-color:var(--sub-background)!important;border:.25rem solid var(--accent);color:var(--text);margin-top:2rem;width:99%}.results-card .MuiCardHeader-title{color:var(--accent);font-weight:700}.error-alert{background:var(--sub-accent);border:.125rem solid var(--accent);color:var(--text);margin-top:1rem}.peptide-chip{background-color:var(--sub-accent)!important;margin:.25rem!important}.loading-spinner{margin-left:1rem}.chromatogram-loading-overlay .MuiCircularProgress-circle{stroke:var(--accent)!important}.chromatogram-section{background-color:var(--sub-background);margin-top:20px;width:100%}.disabled{opacity:.5;pointer-events:none}.table-container{position:relative}.chromatogram-loading-overlay,.loading-overlay{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.chromatogram-loading-overlay{z-index:10}
/*# sourceMappingURL=main.cbc250af.css.map*/