@import '../Error.scss';

.chartkit-error-more {
    &__button {
        // override lego instead of using theme=flat from common
        &:before {
            border: none !important; // stylelint-disable-line declaration-no-important
        }
    }

    &__close-icon {
        width: 16px;
        height: 16px;
    }

    &__close {
        display: inline-flex;
    }

    &__modal {
        &-header {
            position: relative;
            padding: 20px 32px 10px;
            line-height: 24px;
            font-size: 19px;
            font-weight: 700;
            display: grid;
            grid-template-columns: auto 16px;
            align-items: center;
        }

        &-title {
        }

        &-close {
        }

        &-body {
            padding: 10px 32px;
            font-size: 13px;
            width: 700px;
        }

        &-footer {
            padding: 28px 32px;
            text-align: right;
        }

        &-request-id {
            margin-bottom: 15px;

            &-title {
                font-weight: bold;
            }

            &-value {
                margin: 0 6px;
            }
        }
    }

    &__text {
        padding: 15px;
        font-size: 13px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.02);
        overflow: auto;
        white-space: pre-wrap;
        word-wrap: break-word;
        font-family: $fontFamilyMonospace;

        &_modal {
            max-height: calc(100vh - 250px);
        }
    }

    &__opened {
        overflow: auto;
        font-size: 14px;
        margin: 0;
        padding-left: 30px;

        &-line {
            cursor: pointer;
        }
    }
}
