.LoadingArea{display:flex;align-items:center;justify-content:center;}.LoadingArea.full{width:100%;height:calc(100vh - 150px);}.LoadingArea span{border:0;margin:0 5px;border-radius:50%;animation:LoadingArea 1.2s ease-out infinite;}.LoadingArea span:nth-child(1){animation-delay:.6s;}.LoadingArea span:nth-child(2){animation-delay:.4s;}.LoadingArea span:nth-child(3){animation-delay:.2s;}@keyframes LoadingArea{0%,100%{opacity:0;box-shadow:0 0 20px rgba(0,213,255,.8);}50%{opacity:1;box-shadow:none;}}.loading-bar{position:fixed;top:0;left:0;width:0;height:5px;background-color:#007bff;z-index:9999;animation:loading 1s linear forwards;}@keyframes loading{0%{width:0;}100%{width:97%;}}.LoadingAreaFull{position:fixed;top:0;right:0;width:100%;height:100vh;z-index:10000000;background-color:transparent;backdrop-filter:blur(15px);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;}.LoadingAreaFull .box{width:250px;height:fit-content;padding:20px 70px;border-radius:10px;box-shadow:0 0 35px -5px rgba(0,0,0,.4196078431);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;}.LoadingAreaFull .box .svglogobox{margin-bottom:15px;}.svglogobox{width:100%;height:100%;}.svglogobox .cls-1,.svglogobox .cls-2{fill:rgba(156,204,236,.2549019608);stroke:#459ad4;stroke-miterlimit:10;stroke-width:3px;isolation:isolate;stroke-dasharray:400;stroke-dashoffset:400;animation:KorokalaLogoK 2s linear infinite;}@keyframes KorokalaLogoK{0%{stroke-dashoffset:400;}85%{stroke-dashoffset:-50;}100%{stroke-dashoffset:-400;}}img{position:relative;}img:after{content:"";position:absolute;right:0;width:100%;height:calc(100% - 20px);margin-block:10px;z-index:-2;background-image:url("https://api.korokala.com/K-Brand.png");background-repeat:no-repeat;background-size:contain;background-position:center;}img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(90deg,#c0c0c0 0%,#d8d8d8 50%,#c0c0c0 100%);background-size:200% 100%;opacity:.22;animation:imgnull 1.5s infinite;}@keyframes imgnull{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.kk-error-list{width:100%;position:fixed;top:5px;z-index:100000000000000;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;}.kk-error{width:fit-content;background-color:var(--kk-color-dark);margin:6px 0;padding:8px 15px;border-radius:7px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}.kk-error .ico{margin-left:10px;}.kk-error .ico i{color:#fff;font-size:20px;}.kk-error .text{color:#fff;font-size:15px;margin-left:20px;}.kk-error .close{float:unset;font-size:15px;font-weight:unset;line-height:unset;color:#fff;text-shadow:unset;opacity:.8;}.custom-Notification{width:fit-content;min-width:200px;padding:10px 5px;border-radius:10px;transform:translateY(-35px);opacity:0;transition:.5s all;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}.custom-Notification.active{transform:translateY(0);opacity:1;}.custom-Notification.Info .icon svg{filter:drop-shadow(2px 4px 6px #50baea);}.custom-Notification.Info .btn .bottom .close{border-left-color:#50baea;}.custom-Notification.Info .btn .bottom .Retry{color:#50baea;border-right-color:#50baea;}.custom-Notification.Warning .icon svg{filter:drop-shadow(2px 4px 6px #f7bc27);}.custom-Notification.Warning .btn .bottom .close{border-left-color:#f7bc27;}.custom-Notification.Warning .btn .bottom .Retry{color:#f7bc27;border-right-color:#f7bc27;}.custom-Notification.Error .icon svg{filter:drop-shadow(2px 4px 6px #ed2024);}.custom-Notification.Error .btn .bottom .close{border-left-color:#ed2024;}.custom-Notification.Error .btn .bottom .Retry{color:#ed2024;border-right-color:#ed2024;}.custom-Notification.Network .icon svg{filter:drop-shadow(2px 4px 6px #a067ab);}.custom-Notification.Network .btn .bottom .close{border-left-color:#a067ab;}.custom-Notification.Network .btn .bottom .Retry{color:#a067ab;border-right-color:#a067ab;}.custom-Notification.Unauthorized .icon svg{filter:drop-shadow(2px 4px 6px #885d94);}.custom-Notification.Unauthorized .btn .bottom .close{border-left-color:#885d94;}.custom-Notification.Unauthorized .btn .bottom .Retry{color:#885d94;border-right-color:#885d94;}.custom-Notification.Success .icon svg{filter:drop-shadow(2px 4px 6px #bfe1c6);}.custom-Notification.Success .btn .bottom .close{border-left-color:#bfe1c6;}.custom-Notification.Success .btn .bottom .Retry{color:#bfe1c6;border-right-color:#bfe1c6;}.custom-Notification .icon{width:40px;margin:0 10px;}.custom-Notification .text{margin:0 10px;}.custom-Notification .text .title{font-size:16px;font-weight:800;}.custom-Notification .text .description{font-size:13px;}.custom-Notification .btn{width:fit-content;padding:0;margin:0 15px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;}.custom-Notification .btn .top{margin-bottom:10px;}.custom-Notification .btn .top p{cursor:pointer;transform:rotate(45deg);font-size:25px;}.custom-Notification .btn .bottom{margin-top:10px;font-size:13px;}.custom-Notification .btn .bottom .close{padding-left:10px;border-left:.1px solid;}.custom-Notification .btn .bottom .Retry{padding-right:10px;border-right:.1px solid;}