.header{width:100%;height:var(--header-height);z-index:var(--z-fixed);justify-content:space-between;align-items:center;padding:0 1rem;transition:all .5s;display:flex;position:fixed;top:0;left:0;box-shadow:0 2px 4px #0000004d}.header__toggle{color:var(--first-color-light);cursor:pointer;font-size:1.5rem;transition:all .5s}.main-logo{opacity:.9;width:20px;transform-style:preserve-3d;animation:5s linear infinite rotate-3d;transform:rotate(90deg)}@keyframes rotate-3d{0%{transform:rotate3d(1,1,0,0)}to{transform:rotate3d(1,1,0,360deg)}}.header__img{border-radius:50%;justify-content:center;width:35px;height:35px;display:flex;overflow:hidden}.header__img i{font-size:20px;line-height:30px}.header__img:hover{background:var(--first-color);cursor:pointer;box-shadow:inset 0 1px 2px #00000012;color:#fff!important}.l-navbar{color:#fff;height:100vh;width:calc(var(--nav-width) + 90px);z-index:999;background-color:#000;padding:.5rem 1rem 0 0;transition:all .5s;position:fixed;top:0;left:-180px}.nav{flex-direction:column;justify-content:space-between;height:100%;display:flex;overflow:hidden}.nav__logo,.nav__link{grid-template-columns:max-content max-content;align-items:center;column-gap:1rem;padding:.5rem 0 .5rem 1.5rem;display:grid}.nav__logo{margin-bottom:2rem}.nav__logo-icon{color:var(--white-color);font-size:1.25rem}.nav__logo-name{color:var(--white-color);font-weight:700}.nav__link{color:var(--white);margin-bottom:1.5rem;transition:all .3s;position:relative}.nav__link:hover{color:var(--white-color)}.nav__icon{font-size:1.25rem}.show{left:0}.active{color:var(--first-color-light)}.active:before{content:"";background-color:var(--white-color);width:2px;height:32px;position:absolute;left:0}.navigation-tag-bar{text-align:right;width:100%;height:40px;line-height:40px;box-shadow:0 0 10px #0000001a}.navigation-tag-bar span{color:var(--first-color-light);margin-right:20px}.background-body{background:var(--default-background);margin-top:50px;transition:all .5s}.background-body.show{margin-top:50px}.header__right_menu{display:flex}@media screen and (max-width:768px){.header__toggle.show{margin-left:150px}.header,.header__toggle{color:var(--white-color)}}@media screen and (min-width:768px){.background-body{margin:calc(var(--header-height))0 0 0;padding-left:calc(var(--nav-width))}.header{height:calc(var(--header-height));padding:0 2rem 0 calc(var(--nav-width) + 2rem)}.header__img{width:35px;height:35px;color:var(--first-color);transition:all .5s}.header__img i{font-size:20px;line-height:30px}.header__log_txt{color:var(--first-color);font-weight:700}.header__img:hover{background:var(--first-color);cursor:pointer;box-shadow:inset 0 1px 2px #00000012;color:#fff!important}.l-navbar{width:calc(var(--nav-width));padding:1rem 1rem 0 0;left:0}.l-navbar.show{width:calc(var(--nav-width) + 180px)}.background-body.show{margin-top:50px;margin-left:180px}.background-body{margin-top:50px}.body-pd{padding-left:calc(var(--nav-width) + 198px)}}.footer{position:fixed;bottom:0;right:0}
.overlay{text-align:center;z-index:9999;cursor:pointer;background-color:#0009;width:100%;height:100%;display:none;position:fixed;inset:0}.contents{color:#fff;font-size:50px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.lds-roller{width:80px;height:80px;position:relative}.lds-roller div{transform-origin:40px 40px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite lds-roller}.lds-roller div:after{content:" ";background:var(--first-color-light);border-radius:50%;width:7px;height:7px;margin:-4px 0 0 -4px;display:block;position:absolute}.lds-roller div:first-child{animation-delay:-.036s}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-.072s}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}