.links[data-v-066745e1] {
    display: flex;
    flex-direction: row;
    gap: 1.5em;
    align-items: center;
}


.extended-login-form[data-v-e45ae8c2] {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    width: 100%;
    max-width: 24em;
    text-align: start;
    box-sizing: border-box;
}
.fields[data-v-e45ae8c2] {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.actions[data-v-e45ae8c2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75em;
    align-items: center;
}
.oauth-login-methods[data-v-e45ae8c2] {
    width: 100%;
    min-width: 0;
    margin-bottom: 0;
}
.oauth-divider[data-v-e45ae8c2] {
    display: flex;
    align-items: center;
    margin-block: 0.5em;
}
.oauth-divider[data-v-e45ae8c2]::before, .oauth-divider[data-v-e45ae8c2]::after {
        content: '';
        flex: 1;
        border-block-end: 1px solid currentColor;
        opacity: 0.25;
}
.oauth-divider span[data-v-e45ae8c2] {
        padding-inline: 1em;
        opacity: 0.6;
        font-size: 0.9em;
        text-transform: uppercase;
}
.oauth-buttons[data-v-e45ae8c2] {
    display: flex;
    flex-direction: column;
    gap: 0.75em;
    width: 100%;
    min-width: 0;
}
.oauth-dropdown-container[data-v-e45ae8c2] {
    position: relative;
    width: 100%;
    min-width: 0;
    --dropdown-bg: #2f2f2f;
    --dropdown-text: #ffffff;
}
.oauth-dropdown-container[data-v-e45ae8c2]:has(.tenant-dropdown) .oauth-button {
        border-radius: 0.25em 0.25em 0 0;
}
.tenant-dropdown[data-v-e45ae8c2] {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    max-width: 24em;
    width: max-content;
    background: var(--dropdown-bg);
    border-radius: 0 0 0.25em 0.25em;
    max-height: 15em;
    overflow-y: auto;
    z-index: 100;
    box-shadow: 0 0.5em 1.5em rgb(0, 0, 0, 0.3);
    -webkit-user-select: none;
            user-select: none;
}
.tenant-option[data-v-e45ae8c2] {
    width: 100%;
    padding: 0.75em 1em;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    color: var(--dropdown-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tenant-option[data-v-e45ae8c2]:hover, .tenant-option[data-v-e45ae8c2]:focus {
        background-color: color-mix(in srgb, currentColor 15%, transparent);
}
.tenant-option[data-v-e45ae8c2]:focus-visible {
        outline: 2px solid currentColor;
        outline-offset: -2px;
}
.tenant-option[data-v-e45ae8c2]:active {
        background-color: color-mix(in srgb, currentColor 25%, transparent);
}
.linking-verification[data-v-e45ae8c2] {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.linking-verification h3[data-v-e45ae8c2] {
        margin: 0;
        font-size: 1.25em;
}
.linking-verification p[data-v-e45ae8c2] {
        margin: 0;
}
.linking-no-options[data-v-e45ae8c2] {
    font-style: italic;
    opacity: 0.8;
}
.in-app-browser-warning[data-v-e45ae8c2] {
    display: flex;
    align-items: flex-start;
    gap: 0.75em;
    padding: 0.75em 1em;
    background-color: color-mix(in srgb, #f5a623 18%, transparent);
    border-inline-start: 3px solid #f5a623;
    border-radius: 0.25em;
    font-size: 0.9em;
}
.in-app-browser-warning p[data-v-e45ae8c2] {
        margin: 0;
        flex: 1;
        line-height: 1.4;
}
.in-app-browser-dismiss[data-v-e45ae8c2] {
    border: none;
    background: transparent;
    color: inherit;
    font-size: 1.4em;
    line-height: 1;
    padding: 0 0.25em;
    cursor: pointer;
}
.in-app-browser-dismiss[data-v-e45ae8c2]:hover, .in-app-browser-dismiss[data-v-e45ae8c2]:focus-visible {
        color: #f5a623;
}
.channel-selection[data-v-e45ae8c2] {
    display: flex;
    flex-direction: column;
    gap: .75em;
}
.radio-container[data-v-e45ae8c2] {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    gap: .5em;
    margin-block-end: .75em;
}


.extendedLoginBlock-login[data-v-20dbc5e4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2em;
}