@media (min-width: 1440px) {
    .form-container {
        width: 81.5rem;
    }
}

/* ── UX directive: animated status-icon ring ───────────────────────────────── *
 * Notification modals/toasts that show a status icon (success check, error X,
 * warning, info) use this shared "beating" pulse on the ring element. The
 * check/X/etc. stroke stays static; only the ring (or, when the icon is a
 * single non-decomposable img/background, the entire status icon wrapper)
 * gets the .ds-icon-beat class so the modal has a "live" feel.
 * Apply on: the ring <g>/<circle> element inside the icon SVG, or the icon
 * wrapper div for raster/background-image icons.
 * --------------------------------------------------------------------------- */
@keyframes ds-icon-beat {
    0%, 100% { transform: scale(1);    opacity: 1;    }
    50%      { transform: scale(1.08); opacity: 0.92; }
}

.ds-icon-beat {
    animation: ds-icon-beat 1.4s ease-in-out infinite;
    transform-origin: center;
    transform-box: fill-box;
    will-change: transform, opacity;
}