.flip-card{perspective:1000px;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000}.flip-card-content{text-align:center;width:100%;height:100%;transform-style:preserve-3d;border-radius:.75rem;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}@media (hover:hover){.flip-card:hover .flip-card-content{transform:rotateY(180deg)}}.flip-card-content.flipped{transform:rotateY(180deg)}.flip-card-side-default,.flip-card-side-hover{backface-visibility:hidden;border-radius:.75rem;width:100%;height:100%;position:absolute;overflow:hidden}.flip-card-side-default{color:#fff;background-color:#171717;border:1px solid #40404066;justify-content:center;align-items:center;display:flex}.flip-card-side-default:before{content:" ";background:linear-gradient(135deg,var(--card-color)0%,transparent 50%);z-index:0;opacity:.3;border-radius:.75rem;display:block;position:absolute;inset:0}.flip-card-inner-content{z-index:1;background-color:#0a0a0a;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 4px);height:calc(100% - 4px);display:flex;position:absolute;inset:2px}.flip-card-side-hover{color:#fff;border:1px solid var(--card-color);box-shadow:0 0 15px var(--card-color-glow,#0000);background-color:#171717;flex-direction:column;justify-content:center;align-items:center;display:flex;transform:rotateY(180deg)}.flip-card-hover-content{background:linear-gradient(to bottom right,#171717,#0a0a0af2);flex-direction:column;justify-content:flex-start;width:100%;height:100%;padding:1rem;display:flex;overflow-y:auto}