/**
* Pertamina Smexpo
* TODO : styling for plugin countdown
* --
* * for plugin countdown : *.html
* ? countdown.min.css
* ! important to minify
*/
/**
* * base
*/
/**
* * plugin
*/
/**
* ? countdown for flashsale
* ! https://github.com/Dazix/SimpleCountDown
*/.countDown__cont{color:#333;display:flex}.countDown__interval_cont{display:flex;justify-content:space-around;width:auto}.countDown__interval_cont:nth-child(n+1):not(:last-child){margin-right:1em}.countDown__interval_basic_cont{display:flex;flex-direction:column}.countDown__interval_basic_cont_description{color:#fff;display:flex;font-size:1.2em;font-weight:700;margin-left:.3em;margin-top:.3em;text-shadow:.1em .1em .1em #000}.countDown__digit_cont{border-radius:.08em;box-shadow:.1em .1em .1em rgba(0,0,0,.2);font-size:5em;font-weight:700;height:1.6em;line-height:1.6em;perspective:3.2em;position:relative;width:1em}.countDown__digit_cont:nth-child(n+1):not(:last-child){margin-right:.05em}.countDown__digit_last_placeholder,.countDown__digit_new_placeholder{height:50%;left:0;overflow:hidden;position:absolute;text-align:center;width:100%}.countDown__digit_last_placeholder{background:#fff;border-radius:0 0 .08em .08em;bottom:0}.countDown__digit_last_placeholder_inner{align-items:center;bottom:50%;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.countDown__digit_new_placeholder{background:#f7f7f7;border-radius:.08em .08em 0 0;top:0}.countDown__digit_last_rotate,.countDown__digit_new_rotate{animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:linear;border-radius:.08em .08em 0 0;display:flex;font-weight:700;height:50%;justify-content:center;overflow:hidden;position:absolute;top:0;transform-origin:100% 100%;width:100%}.countDown__digit_last_rotate:after,.countDown__digit_new_rotate:after{bottom:0;content:"";height:100%;left:0;position:absolute;width:100%;z-index:-1}.countDown__digit_last_rotate{animation-name:countDown_flip_1;background:#f7f7f7}.countDown__digit_new_rotate{animation-name:countDown_flip_2;background:#fff}.countDown__digit_new_rotated{height:100%;transform:rotateX(180deg);width:100%}.countDown__digit_new_rotated_inner{align-items:center;bottom:50%;display:flex;height:100%;justify-content:center;position:absolute;width:100%}@keyframes countDown_flip_1{0%{transform:rotateX(0);z-index:1}to{transform:rotateX(-180deg);z-index:0}}@keyframes countDown_flip_2{0%{transform:rotateX(0);z-index:0}to{transform:rotateX(-180deg);z-index:1}}.countDown__interval_basic_cont{padding-right:20px;position:relative}.countDown__interval_basic_cont:after{color:#525252;content:":";font-family:Manrope-Bold,sans-serif;font-size:24px;font-weight:700;line-height:1.45;position:absolute;right:5px}.countDown__interval_basic_cont:last-of-type{padding-right:0}.countDown__interval_basic_cont:last-of-type:after{content:none}.countDown__digit_cont{box-shadow:none;color:#fff;font-family:Manrope-xBold,sans-serif;font-size:16px;font-weight:800;height:42px;line-height:42px;overflow:hidden;width:21px}.countDown__digit_cont:nth-child(n+1):not(:last-child){margin-right:0}.countDown__digit_cont:first-child{border-bottom-left-radius:7px;border-bottom-right-radius:0;border-top-left-radius:7px;border-top-right-radius:0}.countDown__digit_cont:first-child .countDown__digit_last_placeholder,.countDown__digit_cont:first-child .countDown__digit_new_placeholder{text-align:right}.countDown__digit_cont:first-child .countDown__digit_last_placeholder_inner,.countDown__digit_cont:first-child .countDown__digit_last_rotate,.countDown__digit_cont:first-child .countDown__digit_new_rotate,.countDown__digit_cont:first-child .countDown__digit_new_rotated_inner{justify-content:flex-end}.countDown__digit_cont:last-child{border-bottom-left-radius:0;border-bottom-right-radius:7px;border-top-left-radius:0;border-top-right-radius:7px}.countDown__digit_cont:last-child .countDown__digit_last_placeholder,.countDown__digit_cont:last-child .countDown__digit_new_placeholder{text-align:left}.countDown__digit_cont:last-child .countDown__digit_last_placeholder_inner,.countDown__digit_cont:last-child .countDown__digit_last_rotate,.countDown__digit_cont:last-child .countDown__digit_new_rotate,.countDown__digit_cont:last-child .countDown__digit_new_rotated_inner{justify-content:flex-start}.countDown__digit_last_placeholder,.countDown__digit_last_rotate,.countDown__digit_new_placeholder,.countDown__digit_new_rotate{background:#f63c3c;border-radius:0}

/*# sourceMappingURL=countdown.css.map*/