html.df-feedback-open { overflow: hidden; }
.df-feedback-dialog {
    box-sizing: border-box;
    width: min(520px, calc(100vw - 32px));
    max-height: calc(100dvh - 32px);
    overflow: auto;
    margin: auto;
    padding: 36px;
    border: 1px solid var(--df-line, #d9e5e2);
    border-radius: 24px;
    color: var(--df-ink, #071827);
    background: var(--df-paper, #fff);
    box-shadow: 0 28px 90px rgb(7 24 39 / 24%);
    font-family: Manrope, sans-serif;
    text-align: left;
}
.df-feedback-dialog::backdrop { background: rgb(7 24 39 / 64%); }
.df-feedback-dialog .df-feedback-brand { margin: 0 40px 22px 0; font-size: 14px; font-weight: 800; letter-spacing: .06em; }
.df-feedback-mark { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 18px; border-radius: 50%; background: var(--df-pale, #e9faef); color: #12664e; font-size: 26px; }
.df-feedback-dialog h2 { margin: 0 0 14px; font-size: clamp(23px, 5vw, 30px); line-height: 1.25; letter-spacing: -.025em; }
.df-feedback-dialog #df-feedback-message { margin: 0 0 26px; color: var(--df-slate, #496068); font-size: 16px; line-height: 1.7; }
.df-feedback-dialog button { cursor: pointer; font: inherit; }
.df-feedback-x { position: absolute; top: 14px; right: 14px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--df-ink, #071827); font-size: 28px !important; }
.df-feedback-done { min-height: 48px; padding: 12px 24px; border: 0; border-radius: 12px; background: var(--df-ink, #071827); color: white; font-weight: 700 !important; }
.df-feedback-dialog button:focus-visible { outline: 3px solid #27866b; outline-offset: 3px; }
.df-feedback-dialog h2:focus { outline: none; }
@media (max-width: 480px) { .df-feedback-dialog { padding: 28px 24px; border-radius: 20px; } .df-feedback-done { width: 100%; } }
@media print { .df-feedback-dialog { display: none !important; } }