.header-pro button{all:unset;display:flex;justify-content:center;align-items:center;cursor:pointer}.header-pro{margin:0;padding:0 10px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:var(--color-bg-header);z-index:var(--z-index-header)}.header-pro #leftHeader{display:flex;gap:10px;height:32px;align-items:center}.header-pro #logoIcon{width:auto;height:32px;min-width:70px;display:flex;align-items:center}.header-pro #logoIcon img{height:100%;width:auto;max-width:100%}.header-pro #logoIcon a{display:flex;height:100%}.header-pro #centerHeader{display:flex;width:auto;justify-content:flex-end;align-items:center;gap:5px}.header-pro .header-pro-nav,.header-pro #profileIcon,.header-pro #searchField input[type="search"]{display:none}.header-pro #searchField input[type="search"]:focus{outline:none;border-color:var(--color-text-main)}.header-pro #searchField input[type="search"]{color:var(--color-text-main)}.header-pro #rightHeader{display:none;justify-content:center;align-items:center;gap:10px}.header-pro .search-form{width:auto;display:flex;align-items:center}.header-pro #searchField{background-color:#fff0;width:auto;height:auto;border:none;margin-right:10px;border-radius:var(--search-radius);display:flex;justify-content:flex-end;align-items:center}.header-pro #searchIcon{width:var(--icon-size-mobile);height:var(--icon-size-mobile);border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-header);padding:0;cursor:pointer;line-height:0}.header-pro #backIcon{display:none;margin-right:15px;cursor:pointer;width:25px;align-items:center;justify-content:center}.header-pro #notificationIcon,.header-pro #createIcon,.header-pro #toggle-theme,.header-pro #hamburIcon{border-radius:50%;background-color:var(--color-bg-header);width:var(--icon-size-mobile);height:var(--icon-size-mobile);display:flex;justify-content:center;align-items:center}.header-pro #createIcon{margin-left:0}.header-pro #notificationIcon svg,.header-pro #createIcon svg,.header-pro #toggle-theme svg,.header-pro #hamburIcon svg,.header-pro #searchIcon svg,.header-pro #backIcon svg{fill:var(--color-text-main);width:30px}.header-pro #notificationIcon:hover,.header-pro #createIcon:hover,.header-pro #toggle-theme:hover,.header-pro #hamburIcon:hover,.header-pro #searchIcon:hover,.header-pro #backIcon:hover{background-color:var(--color-bg-sidebar-alt)}.header-pro #profileIcon img{border-radius:50%}.header-pro span{cursor:pointer}.header-pro .search-mode-item{transition:opacity var(--transition-duration),visibility var(--transition-duration)}.header-pro #searchField input[type="search"]{border:1px solid var(--color-bg-sidebar);background-color:var(--color-bg-alt)}body.search-active .header-pro #searchField input[type="search"]{border:1px solid var(--color-text-main)}@media (max-width:360px){.header-pro #createIcon{margin-left:0}}@media (min-width:769px){.header-pro{padding:0 20px}.header-pro #notificationIcon,.header-pro #createIcon,.header-pro #toggle-theme,.header-pro #hamburIcon{width:var(--icon-size);height:var(--icon-size);background-color:var(--color-bg-sidebar)}.header-pro .header-pro-nav{display:none}.header-pro #toggle-theme,.header-pro #profileIcon{display:flex}.header-pro #centerHeader{width:50%;justify-content:flex-start;gap:15px}.header-pro .search-form{width:100%}.header-pro #searchField{background-color:var(--color-bg-sidebar);width:100%;height:var(--icon-size);margin-right:0;justify-content:space-between}.header-pro #searchField input[type="search"]{display:block;width:90%;height:var(--icon-size);border-radius:var(--search-radius) 0 0 var(--search-radius);padding-left:10px;font-size:17px}.header-pro #searchIcon{height:var(--icon-size);width:10%;min-width:50px;background-color:#fff0;border-radius:0 var(--search-radius) var(--search-radius) 0;display:flex;justify-content:center;align-items:center;padding:0;cursor:pointer}}@media (min-width:1025px){.header-pro .header-pro-nav{display:flex;align-items:center;margin-right:15px}.header-pro .header-pro-menu{list-style:none;display:flex;margin:0;padding:0;gap:15px}.header-pro .header-pro-menu li a{color:var(--color-text-main);text-decoration:none;padding:8px 10px;border-radius:4px;font-size:15px;transition:background-color var(--transition-duration);font-weight:500}.header-pro .header-pro-menu li a:hover{background-color:var(--color-bg-sidebar-alt)}.header-pro #centerHeader{width:67%;justify-content:flex-start}.header-pro .search-form{width:60%}.header-pro #rightHeader{display:flex;gap:20px}.header-pro #createIcon{margin-left:20px}}@media (min-width:1350px){.header-pro #centerHeader{width:50%;justify-content:flex-start}}body.search-active .header-pro #leftHeader,body.search-active .header-pro #rightHeader,body.search-active .header-pro .search-mode-item{display:none;opacity:0;visibility:hidden}body.search-active .header-pro{padding:0 10px;justify-content:flex-start}body.search-active .header-pro #centerHeader{width:100%;padding:0;justify-content:flex-start;align-items:center;gap:10px}body.search-active .header-pro #backIcon{display:flex;border-radius:50%;background-color:#fff0}body.search-active .header-pro .search-form,body.search-active .header-pro #searchField{width:100%;background-color:var(--color-bg-sidebar);border-radius:var(--search-radius)}body.search-active .header-pro #searchField input[type="search"]{display:block;width:100%;border-radius:var(--search-radius) 0 0 var(--search-radius)}body.search-active .header-pro #searchIcon{background-color:#fff0;border-radius:0 var(--search-radius) var(--search-radius) 0}