/* Shared close control for project, card, paper and signage dialogs. */
#project-dialog > .dialog-close,
.material-library #material-dialog .dialog-top > #close-dialog {
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;
 padding:0;border:0;border-radius:50%;background:#123e6a;color:#fff;
 font-family:Arial,sans-serif;font-size:0;line-height:1;cursor:pointer;
 box-shadow:none;position:relative;isolation:isolate;
}
#project-dialog > .dialog-close {position:sticky;top:18px;float:right;margin:18px 18px -62px 0;z-index:5}
.material-library #material-dialog .dialog-top{position:sticky;top:0;z-index:6;background:#f8fafc;gap:16px}
#project-dialog > .dialog-close span,
.material-library #material-dialog #close-dialog span{font-size:0}
#project-dialog > .dialog-close::before,#project-dialog > .dialog-close::after,
.material-library #material-dialog #close-dialog::before,
.material-library #material-dialog #close-dialog::after {
 content:'';position:absolute;left:50%;top:50%;width:18px;height:2px;
 background:currentColor;border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);
}
#project-dialog > .dialog-close::after,
.material-library #material-dialog #close-dialog::after{transform:translate(-50%,-50%) rotate(-45deg)}
#project-dialog > .dialog-close:hover,
.material-library #material-dialog #close-dialog:hover{background:#285f90}
#project-dialog > .dialog-close:focus-visible,
.material-library #material-dialog #close-dialog:focus-visible{outline:3px solid #285f90;outline-offset:4px}