.simple-form
{
    display: flex;
    padding: 35px;
    max-width: 716px;
    border-radius: 25px;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--pygirls-color-gray);
    box-shadow: 0 6px 6px -6px var(--pygirls-color-black);
}
.simple-form .form-title
{
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 13px;
    font-family: "Henderson BCG";
    color: var(--pygirls-color-dark-green);
}
.simple-form .form-title:first-child
{
    margin-top: 0 !important;
}
.simple-form .form-title.error
{
    color: var(--pygirls-indicating-red);
}
.simple-form .form-text
{
    margin: 0;
    font-size: 20px;
    line-height: 28px;
    overflow-wrap: break-word;
    color: var(--pygirls-color-black);
    font-family: "Henderson BCG Light";
    margin-bottom: 30px;
}

label.consent-label
{
    gap: 10px;
    display: flex;
}

.form-fields
{
    gap: 16px;
    display: flex;
    flex-direction: column;
}
.form-fields .form-field
{
    gap: 2px;
    display: flex;
    flex-direction: column;
}
.form-fields .form-field .form-label
{
    margin: 0;
    display: flex;
    white-space: nowrap;
    flex-direction: column;
    justify-content: center;
}
.form-fields .form-field input
{
    flex: 1;
}

.participant-section
{
    margin-bottom: 30px;
    border: 1px solid var(--pygirls-color-green);
}
.participant-section > div
{
    padding: 25px;
}
.participant-section .form-title
{
    padding-bottom: 0;
}

.register-a-pygirl-container.active
{
    display: flex;
    justify-content: center;
    scroll-margin-top: 140px;
    margin: 70px 30px 30px 30px;
}

.register-a-pygirl-container:not(.active)
{
    display: none;
}

.form-field-group > .form-field
{
    flex: 1;
}
.form-field-group
{
    gap: 16px;
    display: flex;
}

.known-throughs
{
    gap: 16px;
    display: flex;
    flex-direction: column;
}

.participant-section:first-child .remove-participant-form-wrapper,
.participant-section:not(:last-child) .remove-participant-form-wrapper
{
    display: none !important;
}
table.language-selector
{
    width: 100%;
    background-color: #fff;
}
table.language-selector thead > tr > th
{
    padding: 6px 12px;
    text-align: center;
    border: 1px solid #ddd;
}
table.language-selector tbody > tr > td
{
    padding: 6px;
    border: 1px solid #ddd;
}
table.language-selector tbody > tr > td:nth-child(n+2)
{
    line-height: 0px;
    text-align: center;
}

table.language-selector tbody > tr > td label.user-select-none
{
    gap: 6px;
    width: 100%;
    display: flex;
    cursor: pointer;
}

.form-padding
{
    padding: 25px;
}

.known-through-extra-wrapper
{
}
.form-fields-extra > .extra-value-wrapper
{
    display: none;
}
.form-fields-extra.has-extra > .extra-value-wrapper
{
    display: flex;
    flex-direction: column;
}

span.label-text { user-select: none; }