.flipdown.flipdown__theme-dark{font-family:Camphor Pro;font-weight:700}.flipdown.flipdown__theme-dark .rotor-group-heading:before{color:#ff9208}.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before{background-color:#151515}.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after{background-color:#151515}.flipdown.flipdown__theme-dark .rotor,.flipdown.flipdown__theme-dark .rotor-top,.flipdown.flipdown__theme-dark .rotor-leaf-front{color:#ff9208;background-color:#151515}.flipdown.flipdown__theme-dark .rotor-bottom,.flipdown.flipdown__theme-dark .rotor-leaf-rear{color:#ff9208;background-color:#fff}.flipdown.flipdown__theme-light{font-family:Camphor Pro;font-weight:700}.flipdown.flipdown__theme-light .rotor-group-heading:before{color:#ff9208}.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):before{background-color:#fff}.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):after{background-color:#fff}.flipdown.flipdown__theme-light .rotor,.flipdown.flipdown__theme-light .rotor-top,.flipdown.flipdown__theme-light .rotor-leaf-front,.flipdown.flipdown__theme-light .rotor-bottom,.flipdown.flipdown__theme-light .rotor-leaf-rear{color:#ff9208;background-color:#fff}.flipdown{overflow:visible}.flipdown .rotor-group{position:relative;float:left;padding-right:20px}.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+3):before{content:"";position:absolute;bottom:20px;left:69px;width:5px;height:5px;border-radius:50%}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after{content:"";position:absolute;bottom:20px;left:69px;width:5px;height:5px;border-radius:50%}.flipdown .rotor-group-heading:before{display:block;height:20px;line-height:20px;text-align:center}.flipdown .rotor{position:relative;float:left;width:30px;height:80px;margin:0 5px 0 0;border-radius:4px;font-size:2rem;text-align:center;perspective:200px}.flipdown .rotor:last-child{margin-right:0}.flipdown .rotor:after{content:"";z-index:2;position:absolute;bottom:0;left:0;width:30px;height:20px;border-radius:0 0 4px 4px}.flipdown .rotor-top{overflow:hidden;position:absolute;width:30px;height:20px;line-height:80px;border-radius:4px 4px 0 0}.flipdown .rotor-bottom{overflow:hidden;position:absolute;width:30px;height:20px;bottom:0;line-height:0;border-radius:0 0 4px 4px}.flipdown .rotor-leaf{z-index:1;position:absolute;width:30px;height:80px;transform-style:preserve-3d;transition:transform 0s}.flipdown .rotor-leaf.flipped{transform:rotateX(-180deg);transition:all .5s ease-in-out}.flipdown .rotor-leaf-front{overflow:hidden;position:absolute;width:30px;height:40px;margin:0;transform:rotateX(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;line-height:80px;border-radius:4px 4px 0 0}.flipdown .rotor-leaf-rear{overflow:hidden;position:absolute;width:30px;height:40px;margin:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;line-height:0;border-radius:0 0 4px 4px;transform:rotateX(-180deg)}.flipdown{height:30px}.flipdown .rotor{font-size:1.2rem;margin-right:3px;width:20px;height:30px}.flipdown .rotor:after{width:20px;height:15px}.flipdown .rotor-leaf{width:20px;height:30px}.flipdown .rotor-leaf-front{width:20px;line-height:30px;height:15px}.flipdown .rotor-leaf-rear{width:20px;height:15px}.flipdown .rotor-top{width:20px;line-height:30px;height:15px}.flipdown .rotor-bottom{width:20px;height:15px}.flipdown .rotor-group{padding-right:10px}.flipdown .rotor-group:last-child{padding-right:0}.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:46.5px;height:3px;width:3px}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before{bottom:9px}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after{bottom:17px}.flipdown .rotor-group-heading:before{font-size:.8rem;height:20px;line-height:20px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/flipdown.css.map */