@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=SUSE:wght@100..800&display=swap');

.tick {
	font-family: arial, sans-serif;
	white-space: nowrap;
	font-size: unset !important;
}

.tick [data-layout="horizontal fit"] {
	font-size: unset !important;
}

.tick-flip {
	font-size: 30px;
}

.tick-label {
	margin-top: 1em;
	font-size: 1em;
}

.tick-char {
	width: 1.5em;
}

.tick-text-inline {
	min-width: 1em;
	display: inline-block;
	text-align: center;
}

.tick-text-inline+.tick-text-inline {
	margin-left: -.325em;
}

.tick-group {
	margin: 0 .5em;
	text-align: center;
}

.tick-text-inline {
	color: var(--st_TextColor) !important;
}

.tick-label {
	color: var(--countdownText-color) !important;
	font-size: calc(var(--st_countdowncounter) + 2px);
}

.tick-flip-panel,
.tick-flip-panel-text-wrapper {
	color: var(--counter-color) !important;
}

.tick-flip-panel-text-wrapper {
	line-height: 1.45 !important;
}

.tick-flip-panel {
	background-color: var(--counter-background_color) !important;
}

.tick-flip {
	border-radius: 0.12em !important;
}

.tick-credits {
	display: none !important;
}

/*-_- -_- -_- Desktop -_- -_- -_- */
.st_Countdown {
	--banner-background_color: hsl(0deg 0% 0%);
	--st_TextColor: hsl(0, 0%, 100%);
	--banner-accent_color: hsl(0deg 100% 50%);
	--st_AccentColor2: hsl(0, 0%, 10%);
	--st_ClockBackgroundColor: hsl(0, 0%, 20%);
	--st_ClockTextColor: hsl(0, 0%, 100%);
	--st_RibbonHue: 0;
	--st_countdowntitle: 60px;
	--st_countdowncounter: 12px;
	--st_countdowncountertitle: 25px;
	--st_countdowndiscounttitle: 25px;
	--st_countdowndiscountcode: 18px;

	--banner-type: box;
	--banner-background_color: rgba(0, 0, 0, 1);
	--banner-accent_color: rgba(255, 0, 0, 1);
	--bannerLeftTitle-type: text;
	--bannerLeftTitle-font_size: 16px;
	--bannerLeftTitle-font_weight: 700;
	--bannerLeftTitle-color: rgba(255, 255, 255, 1);
	--countdownText-font_size: 15px;
	--countdownText-type: text;
	--countdownText-font_weight: 300;
	--countdownText-color: rgba(255, 255, 255, 1);
	--counter-type: box;
	--counter-color: rgba(255, 255, 255, 1);
	--counter-background_color: rgba(76, 76, 76, 1);
	--discountText-font_size: 14px;
	--discountText-type: text;
	--discountText-font_weight: 400;
	--discountText-color: rgba(255, 255, 255, 1);
	--discountCode-type: box;
	--discountCode-color: rgba(255, 255, 255, 1);
	--discountCode-background_color: rgba(76, 76, 76, 1);
	--discountCode-border_radius: 10px;
	container-type: inline-size;
	container-name: countdown;
	font-family: 'Roboto', serif;
}

[data-close="true"].st_Countdown {
	max-height: 0 !important;
	opacity: 0 !important;
}

.st_Countdown {
	position: relative;
	width: 100%;
	max-height: 1000px;
	background: var(--banner-background_color);
	overflow: hidden;
	transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
}

.st_Countdown a {
	text-decoration: none;
	color: var(--discountCode-color);
}

.st_Countdown-Widget-Container {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-block: 10px;
	align-items: center;
	transition: all 0.3s ease-in-out 0s;
	padding-inline: 50px;
}

.st_Countdown-Widget-Container::before {
	content: "";
	position: absolute;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	left: 50%;
	top: 50%;
	background: radial-gradient(ellipse at 50% -300%, var(--banner-accent_color), transparent 70%);
}

.st_Countdown-Close {
	position: absolute;
	transform: translate(-100%, -0%);
	transform-origin: center center;
	height: 14px;
	left: calc(100% - 17px);
	top: 17px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}

