.o-toolbar-above-keyboard {
    position: fixed;
    width: 100%;
    z-index: 2000;
    bottom: 0;
}

.o-we-toolbar {
    height: 40px;
    padding: 0 2px;
    border-bottom: 1px solid lightgrey;
    background-color: #fff;
    
    .btn-group {
        padding: 0 2px;
        border-radius: 0;
    }

    .o-we-toolbar-vertical-separator:not(:first-child) {
        margin: unset;
        padding: unset;
        height: 70%;
        border-left: 1px solid lightgrey;
    }
}

.o-we-toolbar .btn-group, .o-we-toolbar-dropdown {
    .btn {
        white-space: nowrap;
        padding-left: 4px;
        padding-right: 4px;
        height: 33px;
        min-width: 28px;

        &:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
        
        &:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        &.disabled {
            pointer-events: auto;
            cursor: auto;
            &:active {
                border-color: var(--btn-disabled-border-color);
                background-color: var(--btn-disabled-bg);;
                color: var(--btn-disabled-color);
            }
        }
    }
}

.o-we-toolbar-dropdown {
    min-width: fit-content;
    padding: 2px;

    .btn:not(.active) {
        border: none;
        background-color: transparent;

        &:hover {
            background-color: $dropdown-link-hover-bg;
        }
    }
}
