.SplitFlapDisplay_outerContainer__YiCcd{width:100%;max-width:100%;overflow:hidden;padding:0 1rem;margin:1rem 0}.SplitFlapDisplay_container__FXj27{display:grid;grid-template-columns:repeat(var(--num-flaps,20),minmax(0,1fr));gap:0;width:calc(var(--num-flaps, 20) * 30px);max-width:800px;margin:0 auto;height:50px}.SplitFlapDisplay_flapContainer___6c5R{position:relative;height:50px;width:100%;min-width:30px;perspective:1000px;background-color:#007f6a}.SplitFlapDisplay_splitFlap__w9tgU{position:relative;width:100%;height:100%;transform-style:preserve-3d}.SplitFlapDisplay_bottom___e1yp,.SplitFlapDisplay_top__e5_SY{position:absolute;width:100%;height:50%;background-color:#007f6a;color:#fff;display:flex;justify-content:center;overflow:hidden}.SplitFlapDisplay_bottomText__Oe53D,.SplitFlapDisplay_topText__WjRrV{font-family:Inter,sans-serif;font-weight:700;font-size:1.5rem;position:absolute;width:100%;text-align:center;line-height:50px}.SplitFlapDisplay_top__e5_SY{top:0;transform-origin:bottom;border-bottom:1px solid hsla(0,0%,100%,.1)}.SplitFlapDisplay_bottom___e1yp{bottom:0;transform-origin:top}.SplitFlapDisplay_topText__WjRrV{bottom:0;transform:translateY(50%)}.SplitFlapDisplay_bottomText__Oe53D{top:0;transform:translateY(-50%)}.SplitFlapDisplay_flipping__hoZtT .SplitFlapDisplay_top__e5_SY{animation:SplitFlapDisplay_flipTop__vxRWW .15s ease-in forwards}.SplitFlapDisplay_flipping__hoZtT .SplitFlapDisplay_bottom___e1yp{animation:SplitFlapDisplay_flipBottom__0Ngwt .15s ease-out forwards;animation-delay:.15s}@keyframes SplitFlapDisplay_flipTop__vxRWW{0%{transform:rotateX(0deg)}to{transform:rotateX(-90deg)}}@keyframes SplitFlapDisplay_flipBottom__0Ngwt{0%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.SplitFlapDisplay_bottom___e1yp:after,.SplitFlapDisplay_top__e5_SY:after{content:"";position:absolute;left:0;right:0;height:100%;pointer-events:none}.SplitFlapDisplay_top__e5_SY:after{top:0;background:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0))}.SplitFlapDisplay_bottom___e1yp:after{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.25),transparent)}@media (max-width:1024px){.SplitFlapDisplay_container__FXj27{max-width:700px}.SplitFlapDisplay_bottomText__Oe53D,.SplitFlapDisplay_topText__WjRrV{font-size:1.25rem}}@media (max-width:768px){.SplitFlapDisplay_container__FXj27{--num-flaps:12;max-width:100%;height:40px}.SplitFlapDisplay_flapContainer___6c5R{height:40px;min-width:25px}.SplitFlapDisplay_bottomText__Oe53D,.SplitFlapDisplay_topText__WjRrV{font-size:1rem;line-height:40px}}@media (max-width:480px){.SplitFlapDisplay_container__FXj27{--num-flaps:8;gap:0;height:30px}.SplitFlapDisplay_flapContainer___6c5R{height:30px;min-width:20px}.SplitFlapDisplay_bottomText__Oe53D,.SplitFlapDisplay_topText__WjRrV{font-size:.875rem;line-height:30px}}.SplitFlapDisplay_multiLine__6NrVu{flex-wrap:wrap;max-width:calc(var(--line-length) * var(--flap-width, 2rem))}.SplitFlapDisplay_multiLine__6NrVu .SplitFlapDisplay_flapContainer___6c5R:nth-child(n+calc(var(--line-length) + 1)){margin-top:.5rem}