Spaces:
Running
Running
| /* Only loaded by the model viewer; the loading screen keeps normal page flow. */ | |
| [data-testid="stMainBlockContainer"] { | |
| padding: 3rem 1.5rem .5rem; | |
| max-width: none; | |
| } | |
| [data-testid="stMain"] { overflow: hidden; } | |
| .st-key-chart_pane { | |
| position: fixed; | |
| top: 6.5rem; | |
| left: 1.5rem; | |
| right: 1.5rem; | |
| width: auto ; | |
| height: calc(50dvh - 4rem) ; | |
| min-height: 140px; | |
| overflow: hidden; | |
| padding: .25rem; | |
| } | |
| .st-key-controls_pane { | |
| position: fixed; | |
| top: calc(50dvh + 3rem); | |
| bottom: .75rem; | |
| left: 1.5rem; | |
| right: 1.5rem; | |
| width: auto ; | |
| height: auto ; | |
| min-height: 0; | |
| overflow-x: hidden; | |
| overflow-y: auto; | |
| overscroll-behavior: contain; | |
| scrollbar-gutter: stable; | |
| padding: .75rem 1rem; | |
| border-top: 1px solid rgba(128, 128, 128, .25); | |
| } | |
| .st-key-controls_pane [data-testid="stSubheader"] { padding-top: 0; } | |
| .st-key-controls_pane [data-testid="stMetricValue"] { font-size: 1.5rem; } | |
| @media (min-width: 851px) and (max-width: 1250px) { | |
| .st-key-control_columns > [data-testid="stLayoutWrapper"] > [data-testid="stHorizontalBlock"] { flex-wrap: wrap; } | |
| .st-key-control_columns > [data-testid="stLayoutWrapper"] > [data-testid="stHorizontalBlock"] > [data-testid="stColumn"] { | |
| width: calc(50% - 1rem) ; | |
| flex: 1 1 calc(50% - 1rem) ; | |
| } | |
| } | |
| @media (max-width: 850px) { | |
| [data-testid="stMainBlockContainer"] { padding-left: .5rem; padding-right: .5rem; } | |
| .st-key-chart_pane, .st-key-controls_pane { left: .5rem; right: .5rem; } | |
| .st-key-control_columns > [data-testid="stLayoutWrapper"] > [data-testid="stHorizontalBlock"] { flex-direction: column; } | |
| .st-key-control_columns > [data-testid="stLayoutWrapper"] > [data-testid="stHorizontalBlock"] > [data-testid="stColumn"] { | |
| width: 100% ; | |
| flex: 1 1 auto ; | |
| } | |
| } | |