.sidebar{height:1150px;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:8px;border-bottom-left-radius:8px;margin-left:20px;min-width:258px}.container,.sidebar{width:100%;background:#fff;padding:10px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.container{height:100%;margin:0 20px 0 0}.flex-container{display:flex;gap:30px;align-items:flex-start;margin-top:30px}.grid-flex{display:flex;width:99.8%;gap:10px;align-items:center;background:#fff;padding:10px;border-top-left-radius:8px;border-top-right-radius:8px;margin-left:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.grid-flex img{width:22px;height:22px}.grid-content{display:flex;gap:20px;align-items:center;margin-top:15px;justify-content:space-between;border-radius:12px;padding:3px 5px;cursor:pointer;background-color:transparent;transition:background .3s ease-in-out}.grid-content.selected{background-color:hsla(0,0%,83%,.51)}.grid-content p{font-size:13px;margin:0}.grid-content img{width:30px;height:30px}.dropdown-menu{margin-top:10px;background:hsla(0,0%,98%,.765);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:8px;display:flex;flex-direction:column;height:120px;overflow-y:auto;width:100%}.dropdown-menu p{padding:5px;font-size:14px;margin:0;cursor:pointer;transition:background .3s;background-color:transparent}.dropdown-menu p.selected{background:hsla(0,0%,83%,.51);border-radius:5px}.dropdown-menu p:hover{background:#e0e0e0;border-radius:5px}@media(max-width:640px){.flex-container{flex-direction:column;gap:15px;align-items:center}.container,.grid-flex,.sidebar{width:calc(100% - 40px);margin-left:20px;margin-right:20px;box-sizing:border-box;max-width:600px}}