:root{--var-loading-default-width:100px}@-webkit-keyframes loading{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes loading{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.yh-loading,.yh-loading .mask{position:absolute;top:0;left:0;right:0;bottom:0}.yh-loading .mask{background:rgba(0,0,0,.2);z-index:2;display:flex;align-items:center;justify-content:center}.yh-loading .yh-loading-content{position:relative;display:inline-block;width:26px;height:26px}.yh-loading .yh-loading-content>div{position:absolute;display:inline-block;border-radius:50%;background:transparent}.yh-loading .yh-loading-content>div:first-child{width:14px;height:14px;border-top:2px solid var(--color-danger);border-left:2px solid var(--color-danger);top:6px;left:6px;-webkit-animation:loading 1.2s ease-in infinite;animation:loading 1.2s ease-in infinite}.yh-loading .yh-loading-content>div:nth-child(2){width:18px;height:18px;border-top:2px solid var(--color-success);border-left:2px solid var(--color-success);top:4px;left:4px;-webkit-animation:loading 1.4s ease-in infinite;animation:loading 1.4s ease-in infinite}.yh-loading .yh-loading-content>div:nth-child(3){width:22px;height:22px;border-top:2px solid var(--color-warning);border-left:2px solid var(--color-warning);top:2px;left:2px;-webkit-animation:loading 1.6s ease-in infinite;animation:loading 1.6s ease-in infinite}.yh-loading .yh-loading-content>div:nth-child(4){width:26px;height:26px;border-top:2px solid var(--color-primary);border-left:2px solid var(--color-primary);-webkit-animation:loading 1.8s ease-in infinite;animation:loading 1.8s ease-in infinite;top:0;left:0}.yh-loading .yh-loading-text{margin:10px}