.main {
    display: flex;
    align-items: center;
    padding-block-start: 10px;
    padding-inline-end: 0;
    padding-block-end: 10px;
    padding-inline-start: 0;
    min-height: 30px;
    &.disabled {
        position: relative;
        pointer-events: none;
        opacity: 0.4;
    }
}

.noPaddingTop {
    padding-block-start: 0;
}

.noPaddingBottom {
    padding-block-end: 0;
}

.regular {
    & > * {
        margin-inline-end: 8px;
        &:last-child {
            margin-inline-end: 0;
        }
    }

    &.noMarginRight{
        padding:10px 0 5px;
         & > * {
            margin-inline-end: 0px;
         }
    }
}

.reversed {
    flex-direction: row-reverse;
    text-align: right;
    & > * {
        margin-inline-start: 10px;
        margin-inline-end: 0;
        &:first-child {
            margin-inline-start: 0;
            margin-inline-end: 20px;
        }
    }
}

.centered {
    text-align: center;
}

.justifyCenter {
    justify-content: center;
}

.column{
    flex-direction: column;
    align-items: stretch;
    height: auto;
    &.reversed {
        align-items: flex-end;
    }
    &.centered {
        align-items: center;
    }
}

:global(.dmMobileBody) {
    .column.main:last-child {
        float: none; //override run time style rule of dmMobileBody dudaGo
    }
}