.flipdown figure{ display:block;}.flipdown.flipdown__theme-dark{ font-family:"Peyda"; font-weight:bold;}.flipdown.flipdown__theme-dark .rotor-group-heading:before{ color:#000000;}.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,.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:#FFFFFF; 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:solid 1px #151515;}.flipdown.flipdown__theme-light{ font-family:"Peyda"; font-weight:bold;}.flipdown.flipdown__theme-light .rotor-group-heading:before{ color:#EEEEEE;}.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):before,.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):after{ background-color:#DDDDDD;}.flipdown.flipdown__theme-light .rotor,.flipdown.flipdown__theme-light .rotor-top,.flipdown.flipdown__theme-light .rotor-leaf-front{ color:#222222; background-color:#DDDDDD;}.flipdown.flipdown__theme-light .rotor-bottom,.flipdown.flipdown__theme-light .rotor-leaf-rear{ color:#333333; background-color:#EEEEEE;}.flipdown.flipdown__theme-light .rotor:after{ border-top:solid 1px #222222;}.flipdown{ overflow:visible; height:110px; gap:2rem; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; justify-content:center; direction:ltr;}.flipdown .rotor-group{ position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:1.25rem;}.flipdown .rotor-group:last-child{ padding-right:0;}.flipdown .rotor-group-heading{ grid-column-start:1; grid-column-end:3;}.flipdown .rotor-group-heading:before{ display:block; height:30px; line-height:30px; text-align:center;font-size: 25px}.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:115%; width:8px; height:8px; border-radius:50%;}.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after{ content:''; position:absolute; bottom:50px; left:115%; width:8px; height:8px; border-radius:50%;}.flipdown .rotor{ position:relative; width:40px; height:80px; border-radius:4px; font-size:3.5rem; text-align:center; perspective:200px;}.flipdown .rotor:last-child{ margin-right:0;}.flipdown .rotor-top,.flipdown .rotor-bottom{ overflow:hidden; position:absolute; width:50px; height:40px;}.flipdown .rotor-leaf{ z-index:1; position:absolute; width:50px; height:80px; transform-style:preserve-3d; transition:transform 0s;}.flipdown .rotor-leaf.flipped{ transform:rotateX(-180deg); transition:all 0.5s ease-in-out;}.flipdown .rotor-leaf-front,.flipdown .rotor-leaf-rear{ overflow:hidden; position:absolute; width:50px; height:40px; margin:0; transform:rotateX(0deg); backface-visibility:hidden; -webkit-backface-visibility:hidden;}.flipdown .rotor-leaf-front{ line-height:80px; border-radius:4px 4px 0px 0px;}.flipdown .rotor-leaf-rear{ line-height:0px; border-radius:0px 0px 4px 4px; transform:rotateX(-180deg);}.flipdown .rotor-top{ line-height:80px; border-radius:4px 4px 0px 0px;}.flipdown .rotor-bottom{ bottom:0; line-height:0px; border-radius:0px 0px 4px 4px;}.flipdown .rotor:after{ content:''; z-index:2; position:absolute; bottom:0px; left:0px; width:50px; height:40px; border-radius:0px 0px 4px 4px;}