.flipdown.flipdown__theme-dark{font-family:sans-serif;font-weight:700}.flipdown.flipdown__theme-dark .rotor-group-heading:before{color:#fff}.flipdown.flipdown__theme-dark .rotor-group:before,.flipdown.flipdown__theme-dark .rotor-group:after{background-color:#a8a8a8}.flipdown.flipdown__theme-dark .rotor,.flipdown.flipdown__theme-dark .rotor-top,.flipdown.flipdown__theme-dark .rotor-leaf-front{color:#FFF;background-color:#151515}.flipdown.flipdown__theme-dark .rotor-bottom,.flipdown.flipdown__theme-dark .rotor-leaf-rear{color:#EFEFEF;background-color:#202020}.flipdown.flipdown__theme-dark .rotor:after{border-top:solid 1px #151515}.flipdown.flipdown__theme-light{font-family:sans-serif;font-weight:700}.flipdown.flipdown__theme-light .rotor-group-heading:before{color:#EEE}.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):nth-child(-n+4):before,.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):nth-child(-n+4):after{background-color:#DDD}.flipdown.flipdown__theme-light .rotor,.flipdown.flipdown__theme-light .rotor-top,.flipdown.flipdown__theme-light .rotor-leaf-front{color:#222;background-color:#DDD}.flipdown.flipdown__theme-light .rotor-bottom,.flipdown.flipdown__theme-light .rotor-leaf-rear{color:#333;background-color:#EEE}.flipdown.flipdown__theme-light .rotor:after{border-top:solid 1px #222}.flipdown{overflow:visible;width:100%;height:110px;text-align:center}.flipdown .rotor-group{position:relative;display:inline-block;padding-right:20px}.flipdown .rotor-group:last-child{padding-right:0}.flipdown .rotor-group-heading:before{display:block;height:30px;line-height:30px;text-align:center}.flipdown .rotor-group:nth-child(1) .rotor-group-heading:before{content:attr(data-before)}.flipdown .rotor-group:nth-child(2) .rotor-group-heading:before{content:attr(data-before)}.flipdown .rotor-group:nth-child(3) .rotor-group-heading:before{content:attr(data-before)}.flipdown .rotor-group:nth-child(4) .rotor-group-heading:before{content:attr(data-before)}.flipdown .rotor-group:nth-child(5) .rotor-group-heading:before{content:attr(data-before)}.flipdown .rotor-group:before{content:'';position:absolute;bottom:15px;right:10px;width:5px;height:5px;border-radius:50%}.flipdown .rotor-group:last-child:before{display:none}.flipdown .rotor-group::after{content:'';position:absolute;bottom:30px;right:10px;width:5px;height:5px;border-radius:50%}.flipdown .rotor-group:last-child:after{display:none}.flipdown .rotor{position:relative;float:left;width:30px;height:50px;margin:0 5px 0 0;border-radius:4px;font-size:2.2rem;text-align:center;perspective:200px;overflow:hidden}.flipdown .rotor:last-child{margin-right:0}.flipdown .rotor-top,.flipdown .rotor-bottom{overflow:hidden;position:absolute;width:30px;height:25px}.flipdown .rotor-leaf{z-index:1;position:absolute;width:30px;height:50px;transform-style:preserve-3d;transition:transform 0s}.flipdown .rotor-leaf.flipped{transform:rotateX(-180deg);transition:all 0.5s ease-in-out}.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear{overflow:hidden;position:absolute;width:30px;height:25px;margin:0;transform:rotateX(0deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipdown .rotor-leaf-front{line-height:50px;border-radius:4px 4px 0 0}.flipdown .rotor-leaf-rear{line-height:0;border-radius:0 0 4px 4px;transform:rotateX(-180deg)}.flipdown .rotor-top{line-height:50px;border-radius:4px 4px 0 0}.flipdown .rotor-bottom{bottom:0;line-height:0;border-radius:0 0 4px 4px}.flipdown .rotor:after{content:'';z-index:2;position:absolute;bottom:0;left:0;width:30px;height:25px;border-radius:0 0 4px 4px}@media (max-width:550px){.flipdown{height:70px}.flipdown .rotor{font-size:1.5rem;margin-right:3px}.flipdown .rotor,.flipdown .rotor-leaf,.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear,.flipdown .rotor-top,.flipdown .rotor-bottom,.flipdown .rotor:after{width:20px}.flipdown .rotor-group{padding-right:14px}.flipdown .rotor-group:last-child{padding-right:0}.flipdown .rotor-group-heading:before{font-size:.8rem;height:20px;line-height:20px}.flipdown .rotor-group:before,.flipdown .rotor-group:after{right:5px}.flipdown .rotor-group:before{bottom:11px;height:3px;width:3px}.flipdown .rotor-group:after{bottom:22px;height:3px;width:3px}.flipdown .rotor-leaf-front,.flipdown .rotor-top{line-height:40px}.flipdown .rotor-leaf,.flipdown .rotor{height:40px}.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear,.flipdown .rotor-top,.flipdown .rotor-bottom,.flipdown .rotor:after{height:20px}}