.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;justify-content:center;align-items:center;padding:var(--spacing-md);opacity:0;transition:opacity .3s ease,display .3s ease allow-discrete;--modal-width-mobile: var(--modal-width-sm);--modal-width-desktop: var(--modal-width-mobile);--modal-height-mobile: auto;--modal-height-desktop: var(--modal-height-mobile)}@starting-style{.modal{opacity:0}}.modal.is-open{display:flex;opacity:1}.modal-overlay{background:#2c3b3ae6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity .3s ease}.modal.is-open .modal-overlay{opacity:1}.modal-close{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);z-index:2;cursor:pointer}.modal-content{position:relative;z-index:1;background:#fff;color:#000;border-radius:var(--border-radius-md, 8px);overflow:hidden;max-height:90vh;overflow-y:auto;transform:scale(.95);transition:transform .3s ease;padding-top:var(--modal-padding-top);padding-bottom:var(--modal-padding-bottom);padding-left:var(--modal-padding-left);padding-right:var(--modal-padding-right);width:var(--modal-width-mobile);height:var(--modal-height-mobile)}.modal.is-open .modal-content{transform:scale(1)}.modal[style*="--modal-size-width: sm"]{--modal-width-mobile: 400px}.modal[style*="--modal-size-width: md"]{--modal-width-mobile: 600px}.modal[style*="--modal-size-width: lg"]{--modal-width-mobile: 800px}.modal[style*="--modal-size-width: xl"]{--modal-width-mobile: 1000px}.modal[style*="--modal-size-width: full"]{--modal-width-mobile: 100%}.modal[style*="--modal-size-height: auto"]{--modal-height-mobile: auto}.modal[style*="--modal-size-height: full"]{--modal-height-mobile: 100%}@media (min-width: 1024px){.modal-content{padding-top:var(--modal-padding-desktop-top);padding-bottom:var(--modal-padding-desktop-bottom);padding-left:var(--modal-padding-desktop-left);padding-right:var(--modal-padding-desktop-right);width:var(--modal-width-desktop);height:var(--modal-height-desktop)}.modal[style*="--modal-size-desktop-width: sm"]{--modal-width-desktop: 400px}.modal[style*="--modal-size-desktop-width: md"]{--modal-width-desktop: 600px}.modal[style*="--modal-size-desktop-width: lg"]{--modal-width-desktop: 800px}.modal[style*="--modal-size-desktop-width: xl"]{--modal-width-desktop: 1000px}.modal[style*="--modal-size-desktop-width: full"]{--modal-width-desktop: 100%}.modal[style*="--modal-size-desktop-height: auto"]{--modal-height-desktop: auto}.modal[style*="--modal-size-desktop-height: full"]{--modal-height-desktop: 100%}}