.st_Countdown-Close-Image {
	position: relative;
}


.st_Countdown-Widget {
	position: relative;
	display: flex;
	align-items: flex-end;
	max-height: 140px;
	transition: all 0.3s ease-in-out 0s;
}

.st_Countdown-Balloon {
	position: relative;
	animation: Balloons 2s ease-in-out 0s infinite forwards alternate;
}

.st_Countdown-Balloon-1,
.st_Countdown-Balloon-3 {
	margin-bottom: -17px;
	z-index: 2;
}

.st_Countdown-Balloon-2,
.st_Countdown-Balloon-4 {
	margin-left: -57px;
	z-index: 1;
}

.st_Countdown-Balloon-2 {
	animation-delay: -0.5s;
}

.st_Countdown-Balloon-3 {
	animation-delay: -1s;
}

.st_Countdown-Balloon-4 {
	animation-delay: -1.5s;
}

.st_Countdown-Balloon-Image {
	position: relative;
	height: 155px;
}

.st_Countdown-ImageTitle {
	position: relative;
	width: 265px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* background: hsla(0, 100%, 50%, 0.2); */
	transition: all 0.3s ease-in-out 0s;
}

.st_Countdown-ImageTitle-Image {
	position: absolute;
	transform: translateX(-50%) rotate(5deg);
	height: 350px;
	left: 50%;
	animation: Ribbon 3s ease-in-out 0s infinite forwards alternate;
}

.st_Countdown-ImageTitle-Title {
	position: relative;
	width: 100%;
	color: var(--bannerLeftTitle-color);
	font-family: Montserrat;
	font-weight: 700;
	font-style: normal;
	font-size: var(--st_countdowntitle);
	line-height: 47px;
	text-shadow:
		3px 0px 10px rgb(0 0 0 / 37%),
		-7px 5px 2px rgb(0 0 0 / 10%),
		0px 34px 30px rgb(0 0 0 / 10%);
	letter-spacing: 1.8px;
	text-align: center;
	animation: RibbonTitle 2.5s ease-in-out 0s infinite forwards alternate;
}

.st_Countdown-Counter {
	display: flex;
	/* background: hsla(0, 100%, 50%, 0.2); */
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	transition: all 0.3s ease-in-out 0s;
}

.st_Countdown-Counter-Title {
	position: relative;
	color: var(--countdownText-color);
	font-family: Montserrat;
	font-weight: 700;
	font-style: normal;
	font-size: var(--st_countdowncountertitle);
	line-height: 26px;
	/* 78.736% */
	letter-spacing: 1px;
	text-align: center;
}

.st_Countdown-Discount {
	position: relative;
	width: 330px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-in-out 0s;
}

.st_Countdown-Discount-Mobile {
	width: 100%;
	display: none;
}


.st_Countdown-Discount-Title {
	display: inline;
	color: var(--discountText-color);
	font-family: Montserrat;
	font-weight: 700;
	font-style: normal;
	font-size: var(--st_countdowndiscounttitle);
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
}

.st_Countdown-Discount-Title-Text {
	color: var(--banner-accent_color);
	font-weight: 700;
	display: inline;
}

.st_Countdown-Discount-Code {
	position: relative;
	border-radius: var(--discountCode-border_radius);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	padding: 10px;
	margin-top: 5px;
	background: var(--discountCode-background_color);
	color: var(--discountCode-color);
	font-family: Montserrat;
	font-weight: 700;
	font-style: normal;
	font-size: var(--st_countdowndiscountcode);
	line-height: 20px;
	letter-spacing: 1px;
	text-align: center;
}

.st_Countdown-Btn svg {
	width: 18px;
	height: 18px;
}


.st_Countdown-Btn {
	cursor: pointer;
	transition: all 0.3s ease-in-out 0s;
}

.st_Countdown-Btn:hover {
	scale: 1.03;
}

.st_Countdown-Btn:active {
	scale: 0.9;
	opacity: 0.3;
	transition: none;
}

