.saas-modal{z-index:40;padding:var(--saas-space-md);place-items:center;display:grid;position:fixed;inset:0}.saas-modal__scrim{background:var(--saas-inverse-surface);opacity:.4;animation:saas-modal-fade var(--saas-motion-panel) var(--saas-ease-standard);position:absolute;inset:0}.saas-modal__dialog{inline-size:min(560px,100%);max-block-size:calc(100vh - 2 * var(--saas-space-md));border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);box-shadow:var(--saas-elevation-popover);color:var(--saas-text-primary);font-family:var(--saas-font-family);animation:saas-modal-rise var(--saas-motion-panel) var(--saas-ease-standard);flex-direction:column;display:flex;position:relative}.saas-modal__dialog[data-size=lg]{inline-size:min(800px,100%)}.saas-modal__dialog[data-size=xl]{inline-size:min(1200px,100%)}.saas-modal__dialog:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-modal__header{align-items:center;gap:var(--saas-space-sm);padding:var(--saas-space-md) var(--saas-space-lg);border-block-end:1px solid var(--saas-border-default);display:flex}.saas-modal__heading{flex:1;min-inline-size:0}.saas-modal__title{font-size:var(--saas-font-title);margin:0;font-weight:600}.saas-modal__description{margin:var(--saas-space-2xs) 0 0;color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm)}.saas-modal__close{border-radius:var(--saas-radius-full);background:var(--saas-text-secondary);block-size:28px;inline-size:28px;color:var(--saas-bg-surface);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard);border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.saas-modal__close:hover{background:var(--saas-text-primary)}.saas-modal__close:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-modal__body{gap:var(--saas-space-md);padding:var(--saas-space-md) var(--saas-space-lg);grid-auto-rows:max-content;display:grid;overflow-y:auto}.saas-modal__footer{justify-content:flex-end;gap:var(--saas-space-sm);padding:var(--saas-space-md) var(--saas-space-lg);border-block-start:1px solid var(--saas-border-default);flex-wrap:wrap;display:flex}.saas-modal[data-placement=side]{place-items:stretch end;padding:0}.saas-modal[data-placement=side] .saas-modal__dialog{block-size:100vh;max-block-size:none;inline-size:min(480px,100%);transition:inline-size var(--saas-motion-panel) var(--saas-ease-standard);border-block:0;border-inline-end:0;border-radius:0;animation-name:saas-modal-slide}.saas-modal[data-placement=side] .saas-modal__dialog[data-expanded=true]{inline-size:min(1000px,100%)}.saas-modal__expand{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);block-size:28px;inline-size:28px;color:var(--saas-text-secondary);cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard);flex:none;justify-content:center;align-items:center;display:inline-flex}.saas-modal__expand:hover{background:var(--saas-bg-sunken);color:var(--saas-text-primary)}.saas-modal__expand:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}@keyframes saas-modal-slide{0%{transform:translate(100%)}}[dir=rtl] .saas-modal[data-placement=side] .saas-modal__dialog{animation-name:saas-modal-slide-rtl}@keyframes saas-modal-slide-rtl{0%{transform:translate(-100%)}}@keyframes saas-modal-fade{0%{opacity:0}}@keyframes saas-modal-rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.saas-modal__scrim,.saas-modal__dialog,.saas-modal[data-placement=side] .saas-modal__dialog{transition:none;animation:none}}@media (width<=599px){.saas-modal{place-items:end stretch;padding:0}.saas-modal__dialog,.saas-modal__dialog[data-size=lg]{border-end-end-radius:0;border-end-start-radius:0;max-block-size:92vh;inline-size:100%}.saas-modal__header,.saas-modal__body,.saas-modal__footer{padding-inline:var(--saas-space-md)}.saas-modal[data-placement=side]{place-items:stretch stretch}.saas-modal[data-placement=side] .saas-modal__dialog{inline-size:100%}.saas-modal__expand{display:none}.saas-modal__close{block-size:44px;inline-size:44px}}