.ds-modal{--border-radius:8px;--header-padding-block:0;--header-padding-inline:0 var(--ds-space-10);--inset:var(--ds-space-8);--margin:auto 0 0 0;--max-width:0;--modal-padding:var(--ds-space-14) var(--ds-space-8) var(--ds-space-8);--outer-padding:var(--ds-space-8);--text-align:start;--title-margin-block:0 var(--ds-space-4);background-color:transparent;color:var(--ds-color-fg-default);top:0;right:0;bottom:0;left:0;max-block-size:100%;max-inline-size:100%;padding:var(--outer-padding);scrollbar-gutter:stable;text-align:var(--text-align)}.ds-modal,.ds-modal__container{border:0;border-radius:var(--border-radius);box-sizing:border-box;inline-size:100%;margin:var(--margin)}.ds-modal__container{background-color:var(--ds-color-bg-elevation-overlay);max-inline-size:min(var(--max-width),100% - var(--inset) - var(--inset));padding:0}.ds-modal__content{padding:var(--modal-padding);position:relative}.ds-modal::backdrop{background:var(--ds-color-bg-backdrop);transition:var(--ds-motion-duration-long-1) opacity var(--ds-motion-easing-standard)}@media screen and (prefers-reduced-motion:reduce){.ds-modal::backdrop{transition:none}}.ds-modal--blur::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ds-modal__close.ds-icon-button{inset-block-start:var(--ds-space-6);inset-inline-end:var(--ds-space-6);position:absolute}.ds-modal__title{margin-block:var(--title-margin-block);margin-inline:0}.ds-modal__body{color:var(--ds-color-fg-muted)}.ds-modal__body>:first-child{margin-block-start:0}.ds-modal__attention{display:grid;justify-content:center;padding-block:var(--ds-space-6) var(--ds-space-8)}.ds-modal__header{padding-block:var(--header-padding-block);padding-inline:var(--header-padding-inline)}.ds-modal__actions{margin-block-start:var(--ds-space-10)}.ds-modal__content-inner{margin-inline-end:calc(var(--modal-padding)*-1 + var(--ds-space-2));margin-inline-start:calc(var(--modal-padding)*-1 + var(--ds-space-2));padding-inline-end:var(--modal-padding);padding-inline-start:calc(var(--modal-padding) - var(--ds-space-2));scrollbar-color:var(--ds-color-bg-neutral-strong) transparent;scrollbar-gutter:auto}@media (min-width:576px){.ds-modal{--header-padding-inline:0;--inset:80px;--margin:auto;--modal-padding:var(--ds-space-10);--outer-padding:var(--ds-space-14) var(--ds-space-8)}}.ds-modal--attention{--header-padding-block:var(--ds-space-2);--modal-padding:var(--ds-space-12) var(--ds-space-8) var(--ds-space-8);--text-align:center;--title-margin-block:0}.ds-modal--overflow-page{overflow-y:auto}.ds-modal--overflow-container .ds-modal__container{max-block-size:calc(100vh - 24px)}.ds-modal--overflow-container .ds-modal__content-inner{--fade-height:36px;--fade-top-opacity:0;--fade-bottom-opacity:0;max-block-size:calc(80vh - 200px);overflow-y:auto;position:relative}.ds-modal--overflow-container .ds-modal__content-inner--fade-top{--fade-top-opacity:1}.ds-modal--overflow-container .ds-modal__content-inner--fade-bottom{--fade-bottom-opacity:1}.ds-modal--overflow-container .ds-modal__content-inner:after,.ds-modal--overflow-container .ds-modal__content-inner:before{block-size:var(--fade-height);content:"";display:block;inline-size:100%;inset-block-end:0;pointer-events:none;position:sticky;transition:opacity .1s linear}@media screen and (prefers-reduced-motion:reduce){.ds-modal--overflow-container .ds-modal__content-inner:after,.ds-modal--overflow-container .ds-modal__content-inner:before{transition:none}}.ds-modal--overflow-container .ds-modal__content-inner:before{background:linear-gradient(180deg,#fff,#fffffff7 30.29%,#ffffffb3 74.15%,#fff0 108.91%);inset-block-start:0;margin-block-end:-36px;opacity:var(--fade-top-opacity)}.ds-modal--overflow-container .ds-modal__content-inner:after{background:linear-gradient(0deg,#fff,#fffffff7 30.29%,#ffffffb3 74.15%,#fff0 108.91%);inset-block-end:0;margin-block-start:-36px;opacity:var(--fade-bottom-opacity)}@media (min-width:576px){.ds-modal--sm{--max-width:424px;--modal-padding:var(--ds-space-14) var(--ds-space-8) var(--ds-space-8)}}@media (min-width:576px){.ds-modal--md{--max-width:620px;--modal-padding:var(--ds-space-14) var(--ds-space-10) var(--ds-space-10)}}@media (min-width:576px){.ds-modal--lg{--max-width:840px}}@media (min-width:576px){.ds-modal--attention.ds-modal--md{--modal-padding:var(--ds-space-14)}}html:has(.ds-modal){scrollbar-gutter:stable}html:has(.ds-modal[open],.modal-enter-active,.modal-leave-active){overflow:hidden}@media screen and (prefers-reduced-motion:reduce){.modal-enter-active::backdrop{transition:none}}.modal-enter-active::backdrop{transition:var(--ds-motion-duration-long-1) opacity var(--ds-motion-easing-standard)}@media screen and (prefers-reduced-motion:reduce){.modal-leave-active::backdrop{transition:none}}.modal-leave-active::backdrop{transition:var(--ds-motion-duration-long-1) opacity var(--ds-motion-easing-standard);transition-delay:var(--ds-motion-duration-medium-2)}@media screen and (prefers-reduced-motion:reduce){.modal-enter-active{transition:none;transition-delay:var(--ds-motion-duration-medium-1)}}.modal-enter-active{transition:var(--ds-motion-duration-medium-2) opacity var(--ds-motion-easing-enter),var(--ds-motion-duration-medium-2) transform var(--ds-motion-easing-enter);transition-delay:var(--ds-motion-duration-medium-1)}@media screen and (prefers-reduced-motion:reduce){.modal-leave-active{transition:none}}.modal-leave-active{transition:var(--ds-motion-duration-medium-1) opacity var(--ds-motion-easing-exit),var(--ds-motion-duration-medium-1) transform var(--ds-motion-easing-exit)}.modal-enter-from,.modal-leave-to{opacity:0;transform:translateY(40px) translateZ(0)}.modal-enter-from::backdrop,.modal-leave-to::backdrop{opacity:0}.modal-enter-to,.modal-leave-from{opacity:1;transform:translateY(0) translateZ(0)}.modal-enter-to::backdrop,.modal-leave-from::backdrop{opacity:1}