Countdown Timers

<div class="soon dg-soon-text" data-due="2019-04-27" data-face="slot slide up" data-layout="group" data-scale-max="xxl" data-separator="|"><span class="soon-placeholder"> </span></div>
<div class="soon dg-soon-text" data-due="2019-04-27" data-face="slot slide up" data-layout="group" data-scale-max="l" data-separator="|"><span class="soon-placeholder"> </span></div>
<div class="soon dg-soon-text" data-due="2019-04-27" data-face="slot slide up" data-layout="group" data-scale-max="s" data-separator="|"><span class="soon-placeholder"> </span></div>

<div class="soon dg-soon-square" data-due="2019-04-27" data-face="slot" data-layout="group" data-scale-max="xxl" data-visual="fill corners-sharp color-light"> </div>
<div class="soon dg-soon-square" data-due="2019-04-27" data-face="slot" data-layout="group" data-scale-max="l" data-visual="fill corners-sharp color-light"> </div>
<div class="soon dg-soon-square" data-due="2019-04-27" data-face="slot" data-layout="group" data-scale-max="s" data-visual="fill corners-sharp color-light"> </div>

<div class="soon dg-soon-round" data-due="2019-04-27" data-face="slot" data-layout="group" data-scale-max="xxl" data-visual="fill corners-sharp color-light"> </div>
<div class="soon dg-soon-round" data-due="2019-04-27" data-face="slot" data-layout="group" data-scale-max="l" data-visual="fill corners-sharp color-light"> </div>
<div class="soon dg-soon-round" data-due="2019-04-27" data-face="slot" data-layout="group" data-scale-max="s" data-visual="fill corners-sharp color-light"> </div>

<div class="soon dg-soon-flip" data-due="2019-04-27" data-face="flip corners-sharp color-dark" data-layout="group" data-scale-max="xxl" data-separate-chars="false"><span class="soon-placeholder"> </span></div>

<div class="soon dg-soon-cap-round" data-due="2019-04-27" data-format="d,h,m,s" data-layout="group" data-scale-max="l" data-visual="ring cap-light invert progressgradient-20aeeb_40d7de ring-width-custom align-center gap-0"> </div>