.editor {
    box-sizing: border-box;
    position: relative;
    padding: 20px;
    width: 100%;
    height: 75vh;
    color: gainsboro;
    background-color: #151515;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    & > textarea {
        box-sizing: border-box;
        font-family: monospace;
        font-size: 1em;
        width: 100%;
        height: 90%;
        color: inherit;
        background-color: transparent;
        border: none;

        &:focus {
            outline: none;
        }
    }

    & > .execute {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 0;
        margin: 16px;
        background-color: #151515;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 10px solid #049931;
        cursor: pointer;

        &:before {
            content: "Execute";
            position: absolute;
            top: 0;
            right: 0;
            font-family: sans-serif;
            font-size: 12px;
            padding: 6px;
            background-color: #272727;
            border-radius: 5px;
            transform: translate(-30%, -50%);
        }
    }
}