.semi-spin{width:20px;height:20px;display:inline-block;position:relative}@keyframes semi-animation-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.semi-spin-wrapper{text-align:center;width:100%;color:var(--semi-color-primary);position:absolute;top:50%;transform:translateY(-50%)}.semi-spin-wrapper>svg{vertical-align:top;width:20px;height:20px;animation:.6s linear infinite forwards semi-animation-rotate;display:inline}.semi-spin-animate{animation:1.6s linear infinite forwards semi-animation-rotate;display:inline-flex}.semi-spin-children{opacity:.5;-webkit-user-select:none;user-select:none}.semi-spin-block{display:block}.semi-spin-block:after{content:"";z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.semi-spin-block .semi-spin-wrapper{display:block}.semi-spin-block.semi-spin{width:auto;height:auto}.semi-spin-hidden:after{content:none}.semi-spin-hidden>.semi-spin-children{opacity:1;-webkit-user-select:auto;user-select:auto}.semi-spin-small,.semi-spin-small>.semi-spin-wrapper svg{width:14px;height:14px}.semi-spin-middle,.semi-spin-middle>.semi-spin-wrapper svg{width:20px;height:20px}.semi-spin-large,.semi-spin-large>.semi-spin-wrapper svg{width:32px;height:32px}.semi-spin-container{overflow:hidden}.semi-rtl .semi-spin,.semi-portal-rtl .semi-spin,.semi-rtl .semi-spin-container,.semi-portal-rtl .semi-spin-container{direction:rtl}