.sidebar{background-color:#fff;width:400px;height:100vh;position:relative}.sidebar-div1{width:100%;padding:20px}.sidebar-div1-card{border-radius:20px;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:150px;padding:20px;display:flex;box-shadow:0 4px 12px #0000001a}.sidebar-div1-card-avatar{background-color:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;min-width:100px;min-height:100px;font-family:Roboto Flex,sans-serif;font-size:30px;display:flex}.sidebar-div1-card-div1{flex-direction:column;justify-content:space-between;width:100%;height:100px;display:flex;overflow:hidden}.sidebar-div1-card-div1-sec1-text1{color:#59b27b;max-height:40px;font-family:Roboto Flex,sans-serif;font-size:20px;font-weight:700;line-height:20px;overflow:hidden}.sidebar-div1-card-div1-sec1-div1{color:gray;justify-content:flex-start;align-items:center;gap:3px;padding-top:10px;font-family:Roboto Flex,sans-serif;font-size:13px;display:flex}.sidebar-div1-card-div1-sec2{cursor:pointer;color:gray;justify-content:flex-end;align-items:center;font-family:Roboto Flex,sans-serif;font-size:12px;font-weight:700;display:flex}.sidebar-div1-card-div1-sec2-icon1,.sidebar-div1-card-div1-sec1-div1-icon1{justify-content:center;align-items:center;display:flex}.sidebar-close{cursor:pointer;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:10px;left:-50px}.sidebar-list-div1{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;height:40px;padding:20px 20px 20px 5px;font-family:Roboto Flex,sans-serif;display:flex}.sidebar-list-div1-icon{justify-content:center;align-items:center;display:flex}.sidebar-list-div1-sec1{justify-content:flex-start;align-items:center;gap:10px;display:flex}.sidebar-list{flex-direction:column;gap:10px;padding:20px;display:flex}.sidebar-list-div1:hover{background-color:#f5f5f5}.sidebar-list-div1-sec2{opacity:0;transition:opacity .3s}.sidebar-list-div1:hover .sidebar-list-div1-sec2{opacity:1}.sidebar-bottom{padding:20px;position:absolute;bottom:0;left:0}.sidebar-bottom-button1{cursor:pointer;color:#fff;background-color:tomato;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:120px;height:40px;display:flex}.sidebar-bottom-button1-icon1{justify-content:center;align-items:center;display:flex;transform:rotate(180deg)}@media (max-width:1024px){.sidebar{width:300px}.sidebar-div1-card{flex-direction:column;height:250px}}@media (min-width:1024px){.sidebar-div1-card-div1-sec2:hover{color:green;text-decoration:underline}}