:root
    --m3-font: 'Roboto', "Noto Sans SC", "Noto Sans CJK SC", "Noto Sans JP", "Noto Sans CJK JP", system-ui, sans-serif !important
    font-family: var(--m3-font)
    // color-scheme: light

*
    flex-shrink: 0

body
    margin: 0
    background: rgb(var(--m3-scheme-background))

.hbox
    display: flex
    flex-direction: row
    align-items: center

.vbox
    display: flex
    flex-direction: column

.vcbox
    @extend .vbox
    align-items: center

.cbox
    display: flex
    justify-content: center
    align-items: center

.p-content
    // padding: 0 16px
    padding-left: 16px
    padding-right: 16px

.scroll-here
    align-self: stretch
    overflow-y: auto
    min-height: 0
    flex: 1