.header{position:fixed;top:0;left:0;right:0;height:52px;z-index:20;display:flex;align-items:center}.header.header-active{transition:background-color .2s ease-in-out;background-color:#171717}.header .header-content{display:flex;width:100%;justify-content:space-between;align-items:center;padding:8px 0;gap:16px}.header .header-left-side{flex:1 1;display:flex;align-items:center;gap:12px;font-size:20px}.header .header-left-side .btn-icon{font-size:24px}.header .header-right-side{flex:1 1;display:flex;align-items:center;justify-content:flex-end;gap:20px}.header .header-right-side .search-wrapper{justify-content:flex-end}.header .search-wrapper{display:flex}.header .search-wrapper.search-mobile-only{display:none}@media screen and (max-width:768px){.header .header-logo{font-size:18px}}@media screen and (max-width:480px){.header .header-right-side{gap:0}.header .header-left-side .btn-icon,.header .search-wrapper:not(.header-right-side .search-wrapper){display:none}.header .search-wrapper.search-mobile-only{display:flex}}