.mdgri-output {
    width: 100%;
    max-width: var(--mdgri-max-width, none);
    margin-inline: auto;
    box-sizing: border-box;
    min-width: 0;
}

.mdgri-output *,
.mdgri-output *::before,
.mdgri-output *::after {
    box-sizing: border-box;
}

.mdgri-output .ti-widget,
.mdgri-output > div,
.mdgri-output iframe {
    max-width: 100%;
}

.mdgri-output--sidebar,
.mdgri-output--badge,
.mdgri-output--button {
    display: block;
}

.mdgri-frontend-notice {
    margin: 1rem 0;
    padding: 0.85rem 1rem;
    border: 1px solid #d63638;
    border-radius: 8px;
    background: #fff5f5;
    color: #7a1c1e;
    font: 500 14px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

@media (max-width: 782px) {
    .mdgri-output {
        max-width: 100%;
        overflow-x: clip;
    }
}