@layer components{.ds-modal{border-radius:var(--input-border-radius);background-color:var(--ds-c-grey-0);width:100%;max-width:calc(768px + var(--ds-space-4) * 2);transition:all var(--ds-duration-200) var(--ds-easing-in-out);animation:fade-in var(--ds-duration-200) var(--ds-easing-in-out);border:none;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-modal::backdrop{background-color:var(--ds-overlay-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (max-width:767.98px){.ds-modal{border-radius:0;width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;top:0;left:0;transform:none}}.ds-modal__inner{width:100%;padding:var(--ds-space-5) var(--ds-space-4);border-radius:inherit;flex-direction:column;display:flex;position:relative;overflow-y:auto}@media (max-width:767.98px){.ds-modal__inner{height:100%;padding:var(--ds-space-4) var(--ds-space-3-5)}}.ds-modal__close.ds-button{top:var(--ds-space-3);right:var(--ds-space-3);z-index:1;position:absolute}.ds-modal__header{margin-bottom:var(--ds-space-4)}.ds-modal__content{flex:1}.ds-modal__footer{margin-top:var(--ds-space-6);justify-content:flex-end;gap:var(--ds-space-3);flex-wrap:wrap;display:flex}}