.graph-interaction-layer{touch-action:none;opacity:1;background-color:#fff;border:1px solid oklch(79.21% 0 0);border-radius:10px;flex-grow:1;transition:opacity .3s ease-out;display:flex;overflow:hidden;&.graph-interaction-layer--loading{opacity:0;pointer-events:none}}.graph{transform-origin:0 0;backface-visibility:hidden;perspective:1000px;pointer-events:none;background-color:#fff;flex-direction:row;align-self:flex-start;padding:80px 0;transition:opacity .3s ease-out;display:flex;position:relative;transform:translate(0)scale(1)}.graph-layer{z-index:2;pointer-events:none;flex-direction:column;margin:0 175px;padding:30px 0;display:flex;position:relative}.graph-node-group{pointer-events:none;flex-direction:column;align-items:center;display:flex;.graph-layer--last &{align-items:flex-start;padding:30px 0}}.graph-controls{opacity:1;background-color:var(--color__white);width:100%;padding-top:9px;transition:all .3s ease-out;&.graph-controls--hidden{display:none}}@media(width>=890px){.graph-controls{padding-top:20px}}.graph-controls__inner{flex-direction:row;align-items:center;padding:0;display:flex}@media(width>=560px){.graph-controls__inner{justify-content:space-between}}@media(width>=580px){.graph-controls__inner{flex-direction:row;align-items:center}}@media(width>=890px){.graph-controls__inner{padding:0}}.graph-controls__left{flex-direction:row;flex:1;display:flex}.graph-controls__right{margin-bottom:0}