.st_Countdown-Preview {
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
	padding-block: 10px;
}

.st_Countdown-Preview-Date {
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	width: 100%;
	display: block;
	padding-bottom: 10px;
}

@keyframes Balloons {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(20px);
	}
}

@keyframes Ribbon {
	0% {
		transform: translateX(-50%) rotate(5deg);
	}

	100% {
		transform: translateX(-50%) rotate(-5deg);
	}
}

@keyframes RibbonTitle {
	0% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(6px);
	}
}

/* Fallback media queries */
@media (max-width: 1280px) {
	.st_Countdown-Widget {
		display: none;
	}


	.st_Countdown-ImageTitle-Title {
		font-size: calc(var(--st_countdowntitle) - 10px);
		line-height: 40px;
	}

	.st_Countdown-Counter-Title {
		font-size: calc(var(--st_countdowncountertitle) - 5px);
	}

	.st_Countdown-Discount-Title {
		font-size: calc(var(--st_countdowndiscounttitle) - 5px);
	}

	.st_Countdown-Discount-Code {
		font-size: calc(var(--st_countdowndiscountcode) - 5px);
	}

	.tick-flip {
		font-size: 30px;
	}

	.tick-label {
		font-size: calc(var(--st_countdowncounter) + 2px);
	}
}

@media (max-width: 890px) {
	.st_Countdown-Discount-Desktop {
		display: none;
	}

	.st_Countdown {
		padding-bottom: 10px;
	}

	@keyframes RibbonTitle {
		0% {
			transform: translateY(0px);
		}

		50% {
			transform: translateY(-4px);
		}

		100% {
			transform: translateY(0px);
		}
	}

	.st_Countdown-Widget {
		display: flex;
	}


	.st_Countdown-Widget-Container {
		display: flex;
		justify-content: center;
		flex-direction: column;
		gap: 0px 30px;
		padding-block: 10px;
		padding-inline: 10px;
	}

	.st_Countdown-Widget {
		display: flex;
	}

	.st_Countdown-Widget-R {
		z-index: 0;
		top: 90%;
		right: 8%;
		transform: translate(50%, -50%);
		zoom: 0.8;
		position: absolute;
	}

	.st_Countdown-Widget-L {
		z-index: 0;
		top: 90%;
		left: 8%;
		transform: translate(-50%, -50%);
		zoom: 0.8;
		position: absolute;
	}

	.st_Countdown-Btn svg {
		min-width: 15px;
		min-height: 15px;
		width: 15px;
		height: 15px;
	}

	.st_Countdown-Balloon-2,
	.st_Countdown-Balloon-4 {
		margin-left: -75px;
	}



	.st_Countdown-ImageTitle-Title {
		width: fit-content;
		font-size: calc(var(--st_countdowntitle) - 32px);
		line-height: 30px;
		text-align: center;
	}

	.st_Countdown-Discount-Code {
		border-radius: 5px;
		padding: 5px;
		font-size: calc(var(--st_countdowndiscountcode) - 30%);
		line-height: 15px;
	}

	.st_Countdown-Counter-Title {
		font-weight: 700;
		font-style: normal;
		font-size: calc(var(--st_countdowncountertitle) - 10px);
		line-height: 15px;
	}

	.st_Countdown-Counter {
		gap: 8px;
	}

	.tick-flip {
		font-size: 27px;
	}

	.st_Countdown-ImageTitle {
		width: fit-content;
		height: fit-content;
		padding-block: 10px;
		padding-inline: 20px;
	}

	.st_Countdown-ImageTitle-Image {
		transform: translateX(-50%) rotate(5deg);
		height: 80px;
		left: 50%;
		margin-top: -15px;
		display: none;
	}

	.st_Countdown-Discount-Title {
		font-weight: 500;
		font-style: normal;
		font-size: 14px;
		line-height: 17px;
		/* 78.736% */
	}

	.st_Countdown-Discount-Box-Image {
		width: 43.292px;
	}

	.st_Countdown-Discount-Box-Ammount {
		font-weight: 400;
		font-style: normal;
		font-size: 13.625px;
		line-height: normal;
	}

	.st_Countdown-Discount-Mobile {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0px 10px;
		padding-inline: 45px;
		padding-bottom: 15px;
	}
}

