.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 .language-selector-wrapper
{
    margin: 25px;
    padding: 0 !important;
    border: 1px solid transparent;
}
.participant-section .language-selector-wrapper.has-error
{
    border: 1px solid #f00;
}
.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;*/
    margin: 25px;
    padding: 0;
}

.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; }

table.language-selector tbody > tr > td.language-level > .mobile-language-level
{
    display: none;
}
@media (max-width: 767px)
{
    table.language-selector
    {
        background-color: transparent;
    }
    table.language-selector > thead
    {
        display: none;
    }
    table.language-selector > tbody > tr
    {
        display: flex;
        flex-direction: column;
    }
    table.language-selector > tbody > tr + tr
    {
        margin-top: 20px;
    }
    table.language-selector > tbody > tr > td:first-child
    {
        width: 100% !important;
    }
    table.language-selector > tbody > tr > td:first-child > label
    {
        display: flex;
        align-items: center;
    }
    table.language-selector tbody > tr > td
    {
        background-color: #fff;
    }
    table.language-selector tbody > tr > td.language-level
    {
        display: flex;
        align-items: center;
        gap: 6px;
        padding-left: 16px;
    }
    table.language-selector tbody > tr > td.language-level > .mobile-language-level
    {
        display: unset;
    }
    .form-field-group
    {
        flex-direction: column;
    }
}

@media (max-width: 767px)
{
    .active.register-a-pygirl-container
    {
        margin: 0;
    }
    .active.register-a-pygirl-container > .interest-form
    {
        border-radius: 0;
        box-shadow: none;
    }
}