.container[data-v-b3005f68]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}.left-panel[data-v-b3005f68]{width:250px;background-color:#fff;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px}.left-panel ul[data-v-b3005f68]{list-style:none;padding:0;margin:0}.left-panel li[data-v-b3005f68]{padding:10px;cursor:pointer;border-radius:4px;margin-bottom:5px}.left-panel li[data-v-b3005f68]:hover{background-color:#e6f7ff}.left-panel li.active[data-v-b3005f68]{background-color:#3472c7;color:#fff}.left-panel li.active path[data-v-b3005f68]{fill:#fff}.right-panel[data-v-b3005f68]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 0 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.rank-change[data-v-b3005f68]{font-size:12px;margin-left:5px}.rank-change.up[data-v-b3005f68]{color:green}.rank-change.down[data-v-b3005f68]{color:red}.rank-change.no-change[data-v-b3005f68]{color:grey}.grid-container[data-v-b3005f68]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-item[data-v-b3005f68]{background:#fff;padding:15px;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}