.days-counter,.days-counter__inner{display:flex}.days-counter__section{display:flex;flex-direction:column;gap:10px;align-items:center}.days-counter__section-numbers{display:flex;gap:5px}.days-counter__section-title{color:#cad1d7}.days-counter__symbol{display:flex;align-items:center;justify-content:center;width:18px;height:42px;color:#fff}.days-counter__symbol--margin{margin:0 16px}@media(max-width:720px){.days-counter{flex-direction:column;align-items:center}}:root{--content-padding:30px}@media(max-width:400px){:root{--content-padding:15px}}.flip-number{display:block;position:relative;width:32px;height:42px;perspective-origin:50% 50%;perspective:150px;background-color:#1f427f;border-radius:4px;box-shadow:0 10px 10px -10px gray;transform:translateZ(0);will-change:transform}.flip-number__lower,.flip-number__upper{display:flex;position:relative;justify-content:center;width:100%;height:50%;overflow:hidden}.flip-number__lower span,.flip-number__upper span{color:#fff}.flip-number__upper{align-items:flex-end;border-top-left-radius:4px;border-top-right-radius:4px}.flip-number__upper span{transform:translateY(50%)}.flip-number__lower{align-items:flex-start;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.flip-number__lower span{transform:translateY(-50%)}.flip-number__flip{display:flex;justify-content:center;position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden}.flip-number__flip span{color:#fff}.flip-number__flip--unfold{top:50%;align-items:flex-start;transform-origin:50% 0;transform:rotateX(180deg);background-color:#1f427f;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.flip-number__flip--unfold span{transform:translateY(-50%)}.flip-number__flip--fold{top:0;align-items:flex-end;transform-origin:50% 100%;transform:rotateX(0deg);background-color:#1f427f;border-top-left-radius:4px;border-top-right-radius:4px}.flip-number__flip--fold span{transform:translateY(50%)}.flip-number .flip-number__flip--fold{animation:fold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards;transform-style:preserve-3d}.flip-number .flip-number__flip--unfold{animation:unfold .6s cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards;transform-style:preserve-3d}@keyframes fold{0%{transform:rotateX(0deg)}to{transform:rotateX(-180deg)}}@keyframes unfold{0%{transform:rotateX(180deg)}to{transform:rotateX(0deg)}}