.container { @media (max-width: 48em) { width: 80vw; height: calc(100vh - 200px); } } .inner-container { border-radius: var(--mantine-spacing-md); gap: 0; @media (max-width: 48em) { max-height: calc(100vh - 200px); } @mixin light { background-color: var(--color-light-aqua); } @mixin dark { background-color: var(--mantine-color-dark-6); } }