#example-content{flex:auto;height:100%;display:flex;overflow-x:hidden}#example-aside{width:15%;height:100%;margin-top:10vh;overflow:visible}#example-aside-p{color:#fff;width:100%;font:20pt Roboto}#example-aside-in{flex-direction:column;justify-content:start;align-items:start;gap:2%;width:100%;height:90%;margin-top:30%;display:flex;overflow-y:scroll}#example-aside-in>button{color:var(--subtitle);white-space:none;flex-direction:column;justify-content:center;align-items:start;text-decoration:none;display:flex;position:relative;left:5%}#example-aside-in>button:hover{color:#fff}.example-active{color:var(--blue)!important}#example-left-aside{flex:auto;width:15%;height:100%}#example-left-info{width:100%;height:20%;margin-top:6vh}#example-left-scroll{width:100%;height:50%;margin-top:10%;padding-left:10%}#example-left-current{color:#fff;margin-top:20%;margin-left:5%;font:20pt Roboto}#example-left-p{color:#fff;margin-left:15%;font:15pt Roboto}
#example-main{width:70%;min-width:0;height:100%;min-height:0;padding:5% 2%;position:relative;overflow:hidden auto}#example-in{background:var(--bg2);border-radius:40px;flex-direction:column;gap:5vh;width:100%;padding:5%;display:flex}.example-code{border:1px solid var(--subtitle);width:100%!important}
