@import "../../../../abstracts/abstracts";

.dbq-nav-bar-functions-toggle-button {
}

.dbq-nav-bar-functions-dropdown-menu {
    .dbqnf-dropdown-items-title {
        font-weight: 600;
        padding: 0 10px;
    }

    .dbqnf-dropdown-items-container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 5px;
        width: 175px;
        margin-top: 10px;

        .dbqnf-dropdown-item {
            display: flex;
            flex-direction: column;
            flex: 0 0 31.3333%;
            align-items: center;
            font-size: 12px;
            text-align: center;
            cursor: pointer;

            .dbqnf-dropdown-item-icon-container {
                border: 1px solid $modal-border-color;
                display: flex;
                width: 45px;
                height: 45px;
                border-radius: $border-radius-default;
                justify-content: center;
                align-items: center;
                margin-bottom: 5px;

                svg {
                    fill: $text-color-default;
                }
            }

            &:hover {
                color: $color-primary;

                .dbqnf-dropdown-item-icon-container {
                    border-color: $color-primary;

                    svg {
                        fill: $color-primary;
                    }
                }
            }
        }

        .dbqnf-dropdown-item-break {
            flex-basis: 100%;
            height: 0;
        }
    }
}