2020-10-06 20:28:38 +02:00
|
|
|
.countdown-timer {
|
|
|
|
@include H7;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
|
2022-08-04 16:03:02 +02:00
|
|
|
@include screen-sm-min {
|
2020-10-06 20:28:38 +02:00
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
&__timer-container {
|
|
|
|
display: flex;
|
|
|
|
padding-right: 3px;
|
2023-06-15 20:17:21 +02:00
|
|
|
color: var(--color-text-alternative);
|
2020-10-06 20:28:38 +02:00
|
|
|
|
|
|
|
> 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-03-23 16:43:53 +01:00
|
|
|
color: var(--color-error-default);
|
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;
|
|
|
|
}
|
|
|
|
}
|