html,body{color:#2a3e50;background-color:#e8edf2;height:100%;margin:0;font-family:poppins,sans-serif;overflow:hidden}.demo-header{box-sizing:border-box;color:#2a3e50;align-items:center;gap:12px;height:70px;padding-left:92px;padding-right:8px;font-size:1.125rem;font-weight:400;display:flex}.demo-header a{color:inherit;text-decoration:none}.demo-header .chevron-right{background-color:#2a3e50;width:30px;height:100%;font-weight:270;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%232a3e50'%3e%3cpath%20d='M504-480%20320-664l56-56%20240%20240-240%20240-56-56%20184-184Z'/%3e%3c/svg%3e") 50% no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%232a3e50'%3e%3cpath%20d='M504-480%20320-664l56-56%20240%20240-240%20240-56-56%20184-184Z'/%3e%3c/svg%3e") 50% no-repeat}.y-logo{background-color:#2a3e50;width:12rem;height:100%;margin:4px 4px 4px 16px;-webkit-mask:url(./ylogo-large-3pzG7KhQ.svg) 50% no-repeat;mask:url(./ylogo-large-3pzG7KhQ.svg) 50% no-repeat}.main-container{box-sizing:border-box;grid-template-columns:auto 320px;gap:8px;width:100%;height:calc(100% - 80px);min-height:0;display:grid}.demo-page__description{background-color:#fff;border-radius:16px;padding:16px;font-family:poppins,sans-serif;font-size:.875rem;font-weight:400;overflow:auto}.demo-page__description h1{color:#00adcc;margin-top:0;font-size:160%;font-weight:600}.demo-page__description a{color:#2a3e50}.demo-page__description a:hover{text-decoration-thickness:2px}.demo-page__main{background-color:#fff;border-radius:16px;height:100%;position:relative}.graph-component{height:100%}.demo-page__description button{color:#000;cursor:pointer;background-color:#0000;border:1px solid #000;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;height:28px;padding:0 10px;display:inline-flex}.demo-page__description button:hover{cursor:pointer;background-color:#aec3d5}@media (max-width:768px){body{height:100vh;overflow:hidden}.main-container{flex-direction:column;height:calc(100% - 60px);display:flex}.demo-header{flex:none}.demo-page__description{border-block-end:1px solid #bbb;border-inline-end:none;flex:0 auto;order:1;max-height:calc(40vh - 60px);overflow:hidden auto}.demo-page__main{flex:1 0 60vh;order:2}}