#loading{width:100px;height:100px;margin:0 auto;position:relative}#timer,.inner-shadow,.outer-shadow{z-index:6;position:absolute;width:100%;height:100%;border-radius:100%;box-shadow:inset 0 1px 0 rgba(0,0,0,.2)}.inner-shadow{top:50%;left:50%;width:90px;height:90px;margin-left:-45px;margin-top:-45px;border-radius:100%;background-color:#1d3739;box-shadow:0 1px 0 rgba(0,0,0,.2)}#timer{z-index:1;box-shadow:none}.hold{position:absolute;width:100%;height:100%;clip:rect(0,100px,100px,50px);border-radius:100%;background-color:#000}.dot span,.pie{background-color:#aedbd9}.pie{position:absolute;width:100%;height:100%;border-radius:100%;clip:rect(0,50px,100px,0)}#left .pie{z-index:1;animation:left 1s linear both}@keyframes left{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}#right{z-index:3;transform:rotate(180deg)}#right .pie{animation:right 1s linear both;animation-delay:1s}@keyframes right{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.dot{z-index:2;left:50%;top:50%;width:50%;margin-top:-5px;animation:dot 2s linear both;transform-origin:0 50%}.dot,.dot span{position:absolute;height:10px}.dot span{right:0;width:10px;border-radius:100%}@keyframes dot{0%{transform:rotate(-90deg)}50%{transform:rotate(90deg);z-index:4}to{transform:rotate(270deg);z-index:4}}
/*# sourceMappingURL=main.1fd95c35.chunk.css.map */