:root{--digit-font-size:45px;--digit-line-height:4px;--digit-margin:5px;--digit-width:60px;--digit-nr:7}.digit{--digit-width:calc(100%/var(--digit-nr));background-color:#fff;container:digit/inline-size;display:block;height:70px;line-height:0;margin-right:var(--digit-margin);position:relative;text-align:center;-webkit-text-stroke:2px;width:var(--digit-width);z-index:0}.digit:last-child{margin-right:0}.digit__back,.digit__front{background-color:#fff;border:1px solid rgba(0,0,0,.3);color:#363636;display:block;font-family:Trade Gothic Bd2,sans-serif;font-size:var(--digit-font-size);height:35px;left:0;line-height:var(--digit-line-height);overflow:hidden;position:absolute;text-indent:2px;transform:translateZ(0);width:100%}.digit__back{border-top:0;bottom:0}.digit__front{border-bottom:0;padding-top:34px;top:0}.digit__line{border-bottom:1px solid rgba(0,0,0,.3);height:0;position:absolute;top:36px;width:100%;z-index:10}.digit__wrap{display:block;height:70px;overflow:visible;perspective:300px;position:relative;width:100%;z-index:5}.digit__hinge{height:35px;position:absolute;transform-origin:50% 100%;transform-style:preserve-3d;transition:transform .3s ease-in;width:100%}.digit__hinge .digit__back,.digit__hinge .digit__front{backface-visibility:hidden;height:0;z-index:5}.digit__hinge .digit__back{height:34px;transform:rotateX(180deg)}.digit--countdown{--digit-nr:2}.digit--animate .digit__hinge{transform:rotateX(-180deg)}.digit--dark{background-color:#262626}.digit--dark .digit__back,.digit--dark .digit__front{background-color:#262626;border:1px solid #262626;color:#fff}.digit--dark .digit__line{border-bottom:1px solid hsla(0,0%,100%,.7)}@media only screen and (min-width:480px){.digit{height:85px;margin-right:5px}.digit__back,.digit__front{font-size:55px;height:42.5px;line-height:5px}.digit__front{padding-top:41.5px}.digit__line{top:43.5px}.digit__wrap{height:85px}.digit__hinge{height:42.5px}.digit__hinge .digit__back{height:41.5px}}@media only screen and (min-width:768px){.digit{height:70px;margin-right:7px}.digit__back,.digit__front{font-size:46px;height:35px;line-height:6px}.digit__front{padding-top:34px}.digit__line{top:36px}.digit__wrap{height:70px}.digit__hinge{height:35px}.digit__hinge .digit__back{height:34px}}@media only screen and (min-width:1024px){.digit{height:120px;margin-right:10px}.digit__back,.digit__front{font-size:70px;height:60px;line-height:8px}.digit__front{padding-top:59px}.digit__line{top:61px}.digit__wrap{height:120px}.digit__hinge{height:60px}.digit__hinge .digit__back{height:59px}}.digit--small{height:70px;margin-right:var(--digit-margin)}.digit--small__back,.digit--small__front{font-size:var(--digit-font-size);height:35px;line-height:var(--digit-line-height)}.digit--small__front{padding-top:34px}.digit--small__line{top:36px}.digit--small__wrap{height:70px}.digit--small__hinge{height:35px}.digit--small__hinge .digit__back{height:34px}