#left-sidebar{position:absolute;z-index:105;height:100vh;width:48px;background:var(--primary-2)}#left-sidebar .logo-container{margin-top:14px;margin-bottom:14px}#left-sidebar .logo-container img{height:18px}#left-sidebar .sidebar-list{position:relative}#left-sidebar .sidebar-list .list-item{height:32px;width:48px;border-radius:4px;background:var(--primary-2);cursor:pointer;position:relative}#left-sidebar .sidebar-list .list-item:after{height:0;top:50%}#left-sidebar .sidebar-list .list-item:after,#left-sidebar .sidebar-list .list-item:hover:after{content:"";width:2px;left:0;position:absolute;background-color:var(--accent);border-radius:0 2px 2px 0;-webkit-transition:all .2s cubic-bezier(.55,.085,.68,.53);transition:all .2s cubic-bezier(.55,.085,.68,.53)}#left-sidebar .sidebar-list .list-item:hover:after{height:16px;top:calc(50% - 8px)}#left-sidebar .sidebar-list .list-item.active svg{color:var(--accent);-webkit-transform:scale(1.2);transform:scale(1.2)}#left-sidebar .sidebar-list .list-item.active:after,#left-sidebar .sidebar-list .list-item.active svg{-webkit-transition:all .2s cubic-bezier(.55,.085,.68,.53);transition:all .2s cubic-bezier(.55,.085,.68,.53)}#left-sidebar .sidebar-list .list-item.active:after{content:"";width:2px;height:32px;left:0;top:0;position:absolute;background-color:var(--accent);border-radius:0 2px 2px 0}#left-sidebar .sidebar-list .divider{width:100%;padding-left:4px;padding-right:4px;padding-top:16px;padding-bottom:16px}#left-sidebar .sidebar-list .divider .line{background:var(--secondary-1);height:2px}#left-sidebar .sidebar-list .quit-viewer-dialog{position:absolute;z-index:11;left:56px;top:8px;border-radius:4px;width:184px;background:var(--primary-2)}#left-sidebar .sidebar-list .quit-viewer-dialog .content{padding:8px}#left-sidebar .sidebar-list .quit-viewer-dialog .footer{border-top:1px solid var(--primary-4);display:grid;grid-template-columns:1fr 1px 1fr}#left-sidebar .sidebar-list .quit-viewer-dialog .footer .btns-border{height:100%;width:1px;background:var(--primary-4)}#left-sidebar .sidebar-list .quit-viewer-dialog .footer .dialog-btn{padding:8px;cursor:pointer}#left-sidebar .sidebar-list .quit-viewer-dialog .footer .dialog-btn:first-of-type{border-bottom-left-radius:4px}#left-sidebar .sidebar-list .quit-viewer-dialog .footer .dialog-btn:last-of-type{border-bottom-right-radius:4px}#left-sidebar .sidebar-list .quit-viewer-dialog .footer .dialog-btn:hover{background:var(--primary-3)}#left-sidebar .sidebar-list .floorplan-view-btn{position:absolute;top:49px;right:-32px;height:32px;width:32px;background:var(--accent);-webkit-box-shadow:0 0 4px rgba(0,0,0,.25);box-shadow:0 0 4px rgba(0,0,0,.25);border-radius:0 4px 4px 0;cursor:pointer}#left-sidebar .floorplan-view-container{position:absolute;top:16px;left:-328px;background:rgba(21,21,23,.8);width:280px;z-index:-5;border-top-right-radius:4px;border-bottom-right-radius:4px}#left-sidebar .floorplan-view-container,#left-sidebar .floorplan-view-container.floorplan-view-active{-webkit-transition:left .3s cubic-bezier(.55,.085,.68,.53);transition:left .3s cubic-bezier(.55,.085,.68,.53)}#left-sidebar .floorplan-view-container.floorplan-view-active{left:48px!important}#left-sidebar .floorplan-view-container .header{padding:8px 16px}#left-sidebar .floorplan-view-container .floorplan-img{height:168px;opacity:0}#left-sidebar .floorplan-view-container .floorplan-img,#left-sidebar .floorplan-view-container .floorplan-img.hide-floorplan{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transition:opacity .3s cubic-bezier(.55,.085,.68,.53);transition:opacity .3s cubic-bezier(.55,.085,.68,.53)}#left-sidebar .floorplan-view-container .floorplan-img.hide-floorplan{opacity:1!important}#left-sidebar .floorplan-view-container .floorplan-controls{height:32px;display:grid;grid-template-columns:1fr 40px 1fr}#left-sidebar .floorplan-view-container .floorplan-controls .control-btn{height:20px;width:20px;border-radius:2px;cursor:pointer}#left-sidebar .floorplan-view-container .floorplan-controls .control-btn:hover{background:var(--primary-1)}#left-sidebar .floorplan-view-container .floorplan-controls .section-a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}#left-sidebar .floorplan-view-container .floorplan-controls .section-b{position:relative}#left-sidebar .floorplan-view-container .floorplan-controls .section-b .fullscreen-btn{position:absolute;top:-4px;width:40px;height:40px;background:var(--primary-3);border-radius:50%;cursor:pointer}#left-sidebar .floorplan-view-container .floorplan-controls .section-c{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}#left-sidebar .floorplan-view-container .close-btn{position:absolute;background:var(--accent);-webkit-box-shadow:0 0 4px rgba(0,0,0,.25);box-shadow:0 0 4px rgba(0,0,0,.25);border-top-right-radius:4px;border-bottom-right-radius:4px;cursor:pointer;width:12px;height:16px;right:-12px;top:calc(50% - 8px)}