@keyframes rota{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fill{0%{opacity:0}50%,100%{opacity:1}}@keyframes mask{0%{opacity:1}50%,100%{opacity:0}}@keyframes widthFull{from{width:0px}to{width:100px}}.loading-icon-container.static{position:relative}.loading-icon-container.static .loading{width:100px;height:100px;background:rgba(0,0,0,0);position:static}.loading-icon-container .loading{position:fixed;top:0;right:0;left:0;bottom:0;overflow:hidden;background:#fff;z-index:99999}.loading-icon-container .loading .wrapper{width:100px;height:100px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;background:#fff}.loading-icon-container .loading .pie{width:50%;height:100%;transform-origin:100% 50%;position:absolute;border:10px solid #245078;box-sizing:border-box}.loading-icon-container .loading .spinner{border-radius:50px 0 0 50px;z-index:200;border-right:none;animation:rota .5s linear forwards}.loading-icon-container .loading .filler{border-radius:0 50px 50px 0;left:50%;opacity:0;z-index:100;animation:fill .5s steps(1, end) forwards;border-left:none}.loading-icon-container .loading .mask{width:50%;height:100%;position:absolute;background:inherit;opacity:1;z-index:300;animation:mask .5s steps(1, end) forwards}.loading-icon-container .loading .loading__element{position:absolute;background-repeat:no-repeat;background-position:bottom left;top:50%;left:50%;width:0px;height:100px;background-image:url("../assets/images/gruzi-legko-logo.png");background-size:58px;margin:-70px 0 0 -28px;z-index:100;animation:widthFull .3s linear .5s forwards}.loading-icon-container .loading.error .loading__element{top:47%;background-image:url("../assets/images/loader-error.png")}