@use "mixins/mixins-master" as *;
@use "mixins/flex" as *;
@use "variables" as *;
.thim-sc-count-down {
	letter-spacing: 0.4px;
	line-height: 0.6;
	text-align: center;
	.title {
		margin-bottom: 20px;
		font-size: 16px;
		font-weight: 500;
		color: $thim_font_title_color;
	}
	.counter {
		font-weight: 500;
		&.style2 {
			.count-item::before {
				top: 27px;
			}
		}
		.count-item {
			margin: 0 30px;
			position: relative;
			display: inline-block;
			.number {
				font-size: 44px;
				display: block;
				font-weight: 500;
				line-height: 55px;
				margin-bottom: 4px;
				color: $thim_body_primary_color;
			}
			.label {
				font-size: 16px;
				line-height: 24px;
				font-weight: 400;
				color: $thim_font_body_color;
			}
			&.style-2::before {
				top: 27px;
			}
			&:before {
				content: ":";
				position: absolute;
				left: -47px;
				top: 13px;
				font-size: 44px;
				color: $thim_body_primary_color;
			}
			&:first-child {
				&:before {
					display: none;
				}
			}
		}
	}
}