.graph-container{background-color:var(--primary);width:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;border-radius:12px;flex:25%;animation:.4s cubic-bezier(.175,.685,.22,1) graph-appear;position:relative}.explorer-card-sidebar .graph-container{border:1px solid var(--border-color-weak);box-shadow:var(--box-shadow)}.graph-preview-card-container{width:100%;bottom:calc(200px*var(--scale-factor));z-index:1000;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .1s,transform .1s;display:flex;position:absolute;transform:scale(.9)}.graph-preview-card-container.visible{opacity:1;transform:scale(1)}.graph-preview-card-container .library-card{width:calc(500px*var(--scale-factor));max-width:calc(100% - 2em);max-height:calc(250px*var(--scale-factor));pointer-events:none;margin:0;animation-duration:0s}.graph-preview-card-container.visible .library-card{pointer-events:auto}.graph-preview-card-container .library-card.colorful:after{opacity:.75}.darkmode .graph-preview-card-container .library-card.colorful:after{opacity:1}.graph-preview-card-container .library-card:hover{box-shadow:var(--box-shadow)}.graph-preview-card-container .library-card .library-card-menu{display:none}.graph-container canvas{border-radius:12px;transition:transform .3s}.graph-container .graph-worker-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@keyframes graph-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.graph-loading-overlay{background-color:rgba(var(--primary-rgb),.85);backdrop-filter:blur(3px);z-index:1001;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.graph-loading-content{background-color:var(--primary);border:1px solid var(--border-color);box-shadow:var(--box-shadow);border-radius:10px;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.graph-loading-content span{color:var(--text-color-medium);font-size:.95rem}.fullscreen-modal-content{margin:auto}.fullscreen-modal-content .graph-container,.mermaid-modal-content .graph-container,.graph-modal-content .graph-container{height:100%}.graph-modal-content{height:90vh;padding:.5rem;position:relative;overflow:hidden}.graph-button{z-index:1000;color:var(--text-color-weak);line-height:0;transition:color .3s;position:absolute;top:16px;right:16px}.graph-button:hover{color:var(--text-color)}.path-graph-button{right:unset;left:16px}.graph-button svg{cursor:pointer;width:20px;height:20px}@media (width<=768px){.graph-preview-card-container{bottom:calc(185px*var(--scale-factor))}}