.anysocket-ribbon-icon.offline {
	color: red;
}
.anysocket-files-history .item-path {
	font-size: var(--font-ui-medium);
}

.anysocket-files-history .item-metadata {
	font-size: var(--font-ui-smaller);
	padding: var(--size-4-1) var(--size-4-2) 0;
}

.anysocket-version-history {
	padding: 0;
	width: var(--modal-width);
	height: var(--modal-height);
	max-width: var(--modal-max-width);
	max-height: var(--modal-max-height);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
	.anysocket-version-history .modal-content {
		display: flex;
	}

		.anysocket-version-history .modal-content .history-list {
			padding: var(--size-4-2) var(--size-4-2) 0;
			display: flex;
			flex-direction: column;
			flex-basis: 250px;
			flex-shrink: 0;
			border-inline-end: 1px solid var(--background-modifier-border);
			background-color: var(--background-secondary);
		}

			.anysocket-version-history .modal-content .version-timestamp {
				padding: var(--size-4-2) var(--size-2-2) var(--size-4-2) var(--size-4-4);
				margin-bottom: var(--size-2-1);
				border-radius: var(--radius-s);
				font-size: var(--font-ui-medium);
				line-height: var(--line-height-tight);
				color: var(--nav-item-color);
				font-variant: tabular-nums;
			}

			.anysocket-version-history .modal-content .version-timestamp:hover {
				background-color: var(--nav-item-background-active);
				color: var(--nav-item-color-active);
			}

			.anysocket-version-history .modal-content .version-timestamp.active {
				background-color: var(--nav-item-background-active);
				color: var(--nav-item-color-active);
			}

		.anysocket-version-history .modal-content .version-container {
			background-color: var(--background-primary);
			padding: 0;
			height: auto;
			display: flex;
			flex-direction: column;
			width: "100%";
			flex: 1 1 auto;
		}

			.anysocket-version-history .modal-content .version-content {
				display: flex;
				flex-direction: column;
				flex-grow: 1;
				overflow: hidden;
				padding: 0;
			}

			.anysocket-version-history .modal-content .version-titlebar {
				display: flex;
				align-items: center;
				padding: var(--size-4-2) var(--size-4-4);
				border-bottom: 1px solid var(--background-modifier-border);
			}

			.anysocket-version-history .modal-content .version-filename {
				font-size: var(--font-ui-medium);
				font-weight: var(--file-header-font-weight);
				flex-grow: 1;
			}

			.anysocket-version-history .modal-content .version-actions {
				display: flex;
				align-items: center;
				gap: var(--size-4-1);
				padding-inline-end: var(--size-4-8);
			}