

/* Start:/local/components/vis.center/event.timer/templates/.default/style.css?17507838362136*/
#eventTimer
{
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 30px;
}

.column_item
{
    gap: 5px;
    display: flex;
}

.days
{
    margin-right: 25px;
}

.days,
.hour-1,
.hour-2,
.minute-1,
.minute-2,
.second-1,
.second-2
{
    display: flex;
    width: 40px;
    height: 60px;
    background: #6c1110;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    border-radius: 5px;
    border: solid 1px #5c4c4d;
    box-shadow: 2px 5px 9px -2px black;
    background: rgb(108, 17, 16);
    background: linear-gradient(0deg, rgba(108, 17, 16, 1) 0%, rgb(108 17 16 / 67%) 100%);
}

#text-days
{
    display: flex;
    font-size: 13px;
    color: #797979;
    position: absolute;
    margin-top: 62px;
    width: 42px;
    justify-content: center;
}

#text-hours
{
    display: flex;
    font-size: 13px;
    color: #797979;
    position: absolute;
    margin-top: 62px;
    width: 89px;
    justify-content: center;
}

#text-minutes
{
    display: flex;
    font-size: 13px;
    color: #797979;
    position: absolute;
    margin-top: 62px;
    width: 89px;
    justify-content: center;
}

#text-seconds
{
    display: flex;
    font-size: 13px;
    color: #797979;
    position: absolute;
    margin-top: 62px;
    width: 89px;
    justify-content: center;
}

span.pointers
{
    display: flex;
    font-size: 36px;
    justify-content: center;
    align-items: center;
    color: #62191b;
}

@media (max-width: 768px)
{

    #text-days::after
    {
        margin-top: 48px;
        margin-left: -53px;
    }

    #text-hours::after,
    #text-minutes::after,
    #text-seconds::after
    {
        margin-left: -64px;
        margin-top: 48px;
    }

    #eventTimer
    {
        gap: 5px;
    }

    .days
    {
        margin-right: 15px;
    }

    .days,
    .hour-1,
    .hour-2,
    .minute-1,
    .minute-2,
    .second-1,
    .second-2
    {
        width: 32px;
        height: 46px;
        font-size: 28px;
    }
}
/* End */
/* /local/components/vis.center/event.timer/templates/.default/style.css?17507838362136 */
