.flowchart_root__Qcpdo{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}.flowchart_flowWrapper__p5SGF{height:100%;width:100%}.flowchart_flowWrapper__p5SGF .react-flow,.flowchart_sidepanel__DrRw_{background-color:var(--bs-body-bg)}.flowchart_sidepanel__DrRw_{width:75%;height:100%;padding:10px;overflow:scroll;right:0;transition:bottom .5s ease-in-out;position:relative;border-left:1px solid;-o-border-image:linear-gradient(180deg,#f5f7fa,#f5f7fa) 1;border-image:linear-gradient(180deg,#f5f7fa,#f5f7fa) 1}.flowchart_open__fIn8Y{right:0}.flowchart_center__QTffS{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}@media(max-width:768px){.flowchart_center__QTffS{padding-bottom:2rem}}.flowchart_intro__yylwo{font-size:1.3em}.flowchart_btn-close__pgmNS,.flowchart_btn-toggle__ZqfQy{display:none}@media screen and (max-width:767px){.flowchart_sidepanel__DrRw_{position:fixed;width:100%;height:50%;bottom:-100%;transition:right .5s ease-in-out;right:0;box-shadow:0 2px 8px rgba(0,0,0,.2);border-left:none;border-top:1px solid}.flowchart_open__fIn8Y{bottom:0;right:0}.flowchart_btn-toggle__ZqfQy{background-color:buttonface;display:block;position:fixed;top:calc(50% - 50px);right:0;height:50px;font-size:1.2em;padding:10px 20px;color:#000;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}}