@keyframes draw-attention{0%{box-shadow:0 0}50%{box-shadow:0 0 4rem 2rem}to{box-shadow:0 0 1em .5em}}.diag-ref{box-shadow:0 0;transition:box-shadow .5s}.pulse{animation:pulse-outside 1s linear infinite}.glow{animation:pulse-outside 1s linear infinite,draw-attention 1s linear 1;box-shadow:0 0 1em .5em}.diagram-products{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;overflow-x:hidden;overflow-y:scroll;width:100%}.diagram-layout-desktop-vertical,.diagram-layout-mobile-horizontal,.diagram-layout-mobile-vertical{flex-direction:column}.diagram-container-diagram,.diagram-container-products{width:100%}.diagram-layout-desktop-horizontal .diagram-container-diagram{width:65%}.diagram-layout-desktop-horizontal .diagram-container-products{width:35%}.diagram-products-mobile-horizontal{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:1rem}.diagram-products-mobile-vertical{flex-direction:column;overflow:visible;padding-left:1rem}.diagram-products-desktop-horizontal{flex-direction:column;height:calc(90vh - 4rem);padding-left:1rem;padding-right:.5rem;padding-top:1rem}.diagram-products-desktop-vertical{flex-direction:column;overflow:visible}@media(min-width:64rem){.diag-wrap{height:90vh!important}::-webkit-scrollbar{background-color:#0000001a;border-radius:10px;height:2px;width:7px}::-webkit-scrollbar-thumb{background-color:silver;border-radius:10px}}