2020-10-06 20:28:38 +02:00
|
|
|
.countdown-timer {
|
|
|
|
@include H7;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
|
2021-08-31 08:16:58 +02:00
|
|
|
@media screen and (min-width: $break-large) {
|
2020-10-06 20:28:38 +02:00
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__timer-container {
|
|
|
|
display: flex;
|
|
|
|
padding-right: 3px;
|
|
|
|
|
|
|
|
> span {
|
|
|
|
display: flex;
|
2021-12-07 04:51:26 +01:00
|
|
|
padding-left: 4px;
|
2020-10-06 20:28:38 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
&--warning {
|
|
|
|
.countdown-timer__time {
|
2022-01-06 18:35:49 +01:00
|
|
|
color: var(--Red-500);
|
2020-10-06 20:28:38 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&__time {
|
|
|
|
@include H7;
|
|
|
|
|
2021-12-07 04:51:26 +01:00
|
|
|
font-weight: bold;
|
2020-10-06 20:28:38 +02:00
|
|
|
width: 24px;
|
|
|
|
margin-left: 4px;
|
|
|
|
margin-right: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
div {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
}
|