.site-dialog {
    --sd-panel: #1f120a;
    --sd-field: #110602;
    --sd-bronze: #a4630e;
    --sd-rule: rgba(164, 99, 14, .45);
    --sd-ember: #f07f24;
    --sd-muted: #b4a697;
    --sd-wax: #b8262f;
    --sd-wax-light: #e0535b;
    box-sizing: border-box;
    width: min(420px, calc(100vw - 32px));
    max-width: none;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 0;
    overflow: auto;
    border: 1px solid var(--sd-bronze);
    border-radius: 6px;
    background: var(--sd-panel);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .7);
    color: #dbbf94;
    font: 14px/1.5 Georgia, 'Times New Roman', Times, serif;
    text-align: left;
}

.site-dialog::backdrop {
    background: rgba(17, 6, 2, .75);
}

.site-dialog .site-dialog-frame {
    margin: 0;
    padding: 18px 20px 16px;
}

.site-dialog .site-dialog-title {
    margin: 0;
    color: var(--sd-ember);
    font-size: 18px;
    line-height: 1.35;
}

.site-dialog .site-dialog-text {
    margin: 0;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.site-dialog .site-dialog-title + .site-dialog-text {
    margin-top: 8px;
}

.site-dialog .site-dialog-input {
    box-sizing: border-box;
    width: 100%;
    margin: 12px 0 0;
    padding: 6px 8px;
    border: 1px solid var(--sd-rule);
    border-radius: 3px;
    background: var(--sd-field);
    color: khaki !important;
    font: inherit;
}

.site-dialog .site-dialog-input:focus {
    border-color: var(--sd-ember);
    outline: none;
}

.site-dialog .site-dialog-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
}

.site-dialog .site-dialog-button {
    margin: 0;
    padding: 6px 16px;
    border: 1px solid var(--sd-bronze);
    border-radius: 3px;
    background-color: var(--sd-panel);
    background-image: var(--asset-01a1070c-3d9d-7120-912a-452610da1555, url(https://revelio.cz/assets/01a1070c-3d9d-7120-912a-452610da1555));
    color: #c18d0b;
    font: inherit;
    line-height: 1.2;
    cursor: pointer;
}

.site-dialog .site-dialog-button:hover,
.site-dialog .site-dialog-button:focus-visible {
    color: khaki;
}

.site-dialog .site-dialog-button:focus-visible {
    outline: 2px solid var(--sd-ember);
    outline-offset: 2px;
}

.site-dialog .site-dialog-cancel {
    border-color: var(--sd-rule);
    background-image: none;
    background-color: transparent;
    color: var(--sd-muted);
}

.site-dialog .site-dialog-danger {
    border-color: var(--sd-wax);
    color: var(--sd-wax-light);
}

.site-dialog .site-dialog-danger:hover,
.site-dialog .site-dialog-danger:focus-visible {
    color: #f3a3a7;
}

.site-dialog .site-dialog-danger:focus-visible {
    outline-color: var(--sd-wax-light);
}