.flipdown{display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;line-height:1}.flipdown:before{content:"COUNTDOWN: ";margin-right:.5em;white-space:nowrap}.flipdown .rotor-group{display:flex;align-items:center}.flipdown .rotor-group:nth-child(1):after,.flipdown .rotor-group:nth-child(2):after,.flipdown .rotor-group:nth-child(3):after{content:" | ";margin:0 .5em;opacity:.8}.flipdown .rotor-group:last-child:after{content:none}.flipdown .rotor-group-heading:before{content:attr(data-before);margin-left:.3em;text-transform:uppercase}.flipdown .rotor{position:relative;width:.5em;height:1.4em;text-align:center;perspective:200px}.flipdown .rotor figure{margin:0;padding:0}.flipdown .rotor-top,.flipdown .rotor-bottom,.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear{position:absolute;left:0;width:100%;height:50%;overflow:hidden;background-color:#90ee90;color:inherit}.flipdown .rotor-top,.flipdown .rotor-leaf-front{top:0;line-height:1.4em;border-radius:3px 3px 0 0}.flipdown .rotor-bottom{bottom:0;line-height:0;border-radius:0 0 3px 3px}.flipdown .rotor-leaf-rear{top:0;line-height:0;border-radius:0 0 3px 3px;transform:rotateX(-180deg)}.flipdown .rotor:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#1d466a26;z-index:5}.flipdown .rotor-leaf{position:absolute;z-index:2;width:100%;height:100%;top:0;left:0;transform-style:preserve-3d;transition:transform 0s}.flipdown .rotor-leaf.flipped{transform:rotateX(-180deg);transition:transform .5s ease-in-out}.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipdown .rotor-leaf-rear{transform:rotateX(-180deg)}@media screen and (max-width:749px){.flipdown:before{display:none}.flipdown .rotor-group:nth-child(4){display:none}.flipdown .rotor-group:nth-child(3):after{content:none}.flipdown .rotor-group:nth-child(1) .rotor-group-heading:before{content:"D"}.flipdown .rotor-group:nth-child(2) .rotor-group-heading:before{content:"H"}.flipdown .rotor-group:nth-child(3) .rotor-group-heading:before{content:"M"}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/flipdown.css.map */