@media (max-width: 560px) {
	.st_Countdown-Widget-R {
		z-index: 0;
		top: 110%;
		right: 5%;
		transform: translate(50%, -50%);
		zoom: 0.4;
		position: absolute;
	}

	.st_Countdown-Widget-L {
		z-index: 0;
		top: 110%;
		left: 5%;
		transform: translate(-50%, -50%);
		zoom: 0.4;
		position: absolute;
	}
}

@media (max-width: 425px) {
	.tick-flip {
		font-size: 20px;
	}

	.tick-label {
		font-size: calc(var(--st_countdowncounter) - 1px);
	}

	.st_Countdown-Close {
		transform: translate(-100%, -0%);
		left: calc(100% - 17px);
		top: 17px;
	}
}

/* Modern container queries - these will take priority */
@container (max-width: 1280px) {
	.st_Countdown-Widget {
		display: none;
	}


	.st_Countdown-ImageTitle-Title {
		font-size: calc(var(--st_countdowntitle) - 10px);
		line-height: 40px;
	}

	.st_Countdown-Counter-Title {
		font-size: calc(var(--st_countdowncountertitle) - 5px);
	}

	.st_Countdown-Discount-Title {
		font-size: calc(var(--st_countdowndiscounttitle) - 5px);
	}

	.st_Countdown-Discount-Code {
		font-size: calc(var(--st_countdowndiscountcode) - 5px);
	}

	.tick-flip {
		font-size: 30px;
	}

	.tick-label {
		font-size: calc(var(--st_countdowncounter) + 2px);
	}
}

@container (max-width: 890px) {
	.st_Countdown-Discount-Desktop {
		display: none;
	}

	.st_Countdown {
		padding-bottom: 10px;
	}

	@keyframes RibbonTitle {
		0% {
			transform: translateY(0px);
		}

		50% {
			transform: translateY(-4px);
		}

		100% {
			transform: translateY(0px);
		}
	}

	.st_Countdown-Widget {
		display: flex;
	}


	.st_Countdown-Widget-Container {
		display: flex;
		justify-content: center;
		flex-direction: column;
		gap: 0px 30px;
		padding-block: 10px;
		padding-inline: 10px;
	}

	.st_Countdown-Widget {
		display: flex;
	}

	.st_Countdown-Widget-R {
		z-index: 0;
		top: 90%;
		right: 8%;
		transform: translate(50%, -50%);
		zoom: 0.8;
		position: absolute;
	}

	.st_Countdown-Widget-L {
		z-index: 0;
		top: 90%;
		left: 8%;
		transform: translate(-50%, -50%);
		zoom: 0.8;
		position: absolute;
	}

	.st_Countdown-Btn svg {
		min-width: 15px;
		min-height: 15px;
		width: 15px;
		height: 15px;
	}

	.st_Countdown-Balloon-2,
	.st_Countdown-Balloon-4 {
		margin-left: -75px;
	}



	.st_Countdown-ImageTitle-Title {
		width: fit-content;
		font-size: calc(var(--st_countdowntitle) - 32px);
		line-height: 30px;
		text-align: center;
	}

	.st_Countdown-Discount-Code {
		border-radius: 5px;
		padding: 5px;
		font-size: calc(var(--st_countdowndiscountcode) - 30%);
		line-height: 15px;
	}

	.st_Countdown-Counter-Title {
		font-weight: 700;
		font-style: normal;
		font-size: calc(var(--st_countdowncountertitle) - 10px);
		line-height: 15px;
	}

	.st_Countdown-Counter {
		gap: 8px;
	}

	.tick-flip {
		font-size: 27px;
	}

	.st_Countdown-ImageTitle {
		width: fit-content;
		height: fit-content;
		padding-block: 10px;
		padding-inline: 20px;
	}

	.st_Countdown-ImageTitle-Image {
		transform: translateX(-50%) rotate(5deg);
		height: 80px;
		left: 50%;
		margin-top: -15px;
		display: none;
	}

	.st_Countdown-Discount-Title {
		font-weight: 500;
		font-style: normal;
		font-size: 14px;
		line-height: 17px;
		/* 78.736% */
	}

	.st_Countdown-Discount-Box-Image {
		width: 43.292px;
	}

	.st_Countdown-Discount-Box-Ammount {
		font-weight: 400;
		font-style: normal;
		font-size: 13.625px;
		line-height: normal;
	}

	.st_Countdown-Discount-Mobile {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0px 10px;
		padding-inline: 45px;
		padding-bottom: 15px;
	}
}

