style.css

/* Overview Page */

.overview_Container {
	display: flex;
	flex: 1;
	flex-direction: column;
	height: 100%;
}

.overview_Container > button:last-of-type {
	margin: 18px 0px;
}

.lastOptimizeStatus_Table>li {
	display: flex !important;
	flex: 1;
	justify-content: space-between;
	align-items: center;
}

.lastOptimizeStatus_Row>div {
	display: flex !important;
	flex: 1;
	align-items: center;
}

.lastOptimizeStatus_Header_Row, .lastOptimizeStatus_Header_Row>div {
	height: 68px !important;
}

.lastOptimizeStatus_Text {
	padding: 20px;
}

.lastOptimizeStatus_TextWithIcon {
	padding: 10px;
}

.lastOptimizeStatus_TextAlignRight {
	margin-left: auto;
	padding: 20px;
}

.lastOptimizeStatus_Rescan_Button {
	margin-right: 20px;
}

.lastOptimizeStatus_CompressedImages_Button>div {
	padding-right: 20px;
	margin-left: auto;
}

.lastOptimizeStatus_Button {
	margin-right: 15px;
	margin-left: auto;
}

.success-count-svg {
	margin-left: 20px
}

.error-count-svg {
	height: 18px;
	width: 18px;
	margin-left: 20px
}

.error-count-svg path {
	fill: #ef4e65;
}

/* File List Viewer Table */

.fileListViewer_Column_Selected {
	flex: 0 0 16px;
	margin-right: 31px;
	margin-left: 20px;
	align-self: center;
	text-align: center;
}

.fileListViewer_Column_Compressed_Size, .fileListViewer_Column_Original_Size {
	align-self: center;
	text-align: right;
}

.fileListViewer_Column_Original_Size {
	min-width: 70px;
	margin-left: 30px;
	white-space: nowrap;
}

.fileListViewer_Column_Compressed_Size {
	min-width: 90px;
	margin-right: 20px;
	margin-left: 30px;
	word-break: break-all;
	padding-top: 6px;
	padding-bottom: 6px;
}

.fileListViewer_Column_File_Name {
	flex: 1 1 300px;
	align-self: center;
	min-width: 0;
}

.warning-svg svg path {
	fill: #ef4e65;
}

.modal-warning-svg path {
	fill: #ef4e65;
}

.modal-warning-svg {
	height: 58px;
	padding-bottom: 10px;
}

.modal-warning-text {
	padding-bottom: 50px;
	padding-right: 50px;
	padding-left: 50px;
}

.fileList_Modal_Warning_Button {
	margin-top: 20px !important;
	padding-top: 0;
}

.spinner-svg {
	margin: 0 auto !important;
	width: 10px !important;
	text-align: center;
}

.spinner-svg svg path {
	fill: #c7c4c4 !important;
}

.fileList_File_Name_Row {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	direction: rtl;
	text-align: left;
}

.fileList_File_Name_Header {
	min-height: 37px;
	display: flex;
	align-items: center;
	word-break: break-word;
	padding-top: 4px;
	padding-bottom: 4px;
}

.colFileSize_Error_Text {
	color: #ef4e65;
}

/* File List View Header */

.fileView_Header {
	margin: 20px;
	display: flex;
}

.fileView_Header_Text {
	padding-top: 10px;
	padding-bottom: 10px;
}

.fileView_Button_Optimization {
	margin-left: auto;
}

.caret-svg {
	transform: scaleX(-1);
	margin-bottom: 1px !important;
}

.fileView_Header_Back_Button {
	padding-left: 0 !important;
}

/* File List View Modal */

.fileList_Modal_Text {
	padding-top: 24px;
	padding-bottom: 20px;
}

.fileList_Modal_Settings_Button {
	margin-top: 0 !important;
	padding-top: 0;
	padding-left: 5px;
}

/* Preferences */

.preferences_FlexColumn {
	display: flex;
	flex-direction: column;
}

.preferences_FlexRow {
	display: flex;
	flex-direction: row;
}

.preferences_AlignItems_Center {
	align-items: center;
}

.preferences_MarginLeft_16px {
	margin: 0 0 0 16px;
}

.preferences_MarginBottom_20px {
	margin: 0 0 20px 0;
}

.preferences_PaddingBottom_11px {
	padding: 0 0 11px 0;
}

.SiteInfoMenuItem {
	display: flex;
	align-items: center;
}

.SiteInfoMenuItem_Badge {
	width: fit-content;
	height: fit-content;
	padding: 5px;
	font-size: 1.1rem;
	line-height: normal;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.22px;
	background: #c7c4c4;
	border-radius: 2px; }
.Theme__Dark .Theme__Light .Badge {
	background: #c7c4c4; }
.Theme__Dark .Badge .Theme__Light {
	background: #c7c4c4; }
.Theme__Dark .Badge {
	background: #5d5e5e; }
.Theme__Light .Theme__Dark .Badge {
	background: #5d5e5e; }
.Theme__Light .Badge .Theme__Dark {
	background: #5d5e5e; }