@layer components{:root{--twentyone--dialog--backdrop-background: rgba(var(--twentyone--color--black-rgb), .9);--twentyone--dialog--background: var(--twentyone--color--white);--twentyone--dialog--padding: var(--twentyone--spacing--32);--twentyone--dialog--border-width: 0;--twentyone--dialog--border-color: transparent;--twentyone--dialog--border-radius: var(--twentyone--spacing--8);--twentyone--dialog--background-inverted: var(--twentyone--color--black);--twentyone--dialog--border-color-inverted: transparent;--twentyone--dialog--inline-max-width: calc(var(--twentyone--spacing--96) * 4)}html:has(dialog.twentyone-dialog:is(.is--active,:popover-open)){overflow:hidden}.twentyone-dialog{display:block;color:inherit;margin:0;inset:auto;background:var(--twentyone--dialog--background);padding:var(--twentyone--dialog--padding);border-width:var(--twentyone--dialog--border-width);border-style:solid;border-color:var(--twentyone--dialog--border-color);opacity:0;visibility:hidden;pointer-events:none;transition:var(--twentyone--element--transition);border-radius:var(--twentyone--dialog--border-radius)}.twentyone-dialog:is(.is--active,:popover-open){opacity:1;pointer-events:unset;visibility:visible}@media(max-width: 47.99em){.twentyone-dialog.mobile--static{display:block;inset:unset !important;width:auto !important;max-width:unset !important;height:auto !important;max-height:unset !important;border:none;overflow:visible;position:relative;z-index:22;padding:0;opacity:1;visibility:visible;pointer-events:unset;background:rgba(0,0,0,0);translate:unset !important;border-radius:0;box-shadow:none}.twentyone-dialog.mobile--static>.twentyone-button.is--close{display:none}}@media(min-width: 48em)and (max-width: 64em){.twentyone-dialog.tablet--static{display:block;inset:unset !important;width:auto !important;max-width:unset !important;height:auto !important;max-height:unset !important;border:none;overflow:visible;position:relative;z-index:22;padding:0;opacity:1;visibility:visible;pointer-events:unset;background:rgba(0,0,0,0);translate:unset !important;border-radius:0;box-shadow:none}.twentyone-dialog.tablet--static>.twentyone-button.is--close{display:none}}@media(min-width: 64.01em){.twentyone-dialog.desktop--static{display:block;inset:unset !important;width:auto !important;max-width:unset !important;height:auto !important;max-height:unset !important;border:none;overflow:visible;position:relative;z-index:22;padding:0;opacity:1;visibility:visible;pointer-events:unset;background:rgba(0,0,0,0);translate:unset !important;border-radius:0;box-shadow:none}.twentyone-dialog.desktop--static>.twentyone-button.is--close{display:none}}.twentyone-dialog.is--inverted{background:var(--twentyone--dialog--background-inverted);border-color:var(--twentyone--dialog--border-color-inverted)}dialog.twentyone-dialog{top:50%;left:50%;width:var(--twentyone--wrapper--width);max-width:var(--twentyone--wrapper--max-width);max-height:90dvh;overflow:hidden auto;translate:-50% calc(-50% - 1em)}dialog.twentyone-dialog::backdrop{background:var(--twentyone--dialog--backdrop-background);opacity:0;transition:var(--twentyone--element--transition)}dialog.twentyone-dialog:is(.is--active,:popover-open){translate:-50% -50%}dialog.twentyone-dialog:is(.is--active,:popover-open)::backdrop{opacity:1}dialog.twentyone-dialog[data-position=top-start],dialog.twentyone-dialog[data-position=left-start]{top:0;left:0;translate:-100% 0}dialog.twentyone-dialog[data-position=top]{inset:0 0 auto 0;translate:0 -100%}dialog.twentyone-dialog[data-position=top-end],dialog.twentyone-dialog[data-position=right-start]{left:unset;top:0;right:0;translate:100% 0}dialog.twentyone-dialog[data-position=right]{inset:0 0 0 auto;translate:100% 0}dialog.twentyone-dialog[data-position=bottom-start],dialog.twentyone-dialog[data-position=left-end]{top:unset;bottom:0;left:0;translate:-100% 0}dialog.twentyone-dialog[data-position=bottom]{inset:auto 0 0 0;translate:0 100%}dialog.twentyone-dialog[data-position=bottom-end],dialog.twentyone-dialog[data-position=right-end]{top:unset;bottom:0;right:0;translate:100% 0}dialog.twentyone-dialog[data-position=left]{inset:0 auto 0 0;translate:-100% 0}dialog.twentyone-dialog[data-position=top],dialog.twentyone-dialog[data-position=bottom]{max-width:unset;width:100vw}dialog.twentyone-dialog[data-position=right],dialog.twentyone-dialog[data-position=left]{max-height:unset;height:100dvh}dialog.twentyone-dialog[data-position]:is(.is--active,:popover-open){translate:0 0}dialog.twentyone-dialog[data-position=center]:is(.is--active,:popover-open){translate:-50% -50%}div.twentyone-dialog{z-index:99;width:max-content;max-width:var(--twentyone--dialog--inline-max-width);box-shadow:var(--twentyone--shadow--small);overflow:visible}div.twentyone-dialog:not(.is--initialized){--button-width: var(--twentyone--button--tooltip-icon-only-width)}div.twentyone-dialog:not(.is--initialized)[data-position=top-start]{translate:0 calc(-1*var(--button-width) - 1em - 100%)}div.twentyone-dialog:not(.is--initialized)[data-position=top]{translate:calc(-50% + var(--button-width)/2) calc(-1*var(--button-width) - 1em - 100%)}div.twentyone-dialog:not(.is--initialized)[data-position=top-end]{translate:calc(-100% + var(--button-width)) calc(-1*var(--button-width) - 1em - 100%)}div.twentyone-dialog:not(.is--initialized)[data-position=right-start]{translate:calc(1em + var(--button-width)) calc(-1*var(--button-width))}div.twentyone-dialog:not(.is--initialized)[data-position=right]{translate:calc(1em + var(--button-width)) calc(-50% + var(--button-width)/2)}div.twentyone-dialog:not(.is--initialized)[data-position=right-end]{translate:calc(1em + var(--button-width)) -100%}div.twentyone-dialog:not(.is--initialized)[data-position=bottom-start]{translate:0 1em}div.twentyone-dialog:not(.is--initialized)[data-position=bottom-end]{translate:calc(-100% + var(--button-width)) 1em}div.twentyone-dialog:not(.is--initialized)[data-position=left-start]{translate:calc(-1em - 100%) calc(-1*var(--button-width))}div.twentyone-dialog:not(.is--initialized)[data-position=left]{translate:calc(-1em - 100%) calc(-50% + var(--button-width)/2)}div.twentyone-dialog:not(.is--initialized)[data-position=left-end]{translate:calc(-1em - 100%) -100%}}