uix-contact-form {
    & {
        & .contact-form {
            background: var(--unyt-bg-secondary);
            padding: 40px;
            border-radius: 12px;
            border: 1px solid var(--unyt-border-primary);
            height: 100%;
    
            & > :first-child {
                flex-grow: 1;
                height: 100%;
            }
    
            & label {
                color: var(--unyt-text-primary);
                display: block;
                margin-bottom: 8px;
                font-weight: 600;
                font-size: 1rem;
            }
    
            & textarea {
                width: 100%;
                padding: 12px 15px;
                border-radius: 8px;
                border: 1px solid var(--unyt-border-primary);
                background: var(--unyt-bg-controls);
                font-size: 1rem;
                resize: vertical;
                min-height: 3rem;
                max-height: 500px;
                &::focus {
                    outline: none;
                }
            }
            & .button {
                font-weight: bold;
            }
        }
    }
    
    & > div {
        height: 100%;
    }
    
    .email-name-container > * {
        flex: 1;
    }
    
    @media screen and (max-width: 680px) {
        .email-name-container {
            flex-direction: column;
        }
    }
    
}