@import "../default.css";

.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-resizable-handle {
	background-image: url("window.png");
}

.ui-dialog .ui-resizable-n,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-resizable-s {
	background-image: url("window_h.png");
}

.ui-dialog .ui-resizable-w,
.ui-dialog .ui-resizable-e {
	background-image: url("window_w.png");
}

.ui-dialog .ui-dialog-titlebar {
	background-position: 0px 0px;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: normal;

	top: 0px;
	left: 4px;
	right: 4px;
	height: 23px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	background-image: url("window_t.png");
	color: #fff;
	display: inline;
	padding: 1px;

	top: 3px;
	left: 3px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	background-image: url("window_c.png");

	top: 3px;
	width: 16px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
	background-position: top left;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
	display: none;
}

.ui-dialog .ui-dialog-content {
	background-color: #fff;
	margin: 23px 4px 6px 4px;
}

.ui-dialog .ui-dialog-buttonpane {
	margin: -7px 7px 7px 6px;
}

.ui-dialog .ui-resizable-n {
	top: 0px;
	left: 5px;
	right: 50px;
	height: 5px;
}

.ui-dialog .ui-resizable-e {
	top: 23px;
	right: 0px;
	width: 4px;
	bottom: 6px;
}

.ui-dialog .ui-resizable-s {
	bottom: 0px;
	left: 32px;
	right: 32px;
	height: 6px;
}

.ui-dialog .ui-resizable-w {
	top: 23px;
	left: 0px;
	width: 4px;
	bottom: 6px;
}

.ui-dialog .ui-resizable-se {
	width: 32px;
	height: 6px;
}

.ui-dialog .ui-resizable-sw {
	width: 32px;
	height: 6px;
}

.ui-dialog .ui-resizable-ne {
	width: 4px;
	height: 23px;
}

.ui-dialog .ui-resizable-nw {
	width: 4px;
	height: 23px;
}

@media (prefers-color-scheme: dark) {
	.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
		color: #000;
	}

	.ui-dialog .ui-dialog-content {
		background-color: #000;
	}

}