@container (max-width: 560px) {
	.st_Countdown-Widget-R {
		z-index: 0;
		top: 110%;
		right: 5%;
		transform: translate(50%, -50%);
		zoom: 0.4;
		position: absolute;
	}

	.st_Countdown-Widget-L {
		z-index: 0;
		top: 110%;
		left: 5%;
		transform: translate(-50%, -50%);
		zoom: 0.4;
		position: absolute;
	}
}

@container (max-width: 425px) {
	.tick-flip {
		font-size: 20px;
	}

	.tick-label {
		font-size: calc(var(--st_countdowncounter) - 1px);
	}

	.st_Countdown-Close {
		transform: translate(-100%, -0%);
		left: calc(100% - 17px);
		top: 17px;
	}
}



/* Compact Mode */

.st_Countdown-Widget-Container-comp * {
	font-family: Montserrat;
}

.st_Countdown-Widget-Container-comp {
	gap: 15px;
	padding-block: 15px;
	padding-inline: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 5px;
	z-index: 2;
}

.st_Countdown-Title-comp {
	font-size: 15px;
	color: var(--bannerLeftTitle-color);
	font-weight: 700;
	z-index: 2;
}

.st_Countdown-Counter-comp {
	font-size: 13px;
	font-weight: 400;
	color: var(--countdownText-color);
	display: flex;
	z-index: 2;
}

.st_Countdown-Widget-Container-comp::before {
	content: "";
	position: absolute;
	transform: translate(-50%, -50%);
	isolation: isolate;
	width: 100%;
	height: 100%;
	z-index: 1;
	aspect-ratio: 1;
	left: 50%;
	top: 50%;
	background: radial-gradient(ellipse at 50% -20%, var(--banner-accent_color) -50%, transparent 50%);
}

.st_Countdown-Counter-Wrapper-comp {
	display: flex;
	flex-direction: row;
	gap: 1px;
	align-items: baseline;
	padding-inline: 5px;
	padding-block: 2px;
	/* background: var(--counter-background_color);
	border-radius: 5px;
	color: var(--counter-color); */
}

.st_Countdown-Text {
	font-weight: 400;
}

.st_Countdown-Value {
	position: relative;
	font-size: 20px;
	font-weight: 600;
	color: var(--countdownText-color);
	display: inline-block;
	height: 1.2em;
	line-height: 1.2em;
	overflow: hidden;
	width: 27.5px;
}

/* Add slide animation */
.st_Countdown-Value[data-changing="true"] {
	animation: slideNumber 0.4s ease-in-out;
}

.st_Countdown-Discount-Code-comp {
	position: relative;
	border-radius: var(--discountCode-border_radius);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	padding-block: 5px;
	padding-inline: 10px;
	background: var(--discountCode-background_color);
	color: var(--discountCode-color);
	font-family: Montserrat;
	font-weight: 700;
	font-style: normal;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: center;
	z-index: 2;
	border: 1px dashed var(--discountCode-border_color);
}

