hr.m3.m3-divider
    display: flex
    align-items: end
    box-sizing: border-box
    border: none
    outline: 0.5px solid var(--md-sys-color-outline-variant)
    margin: 4px

    &.vertical
        writing-mode: tb-rl
        &, &.full-width
            height: 100%
        &.inset
            align-self: end
            height: calc(100% - 16px)
        &.middle-inset
            height: calc(100% - (2 * 16px))

    &.horizontal
        &, &.full-width
            width: 100%
        &.inset
            align-self: end
            width: calc(100% - 16px)
        &.middle-inset
            width: calc(100% - (2 * 16px))