.header{height: 55px; display: flex; flex-direction: row;justify-content: space-between;
position:fixed; top: 0;left: 0;right: 0; background-color: white; border-bottom-width: 1px;
border-bottom-style: solid; border-bottom-color:rgba(240, 240, 240); z-index: 100;}
.hamburger-menu{height: 24px; margin-left: 24px; margin-right: 24px;}
.youtube-logo{height: 20px;}
.left-section{align-items: center; display: flex;}
.middle-section{flex: 1;margin-left: 70px; margin-right: 35px; max-width: 500px;
display: flex; align-items: center;}
.search-button{height: 40px; width: 66px; background-color: rgb(240, 240, 240);
border-width: 1px; border-style: solid; border-color: rgb(192, 192, 192) ;margin-left:  -1px;
 margin-right: 8px; position: relative;}
 .search-button, .voice-button , .upload-icon-container{position: relative; display: flex; justify-content: center; align-items: center;}
.search-button .tooltip, .voice-button .tooltip , .upload-icon-container .tooltip{position: absolute; background-color: gray; color: white; padding-top: 4px;
padding-bottom: 4px;padding-left: 8px; padding-right: 8px; border-radius: 2px; font-size: 12px;
bottom: -30px; opacity: 0; transition: opacity 0.15s; pointer-events: none; white-space: nowrap;}
.search-button:hover .tooltip , .voice-button:hover .tooltip , .upload-icon-container:hover .tooltip{opacity: 1;}
.voice-button{height: 40px;width: 40px; border-radius: 20px; border: none;
     background-color: rgb(245, 245, 245);}
.right-section{  width: 180px;display: flex; align-items: center;
justify-content: space-between;margin-right: 20px; flex-shrink: 0;}
.search-bar{flex: 1; height: 36px;padding-left: 10px; font-size: 16px; border-width: 1px; border-style: solid;
border-color: gray;border-radius: 2px;box-shadow: inset 1px 2px 3px rgba(0, 0, 0, 0.05); width: 0;}
.search-bar::placeholder{font-family: roboto,arial;font-size: 16px;}
.search-icon{height: 25px;}
.voice-search-icon{height: 24px;  }
.upload-icon{height: 24px;}
.youtube-apps-icon{height: 24px;}
.notification-icon{height: 24px;}
.notification-icon-container{ position: relative;}
.notifications-count{ position: absolute; top: -2px;right: -5px; background-color: red;color: white;
font-family: roboto,arial;font-size: 10px; padding-left: 5px; padding-right: 5px; padding-top: 2px;
padding-bottom: 2px; border-radius: 10px;}
.current-user-picture{height: 32px; border-radius: 16px;}