header.header-bar{background:var(--header-background);height:var(--header-height);left:0;position:fixed;top:0;transition:background-color .2s ease;transition-delay:.2s;width:100%;z-index:calc(var(--header-z-index) + 1)}header.header-bar .header-bar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;padding:0 24px}header.header-bar.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#080808a3}header.header-bar .left-header{align-items:center;display:flex;gap:20px}header.header-bar .left-header .menu-btn{background:transparent;border:none;color:inherit;cursor:pointer;display:none;height:auto;transition:opacity .25s}header.header-bar .left-header .menu-btn.show{display:flex}header.header-bar .left-header .menu-btn .anticon-menu{font-size:2rem}header.header-bar .left-header .menu-btn svg.menu{font-size:2.4rem}header.header-bar .left-header .menu-btn svg.close{font-size:3rem;margin-left:-2px;margin-right:-2.5px}header.header-bar .left-header .menu-btn:active{opacity:.8}header.header-bar .left-header .logo{display:inline-block;margin-right:15px}header.header-bar .left-header .logo a{align-items:center;display:flex;font-size:2.25rem;gap:10px}header.header-bar .search-header-box{display:flex;flex-direction:column;max-width:550px;min-width:400px;position:relative;width:40%}header.header-bar .search-header-box .ant-input-search.search-header{width:100%}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper{background:var(--search-background);border-radius:20px;display:flex;flex-direction:row;transition:background-color .15s}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper:has(.ant-input-affix-wrapper-focused){background:var(--search-focus-background)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper:has(.ant-input-affix-wrapper-focused) .ant-input-affix-wrapper{color:var(--menu-active-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper:has(.ant-input-affix-wrapper-focused) .ant-input-affix-wrapper .ant-input::-webkit-input-placeholder{color:var(--menu-active-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper:has(.ant-input-affix-wrapper-focused) .ant-input-affix-wrapper .ant-input::-moz-placeholder{color:var(--menu-active-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper:has(.ant-input-affix-wrapper-focused) .ant-input-affix-wrapper .ant-input::-ms-input-placeholder{color:var(--menu-active-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper:has(.ant-input-affix-wrapper-focused) .ant-input-affix-wrapper .ant-input::placeholder{color:var(--menu-active-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper:has(.ant-input-affix-wrapper-focused) .ant-input-affix-wrapper .anticon svg{color:var(--menu-active-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper:has(.ant-input-affix-wrapper-focused) .ant-input-group-addon .ant-input-search-button{border-color:var(--search-focus-border-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper:has(.ant-input-affix-wrapper-focused) .ant-input-group-addon .ant-input-search-button svg{color:var(--menu-active-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper .ant-input-affix-wrapper{background:transparent;border:none;border-bottom-left-radius:calc(var(--search-height)/2);border-top-left-radius:calc(var(--search-height)/2);color:var(--menu-text-color);cursor:auto;height:var(--search-height);padding-left:18px;transition:all 0s}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper .ant-input-affix-wrapper .ant-input{background:transparent;color:inherit;font-size:1.5rem}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper .ant-input-affix-wrapper .ant-input::-webkit-input-placeholder{color:var(--menu-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper .ant-input-affix-wrapper .ant-input::-moz-placeholder{color:var(--menu-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper .ant-input-affix-wrapper .ant-input::-ms-input-placeholder{color:var(--menu-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper .ant-input-affix-wrapper .ant-input::placeholder{color:var(--menu-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper .ant-input-affix-wrapper .anticon svg{color:var(--menu-text-color)}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper .ant-input-group-addon{background:none;display:block;left:0;width:auto}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper .ant-input-group-addon .ant-input-search-button{align-items:center;background:transparent;border:none;border-radius:0 calc(var(--search-height)/2) calc(var(--search-height)/2) 0;display:flex;height:var(--search-height);line-height:0;margin:0;padding:0 20px;transition:color .15s}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper .ant-input-group-addon .ant-input-search-button svg{color:var(--menu-text-color);height:1.8rem;margin:0;width:1.8rem}header.header-bar .search-header-box .ant-input-search.search-header .ant-input-group.ant-input-wrapper .ant-input-group-addon .ant-input-search-button:active svg{opacity:.8}header.header-bar .right-header{align-items:center;display:flex;height:100%;justify-content:flex-end;min-width:200px}header.header-bar .right-header .el-skeleton.is-animated{display:flex;gap:15px;width:auto}header.header-bar .right-header .el-skeleton.is-animated .menu-item.el-skeleton__item.el-skeleton__button{border-radius:50%;display:inline-block;height:37px;width:37px}header.header-bar .right-header ul.menu-header{display:flex;flex-direction:row;gap:10px;height:100%;list-style:none}header.header-bar .right-header ul.menu-header li.menu-item{align-items:center;display:flex;height:100%;padding:0 15px}header.header-bar .right-header ul.menu-header li.menu-item.search-mobile{display:none;margin-right:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header.header-bar .right-header ul.menu-header li.menu-item.search-mobile .search-btn{display:inline-flex;padding:5px}header.header-bar .right-header ul.menu-header li.menu-item.search-mobile .search-btn[aria-describedby^=el-id] svg,header.header-bar .right-header ul.menu-header li.menu-item.search-mobile .search-btn[aria-describedby|=el-id] svg{fill:var(--menu-active-text-color)}header.header-bar .right-header ul.menu-header li.menu-item.search-mobile .search-btn svg{fill:var(--menu-text-color);cursor:pointer;height:1.8rem;width:1.8rem}header.header-bar .right-header ul.menu-header li.menu-item.account{padding-right:0}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link{cursor:pointer;display:flex;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link .user-avatar{border-radius:50%;height:35px;opacity:.8;overflow:hidden;width:35px}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link .user-avatar img{height:100%;object-fit:cover;width:100%}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link .user-avatar:hover{opacity:1}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link svg{fill:var(--menu-text-color)}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link[aria-expanded=true] svg{fill:var(--menu-active-text-color)}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link[aria-expanded=true] .user-avatar{opacity:1}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link.notification[aria-expanded=true] .ant-badge .show-notify-btn .fa-bell.fa-solid{display:inline-block}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link.notification[aria-expanded=true] .ant-badge .show-notify-btn .fa-bell.fa-regular{display:none}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link.notification .ant-badge .show-notify-btn{display:flex}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link.notification .ant-badge .show-notify-btn .fa-bell.fa-solid{display:none}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link.notification .ant-badge .show-notify-btn .fa-bell.fa-regular{display:inline-block}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link.notification .ant-badge .show-notify-btn .fa-bell{font-size:2.4rem;height:2.4rem;width:2.4rem}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link.notification .ant-badge .ant-badge-count{background-color:#c50000;border:none;font-style:normal}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link.account{padding:5px 0}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link.account .el-icon{height:auto;width:auto}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link.account svg{height:1.5rem;width:1.5rem}header.header-bar .right-header ul.menu-header li.menu-item .el-dropdown-link.account svg.user-outlined{height:1.6rem;margin-right:7px;width:1.6rem}header.header-bar .right-header ul.menu-header li.menu-item .el-popper.el-dropdown__popper.header{top:calc(var(--header-height)/1.46)!important}header.header-bar .right-header ul.menu-header li.menu-item.login-header{padding-right:0;transition:all .15s}header.header-bar .right-header ul.menu-header li.menu-item.login-header a{align-items:center;border:1px solid var(--border-regular);border-radius:25px;color:inherit;display:inline-flex;flex-wrap:nowrap;font-size:1.4rem;font-weight:500;gap:7px;justify-content:center;line-height:var(--button-line-height);padding:5px 10px;transition:background-color .15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}header.header-bar .right-header ul.menu-header li.menu-item.login-header a:hover{background-color:#282828;border:1px solid transparent}header.header-bar .right-header ul.menu-header li.menu-item.login-header:active{opacity:.8}@media only screen and (max-width:1300px){header.header-bar .header-bar-container{padding:0 20px}}@media only screen and (max-width:900px){header.header-bar .header-bar-container{padding:0 15px}header.header-bar .left-header .menu-btn{display:flex}}@media only screen and (max-width:800px){header.header-bar .search-header-box{display:none}header.header-bar .right-header{align-items:center;display:flex}header.header-bar .right-header ul.menu-header li.menu-item.search-mobile{display:flex;padding-right:0}}@media only screen and (max-width:650px){header.header-bar .header-bar-container{padding:0 15px}header.header-bar .left-header{gap:15px}header.header-bar .right-header ul.menu-header li.menu-item.login-header a{font-size:1.3rem;padding:4px 10px}header.header-bar .right-header ul.menu-header li.menu-item.login-header svg{height:2.1rem;width:2.1rem}}
