:root{--halfHeight: .72em;--borderRadius: .15em}.section-timer--announcement{opacity:0;max-width:100%;overflow:visible}.section-timer--announcement .timer{margin:0 auto;width:-moz-fit-content;width:fit-content}.section-timer--announcement .timer .timer__clock-face-wrap{display:flex;flex-wrap:nowrap;padding:5px 0}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face{width:100%;display:flex;align-items:center;font-size:12px}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face.timer__colon .timer__number-wrap+.timer__number-wrap .days,.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face.timer__colon .timer__number-wrap+.timer__number-wrap .hours,.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face.timer__colon .timer__number-wrap+.timer__number-wrap .minutes,.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face.timer__colon .timer__number-wrap+.timer__number-wrap .seconds{position:relative}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face.timer__colon .timer__number-wrap+.timer__number-wrap .days:before,.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face.timer__colon .timer__number-wrap+.timer__number-wrap .hours:before,.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face.timer__colon .timer__number-wrap+.timer__number-wrap .minutes:before,.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face.timer__colon .timer__number-wrap+.timer__number-wrap .seconds:before{content:":";display:block;position:absolute;top:0;float:left;line-height:1.25em;transform:translate(-50%)}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .timer__number-wrap .timer__contents{display:block;font-weight:400;line-height:1em}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .timer__number-wrap:last-of-type{margin-right:5px}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card{display:block;position:relative;padding-bottom:var(--halfHeight);line-height:.95;border-radius:var(--borderRadius)}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card__top,.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card__bottom,.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card__back:before,.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card__back:after{display:block;height:var(--halfHeight);padding:.25em;border-radius:var(--borderRadius) var(--borderRadius) 0 0;backface-visiblity:hidden;transform-style:preserve-3d;width:1.65em;transform:translateZ(0)}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card__top{display:flex;justify-content:center}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card__bottom{position:absolute;top:50%;left:0;border-top:solid 1px #000;border-radius:0 0 var(--borderRadius) var(--borderRadius);pointer-events:none;overflow:hidden}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card__bottom:after{display:block;margin-top:calc(var(--halfHeight) * -1)}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card__back:before,.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card__bottom:after{content:attr(data-value);display:flex;justify-content:center}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card__back{position:absolute;top:0;height:100%;left:0%;pointer-events:none}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .card__back:before{position:relative;z-index:-1;overflow:hidden}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .flip .card__back:before{animation:flipTop .3s cubic-bezier(.37,.01,.94,.35);animation-fill-mode:both;transform-origin:center bottom}.section-timer--announcement .timer .timer__clock-face-wrap .timer__clock-face .flip .card__back .card__bottom{transform-origin:center top;animation-fill-mode:both;animation:flipBottom .6s cubic-bezier(.15,.45,.28,1)}@keyframes flipTop{0%{transform:rotateX(0);z-index:2}0%,99%{opacity:.99}to{transform:rotateX(-90deg);opacity:0}}@keyframes flipBottom{0%,50%{z-index:-1;transform:rotateX(90deg);opacity:0}51%{opacity:.99}to{opacity:.99;transform:rotateX(0);z-index:5}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/dnk-snip-announc-timer.css.map */