@import "mixins/m3-mixins"
@import './css/colors-variables'

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

    &.m3-container-filled
        background-color: $surface-container-highest

    &.m3-container-outlined
        outline-offset: -1px
        background-color: $surface
        outline: 1px solid $outline-variant

    &.m3-container-elevated
        @include elevation-1(false)

        background-color: $surface-container-low