/**
 * Filename:    countdown.css
 * 
 * Description: Implementation of the countdown class.
 * 
 * Copyright © 1999-2024 by Interact Solutions Ltda.
 * Rua Carlos Fett Filho, 47/301
 * 95.900.000, LAJEADO, RS
 * BRAZIL
 * 
 * The copyright to the computer program(s) herein
 * is the property of Interact Solutions Ltda., Brazil.
 * The program(s) may be used and/or copied only with
 * the written permission of Interact Solutions Ltda.
 * or in accordance with the terms and conditions
 * stipulated in the agreement/contract under which
 * the program(s) have been supplied.
 */

@font-face
{
    font-family: 'Chakra Petch';
    src: url( '../../../../../fonts/chakra-petch.woff2' ) format( 'woff2' );
}

.sa_countdown
{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
}

.sa_countdown .sa_countdown__time
{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px 36px;
    border-radius: 12px;
    background: color-mix( in srgb, rgb( var( --color-primary ) ) 6%, white );
}

.sa_countdown .sa_countdown__time .sa_countdown__time__number
{
    color: rgb( var( --color-primary ) );
    font-family: "Chakra Petch";
    font-size: 48px;
    line-height: 48px;
}

.sa_countdown .sa_countdown__time .sa_countdown__time__label
{
    color: rgb( var( --color-gray500 ) );
    font-family: Arial;
    font-size: 16px;
    line-height: 18px;
}

.sa_countdown .sa_countdown__separator
{
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.sa_countdown .sa_countdown__separator .sa_countdown__separator__dot
{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgb( var( --color-gray400 ) );
}