.block-history-cards{background:#09283b;flex-direction:column;justify-content:center;height:calc(100svh - 85px);max-height:900px;padding:6rem 0;display:flex;overflow:hidden}.playing-card-container{align-items:center;gap:2rem;height:500px;display:flex;position:relative}.playing-card-spacer{min-width:100px;height:100%}.playing-card-spacer.first{min-width:calc(50vw - 150px)}.playing-card{backface-visibility:hidden;transform-style:preserve-3d;aspect-ratio:2/3;min-width:300px;transition:transform .6s;transform:rotateY(180deg)scale(.9)}.playing-card.active,.playing-card.card-block-active{transform:rotateY(360deg)scale(1)}.playing-card.active .card-front,.playing-card.card-block-active .card-front{box-shadow:1rem 0 4rem -.5rem #00000080}.playing-card .card-line{opacity:0;transform-origin:0;pointer-events:none;background:0 0;width:100%;height:1px;display:block;position:absolute;top:0}.card-front,.card-back{backface-visibility:hidden;border:4px solid #0000;border-radius:25px;width:100%;height:100%;transition:transform .6s;position:absolute;overflow:hidden}.card-front{background-color:#fff;border-color:#f3c88e;flex-direction:column;gap:2rem;padding:2rem;display:flex;box-shadow:1rem 0 4rem -.5rem #0003}.card-front h2{font-size:5rem;font-weight:700;line-height:1}.card-front h3{margin:0;font-size:2rem;font-weight:700}.card-front p{margin:0;font-size:1.4rem;line-height:1.33}@media (width<=1100px){.card-front p{font-size:1.8rem}}.card-front .card-image{aspect-ratio:4/2.5;margin-top:auto;position:relative}.card-front .card-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-back{background-color:#000;border-color:#ecad55;transform:rotateY(180deg)}.card-back .inset-1,.card-back .inset-2{background-color:#000;width:100%;height:100%;position:absolute}.card-back .inset-1{z-index:3;background-image:url(../../assets/images/card-back.jpg);background-size:cover;border:2px solid #ecad55;border-radius:7px;width:83%;height:86%;top:50%;left:50%;transform:translate(-50%,-50%)}.card-back .inset-2{z-index:2;border:4px solid #ecad55;border-radius:16px;width:96%;height:97%;top:50%;left:50%;transform:translate(-50%,-50%)}