.esther-need-help-modal:not([open]) {
    display: none;
}

.esther-need-help-modal {
    width: min(480px, 90vw);
    margin: auto;
    padding: var(--s-6);
    border: 0;
    background: var(--color-surface);
    color: var(--color-text);
    position: relative;
}

.esther-need-help-modal::backdrop {
    background: var(--color-overlay);
}

.esther-need-help-modal__close {
    position: absolute;
    top: var(--s-3);
    right: var(--s-3);
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: var(--color-text);
}

.esther-need-help-modal__content h2 {
    font-size: var(--fs-h3);
    font-weight: var(--fw-medium);
    text-transform: uppercase;
    letter-spacing: var(--tracking-wide);
    margin-bottom: var(--s-4);
}

.esther-need-help-modal__content p {
    color: var(--color-text-muted);
    line-height: var(--lh-normal);
    margin-bottom: var(--s-4);
}

.esther-need-help-modal__content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--s-3);
}

.esther-need-help-modal__content a {
    color: var(--color-accent);
}