html {
    --overlay-width: clamp(300px, 90vw, 500px);
    --overlay-width-wide: clamp(300px, 90vw, 800px);
    --overlay-width-extra-wide: clamp(300px, 90vw, 1200px);
    --label-height: 17px;
    --grid-min-height: 210px;
    --grid-min-height-with-filter: 250px;
}

/*удалить при обновлении base*/
::-webkit-scrollbar:horizontal {
    height: var(--scrollbar-width);
}

.body-frame {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    max-width: 100vw;
    background-color: var(--wpcard-background);
}

.main-frame {
    flex: 1 1 calc(100vh - 95px);
    min-height: 0;
}

.container-box {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: -webkit-fill-available;
    width: -moz-available;
    background-color: var(--wpcard-background);
}

.tree-view {
    display: block;
    max-width: 25%;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 0;
}

.workspace {
    padding: var(--tripple-offset);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--n600) var(--n500);
}

.workspace .col-card .text-hint-for-selection {
    margin: 0 auto;
    font-size: 1.4286rem;
    color: var(--n700);
    width: fit-content;
    padding-top: calc(50vh - 70px);
    text-align: center;
}

.i-input-group.input-select {
    flex-wrap: unset;
    min-width: unset;
}

.col-card{
    height: 100%;
}

grid-view .ag-floating-filter {
    --input-background-disabled: transparent
}