#drawer_js {margin: 0;padding: 0;display: block;position: fixed;left: 0px;transform: translateX(-300px);top: 0;width: 280px;height: 100%;background-color: #FFF;z-index: 999;}.__modal_drawer {background-color: rgba(0, 0, 0, 0.5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 998;display: none;opacity: 0;}.__header {position: absolute;top: 0;left: 0;width: 100%;height: 170px;display: flex;flex-direction: column;justify-content: flex-end;background: lightblue;background-position: center;background-size: cover;}.__header::before {content: "";display: block;position: absolute;top: 55px;left: 0;height: 115px;width: 100%;background-color: black;z-index: 1;background: -webkit-linear-gradient(top, transparent 4%, #0000008c);background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.74) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.74) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bd000000',GradientType=0 );}.__user_photo {display: block;width: 60px;margin-left: 30px;margin-bottom: 10px;z-index: 1;height: 60px;border-radius: 50%;background-position: center;background-size: cover;}.__main_title {display: block;color: white;margin-left: 30px;margin-bottom: 3px;z-index: 1;font-family: 'Roboto', sans-serif;font-size: 23px;}.__sub_title {display: block;color: white;margin-left: 30px;margin-bottom: 15px;z-index: 1;font-family: 'Roboto', sans-serif;font-size: 15px;opacity: 0.8;}.__sub_title:empty {display: none;}.__menu {position: absolute;top: 170px;width: 100%;height: calc(100vh - 170px);overflow-y: auto;overflow-x: hidden;}.__menu_items {padding: 0;padding-top: 20px;list-style: none;color: rgba(0, 0, 0, 0.8);margin: 0;font-family: 'Roboto', sans-serif;}.__menu_separator {margin: 10px 0;}.__menu_separator p {padding-left: 20px;padding-top: 10px;}.__menu_action {text-decoration: none;color: inherit;display: flex;padding: 11px 0 11px 18px;justify-content: flex-start;align-items: center;cursor: pointer;}.__menu_action * {cursor: pointer;}.__menu_action:hover {background-color: #E8E8E8;}.__menu_icon {color: inherit;margin-right: 25px;}.__menu_item_label {font-size: 19px;}