:root {
    --background-dark-gray: #131313;
    --background-black-purple: #222222;
    --background-dim-gray: #383838;
    --purple: #8950d9;
    --dimgray: #6e6e6e;
    --highlight-green: #b2d030;
    --bright-blue: #00a0ff;
    --text-gray: #a0a0a0;
    --header-gray: #4b4b4b;
    --panel-body-background-gray: #313131;
    --viewer-header-background-gray: #313131;
    --page-background-gray: #313131;
    --layout-borders: var(--dimgray);
    --light-gray: #aeacae;
    --off-white: #f8f8f8;
    --border-gray: var(--dimgray);
    --dark-theme-text-color: var(--off-white);
    --megacard-background: var(--background-dim-gray);
    --link-text: var(--bright-blue);
    --white: #ffffff;
}

.style__cfe-home--DZcrh {
    color: var(--dark-theme-text-color);
    font-size: 16px;
}
.style__page-header--b9ZaQ {
    position: relative;
    color: var(--dark-theme-text-color);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 3px 3px var(--dark);
    z-index: 200;
    padding: 0 10px;
    width: 100%;
}

.style__page-header--b9ZaQ img {
    padding-bottom: 5px;
}

.style__page-header--b9ZaQ a {
    color: var(--dark-theme-primary-color);
}

.style__page-header--b9ZaQ .ant-btn-primary {
    text-shadow: none;
}

.style__page-header--b9ZaQ .ant-btn-ghost {
    color: var(--dark-theme-primary-color);
    border-color: var(--dark-theme-primary-color);
    border-radius: 3px;
    margin-left: 12px;
}

.style__vertical-bar--gcXcn {
    display: inline-block;
    margin-right: 14px;
    margin-left: 14px;
    font-size: 16px;
    font-weight: 100;
}

.style__buttons--Ow6C4 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* For large screens only */
@media screen and (min-width: 768px) {
    .style__page-header--b9ZaQ {
        padding: 0 20px;
    }

    .style__buttons--Ow6C4 {
        min-width: 282px;
    }
}
/* For small-med tablet in portrait mode or narrower */
@media screen and (max-width: 768px) {
    /* Hide the Load Model button and the loaded trajectory name */
    .style__page-header--b9ZaQ .style__viewer-title--j_YyS,
    .style__page-header--b9ZaQ .ant-btn-primary {
        display: none;
    }

    .style__page-header--b9ZaQ .ant-btn-ghost {
        margin: 0;
    }
}
/* For smartphone in portrait mode */
@media screen and (max-width: 480px) {
    /* Hide "| Simularium Home" */
    .style__vertical-bar--gcXcn,
    .style__cfe-home--DZcrh {
        display: none;
    }
}

:root {
    --header-height: 64px;
    --tab-bar-height: 56px;
    --dataset-card-width: 460px;
    --dataset-card-gap-width: 30px; /* Horizontal gap between two dataset cards */
    --max-datasets-per-row: 2;
    --datasets-section-max-width: calc(
        var(--max-datasets-per-row) * var(--dataset-card-width) + (var(--max-datasets-per-row) - 1) *
            var(--dataset-card-gap-width)
    );
}

.style__card--NiCPa {
    padding: 15px 15px 5px 15px;
    background-color: #4b4b4b;
    display: flex;
    flex-direction: column;
    max-width: var(--dataset-card-width);
}

.style__spacer--HWBx1 {
    flex-grow: 2;
}

.style__loadButton--N_lqo {
    position: absolute;
    right: 14px;
    bottom: 14px;
}

/* Load button is at bottom center of card on mobile */
@media screen and (max-width: 480px) {
    .style__loadButton--N_lqo {
        position: static;
        margin: 10px auto;
    }
}

.style__card--NiCPa .ant-card-body {
    padding: 0px;
    display: flex;
    flex-direction: column;
    flex-grow: 2;
}

.style__card--NiCPa .ant-descriptions-item-label {
    color: #ffffffc4;
}

.style__card--NiCPa .ant-descriptions-item-content {
    color: #fff;
}

.style__card--NiCPa .ant-card-meta-title {
    text-align: center;
    /* Allow wrapping of dataset title */
    white-space: normal;
}

.style__card--NiCPa .ant-card-meta-description {
    color: var(--text-gray);
    font-size: 1rem;
}

