.DxLoadingSpinner{--_loader-size:24px;--_loader-stroke-width:2px;--_loader-gap-size:calc(var(--_loader-size)/2 - var(--_loader-stroke-width));--_loader-colour:#0C121C;-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite;background:conic-gradient(from 90deg,transparent 0deg,transparent .036deg,var(--_loader-colour) 1turn);border-radius:50%;height:var(--_loader-size);left:calc(50% - var(--_loader-size)/2);margin-top:var(--_loader-margin-top,24px);-webkit-mask-image:radial-gradient(circle at center,transparent var(--_loader-gap-size),black calc(var(--_loader-gap-size) + .5px));mask-image:radial-gradient(circle at center,transparent var(--_loader-gap-size),black calc(var(--_loader-gap-size) + .5px));opacity:1;pointer-events:none;position:absolute;scale:1;-webkit-transition:opacity .5s ease-in-out,scale .5s ease-in-out;transition:opacity .5s ease-in-out,scale .5s ease-in-out;width:var(--_loader-size);z-index:100}.DxLoadingSpinner:before{background:-webkit-gradient(linear,left bottom,left top,color-stop(50%,var(--_loader-colour)),color-stop(50%,transparent));background:linear-gradient(0deg,var(--_loader-colour) 50%,transparent 50%);border-radius:var(--_loader-stroke-width);content:"";display:block;height:var(--_loader-stroke-width);position:absolute;right:0;top:calc(var(--_loader-stroke-width)*1.5);width:var(--_loader-stroke-width);z-index:10}.DxLoadingSpinner--hidden{opacity:0;scale:.92}@starting-style{.DxLoadingSpinner{opacity:0;scale:.92}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}