.style__container--t9TkT {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: auto;
}

.style__container--t9TkT img {
    max-width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -20px;
}

.style__container--t9TkT .ant-collapse {
    width: 740px;
    display: block;
    margin: 1em auto 2em auto;
    background-color: var(--light-theme-visual-glossary-header-bg);
    border: transparent;
    border-radius: 3px;
    font-size: 20px;
    box-shadow: 3px 3px 10px var(--text-gray);
}

.style__container--t9TkT .ant-collapse > .ant-collapse-item {
    border: none;
}

.style__container--t9TkT .ant-collapse-content {
    background-color: var(--light-theme-visual-glossary-content-bg);
    font-size: 16px;
    border: none;
    height: 417px;
    overflow: scroll;
}

.style__topLevelList--mTnrx > li {
    margin-bottom: 0.5em;
}
.style__container--ICNI3 {
    display: block;
    background-color: var(--footer-bg);
    padding-top: 1.5em;
    padding-bottom: 1em;
}

.style__container--ICNI3 .ant-row {
    width: 75%;
    margin: 0 auto 1.5em auto;
    display: flex;
    font-weight: 200;
    color: var(--footer-text);
}

.style__link-column--MjiJm {
    text-align: center;
    flex-grow: 1;
    margin: 0 1em;
    border-bottom: 1px solid var(--footer-text-border-bottom);
    padding: 1em;
}

.style__container--ICNI3 #ot-sdk-btn.ot-sdk-show-settings {
    font-weight: 200;
    font-size: 14px;
    color: var(--footer-link);
    border: none;
    padding: 0;
}

.style__container--ICNI3 #ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.ot-sdk-show-settings:active, #ot-sdk-btn.ot-sdk-show-settings:focus {
    color: var(--footer-link);
    background-color: transparent;
}
.style__content--q5SZ3 {
    display: block;
    margin: auto;
    padding: 2em;
    font-size: 18px;
}

.style__text--x8pzw {
    max-width: 1200px;
    margin: auto;
}

.style__intro--tkUIW {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    font-size: 20px;
}

.style__list-header--SVQCB {
    font-size: 20px;
}

.style__drag-drop-image--EBtr_ {
    margin: 1em;
    border-radius: 3px;
    box-shadow: 3px 3px 20px var(--text-gray);
}

/* Prevents image from being huge on larger screens */
@media screen and (min-width: 576px) {
    .style__drag-drop-image--EBtr_ {
        width: 400px;
    }
}

.style__approach-block--Oz2Rd {
    margin-bottom: 2em;
}

/* Makes font size smaller and reduces whitespace on mobile */
@media screen and (max-width: 480px) {
    .style__approach-block--Oz2Rd {
        font-size: 0.7rem;
        padding: 0;
    }

    .style__approach-block--Oz2Rd ol, ul {
        padding-left: 1em;
    }

    .style__approach-block--Oz2Rd .style__list-header--SVQCB {
        font-size: 0.8rem;
    }
}

.ant-typography code {
    margin-top: 2em;
    margin-bottom: 2em;
}
.style__card--_LpH7 {
    border-radius: 6px;
    width: 400px;
    padding: 15px 15px 5px 15px;
    background-color: var(--light-theme-card-bg-white);
    border: none;
    display: flex;
    flex-direction: column;
}

