import styled from "styled-components";
export const CountdownTimer = styled.div `
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
`;
export const TickBlock = styled.div `
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 112px;
  position: relative;

  &:not(:last-child)::after {
    position: absolute;
    content: ":";
    right: 0;
    top: 15px;
    font-size: 22px;
    line-height: 29px;
    font-weight: bold;
  }
`;
export const NumberValue = styled.div `
  font-family: ExtraBold;
  font-size: 32px;
  line-height: 60px;
  color: ${({ theme }) => theme.new?.colors?.primary900};
`;
export const NumberLabel = styled.div `
  font-family: Regular;
  font-size: 16px;
  line-height: 22px;
  white-space: nowrap;
`;
//# sourceMappingURL=timer.styled.js.map