#app,body,html{margin:0;padding:0;width:100vw;height:100vh;display:flex;overflow:hidden;font-family:Roboto,sans-serif}*,*:before,*:after{box-sizing:border-box}#svCircos{align-items:center;background-color:none;border-radius:5px;border:none;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center;width:100%}#svCircos .tooltip-hover-variant{position:absolute;background-color:#fff;border:1px solid #2A65B7;padding:5px;border-radius:5px;pointer-events:none;display:flex;min-width:200px;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;z-index:10}.loading-div{align-items:center;display:flex;font-size:1.5em;height:100%;justify-content:center;width:100%;text-align:center;background-color:#f5f5f5}#chrom-select-bar{width:100%;height:100%;margin:0;padding:0;background-color:inherit;overflow:hidden}.tooltip-hover-variant{position:absolute;background-color:#fff;box-shadow:0 0 5px #0000004d;padding:5px 10px;border-radius:5px;pointer-events:none;display:flex;min-width:200px;flex-direction:column;justify-content:center;font-size:13px;align-items:center;overflow:hidden;z-index:10}.tooltip-hover-variant .tooltip-cols{display:flex;flex-direction:row;gap:10px}.tooltip-hover-variant .tooltip-cols .tooltip-row{display:flex;margin-bottom:5px}.tooltip-hover-variant .tooltip-cols .tooltip-row .tooltip-title{background-color:#ccc;padding:2px 5px;border-radius:5px 0 0 5px;display:flex;align-items:center}.tooltip-hover-variant .tooltip-cols .tooltip-row .tooltip-info{max-width:130px;text-wrap:wrap;word-wrap:break-word;overflow:hidden;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-radius:0 5px 5px 0;padding:2px 5px}.tooltip-hover-variant .tooltip-cols .tooltip-row .tooltip-info.zy{text-transform:uppercase}.linear-sv-chart-wrapper{background-color:#fff;border:.5px solid transparent;border-bottom:1px solid whitesmoke;border-radius:0;padding:5px;position:relative}.linear-sv-chart-wrapper .title{box-sizing:border-box;padding:0 5px;border-radius:5px;margin:0;position:absolute;pointer-events:none;left:-10px;font-weight:lighter;font-size:14px}.linear-sv-chart-wrapper p{color:#2a65b7;box-sizing:border-box;width:fit-content;margin:0;background-color:#f5f5f5}.linear-sv-chart-wrapper .drag-handle{height:30px;width:15px;border:1px solid #2A65B7;background-color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:-9px;font-weight:700;border-radius:5px;cursor:grab;writing-mode:vertical-rl;text-align:center;line-height:.3em;color:#2a65b7;box-sizing:content-box}.linear-sv-chart-wrapper .drag-handle:hover{background-color:#c1d1ea}.linear-sv-chart-wrapper .drag-handle svg{width:20px;height:20px;fill:#2a65b7}.linear-sv-chart-wrapper .remove-button{position:absolute;top:26%;left:-10px;cursor:pointer;color:#2a65b7;width:18px;height:18px;border-radius:50%;border:1px solid #2A65B7;display:flex;justify-content:center;align-items:center}.linear-sv-chart-wrapper .remove-button svg{width:15px;height:15px;fill:#2a65b7}.linear-sv-chart-wrapper .remove-button:hover{color:red;border:1px solid red}.linear-sv-chart-wrapper .remove-button:hover svg{fill:red}.linear-sv-chart{height:90px;width:100%;overflow:hidden}.linear-sv-chart.hidden{display:none}.loading-message{display:flex;justify-content:center;align-items:center;width:100%;height:120px;box-sizing:border-box;padding:5px 8px}.loading-message p{font-weight:700;color:#2a65b7;font-size:1.25em;padding:0;margin:0;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:5px}.linear-gene-chart-wrapper{background-color:#f8f8f8;border:.5px solid transparent;border-bottom:1px solid transparent;border-radius:5px;margin-top:5px;padding:5px;position:relative}.linear-gene-chart-wrapper .show-hide-toggle{position:absolute;right:45%;bottom:5px;cursor:pointer;font-size:14px;color:#666;font-weight:200;font-style:italic;background-color:#fffc;border-radius:5px;box-shadow:0 2px 5px #0000001a;padding:2px 5px}.linear-gene-chart-wrapper .show-hide-toggle:hover{color:#2a65b7}.linear-gene-chart-wrapper .global-gene-tip{position:absolute;right:43%;bottom:5px;cursor:pointer;font-size:14px;color:#666;font-weight:200;font-style:italic;border-radius:5px;padding:2px 5px;cursor:default}.linear-gene-chart-wrapper p{color:#2a65b7;font-weight:lighter;width:fit-content;border-radius:5px;box-sizing:border-box;margin:0 0 5px;padding:0 2px;background-color:#f8f8f8;pointer-events:none;font-size:14px;position:absolute;left:-10px;top:0}.linear-gene-chart-wrapper .linear-gene-chart{height:120px;width:100%;overflow:hidden;overflow-y:scroll;scrollbar-width:none}.linear-gene-chart-wrapper .linear-gene-chart::-webkit-scrollbar{display:none}.linear-regions-chart-wrapper{padding:5px;margin-top:10px;position:relative}.linear-regions-chart{max-height:80px;overflow-y:auto;scrollbar-width:none;width:100%;border:.5px solid #ccc;border-radius:5px}.linear-regions-chart::-webkit-scrollbar{display:none}#regions-chart-title{position:absolute;top:-12px;left:-10px;background-color:#fff;font-weight:lighter;font-size:14px;color:#2a65b7}.region-tooltip{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:5px;font-size:13px;box-shadow:0 0 5px #0003;display:flex;flex-direction:column;z-index:3}.region-tooltip .region-tooltip-header{position:relative}.region-tooltip .region-tooltip-drag-header{padding:5px 8px;-webkit-user-select:none;user-select:none;border-bottom:1px solid #e9ecef;border-radius:5px 5px 0 0}.region-tooltip .region-tooltip-content{padding:5px}.region-tooltip .region-tooltip-instruction{font-style:italic;color:#666;font-size:11px;text-align:center;margin-bottom:5px;padding:3px;background-color:#f0f0f0;border-radius:3px}.region-tooltip .region-tooltip-item{display:flex;margin-bottom:5px}.region-tooltip .region-tooltip-item .label{background-color:#ccc;padding:2px 5px;border-radius:5px 0 0 5px;display:flex;align-items:center}.region-tooltip .region-tooltip-item .value{max-width:130px;text-wrap:wrap;word-wrap:break-word;overflow:hidden;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-radius:0 5px 5px 0;padding:2px 5px}.region-tooltip-persistent{border:2px solid #2A65B7;box-shadow:0 0 10px #2a65b74d}.region-tooltip-hover{border:1px solid #ccc;padding:5px}.ideogram-scale-bar-wrapper{width:100%;padding:5px}.ideogram-scale-bar-viz{width:100%;height:55px;padding:0;border:.5px solid transparent}#sv-circos-mini-viz{width:100%;display:flex;justify-content:center;align-items:center}.gene-associations-card{height:320px;width:400px;display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:5px;margin-right:3px;padding:0}.gene-associations-card .additional-information{font-size:.8em;color:#666;margin-top:5px;text-align:center;width:100%;padding:2px}.gene-associations-card .gene-card-header{display:flex;flex-direction:column;width:100%;text-align:center;padding:5px;font-size:.8em;background-color:#ebebeb;border-radius:5px 5px 0 0}.gene-associations-card .gene-card-header .dose-sensitive-tag{color:#666;margin-bottom:5px;text-align:center;font-weight:200;padding:2px;border-radius:5px}.gene-associations-card .gene-card-header .symbol-row{font-weight:400;width:100%;display:flex;justify-content:center;align-items:center}.gene-associations-card .clingen-dosage-section{background-color:#f8f9fa;border-top:1px solid #dee2e6;border-radius:0 0 5px 5px;padding:8px}.gene-associations-card .clingen-dosage-section .clingen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.gene-associations-card .clingen-dosage-section .clingen-header .clingen-label{font-weight:600;color:#495057;font-size:.85em}.gene-associations-card .clingen-dosage-section .clingen-header .clingen-link{text-decoration:none}.gene-associations-card .clingen-dosage-section .clingen-header .clingen-link .clingen-button{display:flex;align-items:center;gap:4px;padding:4px 8px;color:#2a65b7;border-radius:4px;font-size:.75em;font-weight:500;transition:background-color .2s}.gene-associations-card .clingen-dosage-section .clingen-header .clingen-link .clingen-button svg{height:12px;fill:#2a65b7}.gene-associations-card .clingen-dosage-section .clingen-header .clingen-link .clingen-button:hover{background-color:#e9ecef}.gene-associations-card .clingen-dosage-section .dose-sensitive-tag{margin-bottom:4px;font-size:.8em;line-height:1.3}.gene-associations-card .clingen-dosage-section .dose-sensitive-tag.no-data{text-align:center;color:#6c757d;font-style:italic}.gene-associations-card .clingen-dosage-section .dose-sensitive-tag .disease-association-link{color:#0c5fc3;text-decoration:none;font-weight:200}.gene-associations-card .clingen-dosage-section .dose-sensitive-tag .disease-association-link:hover{text-decoration:underline}.gene-associations-card .clingen-dosage-section .centered{display:flex;align-items:center;justify-content:center;width:50%}.gene-associations-card .clingen-dosage-section .centered .patient-relevant{fill:#0c5fc3;height:15px;width:15px;margin-left:5px;margin-right:5px}.gene-associations-card .gene-information-section{display:flex;flex-grow:1;flex-direction:column;overflow-x:hidden;overflow-y:hidden}.diseases-container{display:flex;flex-direction:column;gap:8px;padding:8px;overflow-y:auto;height:100%}.diseases-container .disease{background-color:#f8f9fa;padding:8px;border-radius:5px;border:1px solid #e9ecef;margin-bottom:0}.diseases-container .disease .disease-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.diseases-container .disease .disease-header .disease-name{font-weight:700;font-size:.9em;color:#333}.diseases-container .disease .disease-header .phenotype-count{color:#666}.diseases-container .disease .disease-header .phenotype-count b{color:#0c5fc3}.diseases-container .disease .disease-ids{font-size:.8em;color:#666;margin-bottom:10px}.diseases-container .disease .disease-ids .disease-link{color:#0c5fc3;text-decoration:none;font-weight:200}.diseases-container .disease .disease-ids .disease-link:hover{text-decoration:underline}.diseases-container .disease .common-phenotypes .phenotype-chips-inline{display:flex;flex-wrap:wrap;gap:3px}.diseases-container .disease .common-phenotypes .phenotype-chips-inline .phenotype-chip-small{display:inline-flex;align-items:center;padding:3px 6px;border-radius:8px;background:#d4ece2;font-size:.7em;font-weight:500;color:#333}.diseases-container .disease .common-phenotypes .phenotype-chips-inline .phenotype-chip-small .hpo-link-small{margin-left:3px;display:flex;align-items:center;border-radius:3px;border:1px solid transparent;transition:background-color .2s,border .2s}.diseases-container .disease .common-phenotypes .phenotype-chips-inline .phenotype-chip-small .hpo-link-small svg{fill:#0c5fc3;height:15px;width:15px}.diseases-container .disease .common-phenotypes .phenotype-chips-inline .phenotype-chip-small .hpo-link-small:hover{background-color:#c1d1ea;border:1px solid #2A65B7}#phenotype-details{width:100%;max-width:1000px;height:100%;box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:space-between;align-self:center;background-color:#fff;padding:5px 10px 5px 1px;overflow:hidden}#phenotype-details .pop-svs{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:100%;padding:10px 5px;flex:1 0;border:none;border-top:1px solid #E0E0E0}#phenotype-details .pop-svs legend{font-weight:200;font-style:italic;font-size:.8em;color:#666}#phenotype-details .pop-svs .pop-svs-grid{display:flex;flex-wrap:wrap;gap:6px;overflow-y:auto;align-items:flex-start;justify-content:flex-start}#phenotype-details .pop-svs .pop-sv-card{background:#fafbfc;border:1px solid #E1E8ED;border-radius:6px;padding:8px 10px;transition:all .2s ease;flex:0 0 auto;min-width:200px;max-width:280px}#phenotype-details .pop-svs .pop-sv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}#phenotype-details .pop-svs .sv-type-badge{display:inline-block;padding:1px 6px;border-radius:10px;font-size:.7em;font-weight:500;text-transform:uppercase;background:#d1ecf1;color:#0c5460}#phenotype-details .pop-svs .sv-source{font-size:.7em;color:#6b7280;font-style:italic}#phenotype-details .pop-svs .pop-sv-metrics{display:flex;flex-direction:column;gap:3px}#phenotype-details .pop-svs .metric-row{display:flex;justify-content:space-between;align-items:center;font-size:.75em}#phenotype-details .pop-svs .metric-label{color:#6b7280;font-weight:400}#phenotype-details .pop-svs .metric-value{color:#1f2937;font-weight:500;font-family:Monaco,Menlo,Ubuntu Mono,monospace}#phenotype-details .pop-svs .fetching-message{font-weight:200;font-style:italic;color:#666;margin:20px;width:100%;display:flex;align-items:center;justify-content:center}#phenotype-details .pop-svs .none-found-message{display:flex;align-items:center;justify-content:center;height:100%;width:100%}#phenotype-details .pop-svs .empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;text-align:center}#phenotype-details .pop-svs .empty-icon{font-size:2.5em;opacity:.6}#phenotype-details .pop-svs .empty-text{color:#6b7280;font-weight:400}#phenotype-details .pop-svs .empty-subtext{font-size:.85em;color:#9ca3af;font-style:italic}#phenotype-details .pop-svs .blinking-elipse{display:inline-block;font-size:16px;font-weight:700;position:relative}#phenotype-details .blinking-elipse:after{content:"";animation:fadeInElipsis 1s infinite steps(3)}@keyframes fadeInElipsis{0%{content:""}33%{content:"."}66%{content:". ."}to{content:". . ."}}#phenotype-details .bp-sc{font-size:.8em;margin-right:5px}#phenotype-details #upper-section{height:200px;max-height:30%;box-sizing:border-box;display:flex;flex-direction:column}#phenotype-details #lower-section{flex:1 0;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}#phenotype-details .column{display:flex;flex-direction:column;align-items:center;width:100%;padding:5px;overflow:hidden}#phenotype-details .column.gene-cards{min-width:0;height:100%;border:none;border-top:1px solid #E0E0E0}#phenotype-details .column.gene-cards legend{font-weight:200;font-style:italic;font-size:.8em;color:#666}#phenotype-details .top-row{display:flex;flex-direction:row;gap:15px;width:100%;max-height:100%;overflow:hidden}@media (max-width: 768px){#phenotype-details .top-row{flex-direction:column;gap:10px}}#phenotype-details .top-row .variant-summary-column{display:flex;flex-direction:column;gap:4px;border:none;border-top:1px solid #E0E0E0;padding:6px 10px;overflow:hidden;flex:.5 0}@media (max-width: 768px){#phenotype-details .top-row .variant-summary-column{flex:1 0}}#phenotype-details .top-row .variant-summary-column legend{font-weight:600;font-size:1.1em;color:#2a65b7;text-align:center;padding:0;margin-bottom:2px}#phenotype-details .top-row .variant-summary-column .summary-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;justify-content:flex-start}@media (max-width: 480px){#phenotype-details .top-row .variant-summary-column .summary-chips{gap:3px}}#phenotype-details .top-row .variant-summary-column .chip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 6px;border-radius:4px;min-width:50px;text-align:center;transition:all .2s ease;cursor:default;flex:0 0 auto;border:1px solid #E0E0E0;background:#f5f5f5}@media (max-width: 480px){#phenotype-details .top-row .variant-summary-column .chip{padding:2px 4px;min-width:45px}}#phenotype-details .top-row .variant-summary-column .chip.zygosity-chip .chip-value{display:flex;align-items:center;gap:2px}#phenotype-details .top-row .variant-summary-column .chip.zygosity-chip .chip-value svg{width:12px;height:12px;fill:#000}#phenotype-details .top-row .variant-summary-column .chip-label{font-size:.7em;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.2px}#phenotype-details .top-row .variant-summary-column .chip-value{font-size:.8em;font-weight:600;color:#1f2937;font-family:Monaco,Menlo,Ubuntu Mono,monospace}#phenotype-details .gene-card-row{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;padding:5px;flex:1 0;overflow-x:hidden;overflow-y:auto}#phenotype-details .gene-card-row.no-genes{justify-content:center;align-items:center;font-weight:200;font-style:italic;color:#666;border-radius:5px;width:100%;overflow:hidden;background-color:#f5f5f5}#phenotype-details .gene-card-row .row{display:flex;flex-direction:row;width:100%;align-items:flex-start;gap:6px;margin-bottom:6px;flex-wrap:wrap;justify-content:flex-start}#phenotype-details .show-more-genes{display:flex;flex-direction:column;width:100%;align-items:flex-start;justify-content:flex-start}#phenotype-details .show-more-genes .show-btn{background-color:#f5f5f5;border-radius:5px;align-self:flex-end;font-size:.8em;cursor:pointer;padding:5px;font-weight:200;font-style:italic;color:#666}#phenotype-details .show-more-genes .show-btn:hover{color:#2a65b7}#phenotype-details .select-organization-btn-container{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;overflow:hidden;font-size:.8em;color:#474747;align-self:flex-end;margin-bottom:10px}#phenotype-details .select-organization-btn-container .organization-select{border:none;width:120px;text-transform:uppercase;color:#474747;height:100%;border:1px solid #E0E0E0;border-radius:5px;font-weight:200;margin-left:5px;background-color:#fff;padding:2px 5px;cursor:pointer;outline:none}#phenotype-details .select-organization-btn-container .organization-select:hover{background-color:#e0e0e0}#phenotype-details .select-organization-btn-container .organization-select:focus{background-color:#ebebeb}.tipped-button{position:relative;background-color:#f0f0f0;border-radius:5px;border:1px solid #e0e0e0;color:#333;cursor:pointer;margin:4px 2px;padding:5px 10px;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;overflow:visible;transition:all .3s}.tipped-button.circle{border-radius:50%;height:25px;width:25px;padding:0;text-align:center;display:flex;align-content:center;justify-content:center}.tipped-button.rectangle{border-radius:5px}.tipped-button:hover{background-color:#e0e0e0;color:#000}.tipped-button .symbol{display:flex;align-items:center;justify-content:center;height:25px;width:25px}.tipped-button .symbol svg{height:25px;width:25px}.btn-tip{visibility:hidden;white-space:nowrap;background-color:#fff;border:1px solid #e0e0e0;font-size:.8em;color:#000;text-align:center;border-radius:3px;padding:5px 4px;position:absolute;z-index:1;opacity:0;box-shadow:0 0 5px #0000004d;transition:all .5s;pointer-events:none}.coverage-histo-wrapper,.multi-bam-wrapper{height:180px;--iobio-data-color: rgba(42,101,183, .8);padding:5px;border:1px solid rgb(239,239,239);background-color:#f7f7f7;border-top:none;border-radius:0 0 5px 5px}#igv-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#igv-modal button{border:1px solid #ccc;border-radius:5px;padding:5px 10px;align-self:flex-start;cursor:pointer;font-size:16px;margin-left:10px;margin-bottom:5px;color:#333}#igv-modal button:hover{background-color:#f0f0f0;color:#000;border-color:#999}#igv-container{width:100%;height:95%;padding:10px 5px;z-index:9999;background-color:#fff;opacity:.95;border-radius:10px;border:1px solid #ccc;overflow-y:auto}#igv-container *{box-sizing:border-box}#phenotype-summary{margin-top:20px;display:flex;flex-direction:column;overflow:hidden;max-width:1000px;align-self:center;height:100%}.summary-container{display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start}.associations-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:20px 10px;overflow-y:auto}.associations-container .diseases-header{margin-bottom:15px}.associations-container .diseases-header h3{margin:0 0 5px;font-size:18px;font-weight:600;color:#333}.associations-container .diseases-header .diseases-subtitle{margin:0;font-size:13px;color:#666;font-style:italic}.associations-container .sv-code{margin-bottom:5px;margin-top:0;text-align:center;border-bottom:1px solid #f0f0f0;padding-bottom:5px}.associations-container .gene-symbol{margin-bottom:5px;margin-top:0;text-align:center}.sv{border:1px solid #f0f0f0;padding:10px;border-radius:5px;margin-bottom:5px;width:100%}.phenotype-chips-container{border:1px solid #f0f0f0;padding:0;border-radius:5px;font-size:14px;width:fit-content}.phenotype-chips-container h3{margin:0;padding:5px 10px;font-size:18px;font-weight:600;background-color:#f0f0f0}.chip-legend{display:flex;gap:15px;padding:10px;font-size:12px;border-bottom:1px solid #f0f0f0;background-color:#fafafa}.legend-item{display:flex;align-items:center;gap:5px}.legend-chip{width:12px;height:12px;border-radius:6px;display:inline-block}.legend-chip.accounted{background:#d4ece2}.legend-chip.unaccounted{background:#e0e0e0;border:1px solid #bdbdbd}.legend-text{color:#666;font-size:11px}.phenotype-chips{display:flex;flex-wrap:wrap;gap:7px;padding:10px}.phenotype-chip{display:inline-block;padding:3px 10px;border-radius:8px;background:#d4ece2;font-size:.9em;font-weight:500;transition:background .2s,color .2s}.phenotype-chip.unaccounted{background:#e0e0e0;color:#888;border:1px solid #bdbdbd}.indented{padding-left:20px}.indented.term{font-size:14px;font-weight:400;margin-bottom:5px;margin-left:20px;background-color:#f0f0f0;border-radius:5px;padding:2px 5px;width:fit-content}.disease{background-color:#f0f0f0;padding:12px;border-radius:8px;margin-bottom:10px;width:100%}.disease .disease-content{display:flex;gap:20px;align-items:flex-start}.disease .disease-info{flex:1;min-width:0}.disease .disease-header{display:flex;align-items:center;margin-bottom:8px}.disease .disease-header .disease-name{font-weight:700;font-size:16px;color:#333}.disease .disease-header .disease-id{color:#666;font-size:14px;margin-left:5px}.disease .disease-header .phenotype-count{display:block;font-size:12px;font-weight:400;color:#666;padding:2px 8px;border-radius:5px;width:fit-content;align-self:start;margin-left:10px}.disease .disease-header .phenotype-count b{color:#0c5fc3}.disease .disease-ids{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;font-size:12px;color:#666}.disease .disease-ids .disease-link{color:#0c5fc3;font-weight:200;text-decoration:none}.disease .disease-ids .disease-link:hover{text-decoration:underline}.disease .common-phenotypes .phenotypes-label{font-size:12px;font-weight:500;color:#555;margin-bottom:4px}.disease .common-phenotypes .phenotype-chips-inline{display:flex;flex-wrap:wrap;gap:4px}.disease .common-phenotypes .phenotype-chips-inline .phenotype-chip-small{display:inline-block;padding:2px 8px;border-radius:12px;background:#d4ece2;font-size:11px;font-weight:500;color:#333}.disease .sv-gene-pairs{min-width:200px}.disease .sv-gene-pairs .pair-label{font-size:12px;font-weight:500;color:#555;margin-bottom:4px;display:grid;grid-template-columns:1fr 1fr;gap:5}.disease .sv-gene-pairs .pairs-list{display:flex;flex-direction:column;gap:3px}.disease .sv-gene-pairs .pairs-list .sv-gene-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px}.disease .sv-gene-pairs .pairs-list .sv-gene-pair .sv-code{background-color:#e0e0e0;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500}.disease .sv-gene-pairs .pairs-list .sv-gene-pair .gene-symbol{background-color:#d1ecf1;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;color:#0c5460;width:fit-content}.disease-group{margin-bottom:5px}.disease-group-header{background-color:#f0f0f0;padding:5px;border-radius:5px;margin-bottom:5px;font-weight:700;font-size:14px;width:fit-content}.view-section{width:100%;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;border-radius:0 0 5px 5px;padding:5px 10px;background-color:#fafafa}.select-view-container{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-start}.select-view-container label{font-weight:400;font-size:14px;color:#666}.select-view-container .view-select{width:120px;height:30px;border-radius:5px;border:1px solid #f0f0f0;padding:5px;font-size:14px;font-weight:400;background:#fff}.phen-in-common-header{font-style:italic;color:#666;margin-bottom:5px;margin-top:10px;font-size:14px;font-weight:400}#toggle-view-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;width:156px;min-height:20px;padding:0;border-radius:5px;border:1px solid #E0E0E0;overflow:hidden;align-self:flex-end;margin-bottom:5px}#toggle-view-buttons button{border:none;width:50%;text-transform:uppercase;color:#474747;height:100%;background-color:#fff}#toggle-view-buttons button:hover{cursor:pointer;background-color:#e0e0e0}#toggle-view-buttons button.active{background-color:#ebebeb}#toggle-view-buttons button.active:hover{background-color:#e0e0e0}.slider{-webkit-appearance:none;width:70px;height:5px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#2a65b7;cursor:pointer}.slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#2a65b7;cursor:pointer}.zoom-level-label{color:#2a65b7}.fieldset-buttons-container{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:2px 5px;border:1px solid #E0E0E0;border-radius:5px;margin-left:10px}.fieldset-buttons-container legend{margin:0;padding:0;font-size:.6em;text-transform:uppercase;text-align:center;font-style:italic;color:#474747}.fieldset-buttons-container button{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:3px;margin:0 2px;border:1px solid transparent;border-radius:5px;text-transform:uppercase;color:#474747;height:100%;transition:background-color .2s,border .2s}.fieldset-buttons-container button.disabled{cursor:not-allowed;color:#b0b0b0;background-color:inherit}.fieldset-buttons-container button.disabled svg{fill:#b0b0b0}.fieldset-buttons-container button.disabled:hover{background-color:inherit;border:1px solid transparent;cursor:not-allowed}.fieldset-buttons-container button:hover{cursor:pointer;background-color:#c1d1ea;border:1px solid #2A65B7}.fieldset-buttons-container button svg{width:18px;height:18px;fill:#2a65b7;border-radius:50%}#radios-tools-container{display:flex;justify-content:flex-start;align-items:flex-end;height:100%}#radios-tools-container .location-indicator{display:flex;flex-direction:row;align-items:center;padding:5px;border:none;border-bottom:1px solid #E0E0E0;margin-left:10px}#radios-tools-container legend{margin:0;padding:0;font-size:.6em;text-transform:uppercase;font-style:italic;color:#474747}#radios-tools-container p.entry{margin:0;padding:0;font-size:.8em;border-radius:5px}#left-tracks-section{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:hidden;padding:5px 10px;position:relative;transition:all .5s}#left-tracks-section #circos-mini-wrapper{position:absolute;right:5px;top:5px;width:22%}#left-tracks-section .upper-track-selectors-bar{align-items:center;box-sizing:border-box;display:flex;width:100%}#left-tracks-section .wrapper-95{position:relative;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:2px;width:100%}#left-tracks-section #linear-section-container{box-sizing:border-box;flex:1 1 auto;overflow-y:auto;padding-left:10px;padding-right:10px;position:relative}#left-tracks-section #linear-section-container #linear-marker-line{position:absolute;top:0;left:0;width:1px;height:100%;background-color:red;z-index:2}#left-tracks-section #linear-section-container .proband-chart{position:sticky;top:2px;z-index:1}#buttons-container{height:100%;display:flex}#chrom-select-bar-div{height:30px;display:flex;align-items:center;justify-content:center;flex-grow:1;box-sizing:content-box}#global-chart-style-selection{width:fit-content;color:#2a65b7;background-color:#ebebeb;border:1px solid transparent;border-radius:5px;margin-left:10px;padding:5px;height:100%;display:flex;align-items:center;transition:background-color .2s,border .2s}#global-chart-style-selection:hover{cursor:pointer;background-color:#c1d1ea;border:1px solid #2A65B7}select{border:none;font-weight:700;color:#2a65b7;font-size:1em;text-transform:uppercase;background-color:inherit}select:hover{cursor:pointer}select:focus{outline:none}.collapseable-chart{padding:0;margin:0;border:0px;overflow:visible;position:relative}.collapseable-chart.collapsed{height:0px}.collapseable-chart button:nth-of-type(1){position:absolute;top:-10px;right:75px;cursor:pointer;z-index:3;border-radius:10px;border:none;color:#2a65b7;border:1px solid transparent;transition:background-color .2s,border .2s}.collapseable-chart button:nth-of-type(1):hover{background-color:#c1d1ea;border:1px solid #2A65B7}.collapseable-chart button:nth-of-type(1):disabled{cursor:not-allowed;color:#b0b0b0;background-color:#ebebeb;border:1px solid #B0B0B0}.collapseable-chart button:nth-of-type(1):disabled:hover{border:1px solid #B0B0B0;background-color:#ebebeb;cursor:not-allowed}.collapseable-chart button:nth-of-type(2){position:absolute;top:-10px;right:0;cursor:pointer;z-index:3;border-radius:10px;border:none;color:#2a65b7;border:1px solid transparent;transition:background-color .2s,border .2s}.collapseable-chart button:nth-of-type(2):hover{background-color:#c1d1ea;border:1px solid #2A65B7}.collapseable-chart button:nth-of-type(2):disabled{cursor:not-allowed;color:#b0b0b0;background-color:#ebebeb;border:1px solid #B0B0B0}.collapseable-chart button:nth-of-type(2):disabled:hover{border:1px solid #B0B0B0;background-color:#ebebeb;cursor:not-allowed}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffb3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:12}.loading-overlay #loading-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:10px;width:100%;border-radius:5px;margin-bottom:20px;box-shadow:0 0 5px #fff;background-color:#ffffffb3;height:100px}.loading-overlay #loading-container p{margin:0;font-size:1em;text-transform:uppercase;color:#474747;font-weight:200}.loading-overlay #loading-container .progress-outline{border:1px solid #E0E0E0;border-radius:5px;width:50%;max-width:600px;overflow:hidden}.loading-overlay #loading-container .progress-bar{width:1%;height:10px;background-color:#0c5fc3;align-self:flex-start;border-radius:3px}.loading-overlay .spinner{border:4px solid #f3f3f3;border-top:4px solid #0C5FC3;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:40px}.loading-overlay .loading-carousel{height:60px;overflow:hidden;display:flex;align-items:center;justify-content:center}.carousel-message{color:#0c5fc3;font-size:16pt;background-color:#ffffffe6;padding:15px;border-radius:5px;font-weight:300;text-align:center;animation:slideIn .5s ease-in-out;white-space:nowrap}@keyframes slideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.variant-list-item{width:100%;height:100px;min-height:100px;max-height:100px;position:relative}.variant-list-item .novel-tag{display:flex;justify-content:center;align-items:center;position:absolute;top:-1px;right:0}.variant-list-item .novel-tag svg{height:13px;width:13px;fill:red;pointer-events:none}.variant-list-item .focus-indicator{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;width:25px;height:25px}.variant-list-item .focus-indicator svg{height:20px;width:20px;fill:#ffb60a;pointer-events:none}.variant-list-item .preview{position:relative;display:grid;grid-template-columns:minmax(0,.05fr) minmax(0,.05fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.5fr);grid-template-rows:1fr 1fr;padding:5px;width:100%;height:100%;box-sizing:border-box;border-bottom:1px solid #F5F5F5;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid transparent}.variant-list-item .preview.hasGoi{grid-template-columns:minmax(0,.1fr) minmax(0,.1fr) minmax(0,.15fr) minmax(0,.15fr) minmax(0,.2fr) minmax(0,.15fr) minmax(0,.15fr) minmax(0,.25fr)}.variant-list-item .preview.isHidden:hover{background-color:#fff;cursor:auto}.variant-list-item .preview.focusedVariant{border:2px solid #FFB60A;border-radius:5px}.variant-list-item .preview.opened{box-shadow:0 2px 5px #0000001a;background-color:#dee9f7;border-bottom:1px solid #DEE9F7}.variant-list-item .preview .exp-collapse-carrot{display:flex;justify-content:center;align-items:center;align-self:flex-end;border-radius:50%;border:2px solid transparent;height:fit-content;transition:border .2s ease-in-out,border-radius .2s ease-in-out}.variant-list-item .preview .exp-collapse-carrot:hover{cursor:pointer;border:2px solid #2A65B7;border-radius:5px}.variant-list-item .preview .exp-collapse-carrot svg{height:20px;width:20px;fill:#2a65b7;pointer-events:none}.variant-list-item .preview.condensed{grid-template-columns:minmax(0,.1fr) minmax(0,.15fr) minmax(0,.25fr) minmax(0,.15fr) minmax(0,.15fr) minmax(0,.15fr);grid-template-rows:1fr 1fr}.variant-list-item .preview.expanded{grid-template-columns:minmax(0,.1fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.2fr) minmax(0,.5fr);grid-template-rows:1fr 1fr}.variant-list-item .preview .goi-ol-text{font-weight:200;grid-row:1/3;color:#474747;display:flex;align-items:center;justify-content:center;text-align:center}.variant-list-item .preview .goi-ol-text.subtle,.variant-list-item .preview .goi-ol-text .na{opacity:.4}.variant-list-item .preview .num-phens-text{position:relative;max-height:100%;padding:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;grid-row:1/3;font-size:.8em}.variant-list-item .preview .num-phens-text strong{font-size:1.2em;margin:0}.variant-list-item .preview .num-phens-text .subtle{opacity:.4;font-weight:200;color:#474747}.variant-list-item .preview .num-phens-text .max-gene{font-weight:400;padding-top:3px}.variant-list-item .preview .num-phens-text .phenotypes-preview{display:flex;flex-wrap:wrap;overflow-y:auto;max-height:100%;height:100%}.variant-list-item .preview .num-phens-text .phenotypes-preview .phenotype-tag{padding:3px;border-radius:5px;background-color:#f5f5f5;margin:2px;font-size:.8em;font-weight:200;color:#474747}.variant-list-item .preview .zygosity-symbols{flex-direction:column;align-items:center;color:#474747;display:flex;font-size:.8em;font-weight:200;grid-row:1/3;justify-content:center;position:relative;width:100%}.variant-list-item .preview .zygosity-symbols svg{height:15px;width:15px;fill:#474747}.variant-list-item .preview .size-text{font-size:.8em;font-weight:200;color:#474747;grid-row:1/2}.variant-list-item .preview .size-text .bp-sc{font-size:.9em;opacity:.8}.variant-list-item .preview .type-text{border-radius:5px;font-size:.75em;font-weight:200;opacity:.8;grid-row:1/3}.variant-list-item .preview .chr-text{font-weight:200;grid-row:1/2;color:#474747;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:cente;overflow:visible}.variant-list-item .preview .band{font-size:.75em;font-weight:200;grid-row:2/3;grid-column:2/4;color:#474747;text-align:start;overflow:visible;white-space:nowrap;background-color:#f5f5f5;border-radius:5px}.variant-list-item .preview .total-text{font-weight:200;grid-row:1/3;color:#474747;display:flex;align-items:center;justify-content:center;text-align:center}.variant-list-item .preview .total-text.subtle{opacity:.4}.variant-list-item .preview div{display:flex;align-items:center;justify-content:center}.variant-list-item .preview:hover{background-color:#f5f5f5;cursor:pointer}.variant-list-item .favorite-tag{grid-column:1/2;grid-row:1/2;border-radius:5px}.variant-list-item .favorite-tag svg{height:20px;width:20px;fill:#474747;pointer-events:none}.variant-list-item .favorite-tag:hover{background:#e3e3e3}.variant-list-item .favorite-tag.favorite svg{fill:#ffb60a}.variant-list-item .hide-tag{grid-column:1/2;grid-row:2/3;border-radius:5px}.variant-list-item .hide-tag svg{height:15px;width:15px;fill:#474747;pointer-events:none}.variant-list-item .hide-tag:hover{background:#e3e3e3}.variant-list-item .num-phens-tag{position:absolute;top:-3px;left:0;border:.5px solid #474747;padding:1px 3px;font-size:.8em;font-weight:200;border-radius:5px;color:#474747}#variant-scroll-wrapper{flex-grow:1;width:100%;padding-right:10px;position:relative;overflow:hidden;overscroll-behavior:none}#variant-scroll-wrapper.hidden{display:none;height:0px}#variant-scroll-wrapper #variant-items-wrapper{overflow-y:auto;height:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none;position:relative}#variant-scroll-wrapper #variant-items-wrapper::-webkit-scrollbar{display:none}#variant-scroll-wrapper #variant-list-bar-sudo-scroll{position:absolute;top:0;right:0;width:10px;height:100%;background-color:#f5f5f5;z-index:2}#variant-scroll-wrapper #variant-list-bar-sudo-scroll #variant-list-bar-sudo-scroll-thumb{width:95%;height:50px;position:relative;background-color:#ccc;border-radius:10px;cursor:pointer}#variant-scroll-wrapper #variant-list-bar-sudo-scroll #variant-list-bar-sudo-scroll-thumb:hover{background-color:#b8b8b8}#hidden-variants-section{height:40px;width:100%;display:flex;flex-direction:column;box-sizing:border-box;border-right:1px solid #E0E0E0;color:#474747}#hidden-variants-section #hidden-variants-header{height:40px;min-height:40px;width:100%;border-radius:0 3px 0 0;padding-right:10px;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;border-top:1px solid #E0E0E0;background:#f5f5f5;text-transform:uppercase;font-size:.8em;font-weight:200;color:#474747}#hidden-variants-section #hidden-variants-header span{margin-right:5px;display:inline-flex;align-items:center;gap:3px}#hidden-variants-section #hidden-variants-header span svg{height:22px;width:22px;cursor:pointer;fill:#474747}#hidden-variants-section #hidden-variants-header span b{background:#e0e0e0;padding:2px 3px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}#hidden-variants-section #hidden-variants-header span b.showing{background:#aeaeae}#hidden-variants-section #hidden-variants-header span b span{margin:0}#hidden-variants-section #hidden-variants-header span b span svg{height:18px;width:18px;fill:#474747}#hidden-variants-section #hidden-variants-header span b:hover{background:#aeaeae}#hidden-variants-section.expanded{height:100%}#hidden-variants-section.expanded #hidden-variants-column{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}#variant-list-bar{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-bottom:1px;width:100%;height:100%;box-sizing:border-box;overflow:hidden;position:relative;transition:width .4s,min-width .4s}#variant-list-bar.collapsed{width:0px;min-width:0px}#variant-list-bar #variant-list-bar-header{display:grid;grid-template-columns:minmax(0,.05fr) minmax(0,.05fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.5fr);grid-template-rows:1fr 1fr;font-size:.7em;font-weight:200;width:100%;height:50px;margin:0;padding:5px 15px 5px 5px;border-left:2px solid transparent;border-right:2px solid transparent;box-sizing:border-box;position:sticky;text-transform:uppercase;top:0;background-color:#fff;color:#474747;border-bottom:1px solid #E0E0E0;box-shadow:0 2px 5px #0000001a;z-index:1}#variant-list-bar #variant-list-bar-header.hasGoi{grid-template-columns:minmax(0,.1fr) minmax(0,.1fr) minmax(0,.15fr) minmax(0,.15fr) minmax(0,.2fr) minmax(0,.15fr) minmax(0,.15fr) minmax(0,.25fr)}#variant-list-bar #variant-list-bar-header.condensed{grid-template-columns:minmax(0,.1fr) minmax(0,.15fr) minmax(0,.25fr) minmax(0,.15fr) minmax(0,.15fr) minmax(0,.15fr);grid-template-rows:1fr 1fr}#variant-list-bar #variant-list-bar-header.expanded{grid-template-columns:minmax(0,.1fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.1fr) minmax(0,.2fr) minmax(0,.5fr);grid-template-rows:1fr 1fr}#variant-list-bar #variant-list-bar-header .span-rows{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;grid-row:1/3;overflow-wrap:break-word;max-width:100%;text-overflow:ellipsis;position:relative;cursor:pointer}#variant-list-bar #variant-list-bar-header .span-rows .tipped-button{border:none;background:none}#variant-list-bar #variant-list-bar-header .span-rows .tipped-button .symbol{pointer-events:none}#variant-list-bar #variant-list-bar-header .span-rows .tipped-button .symbol svg{height:20px;width:20px;fill:#474747}#variant-list-bar #variant-list-bar-header .span-rows .sort-tip{position:absolute;right:-9px;top:10;opacity:0;transition:opacity .2s;width:20px;height:20px;fill:gray}#variant-list-bar #variant-list-bar-header .span-rows:hover{background-color:#f5f5f5;border-radius:5px}#variant-list-bar #variant-list-bar-header .span-rows:hover .sort-tip{opacity:1}#variant-list-bar #variant-list-bar-header .span-rows .svgs{align-items:center;display:flex;justify-content:space-evenly;width:100%}#variant-list-bar #variant-list-bar-header .span-rows .svgs svg{width:20px;height:20px;fill:gray}#variant-list-bar #variant-list-bar-header .upper{grid-column:2/4;grid-row:1;max-width:100%;text-overflow:ellipsis}#variant-list-bar #variant-list-bar-header .lower{max-width:100%;grid-column:2/4;grid-row:2;justify-content:space-evenly;text-transform:none;overflow-wrap:break-word;font-weight:200;text-overflow:ellipsis}#variant-list-bar #variant-list-bar-header .lower .col{display:flex;flex-direction:column;justify-content:space-evenly;overflow-wrap:break-word;align-items:center}#variant-list-bar #variant-list-bar-header .lower .col b{padding:0 2px}.multi-gene-input{position:absolute;top:100px;left:0;width:99%;background-color:#f0f0f0;border-radius:5px;gap:5px;display:flex;flex-direction:column;padding:10px 10px 5px;box-shadow:0 0 5px #0000004d;z-index:2}.multi-gene-input textarea{padding:5px 10px;border:1px solid #e0e0e0;border-radius:5px;resize:none;height:100px}.multi-gene-input .btns-container{display:flex;justify-content:flex-end;gap:5px}.multi-gene-input .btns-container button{padding:5px 10px;border:1px solid #e0e0e0;border-radius:5px;background-color:#f0f0f0;color:#333;cursor:pointer}.multi-gene-input .btns-container button:hover{background-color:#e0e0e0}.multi-gene-input .btns-container button:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed}.multi-gene-input .error-msg{height:20px;display:flex;align-items:center;background-color:#f0f0f0;font-size:12px}.multi-gene-input .error-msg .unfound{color:red}#genes-of-interest-list-bar{display:flex;flex-direction:column;justify-content:flex-start;height:100%;overflow-y:auto;border-right:1px solid #f0f0f0}#genes-of-interest-list-bar #goi-search-bar{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:5px 10px}#genes-of-interest-list-bar #goi-search-bar #goi-search-box{position:relative;flex:1}#genes-of-interest-list-bar #goi-search-bar #goi-search-box .search-results{position:absolute;top:40px;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:5px;max-height:200px;overflow-y:auto}#genes-of-interest-list-bar #goi-search-bar #goi-search-box .search-results ul{list-style:none;margin:0;padding:0}#genes-of-interest-list-bar #goi-search-bar #goi-search-box .search-results ul li{padding:5px 10px}#genes-of-interest-list-bar #goi-search-bar #goi-search-box .search-results ul li:hover{background-color:#f0f0f0}#genes-of-interest-list-bar #goi-search-bar #goi-search-box input{padding:5px 10px;border:1px solid #e0e0e0;border-radius:5px;width:100%}#genes-of-interest-list-bar .genes-of-interest-list-bar-gene{background-color:#f0f0f0;border-radius:5px;padding:5px;margin:5px;width:fit-content;display:flex;align-items:center}#genes-of-interest-list-bar .genes-of-interest-list-bar-gene.focused{background-color:#707070;color:#fff}#genes-of-interest-list-bar .genes-of-interest-list-bar-gene.focused span>svg{fill:#fff}#genes-of-interest-list-bar .genes-of-interest-list-bar-gene.focused span>svg:hover{fill:red}#genes-of-interest-list-bar .genes-of-interest-list-bar-gene.focused:hover{color:#000}#genes-of-interest-list-bar .genes-of-interest-list-bar-gene span{cursor:pointer}#genes-of-interest-list-bar .genes-of-interest-list-bar-gene .close-btn{cursor:pointer;margin-right:5px;display:flex;align-items:center}#genes-of-interest-list-bar .genes-of-interest-list-bar-gene svg{width:25px;height:25px}#genes-of-interest-list-bar .genes-of-interest-list-bar-gene svg:hover{fill:red}#genes-of-interest-list-bar .genes-of-interest-list-bar-gene:hover{background-color:#e0e0e0}.multi-phen-input{position:absolute;top:100px;left:0;width:99%;background-color:#f0f0f0;border-radius:5px;gap:5px;display:flex;flex-direction:column;padding:10px 10px 5px;box-shadow:0 0 5px #0000004d;z-index:2}.multi-phen-input textarea{padding:5px 10px;border:1px solid #e0e0e0;border-radius:5px;resize:none;height:100px}.multi-phen-input .btns-container{display:flex;justify-content:flex-end;gap:5px}.multi-phen-input .btns-container button{padding:5px 10px;border:1px solid #e0e0e0;border-radius:5px;background-color:#f0f0f0;color:#333;cursor:pointer}.multi-phen-input .btns-container button:hover{background-color:#e0e0e0}.multi-phen-input button:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed}.multi-phen-input .error-msg{height:20px;display:flex;align-items:center;background-color:#f0f0f0;font-size:12px}.multi-phen-input .error-msg .unfound{color:red}.multi-phen-input .input-type-choice{display:flex;gap:10px}.multi-phen-input .input-type-choice label{display:flex;align-items:center;font-size:14px;font-weight:200}.multi-phen-input .input-type-choice label input{margin-right:5px}#phenotypes-list-bar{display:flex;flex-direction:column;justify-content:flex-start;height:100%;width:100%;overflow-y:auto;border-right:1px solid #f0f0f0}#phenotypes-list-bar .phenotype-row{display:flex;justify-content:space-between;padding:5px 10px;border:1px solid #e0e0e0;border-radius:5px;margin:1px 2px;font-size:.95em}#phenotypes-list-bar .phenotype-row :nth-child(2){text-transform:capitalize;text-align:center;text-overflow:ellipsis;height:100%}#phenotypes-list-bar .phenotype-row svg{width:25px;height:25px}#phenotypes-list-bar .phenotype-row svg:hover{fill:red}#phenotypes-list-bar #phenotypes-search-bar{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:5px 10px}#phenotypes-list-bar #phenotypes-search-bar #phenotypes-search-box{position:relative;flex:1}#phenotypes-list-bar #phenotypes-search-bar #phenotypes-search-box .search-results{position:absolute;top:40px;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:5px;max-height:200px;overflow-y:auto}#phenotypes-list-bar #phenotypes-search-bar #phenotypes-search-box .search-results ul{cursor:pointer;list-style:none;margin:0;padding:0}#phenotypes-list-bar #phenotypes-search-bar #phenotypes-search-box .search-results ul li{padding:5px 10px}#phenotypes-list-bar #phenotypes-search-bar #phenotypes-search-box .search-results ul li:hover{background-color:#f0f0f0}#phenotypes-list-bar #phenotypes-search-bar #phenotypes-search-box input{padding:5px 10px;border:1px solid #e0e0e0;border-radius:5px;width:100%}#title{font-size:1.2em;font-weight:600;margin:0;padding:0;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;align-self:center}#nav-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:3px 10px;width:100%;background-color:#0d60c3;color:#fff;z-index:5}#nav-bar .column-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;height:100%}#nav-bar .nav-bar-item-sub.save{margin-bottom:1px;width:100%;display:flex;justify-content:center;align-items:center}#nav-bar .nav-bar-item-sub.clear{margin-top:1px;display:flex;border:1px solid #CC0000;background-color:#ffadad;justify-content:center;align-items:center}#nav-bar .nav-bar-item-sub.clear svg{height:15px;width:auto;display:block;fill:#c00}#nav-bar #disclaimer-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center}#nav-bar #disclaimer-overlay #disclaimer-text{background-color:#fff;padding:40px;border-radius:5px;max-width:800px;display:flex;flex-direction:column;align-items:center}#nav-bar #disclaimer-overlay #disclaimer-text h1{margin:0;padding:10px 0;font-size:1.1em;color:#000;font-weight:600}#nav-bar #disclaimer-overlay #disclaimer-text i{font-style:italic;color:#555}#nav-bar #disclaimer-overlay p{margin:0;color:#000;line-height:1.5}#nav-bar #disclaimer-overlay button{align-self:flex-end;margin-top:10px;padding:5px 10px;border:1px solid #0B4B99;border-radius:3px;background-color:#0b4b99;color:#fff;cursor:pointer;transition:all .15s ease}#nav-bar #disclaimer-overlay button:hover{filter:brightness(120%)}#nav-bar .container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;height:100%}#nav-bar .container button{display:flex;flex-direction:row;align-items:center;border:1px solid #0B4B99;border-radius:3px;background-color:#0b4b99;color:#fff;cursor:pointer;transition:all .15s ease;height:100%}#nav-bar .container button#disclaimer-btn{display:flex;justify-content:center;align-items:center;padding:0;height:100%;background-color:transparent;border:none;width:auto;margin-left:5px;border-radius:50%;transition:background-color .25s ease-in}#nav-bar .container button#disclaimer-btn:hover{background-color:#0b4b99}#nav-bar .container button img{height:100%;width:auto;display:block;transform:translate(0)}#nav-bar .container button:hover{filter:brightness(120%);border:1px solid white}#nav-bar .container button.highlight{background-color:#0d60c3;border:2px solid white;box-shadow:0 0 5px #fff}#nav-bar .container button svg{height:20px;width:auto;margin-left:5px}.alt-section-text.nav{color:#fff;position:relative;left:10px}.nav-bar-item-wrapper{display:flex;flex-direction:row;align-items:center;height:100%;flex-grow:1;margin-right:20px}.nav-bar-item-sub{margin:0 5px;text-align:end}.nav-bar-item-sub span{font-weight:200;font-size:1em;font-style:italic;font-family:Courier New,Courier,monospace}textarea.nav-bar-item-sub{flex-grow:1;border:none;border-radius:3px;resize:none;text-align:start}button.nav-bar-item-sub{height:100%}#build-span{font-weight:200;font-style:italic;margin-left:20px;text-align:center}.sample-data-row{width:100%;max-width:1000px;position:relative;display:flex;border-radius:5px;margin:10px 0;justify-content:space-between;align-items:center;padding:10px;box-sizing:border-box;border:1px solid #2A65B7;transition:height .5s ease-in-out;background-color:#fff}.sample-data-row.collapse{height:50px}.sample-data-row .collapse-row-btn{display:flex;justify-content:center;align-items:center;background-color:#2a65b7;color:#fff;border:none;border-radius:50%;height:25px;width:25px;padding:0;cursor:pointer}.sample-data-row .collapse-row-btn:hover{background-color:#1a4b97}.sample-data-row .collapse-row-btn img{height:25px;width:25px;transform:translate(0)}.sample-data-row .sample-row-info-form{flex-grow:1;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;padding:0 10px;height:100%;box-sizing:border-box}.sample-data-row .sample-row-info-form .label-input-wrapper{width:100%;display:flex;justify-content:flex-start;align-items:center;margin:5px 0}.sample-data-row .sample-row-info-form .label-input-wrapper label{width:fit-content;text-align:right;margin-right:10px;margin-left:10px}.sample-data-row .sample-row-info-form .label-input-wrapper input{padding:5px;border:none;border-radius:5px 5px 0 0;border-bottom:1px solid transparent;box-sizing:border-box;flex-grow:1;background-color:#f8f8f8}.sample-data-row .sample-row-info-form .label-input-wrapper input::placeholder{font-style:italic}.sample-data-row .sample-row-info-form .label-input-wrapper input:-moz-placeholder{font-style:italic}.sample-data-row .sample-row-info-form .label-input-wrapper input::-webkit-input-placeholder{font-style:italic}.sample-data-row .sample-row-info-form .label-input-wrapper input:-ms-input-placeholder{font-style:italic}.sample-data-row .sample-row-info-form .label-input-wrapper input:focus{outline:none;border-bottom:1px solid #1A4B97}.sample-data-row .sample-row-info-form .label-input-wrapper select{padding:5px;border:none;border-radius:5px;box-sizing:border-box;background-color:#ebebeb;font-weight:200;font-size:14px}.sample-data-row .sample-row-info-form .label-input-wrapper select::placeholder{font-style:italic}.sample-data-row .sample-row-info-form .label-input-wrapper select:-moz-placeholder{font-style:italic}.sample-data-row .sample-row-info-form .label-input-wrapper select::-webkit-input-placeholder{font-style:italic}.sample-data-row .sample-row-info-form .label-input-wrapper select:-ms-input-placeholder{font-style:italic}.sample-data-row .sample-row-info-form .label-input-wrapper select.type{font-weight:700;text-align:center}.sample-data-row .sample-row-info-form .label-input-wrapper button{background-color:#ebebeb;color:#474747;border:none;display:flex;justify-content:center;align-items:center;border-radius:5px;padding:5px 10px;cursor:pointer;margin-left:10px;text-transform:uppercase}.sample-data-row .sample-row-info-form .label-input-wrapper button:hover{background-color:#d9d9d9}.sample-data-row .sample-row-info-form .label-input-wrapper button svg{height:20px;width:20px;margin-left:5px;fill:#fff}.sample-data-row .sample-row-info-form .label-input-wrapper .special-btn{background-color:#8bb0e5;color:#000;border:1px solid #2A65B7;text-transform:none;font-weight:600}.sample-data-row .sample-row-info-form .label-input-wrapper .special-btn svg{fill:#000}.sample-data-row .sample-row-info-form .label-input-wrapper .special-btn:hover{background-color:#6b90d5}.sample-data-row .collapsed-alt-text{width:100%;text-align:center}.sample-data-row .close-btn{position:absolute;top:-10px;left:-10px;padding:0;width:25px;height:25px;cursor:pointer;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.sample-data-row .close-btn img{height:25px;width:25px;border-radius:50%;transform:translate(0);transition:box-shadow .25s ease-in-out,background-color .25s ease-in-out}.sample-data-row .close-btn img:hover{background-color:#f0f0f0;box-shadow:0 0 5px #2a65b7}.sample-data-row .row{display:flex;justify-content:flex-start;align-items:center}.sample-data-row .row .label-input-wrapper,.sample-data-row .row .label-input-wrapper label,.sample-data-row .row .label-input-wrapper select,.sample-data-row .row .label-input-wrapper button{margin:0}.select-data-section{position:absolute;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;top:0;right:0;width:100%;height:100%;padding:60px 10px 10px;border-radius:0 0 0 5px;background-color:#ffffffe6;transition:height .5s ease-in-out,width .5s ease-in-out;box-shadow:0 0 5px #2a65b7;box-sizing:border-box;z-index:4;overflow-y:auto}.select-data-section .header-col{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%;max-width:1000px}.select-data-section .header-col button{height:25px;border:none;border-radius:5px;text-transform:uppercase;color:#2a65b7;cursor:pointer;align-self:flex-end}.select-data-section .header-col button:hover{background-color:#d9d9d9}.select-data-section h1{color:#2a65b7;font-weight:400}.select-data-section.hidden{height:0px;width:0px;overflow:hidden;padding:0}.select-data-section fieldset{border:1px solid #2A65B7;border-radius:5px;padding:10px;margin:10px}.select-data-section fieldset legend{color:#2a65b7;font-size:20px;font-weight:700}.select-data-section fieldset label{margin-right:10px}.select-data-section #individual-samples-container,.select-data-section #joint-samples-container{width:100%;display:flex;flex-direction:column;align-items:center}.select-data-section #joint-samples-container{padding:10px;width:100%;max-width:1000px}.select-data-section #joint-samples-container #samples-section{width:100%;display:flex;flex-direction:column;align-items:center}.select-data-section #joint-samples-container #samples-section fieldset{width:100%}.select-data-section #joint-samples-container #samples-section fieldset legend{color:#2a65b7;font-size:20px;font-weight:700;background-color:#fff}.select-data-section #joint-samples-container #samples-section .sample-fieldset-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.select-data-section #joint-samples-container #samples-section .sample-fieldset-wrapper fieldset{width:100%}.select-data-section #joint-samples-container #samples-section .sample-fieldset-wrapper fieldset legend{color:#2a65b7;font-size:20px;font-weight:700;background-color:#fff}.select-data-section #joint-samples-container div.label-input-wrapper{display:flex;justify-content:center;align-items:center;width:100%;margin:5px}.select-data-section #joint-samples-container div.label-input-wrapper label{margin-right:10px}.select-data-section #joint-samples-container div.label-input-wrapper input{margin:5px;padding:5px;border-radius:5px;border:1px solid #2A65B7;width:20%;min-width:100px;flex:1}.select-data-section #joint-samples-container div.label-input-wrapper input:focus{outline:none}.select-data-section #joint-samples-container div.label-input-wrapper button{background-color:#2a65b7;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;margin:10px}.select-data-section #joint-samples-container div.label-input-wrapper button:hover{background-color:#1a4b97}.select-data-section #joint-samples-container select{margin:5px;padding:5px;border-radius:5px;border:1px solid #2A65B7;width:20%;min-width:100px;flex:1}.select-data-section #joint-samples-container select:focus{outline:none}.select-data-section #joint-samples-container #fetch-samples-btn{background-color:#2a65b7;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;margin:10px;align-self:flex-end}.select-data-section #joint-samples-container #fetch-samples-btn:hover{background-color:#1a4b97}.select-data-section .go-btn{background-color:green;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer}.select-data-section .go-btn:hover{background-color:#006400;color:#fff}.select-data-section .add-btn{background-color:#2a65b7;display:flex;justify-content:center;margin:5px;align-items:center;font-size:20px;color:#fff;border:none;border-radius:50%;cursor:pointer}.select-data-section .add-btn:hover{background-color:#1a45a7;color:#fff}.select-data-section .add-additional-btn{background-color:#2a65b7;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;margin:10px}.select-data-section .add-additional-btn:hover{background-color:#1a4b97}.filter-data-section{position:absolute;display:flex;flex-direction:column;top:0;left:0;padding:10px;width:100%;height:100%;background-color:#fff;transition:height .5s ease-in-out,width .5s ease-in-out;box-sizing:border-box;border-right:1px solid #EBEBEB;z-index:3}.filter-data-section.hidden{height:0px;padding:0;overflow:hidden}.filter-data-section h3{margin:0;padding:5px 0 10px;color:#0d60c3;font-size:1.2em;text-align:center;text-transform:uppercase;font-weight:400}.filter-data-section #overlap-check,.filter-data-section #denovo-check{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:10px;width:100%;border-bottom:1px solid #EBEBEB}.filter-data-section #overlap-check label,.filter-data-section #denovo-check label{margin-right:10px;color:#0d60c3}.filter-data-section #overlap-check input,.filter-data-section #denovo-check input{margin-right:10px}.filter-data-section #overlap-check{border-top:1px solid #EBEBEB}.filter-data-section button{margin-top:40px;max-width:100px;width:100px;padding:5px;background-color:#0d60c3;color:#fff;border:none;border-radius:3px;cursor:pointer}.filter-data-section button:hover{background-color:#0b4b99;color:#fff}.filter-data-section button:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.filter-data-section #quality-info-wrapper{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:flex-start;border:1px solid #0D60C3;border-radius:5px;padding:5px;margin-top:10px}.filter-data-section #quality-info-wrapper span{margin-right:10px;color:#0d60c3;font-weight:400}.filter-data-section #quality-cutoff{display:flex;width:100%;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:10px}.filter-data-section #quality-cutoff label{margin-right:10px;color:#0d60c3;font-weight:700}.filter-data-section #quality-cutoff input[type=range]{margin-right:10px;flex-grow:1}.filter-data-section #quality-cutoff span{margin-left:10px;color:#0d60c3;font-weight:700}#toasts-section{width:25vw;min-width:250px;position:absolute;top:54px;right:-1px;z-index:3;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:10px;border:1px solid #2A65B7;border-radius:5px 0 0 5px;background-color:#fffc;box-shadow:0 0 5px #00000080}#toasts-section #toasts-title{display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px;margin:0;color:#2a65b7}#toasts-section #toasts-title .close-toasts{background-color:#2a65b7;color:#fff;border:none;border-radius:5px;padding:5px;cursor:pointer}#toasts-section #toasts-title .close-toasts:hover{background-color:#c1d1ea}#toasts-section .toast{display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px;margin-bottom:3px;border-radius:5px;max-width:100%}#toasts-section .toast.info{background-color:#d1dcf0;color:#2a65b7;border:1px solid #2A65B7}#toasts-section .toast.info button{background-color:#2a65b7}#toasts-section .toast.info button:hover{background-color:#5882c6}#toasts-section .toast.warning{background-color:#fff1d6;color:#b87a00;border:1px solid #B87A00}#toasts-section .toast.warning button{background-color:#b87a00}#toasts-section .toast.warning button:hover{background-color:#ffad0a}#toasts-section .toast.error{background-color:#fceeef;color:#d8000c;border:1px solid #D8000C}#toasts-section .toast.error button{background-color:#d8000c}#toasts-section .toast.error button:hover{background-color:#ff333d}#toasts-section .toast p{margin:0;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;padding-right:2px;flex:1 1 auto}#toasts-section .toast button{border-radius:50%;border:none;color:#fff;cursor:pointer;flex-shrink:0;height:25px;padding:0;width:25px}#save-mosaic-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{width:min(560px,92vw);background:#fff;border-radius:10px;border:1px solid #E0E0E0;box-shadow:0 20px 40px #00000040;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #EFEFEF}.header h2{margin:0;font-size:1.1rem;color:#0d60c3}.icon-btn{border:none;background:transparent;border-radius:6px;padding:4px;cursor:pointer;transition:background-color .15s ease}.icon-btn img{height:24px;width:24px;display:block}.icon-btn:hover{background:#f3f6fb}.body{display:flex;flex-direction:column;gap:12px;padding:14px}.body .notice{padding:10px 12px;border:1px solid #DCE7FB;background:#f7faff;border-radius:8px;color:#2a4a7b;font-size:.9rem}.body .notice .content{display:flex;column-gap:3px;row-gap:1px;flex-wrap:wrap;width:100%}.body .notice .intro{font-size:.8rem;padding:2px 5px 2px 0}.body .notice .chip{color:#224a8a;padding:2px 3px;border-radius:4px;font-size:.8rem;width:fit-content;text-align:center;font-style:italic;font-weight:200;background:#224a8a1a}.body label{display:flex;flex-direction:column;gap:6px}.body label span{font-size:.9rem;color:#555}.body label input,.body label textarea{border:1px solid #D6DDE8;border-radius:6px;padding:8px 10px;font-size:.95rem;outline:none}.body label input:focus,.body label textarea:focus{border-color:#2a65b7;box-shadow:0 0 0 2px #2a65b71f}.footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 14px;border-top:1px solid #EFEFEF}.footer button{border-radius:6px;padding:8px 12px;cursor:pointer;border:1px solid transparent;transition:filter .15s ease}.footer button:disabled{cursor:not-allowed;opacity:.6}.footer button.secondary{background:#f3f6fb;border-color:#d6dde8;color:#2a65b7}.footer button.secondary:hover:not(:disabled){filter:brightness(.98)}.footer button.primary{background:#0d60c3;border-color:#0b4b99;color:#fff}.footer button.primary:hover:not(:disabled){filter:brightness(1.07)}#logo-div{position:absolute;right:5px;top:0}#main-container{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;width:100%}#upper-bar-container{display:flex;flex-direction:column;height:fit-content;width:100%}#lower-block-container{display:flex;flex-direction:row;flex:1 1 auto;width:100%;box-sizing:border-box;overflow:hidden}img{height:30px;margin-right:0;padding-right:0;transform:translate(3px,5px);width:30px}#var-list-bar-button-container{position:relative;height:100%;display:flex;flex-direction:column;padding:5px 0 0;margin:0;transition:width .4s}#var-list-bar-button-container .button-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin-bottom:5px}#var-list-bar-button-container .tab-select-wrapper{flex-grow:1;display:flex;justify-content:center}#var-list-bar-button-container .filter-button{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:3px 5px;margin:0 2px;border:1px solid transparent;border-radius:5px;text-transform:uppercase;background-color:#ebebeb;color:#474747;height:100%;transition:background-color .2s,border .2s;z-index:3}#var-list-bar-button-container .filter-button:hover{cursor:pointer;background-color:#c1d1ea;border:1px solid #2A65B7}#var-list-bar-button-container .filter-button svg{fill:#2a65b7;height:20px;width:20px;transform:translate(0)}#var-list-bar-button-container .filter-button .loading-svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#var-list-bar-button-container .sort-btn{cursor:pointer;overflow:visible;position:relative;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid #EBEBEB;transition:all .25s;padding:2px;margin-left:3px;height:30px;width:30px;box-shadow:0 2px 5px #0003}#var-list-bar-button-container .sort-btn.sorted{cursor:not-allowed}#var-list-bar-button-container .sort-btn svg{width:20px;height:20px;fill:#2a65b7;pointer-events:none}#var-list-bar-button-container .sort-btn svg.sorted{filter:grayscale(100%)}#var-list-bar-button-container .sort-btn svg.loading-svg{animation:spin 1s linear infinite}#var-list-bar-button-container .sort-btn svg:hover{border-radius:5px}#var-list-bar-button-container .sort-btn .sort-options-popup{position:absolute;top:109%;left:0;width:250px;height:100px;padding:5px;font-weight:400;background-color:#fff;border:1px solid #ADC2DF;border-radius:5px;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;transition:height .25s,opacity .15s;opacity:.95;z-index:2}#var-list-bar-button-container .sort-btn .sort-options-popup.hidden{opacity:0;pointer-events:none;height:0px;border:0px}#var-list-bar-button-container .sort-btn span{cursor:pointer;padding:5px;width:100%;border-radius:5px 5px 0 0;text-align:left;border-bottom:1px solid #ADC2DF}#var-list-bar-button-container .sort-btn span:hover{background-color:#f5f5f5}#var-list-bar-button-container .sort-btn span:last-of-type{border-radius:0 0 5px 5px;border-bottom:none}#var-list-bar-button-container .tab-select{display:flex;justify-content:flex-end;align-content:flex-end;color:#474747;border-radius:5px;width:fit-content;border:1px solid #EBEBEB;overflow:hidden}#var-list-bar-button-container .tab-select.collapsed{border-bottom:0px;width:0px;min-width:0px;overflow:hidden}#var-list-bar-button-container .tab-select.condensed{font-size:.8em}#var-list-bar-button-container .tab-select.condensed .tab{padding:3px}#var-list-bar-button-container .tab-select.condensed .tab .tip{font-size:10px;top:-2px}#var-list-bar-button-container .tab-select.expanded{font-size:1em}#var-list-bar-button-container .tab{padding:5px 10px;margin:0;border-right:.5px solid #EBEBEB;text-transform:uppercase;font-weight:200;position:relative}#var-list-bar-button-container .tab:last-of-type{border-right:.5px solid transparent}#var-list-bar-button-container .tab .tip{font-size:12px;font-weight:200;color:#474747;position:relative;top:-7px;left:3px;border:.5px solid #474747;border-radius:5px;padding:0 2px}#var-list-bar-button-container .tab.selected{background-color:#ebebeb}#var-list-bar-button-container .tab:hover{cursor:pointer;background-color:#e0e0e0}#var-list-bar-button-container.collapsed{width:0px;min-width:0px}#var-list-bar-button-container.collapsed .filter-button,#var-list-bar-button-container.collapsed .sort-btn{display:none}#var-list-bar-button-container.normal{width:40%;min-width:40%}#var-list-bar-button-container.condensed{width:250px;min-width:250px}#var-list-bar-button-container.expanded{width:50%;min-width:50%}#var-list-bar-toggle-btn{position:absolute;top:5px;right:-100px;z-index:2;margin:0;border-radius:5px;opacity:.8;display:flex;justify-content:center;align-items:center;border:1px solid #E0E0E0}#var-list-bar-toggle-btn button{border:none;background-color:transparent;padding:3px 5px;margin:0;display:flex;height:100%;justify-content:center;align-items:center}#var-list-bar-toggle-btn button svg{height:20px;width:20px;fill:#474747}#var-list-bar-toggle-btn button:hover{cursor:pointer;background-color:#e0e0e0}#var-list-bar-toggle-btn button.active{background-color:#ebebeb}#var-list-bar-toggle-btn button.active:hover{background-color:#e0e0e0}