.kol-retro-login .kol-holiday-time-panel {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(190px, 0.62fr) minmax(0, 1.38fr);
	gap: 10px;
	align-items: stretch;
	margin: 0;
	padding: 9px 10px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.76), rgba(234, 238, 243, 0.88));
	border: 0;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(55, 65, 81, 0.07);
	box-sizing: border-box;
	color: #24322a;
	font-family: Verdana, Geneva, sans-serif;
}

.kol-retro-login .kol-holiday-time-panel__today,
.kol-retro-login .kol-holiday-time-panel__upcoming {
	min-width: 0;
}

.kol-retro-login .kol-holiday-time-panel__upcoming {
	padding-left: 10px;
}

.kol-retro-login .kol-holiday-time-panel__eyebrow {
	display: block;
	margin-bottom: 3px;
	color: #4f6656;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.kol-retro-login .kol-holiday-time-panel__date {
	display: block;
	overflow: hidden;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.kol-retro-login .kol-holiday-time-panel__clock {
	display: block;
	margin-top: 2px;
	color: #46604d;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

.kol-retro-login .kol-holiday-time-panel__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kol-retro-login .kol-holiday-time-panel__list li {
	min-width: 0;
	margin: 0;
	padding: 0 5px;
	font-size: 14px;
	line-height: 1.25;
}

.kol-retro-login .kol-holiday-time-panel__list time {
	display: block;
	margin-bottom: 1px;
	color: #36751f;
	font-weight: 900;
	white-space: nowrap;
}

.kol-retro-login .kol-holiday-time-panel__list li span {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.kol-retro-login .kol-holiday-time-panel__list .kol-holiday-time-panel__loading {
	grid-column: 1 / -1;
	padding: 4px 6px;
	color: #526257;
	font-style: italic;
}

html.dark-mode .kol-retro-login .kol-holiday-time-panel,
html[data-theme="dark"] .kol-retro-login .kol-holiday-time-panel {
	background: linear-gradient(135deg, rgba(48, 55, 59, 0.88), rgba(25, 30, 33, 0.94));
	border: 0;
	color: #edf5ed;
}

html.dark-mode .kol-retro-login .kol-holiday-time-panel__eyebrow,
html.dark-mode .kol-retro-login .kol-holiday-time-panel__clock,
html[data-theme="dark"] .kol-retro-login .kol-holiday-time-panel__eyebrow,
html[data-theme="dark"] .kol-retro-login .kol-holiday-time-panel__clock {
	color: #b9cabd;
}

html.dark-mode .kol-retro-login .kol-holiday-time-panel__list time,
html[data-theme="dark"] .kol-retro-login .kol-holiday-time-panel__list time {
	color: #8de548;
}

html.dark-mode .kol-retro-login .kol-holiday-time-panel__list .kol-holiday-time-panel__loading,
html[data-theme="dark"] .kol-retro-login .kol-holiday-time-panel__list .kol-holiday-time-panel__loading {
	color: #adbbaf;
}

@media (max-width: 900px) {
	.kol-retro-login .kol-holiday-time-panel {
		grid-template-columns: minmax(105px, 0.6fr) minmax(0, 1.4fr);
		gap: 8px;
		padding: 9px;
		text-align: left;
	}

	.kol-retro-login .kol-holiday-time-panel__upcoming {
		padding-left: 8px;
	}

	.kol-retro-login .kol-holiday-time-panel__eyebrow {
		font-size: 14px;
		letter-spacing: 0.06em;
	}

	.kol-retro-login .kol-holiday-time-panel__date {
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
		font-size: 14px;
	}

	.kol-retro-login .kol-holiday-time-panel__clock {
		font-size: 14px;
	}

	.kol-retro-login .kol-holiday-time-panel__list {
		gap: 3px;
	}

	.kol-retro-login .kol-holiday-time-panel__list li {
		padding-left: 4px;
		padding-right: 2px;
		font-size: 14px;
	}
}

@media (max-width: 380px) {
	.kol-retro-login .kol-holiday-time-panel {
		grid-template-columns: 92px minmax(0, 1fr);
		gap: 6px;
	}

	.kol-retro-login .kol-holiday-time-panel__upcoming {
		padding-left: 6px;
	}

	.kol-retro-login .kol-holiday-time-panel__clock {
		white-space: nowrap;
	}
}

@media (max-width: 600px) {
	.kol-retro-login .kol-holiday-time-panel {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
		padding: 10px 11px;
		border-radius: 12px;
		box-shadow: 3px 4px 9px rgba(55, 65, 81, 0.08), -2px -2px 6px rgba(255, 255, 255, 0.66), inset 1px 1px 1px rgba(255, 255, 255, 0.84);
	}

	.kol-retro-login .kol-holiday-time-panel__today {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		column-gap: 9px;
		row-gap: 2px;
	}

	.kol-retro-login .kol-holiday-time-panel__today .kol-holiday-time-panel__eyebrow {
		flex: 0 0 100%;
	}

	.kol-retro-login .kol-holiday-time-panel__upcoming {
		padding: 8px 0 0;
		box-shadow: inset 0 1px 0 rgba(107, 114, 128, 0.13);
	}

	.kol-retro-login .kol-holiday-time-panel__eyebrow {
		margin-bottom: 2px;
		font-size: 14px;
		line-height: 1.15;
		letter-spacing: 0.035em;
	}

	.kol-retro-login .kol-holiday-time-panel__upcoming .kol-holiday-time-panel__eyebrow {
		white-space: nowrap;
	}

	.kol-retro-login .kol-holiday-time-panel__date,
	.kol-retro-login .kol-holiday-time-panel__clock {
		font-size: 14px;
		line-height: 1.2;
		white-space: nowrap;
	}

	.kol-retro-login .kol-holiday-time-panel__clock {
		margin-top: 0;
	}

	.kol-retro-login .kol-holiday-time-panel__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
	}

	.kol-retro-login .kol-holiday-time-panel__list li {
		padding: 0;
		font-size: 14px;
		line-height: 1.22;
	}

	html.dark-mode .kol-retro-login .kol-holiday-time-panel,
	html[data-theme="dark"] .kol-retro-login .kol-holiday-time-panel {
		box-shadow: 3px 4px 9px rgba(0, 0, 0, 0.28), -2px -2px 6px rgba(255, 255, 255, 0.035), inset 1px 1px 1px rgba(255, 255, 255, 0.05);
	}

	html.dark-mode .kol-retro-login .kol-holiday-time-panel__upcoming,
	html[data-theme="dark"] .kol-retro-login .kol-holiday-time-panel__upcoming {
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	}
}