.joverla-users-shell {
    margin-inline: auto;
    max-width: 620px;
    padding-block: clamp(12px, 2.5vw, 32px);
}

.joverla-users-shell--wide {
    max-width: 760px;
}

.joverla-users-card,
.joverla-login-modal__dialog {
    background: var(--j-background, #fff);
    border: 1px solid var(--j-line, #e6eaf2);
    border-radius: 18px;
    box-shadow: 0 18px 55px color-mix(in srgb, var(--j-dark, #10172a) 11%, transparent);
}

.joverla-users-card {
    padding: clamp(24px, 4vw, 42px);
}

.joverla-users-card__header {
    margin-bottom: 26px;
}

.joverla-users-eyebrow {
    color: var(--j-primary, #2354d8);
    display: block;
    margin-bottom: 8px;
}

.joverla-users-card h1,
.joverla-users-card h2,
.joverla-login-modal h2 {
    color: var(--j-ink, #172039);
    margin: 0;
}

.joverla-users-card__intro {
    color: var(--j-muted, #64708a);
    margin: 12px 0 0;
}

.joverla-users-card fieldset {
    border: 0;
    margin: 0 0 22px;
    min-width: 0;
    padding: 0;
}

.joverla-users-card legend {
    color: var(--j-ink, #172039);
    margin-bottom: 16px;
}

.joverla-users-card .control-group,
.joverla-users-card .mb-3,
.joverla-users-card .form-group {
    margin-bottom: 18px;
}

.joverla-users-card label,
.joverla-login-modal label {
    color: var(--j-ink, #172039);
    display: inline-block;
    margin-bottom: 7px;
}

.joverla-users-card input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.joverla-users-card select,
.joverla-users-card textarea,
.joverla-login-modal .uk-input {
    background: var(--j-background, #fff);
    border: 1px solid var(--j-line, #e6eaf2);
    border-radius: 9px;
    box-sizing: border-box;
    color: var(--j-ink, #172039);
    min-height: 48px;
    padding: 10px 13px;
    width: 100%;
}

.joverla-users-card input:focus,
.joverla-users-card select:focus,
.joverla-users-card textarea:focus,
.joverla-login-modal .uk-input:focus {
    border-color: var(--j-primary, #2354d8);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--j-primary, #2354d8) 12%, transparent);
    outline: 0;
}

.joverla-users-card .input-group {
    align-items: stretch;
    display: flex;
}

.joverla-users-card .input-group input {
    border-radius: 9px 0 0 9px !important;
}

.joverla-users-card .input-group .btn {
    border: 1px solid var(--j-line, #e6eaf2);
    border-left: 0;
    border-radius: 0 9px 9px 0;
    min-width: 48px;
}

.joverla-users-card__actions,
.joverla-users-card__options {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
}

.joverla-users-card__actions {
    margin-top: 8px;
}

.joverla-users-card__options {
    border-top: 1px solid var(--j-line, #e6eaf2);
    list-style: none;
    margin: 24px 0 0;
    padding: 20px 0 0;
}

.joverla-users-card__options a:hover,
.joverla-login-modal__links a:hover {
    color: var(--j-secondary, #ff6b3d);
}

.joverla-login-trigger {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    white-space: nowrap;
}

.joverla-login-modal__dialog {
    box-sizing: border-box;
    max-width: 500px !important;
    overflow: hidden;
    padding: clamp(26px, 4vw, 42px);
    width: calc(100% - 30px);
}

.joverla-login-modal__header {
    margin-bottom: 24px;
}

.joverla-login-modal__field {
    margin-bottom: 16px;
}

.joverla-login-modal__remember {
    margin: 4px 0 20px;
}

.joverla-login-modal__remember label {
    align-items: center;
    display: inline-flex;
    gap: 9px;
    margin: 0;
}

.joverla-login-modal__alternative,
.joverla-login-modal__submit {
    margin-top: 12px;
}

.joverla-login-modal__links {
    border-top: 1px solid var(--j-line, #e6eaf2);
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    list-style: none;
    margin: 22px 0 0;
    padding: 18px 0 0;
}

.joverla-login-modal__text {
    color: var(--j-muted, #64708a);
    margin-bottom: 18px;
}

@media (max-width: 639px) {
    .joverla-users-shell {
        padding-block: 4px;
    }

    .joverla-users-card {
        border-radius: 14px;
        padding: 22px 18px;
    }

    .joverla-users-card__actions .uk-button {
        width: 100%;
    }
}