@import "mixins/m3-mixins"

div.m3.m3-container
    display: block
    border-radius: 12px
    position: relative
    contain: content
    transition: box-shadow .2s cubic-bezier(0.2, 0, 0, 1)

    &.m3-container-filled
        background-color: var(--md-sys-color-surface-container-highest)

    &.m3-container-outlined
        background-color: var(--md-sys-color-surface)
        outline-offset: -1px
        outline: 1px solid var(--md-sys-color-outline-variant)

    &.m3-container-elevated
        @include elevation-1(false)
        background-color: var(--md-sys-color-surface-container-low)