.spinner{--spinner-color: rgba(0,0,0,.3);position:fixed;inset:0;opacity:0;overflow:visible;visibility:hidden;z-index:999999}.spinner._active{display:flex;opacity:1;visibility:visible;flex-direction:column;justify-content:center;align-items:center;gap:12px}.spinner:before{display:block;content:" ";width:48px;height:48px;border-radius:50%;border-width:2px;border-style:solid;border-color:var(--spinner-color);border-bottom-color:transparent;animation:.6s __rotation infinite linear;font-size:0;z-index:100;box-sizing:border-box}.spinner:after{position:fixed;top:50%;left:50%;display:block;width:112px;height:112px;border-radius:16px;content:"";background:#fff;box-shadow:0 0 24px #00000014;z-index:-1;box-sizing:border-box;transform:translate(-50%,-50%)}.spinner._modal:after,.spinner[data-spinner~=modal]:after,.spinner._fullscreen:after,.spinner[data-spinner~=fullscreen]:after{inset:0;width:100vw;height:100vh;border-radius:0;transform:translate(0)}.spinner._modal:after,.spinner[data-spinner~=modal]:after{background:#0000001a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.spinner._fullscreen:after,.spinner[data-spinner~=fullscreen]:after{background:var(--html-bg)}@keyframes __rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}