@keyframes slideNumber {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(100%);
		opacity: 0;
	}

	51% {
		transform: translateY(-100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}


@media (max-width: 890px) {
	.st_Countdown {
		padding-bottom: 0px;
	}

	.st_Countdown-Title-comp {
		font-size: 14px;
	}

	.st_Countdown-Counter-comp {
		font-size: 10px;
	}

	.st_Countdown-Value {
		font-size: 15px;
		width: 22px;
	}

	.st_Countdown-Discount-Code-comp {
		font-size: 12px;
	}
}

@media (max-width: 425px) {
	.st_Countdown {
		padding-bottom: 0px;
	}

	.st_Countdown-Title-comp {
		font-size: 12.5px;
	}

	.st_Countdown-Counter-comp {
		font-size: 10px;
	}

	.st_Countdown-Value {
		font-size: 15px;
		width: 22px;
	}

	.st_Countdown-Counter-Wrapper-comp {
		gap: 1px;
	}

	.st_Countdown-Widget-Container-comp {
		flex-direction: column;
	}

	.st_Countdown-Discount-Code-comp {
		font-size: 11px;
	}
}


@container (max-width: 890px) {
	.st_Countdown {
		padding-bottom: 0px;
	}

	.st_Countdown-Title-comp {
		font-size: 14px;
	}

	.st_Countdown-Counter-comp {
		font-size: 10px;
	}

	.st_Countdown-Value {
		font-size: 15px;
		width: 22px;
	}

	.st_Countdown-Discount-Code-comp {
		font-size: 12px;
	}
}

@container (max-width: 425px) {
	.st_Countdown {
		padding-bottom: 0px;
	}

	.st_Countdown-Title-comp {
		font-size: 12.5px;
	}

	.st_Countdown-Counter-comp {
		font-size: 10px;
	}

	.st_Countdown-Value {
		font-size: 15px;
		width: 22px;
	}

	.st_Countdown-Counter-Wrapper-comp {
		gap: 1px;
	}

	.st_Countdown-Widget-Container-comp {
		flex-direction: column;
	}

	.st_Countdown-Discount-Code-comp {
		font-size: 11px;
	}
}



/* Winter Countdown */

.st_Countdown-Candy-Image {
	position: relative;
	height: 155px;
}

@keyframes Candy-1 {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(10px);
		rotate: -5deg;
	}
}

@keyframes Candy-2 {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(10px);
		rotate: 10deg;
		transform-origin: bottom center;
	}
}

.st_Countdown-Candy {
	position: relative;
	margin-bottom: -20px;
}

.st_Countdown-Tree {
	position: relative;
	height: 120px;
}

.st_Countdown-Candy-1 {
	rotate: -10deg;
	opacity: 0.5;
	animation: Candy-1 2s ease-in-out 0s infinite forwards alternate;
}

.st_Countdown-Candy-2 {
	margin-left: -110px;
	animation: Candy-2 2s ease-in-out 0s infinite forwards alternate;
}

.st_Countdown-Snow-L {
	position: absolute;
    width: 42%;
    left: -80px;
    bottom: 0;
    transform: translateY(55%);
}

.st_Countdown-Snow-R {
	position: absolute;
	transform: scaleX(-1) translateY(55%);
	width: 42%;
	right: -80px;
	bottom: 0;
}

.st_Countdown-Christmas .st_Countdown-Discount-Mobile {
	padding-inline: 55px;
}

.st_Countdown-Christmas .st_Countdown-Widget-Container::before {
	background: radial-gradient(ellipse at 50% -300%, white, transparent 70%);
}

.st_Countdown-Christmas .st_Countdown-Widget-Container {
	padding-inline: 15%;
	gap: 15px;
	min-height: 150px;
}

.st_Countdown-Christmas .st_Countdown-Widget {
	position: absolute;
}

.st_Countdown-Christmas .st_Countdown-Widget-L {
	left: 0;
	bottom: 0;
}

.st_Countdown-Christmas .st_Countdown-Widget-R {
	right: 20px;
	bottom: 0;
}

.st_Countdown-Christmas .st_Countdown-ImageTitle-Title {
	text-shadow: -8px 7px 0px var(--shadow-color), 2px 0px 30px rgb(0 0 0 / 20%)
}

.st_Countdown-snow_wrap {
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
}

