@import '../../style/index';

.@{prefix-cls}-alarm {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 600px;
    padding: 6px 10px;
    &-search {
        padding: 10px 20px;
        background: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);
    }
    &-charts {
        height: 200px;
        display: flex;
        gap: 10px;

        &--chart {
            height: 100%;
            padding: 20px;
            flex: 1;
            display: flex;
            flex-direction: column;
            background: var(--bg-color2);
            border: 1px solid var(--bg-border-color2);
        }
    }
    &-list {
        padding: 20px;
        flex: 1;
        background: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);
    }
}
