@charset "UTF-8";
@import 'base_config';
@import '../custom_config';
@import '../custom_color', '../custom_layout';
@import 'mixins';


.confirmation-modal {
    background: $card-background-color;
    color: $ui-text-color;
    border-radius: $dialog-radius;
    width: 300px;

    &__container {
        text-align: left;
        padding: 24px;
    }

    &__action-bar {
        justify-content: flex-end;
        background: $card-background-color;
        padding: 8px;
    }

    &__secondary-button {
        box-shadow: none !important;
        color: $text-button-color;
        background: transparent;
        margin: 0 8px;

        &:hover {
            color: $text-button-color;
            background: $text-button-hover-color;
        }
        
        &:focus,
        &:active {
            color: $text-button-color;
            background-color: $text-button-focus-color;
        }
    }
}

.actions-modal {
    background: $card-background-color;
    border-radius: $card-radius;

    ul li:not(:empty) a {
        color: $ui-text-color;
        font-size: 16px;

        &:hover {
            background: $card-background-hover-color;
            color: $ui-text-color;
        }
    }

    .dropdown-menu__separator { border-bottom-color: $border-color }

    .status {
        background: $card-background-color;
        border-bottom-color: $border-color;
        padding-top: 12px;
        padding-bottom: 12px;

        &__avatar {
            left: 12px;
            top: 12px;
        }
    }
}

.report-modal {
    background: $card-background-color;
    color: $ui-text-color;
    border-radius: $card-radius;

    &__target {
        padding: 24px;
        text-align: left;
        font-weight: bold;
    }

    &__container {
        border-top: none;
    }

    &__comment {
        border-right: none;

        .setting-text-label { color: $ui-text-color }
    }
}

.embed-modal .embed-modal__container {
    padding: 0 24px 24px 24px;

    .hint {
        margin-bottom: 16px;
        color: $secondary-text-color;
    }
}