.flipdown.flipdown__theme-dark,.flipdown.flipdown__theme-light{font-family:sans-serif;font-weight:700}.flipdown.flipdown__theme-dark .rotor-group-heading::before{color:#bfbfbf}.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3)::after,.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3)::before{background-color:#141414}.flipdown.flipdown__theme-dark .rotor,.flipdown.flipdown__theme-dark .rotor-leaf-front,.flipdown.flipdown__theme-dark .rotor-top{background-color:#141414;color:#fff}.flipdown.flipdown__theme-dark .rotor-bottom,.flipdown.flipdown__theme-dark .rotor-leaf-rear{background-color:#212121;color:#f0f0f0}.flipdown.flipdown__theme-dark .rotor::after{border-top:1px solid #141414}.flipdown.flipdown__theme-light .rotor-group-heading::before{color:#ededed}.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3)::after,.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3)::before{background-color:#3b3b3b}.flipdown.flipdown__theme-light .rotor,.flipdown.flipdown__theme-light .rotor-leaf-front,.flipdown.flipdown__theme-light .rotor-top{background-color:#3b3b3b;color:#bfbfbf}.flipdown.flipdown__theme-light .rotor-bottom,.flipdown.flipdown__theme-light .rotor-leaf-rear{background-color:#2b2b2b;color:#bfbfbf}.flipdown.flipdown__theme-light .rotor::after{border-top:1px solid #212121}.flipdown{height:110px;overflow:visible;width:510px}.flipdown .rotor-group{float:left;padding-right:30px;position:relative}.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:first-child .rotor-group-heading::before,.flipdown .rotor-group:nth-child(2) .rotor-group-heading::before,.flipdown .rotor-group:nth-child(3) .rotor-group-heading::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+3)::before{border-radius:50%;bottom:20px;content:"";height:10px;left:115px;position:absolute;width:10px}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3)::after{border-radius:50%;bottom:50px;content:"";height:10px;left:115px;position:absolute;width:10px}.flipdown .rotor{border-radius:4px;float:left;font-size:4rem;height:80px;margin:0 5px 0 0;perspective:200px;position:relative;text-align:center;width:50px}.flipdown .rotor:last-child{margin-right:0}.flipdown .rotor-bottom,.flipdown .rotor-top{height:40px;overflow:hidden;position:absolute;width:50px}.flipdown .rotor-leaf{height:80px;position:absolute;transform-style:preserve-3d;transition:transform;width:50px;z-index:1}.flipdown .rotor-leaf.flipped{transform:rotateX(-180deg);transition:.5s ease-in-out}.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear{backface-visibility:hidden;height:40px;margin:0;overflow:hidden;position:absolute;transform:rotateX(0);width:50px}.flipdown .rotor-leaf-front,.flipdown .rotor-top{border-radius:4px 4px 0 0;line-height:80px}.flipdown .rotor-leaf-rear{border-radius:0 0 4px 4px;line-height:0;transform:rotateX(-180deg)}.flipdown .rotor-bottom{border-radius:0 0 4px 4px;bottom:0;line-height:0}.flipdown .rotor::after{border-radius:0 0 4px 4px;bottom:0;content:"";height:40px;left:0;position:absolute;width:50px;z-index:2}@media (max-width:550px){.flipdown{height:70px;width:312px}.flipdown .rotor{font-size:2.2rem;margin-right:3px}.flipdown .rotor,.flipdown .rotor-bottom,.flipdown .rotor-leaf,.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear,.flipdown .rotor-top,.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:.8rem;height:20px;line-height:20px}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3)::after,.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3)::before{left:69px}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3)::before{bottom:13px;height:8px;width:8px}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3)::after{bottom:29px;height:8px;width:8px}.flipdown .rotor-leaf-front,.flipdown .rotor-top{line-height:50px}.flipdown .rotor,.flipdown .rotor-leaf{height:50px}.flipdown .rotor-bottom,.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear,.flipdown .rotor-top,.flipdown .rotor::after{height:25px}}.flipdown-small .flipdown{max-height:75px;max-width:350px;overflow:visible}.flipdown-small .flipdown .rotor{font-size:2.3rem}.flipdown-small .flipdown .rotor,.flipdown-small .flipdown .rotor-bottom,.flipdown-small .flipdown .rotor-leaf,.flipdown-small .flipdown .rotor-leaf-front,.flipdown-small .flipdown .rotor-leaf-rear,.flipdown-small .flipdown .rotor-top,.flipdown-small .flipdown .rotor::after{width:25px}.flipdown-small .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3)::after,.flipdown-small .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3)::before{left:66px}.flipdown-small .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3)::before{bottom:10px;height:8px;width:8px}.flipdown-small .flipdown .rotor-group:nth-child(n+2):nth-child(-n+3)::after{bottom:25px;height:8px;width:8px}.flipdown-small .flipdown .rotor-leaf-front,.flipdown-small .flipdown .rotor-top{line-height:40px}.flipdown-small .flipdown .rotor,.flipdown-small .flipdown .rotor-leaf{height:40px}.flipdown-small .flipdown .rotor-bottom,.flipdown-small .flipdown .rotor-leaf-front,.flipdown-small .flipdown .rotor-leaf-rear,.flipdown-small .flipdown .rotor-top,.flipdown-small .flipdown .rotor::after{height:20px}