:root{--halfHeight: .72em;--borderRadius: .15em}.article[timer-section] .section-timer{opacity:0;max-width:100%;overflow:visible}.article[timer-section] .section-timer.section-timer--snippet{width:-moz-fit-content;width:fit-content;margin:15px auto;display:flex}.article[timer-section] .section-timer .timer{margin:0 auto;width:-moz-fit-content;width:fit-content}.article[timer-section] .section-timer .timer .timer__clock-face-wrap{display:flex;flex-wrap:wrap;justify-content:center;white-space:normal;border-radius:var(--media-radius)}.article[timer-section] .section-timer .timer .timer__clock-face-wrap.top{align-items:flex-end}.article[timer-section] .section-timer .timer .timer__clock-face-wrap.bottom{align-items:center}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__text,.article[timer-section] .section-timer .timer .timer__clock-face-wrap .custom-liquid__text{white-space:normal;margin-right:10px;text-align:center}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face{width:-moz-fit-content;width:fit-content;display:flex;align-items:center;font-size:40px;padding-right:13px}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .timer__number-wrap+.timer__number-wrap{margin-left:2%}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .timer__number-wrap{display:flex;align-items:flex-start}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .timer__number-wrap.top{flex-direction:column-reverse}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .timer__number-wrap.bottom{flex-direction:column}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .timer__number-wrap .timer__contents{align-self:center}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .card{display:block;position:relative;padding-bottom:var(--halfHeight);line-height:.95;border-radius:var(--borderRadius)}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .card__top,.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .card__bottom,.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .card__back:before,.article[timer-section] .section-timer .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)}.article[timer-section] .section-timer .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}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .card__bottom:after{display:block;margin-top:calc(var(--halfHeight) * -1)}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .card__back:before,.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .card__bottom:after{content:attr(data-value)}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .card__back{position:absolute;top:0;height:100%;left:0%;pointer-events:none}.article[timer-section] .section-timer .timer .timer__clock-face-wrap .timer__clock-face .card__back:before{position:relative;z-index:-1;overflow:hidden}.article[timer-section] .section-timer .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}.article[timer-section] .section-timer .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/77/assets/dnk-snip-advertorial-timer.css.map */