.flipUnitContainer.svelte-x6oezf{display:block;position:relative;--flip-size: min( calc(50vh - 120px) , calc(50vw - 40px) , calc(100vh - 200px) , 480px );width:var(--flip-size);height:var(--flip-size);perspective-origin:50% 50%;--flip-duration: .6s;--flip-perspective: 500px;perspective:var(--flip-perspective);background-color:#fff;border-radius:12px;box-shadow:0 10px 10px -10px gray}@media(orientation:landscape){.flipUnitContainer.svelte-x6oezf{--flip-size: min( calc(100vh - 180px) , calc(50vw - 60px) , 480px )}}@media(orientation:landscape)and (max-height:500px){.flipUnitContainer.svelte-x6oezf{--flip-size: min( calc(100vh - 140px) , calc(50vw - 40px) , 320px )}}@media(min-width:768px)and (orientation:landscape){.flipUnitContainer.svelte-x6oezf{--flip-size: min( calc(100vh - 160px) , calc(50vw - 80px) , 450px );--flip-perspective: 400px}}@media(min-width:1024px){.flipUnitContainer.svelte-x6oezf{--flip-size: min( calc(100vh - 180px) , calc(50vw - 100px) , 480px );--flip-perspective: 450px}}.upperCard.svelte-x6oezf,.lowerCard.svelte-x6oezf{display:flex;position:relative;justify-content:center;width:100%;height:50%;overflow:hidden;border:1px solid #333}.upperCard.svelte-x6oezf span:where(.svelte-x6oezf),.lowerCard.svelte-x6oezf span:where(.svelte-x6oezf){font-size:calc(var(--flip-size) * .7);font-weight:700;color:#1b1b1b}.upperCard.svelte-x6oezf{align-items:flex-end;border-bottom:.5px solid #333;border-top-left-radius:12px;border-top-right-radius:12px}.upperCard.svelte-x6oezf span:where(.svelte-x6oezf){transform:translateY(45%)}.lowerCard.svelte-x6oezf{align-items:flex-start;border-top:.5px solid #333;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.lowerCard.svelte-x6oezf span:where(.svelte-x6oezf){transform:translateY(-56%)}.flipCard.svelte-x6oezf{display:flex;justify-content:center;position:absolute;left:0;width:100%;height:50%;overflow:hidden;backface-visibility:hidden}.flipCard.svelte-x6oezf span:where(.svelte-x6oezf){font-size:calc(var(--flip-size) * .7);font-weight:700;color:#1b1b1b}.flipCard.unfold.svelte-x6oezf{top:50%;align-items:flex-start;transform-origin:50% 0%;transform:rotateX(180deg);background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border:.5px solid #696969;border-top:.5px solid #696969}.flipCard.unfold.svelte-x6oezf span:where(.svelte-x6oezf){transform:translateY(-56%)}.flipCard.fold.svelte-x6oezf{top:0%;align-items:flex-end;transform-origin:50% 100%;transform:rotateX(0);background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;border:.5px solid #333;border-bottom:.5px solid #333}.flipCard.fold.svelte-x6oezf span:where(.svelte-x6oezf){transform:translateY(45%)}.fold.svelte-x6oezf{animation:svelte-x6oezf-fold var(--flip-duration) cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards;transform-style:preserve-3d}.unfold.svelte-x6oezf{animation:svelte-x6oezf-unfold var(--flip-duration) cubic-bezier(.455,.03,.515,.955) 0s 1 normal forwards;transform-style:preserve-3d}@keyframes svelte-x6oezf-fold{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}@keyframes svelte-x6oezf-unfold{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}