.flip-card{color:#fff;font-family:JuniorBantamwt,sans-serif;position:relative;display:inline-flex;flex-direction:column;align-items:center;align-content:center;box-shadow:0 2px 3px #0003;border-radius:.1em}.top,.bottom,.flip-card .top-flip,.flip-card .bottom-flip{height:.515em;line-height:.52;text-align:center;padding:.25em;overflow:hidden}.top,.flip-card .top-flip{display:flex;justify-content:center;background-color:#404041;border-top-right-radius:.1em;border-top-left-radius:.1em;border-bottom:1px solid rgba(0,0,0,.1)}.bottom,.flip-card .bottom-flip{background-color:#38393a;display:flex;align-items:flex-end;justify-content:center;justify-items:center;border-bottom-right-radius:.1em;border-bottom-left-radius:.1em}.flip-card .top-flip{position:absolute;width:100%;animation:flip-top .25s ease-in;transform-origin:bottom}@keyframes flip-top{to{transform:rotateX(90deg)}}.flip-card .bottom-flip{position:absolute;bottom:0;width:100%;animation:flip-bottom .25s ease-out .25s;transform-origin:top;transform:rotateX(90deg)}@keyframes flip-bottom{to{transform:rotateX(0)}}.container-segment{display:flex;flex-direction:row;align-items:center;justify-content:center}.segment{background-color:#252627;border-radius:0;display:flex;align-items:center}.fade-out{animation:fadeOutAnimation 1s ease-out forwards}.fade-in{animation:fadeInAnimation 1s ease-in forwards}.fade-out-top-five{animation:fadeOutAnimation 1s ease-out forwards}.fade-in-top-five{animation:fadeInAnimation .03s ease-in forwards}@keyframes fadeOutAnimation{to{opacity:0}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}