.style__card--_LpH7 .ant-card-body {
    padding: 0px;
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.style__thumbnail--ufV_B {
    display: grid;
}

.style__static-thumbnail--Q7dJo,
.style__animated-thumbnail--yCgh5 {
      grid-area: 1 / 1;
}

.style__animated-thumbnail--yCgh5 {
    opacity: 0;
}

.style__thumbnail--ufV_B:hover .style__animated-thumbnail--yCgh5 {
    opacity: 1;
}

.style__thumbnail--ufV_B:hover .style__static-thumbnail--Q7dJo {
    opacity: 0;
}

.style__trajectory-description--Bb7ue {
    font-size: 16px;
}

.style__stretch--h8LoI {
    flex-grow: 2;
}

.style__version-and-time--i3KKG {
    display: flex;
    justify-content: space-between;
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 16px;
}

.style__load-your-data--IrpzP {
    font-size: 16px;
    flex-grow: 2;
}

/* Necessary to make flexbox spacing work */
.style__version-tag--TKI_c,
.style__simulated-time--a6kZI {
    margin: 0 !important;
}

.style__version-tag--TKI_c {
    border-radius: 2px;
    padding-right: 3px;
    padding-left: 3px;
    height: 20px;
    font-size: 16px;
    color: white;
    border-color: var(--light-theme-version-badge-purple);
}

/* Remove Antd hover effect for Tags */
.style__version-tag--TKI_c:hover {
    opacity: 1;
}

.style__card-title--zaIXv {
    font-weight: 600;
}

.style__publication--ta6w8 {
    font-size: 14px;
}

.style__journal--v9hl1 {
    font-style: italic;
}

.style__legalese--NoicS {
    font-size: 10px;
    color: var(--light-theme-faint-text);
}

.style__legalese--NoicS a {
    color: var(--light-theme-faint-text);
    text-decoration: underline;
}
.style__content--tOv3o {
    display: block;
    width: 100%;
    margin: auto;
}

.style__content--tOv3o h1, h2 {
    margin-bottom: 0px;
}

@media screen and (min-width: 576px) {
    .style__content--tOv3o h1, h2 {
        margin-top: -0.3em;
    }
}

/* Makes font size smaller for paragraph blocks on mobile */
@media screen and (max-width: 480px) {
    .style__content--tOv3o p {
        font-size: 0.8rem;
        margin-bottom: 1em;
    }

    .style__content--tOv3o li {
        font-size: 0.8rem;
    }
}

.style__panel--V11kS {
    background-color: var(--light-theme-gray-bg);
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 3em;
    padding-bottom: 2em;
    font-size: 20px;
}

/* Prevents content from horizontally spreading too much when browser window is very wide */
.style__text-content--YEKR0 {
    max-width: 1010px;
    margin-left: auto;
    margin-right: auto;
}

.style__cards--WkUOY {
    max-width: 1500px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: auto;
}

.style__cards--WkUOY > * {
    margin-top: 2em;
    margin-left: 1em;
    margin-right: 1em;
}

.style__caption--bNZch {
    margin-top: 1em;
    margin-bottom: 2.5em;
    font-size: 16px;
    text-align: center;
}

.style__try-simularium-panel--fZQRE {
    background-color: var(--light-theme-bg);
}

.style__future-simularium-panel--jrLNJ {
    background-color: var(--light-theme-white-bg);
}

.style__citation-panel--AeQ8U {
    background-color: var(--light-theme-white-bg);
}

.style__citation-content--nMp6J {
    display: flex;
    margin: 2em auto 1em auto;
    justify-content: space-between;
}

.style__citation-text--NA90X { 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.style__journal-cover--pvIcN {
    margin: auto 1.5em auto auto;
    width: 323px;
}

.style__image--rKtiZ {
    display: block;
    margin: 2em auto 1em auto;
}

.style__image-bottom--DHPhC {
    display: block;
    margin: 0 auto 2em auto;
}

.style__markdown--GRc2b {
    -moz-column-count: 2;
         column-count: 2;
}

.style__markdown--GRc2b > * {
    text-align: left;
    font-size: 16px;
}

@media screen and (max-width: 1010px) {
    .style__journal-cover--pvIcN {
        margin-top: 0;
    }
    .style__citation-text--NA90X p {
        font-size: 14px;
    }
    .style__markdown--GRc2b {
        -moz-column-count: 1;
             column-count: 1;
        height: auto;
        margin: auto 0.5em;
    }
    
    .style__markdown--GRc2b > * {
        font-size: 14px;
    }
}

.style__markdown--GRc2b h2 {
    font-weight: bold;
}

.style__markdown--GRc2b p {
    margin-bottom: 2em;
}
.style__container--xeUDB, .style__container--xeUDB.ant-upload.ant-upload-drag{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 300;
    background-color: rgba(181, 159, 246, 0.7);
}

.style__container--xeUDB .style__loading-icon--vbfco, .style__container--xeUDB.style__loading-text--zfKCA {
    text-align: center;
}

.style__container--xeUDB {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}
.style__sider--q5D1h {
    height: calc(100vh - var(--header-height));
    left: 0;
    z-index: 100;
    background-color: var(--dark-theme-sidebar-bg);
}
.style__sider--q5D1h.style__embed--lXFgw {
    height: 100vh;
}

.style__sider--q5D1h.style__left--uVCuc.style__collapsed--HRls9 {
    padding: 0 10px 0 0;
}

.style__sider--q5D1h.style__right--PN2qY {
    right: 0;
    left: inherit;
    padding: 0 0 0 10px;
}

.style__sider--q5D1h.style__left--uVCuc {
    left: 0;
    right: inherit;
    padding: 0 0 10px;
}

.style__sider--q5D1h .ant-collapse-content-box {
    padding: 3px 0;
}
.style__sider--q5D1h.style__right--PN2qY .ant-collapse-content-box {
    padding: 0;
}

.style__sider--q5D1h .ant-layout-sider-children {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.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--q5D1h .ant-collapse {
    border-top: 0;
    border-left: 0;
}

.style__sider--q5D1h i {
    position: absolute;
    top: 50%;
    left: 3.5px;
}

.style__trigger--yhGrB {
    position: absolute;
    top: 3px;
    z-index: 200;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--dark-theme-component-bg);
    cursor: pointer;
    box-shadow: 0 1px 3px black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.style__trigger--yhGrB img {
    height: 22px;
    transition: all 0.4s;
}

.style__trigger--yhGrB.style__left--uVCuc {
    right: -22px;
}

.style__trigger--yhGrB.style__right--PN2qY {
    left: -22px;
}

.style__left--uVCuc img,
.style__collapsed--HRls9.style__right--PN2qY img {
    transform: rotate(180deg);
}

.style__collapsed--HRls9.style__left--uVCuc img,
.style__right--PN2qY img {
    transform: rotate(0deg);
}

@media screen and (max-width: 590px) {
    .style__sider--q5D1h {
        display: none;
    }
}

.style__container--GjVdk {
    color: var(--dark-theme-sidebar-text);
    padding: 16px 14px 16px 24px;
}

.style__collapsed--ijjju {
    padding: 14px 8px 8px 16px;
}

.style__agent-selected--lv4U4 {
    min-height: 265px;
}

.style__title--fE8_G {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    cursor: pointer;
}

.style__container--GjVdk h3 {
    color: var(--dark-theme-text-color-bright);
    font-weight: 400;
    font-size: 16px;
}

.style__icon--OHYjV {
    background-color: transparent;
    border: none;
    color: var(--dark-theme-icon-color);
    font-size: 18px;
}

.style__title--fE8_G:hover .style__icon--OHYjV {
    color: var(--dark-theme-menu-text-hover);
}

.style__rotate--IK9K4 span {
    transform: rotate(180deg);
}

.style__panel-contents--O2oRR {
    font-size: 12px;
    font-weight: 400;
}

.style__no-agent-row--bPUts {
    display: flex;
    flex-direction: column;
    font-size: 12px;
}

.style__no-agent-row--bPUts p {
    margin-bottom: 4px;
}

p.style__no-agent-heading--bvNnT {
    font-size: 14px;
}

p.style__no-agent-text--qoNXf {
    font-size: 12px;
}

.style__agent-missing-text--CLM13 {
    color: var(--dark-theme-sidebar-text-dim);
    font-size: 13px;
}

.style__row--gMi4X {
    display: flex;
    font-weight: 400;
}

.style__key--m7j4g {
    color: var(--dark-theme-sidebar-text-dim);
    min-width: 120px;
    align-self: flex-start;
}

.style__divider--Oivgi {
    background-color: var(--dark-theme-divider-dim);
    margin: 4px 0px;
}

.style__container--V6wrW {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.style__container--V6wrW label {
    color: var(--dark-theme-sidebar-text) !important;
}

.style__card--XYP0T {
    border-radius: 6px;
    flex: 1 1;
    background-color: var(--dark-theme-sidebar-bg);
}

.style__card--XYP0T .ant-card-head {
    background-color: var(--dark-theme-sidebar-header-bg);
    height: 44px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    border: none;
    margin-bottom: 3px;
}

.style__card--XYP0T .ant-card-head-title {
    color: var(--dark-theme-sidebar-text);
}

.style__card--XYP0T .ant-card-body {
    background: var(--dark-theme-sidebar-bg);
}

.style__divider--F1MA0 {
    background-color: var(--dark-theme-divider);
    margin: 0px;
}

.style__container--LKDGR {
    margin: auto;
    text-align: center;
}

/* cspell:disable-next-line */
.style__container--LKDGR .xtitle, .ytitle {
    font-weight: 200 !important;
}

/* cspell:disable-next-line */
.style__container--LKDGR .legendtext, .xtick, .ytick {
    font-weight: 200;
}

.style__container--LKDGR .js-plotly-plot {
    margin-bottom: 5px;
}

/* this global class name is applied by plotly */
.style__container--LKDGR .main-svg {
    border-radius: 6px;
}
.style__container--jyVK6 .ant-card-body {
    padding: 0 10px 0 0;
}

.style__wrapper--qmJ5m {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--star-checkbox-bg);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: 'tnum', "tnum";
    display: inline-block;
    line-height: inherit;
    cursor: pointer;
    height: 40px;
}
.style__container--otiRh {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--star-checkbox-bg);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: 'tnum', "tnum";
    position: relative;
    top: -0.09em;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    outline: none;
    cursor: pointer;
    top: 10px;
}

.style__container--otiRh input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.style__checkbox--GxQQQ {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-collapse: separate;
    transition: all 0.3s;
}

.style__checkbox--GxQQQ:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.style__checkbox--W6kEj .ant-checkbox {
    top: 3px;
}

.style__checkbox--W6kEj .ant-checkbox + span {
    padding: 0px;
}
.style__container--FelA3 .ant-checkbox-wrapper {
    margin-left: 0;
    height: 40px;
}

.style__container--FelA3 span {
    top: 0;
}

.style__container--FelA3 .ant-checkbox {
    top: 2px;
}
.style__container--XHvS3 {
    background-color: var(--dark-theme-sidebar-item-bg);
    margin-bottom: 3px;
    padding: 0 12px;
}

.style__header--ZGwLX {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.style__header--ZGwLX .ant-btn:hover {
    color: var(--dark-theme-agent-dropdown-toggle-hover);
}

.style__header--ZGwLX .ant-btn, .ant-btn:active, .ant-btn:focus {
    color: var(--dark-theme-agent-dropdown-toggle);

}

.style__toggle-button--lidtJ {
    border: none;
    background-color: transparent;
    animation: none;
}

.style__header--ZGwLX .ant-btn.style__toggle-button--lidtJ:hover {
    color: var(--dark-theme-agent-dropdown-toggle-hover);
}

.style__toggle-button--lidtJ.style__active--ZIro8 {
    transform: rotate(90deg);
}

.style__panel--TzjvW {
    display: none;
    transition: all .3s;
    padding-top: 10px;
}

.style__panel--TzjvW.style__active--ZIro8 {
    display: block;
}


.style__agent-swatch-container--Dfszs {
    margin-left: 11px;
    margin-right: 16px;
    height: 30px;
    padding-top: 7px;
}

.style__agent-swatch--tmYwG {
    width: 12px;
    height: 16px;
    display: inline-block;
}

.style__agent-swatch--tmYwG:hover {
    cursor: pointer;
}

.style__popover--Q3vYO .ant-popover-content {
    width: 215px;
    box-shadow: 0px 3px 6px #000000;
    left: -15px;
}

.style__popover--Q3vYO .ant-popover-inner-content {
    padding: 10px 8px;
    display: flex;
    justify-content: center;
}

.style__color-picker--k2uhF {
    padding-left: 4px;
}

.style__color-picker--k2uhF .style__selection-display--KOIL3, 
.style__color-picker--k2uhF .style__color-selections--N0pQV {
    display: flex;
}

.style__color-picker--k2uhF .style__selection-display--KOIL3 {
    gap: 8px
}

.style__selection-display--KOIL3 .style__large-swatch--IBSRr {
    height: 30px;
    width: 60px;
}

.style__selection--auGwB {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.style__selection--auGwB label,
.style__selection--auGwB .style__hex-input--k_gH2{
    text-transform: uppercase;    
    color: var(--dark-theme-popover-text);
    font-size: 9px;
    text-align: center;
}

.style__selection--auGwB .style__hex-input--k_gH2 {
    height: 30px;
    width: 68px;
    background-color: transparent;
    border: 1px solid var(--dark-theme-input-border);
    font-size: 14px;
    padding-left: 6px;
    padding-top: 4px;
}

.style__available-colors--sbVUn {
    padding: 12px 0px 12px 0px;
}

.style__colors-container--b_2e9 {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.style__swatch--jct2f {
    height: 15.5px;
    width: 15.5px;
    cursor: pointer;
    border: none;
}

.style__swatch--jct2f:hover {
    transform: scale(1.29);
    box-shadow: 0px 0px 10px #000000;
}

.style__color-picker--k2uhF .style__sub-title--v3DwN {
    text-align: left;
    font-size: 12px;
    margin-bottom: 2px;
    font-weight: 200;
    color: var(--dark-theme-popover-text)
}

.style__tooltip--nKBq8 .ant-tooltip-inner {
    font-size: 9px;
    letter-spacing: 0px;
    min-height: 0px;
    padding: 8px 10px 4.5px 10px;
    text-transform: uppercase;
    background-color: var(--color-picker-tooltip);
}

.style__tooltip--nKBq8 .ant-tooltip-arrow-content {
    --antd-arrow-background-color: var(--color-picker-tooltip);
}

/* Styles that override react-colorful */
.style__color-picker--k2uhF .react-colorful__saturation-pointer {
    width: 0px;
    height: 0px;
    border-radius: 0px;
    border: none;
}

.style__color-picker--k2uhF .react-colorful__hue-pointer {
    width: 5px;
    height: 16px;
    border: 1px solid var(--white-two);
    border-radius: 0px;
}

.style__color-picker--k2uhF .react-colorful__pointer-fill {
    background-color: black !important;
}

.style__color-picker--k2uhF .react-colorful {
    gap: 7px;
    padding-bottom: 8px;
    height: auto;
}

.style__color-picker--k2uhF .react-colorful__saturation {
    border-radius: 0px;
    height: 115px;
    width: 196px;
}

.style__color-picker--k2uhF .react-colorful__hue {
    border-radius: 0px;
    height: 12px;
    width: 196px;
}

.style__container--_xJIF {
  margin: 1em;
  font-size: 16px;
}

.style__container--_xJIF,
.style__container--_xJIF .style__heading--c63f7 {
  color: var(--dark-theme-sidebar-text);
}

.style__heading--c63f7 {
  font-weight: 600;
  margin-bottom: 1.5em;
}

.style__list--hI4lK {
  padding-left: 20px;
  font-weight: 200;
}
:root {
    --text-label-margin: 8px;
}

.style__container--yDnYR {
    background-color: var(--dark);
}

.style__header-label--KroWg {
    margin-left: 8px;
    margin-left: var(--text-label-margin);
    max-width: 120px;
    font-weight: 200;
}

.style__container--yDnYR .ant-typography-ellipsis {
    color: var(--dark-theme-sidebar-text)
}

.style__container--yDnYR .ant-checkbox-inner {
    border-color: var(--warm-gray);
}

.style__container--yDnYR .ant-checkbox-indeterminate .ant-checkbox-inner::after {
    background-color: var(--dark-theme-header-bg);
    height: 2px;
}

.style__check-all-checkbox--HWny1 {
    width: 100%;
    margin-left: 88px; /* to line up with the checkboxes below */
    padding: 10px 0;
}

.style__check-all-checkbox--HWny1 .ant-checkbox {
    margin-right: 8px;
    margin-right: var(--text-label-margin);
}

.style__no-children-row--T5nNH {
    margin-left: 32px; /* keeps it in the same position as rows with dropdowns */
}

.style__no-children-row--T5nNH .ant-checkbox-wrapper {
    width: 30px;
    height: 40px;
}

.style__sub-menu--pVJIx {
    flex-flow: row;
}

.style__sub-menu--pVJIx .ant-col-offset-3 {
    margin-left: 13.4%;
}

.style__container--yDnYR .style__checkbox-column--TxzEi, .style__container--yDnYR .style__color-swatch-column--b586z  {
    max-width: 20px;
}

.style__color-swatch-column--b586z {
    margin-left: 3px;
}

.style__checkbox-column--TxzEi {
    margin-left: 30px;
}

.style__container--yDnYR .style__agent-names-column--Pk6bQ {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
    margin-left: var(--text-label-margin);
}

.style__row-label-container--Jfkgv {
    display: inline-block;
    height: 40px;
    padding: 2px 0;
}

/* Need to style these swatches differently than the ones that 
are laid out in a row. These are the children swatches in the 
dropdown laid out in a column. */
.style__row-label-container--Jfkgv .agent-swatch-container {
    margin: 4px;
    padding: 0px;
}

.style__agent-name-label--Moj5y {
    font-weight: 200;
    vertical-align: text-top;
    display: inline-block;
    height: 16px;
    line-height: 1;
}
.style__container--toreQ {
    height: 100%;
}

.style__container--toreQ .ant-card {
    padding-right: 10px;
}

.style__container--toreQ .ant-card-body {
    padding: 0 0 0 10px;
}
.view-controls {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.view-controls .btn {
    height: 28px;
    cursor: pointer;
}

.view-controls svg {
    font-size: 22px;
}

.view-controls button {
    -webkit-appearance: none;
    padding: 0;
    background-color: white;
    border: solid 1px #979797;
}

/* 
** To make the tweakpane controls show up properly, we needed to manipulate the z-index.
** We also need to make sure that when it is a child of our 3d view, it is positioned 
** properly.
** There is no documented api on tweakpane to control this, so we are just using what we
** know are the currently named classes to modify it.
*/
.tp-dfwv {
    z-index: 1000;
}
.tp-rotv {
    z-index: 1000;
    position: absolute;
    top: 0px;
    right: 0px;
}
.style__viewport-button--vZn0b.ant-btn,
.style__viewport-button--vZn0b.ant-btn:focus {
    background-color: var(--dark-theme-viewport-button-bg);
    border-color: var(--dark-theme-viewport-button-border);
    border-radius: 3px;
    color: var(--dark-theme-viewport-button-color);
    height: 26px;
    width: 26px;
    min-width: 26px;
}

.style__viewport-button--vZn0b.ant-btn.style__disabled--fHRPT {
    color: var(--dark-theme-viewport-button-disabled-color);
    border-color: var(--dark-theme-viewport-button-bg);
    cursor: not-allowed;
}

.style__viewport-button--vZn0b.ant-btn.style__active--frWZ3 {
    border-color: var(--dark-theme-viewport-button-toggle-border);
}

.style__viewport-button--vZn0b.ant-btn:hover:not(.style__disabled--fHRPT) {
    background-color: var(--dark-theme-viewport-button-hover-bg);
    border-color: var(--dark-theme-viewport-button-bg);
    color: var(--dark-theme-viewport-button-color);
}

.style__viewport-button--vZn0b.ant-btn:hover:not(.style__disabled--fHRPT).style__active--frWZ3 {
    border-color: var(--dark-theme-viewport-button-toggle-border);
}

.style__viewport-button--vZn0b.ant-btn.style__radio-group-top--l_VBk {
    border-radius: 3px 3px 0px 0px;
}

.style__viewport-button--vZn0b.ant-btn.style__radio-group-bottom--HQAS9 {
    border-radius: 0px 0px 3px 3px;
}

.style__viewport-button--vZn0b.ant-btn .record-icon-circle,
.style__viewport-button--vZn0b.ant-btn .stop-record-icon {
    color: var(--dark-theme-record-button-red);
}

.style__viewport-button--vZn0b.ant-btn.style__disabled--fHRPT .record-icon-circle {
    color: var(--dark-theme-viewport-button-disabled-color);
}

.style__container--gsaSQ {
    display: flex;
    flex-grow: 1;
    justify-content: space-evenly;
}

.style__minimal-controls-container--ZPA47 {
    display: flex;
    flex-grow: 1;
    justify-content: space-evenly;
}

.style__button-container--EyEgx {
    display: flex;
    gap: 4px;
}

.style__container--gsaSQ .ant-input-number {
    background-color: transparent;
}

.style__container--gsaSQ .ant-input-number input {
    color: var(--dark-theme-viewport-button-color);
    padding: 0 3px;
}

/* Hide the up/down buttons in the time input box */
.style__container--gsaSQ .ant-input-number-handler-wrap {
    display: none;
}

.style__container--gsaSQ .style__slider--epDMi {
    flex: 3 1;
    margin: auto 10px;
}

.style__container--gsaSQ .style__slider--epDMi .ant-slider-track,
.style__container--gsaSQ .style__slider--epDMi .ant-slider-rail {
    border-radius: 3px;
}

.style__time--F5nJi {
    background-color: var(--dark-theme-viewport-button-bg);
    color: var(--dark-theme-viewport-button-color);
    height: 26px;
    min-width: 100px;
    padding: 1px 7px 4px 7px;
    border-radius: 3px;
    text-align: center;
    margin-right: 4px;
}

.style__lastFrameTime--vEWtp {
    color: var(--dark-theme-dim-color);
}

.style__remove-border--ruWSi {
    border: none;
}
/* Default and primary button colors differ within modals */
.style__modal--vTNFd .ant-modal-content {
    /* prevents modal body color rendering under header/footer at corners */
    color: var(--light-theme-modal-color);
    padding: 0px;
}

.style__modal--vTNFd .ant-modal-header {
    display: flex;
    justify-content: center;
    padding: 26px 24px 14px;
    margin-bottom: 0px;
}

.style__modal--vTNFd .ant-modal-title {
    font-size: 21px;
    align-items: center;
    display: flex;
    font-size: 21px;
    font-weight: 400;
    max-height: 21px;
}

.style__modal--vTNFd .close-icon::after {
    font-size: 16px;
    color: var(--light-theme-modal-color);
    cursor: pointer;
    display: flex;
    padding-bottom: 10px;
    position: absolute;
    right: 24px;
}

.style__modal--vTNFd .close-icon:hover::after {
    color: var(--light-theme-modal-close-icon-hover);
}

.style__modal--vTNFd .ant-modal-body {
    font-size: 16px;
    padding: 16px 24px 26px 24px;
}

.style__modal--vTNFd .ant-modal-body p {
    margin-bottom: 0px;
}

.style__modal--vTNFd.style__divider--WLoO0 .ant-modal-body {
    padding: 24px;
}

.style__modal--vTNFd .ant-modal-footer {
    background-color: var(--light-theme-modal-bg);
    padding: 0px;
    border-radius: 6px;
    margin-top: 0px;
}

.style__footer-button-container--mBFl4 {
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
    margin: 0px;
    padding: 20px 24px;
}

.style__modal--vTNFd .ant-input,
.style__modal--vTNFd .ant-input.ant-input-disabled {
    border-radius: 3px;
    background-color: var(--light-theme-modal-input-bg);
    border-color: var(--light-theme-modal-input-border);
    color: var(--light-theme-modal-input-color);
}

.style__modal--vTNFd .ant-input.ant-input-disabled {
    background-color: var(--light-theme-modal-disabled-bg);
    color: var(--light-theme-modal-input-disabled-color);
}

.style__modal--vTNFd .ant-input-affix-wrapper {
    border: 1px solid var(--light-theme-modal-input-border);
    border-radius: 3px;
}

.style__modal--vTNFd .ant-divider {
    left: 0;
    margin: 0px;
    position: absolute;
    background-color: var(--light-theme-modal-divider);
}

.style__modal--vTNFd .ant-checkbox-inner,
.style__modal--vTNFd .ant-checkbox::after {
    border: 1px solid var(--light-theme-checkbox-color) !important;
}

.style__modal--vTNFd .ant-checkbox-inner,
.style__modal--vTNFd .ant-checkbox::after {
    background-color: transparent;
}

.style__record--TyR_M {
    display: flex;
    gap: 4px;
    justify-content: space-evenly;
}

.style__icon-container--kTPIj {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

.style__red-circle--byoSE {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background: var(--dark-theme-record-button-red);
    box-shadow: 0 0 0 0 var(--dark-theme-record-button-red);
}

.style__animate--oXtFo {
    animation: style__pulse-red--DHHub 2s infinite;
}

@keyframes style__pulse-red--DHHub {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255,82,82,0.70196);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255,82,82,0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255,82,82,0);
    }
}

.style__status-container--XIdsR {
    position: relative;
}

.style__recording-status--iJd0o {
    margin-top: 5px;
    position: absolute;
}

.style__container--MEQBB {
    position: absolute;
    display: flex;
    flex-direction: column;
    bottom: 0;
    right: 20px;
    justify-content: space-evenly;
    gap: 10px;
    margin-bottom: 20px;
}

.style__zoom-group--ePkfi {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.style__radio-group--ZkQrw {
    display: flex;
    flex-direction: column;
}
.style__container--MQehR {
    position: absolute;
    bottom: 0;
    right: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 72px;
    background-color: rgba(0, 0, 0, 0.6);
    margin-bottom: 20px;
    padding: 5px;
    border-radius: 3px;
}

.style__text--b1y1g {
    font-size: 12px;
    color: var(--dark-theme-dim-color);
}

.style__container--MQehR img {
    margin-top: -5px;
}
.style__container--YAxEz {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.style__bottom-controls-container--zNU7J {
    position: absolute;
    display: flex;
    gap: 4px;
    bottom: 0;
    margin-bottom: 20px;
    right: 25%;
    width: 50%;
}

.style__full-width-bottom-controls--k0w8E {
    right: 5%;
    left: 5%;
    width: 90%;
}

.style__container--IJtse {
    position: absolute;
    height: calc(100vh - var(--header-height));
    width: 100%;
    z-index: 300;
    background-color: var(--light-theme-bg);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.style__title--qP00f {
    color: var(--light-theme-color);
    font-size: 24px;
    font-weight: 600;
}

.style__content--wAQDB {
    color: var(--light-theme-color);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 10px 0 26px 0;
}

.style__go-back-button--kABYp {
    margin-top: 10px;
}

.style__processing-indicator--gNk9P {
    margin-bottom: 40px;
}

.style__spin-container--RlkQK {
    margin: 20px 0;
    padding: 30px 50px 10px;
}

.style__new-instance-text--Dculi {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0.5em;
}

.style__divider-container--SzvFz {
    width: 496px;
    margin-bottom: 26px;
}

.style__divider-container--SzvFz .ant-divider {
    background-color: var(--light-theme-divider);
}

.style__warning-text--VBTdR {
    color: var(--cancel-icon-color);
    padding-bottom: 0.5em;
}
.style__container--_U26O {
    position: absolute;
    background-color: var(--light-theme-bg);
    color: var(--light-theme-color);
    height: calc(100vh - var(--header-height));
    width: 100%;
    z-index: 1000;
}

.style__form-content--opLc3 {
    width: 900px;
    padding-left: 30px;
    padding-top: 30px;
}

.style__title--zi5fk {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.05rem;
    margin-bottom: 0em;
    padding-bottom: 0px;
}

.style__section-header--V4OAk {
    font-size: 20px;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 15px;
}

.style__select-title--RFRzF {
    font-size: 1.08em;
    font-weight: 500;
}

.style__selector-box--aQGnQ, .style__title-input--yUj20 {
    margin-right: 20px;
    width: 200px;
}

/* two parent classes needed here to overide specificity of antd classes */
.style__upload-container--gNP05 .style__selector-box--aQGnQ .ant-select-selector, .style__title-input--yUj20 {
    border-radius: 3px;
    border: 1px solid var(--light-theme-select-border-color);
}

.style__upload-container--gNP05 {
    display: flex;
    max-height: 32px;
}

.style__upload--xB0AC {
    display: flex;
}

.style__upload--xB0AC .ant-upload-span {
    background-color: var(--overlay-purple);
}

.style__upload--xB0AC .style__rendered-file-name--Xuj2m {
    height: 100%;
    margin-top: 6px;
    display: block;
}

.style__upload--xB0AC .ant-upload-text-icon {
    display: none;
}

.style__upload-container--gNP05 .style__remove-file-icon--D0XiV {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    min-width: 16px;
}

.style__remove-file-icon--D0XiV svg {
    fill: var(--cancel-icon-color);
}

.style__optional-title--V0Nbi {
    font-size: 1.08em;
    margin-top: 22px;
    margin-bottom: 0px;
}

.style__divider--Htql6 {
    background-color: var(--light-theme-divider);
}

.style__form-content--opLc3 button {
    margin-right: 15px;
    min-width: 80px;
    max-height: 30px;
}

.style__form-content--opLc3 span svg path {
    /* this makes the down arrow in the select box visible  */
    color: var(--light-theme-btn-primary-border);
}

.style__container--_U26O .style__loading-icon--V1xBT,
.style__container--_U26O.style__loading-text--GuxHQ {
    text-align: center;
}

:root {
    --header-height: 60px;
    --dropdown-menu-width: 190px;
}

.style__container--J6waZ {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: var(--dark-theme-body-bg);
    color: var(--dark-theme-text-color);
}
.style__container--J6waZ .ant-layout-content {
    height: calc(100vh - var(--header-height));
    /* Prevents a light gray background from flashing upon collapsing the right sidebar */
    background: var(--dark-theme-body-bg);
}

.style__container--J6waZ.style__embed--U2a0x .ant-layout-content {
    height: 100vh;
    /* Prevents a light gray background from flashing upon collapsing the right sidebar */
    background: var(--dark-theme-body-bg);
}

.style__content--GSg1L {
    position: relative;
    height: 100%;
}

.style__container--J6waZ .ant-btn-ghost {
    color: var(--dark-theme-primary-color);
    border-color: var(--dark-theme-primary-color);
}
.style__container--yScjy{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 300;
    display: flex;
    pointer-events: none;
}

.style__container--yScjy h4 {
    color: var(--dark-theme-text-color);
    margin: 0 auto;
}

.style__upload-modal--Yens2 .style__extra-info--d5E1e {
    margin-top: .25rem;
    margin-bottom: 0rem;
    color: var(--light-theme-modal-supplemental-text);
    font-size: 14px;
}

.style__upload-modal--Yens2 .style__extra-info--d5E1e a:focus {
    opacity: 0.7;
}

.style__upload-modal--Yens2 .ant-form-item {
    margin-bottom: 0;
}

.style__upload-modal--Yens2 .ant-input-suffix svg {
    color: var(--light-theme-modal-supplemental-text);
}

.style__upload-modal--Yens2 .ant-tabs-nav {
    margin-bottom: 25px;
}

.style__upload-modal--Yens2 .ant-tabs-nav::before {
    content: none;
}

.style__upload-modal--Yens2 .ant-tabs .ant-tabs-tab {
    padding: 0;
    font-size: 16px;
}

.style__upload-modal--Yens2 .ant-tabs .ant-tabs-tab-active {
    font-weight: 400;
}

.style__file-upload--tankE .ant-upload-list {
    min-height: 30px;
}
.style__file-upload--tankE .ant-upload-list-item:hover,
.style__file-upload--tankE .ant-upload-list-item-list-type-text:focus,
.style__file-upload--tankE .ant-upload-list-item-list-type-text .ant-upload-list-item-info:hover {
    background-color: transparent;
}

.style__file-upload--tankE .ant-upload-list-item-card-actions-btn {
    border: none;
}

.style__file-upload--tankE .ant-upload-list-item-card-actions-btn {
    opacity: 1;
    opacity: initial;
}

.style__file-upload--tankE .ant-upload-list-item-card-actions-btn svg {
    color: var(--cancel-icon-color);
}

.style__file-upload--tankE .ant-upload-list-text .ant-upload-list-item-name {
    padding: 0;
}

.style__file-upload--tankE .ant-upload-span {
    justify-content: flex-start;
    width: -moz-max-content;
    width: max-content;
}


.style__menu-wrapper--m4B0b {
    width: -moz-fit-content;
    width: fit-content;
    background-color: var(--dark-theme-dropdown-menu-bg);
    border-radius: 3px;
    padding: 4px;
}

.style__menu--P40_5 {
    background-color: inherit;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.style__menu-wrapper--m4B0b .style__menu--P40_5 .ant-dropdown-menu-submenu-title,
.style__menu-wrapper--m4B0b .style__menu--P40_5 .ant-dropdown-menu-item-only-child {
    padding: 0px;
}

.style__container--bvOLa {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    max-width: calc(100vw - 562px);
    min-width: 0;
}

.style__title--zJwyz {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.style__tag--C42BC {
    margin-left: 5px;
    margin-right: 0px;
    border-radius: 2px;
    padding-right: 5px;
    padding-left: 5px;
    height: 20px;
    font-size: 12px;
    border-color: var(--dark-theme-version-badge-purple);
    background-color: var(--dark-theme-version-badge-purple);
    color: var(--dark-theme-text-color-bright)
}
.style__blue-text--cstKq {
    color: var(--light-theme-blue-text);
}
.style__custom-radio-group--cCFpO
    .ant-radio-checked
    .ant-radio-inner::after {
    background-color: var(--light-theme-modal-color);
}

.style__custom-radio-group--cCFpO .ant-radio-inner {
    background-color: var(--light-theme-white-bg);
}

.style__custom-radio-group--cCFpO .ant-radio-checked .ant-radio-inner {
    border-color: var(--light-theme-modal-color);
}

.style__custom-radio-group--cCFpO .ant-radio-wrapper span {
    align-items: center;
    display: flex;
    gap: 7px;
    font-size: 16px;
}

.style__time-input--O7CST {
    text-align: right;
    width: 64px;
}

.style__time-input--O7CST.style__disabled--TLZ1x {
    color: var(--medium-grey);
    background-color: var(--light-purple);
}

/* this input is functionally disabled but styled as though it is not */
.style__url-input--YOoC8[disabled].ant-input {
    flex-grow: 1;
    color: var(--light-theme-modal-input-color);
    background-color: var(--light-theme-modal-input-bg);
    cursor: auto;
    direction: rtl;
    width: 395px;
}

.style__embed-header--irIs1 {
    display: flex;
    justify-content: space-between;
}

.style__settings-button--iTM0F {
    border: none;
    background-color: var(--light-theme-bg);
    font-size: 16px;
    cursor: pointer;
}

.style__settings-button--iTM0F:hover {
    font-weight: 500;
}

.style__embed-settings--CHk0Z {
    transition: height 0.3s;
    height: 0px;
}

.style__embed-settings--CHk0Z.style__open--rlyfY {
    margin-bottom: 10px;
    height: 56px;
}

.style__accent-text--jMVV6 {
    font-size: 16px;
    font-weight: 600;
}

.style__number-inputs--mFXg3 {
    text-align: right;
    width: 64px;
}

.style__constrain-proportions--xNeov {
    align-items: center;
    display: flex;
    gap: 7px;
    padding-left: 10px;
}

.style__embed-input--B6lH6[disabled].ant-input {
    height: 98px;
    color: var(--light-theme-modal-input-color);
    background-color: var(--light-theme-modal-input-bg);
    cursor: auto;
    width: 502px;
    scrollbar-width: thin;
}

.style__share-container--lmu6_ h4 {
    font-size: 19px;
    margin: 0px;
}

.style__local-file-heading--fB8If {
    font-weight: 500;
}

.style__local-file-message--PKy6B {
    margin-top: 8px;
}

.style__local-file-message--PKy6B p {
    font-size: 14px;
}

.style__page-header--ZBcts {
    position: relative;
    background-color: var(--dark-theme-header-bg);
    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;
    height: var(--header-height);
    padding: 0 10px;
}

.style__page-header--ZBcts img {
    padding: 4px;
}

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

.style__left-links--REMc3 {
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-right: 2em;
}

.style__left-links--REMc3 img {
    border-radius: 6px;
    vertical-align: middle;
}

.style__left-links--REMc3 a.style__focus-visible--jeSJU img {
    outline: 1px solid var(--dark-theme-primary-button-focus-outline);
}

.style__left-links--REMc3 a:focus-visible img {
    outline: 1px solid var(--dark-theme-primary-button-focus-outline);
}

.style__home--q2OaH {
    margin-left: 2px;
    margin-right: 20px;
    font-weight: 400;
    font-size: 12px;
}

.style__vertical-bar--xLMgj {
    display: inline-block;
    margin-right: 4px;
    margin-left: 8px;
    color: var(--dark-theme-header-text);
    font-size: 16px;
    font-weight: 200;
}

.style__pipe--zSdNF {
    padding-left: 2px;
    color: var(--text-gray);
}

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

    .style__buttons--hovmZ {
        min-width: 305px;
    }
}

/* 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--ZBcts .style__viewer-title--YbLLv,
    .style__page-header--ZBcts .ant-btn-primary {
        display: none;
    }

    .style__page-header--ZBcts .ant-btn-ghost {
        margin: 0;
    }
}

/* For smartphone in portrait mode */
@media screen and (max-width: 480px) {
    /* Hide "| Simularium Home" */
    .style__vertical-bar--xLMgj, .style__simularium-home--ujgJ4 {
        display: none;
    }
}

.style__page-header--ZBcts .style__button-container--UDrFp {
    display: flex;
    align-items: center;
    gap: 16px;
}

:root {
    --black: #000000;
    --dark: #141219;
    --dark-two: #1e1b25;
    --dark-three: #25222e;
    --dark-four: #2f2a3c;
    --dark-five: #3c384a;
    --pure-white: #ffffff;
    --off-white: #f7f7f7;
    --white-two: #d3d3d3;
    --white-three: #d8d8d8;
    --white-four: #f2f2f2;
    --transparent-white: rgba(255, 255, 255, 0.65);
    --transparent-black: rgba(0, 0, 0, 0.85);
    --dim-gray: #383838;
    --dim-gray-two: #6e6e6e;
    --purplish-gray: #4a4658;
    --pale-gray: #ddd9ec;
    --heather: #bab5c9;
    --text-gray: #a0a0a0;
    --grayish-brown: #4a4a4a;
    --warm-gray: #979797;
    --charcoal-gray: #3b3649;
    --slate-gray: #4b4b4b;
    --light-purple: #e7e4f2;
    --light-purple-two: #d7c8ff;
    --baby-purple: #b59ff6;
    --allen-purple: #8d87aa;
    --blue: #0094ff;
    --baby-purple-two: #dccfff;
    --medium-gray: #aeaeae;
    --dark-blue-gray: #69738a;
    --brick-red: #d14040;
    --bright-red: #c23030;
    /* non-theme variables */
    --star-checkbox-bg: var(--grayish-brown);
    --footer-bg: var(--dark-three);
    --footer-text: var(--warm-gray);
    --footer-text-border-bottom: var(--grayish-brown);
    --color-picker-tooltip: var(--dark-blue-gray);
    --cancel-icon-color: var(--brick-red);
    /* Dark theme */
    /* dark theme dropdown menu */
    --dark-theme-dropdown-menu-bg: var(--charcoal-gray);
    --dark-theme-dropdown-menu-item-bg: var(--charcoal-gray);
    --dark-theme-dropdown-menu-item-color: var(--transparent-white);
    --dark-theme-dropdown-menu-item-focus-outline: var(--light-purple-two);
    --dark-theme-dropdown-menu-item-focus-bg: var(--light-purple-two);
    --dark-theme-dropdown-menu-item-focus-color: var(--dark-two);
    --dark-theme-dropdown-menu-item-hover-bg: var(--light-purple-two);
    --dark-theme-dropdown-menu-item-hover-color: var(--dark-two);
    /* viewport-buttons */
    --dark-theme-viewport-button-bg: var(--dark-three);
    --dark-theme-viewport-button-border: var(--dark-three);
    --dark-theme-viewport-button-color: var(--white-three);
    --dark-theme-viewport-button-toggle-border: var(--dim-gray-two);
    --dark-theme-viewport-button-hover-bg: var(--purplish-gray);
    --dark-theme-viewport-button-disabled-color: var(--dim-gray-two);
    /* main buttons */
    --dark-theme-primary-button-focus-outline: var(--light-purple-two);
    /* --dark-theme-primary-button-bg: var(--baby-purple);
    /* dark theme general/uncategorized */
    --dark-theme-record-button-red: var(--bright-red);
    --dark-theme-body-bg: var(--black);
    --dark-theme-header-bg: var(--dark-three);
    --dark-theme-text-color: var(--off-white);
    --dark-theme-text-color-bright: var(--pure-white);
    --dark-theme-dim-color: var(--text-gray);
    --dark-theme-slider-handle-color: var(--white-three);
    --dark-theme-primary-color: var(--baby-purple);
    --dark-theme-header-text: var(--text-gray);
    --dark-theme-component-bg: var(--dark-four);
    --dark-theme-input-border: var(--white-two);
    --dark-theme-popover-text: var(--white-two);
    --dark-theme-menu-text-color: var(--transparent-white);
    --dark-theme-menu-text-hover: var(--pure-white);
    --dark-theme-agent-dropdown-toggle: var(--warm-gray);
    --dark-theme-agent-dropdown-toggle-hover: var(--pure-white);
    --dark-theme-sidebar-bg: var(--dark);
    --dark-theme-sidebar-header-bg: var(--dark-three);
    --dark-theme-sidebar-item-bg: var(--dark-two);
    --dark-theme-sidebar-text: var(--white-two);
    --dark-theme-sidebar-text-dim: var(--medium-gray);
    --dark-theme-btn-hover-bg: var(--grayish-brown);
    --dark-theme-tooltip-bg: var(--charcoal-gray);
    --dark-theme-version-badge-purple: var(--dark-five);
    --dark-theme-icon-color: var(--warm-gray);
    --dark-theme-star-icon-active-color: var(--white-two);
    --dark-theme-divider: var(--white-two);
    --dark-theme-divider-dim: var(--dim-gray-two);
    /* Light theme */
    /* general */
    --light-theme-bg: var(--light-purple);
    --light-theme-color: var(--transparent-black);
    --light-theme-white-bg: var(--pure-white);
    --light-theme-gray-bg: var(--white-four);
    --light-theme-faint-text: var(--white-two);
    --light-theme-heading1-color: var(--dark-three);
    --light-theme-heading2-color: var(--grayish-brown);
    --light-theme-checkbox-color: var(--dark-three);
    --light-theme-blue-text: var(--blue);
    --light-theme-divider: var(--heather);
    /* modal colors */
    --light-theme-modal-bg: var(--light-theme-bg);
    --light-theme-modal-color: var(--dark);
    --light-theme-modal-supplemental-text: var(--charcoal-gray);
    --light-theme-modal-close-icon: var(--warm-gray);
    --light-theme-modal-close-icon-hover: var(--white-three);
    --light-theme-modal-divider: var(--heather);
    --light-theme-modal-input-bg: var(--white-four);
    --light-theme-modal-input-color: var(--dark);
    --light-theme-modal-input-border: var(--heather);
    --light-theme-modal-disabled-bg: transparent;
    --light-theme-modal-input-disabled-color: var(--medium-gray);
    /* primary modal buttons */
    --light-theme-btn-primary-bg: var(--dark-four);
    --light-theme-btn-primary-border: var(--dark-four);
    --light-theme-btn-primary-color: var(--white-three);
    --light-theme-btn-primary-hover-bg: var(--dark);
    --light-theme-btn-primary-hover-border: var(--dark);
    --light-theme-btn-primary-hover-color: var(--baby-purple);
    --light-theme-btn-primary-disabled-bg: var(--heather);
    --light-theme-btn-primary-disabled-border: var(--heather);
    --light-theme-btn-primary-disabled-color: var(--white-three);
    /* secondary modal buttons */
    --light-theme-btn-secondary-bg: transparent;
    --light-theme-btn-secondary-border: var(--dark-four);
    --light-theme-btn-secondary-color: var(--dark-four);
    --light-theme-btn-secondary-hover-bg: var(--dark);
    --light-theme-btn-secondary-hover-border: var(--dark);
    --light-theme-btn-secondary-hover-color: var(--baby-purple);
    --light-theme-btn-secondary-disabled-bg: transparent;
    --light-theme-btn-secondary-disabled-border: var(--heather);
    --light-theme-btn-secondary-disabled-color: var(--heather);
    /* misc light theme components */
    --light-theme-card-bg-white: var(--light-theme-white-bg);
    --light-theme-version-badge-purple: var(--allen-purple);
    --light-theme-visual-glossary-header-bg: var(--pale-gray);
    --light-theme-visual-glossary-content-bg: var(--off-white);
}

:root {
    --header-height: 60px;
    --dropdown-menu-width: 190px;
}

:root {
/* these variables associate a semantic name with
icomoon glyphs defined in icomoon.svg so that 
style sheets that implement these glyphs are readable.

the css are applied to content properties in global style 
rules in src/style.css, those class names serve as constants
and can be applied to elements to render the glyphs. */
    --step-back: "\e908";
    --step-forward: "\e909";
    --looping: "\e900";
    --pan: "\e904";
    --orthographic: "\e901";
    --perspective: "\e902";
    --reset: "\e903";
    --focus: "\e90a";
    --star-empty: "\e90b";
    --star-dashed: "\e907";
    --star-full: "\e9d9";
    --rotate: "\e999";
    --close: "\e90f";
    --start-record-ring: "\e90d";
    --start-record-circle: "\e90e";
    --stop-record: "\e90c";
}

/* global styles
css modules not applied */

html {
    line-height: 1.5715;
    font-weight: 400;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

h1,
h2 {
    text-align: center;
    font-weight: 400;
}

h1 {
    color: var(--light-theme-heading1-color);
    font-size: 38px;
}

h2 {
    color: var(--light-theme-heading2-color);
    font-size: 32px;
}

h3 {
    font-size: 21px;
    font-weight: 400;
}

h4 {
    font-size: 19px;
    font-weight: 500;
}

h5 {
    font-size: 16px;
    margin: 0px;
}

header {
    padding: 0px;
}

img {
    width: 100%;
}

p {
    font-size: 16px;
    margin: 0;
}

canvas:focus {
    outline: none;
}

@font-face {
    font-family: "icomoon";
    src: url(data:application/vnd.ms-fontobject;base64,1BEAADARAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAA7chSSAAAAAAAAAAAAAAAAAAAAAAAAA4AaQBjAG8AbQBvAG8AbgAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAxAAAADgBpAGMAbwBtAG8AbwBuAAAAAAAAAQAAAAsAgAADADBPUy8yDxIHYgAAALwAAABgY21hcNO505QAAAEcAAAAbGdhc3AAAAAQAAABiAAAAAhnbHlm11S8SgAAAZAAAAzwaGVhZC3z/38AAA6AAAAANmhoZWEOawqBAAAOuAAAACRobXR4W2n//QAADtwAAABcbG9jYR9IIg4AAA84AAAAMG1heHAAHwB/AAAPaAAAACBuYW1liZ20LwAAD4gAAAGGcG9zdAADAAAAABEQAAAAIAADBF8BkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOnZA8D/wABAA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAMAAAAcAAMAAQAAABwABABQAAAAEAAQAAMAAAABACDpD+mJ6Znp2f/9//8AAAAAACDpAOmJ6Znp2f/9//8AAf/jFwQWixZ8Fj0AAwABAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAP/AAAADwAACAAA3OQEAAAAAAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAIAAP/ABG0DwAAVACsAAAEOAQcOASchNw0BJyEWNjc+ATc1IxUDISYGBw4BBxUzNT4BNz4BFyEHLQEXA/8BDQsLHA79qxv+tAFMGwJVJEQaGx4BbsP9rSREGhofAW4BDgsLGw4CUxoBS/61GgEbDhoJCQkBicC/iAEaGBlCJMrKAfMBGRkYQiTKyg4ZCgkJAoi/wIkAAAAABAAA/8ADvQPAAAwAEAAUABgAAAEFFyMRBTcXJREjMTclDQElBwURJQERBRECB/5BDB4BqgwMAcUeDf5aAVD+l/6wKwFc/qQDD/6KA6W9HP3WyBwcuwIrHIehl58upf4uowHL/iubAdMAAAAABAAA/8AD+APAAAwAEAAUABgAAAEFFwcTATcXARMnMTcNAicHBRMBAQMBAwIY/j4DH2kBSRcWAW9wHwP+PAEC/uD0gwFXCP78AtFh/tQIA6AtIAb+A/6lFhgBSwIKByAPHENDHl/9lQETAbb+O/7yAnQAAAADAAD/wARCA8AANwBHAF8AAAkBLgEjIgYHAQ4BBwYWFx4BFx4BOwERFBYXHgEXHgEXHgEzITI2Nz4BNREzMjY3PgE3PgEnLgEnASMRPgE3PgEXMzYWFx4BFzcRIxE0JicuASsBIgYHDgEVESMRIwkBIwQs/iUKGA0NGAn+JAgLAwIBAwQOCAkVC1ADAgMIBQULBwYOBwKIDxoKCQtQCxUJCQ0EBAEDAwsI/lCzAQUFBQsGcQYMBAUFAerHCwoJGQ1xDRgKCgvIlwHbAduXAhIBnQgJCQj+YwcSCwoWCgoRBwYG/okHDgYHCwUFCAMCAwsKChoOAXcGBgcRCgoWCgsSB/4NARQGCwMEBAEBBAQDCwaq/kIBFA0YCQgJCQgJGA3+7AG+AZz+ZAAAAAABAAD/wAqrA8AACgAACQETIRMJAQMhAwEKq/z6PfrmPvz6AwY+BRo9AwYCAQG//sEBP/5B/kEBP/7BAb8AAAAAAgAA/8ADdgPAAB8AOgAAARQWMRYyMzoBNzA2NTc2JisBETQmKwEiBhURIyIGHwElIyIGHQEhNTQmKwEiBh0BFBYzITI2PQE0JiMB+gIBAgEBAgECcAMEBUoFAzwDBUoFBANwAXQ8AwX9rAUDPAMFEw0CrA0TBQMBKwEBAQEBAY4ECQFSAwUFA/6uCQSOIwUDmpoDBQUDxg0TEw3GAwUAAAQAAP/AA2gDwAAxAD0ASQBVAAABIgYHJzY0JzceATMyNjU0JiMiBhUUFhcHLgEjIgYVFBYzMjY3Fw4BFRQWMzI2NTQmIxEyFhUUBiMiJjU0NgEiJjU0NjMyFhUUBgUiJjU0NjMyFhUUBgLwFScP0AMD0A8nFTJGRjIyRgIDxRZDJ0JeXkInQxbFAwJGMjJGRjIWHh4WFh4e/l4kNDQkJDQ0AZQWHh4WFh4eASgODZYOHg6WDQ5GMjJGRjIJEAiPHSNeQkJeIx2PCBAJMkZGMjJGAdweFhYeHhYWHv5kNCQkNDQkJDTsHhYWHh4WFh4AAAMAAP/ABDEDwAAKABUAGgAABSUFEwElGwEFARMBFwM3FwM3JScHBRchFSE1A2f+sf65P/7wAXGnqAFx/vBG/SvDMOz0KsP++H52/vD7ARf+6UCurgFxAQk4AU7+sjj+9/6PAkm8/vd+fgEJvCP09CMqi4sAAv/9/8AEAAPAAA0AXQAAATU3PgE1MCY5ATMRIzUlJicuAScmIyIGBzcHJwclJzc+ATMyFx4BFxYVFAcOAQcGIyInLgEnJi8BLgE1NDY3FSMOARUUFhcnFhceARcWMzI2Nwc2Nz4BNzY1NCYnFwGeRAoNASYtAfEcLzB+S0tTL1gqBFseYgEAWkshSihcUFF5IyMjI3lRUFxIQUFtKSkYAQwNAQJEAQISEAEcLzB+S0tTL1gqBEs+PloZGRAPAQHXJQ8KGg8C/p75lks+PloZGRAPAS1L6R5LHgwNIyN5UFFcXFFReSMjFhVNNTU/AyBKKA0aDQILGQ0sUyYDSz4+WhkZEA8BHC8wfktLUy9YKgQAAAAAAgAA/8AD+wPAAA0AXQAAATU3PgE1PAE5ATMRIzUlNjc+ATc2MzIWFycXNxcnNycuASMiBw4BBwYVFBceARcWMzI3PgE3Nj8BPgE1NCYnFTMeARUUBgc3BgcOAQcGIyImJxcmJy4BJyY1NDY3BwGqQwsMJS3+IhsvMHxLS1IuWSkEWh5Z/lpDIUknXFBQeCMiIiN4UFBcR0BBbCgpGAEMDQECRAEBERABHC8vfUtLUi5YKQNKPj5ZGBkQDwEB0yUPCRoPAQH+ofeVSj4+WRkZEBACLVLoHkseCw0iI3hQUFxbUFF3IyMWFUw0NT8DH0cmDBkMAgsZDStTJQJKPj5ZGBkQDwEbLzB8S0tSLlkpBAAHAAD/wAQAA8AACwArAEkATQBRAFUAWQAAARQGIyImNTQ2MzIWAyInLgEnJjUxNDc+ATc2MzEyFx4BFxYVMRQHDgEHBiMRIgcOAQcGFRQXHgEXFjMyNz4BNzY1MTQnLgEnJiMBMxUjJTMVIwEzFSMRMxUjAm9BLi5BQS4uQW9RSEhqHx8fH2pISFFRSEhqHx8fH2pISFFCOjpXGRkZGVc6OkJCOjpXGRkZGVc6OkL+AH5+A4J+fv5ZSkpKSgHALkFBLi5BQf5JHx9qSEhRUUhIah8fHx9qSEhRUUhIah8fAsgZGVc6OkJCOjpXGRkZGVc6OkJCOjpXGRn+5kpKSv6jfgQAfgAAAAACAAD/wAQxA8AACgAVAAAFJQUTASUbAQUBEwEXAzcXAzclJwcFA2f+sf65P/7wAXGnqAFx/vBG/SvDMOz0KsP++H52/vBArq4BcQEJOAFO/rI4/vf+jwJJvP73fn4BCbwj9PQjAAAAAAEAAP/AA/UDwAADAAABIREhA/X8CwP1A8D8CwACAAD/wAQAA8AAJgBNAAABMhYXHgEXHgEHDgEHDgEHBiYnLgEnLgE1NDc+ATc2NzY3PgE3NjM1IgYHDgEHDgEXHgEXHgEXFjY3PgE3PgE1NCcuAScmJyYnLgEnJiMCAEB6NTVRGBkMDA08LS1xPj9/OztiJCMlCAkgFxgeHiQjTSopK0yRP0BgHR0PDw9HNjaGSkuXRkZ2KiosCgomHBwkJCoqXDIxMwNuJSMkYjs7fz8+cS0tPA0MDBkYUTU1ekArKSpNIyQeHhgXIAkIUiwqKnZGRpdLSoY2NkcPDw8dHWBAP5FMMzEyXCoqJCQcHCYKCgAAAQAA/8ADEgPAABsAACUyNz4BNzY1NCcuAScmIyIHDgEHBhUUFx4BFxYCADkyMkoWFRUWSjIyOTkyMkoWFRUWSjIyrhUWSjIyOTkyMkoWFRUWSjIyOTkyMkoWFQABAAD/wANOA8AALQAACQE2JisBIgYHCQEuASsBIgYXCQEOARUcARceARceATsBMjY3CQEeATsBMjYnAQHwAV4EBgZrBQgD/t/+3wMIBWoHBgUBXv6iAQIBAQIBAQMCagUIAwEhASEDCAVrBgYE/qIBwAGhBQ0EBP6oAVgEBA0F/l/+XwEDAgEDAgECAQEBBAQBWP6oBAQNBQGhAAAEAAD/wAQAA8AABgANABQAGwAAASEXBxc3FxkBBycHFwcpASc3JwcnGQE3FzcnNwQA/mCgwGDAoKDAYMCg/aABoKDAYMCgoMBgwKADwKDAYMCg/aABoKDAYMCgoMBgwKACYP5goMBgwKAAAAABAAD/wAZmA8AAfAAAASYnLgEnJicmJy4BBwYHBgcOAQcGBw4BBwYWFx4BFxYXHgEXFhcWFx4BFxYzBwElFy4BJyYnLgEnJicuAScuATc+ATc2Nz4BNzY3Njc2FhcWFxYXHgEXFhceARcWBgcOAQcOAQcGFhceARceATMWMjMyNjc+ATc+AScuAScGQx8lJVMtLTBcXl2+X19eMTAwXS0tKjRMEgkCDAohFSYqK1sxMDMrLCtXLCwsEgG2/hk2S5RJKCYmSSIiHwoPBQUDAgsoGyMlJU8pKStXWVmzWVhXKykoSyIiHQwOAgIICBY8JQQGAgECAgEEAgIEAwIFAwIFAi1JGQ4MAgIREAKuJiEgNRMTDBsQEQsGBRAHDAwhFRQZHl05IUUhHTUXIx4eMBIRCwsIBwsEA78BNeG5AxUSCAwNIxcWGgkWDQ0bDSA1ExoVFSENDAgTCAkCDAsWCA8PKhsaIA8kExMmESU7FQMIBQUKBAMDAgEDAQIBGEUqGDYbGzQWAAAAAAEAAP/ABAADwAAKAAABJQsBDQEDJQUDJQQA/p6env6eAQA8ATwBPDwBAAIzMwFB/r8z+v6gpqYBYPoAAAEAAAABGZpIUsjtXw889QALBAAAAAAA4hZQtAAAAADiFlC0//3/wAqrA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAACqv//f/+CqsAAQAAAAAAAAAAAAAAAAAAABcEAAAAAAAAAAAAAAACAAAABJIAAAPEAAAEAAAABEQAAAqrAAAEAAAABAAAAAQ4AAAEAP/9A/kAAAQAAAAEOAAABAAAAAQAAAAEAAAAA1UAAAQAAAAGZgAABAAAAAAAAAAACgAUAB4AagCgANoBcAGQAeACWAKSAxwDpAQoBFwEagTkBRIFYAWWBloGeAABAAAAFwB9AAcAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwCuAAEAAAAAAAMABwCEAAEAAAAAAAQABwDDAAEAAAAAAAUACwBjAAEAAAAAAAYABwCZAAEAAAAAAAoAGgAVAAMAAQQJAAEADgAHAAMAAQQJAAIADgC1AAMAAQQJAAMADgCLAAMAAQQJAAQADgDKAAMAAQQJAAUAFgBuAAMAAQQJAAYADgCgAAMAAQQJAAoANAAvaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuVmVyc2lvbiAxLjEAVgBlAHIAcwBpAG8AbgAgADEALgAxaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==);
    src: url(data:application/vnd.ms-fontobject;base64,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#iefix)
            format("embedded-opentype"),
        url(/c7ced8369f98102dd83b.ttf?jthex9) format("truetype"),
        url(data:font/woff;base64,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) format("woff"),
        url(/1b4c516e68e16ff957f4.svg?jthex9#icomoon) format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.ant-btn:focus,
.ant-btn:hover {
    border-color: var(--dark-theme-btn-hover-bg);
}

.ant-tooltip-inner,
.ant-popover-inner {
    background: var(--dark-theme-tooltip-bg) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 4px var(--black);
    opacity: 1;
}

.icon-moon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon" !important;
    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;
}

/* 
Icomoon font glyphs are used for our custom icons, 
they can be styled like text: font-size, color, etc.

Most icons are used only once, or styled the same way in each use,
so it is safe to apply style rules here, and then override in the
rare case they need to be different.

If new glyphs are added/glyphs are changed: update the css vars 
in /styles/icons.css, and define the appropriate::after selector 
here, apply icon using "name-icon" class name in conjunction 
with "icon-moon" class name.
 */

/* Current in-use icons */
.star-empty-icon::after {
    content: var(--star-empty);
    color: var(--dark-theme-icon-color);
}

.star-dashed-icon::after {
    content: var(--star-dashed);
    color: var(--dark-theme-star-icon-active-color);
}

.star-full-icon::after {
    content: var(--star-full);
    color: var(--dark-theme-star-icon-active-color);
}

.step-back-icon::after {
    content: var(--step-back);
}

.step-forward-icon::after {
    content: var(--step-forward);
}

.looping-icon::after {
    font-size: 13px;
    content: var(--looping);
}

.rotate-icon::after {
    font-size: 10px;
    content: var(--rotate);
}

.pan-icon::after {
    font-size: 6px;
    content: var(--pan);
}

.focus-icon::after {
    content: var(--focus);
}

.orthographic-icon::after {
    font-size: 14px;
    content: var(--orthographic);
}

.perspective-icon::after {
    font-size: 14px;
    content: var(--perspective);
}

.reset-icon::after {
    content: var(--reset);
}

.close-icon::after {
    font-size: 12px;
    color: var(--light-theme-modal-close-icon);
    content: var(--close);
}

.stop-record-icon::after {
    font-size: 9px;
    content: var(--stop-record);
}

/* the following rules stack two glyphs that
need different colors at different times */
.record-icon-circle,
.record-icon-ring {
    position: absolute;
    left: 0;
    right: 0;
}
.record-icon-ring::after {
    font-size: 12px;
    content: var(--start-record-ring);
}

.record-icon-circle::after {
    font-size: 12px;
    content: var(--start-record-circle);
}