@use 'ngx-tethys/styles/variables.scss';
@use '../../styles/mixins.scss' as mixins;

.the-toolbar-group-container {
    .thy-popover-container {
        min-width: 50px;
    }
    .group {
        width: auto;
        max-height: 40px;
        padding: 4px 8px;
        background-color: variables.$white;
        border-radius: variables.$border-radius;

        .the-toolbar-item,
        .the-toolbar-dropdown-container {
            @include mixins.common-toolbar-icon-color();

            &:last-child {
                margin-right: initial;
            }
        }
    }
}