.st_Countdown-snow,
.st_Countdown-snow:after,
.st_Countdown-snow::before {
	content: '';
	position: absolute;
	top: -650px;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: radial-gradient(4px 4px at 100px 50px, #fff, transparent),
		radial-gradient(6px 6px at 200px 150px, #fff, transparent),
		radial-gradient(3px 3px at 300px 250px, #fff, transparent),
		radial-gradient(4px 4px at 400px 350px, #fff, transparent),
		radial-gradient(6px 6px at 500px 100px, #fff, transparent),
		radial-gradient(3px 3px at 50px 200px, #fff, transparent),
		radial-gradient(4px 4px at 150px 300px, #fff, transparent),
		radial-gradient(6px 6px at 250px 400px, #fff, transparent),
		radial-gradient(3px 3px at 350px 500px, #fff, transparent),
		radial-gradient(4px 4px at 550px 550px, #fff, transparent);
	background-size: 650px 650px;
	animation: SnowAnim 5s linear infinite;
}

.st_Countdown-snow:after {
	margin-left: -250px;
	opacity: 0.5;
	filter: blur(2px);
	animation-direction: reverse;
	animation-duration: 6s;
}

.st_Countdown-snow::before {
	margin-left: -350px;
	opacity: 0.7;
	filter: blur(1px);
	animation-direction: reverse;
	animation-duration: 9s;
}

@keyframes SnowAnim {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(650px);
	}
}

.st_Countdown-Christmas div:empty {
	display: unset;
}

.st_Countdown-Christmas .st_Countdown-Widget-L {
	z-index: 0;
	left: 0%;
	top: unset;
	position: absolute;
	transform: unset;
}

.st_Countdown-Christmas .st_Countdown-Widget-R {
	z-index: 0;
	right: 8%;
	top: unset;
	position: absolute;
	transform: unset;
}

@media (max-width: 1280px) {
	.st_Countdown-Christmas .st_Countdown-Widget-Container {
		padding-inline: 5%;
		min-height: 150px;
	}
}

@media (max-width: 890px) {
	.st_Countdown-Christmas .st_Countdown-Discount-Mobile {
		padding-inline: 130px;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-Container {
		padding-inline: 5%;
		min-height: 150px;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-L {
        left: 0%;
        zoom: 0.8;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-R {
        right: 2%;
        zoom: 0.8;
	}

	.st_Countdown-Christmas .st_Countdown-ImageTitle {
		padding-bottom: 0px;
	}
}

@media (max-width: 625px) {
	.st_Countdown-Christmas .st_Countdown-Discount-Mobile {
		padding-inline: 100px;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-Container {
		padding-inline: 10%;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-L {
        zoom: 0.5;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-R {
        zoom: 0.5;
	}
}

@media (max-width: 400px) {
	.st_Countdown-Christmas .st_Countdown-Discount-Mobile {
		padding-inline: 80px;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-L {
        zoom: 0.5;
		left: -6.5%;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-R {
        zoom: 0.5;
		right: 0%;
	}
}

@container (max-width: 1280px) {
	.st_Countdown-Christmas .st_Countdown-Widget-Container {
		padding-inline: 5%;
		min-height: 150px;
	}
}

@container (max-width: 890px) {
	.st_Countdown-Christmas .st_Countdown-Discount-Mobile {
		padding-inline: 130px;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-Container {
		padding-inline: 5%;
		min-height: 150px;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-L {
        left: 0%;
        zoom: 0.8;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-R {
        right: 2%;
        zoom: 0.8;
	}

	.st_Countdown-Christmas .st_Countdown-ImageTitle {
		padding-bottom: 0px;
	}
}

@container (max-width: 625px) {
	.st_Countdown-Christmas .st_Countdown-Discount-Mobile {
		padding-inline: 100px;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-Container {
		padding-inline: 10%;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-L {
        zoom: 0.5;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-R {
        zoom: 0.5;
	}
}

@container (max-width: 400px) {
	.st_Countdown-Christmas .st_Countdown-Discount-Mobile {
		padding-inline: 80px;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-L {
        zoom: 0.5;
		left: -6.5%;
	}

	.st_Countdown-Christmas .st_Countdown-Widget-R {
        zoom: 0.5;
		right: 0%;
	}
}