.header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 36px;
    width: 100%;
    border: var(--border);

    >input {
        &.valid {
            background-color: var(--green);
        }

        &.invalid {
            background-color: var(--red);
        }
    }

    .buttons {
        display: flex;
        flex-direction: row;
        gap: 8px;
        padding: 0 8px;
    }
}

.modalTitle {
    margin: 0;   
}

.scrollPane {
    overflow-x: hidden;
    overflow-y: auto;
    margin: 8px 0;

    textarea {
        overflow: hidden;
    }
}

.template {
    font-family: 'Ubuntu Mono', 'Courier New', Courier, monospace;
}