.milestone-widget fieldset {
	margin-bottom: 1em;
}

.milestone-widget fieldset * {
	vertical-align: middle;
}

.jp-ms-data-time input[type="text"] {
	text-align: right;
	width: 3.2em;
}

.jp-ms-data-time .month {
	width: 5.4em;

}

.jp-ms-data-time .year[type="text"] {
	text-align: right;
	width: 4.5em;
}

.jp-ms-data-time .assistive-text,
.jp-ms-data-unit .assistive-text {
	position: absolute !important;
	clip-path: inset(50%);
}

@media screen and (max-width: 782px) {

	.jp-ms-data-time input[type="text"],
	.jp-ms-data-time .year[type="text"] {
		width: 2.8em;

	}

	.jp-ms-data-time .year[type="text"] {
		width: 4em;
	}
}

/* Fix styles of the Milestone block when it is displayed
 * as a part of the Legacy Widget block */
.wp-block-legacy-widget__edit-form .widget-inside .widget-content .jp-ms-data-time .month {
	display: inline-block;
	width: 6.5em;
	min-height: 34px;
}

.wp-block-legacy-widget__edit-form .widget-inside .widget-content .jp-ms-data-time input[type="text"] {
	display: inline-block;
	width: 3.2em;
}

.wp-block-legacy-widget__edit-form .widget-inside .widget-content .jp-ms-data-time .year[type="text"] {
	width: 4.5em;
}

.editor-styles-wrapper ul.milestone-type {
	list-style-type: none;
	padding-left: 0;
}
