Something went wrong. Try again.
Work in progress atmosphere stats viewer
Something went wrong. Try again.
1.0 kB · 64 lines
CSS
at main
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465.lc-root-container { --color-primary: var(--primary); --color-surface-100: var(--background-primary); --color-surface-200: var(--background-secondary); --color-surface-300: var(--background-tertiary); --color-surface-content: var(--text);}
.lc-legend-container { max-width: 100%; overflow-x: auto;}
.lc-legend-swatch-button { display: flex; min-width: fit-content;
background-color: transparent; font-size: 0.9rem; padding: 4px; border: 0px;
transition: outline 0.2s ease-in-out; outline-color: var(--primary);
&:hover, &:focus { outline: 2px solid var(--primary); outline-offset: 1px; }
.lc-legend-swatch { width: 12px; height: 12px; }}
.lc-rule-y-line { stroke: color-mix(in srgb, var(--background-tertiary) 70%, white);}
.lc-grid-y-line { opacity: 0.2;}
.lc-axis-tick { opacity: 0;}
.lc-text { font-weight: 400;}
.spin { animation: spin 1s linear infinite forwards; transform: rotate(0deg); will-change: transform;}
@keyframes spin { 100% { transform: rotate(1turn); }}