.flipdown.flipdown__theme-dark{font-family:sans-serif;font-weight:700}.flipdown.flipdown__theme-dark .rotor-group:first-child:before,.flipdown.flipdown__theme-dark .rotor-group:first-child:after,.flipdown.flipdown__theme-dark .rotor-group:nth-child(2):before,.flipdown.flipdown__theme-dark .rotor-group:nth-child(2):after{background-color:#151515}.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:1px solid #151515}.flipdown.flipdown__theme-light{font-family:sans-serif;font-weight:700}.flipdown.flipdown__theme-light .rotor-group:first-child:before,.flipdown.flipdown__theme-light .rotor-group:first-child:after,.flipdown.flipdown__theme-light .rotor-group:nth-child(2):before,.flipdown.flipdown__theme-light .rotor-group:nth-child(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:1px solid #222}.flipdown{transform-origin:50%;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:auto;max-width:100%;margin-left:auto;margin-right:auto;display:flex;overflow:visible}.flipdown .rotor-group{flex-direction:row;flex-shrink:0;align-items:flex-start;padding-right:32px;display:flex;position:relative}.flipdown .rotor-group:last-child{padding-right:0}.flipdown .rotor-group:first-child:after,.flipdown .rotor-group:nth-child(2):after{content:"";border-radius:50%;width:14px;height:14px;position:absolute;bottom:40px;right:-16px}.flipdown .rotor-group:first-child:before,.flipdown .rotor-group:nth-child(2):before{content:"";border-radius:50%;width:14px;height:14px;position:absolute;bottom:100px;right:-16px}.flipdown .rotor{text-align:center;perspective:400px;border-radius:8px;flex-shrink:0;width:100px;height:160px;margin:0 10px 0 0;font-size:8rem;position:relative}.flipdown .rotor:last-child{margin-right:0}.flipdown .rotor-top,.flipdown .rotor-bottom{width:100px;height:80px;position:absolute;overflow:hidden}.flipdown .rotor-leaf{z-index:1;width:100px;height:160px;transform-style:preserve-3d;transition:transform;position:absolute}.flipdown .rotor-leaf.flipped{transition:all .5s ease-in-out;transform:rotateX(-180deg)}.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear{backface-visibility:hidden;width:100px;height:80px;margin:0;position:absolute;overflow:hidden;transform:rotateX(0)}.flipdown .rotor-leaf-front{border-radius:8px 8px 0 0;line-height:160px}.flipdown .rotor-leaf-rear{border-radius:0 0 8px 8px;line-height:0;transform:rotateX(-180deg)}.flipdown .rotor-top{border-radius:8px 8px 0 0;line-height:160px}.flipdown .rotor-bottom{border-radius:0 0 8px 8px;line-height:0;bottom:0}.flipdown .rotor:after{content:"";z-index:2;border-radius:0 0 8px 8px;width:100px;height:80px;position:absolute;bottom:0;left:0}@media (max-width:1440px){.flipdown{transform:scale(1)}}@media (max-width:1366px){.flipdown{transform:scale(.97)}}@media (max-width:1280px){.flipdown{transform:scale(.95)}}@media (max-width:1200px){.flipdown{transform:scale(.92)}}@media (max-width:1150px){.flipdown{transform:scale(.9)}}@media (max-width:1100px){.flipdown{transform:scale(.88)}}@media (max-width:1050px){.flipdown{transform:scale(.86)}}@media (max-width:1024px){.flipdown{transform:scale(.85)}}@media (max-width:950px){.flipdown{transform:scale(.82)}}@media (max-width:900px){.flipdown{transform:scale(.8)}}@media (max-width:850px){.flipdown{transform:scale(.78)}}@media (max-width:800px){.flipdown{transform:scale(.76)}}@media (max-width:750px){.flipdown{transform:scale(.74)}}@media (max-width:700px){.flipdown{transform:scale(.72)}}@media (max-width:650px){.flipdown{transform:scale(.7)}}@media (max-width:600px){.flipdown{transform:scale(.68)}}@media (max-width:550px){.flipdown{transform:scale(.65)}}@media (max-width:500px){.flipdown{transform:scale(.6)}}@media (max-width:450px){.flipdown{transform:scale(.55)}}@media (max-width:400px){.flipdown{transform:scale(.5)}}@media (max-width:350px){.flipdown{transform:scale(.45)}}