.twentyone-modal{--button-width: calc(var(--wp--preset--spacing--24) * 1.25);position:fixed;color:inherit;z-index:99999;overflow:hidden auto;top:50%;left:50%;width:90vw;max-width:80em;max-height:90dvh;background:var(--wp--preset--color--white);padding:var(--wp--preset--spacing--24);border-width:0;border-style:solid;border-color:transparent;opacity:0;visibility:hidden;pointer-events:none;transition:var(--wp--custom--transition--preset--default);border-radius:var(--wp--preset--spacing--24);translate:-50% calc(-50% - 1em)}.twentyone-modal::backdrop{background:var(--wp--preset--color--black-fade-90);opacity:0;transition:var(--wp--custom--transition--preset--default)}.twentyone-modal.is--active,.twentyone-modal:popover-open{opacity:1;pointer-events:unset;visibility:visible;translate:-50% -50%}.twentyone-modal.is--active::backdrop,.twentyone-modal:popover-open::backdrop{opacity:1}.twentyone-modal[data-position=top-start],.twentyone-modal[data-position=left-start]{top:0;left:0;translate:-100% 0}.twentyone-modal[data-position=top]{inset:0 0 auto 0;translate:0 -100%}.twentyone-modal[data-position=top-end],.twentyone-modal[data-position=right-start]{left:unset;top:0;right:0;translate:100% 0}.twentyone-modal[data-position=right]{inset:0 0 0 auto;translate:100% 0}.twentyone-modal[data-position=bottom-start],.twentyone-modal[data-position=left-end]{top:unset;bottom:0;left:0;translate:-100% 0}.twentyone-modal[data-position=bottom]{inset:auto 0 0 0;translate:0 100%}.twentyone-modal[data-position=bottom-end],.twentyone-modal[data-position=right-end]{top:unset;bottom:0;right:0;translate:100% 0}.twentyone-modal[data-position=left]{inset:0 auto 0 0;translate:-100% 0}.twentyone-modal[data-position=top],.twentyone-modal[data-position=bottom]{max-width:unset;width:100vw}.twentyone-modal[data-position=right],.twentyone-modal[data-position=left]{max-height:unset;height:100dvh}.twentyone-modal[data-position].is--active,.twentyone-modal[data-position]:popover-open{translate:0 0}.twentyone-modal[data-position=center].is--active,.twentyone-modal[data-position=center]:popover-open{translate:-50% -50%}.twentyone-modal.is--inline{position:absolute;overflow:visible;z-index:99;inset:auto;margin:0;max-height:unset;width:max-content;height:auto;max-width:calc(var(--wp--preset--spacing--96) * 4);translate:0 0;box-shadow:var(--wp--preset--shadow--small)}.twentyone-modal.is--inline::backdrop{display:none}.twentyone-modal.is--inline:not(.is--initialized)[data-position=top-start]{translate:0 calc(-1 * var(--button-width) - 1em - 100%)}.twentyone-modal.is--inline:not(.is--initialized)[data-position=top]{translate:calc(-50% + var(--button-width) / 2) calc(-1 * var(--button-width) - 1em - 100%)}.twentyone-modal.is--inline:not(.is--initialized)[data-position=top-end]{translate:calc(-100% + var(--button-width)) calc(-1 * var(--button-width) - 1em - 100%)}.twentyone-modal.is--inline:not(.is--initialized)[data-position=right-start]{translate:calc(1em + var(--button-width)) calc(-1 * var(--button-width))}.twentyone-modal.is--inline:not(.is--initialized)[data-position=right]{translate:calc(1em + var(--button-width)) calc(-50% + var(--button-width) / 2)}.twentyone-modal.is--inline:not(.is--initialized)[data-position=right-end]{translate:calc(1em + var(--button-width)) -100%}.twentyone-modal.is--inline:not(.is--initialized)[data-position=bottom-start]{translate:0 1em}.twentyone-modal.is--inline:not(.is--initialized)[data-position=bottom-end]{translate:calc(-100% + var(--button-width)) 1em}.twentyone-modal.is--inline:not(.is--initialized)[data-position=left-start]{translate:calc(-1em - 100%) calc(-1 * var(--button-width))}.twentyone-modal.is--inline:not(.is--initialized)[data-position=left]{translate:calc(-1em - 100%) calc(-50% + var(--button-width) / 2)}.twentyone-modal.is--inline:not(.is--initialized)[data-position=left-end]{translate:calc(-1em - 100%) -100%}.twentyone-modal.is--action{padding:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16)}.twentyone-modal.is--action ul.twentyone-menu{gap:0}.twentyone-modal.is--action ul.twentyone-menu li>.twentyone-button{margin:0;justify-content:flex-start;gap:0 var(--wp--preset--spacing--8);color:var(--wp--preset--color--black)}.twentyone-modal.is--action ul.twentyone-menu li>.twentyone-button span{text-transform:none;font-weight:normal;letter-spacing:normal}.twentyone-modal.is--initialized{display:block}@media(max-width: 47.99em){.twentyone-modal.mobile--static{display:block;inset:unset !important;max-width:unset !important;max-height:unset;width:auto;height:auto;border:none;overflow:visible;position:relative;z-index:22;padding:0;opacity:1;visibility:visible;pointer-events:unset;background:transparent;translate:unset !important;border-radius:0;box-shadow:none}.twentyone-modal.mobile--static>.twentyone-button.is--close{display:none}}@media(min-width: 48em)and (max-width: 64em){.twentyone-modal.tablet--static{display:block;inset:unset !important;max-width:unset !important;max-height:unset;width:auto;height:auto;border:none;overflow:visible;position:relative;z-index:22;padding:0;opacity:1;visibility:visible;pointer-events:unset;background:transparent;translate:unset !important;border-radius:0;box-shadow:none}.twentyone-modal.tablet--static>.twentyone-button.is--close{display:none}}@media(min-width: 64.01em){.twentyone-modal.desktop--static{display:block;inset:unset !important;max-width:unset !important;max-height:unset;width:auto;height:auto;border:none;overflow:visible;position:relative;z-index:22;padding:0;opacity:1;visibility:visible;pointer-events:unset;background:transparent;translate:unset !important;border-radius:0;box-shadow:none}.twentyone-modal.desktop--static>.twentyone-button.is--close{display:none}}.twentyone-modal.is--inverted{background:var(--wp--preset--color--black);border-color:transparent}.twentyone-modal.is--admin{display:block;position:static;opacity:1;visibility:visible;pointer-events:unset;inset:unset;width:100%;height:auto;max-width:100%;max-height:unset;translate:unset !important}.twentyone-modal.is--admin.is--hidden,.twentyone-modal.is--admin[hidden]{display:block !important;visibility:visible !important;opacity:1 !important}.twentyone-modal#edit-screen-modal{overflow:visible}