$fontFamilyMonospace: 'SF Mono', 'Menlo', 'Monaco', 'Consolas', 'Ubuntu Mono', 'Liberation Mono',
    'DejaVu Sans Mono', 'Courier New', 'Courier', monospace;

.chartkit-error {
    display: flex;
    flex-direction: column;
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 16px;

    &__title {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 12px;
    }

    &__actions {
        margin-bottom: 12px;
    }

    &__action {
        &:not(:first-child) {
            margin-left: 10px;
        }
    }

    &__request-id {
        color: #999999;
        letter-spacing: 1px;
        font-size: 11px;
    }

    &__more {
        font-family: $fontFamilyMonospace;
        overflow: auto;
        white-space: pre-wrap;
        word-wrap: break-word;
        padding: 10px;
        font-size: 13px;
        border-radius: 4px;
        margin-bottom: 12px;
    }
}
