.actionselector {
    width: calc(100% - 24px);
    margin: 5px 0px;

    &:focus,
    &:active {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
}

.actiondialog {
    position: absolute;
    border: solid var(--main-color);
    border-width: 0px 2px 2px 2px;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    overflow: auto;
    display: none;
    flex-direction: column;

    .item {
        width: calc(100% - 20px);
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 5px 10px;
        background: var(--main-secondary-color);
        border-bottom: 1px solid var(--main-color);
        transition-duration: .2s;
        cursor: pointer;
        font-size: 12px;

        &:last-child {
            border-bottom: 0px;
        }

        &:hover {
            background: var(--main-hover-color);
        }

        .integration {
            margin-right: 10px;
            font-weight: 600;
        }
    }

    .item.hidden {
        display: none;
    }
}