.smart-draw-handler {
    position: absolute;

    .smart-draw-main {
        display: flex;
        flex-direction: row;

        .smartdraw-input {
            color: black;
            margin: auto;
        }
    }

    .smartdraw-output-options {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 3px;
    }

    .smartdraw-options-container {
        width: 265px;
        padding: 5px;
        font-weight: bolder;
        text-align: center;
        display: flex;
        flex-direction: column;

        .smartdraw-options {
            font-weight: normal;
            margin-top: 5px;
            display: flex;
            flex-direction: row;
            justify-content: space-around;

            .smartdraw-auto-color {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 30%;
                margin-top: 3px;
            }

            .smartdraw-complexity {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 31%;
                margin-top: 3px;
            }

            .smartdraw-size {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 39%;
                margin-top: 3px;
            }
        }

        .smartdraw-dimensions {
            font-weight: normal;
            margin-top: 7px;
            padding-left: 25px;
        }
    }

    .smartdraw-slider {
        width: 65px;
    }

    .regenerate-box,
    .edit-box {
        display: flex;
        flex-direction: row;
        color: black;
    }
}