@use '../global/globalCssVariables.module.scss' as global;

.keyValuePair-td-key {
    display: inline-block;

    .keyValuePair-td-key-container {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        .keyValuePair-td-key-delete {
            position: relative;
            background-color: transparent;
            color: red;
        }
        .keyValuePair-td-key-check {
            position: relative;
            margin: 0px;
        }
        .keyValuePair-keyField {
            width: 100%;
            margin-left: 20px;
            font-family: monospace;
            position: relative;
            overflow: auto;
            display: inline;
            align-self: center;
        }
    }
}
.keyValuePair-td-value {
    display: inline-block;
    overflow: scroll;
    font-family: monospace;
    height: 30px;
    .keyValuePair-td-value-container {
        display: inline;
        justify-content: space-between;
        width: 100%;
        height: 100%;

        img {
            max-height: 36px;
            width: auto;
        }
        .videoBox-cont {
            width: auto;
            max-height: 36px;
        }
    }
}