#title{text-align:center;z-index:100;width:100%;padding:15px;font-size:24px;font-weight:700;position:absolute;top:0;left:0}#graph-container{box-sizing:border-box;background-color:#f0f0f0;width:100vw;height:100vh;overflow:hidden}#graph-svg-container{width:100%;height:100%}.node circle{stroke-width:2px}.node rect{stroke-width:2px;rx:5;ry:5}.node text{text-anchor:middle;pointer-events:none}.node .text-inside{dominant-baseline:middle}.node .text-bottom{dominant-baseline:hanging}.link{fill:none}.link-text{text-anchor:middle;dominant-baseline:middle;pointer-events:none}.tooltip{pointer-events:none;border-radius:4px;max-width:300px;padding:8px;position:absolute}
.image-fan-container{perspective:1000px;justify-content:center;align-items:center;width:500px;height:548px;margin:-84px auto 0;display:flex;position:relative}.cards-stack{width:100%;height:100%;position:relative}.image-card{cursor:pointer;transform-origin:bottom;width:180px;height:360px;transform:translateX(calc((var(--index) - (var(--total) - 1)/2)*80px))translateY(calc(abs(var(--index) - (var(--total) - 1)/2)*15px))rotateZ(calc((var(--index) - (var(--total) - 1)/2)*12deg));z-index:calc(var(--total) - abs(var(--index) - (var(--total) - 1)/2));border-radius:20px;margin-top:-140px;margin-left:-90px;transition:all .5s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.3)}.image-card img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.image-card.hovered{transform:translateX(calc((var(--index) - (var(--total) - 1)/2)*80px))translateY(calc(abs(var(--index) - (var(--total) - 1)/2)*15px - 30px))rotateZ(calc((var(--index) - (var(--total) - 1)/2)*12deg))scale(1.1);z-index:999;box-shadow:0 20px 40px rgba(0,0,0,.4)}.image-card.hovered img{transform:scale(1.05)}@media (max-width:768px){.image-fan-container{width:350px;height:280px}.image-card{width:120px;height:200px;transform:translateX(calc((var(--index) - (var(--total) - 1)/2)*50px))translateY(calc(abs(var(--index) - (var(--total) - 1)/2)*10px))rotateZ(calc((var(--index) - (var(--total) - 1)/2)*10deg))}.image-card.hovered{transform:translateX(calc((var(--index) - (var(--total) - 1)/2)*50px))translateY(calc(abs(var(--index) - (var(--total) - 1)/2)*10px - 20px))rotateZ(calc((var(--index) - (var(--total) - 1)/2)*10deg))scale(1.1)}}
