@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");.sidebar{width:400px;background-color:white;position:relative;height:100Vh}.sidebar-div1,.sidebar-div1-card{padding:20px;width:100%}.sidebar-div1-card{border-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);height:150px;display:flex;justify-content:flex-start;align-items:center;gap:10px}.sidebar-div1-card-avatar{min-width:100px;min-height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:rgb(224,224,224);font-family:Roboto Flex,sans-serif;font-size:30px}.sidebar-div1-card-div1{display:flex;flex-direction:column;justify-content:space-between;height:100px;width:100%;overflow:hidden}.sidebar-div1-card-div1-sec1-text1{font-family:Roboto Flex,sans-serif;font-size:20px;font-weight:700;color:#59b27b;max-height:40px;overflow:hidden;line-height:20px}.sidebar-div1-card-div1-sec1-div1{justify-content:flex-start;gap:3px;font-size:13px;padding-top:10px}.sidebar-div1-card-div1-sec1-div1,.sidebar-div1-card-div1-sec2{display:flex;align-items:center;font-family:Roboto Flex,sans-serif;color:gray}.sidebar-div1-card-div1-sec2{justify-content:flex-end;font-size:12px;cursor:pointer;font-weight:700}.sidebar-div1-card-div1-sec1-div1-icon1,.sidebar-div1-card-div1-sec2-icon1{display:flex;justify-content:center;align-items:center}.sidebar-close{position:absolute;left:-50px;top:10px;width:40px;border-radius:50%;background-color:white;justify-content:center}.sidebar-close,.sidebar-list-div1{height:40px;display:flex;align-items:center;cursor:pointer}.sidebar-list-div1{justify-content:space-between;font-family:Roboto Flex,sans-serif;padding:20px 20px 20px 5px;border-radius:10px}.sidebar-list-div1-icon{display:flex;justify-content:center;align-items:center}.sidebar-list-div1-sec1{display:flex;justify-content:flex-start;align-items:center;gap:10px}.sidebar-list{display:flex;flex-direction:column;gap:10px;padding:20px}.sidebar-list-div1:hover{background-color:rgb(245,245,245)}.sidebar-list-div1-sec2{opacity:0;transition:opacity .3s ease}.sidebar-list-div1:hover .sidebar-list-div1-sec2{opacity:1}.sidebar-bottom{position:absolute;bottom:0;left:0;padding:20px}.sidebar-bottom-button1{gap:10px;cursor:pointer;height:40px;width:120px;border-radius:10px;background-color:tomato;color:white}.sidebar-bottom-button1,.sidebar-bottom-button1-icon1{display:flex;justify-content:center;align-items:center}.sidebar-bottom-button1-icon1{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{text-decoration:underline;color:green}}