.dialog{border:var(--dialog-border-color, none);border-radius:var(--dialog-border-radius, 2px);box-shadow:var(--dialog-box-shadow, 0 2px 10px rgba(0, 0, 0, 0.1));width:100%;max-width:var(--dialog-default-width, 480px);background-color:var(--dialog-background-color, #fff);overflow:visible;padding:0;box-sizing:border-box;overflow:hidden}.dialog[open]{display:flex;align-items:stretch;justify-content:stretch}.dialog::backdrop{background-color:var(--dialog-backdrop-color, rgba(0, 0, 0, 0.7))}.dialog__content{overflow:auto;flex-grow:1;height:auto;height:calc-size(-webkit-fit-content,size);height:calc-size(-moz-fit-content,size);height:calc-size(fit-content,size);max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);transition:display var(--dialog-transition-duration, 0.4s) allow-discrete, opacity var(--dialog-transition-duration, 0.4s) ease-in-out}@starting-style{.dialog__content{opacity:1}}.dialog__content:empty{opacity:0}.dialog__error{padding:var(--dialog-error-padding, 20px)}.dialog__close{position:absolute;z-index:10;width:var(--dialog-close-size, 16px);height:var(--dialog-close-size, 16px);margin:var(--dialog-close-margin, 20px);top:0;right:0;-webkit-appearance:none;appearance:none;background:none;padding:0;border:none;cursor:pointer}.dialog__close:focus-visible{outline:2px solid var(--dialog-close-focus-color, #000);outline-offset:2px}.dialog__close svg{display:block;stroke:var(--dialog-close-stroke, #000);width:100%;height:100%;stroke-width:var(--dialog-close-stroke-width, 5px);cursor:pointer}.dialog__close--outside{left:100%;bottom:100%;right:auto}.dialog__close--outside svg{stroke:var(--dialog-close-stroke-light, #fff)}.dialog__close--outside:focus-visible{outline:2px solid var(--dialog-close-focus-color-light, #fff)}.dialog:has(.dialog__close--outside){overflow:visible}@supports(position-area: top right){.dialog:has(.dialog__close--outside){anchor-scope:all;anchor-name:--dialog;overflow:hidden}}@supports(position-area: top right){.dialog__close--outside{position:fixed;position-anchor:--dialog;inset-area:top right;position-area:top right;margin:6px;left:auto;top:auto;right:auto;bottom:auto}}.dialog__loader{z-index:1;display:none;width:24px;height:24px;align-items:center;justify-content:center;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:display .4s allow-discrete, opacity .4s ease-in-out}@starting-style{.dialog__loader{opacity:0}}.dialog--loading .dialog__loader{display:inline-flex;opacity:1}.dialog--wide{max-width:var(--dialog-wide-width, 620px)}.dialog--extra-wide{max-width:var(--dialog-extra-wide-width, 850px)}.dialog--takeover{max-width:none;max-height:none;height:100vh;height:100dvh;width:100%}.dialog--takeover[open]{display:flex}.dialog--takeover::backdrop{background-color:var(--dialog-background-color, #fff)}.dialog--takeover .dialog__close--outside{margin:var(--dialog-close-margin, 20px)}.dialog--takeover .dialog__close--outside svg{stroke:var(--dialog-close-stroke, #000)}.dialog--takeover .dialog__close--outside:focus-visible{outline:2px solid var(--dialog-close-focus-color, #000)}.dialog--takeover .dialog__content{height:auto;max-height:none}.dialog--sidebar{margin-right:0;height:100vh;height:100dvh;border-radius:0px;max-height:none;width:100%}.dialog--sidebar .dialog__close--outside{top:0;right:100%;bottom:auto;left:auto}@supports(position-area: top left){.dialog--sidebar .dialog__close--outside{inset-area:top left;position-area:top left;margin-bottom:-42px;margin-right:20px;left:auto;top:auto;right:auto}}.dialog--sidebar .dialog__content{height:auto;max-height:none}.dialog-transition--fade,.dialog-transition--fade::backdrop{transition:visibility var(--dialog-transition-duration, 0.4s) allow-discrete, display var(--dialog-transition-duration, 0.4s) allow-discrete, overlay var(--dialog-transition-duration, 0.4s) allow-discrete, opacity var(--dialog-transition-duration, 0.4s) ease-in-out;opacity:0}.dialog-transition--fade[open],.dialog-transition--fade[open]::backdrop{opacity:1}@starting-style{.dialog-transition--fade[open],.dialog-transition--fade[open]::backdrop{opacity:0}}.dialog-transition--fade.dialog--cross::backdrop{opacity:1}@starting-style{.dialog-transition--fade.dialog--cross::backdrop{opacity:1}}
/*# sourceMappingURL=dialog.css.721a9.map */