.ds-modal-overlay{background-color:var(--ds-modal-overlay-bg-default);z-index:var(--ds-modal-overlay-z-index-default);padding:var(--ds-modal-overlay-padding-default);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ds-modal-overlay[hidden]{display:none}.ds-modal{--_ds-modal-focus-ring-bleed:calc(var(--ds-focus-ring-width) * 2);background-color:var(--ds-modal-bg-default);border-radius:var(--ds-modal-radius-default);box-shadow:var(--ds-modal-shadow-default);width:100%;max-height:calc(100vh - var(--ds-space-section-sm));padding:var(--ds-modal-container-padding-sm);gap:var(--ds-modal-container-gap-sm);flex-direction:column;display:flex;overflow:visible}.ds-modal--sm{max-width:var(--ds-modal-max-width-sm)}.ds-modal--md{max-width:var(--ds-modal-max-width-md);padding:var(--ds-modal-container-padding-md);gap:var(--ds-modal-container-gap-md)}.ds-modal--lg{max-width:var(--ds-modal-max-width-lg);padding:var(--ds-modal-container-padding-lg);gap:var(--ds-modal-container-gap-lg)}.ds-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--ds-modal-header-gap-default);display:flex;position:relative}.ds-modal__heading{gap:var(--ds-modal-heading-gap-default);min-width:0;padding-right:calc(var(--ds-modal-close-size-sm) + var(--ds-modal-header-gap-default));flex-direction:column;flex:1;display:flex}.ds-modal--md .ds-modal__heading{padding-right:calc(var(--ds-modal-close-size-md) + var(--ds-modal-header-gap-default))}.ds-modal--lg .ds-modal__heading{padding-right:calc(var(--ds-modal-close-size-lg) + var(--ds-modal-header-gap-default))}.ds-modal__title{font-size:var(--ds-body-font-size-xl);font-weight:var(--ds-body-font-weight-semibold);color:var(--ds-modal-title-color-default);line-height:var(--ds-body-line-height-xl);letter-spacing:var(--ds-body-letter-spacing-normal);padding-right:calc(var(--ds-modal-close-size-sm) + var(--ds-modal-header-gap-default));margin:0}.ds-modal__heading .ds-modal__title{padding-right:0}.ds-modal--md .ds-modal__title{font-size:var(--ds-body-font-size-2xl);line-height:var(--ds-body-line-height-2xl);letter-spacing:var(--ds-body-letter-spacing-normal);padding-right:calc(var(--ds-modal-close-size-md) + var(--ds-modal-header-gap-default))}.ds-modal--lg .ds-modal__title{font-size:var(--ds-body-font-size-3xl);line-height:var(--ds-body-line-height-3xl);letter-spacing:var(--ds-body-letter-spacing-tight);padding-right:calc(var(--ds-modal-close-size-lg) + var(--ds-modal-header-gap-default))}.ds-modal--md .ds-modal__heading .ds-modal__title,.ds-modal--lg .ds-modal__heading .ds-modal__title{padding-right:0}.ds-modal__description{color:var(--ds-modal-description-color-default);font-size:var(--ds-body-font-size-sm);font-weight:var(--ds-body-font-weight-regular);line-height:var(--ds-body-line-height-sm);margin:0}.ds-modal--md .ds-modal__description{font-size:var(--ds-body-font-size-sm);line-height:var(--ds-body-line-height-sm)}.ds-modal--lg .ds-modal__description{font-size:var(--ds-body-font-size-md);line-height:var(--ds-body-line-height-md)}.ds-modal__close{top:calc(var(--ds-space-sm) - var(--ds-modal-container-padding-sm));right:calc(var(--ds-space-sm) - var(--ds-modal-container-padding-sm));width:var(--ds-modal-close-size-sm);height:var(--ds-modal-close-size-sm);padding:var(--ds-modal-close-padding-sm);cursor:pointer;color:var(--ds-modal-close-color-default);border-radius:var(--ds-radius-sm);transition:color var(--ds-motion-duration-fast) var(--ds-motion-ease-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:absolute}.ds-modal__close .ds-icon{width:var(--ds-modal-close-icon-size-sm);height:var(--ds-modal-close-icon-size-sm);color:currentColor;stroke-width:var(--ds-modal-close-icon-stroke-width-default)}.ds-modal--md .ds-modal__close{top:calc(var(--ds-space-sm) - var(--ds-modal-container-padding-md));right:calc(var(--ds-space-sm) - var(--ds-modal-container-padding-md));width:var(--ds-modal-close-size-md);height:var(--ds-modal-close-size-md);padding:var(--ds-modal-close-padding-md)}.ds-modal--md .ds-modal__close .ds-icon{width:var(--ds-modal-close-icon-size-md);height:var(--ds-modal-close-icon-size-md)}.ds-modal--lg .ds-modal__close{top:calc(var(--ds-space-sm) - var(--ds-modal-container-padding-lg));right:calc(var(--ds-space-sm) - var(--ds-modal-container-padding-lg));width:var(--ds-modal-close-size-lg);height:var(--ds-modal-close-size-lg);padding:var(--ds-modal-close-padding-lg)}.ds-modal--lg .ds-modal__close .ds-icon{width:var(--ds-modal-close-icon-size-lg);height:var(--ds-modal-close-icon-size-lg)}.ds-modal__close:hover{color:var(--ds-content-strong)}.ds-modal__close:focus-visible{outline:var(--ds-focus-ring-width) solid var(--ds-focus-ring-color-default);outline-offset:var(--ds-focus-ring-width)}.ds-modal__body{margin:calc(var(--_ds-modal-focus-ring-bleed) * -1);padding:var(--_ds-modal-focus-ring-bleed);color:var(--ds-modal-body-color-default);font-size:var(--ds-body-font-size-sm);font-weight:var(--ds-body-font-weight-regular);line-height:var(--ds-body-line-height-sm);overflow-y:auto}.ds-modal--md .ds-modal__body{font-size:var(--ds-body-font-size-md);line-height:var(--ds-body-line-height-md)}.ds-modal--lg .ds-modal__body{font-size:var(--ds-body-font-size-lg);line-height:var(--ds-body-line-height-xl)}.ds-modal__footer{justify-content:flex-end;gap:var(--ds-modal-footer-gap-sm);display:flex}.ds-modal--md .ds-modal__footer{gap:var(--ds-modal-footer-gap-md)}.ds-modal--lg .ds-modal__footer{gap:var(--ds-modal-footer-gap-lg)}@media (prefers-reduced-motion:reduce){.ds-modal__close{transition:none}}