@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300);.flapper{font-family:Roboto Condensed,sans-serif;font-weight:300;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.flapper .digit{position:relative;display:inline-block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.flapper .digit div{position:absolute;text-align:center;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.flapper .digit .top{top:0;left:0;overflow:hidden}.flapper .digit .bottom{bottom:0;left:0;overflow:hidden}.flapper.XXL{font-size:116px;line-height:123px;height:132px}.flapper.XXL .digit{border-radius:8px}.flapper.XXL .digit div{border-radius:6px}.flapper.XXL .digit,.flapper.XXL .digit div{height:128px;width:96px;font-size:inherit;line-height:inherit}.flapper.XXL .digit .top{clip:rect(0,96px,64px,0)}.flapper.XXL .digit .bottom{clip:rect(65px,96px,128px,0)}.flapper.XL{font-size:89px;line-height:92px;height:100px}.flapper.XL .digit{border-radius:7px;margin:0 0 0 4px}.flapper.XL .digit:first-child{margin:0}.flapper.XL .digit div{border-radius:5px}.flapper.XL .digit,.flapper.XL .digit div{height:96px;width:72px;font-size:inherit;line-height:inherit}.flapper.XL .digit .top{clip:rect(0,72px,47px,0)}.flapper.XL .digit .bottom{clip:rect(48px,72px,96px,0)}.flapper.L{font-size:66px;line-height:70px;height:76px}.flapper.L .digit{border-radius:6px;margin:0 0 0 4px}.flapper.L .digit:first-child{margin:0}.flapper.L .digit div{border-radius:4px}.flapper.L .digit,.flapper.L .digit div{height:72px;width:54px;font-size:inherit;line-height:inherit}.flapper.L .digit .top{clip:rect(0,54px,35px,0)}.flapper.L .digit .bottom{clip:rect(36px,54px,72px,0)}.flapper{font-size:51px;line-height:52px;height:58px}.flapper .digit{border-radius:5px;margin:0 0 0 4px}.flapper .digit:first-child{margin:0}.flapper .digit div{border-radius:3px}.flapper .digit,.flapper .digit div{height:54px;width:40px;font-size:inherit;line-height:inherit}.flapper .digit .top{clip:rect(0,40px,26px,0)}.flapper .digit .bottom{clip:rect(27px,40px,54px,0)}.flapper.S{font-size:36px;line-height:39px;height:44px}.flapper.S .digit{border-radius:4px;margin:0 0 0 2px}.flapper.S .digit:first-child{margin:0}.flapper.S .digit div{border-radius:2px}.flapper.S .digit,.flapper.S .digit div{height:40px;width:30px;font-size:inherit;line-height:inherit}.flapper.S .digit .top{clip:rect(0,30px,19px,0)}.flapper.S .digit .bottom{clip:rect(20px,30px,40px,0)}.flapper.XS{font-size:28px;line-height:30px;height:34px}.flapper.XS .digit{border-radius:3px;margin:0 0 0 2px}.flapper.XS .digit:first-child{margin:0}.flapper.XS .digit div{border-radius:1px}.flapper.XS .digit,.flapper.XS .digit div{height:30px;width:24px;font-size:inherit;line-height:inherit}.flapper.XS .digit .top{clip:rect(0,24px,14px,0)}.flapper.XS .digit .bottom{clip:rect(15px,24px,30px,0)}.flapper .digit{background-color:#222;border:1px solid #333}.flapper .digit div{color:#f0f0f0;padding:0;background-color:#000}.flapper.light .digit{border:1px solid #ddd;background-color:#eee}.flapper.light .digit div{color:#222;padding:0;background-color:#f6f6f6}