:root{--flip-w:min(6.4vw,3.4444444444rem);--flip-h:min(10.2vw,8.1111111111rem);--flip-hh:calc(var(--flip-h)/2);--flip-wm:min(3vw,3.3333333333rem)}@media screen and (min-width:33.75em){:root{--flip-wm:min(5vw,3.3333333333rem)}}@media screen and (min-width:48em){:root{--flip-w:min(4.4vw,3.4444444444rem)}}.flipdown{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;overflow:visible;width:100%}.flipdown .rotor-group{float:left;padding-right:var(--flip-wm);position:relative}.flipdown .rotor-group:last-child{padding-right:0}.flipdown .rotor-group-heading:before{color:var(--text-lighter);display:block;height:1.5rem;line-height:1.5rem;margin:0 0 .2222222222rem;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{background-color:var(--interactive-blue-700);border-radius:50%;content:"";height:.2222222222rem;left:calc(68% + var(--flip-wm));position:absolute;top:60%;width:.2222222222rem}@media screen and (min-width:33.75em){.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before{left:calc(56% + var(--flip-wm));top:55%}}@media screen and (min-width:48em){.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before{height:.3333333333rem;left:calc(48% + var(--flip-wm));width:.3333333333rem}}@media screen and (min-width:85.375em){.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before{height:.5555555556rem;left:calc(50% + var(--flip-wm));top:45%;width:.5555555556rem}}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after{background-color:var(--interactive-blue-700);border-radius:50%;bottom:18%;content:"";height:.2222222222rem;left:calc(68% + var(--flip-wm));position:absolute;width:.2222222222rem}@media screen and (min-width:33.75em){.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after{bottom:22%;left:calc(56% + var(--flip-wm))}}@media screen and (min-width:48em){.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after{height:.3333333333rem;left:calc(48% + var(--flip-wm));width:.3333333333rem}}@media screen and (min-width:85.375em){.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after{bottom:25%;height:.5555555556rem;left:calc(50% + var(--flip-wm));width:.5555555556rem}}.flipdown .rotor{background-color:var(--interactive-blue-50);border-radius:.1111111111rem;float:left;font-size:min(6.88vw,4.88rem);height:var(--flip-h);line-height:min(6.11vw,6.11rem);margin:0 .2222222222rem 0 0;-webkit-perspective:200px;perspective:200px;position:relative;text-align:center;width:var(--flip-w)}@media screen and (min-width:48em){.flipdown .rotor{font-size:min(4.88vw,4.88rem)}}.flipdown .rotor:last-child{margin-right:0}.flipdown .rotor-bottom,.flipdown .rotor-top{height:var(--flip-hh);overflow:hidden;position:absolute;width:var(--flip-w)}.flipdown .rotor-leaf{height:var(--flip-h);position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 0s;transition:-webkit-transform 0s;transition:transform 0s;transition:transform 0s,-webkit-transform 0s;width:var(--flip-w);z-index:1}.flipdown .rotor-leaf.flipped{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear{backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:var(--interactive-blue-50);color:var(--interactive-blue-700);height:var(--flip-hh);left:0;margin:0;overflow:hidden;position:absolute;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);width:var(--flip-w)}.flipdown .rotor-leaf-front{border-radius:.1111111111rem .1111111111rem 0 0;line-height:var(--flip-h)}.flipdown .rotor-leaf-rear{border-radius:0 0 .1111111111rem .1111111111rem;line-height:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.flipdown .rotor-top{border-radius:.1111111111rem .1111111111rem 0 0;color:var(--interactive-blue-700);line-height:var(--flip-h)}.flipdown .rotor-bottom{color:var(--interactive-blue-700);line-height:0}.flipdown .rotor-bottom,.flipdown .rotor:after{border-radius:0 0 .1111111111rem .1111111111rem;bottom:0}.flipdown .rotor:after{border-top:.0555555556rem solid #f8f8f8;content:"";height:var(--flip-hh);left:0;position:absolute;width:var(--flip-w);z-index:2}@media screen and (min-width:48em){.flipdown .rotor:after{border-top:.1111111111rem solid #f8f8f8}}