:export{xs:375px;sm:430px;md:740px;lg:1000px;xl:1300px;xxl:1900px}:export{xs:(min-width: 375px);sm:(min-width: 430px);md:(min-width: 740px);lg:(min-width: 1000px);xl:(min-width: 1300px);xxl:(min-width: 1900px)}.dialog{--dialog-panel-bg: #ffffff;--dialog-overlay-bg: rgba(0, 0, 0, .5);--dialog-shadow: 0 20px 50px rgba(0, 0, 0, .25);--dialog-radius: 0;--dialog-duration: .22s;--dialog-ease: cubic-bezier(.2, .7, .2, 1);--dialog-closed-transform: scale(.9);--dialog-open-transform: scale(1);--dialog-closed-opacity: 0;--dialog-open-opacity: 1;transform:var(--dialog-closed-transform);transform-origin:center;opacity:var(--dialog-closed-opacity);z-index:100;transition:var(--dialog-duration) allow-discrete;transition-property:display,overlay,transform,opacity;margin:auto;border:0;background:transparent;padding:0;max-inline-size:none;max-block-size:none;overflow:hidden}.dialog::backdrop{opacity:0;transition:var(--dialog-duration) allow-discrete;transition-property:display,overlay,opacity;cursor:pointer;background:var(--dialog-overlay-bg)}.dialog[open]{transform:var(--dialog-open-transform);opacity:var(--dialog-open-opacity)}.dialog[open]::backdrop{opacity:1}.dialog .dialog__close-form{display:contents}.dialog .dialog__panel{position:relative;box-shadow:var(--dialog-shadow);background:var(--dialog-panel-bg);inline-size:-moz-max-content;inline-size:max-content;max-inline-size:100vw;max-block-size:100dvh;overflow:auto}.dialog .dialog__close{display:inline-flex;position:absolute;top:8px;right:8px;justify-content:center;align-items:center;cursor:pointer;border:0;border-radius:999px;background:transparent;inline-size:32px;block-size:32px;color:inherit;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dialog .dialog__close:focus-visible{outline:2px solid #4caf50;outline-offset:0}.dialog .dialog__close:focus:not(:focus-visible){outline:none}.dialog .dialog__close svg{width:20px;height:20px}.dialog .dialog__content{box-sizing:border-box;padding:16px;max-inline-size:100vw}@starting-style{.dialog[open]{transform:var(--dialog-closed-transform);opacity:var(--dialog-closed-opacity)}.dialog[open]::backdrop{opacity:0}}.dialog--right{--dialog-closed-transform: translateX(100%);--dialog-open-transform: translateX(0);--dialog-closed-opacity: 1;--dialog-open-opacity: 1;position:fixed;top:0;right:0;left:auto;transform-origin:center right;margin:0;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:100vw;block-size:100dvh;max-block-size:100dvh}.dialog--right .dialog__panel{inline-size:-moz-max-content;inline-size:max-content;max-inline-size:100vw;block-size:100%;max-block-size:none}.dialog--right .dialog__content{padding:0;block-size:100%}.dialog--left{--dialog-closed-transform: translateX(-100%);--dialog-open-transform: translateX(0);--dialog-closed-opacity: 1;--dialog-open-opacity: 1;position:fixed;top:0;right:auto;left:0;transform-origin:center left;margin:0;inline-size:-moz-max-content;inline-size:max-content;max-inline-size:100vw;block-size:100dvh;max-block-size:100dvh}.dialog--left .dialog__panel{inline-size:-moz-max-content;inline-size:max-content;max-inline-size:100vw;block-size:100%;max-block-size:none}.dialog--left .dialog__content{padding:0;block-size:100%}.dialog--left.dialog--mobile-fullscreen,.dialog--left.dialog--mobile-fullscreen .dialog__panel{inline-size:100vw;max-inline-size:100vw}@media(min-width:1000px){.dialog--left.dialog--mobile-fullscreen,.dialog--left.dialog--mobile-fullscreen .dialog__panel{inline-size:-moz-max-content;inline-size:max-content;max-inline-size:100vw}}.dialog--top{--dialog-closed-transform: translateY(-32px);--dialog-open-transform: translateY(0);transform-origin:top center;margin:16px auto auto}.dialog--top .dialog__panel{border-radius:var(--dialog-radius);max-block-size:85dvh}.dialog--bottom{--dialog-closed-transform: translateY(32px);--dialog-open-transform: translateY(0);transform-origin:bottom center;margin:auto auto 16px}.dialog--bottom .dialog__panel{border-radius:var(--dialog-radius);max-block-size:85dvh}.dialog--fade{margin:auto}.dialog--fade .dialog__panel{border-radius:var(--dialog-radius);max-block-size:85dvh}.dialog--size-small{margin:auto;inline-size:calc(100vw - 32px);max-inline-size:440px}.dialog--size-small .dialog__panel{inline-size:100%;max-inline-size:100%}.dialog--size-small .dialog__content{padding:20px}@media(prefers-reduced-motion:reduce){.dialog,.dialog::backdrop{animation-duration:0ms;transition-duration:0ms}}body:has(dialog.dialog[open]){overflow:hidden}
