form {
    h1 {
        margin: 0;
    }

    div {
        &.actions {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;

            &.reversed {
                flex-direction: row-reverse;
            }
        }

        &.form-field {
            display: flex;
            flex-direction: column;
            position: relative;
            gap: .1em;
    
            mat-icon {
                position: absolute;
                top: 1.3em;
                left: .5em;
                color: #777;
            }
    
            label {
                flex: 1;
                font-style: italic;
                padding-left: 1em;
                color: #777;
    
                .required {
                    color: red;
                }
            }
    
            input {
                flex: 1;
                background-color: #eeeeee;
                border: none;
                border-radius: 10em;
                padding: 1em 1em 1em 3em;
            }
        }
    }
}