@import "fabs"
@import "icon"
@import "radio"
@import "badge"
@import "fonts"
@import "button"
@import "ripple"
@import "swtich"
@import "divider"
@import "checkbox"
@import "text-field"
@import "icon-button"
@import "./themes/tokens.css"
@import "./themes/colors.module.css"
@import "./themes/typography.module.css"
@import "./themes/theme.dark.css" (prefers-color-scheme: dark)
@import "./themes/theme.light.css" (prefers-color-scheme: light)

html
    font-family: Roboto, serif
    color: var(--md-sys-color-on-surface)
    background-color: var(--md-sys-color-surface-container)

.m3
    user-select: none

.m3.m3-wrapper
    width: 100%
    background-color: var(--md-sys-color-surface)
    border-radius: 25px
    padding: 25px
    display: flex
    align-items: center
    flex-direction: column
    height: min-content