.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;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.topbar .avatar .btn .icon{margin-right:0}.topbar .avatar .btn .MuiAvatar-root{background-color:#0000;width:50px;height:50px}.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:var(--color-light);border:1px solid var(--color-border);border-radius:16px}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link{color:var(--color-default);font-size:var(--typo-default);background-color:#0000;border:0;align-items:center;width:100%;padding:10px;display:flex}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link:hover{color:var(--color-secondary);background:0 0;text-decoration:none}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link:hover .icon{border-color:var(--color-secondary);background:var(--color-secondary);color:var(--color-light)}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link .icon{border-color:var(--color-default)}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link p{white-space:nowrap;text-overflow:ellipsis;max-width:140px;margin:0;overflow:hidden}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link.user{color:var(--color-primary)}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link.user .icon{border-color:var(--color-primary)}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root+.MuiMenuItem-root{border-top:1px solid var(--color-border)}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .icon{border:1px solid var(--color-border);transition:var(--transition);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin-right:10px;padding:6px;display:flex}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] .topbar .avatar .btn .MuiAvatar-img{filter:grayscale()}html[data-asw-filter=dark-contrast] .MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link.user{color:var(--color-black)}html[data-asw-filter=dark-contrast] .MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link.user .icon{border-color:var(--color-black)}html[data-asw-filter=dark-contrast] .MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link:hover{color:var(--color-black)}html[data-asw-filter=dark-contrast] .MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link:hover .icon{border-color:var(--color-black);background-color:var(--color-black)}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] .topbar .avatar .btn .MuiAvatar-img{filter:grayscale()}html[data-asw-filter=yellow-contrast] .MuiPopover-root .MuiMenu-paper.avatar-popover.avatar{background-color:var(--color-yellow-light)}html[data-asw-filter=yellow-contrast] .MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link.user{color:var(--color-black)}html[data-asw-filter=yellow-contrast] .MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link.user .icon{border-color:var(--color-black)}html[data-asw-filter=yellow-contrast] .MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link:hover{color:var(--color-black)}html[data-asw-filter=yellow-contrast] .MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .MuiList-root .MuiMenuItem-root .link:hover .icon{border-color:var(--color-black);background-color:var(--color-black)}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 .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}.MuiPopover-root .MuiMenu-paper.avatar-popover.avatar .icon{width:28px;height:28px;margin-right:6px;padding:5px}}