.mdde-embed {
position: relative;
margin: 1.5rem 0;
}
.mdde-embed__frame {
display: block;
width: 100%;
border: 0;
overflow: hidden;
transition: height 0.15s ease-out, opacity 0.2s ease-out;
} .mdde-embed__frame[data-clamped] {
overflow: auto;
} .mdde-embed--loading .mdde-embed__frame {
opacity: 0;
pointer-events: none;
}
.mdde-embed--loading::before {
content: "";
position: absolute;
inset: 0;
border-radius: 4px;
background:
linear-gradient( currentColor 0 0 ) 0 8% / 42% 0.9em no-repeat,
linear-gradient( currentColor 0 0 ) 0 24% / 96% 0.7em no-repeat,
linear-gradient( currentColor 0 0 ) 0 36% / 88% 0.7em no-repeat,
linear-gradient( currentColor 0 0 ) 0 48% / 93% 0.7em no-repeat,
linear-gradient( currentColor 0 0 ) 0 60% / 60% 0.7em no-repeat;
opacity: 0.1;
animation: mdde-pulse 1.4s ease-in-out infinite;
pointer-events: none;
}
@keyframes mdde-pulse {
0%, 100% { opacity: 0.07; }
50%      { opacity: 0.16; }
} @media ( prefers-reduced-motion: reduce ) {
.mdde-embed__frame {
transition: none;
}
.mdde-embed--loading::before {
animation: none;
}
}
.mdde-embed__fallback,
.mdde-embed__noscript,
.mdde-embed__notice {
margin: 0.5rem 0 0;
font-size: 0.95em;
}
.mdde-embed__notice {
padding: 0.75rem 1rem;
border-left: 3px solid #d63638;
background: rgba( 214, 54, 56, 0.06 );
}
.mdde-embed--unreachable .mdde-embed__frame {
display: none;
}