@layer components{.display-dialog{--_backdrop-blur:var(--display-dialog-backdrop-blur,blur(.5rem));--_backdrop-background:var(--display-dialog-backdrop-background,rgba(0,0,0,.5));--_z-index:var(--display-dialog-z-index,999999);--_transition-duration:var(--display-dialog-transition-duration,.2s);--_inner-border-radius:var(--display-dialog-inner-border-radius,.8rem);--_inner-border:var(--display-dialog-inner-border,.1rem solid light-dark(var(--slate-10),var(--slate-02)));--_inner-outline:var(--display-dialog-inner-outline,.1rem solid light-dark(var(--slate-10),var(--slate-00)));--_inner-background:var(--display-dialog-inner-background,light-dark(var(--slate-00),var(--slate-10)));--_header-padding:var(--display-dialog-header-padding,1.2rem);--_header-button-margin:var(--display-dialog-header-button-margin,0);--_header-button-padding:var(--display-dialog-header-button-padding,.4rem);--_header-button-border:var(--display-dialog-header-button-border,.1rem solid transparent);--_header-button-border-radius:var(--display-dialog-header-button-border-radius,.4rem);--_header-button-outline:var(--display-dialog-header-button-outline,.1rem solid transparent);--_header-button-border-hover:var( --display-dialog-header-button-border-hover,.1rem solid light-dark(var(--slate-08),var(--slate-04)) );--_header-button-outline-hover:var( --display-dialog-header-button-outline-hover,.1rem solid light-dark(var(--slate-08),var(--slate-04)) );--_header-button-icon-color:var( --display-dialog-header-button-icon-color,light-dark(var(--slate-09),var(--slate-02)) );--_header-button-icon-size:var(--display-dialog-header-button-icon-size,2.4rem);--_content-padding:var(--display-dialog-content-padding,1.2rem);--_footer-gap:var(--display-dialog-footer-gap,1.2rem);--_footer-padding:var(--display-dialog-footer-padding,1.2rem);position:fixed;left:0;top:0;width:100%;height:100%;-webkit-backdrop-filter:var(--_backdrop-blur);backdrop-filter:var(--_backdrop-blur);background-color:var(--_backdrop-background);z-index:var(--_z-index);opacity:0;border:none;padding:0;display:none;transition:opacity var(--_transition-duration),display var(--_transition-duration),overlay var(--_transition-duration);transition-behavior:allow-discrete}.display-dialog[open]{display:flex;opacity:1}@starting-style{.display-dialog[open]{display:flex;opacity:0}}.display-dialog[justify-dialog=start]{justify-content:flex-start}.display-dialog[justify-dialog=center]{justify-content:center}.display-dialog[justify-dialog=end]{justify-content:flex-end}.display-dialog[align-dialog=start]{align-items:flex-start}.display-dialog[align-dialog=center]{align-items:center}.display-dialog[align-dialog=end]{align-items:flex-end}.display-dialog .display-dialog-inner{display:grid;grid-template-rows:auto 1fr auto;border-radius:var(--_inner-border-radius);border:var(--_inner-border);outline:var(--_inner-outline);background-color:var(--_inner-background);height:auto;width:100vw;overflow:hidden}.display-dialog .display-dialog-inner.alert,.display-dialog .display-dialog-inner.confirm{width:min(90%,48rem)}.display-dialog .display-dialog-inner.dialog{height:70dvh;width:min(75%,72rem)}.display-dialog .display-dialog-inner.fullscreen{--_inner-border-radius:0;--_inner-border:none;--_inner-outline:none;width:100%;height:100%}.display-dialog .display-dialog-inner.modal{width:auto}.display-dialog .display-dialog-inner .display-dialog-header{display:flex;align-items:center;padding:var(--_header-padding)}.display-dialog .display-dialog-inner .display-dialog-header[data-theme]{border-block-end:.2rem solid var(--theme-accent)}.display-dialog .display-dialog-inner .display-dialog-header[data-theme] .display-dialog-close .icon{color:var(--theme-accent)}.display-dialog .display-dialog-inner .display-dialog-header .display-dialog-col-left{flex:1}.display-dialog .display-dialog-inner .display-dialog-header .display-dialog-col-right{margin-inline-start:auto}.display-dialog .display-dialog-inner .display-dialog-header .display-dialog-col-right .display-dialog-close{background-color:transparent;display:flex;align-items:center;justify-content:center;margin:var(--_header-button-margin);padding:var(--_header-button-padding);border:var(--_header-button-border);border-radius:var(--_header-button-border-radius);outline:var(--_header-button-outline);transition:border-color var(--_transition-duration),outline-color var(--_transition-duration)}.display-dialog .display-dialog-inner .display-dialog-header .display-dialog-col-right .display-dialog-close:focus-visible,.display-dialog .display-dialog-inner .display-dialog-header .display-dialog-col-right .display-dialog-close:hover{cursor:pointer;border:var(--_header-button-border-hover);outline:var(--_header-button-outline-hover)}.display-dialog .display-dialog-inner .display-dialog-header .display-dialog-col-right .display-dialog-close .icon{color:var(--_header-button-icon-color);display:block;font-size:var(--_header-button-icon-size)}.display-dialog .display-dialog-inner .display-dialog-content{overflow:hidden;padding:var(--_content-padding)}.display-dialog .display-dialog-inner .display-dialog-content.allow-content-scroll{overflow-y:auto}.display-dialog .display-dialog-inner .display-dialog-content.allow-content-scroll::-webkit-scrollbar{display:none}.display-dialog .display-dialog-inner .display-dialog-footer{display:flex;gap:var(--_footer-gap);justify-content:flex-end;padding:var(--_footer-padding)}}