.style__card--NiCPa .ant-tag {
    font-size: 10px;
    vertical-align: middle;
    line-height: initial;
    padding: 0 2px;
}

.style__card--NiCPa .ant-card-meta {
    margin-bottom: 1em;
}
.style__container--wG8VX {
    background-color: var(--megacard-background);
    padding: 8px;
    box-shadow: 0px 1px 19px 5px rgb(0 0 0 / 25%);
    margin: 25px 0;
    height: -moz-min-content;
    height: min-content;
    min-width: 0;
}

/* One-column view for narrower screens  */
@media screen and (max-width: 1030px) {
    .style__container--wG8VX {
        max-width: var(--dataset-card-width) !important;
    }
}

.style__megasetTitle--JTBkg {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin: 0.5em 1em 1em 1em;
}

.style__datasetCards--UfwX8 {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.style__publications--Ut6Bo {
    margin: 20px 10px 10px 10px;
    font-size: 12px;
}

.style__publication--WYEYy {
    display: flex;
    margin-top: 0.3em;
    font-size: 16px;
    gap: 5px;
}

.style__extra--ltgun {
    font-weight: 400;
    color: #ffffffc4;
    border: 1.5px solid var(--purple);
    border-radius: 0 0 20px 0;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    font-size: 14px;
}

/* Shrink publication font for mobile view */
@media screen and (max-width: 480px) {
    .style__publication--WYEYy {
        font-size: 12px;
    }
}

.style__publicationTitle--Q4rKq {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: italic;
    color: var(--link-text);
}

.style__journalDate--Ie_nT {
    white-space: nowrap;
}
.style__content--tOv3o {
    flex: 2;
    padding: 20px 0;
}

.style__header--HmW4Z {
    display: inline-block;
    margin-right: 1em;
}

.style__title--NfBvu {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0;
    color: var(--white);
}

.style__subtitle--XvF02 {
    font-size: 24px;
    font-weight: 500;
}
.style__alert--Dyhv8 {
    margin-right: 120px;
}

.style__selected-info--VjA8u {
    display: inline-block;
}

.style__label--rVVZ_ {
    color: var(--text-gray);
}

.style__header-main--tDnpV {
    text-align: left;
    background-color: var(--background-dim-gray);
    padding: 30px 50px;
    height: initial;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.style__header-main--tDnpV h1 {
    margin: 0;
}

.style__header-section--YIUCt {
    text-align: center;
    display: block;
    border-top: 0.5px solid var(--dimgray);
    border-bottom: 0.5px solid var(--dimgray);
}

.style__section--rIc_K {
    font-size: 1.2rem;
    line-height: 1.75;
    margin: 0;
    -moz-column-gap: var(--dataset-card-gap-width);
         column-gap: var(--dataset-card-gap-width);
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.style__section-content--RbA_O {
    margin: 0.5em auto 2em auto;
    max-width: 1010px;
    max-width: var(--datasets-section-max-width);
}

.style__caption--bNZch {
    font-size: 1rem;
    margin: 2em 5%;
    text-align: justify;
    color: var(--text-gray);
}

.style__light-section--tJbzl {
    background-color: var(--background-dim-gray);
}

.style__card-container--xhYX0 {
    -moz-column-gap: var(--dataset-card-gap-width);
         column-gap: var(--dataset-card-gap-width);
}

.style__light-section--tJbzl .style__subtitle--XvF02 {
    margin-bottom: 1.2em;
}

.style__section--rIc_K .style__paragraph--IZ0BZ {
    color: var(--text-gray);
    font-size: 1rem;
    padding: 0 20px;
}

.style__light-section--tJbzl .style__paragraph--IZ0BZ {
    padding: 0 20px;
}

.style__content--tOv3o .ant-descriptions-view table {
    table-layout: initial;
}

.style__content--tOv3o .ant-descriptions-item-label {
    width: 168px;
    color: var(--text-gray);
}
.style__content--tOv3o .ant-descriptions-item-content {
    color: var(--text-gray);
}

@media screen and (max-width: 768px) {
    .style__header-main--tDnpV {
        flex-flow: row wrap;
    }
}

/* Style overrides to fix alignment caused by an Ant version + font mismatch.
 * TODO: Remove this when Ant version is upgraded?
*/

.style__cell-viewer-container--Uybfp {
    /* Align header items; fix a bug where the entire div would show pointer-interactive
     * when only the icon (span) was clickable.
    */
    & .ant-collapse-header {
        align-items: center !important;
        cursor: auto !important;

        & .ant-collapse-arrow > span {
            cursor: pointer !important;
        }

        & .ant-collapse-extra {
            width: 45% !important;
        }
    }

    /* Remove outlines on channel settings toggles  */
    & .channel-visibility-controls > .ant-btn-icon-only {
        border-color: transparent !important;
    }

    /* Fix missing bottom drawer */
    & .ant-drawer.ant-drawer-bottom {
        height: 100% !important;
        position: relative !important;
    }

    /* Fix icons in toolbar not being centered */
    & .viewer-toolbar-group > button.ant-btn-icon-only {
        padding: 0 !important;
    }
}

.ant-modal-header {
    border-radius: 0;
    background-color: #d8d8d8;
    text-align: center;
}

.ant-modal-header .ant-modal-title {
    color: #0a0a0a;
}
.style__button-container--uU5cj {
    text-align: center;
    margin: auto;
}
.style__ok-button--dUxzH {
    border-color: #2d224d;
    background-color: #2d224d;
    color: #d8d8d8;
    display: inline-block;
    width: 30%;
}

.style__checkbox-container--Oh8_b .ant-checkbox-wrapper {
    color: #0a0a0a;
    margin-bottom: 20px;
}

.style__checkbox-container--Oh8_b
    .ant-checkbox:not(.ant-checkbox-checked)
    .ant-checkbox-inner {
    background-color: transparent;
}

.style__container--hMtze {
    width: 300px;
}

.style__container--hMtze .ant-list-item-content {
    flex-flow: column;
}

.style__container--hMtze .ant-list-item-meta-description {
    min-width: 100px;
}

.style__container--hMtze .ant-card-meta {
    margin: -15px 0;
}

.style__container--hMtze .ant-card-meta-detail {
    margin-top: 1em;
}

.style__container--hMtze .ant-card-bordered {
    border-color: var(--border-gray);
    background-color: var(--header-gray);
}

.style__infoList--DMbMB {
    list-style: none;
    padding-left: 0;
}

.style__actionList--JIwUA {
    display: flex;
    flex-direction: row;
    margin-top: 6px;
    margin-bottom: 10px;
}

.style__actionList--JIwUA button {
    border: none;
    border-radius: 0;
    background-color: transparent !important;
    height: inherit;
    color: white;
    padding: 2px 10px;
}

.style__actionList--JIwUA a {
    color: white;
}

.style__actionList--JIwUA button:first-of-type {
    padding-left: 0;
}

.style__actionList--JIwUA button:not(:last-of-type),
.style__actionList--JIwUA button:not(:last-of-type):hover {
    /* Add a white vertical divider between the buttons */
    border-right: 1px solid white;
    border-color: white !important;
}

.style__title--UmPzJ {
    color: white;
}

.style__actionList--JIwUA .style__disabled--loRMz {
    color: var(--text-gray);
}

.style__container--hMtze .ant-avatar {
    border: 1px solid var(--dimgray);
    cursor: pointer;
    margin-top: 2px;
}

.style__container--hMtze .style__selected--BN2Ob {
    border: 1px solid white;
}

.style__container--hMtze .ant-list-item-meta {
    padding-left: 16px;
}

.style__container--hMtze .ant-list-item-meta-description {
    min-width: 100px;
}

.style__container--hMtze .ant-list-item-action {
    margin-right: 16px;
    margin-left: 0;
}

.style__container--hMtze .ant-list-item-action li {
    color: white;
}

.style__container--hMtze .ant-list-item-action a {
    color: white;
}

.style__stage--cgwYC {
    color: var(--text-gray);
}

.style__container--O2RRk {
    width: 300px;
}
.style__container--O2RRk.ant-list-item {
    border-bottom: 0.5px solid var(--border-gray);
}

.style__container--O2RRk .ant-list-item-content {
    flex-flow: column;
}

.style__container--O2RRk .ant-list-item-meta-description {
    min-width: 100px;
}

.style__container--O2RRk .ant-card-meta {
    margin: -15px 0;
}

.style__container--O2RRk .ant-card-meta-detail {
    margin-top: 1em;
}

.style__container--O2RRk .ant-card-bordered {
    border-color: var(--border-gray);
    background-color: var(--header-gray);
}

.style__infoList--_AB6I {
    list-style: none;
    padding-left: 0;
}

.style__actionList--yUWUE button {
    border: none;
    border-right: 1px solid white;
    border-radius: 0;
    background-color: transparent;
    height: inherit;
    color: white;
}

.style__actionList--yUWUE a {
    color: white;
}

.style__actionList--yUWUE button:first-of-type{
    padding-left: 0;
}

.style__actionList--yUWUE button:last-of-type{
    border-right: none;
}

.style__title--HTBqO {
    color: white;
}

.style__actionList--yUWUE .style__disabled--kssG8 {
    color: var(--text-gray)
}

.style__container--O2RRk .ant-avatar {
    border: 1px solid var(--dimgray);
    cursor: pointer;
}

.style__container--O2RRk .style__selected--H5lki {
    border: 1px solid white;
}

.style__container--O2RRk .ant-list-item-meta {
    padding-left: 16px;
}

.style__container--O2RRk .ant-list-item-meta-description {
    min-width: 100px;
}

.style__container--O2RRk .ant-list-item-action {
    margin-right: 16px;
    margin-left: 0;
}

.style__container--O2RRk .ant-list-item-action li {
    color: white;
}

.style__container--O2RRk .ant-list-item-action a {
    color: white;
}
:root {
    --side-bar-width: 333px;
    --cardWidth: 300px;
}

.style__container--wvA9t {
    padding: 0em 1em;
    flex-flow: row;
    overflow-y: auto;
    overflow-x: clip;
}

.style__gallery-header--gOeo8 {
    margin: auto;
    padding: 1em 1em 1em 0em;
    margin-right: var(--side-bar-width);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;

    & .ant-btn {
        margin-top: 3px;
    }
    & .ant-form-item {
        margin: auto;
    }
}

.style__gallery-header--gOeo8 > h2 {
    font-size: 19px;
}

.style__side-bar-header--LJXyh {
    padding: 1em 1em;
    display: flex;
    justify-content: space-between;
}

.style__album-side-bar--kzFBa {
    padding-right: 32px;
    min-width: var(--side-bar-width);
    border-left: 1px solid var(--border-gray);
    position: fixed;
    right: 10px;
    z-index: 2;

    & .ant-radio-button-wrapper {
        border-radius: 0 !important;
    }

    & .ant-radio-button-wrapper-checked {
        box-shadow: -1px 0 0 0 #f2edfe !important;
    }
}

.style__list--T_xfO {
    margin-right: var(--side-bar-width);
}
.style__list--T_xfO .ant-row {
    display: flex;
    flex-flow: wrap;
    margin: auto;
}

.style__gallery-header-actions--cFupF {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    & input {
        background-color: var(--header-gray);
    }
}

/*not in the dom tree but seems ok to be global*/
.ant-popover {
    z-index: 20000;
}

.style__container--wvA9t .ant-radio-button-wrapper {
    background: transparent;
    display: block;
    border: none;
}

.style__container--wvA9t .ant-radio-button-wrapper:before {
    background-color: transparent;
}

.style__gallery-title--oe6ws {
    padding: 1em;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}

.style__search-for-cell--IdZGM {
    max-width: var(--cardWidth);
}

.style__search-for-cell--IdZGM .ant-form-item-children-icon {
    /* to keep feedback icon from overlapping search icon*/
    right: 20px !important;
}

/*LIST STYLES*/

.style__container--wvA9t .ant-avatar {
    height: 110px;
    width: 110px;
}

.style__container--wvA9t .ant-list-item-content {
    width: 100%;
}

.style__container--wvA9t .ant-list-item-meta-avatar {
    margin-right: 0;
}

.style__gallery-grid--gvldu {
    order: 1;
}

/* collapsed sider styling*/
.ant-layout-sider-collapsed .style__container--wvA9t {
    padding: 0;
}

.ant-layout-sider-collapsed .style__gallery-header--gOeo8 {
    margin: auto;
}

.ant-layout-sider-collapsed .ant-list-item-meta-content,
.ant-layout-sider-collapsed .ant-list-item-content,
.ant-layout-sider-collapsed .style__search-for-cell--IdZGM {
    display: none;
}

.ant-layout-sider-collapsed .style__gallery-title--oe6ws,
.ant-layout-sider-collapsed button span {
    font-size: 1em;
}

.ant-layout-sider-collapsed .style__gallery-header--gOeo8 {
    padding: 1em;
}

.ant-layout-sider-collapsed .ant-btn span {
    margin-left: 2px;
}

.ant-layout-sider-collapsed .ant-avatar {
    height: 70px;
    width: 70px;
}

.ant-layout-sider-collapsed .style__gallery-header--gOeo8 {
    text-align: center;
    justify-content: space-between;
}

.ant-layout-sider-collapsed h2 {
    display: flex;
    flex-flow: column;
}

.ant-layout-sider-collapsed .style__gallery-header--gOeo8 .ant-form-item,
.ant-layout-sider-collapsed .style__gallery-header--gOeo8 .ant-btn {
    margin: auto;
    padding: 5px;
}

.ant-layout-sider-collapsed .ant-form-item {
    margin-bottom: 0;
}

@media screen and (max-width: 733px) {
    .style__container--wvA9t {
        flex-flow: column;
    }
    .style__album-side-bar--kzFBa {
        position: initial;
        border-color: transparent;
    }
    .style__list--T_xfO {
        margin-right: 0;
    }
    .style__gallery-grid--gvldu {
        order: 2;
    }
    .style__gallery-header--gOeo8 {
        margin-right: 0;
    }
}

.style__plot-by-on-x--ogUIE {
    position: absolute;
    bottom: 0;
    left: 40%;
    z-index: 100;
}

.style__plot-by-on-y--aWQzf {
    position: absolute;
    top: 60%;
    left: 50px; /* IE 9 */ /* Safari */
    transform: rotate(-90deg);
    z-index: 100;
    transform-origin: left;
}

.ant-select-arrow {
    color: white;
}

.ant-select-selection--single .ant-select-selection__rendered {
    margin-right: 30px;
}
.style__container--AElaZ {
    display: inline;
}
.style__container--AElaZ .style__disabled-download--WYcUx {
    color: var(--dimgray);
    opacity: 0.5;
}

.style__menu--AXVQ7 a{
    display: inline;
}
.style__container--r1icz .ant-checkbox-inner {
    background-color: inherit;
}

.style__container--r1icz .ant-checkbox-disabled .ant-checkbox-inner {
    border-color: var(--header-gray) !important;
}

.style__container--r1icz .ant-badge {
    margin: auto;
    padding: 4px;
    margin-left: 4px;
}

.style__container--r1icz{
    display: flex;
    justify-content: space-between;
}

.style__container--r1icz .ant-badge sup {
    box-shadow: none;
    transform: translateX(-50%);
}

.style__label--HnODt {
    flex: 1 66%;
    max-width: 19em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.style__label-disabled--_3phL {
    color: var(--dimgray);
}

.style__first-column--qxIuw {
    display: flex;
    margin-top: 5px;
}

.style__container--r1icz .ant-badge.ant-badge-not-a-wrapper {
    padding-right: 0;
}

.style__container--r1icz button {
    margin: 0.2em 0em 0.2em 1em;
}
.style__color-by-switch--f9FIL {
    background-color: var(--dimgray);
}

.style__color-by-switch--f9FIL.ant-switch-checked {
    background-color: var(--purple);
}

.style__color-by-row--YXw6H {
    margin-bottom: 1em;
}

.style__label--UPyKE{
    color: #ffffff;
    padding-right: 1em;
}

.style__container--f9hih .ant-checkbox-inner {
    background-color: inherit;
}

.style__container--f9hih .ant-badge {
    margin: auto;
    padding: 4px;
}

.style__container--f9hih{
    display: flex;
    justify-content: space-between;
}

.style__container--f9hih .ant-badge sup {
    box-shadow: none;
    transform: translateX(-50%);
}

.style__label--TpoXl {
    flex: 1 66%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.style__first-column--PD1I1 {
    margin-top: 5px;
}

.style__container--f9hih .ant-badge.ant-badge-not-a-wrapper {
    padding-right: 0;
}

.style__container--f9hih button {
    margin: 0.2em 0em 0.2em 1em;
}
.style__color-by-row--UlaDK {
  margin-bottom: 1em;
}

.ant-select.ant-select-enabled {
  color: #ffffff;
}

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked{
  background-color: var(--dimgray);
  color: var(--background-dark-gray);
}

.style__interactive-legend-header--pn9jS{
  border-bottom: 0.5px solid var(--dimgray);
  display: flex;
  justify-content: space-between;
}

.style__color-by-row--UlaDK .ant-select {
  width: 100%;
}
.style__container--GYGx9 {
    width: 80px;
}

.style__container--GYGx9 .ant-card-body {
    padding: 2px;
}
.style__container--UHk47 {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 5em 1.5em 5em 5em;
    flex: 1;
    margin-bottom: 2em;
    height: calc(100vh - var(--header-height) - var(--tab-bar-height) - 28px);
}

.style__glossary-link--A_hFy {
    position: absolute;
    right: 10px;
    bottom: 2px;
}

.modebar-container {
    position: initial !important;
}

.modebar-btn.active {
    background-color: var(--purple);
    color: white;
}

.modebar-btn.active path {
    /*override plotly svg styling*/
    fill: white !important;
}

#thumbnail-popover {
    box-shadow: 0 2px 8px black;
    padding: 0;
    border-radius: 0;
    border: 1px solid var(--white);

    & .ant-card,
    .ant-popover-inner-content {
        border-radius: 0;
        padding: 0;
    }
}

.style__hidden--fIiS2 {
    display: none;
}

.style__content--Akt8J {
    flex: 2;
    background-color: black;
}

.style__color-menu--BxPlR {
    min-height: 80vh;
    height: calc(100vh - var(--header-height) - var(--tab-bar-height));
}

.style__color-menu--BxPlR .ant-collapse {
    border-top: 0;
    border-left: 0;
    max-height: calc(100vh - var(--header-height) - var(--tab-bar-height));
    overflow-y: scroll;
}
.style__color-menu--BxPlR .ant-layout-sider-trigger {
    position: inherit;
}

.style__hidden--Yt5Mb {
    display: none;
}

.ant-affix {
    z-index: 100;
}

.ant-layout-header {
    display: flex;
    justify-content: flex-start;
}

.image-info-wrapper {
    z-index: 100;
    position: absolute;
    top: 10px;
    left: 10px;
}

.style__content--Qbl_8 {
    flex: 2;
    background-color: black;
    max-height: calc(100vh - var(--header-height) - var(--tab-bar-height));
    padding-right: 120px;
}

.style__blur--hXBmU {
    filter: blur(8px);
}

.style__header--sNdkU {
    display: inline-block;
    margin-right: 1em;
}

.style__alert--etQWL {
    margin-right: 120px;
}

.style__header-main--QL9nX {
    text-align: left;
    padding: 15px 50px;
    height: initial;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.style__header-main--QL9nX h1 {
    margin: 0;
}

.style__viewer-menu-bar--kpkWV {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding-right: 30px;
    background-color: var(--viewer-header-background-gray);
    border-bottom: 1px solid var(--layout-borders);
}

.style__viewer-title-container--j1Clp {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 57px;
    width: 100%;

    & .style__viewer-title--eb2aw {
        max-width: 100%;
        overflow: ellipsis;
        font-weight: 600;
        margin-bottom: 0;
        line-height: 20px;
        height: auto;
        white-space: nowrap;
        margin-top: 0;

        & .style__label--LPNpV {
            color: var(--text-gray);
        }
    }
}

@media screen and (max-width: 1000px) {
    .style__viewer-title-container--j1Clp {
        justify-content: right;
        padding-right: 12px;
    }
}

.allencell-header {
    /* disabling absolute positioning */
    position: initial;
    transform: none;
}

.allencell-header.move-left {
    padding-right: 150px;
}

.style__sider--ECAaP {
    background-color: #4b4b4bd1;
    height: calc(100vh - var(--header-height));
    position: absolute;
    right: 0;
    z-index: 100;
    padding-bottom: 0 !important;
}

.style__sider--ECAaP .ant-layout-sider-children {
    overflow: scroll;
}

.style__sider--ECAaP .ant-layout-sider-zero-width-trigger.ant-layout-sider-zero-width-trigger-right {
    display: none;
}

/* element is appended to the top level of the dom, so had to be adjusted globally. Tested and seems ok*/
.ant-dropdown {
    z-index: 500000;
}

.ant-collapse,
.ant-collapse-header,
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
    border-radius: 0;
}

.style__sider--ECAaP.ant-layout-sider-collapsed .ant-layout-sider-trigger {
    width: 20px !important;
    height: calc(100vh - var(--header-height));
    position: absolute;
    left: -20px;
    top: 0px;
    background-color: var(--header-gray);
    border-left: 0.5px solid var(--border-gray);
    border-right: none;

    & i {
        display: block;
        position: absolute;
        left: 3.5px;
        top: 50%;
    }
}

.style__sider--ECAaP .ant-layout-sider-children {
    padding-left: 10%;
    overflow-y: auto;
    overflow-x: clip;
}

.style__sider--ECAaP.ant-layout-sider-collapsed .ant-layout-sider-children {
    padding-left: 0;
}

/*expanded */
.style__sider--ECAaP .ant-layout-sider-trigger {
    width: 10% !important;
    height: calc(100vh - var(--header-height));
    position: absolute;
    left: -20px;
    top: 0px;
    background-color: #000000a1;
    border-left: 0.5px solid var(--border-gray);
    border-right: 0.5px solid var(--border-gray);

    & i {
        display: none;
    }
}

.ant-btn-background-ghost {
    color: var(--text-gray);
    border-color: var(--text-gray);
}

/* Tabs */

.style__tabbed-menu--j4E0E {
    font-size: 19px;

    /* Align tab labels and icons */
    & .ant-menu-title-content {
        display: flex;
        flex-direction: row;
        gap: 5px;
        align-items: center;

        & :first-child {
            font-size: 20px;
            padding: 3px 3px 0 0;
        }
    }
}

.ant-menu {
    background-color: var(--viewer-header-background-gray);
}

.ant-menu-horizontal .ant-menu-item {
    margin-top: 7px;
    margin-left: 30px;
    padding: 0 10px;
    color: #ffffff;
}

/* Icomoon icons */

.style__plot-icon--D0Ck4::after {
    content: "\e901";
}

.style__cube-icon--twFXq::after {
    content: "\e900";
}

.style__container--JMiFX {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 300;
    background-color: rgba(47, 42, 62, 84%);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    color: var(--text-gray);
}

.style__container--JMiFX .style__loading-icon--NCSTh,
.style__container--JMiFX.style__loading-text--_5b8n {
    text-align: center;
}

body {
    background-color: var(--page-background-gray);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB",
        "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol";
}

.style__nav-bar--q7jPo {
    padding: 0;
}
.ant-affix {
    z-index: 100;
}

.ant-select-dropdown {
    min-width: 250px !important;
}

.style__container--_3WDP {
    height: 100vh;
}

.style__wrapper--wsMnE.style__is-loading--LzhrV {
    overflow: hidden;
    height: 100vh;
}

.style__content--ZM4em {
    flex: 2;
    padding: 20px 40px;
    overflow-x: visible !important;
}

.style__blur--_q56h {
    filter: blur(8px);
}

.style__header--I7rCS {
    display: inline-block;
    margin-right: 1em;
}

.style__subtitle--HFAN6 {
    text-align: center;
    margin: 2em 0;
}
.style__alert--x1S5X {
    margin-right: 120px;
}

.style__selected-info--TCaLG {
    display: inline-block;
}

.style__label--ekEd3 {
    color: var(--text-gray);
}

.style__header-main--S6xxp {
    text-align: left;
    background-color: var(--background-dim-gray);
    padding: 15px 50px;
    height: initial;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.style__header-main--S6xxp h1 {
    margin: 0;
}

.style__header-section--_LE5r {
    text-align: center;
    display: block;
    border-top: 0.5px solid var(--dimgray);
    border-bottom: 0.5px solid var(--dimgray);
}

.style__section--OQIEl {
    margin: 2em auto;
    max-width: 1200px;
}

.allencell-header {
    /* disabling absolute positioning */
    position: initial;
    transform: none;
}

.allencell-header.move-left {
    padding-right: 150px;
}

.ant-btn-background-ghost {
    color: var(--text-gray);
    border-color: var(--text-gray);
}

h2 {
    font-weight: 600;
    color: var(--white);
}

/* 
Global styles
(CSS Modules not applied)
*/

@font-face {
  font-family: 'icomoon';
  src: url(4777663a932858495b43.eot);
  font-display: block;
}
@font-face {
  font-family: 'icomoon';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon-moon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* these class names are not being used, are but included here to 
keep track of what font glyphs are available.
To use one, the span must have the "icon-moon" class name, and then 
use the :after pseudo selector to input the content.
*/

.icon-cube:before {
    content: "\e900";
}
.icon-plot:before {
    content: "\e901";
}