.layout-header{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;top:0;left:0;right:0}.layout-header:before{content:"";z-index:-1;transition:var(--transition);background:var(--color-primary);opacity:0;position:absolute;inset:0}.layout-header.tiny{box-shadow:var(--box-shadow)}.layout-header.tiny:before{opacity:.9}.layout-header.tiny .topbar{padding:15px 0}.layout-header.tiny .topbar .action .btn{border-color:var(--color-light);color:var(--color-light)}.layout-header.tiny .topbar .action .btn:hover{background:var(--color-light);color:var(--color-primary)}.layout-header.tiny .topbar .action .btn:before{opacity:0}.layout-header.tiny .topbar .action .space{background:var(--color-light)}.topbar{transition:var(--transition);justify-content:space-between;align-items:center;padding:32px 0;display:flex;position:relative}.topbar .brand .link{align-items:center;gap:20px;text-decoration:none;display:flex}.topbar .brand .logo{width:45px}.topbar .brand .text .title{color:var(--color-light);margin:0;line-height:1}.topbar .brand .text .desc{color:var(--color-light);margin:0}.topbar .action{align-items:center;display:flex;position:relative}.topbar .action .btn+.btn{margin-left:20px}.topbar .action .space{background:var(--color-primary);width:1px;height:50px;margin:0 20px}.topbar .avatar{display:none}.topbar .avatar.active{display:block}.topbar .avatar .btn{width:auto;height:auto;min-width:inherit;justify-content:center;align-items:center;padding:0;display:flex}.topbar .avatar .btn .icon{margin-right:0}.topbar .avatar .btn-user{border:2px solid var(--color-light);min-width:250px;min-height:52px;color:var(--color-light);box-shadow:none;text-transform:none;background-color:#ffffff14;border-radius:999px;justify-content:space-between;padding:10px 20px;font-size:18px;font-weight:700;line-height:1}.topbar .avatar .btn-user .text{white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:180px;display:block;overflow:hidden}.topbar .avatar .btn-user .arrow{margin-left:12px;font-size:24px;transition:transform .2s}.topbar .avatar .btn-user.show .arrow{transform:rotate(180deg)}.topbar .avatar .btn-user:hover{background-color:#ffffff2e}.topbar .btn-login{display:none}.topbar .btn-login.active{display:flex}.MuiPopover-root .MuiMenu-paper.avatar-popover{box-shadow:none;border-radius:15px;margin-top:10px}.MuiPopover-root .MuiMenu-paper.avatar-popover .MuiList-root{padding:0}.MuiPopover-root .MuiMenu-paper.avatar-popover .MuiList-root .MuiMenuItem-root{margin:0;padding:0}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar{background-color:#d9d9d9;border:0;border-radius:12px;box-shadow:0 18px 36px #0000002e}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link{color:var(--color-default);background-color:#0000;border:0;justify-content:center;align-items:center;width:100%;padding:26px 40px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link.logout{color:red;padding:18px 28px;font-size:18px}body[style="padding-right: 15px; overflow: hidden;"] .layout-header{right:15px}html[data-asw-filter=dark-contrast] .layout-header:before,html[data-asw-filter=dark-contrast] .topbar .brand .logo{filter:grayscale()}html[data-asw-filter=dark-contrast] .topbar .brand .text .title,html[data-asw-filter=dark-contrast] .topbar .brand .text .desc{text-shadow:2px 2px 5px var(--color-gray),1px 1px 10px var(--color-gray)}html[data-asw-filter=dark-contrast] .topbar .action .space{background-color:var(--color-dark)}html[data-asw-filter=dark-contrast] .layout-header.tiny .topbar .action .btn:hover{color:var(--color-dark)}@media (max-width:991px){html[data-asw-filter=dark-contrast] .topbar .action .space{background:0 0}html[data-asw-filter=dark-contrast] .topbar .action .btn{background-color:var(--color-light)}html[data-asw-filter=dark-contrast] .topbar .action .btn.btn-login{background-color:var(--color-dark)}html[data-asw-filter=dark-contrast] .layout-header.tiny .topbar .action .btn{color:var(--color-dark);border-color:var(--color-dark)}html[data-asw-filter=dark-contrast] .layout-header.tiny .topbar .action .btn.btn-login{color:var(--color-light);border-color:var(--color-light)}}html[data-asw-filter=yellow-contrast] .layout-header:before{filter:grayscale()}html[data-asw-filter=yellow-contrast] .topbar .brand .logo{filter:sepia()}html[data-asw-filter=yellow-contrast] .topbar .brand .text .title,html[data-asw-filter=yellow-contrast] .topbar .brand .text .desc{color:var(--color-yellow);text-shadow:2px 2px 5px var(--color-gray),1px 1px 10px var(--color-gray)}html[data-asw-filter=yellow-contrast] .topbar .action .space{background-color:var(--color-dark)}html[data-asw-filter=yellow-contrast] .layout-header.tiny .topbar .action .space{background-color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .layout-header.tiny .topbar .action .btn{border-color:var(--color-yellow);color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .layout-header.tiny .topbar .action .btn:hover{color:var(--color-dark);background-color:var(--color-yellow)}@media (max-width:991px){html[data-asw-filter=yellow-contrast] .topbar .action .space{background:0 0}html[data-asw-filter=yellow-contrast] .topbar .action .btn{background-color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .topbar .action .btn.btn-login{background-color:var(--color-dark);border-color:var(--color-yellow);color:var(--color-yellow)}html[data-asw-filter=yellow-contrast] .layout-header.tiny .topbar .action .space{background:0 0}html[data-asw-filter=yellow-contrast] .layout-header.tiny .topbar .action .btn{color:var(--color-dark);border-color:var(--color-dark)}html[data-asw-filter=yellow-contrast] .layout-header.tiny .topbar .action .btn.btn-login{color:var(--color-yellow);border-color:var(--color-yellow)}}@media (max-width:1440px){.topbar{padding:25px 0}}@media (max-width:991px){.layout-header:before{opacity:1}.topbar{padding:15px 0}.topbar .brand .link{gap:10px}.topbar .action .btn{border-color:var(--color-light);color:var(--color-light);min-width:50px;padding:0;font-size:0}.topbar .action .btn:hover{background:var(--color-light);color:var(--color-primary)}.topbar .action .btn:before{opacity:0}.topbar .action .btn .icon{margin-right:0}.topbar .action .avatar .btn-user{min-width:200px;min-height:48px;padding:8px 16px;font-size:16px}.topbar .action .avatar .btn-user .text{max-width:138px}.topbar .action .avatar .btn-user .arrow{margin-left:8px;font-size:20px}.topbar .action .space{background:0 0;margin:0 5px}.layout-header.tiny .topbar .action .space{background:0 0}}@media (max-width:767px){.layout-header.tiny .topbar .action .space{background:0 0}.topbar .brand .link{gap:6px}.topbar .brand .logo{width:35px}.topbar .brand .text .title{font-size:14px}.topbar .brand .text .desc{font-size:8px;line-height:1.2em}.topbar .action .space{background:0 0;height:30px;margin:0 3px}.topbar .action .btn{width:34px;min-width:34px;height:34px;padding:0;font-size:0}.topbar .action .btn .icon,.topbar .action .btn-login .icon{margin-right:0}.topbar .action .avatar .btn-user{width:auto;min-width:150px;min-height:34px;padding:6px 10px;font-size:13px}.topbar .action .avatar .btn-user .text{max-width:98px}.topbar .action .avatar .btn-user .arrow{margin-left:4px;font-size:16px}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link{padding:18px 24px;font-size:18px}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link.logout{padding:14px 20px;font-size:16px}}