.flipdown.flipdown__theme-dark{font-weight:bold}.flipdown.flipdown__theme-dark .rotor-group-heading:before{color:#52b400}.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+2):before,.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+2):after{background-color:#52b400}.flipdown.flipdown__theme-dark .rotor,.flipdown.flipdown__theme-dark .rotor-top,.flipdown.flipdown__theme-dark .rotor-leaf-front{color:#fff;background-color:#52b400}.flipdown.flipdown__theme-dark .rotor-bottom,.flipdown.flipdown__theme-dark .rotor-leaf-rear{color:#efefef;background-color:#52b400}.flipdown.flipdown__theme-dark .rotor:after{border-top:solid 1px #4cab10}.flipdown.flipdown__theme-LightGreen{font-weight:bold}.flipdown.flipdown__theme-LightGreen .rotor-group-heading:before{color:#60ba00}.flipdown.flipdown__theme-LightGreen .rotor-group:nth-child(n+2):nth-child(-n+2):before,.flipdown.flipdown__theme-LightGreen .rotor-group:nth-child(n+2):nth-child(-n+2):after{background-color:#60ba00}.flipdown.flipdown__theme-LightGreen .rotor,.flipdown.flipdown__theme-LightGreen .rotor-top,.flipdown.flipdown__theme-LightGreen .rotor-leaf-front{color:#fff;background-color:#60ba00}.flipdown.flipdown__theme-LightGreen .rotor-bottom,.flipdown.flipdown__theme-LightGreen .rotor-leaf-rear{color:#efefef;background-color:#60ba00}.flipdown.flipdown__theme-LightGreen .rotor:after{border-top:solid 1px #4cab10}.flipdown.flipdown__theme-light{font-weight:bold}.flipdown.flipdown__theme-light .rotor-group-heading:before{color:#eee}.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+2):before,.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+2):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.small{overflow:visible;width:97px;height:34px;padding:2px 0;margin-top:5px}.flipdown.small .rotor-group{position:relative;float:left;padding-right:4px}.flipdown.small .rotor-group:last-child{padding-right:0}.flipdown.small .rotor-group-heading:before{font-size:8px;display:block;height:8px;line-height:8px;text-align:center}.flipdown.small .rotor-group:nth-child(1) .rotor-group-heading:before{content:attr(data-before)}.flipdown.small .rotor-group:nth-child(2) .rotor-group-heading:before{content:attr(data-before)}.flipdown.small .rotor-group:nth-child(3) .rotor-group-heading:before{content:attr(data-before)}.flipdown.small .rotor-group:nth-child(4) .rotor-group-heading:before{content:attr(data-before)}.flipdown.small .rotor-group:nth-child(n+2):nth-child(-n+2):before{content:'';position:absolute;bottom:12px;left:26px;width:2px;height:2px;border-radius:50%}.flipdown.small .rotor-group:nth-child(n+2):nth-child(-n+2):after{content:'';position:absolute;bottom:17px;left:26px;width:2px;height:2px;border-radius:50%}.flipdown.small .rotor{position:relative;float:left;width:12px;height:20px;margin:0 1px 0 0;border-radius:2px;font-size:16px;text-align:center;perspective:200px}.flipdown.small .rotor:last-child{margin-right:0}.flipdown.small .rotor-top,.flipdown.small .rotor-bottom{overflow:hidden;position:absolute;width:12px;height:10px}.flipdown.small .rotor-leaf{z-index:1;position:absolute;width:12px;height:20px;transform-style:preserve-3d;transition:transform 0s}.flipdown.small .rotor-leaf.flipped{transform:rotateX(-180deg);transition:all .5s ease-in-out}.flipdown.small .rotor-leaf-front,.flipdown.small .rotor-leaf-rear{overflow:hidden;position:absolute;width:12px;height:10px;margin:0;transform:rotateX(0deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipdown.small .rotor-leaf-front{line-height:20px;border-radius:2px 2px 0 0}.flipdown.small .rotor-leaf-rear{line-height:0;border-radius:0 0 4px 4px;transform:rotateX(-180deg)}.flipdown.small .rotor-top{line-height:20px;border-radius:2px 2px 0 0}.flipdown.small .rotor-bottom{bottom:0;line-height:0;border-radius:0 0 2px 2px}.flipdown.small .rotor:after{content:'';z-index:2;position:absolute;bottom:0;left:0;width:12px;height:10px;border-radius:0 0 2px 2px}.flipdown{display:flex;margin:5px auto;justify-content:center;overflow:visible;width:174px;height:47px;padding:2px 0}.flipdown .rotor-group{position:relative;float:left;padding-right:6px}.flipdown .rotor-group:last-child{padding-right:0}.flipdown .rotor-group-heading:before{font-size:12px;display:block;height:12px;line-height:12px;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(n+2):nth-child(-n+2):before{content:'';position:absolute;bottom:11px;left:40px;width:3px;height:3px;border-radius:50%}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+2):after{content:'';position:absolute;bottom:19px;left:40px;width:3px;height:3px;border-radius:50%}.flipdown .rotor{position:relative;float:left;width:18px;height:30px;margin:0 2px 0 0;border-radius:4px;font-size:20px;text-align:center;perspective:200px}.flipdown .rotor:last-child{margin-right:0}.flipdown .rotor-top,.flipdown .rotor-bottom{overflow:hidden;position:absolute;width:18px;height:15px}.flipdown .rotor-leaf{z-index:1;position:absolute;width:18px;height:30px;transform-style:preserve-3d;transition:transform 0s}.flipdown .rotor-leaf.flipped{transform:rotateX(-180deg);transition:all .5s ease-in-out}.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear{overflow:hidden;position:absolute;width:18px;height:15px;margin:0;transform:rotateX(0deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flipdown .rotor-leaf-front{line-height:30px;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:30px;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:18px;height:15px;border-radius:0 0 4px 4px}@media(max-width:550px){.flipdown{width:312px;height:70px}.flipdown .rotor{font-size:32px;margin-right:2px}.flipdown .rotor,.flipdown .rotor-leaf,.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear,.flipdown .rotor-top,.flipdown .rotor-bottom,.flipdown .rotor:after{width:30px}.flipdown .rotor-group{padding-right:20px}.flipdown .rotor-group:last-child{padding-right:0}.flipdown .rotor-group-heading:before{font-size:12px;height:12px;line-height:12px}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+2):before,.flipdown .rotor-group:nth-child(n+2):nth-child(-n+2):after{left:69px}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+2):before{bottom:13px;height:8px;width:8px}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+2):after{bottom:29px;height:8px;width:8px}.flipdown .rotor-leaf-front,.flipdown .rotor-top{line-height:50px}.flipdown .rotor-leaf,.flipdown .rotor{height:50px}.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear,.flipdown .rotor-top,.flipdown .rotor-bottom,.flipdown .rotor:after{height:25px}}