*{margin:0;padding:0}html{background-color:#dedede;font-family:Roboto,sans-serif;overflow:hidden}body,main{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;width:100%}ul{list-style-type:none}.viewer-body{-webkit-box-flex:1;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.viewer-body .container{width:250px}.viewer-body .container.close{width:auto}.viewer-body nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#14c0bc;-ms-flex-direction:column;flex-direction:column;overflow:auto}.viewer-body nav.close .logo,.viewer-body nav.close .main-list{display:none}.viewer-body .header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.viewer-body .header .logo svg{width:100px}.viewer-body .header .burger{margin-left:auto;padding:.25rem .5rem;-webkit-transition:all .3s;transition:all .3s}.viewer-body .main-list li{border-bottom:1px solid #0e8381;padding-block:.75rem;padding-inline:1rem;text-transform:capitalize}.viewer-body .main-list li a,.viewer-body .main-list li span{color:#fff;text-decoration:none}.viewer-body .main-list li a.active,.viewer-body .main-list li a:hover,.viewer-body .main-list li span.active,.viewer-body .main-list li span:hover{color:#000}.viewer-body .main-list li:last-child{border-bottom:none}.viewer-body .main-list .has-sub-menu{background-color:#12a7a4}.viewer-body .main-list .has-sub-menu li.active a{color:#000}.viewer-body .main-list .has-sub-menu .sub-menu-title{cursor:pointer;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.viewer-body .main-list .has-sub-menu .sub-menu-toggle{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.viewer-body .main-list .has-sub-menu .sub-menu-toggle svg{fill:#fff}.viewer-body .main-list .has-sub-menu .sub-menu{display:none;margin-top:1rem}.viewer-body .main-list .has-sub-menu.open .sub-menu{display:block}.viewer-body .main-list .has-sub-menu.open .sub-menu-toggle{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.viewer-body .viewer-iframe{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.viewer-body .viewer-iframe iframe{border:none;height:100%;width:100%}.viewer-body .screen_sizes{background-color:#d3d3d3;bottom:100%;font-size:12px;padding:5px 8px;position:absolute;right:0}