.contentItemList {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
	gap: 16px !important;
	align-items: stretch !important;
}

.contentItemList > .contentItem {
	display: flex !important;
	flex-direction: column !important;
	position: relative !important;
	min-width: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	background: var(--wcfContentContainerBackground, #fff) !important;
	border: 1px solid var(--wcfContentBorder, #e4e4e4) !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

.contentItemList > .contentItemAd {
	grid-column: 1 / -1 !important;
}

.contentItemList .contentItemLink {
	display: flex !important;
	flex-direction: column !important;
	min-height: 0 !important;
	color: inherit !important;
	text-decoration: none !important;
}

.contentItemList .contentItemImage {
	height: 150px !important;
	overflow: hidden !important;
	background: #d7e2ea !important;
}

.contentItemList .articleDateBox {
	position: absolute !important;
	top: 6px !important;
	left: 6px !important;
	z-index: 3 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 56px !important;
	height: 56px !important;
	margin: 0 !important;
	padding: 8px 2px 4px !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	border: 4px solid transparent !important;
	border-radius: 14px !important;
	background:
		linear-gradient(180deg, #4eb6f0 0%, #1b82d6 100%) padding-box,
		linear-gradient(180deg, #8ad8fb 0%, #1676cc 100%) border-box !important;
	background-clip: padding-box, border-box !important;
	box-shadow: 0 8px 16px rgba(16, 78, 140, 0.35) !important;
	color: #fff !important;
	text-align: center !important;
	line-height: 1 !important;
}

.contentItemList .articleDateBox::before,
.contentItemList .articleDateBox::after {
	content: "" !important;
	position: absolute !important;
	top: -4px !important;
	width: 6px !important;
	height: 11px !important;
	box-sizing: border-box !important;
	border: 0 !important;
	border-radius: 4px !important;
	background: #2e2e2e !important;
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2) !important;
}

.contentItemList .articleDateBox::before {
	left: 13px !important;
}

.contentItemList .articleDateBox::after {
	right: 13px !important;
}

.contentItemList .articleListMonth {
	order: 1 !important;
	margin: 0 !important;
	color: #fff !important;
	font-size: 9px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
}

.contentItemList .articleListDate {
	order: 2 !important;
	margin: 2px 0 0 !important;
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	letter-spacing: -0.04em !important;
	line-height: 0.9 !important;
}

.contentItemList .articleListYear {
	display: none !important;
}

.contentItemList .contentItemImageElement,
.contentItemList .contentItemImage img {
	display: block !important;
	width: 100% !important;
	height: 150px !important;
	object-fit: cover !important;
}

.contentItemList .contentItemContent {
	padding: 12px 14px 6px !important;
}

.contentItemList .contentItemTitle {
	margin: 0 0 6px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
}

.contentItemList .contentItemDescription {
	display: -webkit-box !important;
	overflow: hidden !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 3 !important;
	color: var(--wcfContentDimmedText, #666) !important;
	font-size: 14px !important;
	line-height: 1.45 !important;
}

.contentItemList .contentItemMeta {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-top: auto !important;
	padding: 10px 14px 12px !important;
	border-top: 1px solid var(--wcfContentBorderInner, #eee) !important;
}

.contentItemList .contentItemMetaImage img,
.contentItemList .contentItemMetaImage .userAvatarImage {
	width: 32px !important;
	height: 32px !important;
	border-radius: 50% !important;
}

.section:has(> .contentItemList) {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.section:has(> .contentItemList) + .contentFooter {
	display: flex !important;
	justify-content: flex-end !important;
	align-items: center !important;
	gap: 12px !important;
	clear: both !important;
	position: relative !important;
	z-index: 1 !important;
	margin-top: 28px !important;
	margin-bottom: 0 !important;
}

.section:has(> .contentItemList) + .contentFooter > .paginationBottom,
.section:has(> .contentItemList) + .contentFooter > .contentFooterNavigation {
	flex: 0 0 auto !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
}

.conversationList .tabularList > .tabularListRow,
.conversationList.containerList > li,
ol.conversationList > li {
	display: block !important;
	margin: 0 0 12px !important;
	padding: 12px 14px !important;
	background: var(--wcfContentContainerBackground, #fff) !important;
	border: 1px solid var(--wcfContentBorder, #e4e4e4) !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

.wcfImageViewer {
	background-color: rgba(0, 0, 0, 0.94) !important;
	transition: opacity 0.24s ease !important;
}

.wcfImageViewer > header,
.wcfImageViewer > footer {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.45), transparent) !important;
}

.popover {
	border-radius: 12px !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16) !important;
}

.popoverContent {
	border-radius: 12px !important;
	padding: 16px !important;
}

.messageShare {
	overflow: hidden !important;
	border: 1px solid var(--wcfContentBorder, #e4e4e4) !important;
	border-radius: 12px !important;
}

.recentActivityList .containerContent img,
.recentActivityList .htmlContent img {
	float: right !important;
	width: 120px !important;
	max-width: 40% !important;
	height: 84px !important;
	margin: 0 0 8px 12px !important;
	object-fit: cover !important;
	border-radius: 8px !important;
}

html.blick62Ready #systemNotification {
	display: none !important;
}

.blick62Toasts {
	position: fixed;
	z-index: 100000;
	left: 16px;
	bottom: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: min(360px, calc(100vw - 32px));
	pointer-events: none;
}

.blick62Toast {
	padding: 12px 14px;
	border-radius: 10px;
	background: #1c1c1c;
	color: #f5f5f5;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
	font-size: 14px;
	line-height: 1.4;
	pointer-events: auto;
	cursor: pointer;
	animation: blick62In 0.24s ease;
}

.blick62Toast.success {
	border-left: 4px solid #1f9a24;
}

.blick62Toast.error,
.blick62Toast.warning {
	border-left: 4px solid #c0392b;
}

.blick62ToastOut {
	animation: blick62Out 0.2s ease forwards;
}

@keyframes blick62In {
	from {
		opacity: 0;
		transform: translateY(12px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes blick62Out {
	to {
		opacity: 0;
		transform: translateY(8px);
	}
}