.dots-radial-loader-wrapper{background:var(--bg-sandstone,#f8f4ef);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.loader{aspect-ratio:1;background:#bcbcbc;border-radius:50%;width:120px;padding:4px;position:relative;box-shadow:2px 2px 5px #fff,-2px -2px 5px -2px #000}.loader .dots-container{width:100%;height:100%;position:relative}.loader .dots-container .dot-row{transform-origin:100%;justify-content:space-between;align-items:center;width:50%;height:5px;display:flex;position:absolute;top:50%;transform:translateY(-50%)rotate(0)}.loader .dots-container .dot-row>*{animation:2s linear infinite blink}.loader .dots-container .dot-row .dot{aspect-ratio:1;background:#8b8b8b;border-radius:50%;width:4%;box-shadow:0 0 5px #fff}.loader .dots-container .dot-row:first-child{transform:translateY(-50%)rotate(0)}.loader .dots-container .dot-row:first-child .dot{animation-delay:0s}.loader .dots-container .dot-row:nth-child(2){transform:translateY(-50%)rotate(8deg)}.loader .dots-container .dot-row:nth-child(2) .dot{animation-delay:44.4444ms}.loader .dots-container .dot-row:nth-child(3){transform:translateY(-50%)rotate(16deg)}.loader .dots-container .dot-row:nth-child(3) .dot{animation-delay:88.8889ms}.loader .dots-container .dot-row:nth-child(4){transform:translateY(-50%)rotate(24deg)}.loader .dots-container .dot-row:nth-child(4) .dot{animation-delay:.133333s}.loader .dots-container .dot-row:nth-child(5){transform:translateY(-50%)rotate(32deg)}.loader .dots-container .dot-row:nth-child(5) .dot{animation-delay:.177778s}.loader .dots-container .dot-row:nth-child(6){transform:translateY(-50%)rotate(40deg)}.loader .dots-container .dot-row:nth-child(6) .dot{animation-delay:.222222s}.loader .dots-container .dot-row:nth-child(7){transform:translateY(-50%)rotate(48deg)}.loader .dots-container .dot-row:nth-child(7) .dot{animation-delay:.266667s}.loader .dots-container .dot-row:nth-child(8){transform:translateY(-50%)rotate(56deg)}.loader .dots-container .dot-row:nth-child(8) .dot{animation-delay:.311111s}.loader .dots-container .dot-row:nth-child(9){transform:translateY(-50%)rotate(64deg)}.loader .dots-container .dot-row:nth-child(9) .dot{animation-delay:.355556s}.loader .dots-container .dot-row:nth-child(10){transform:translateY(-50%)rotate(72deg)}.loader .dots-container .dot-row:nth-child(10) .dot{animation-delay:.4s}.loader .dots-container .dot-row:nth-child(11){transform:translateY(-50%)rotate(80deg)}.loader .dots-container .dot-row:nth-child(11) .dot{animation-delay:.444444s}.loader .dots-container .dot-row:nth-child(12){transform:translateY(-50%)rotate(88deg)}.loader .dots-container .dot-row:nth-child(12) .dot{animation-delay:.488889s}.loader .dots-container .dot-row:nth-child(13){transform:translateY(-50%)rotate(96deg)}.loader .dots-container .dot-row:nth-child(13) .dot{animation-delay:.533333s}.loader .dots-container .dot-row:nth-child(14){transform:translateY(-50%)rotate(104deg)}.loader .dots-container .dot-row:nth-child(14) .dot{animation-delay:.577778s}.loader .dots-container .dot-row:nth-child(15){transform:translateY(-50%)rotate(112deg)}.loader .dots-container .dot-row:nth-child(15) .dot{animation-delay:.622222s}.loader .dots-container .dot-row:nth-child(16){transform:translateY(-50%)rotate(120deg)}.loader .dots-container .dot-row:nth-child(16) .dot{animation-delay:.666667s}.loader .dots-container .dot-row:nth-child(17){transform:translateY(-50%)rotate(128deg)}.loader .dots-container .dot-row:nth-child(17) .dot{animation-delay:.711111s}.loader .dots-container .dot-row:nth-child(18){transform:translateY(-50%)rotate(136deg)}.loader .dots-container .dot-row:nth-child(18) .dot{animation-delay:.755556s}.loader .dots-container .dot-row:nth-child(19){transform:translateY(-50%)rotate(144deg)}.loader .dots-container .dot-row:nth-child(19) .dot{animation-delay:.8s}.loader .dots-container .dot-row:nth-child(20){transform:translateY(-50%)rotate(152deg)}.loader .dots-container .dot-row:nth-child(20) .dot{animation-delay:.844444s}.loader .dots-container .dot-row:nth-child(21){transform:translateY(-50%)rotate(160deg)}.loader .dots-container .dot-row:nth-child(21) .dot{animation-delay:.888889s}.loader .dots-container .dot-row:nth-child(22){transform:translateY(-50%)rotate(168deg)}.loader .dots-container .dot-row:nth-child(22) .dot{animation-delay:.933333s}.loader .dots-container .dot-row:nth-child(23){transform:translateY(-50%)rotate(176deg)}.loader .dots-container .dot-row:nth-child(23) .dot{animation-delay:.977778s}.loader .dots-container .dot-row:nth-child(24){transform:translateY(-50%)rotate(184deg)}.loader .dots-container .dot-row:nth-child(24) .dot{animation-delay:1.02222s}.loader .dots-container .dot-row:nth-child(25){transform:translateY(-50%)rotate(192deg)}.loader .dots-container .dot-row:nth-child(25) .dot{animation-delay:1.06667s}.loader .dots-container .dot-row:nth-child(26){transform:translateY(-50%)rotate(200deg)}.loader .dots-container .dot-row:nth-child(26) .dot{animation-delay:1.11111s}.loader .dots-container .dot-row:nth-child(27){transform:translateY(-50%)rotate(208deg)}.loader .dots-container .dot-row:nth-child(27) .dot{animation-delay:1.15556s}.loader .dots-container .dot-row:nth-child(28){transform:translateY(-50%)rotate(216deg)}.loader .dots-container .dot-row:nth-child(28) .dot{animation-delay:1.2s}.loader .dots-container .dot-row:nth-child(29){transform:translateY(-50%)rotate(224deg)}.loader .dots-container .dot-row:nth-child(29) .dot{animation-delay:1.24444s}.loader .dots-container .dot-row:nth-child(30){transform:translateY(-50%)rotate(232deg)}.loader .dots-container .dot-row:nth-child(30) .dot{animation-delay:1.28889s}.loader .dots-container .dot-row:nth-child(31){transform:translateY(-50%)rotate(240deg)}.loader .dots-container .dot-row:nth-child(31) .dot{animation-delay:1.33333s}.loader .dots-container .dot-row:nth-child(32){transform:translateY(-50%)rotate(248deg)}.loader .dots-container .dot-row:nth-child(32) .dot{animation-delay:1.37778s}.loader .dots-container .dot-row:nth-child(33){transform:translateY(-50%)rotate(256deg)}.loader .dots-container .dot-row:nth-child(33) .dot{animation-delay:1.42222s}.loader .dots-container .dot-row:nth-child(34){transform:translateY(-50%)rotate(264deg)}.loader .dots-container .dot-row:nth-child(34) .dot{animation-delay:1.46667s}.loader .dots-container .dot-row:nth-child(35){transform:translateY(-50%)rotate(272deg)}.loader .dots-container .dot-row:nth-child(35) .dot{animation-delay:1.51111s}.loader .dots-container .dot-row:nth-child(36){transform:translateY(-50%)rotate(280deg)}.loader .dots-container .dot-row:nth-child(36) .dot{animation-delay:1.55556s}.loader .dots-container .dot-row:nth-child(37){transform:translateY(-50%)rotate(288deg)}.loader .dots-container .dot-row:nth-child(37) .dot{animation-delay:1.6s}.loader .dots-container .dot-row:nth-child(38){transform:translateY(-50%)rotate(296deg)}.loader .dots-container .dot-row:nth-child(38) .dot{animation-delay:1.64444s}.loader .dots-container .dot-row:nth-child(39){transform:translateY(-50%)rotate(304deg)}.loader .dots-container .dot-row:nth-child(39) .dot{animation-delay:1.68889s}.loader .dots-container .dot-row:nth-child(40){transform:translateY(-50%)rotate(312deg)}.loader .dots-container .dot-row:nth-child(40) .dot{animation-delay:1.73333s}.loader .dots-container .dot-row:nth-child(41){transform:translateY(-50%)rotate(320deg)}.loader .dots-container .dot-row:nth-child(41) .dot{animation-delay:1.77778s}.loader .dots-container .dot-row:nth-child(42){transform:translateY(-50%)rotate(328deg)}.loader .dots-container .dot-row:nth-child(42) .dot{animation-delay:1.82222s}.loader .dots-container .dot-row:nth-child(43){transform:translateY(-50%)rotate(336deg)}.loader .dots-container .dot-row:nth-child(43) .dot{animation-delay:1.86667s}.loader .dots-container .dot-row:nth-child(44){transform:translateY(-50%)rotate(344deg)}.loader .dots-container .dot-row:nth-child(44) .dot{animation-delay:1.91111s}.loader .dots-container .dot-row:nth-child(45){transform:translateY(-50%)rotate(352deg)}.loader .dots-container .dot-row:nth-child(45) .dot{animation-delay:1.95556s}.loader .center-div{aspect-ratio:1;background:linear-gradient(135deg,#828282 0%,#494949 100%);border-bottom:1px solid #3f3f3f;border-right:1px solid #3f3f3f;border-radius:50%;place-content:center;width:36%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:8px 8px 5px -5px #2727274d,8px 8px 10px #27272780}.loader .center-div .svg{aspect-ratio:1;fill:#0000004b;width:15px}.loader .glass{transform-origin:bottom;border-radius:inherit;background:linear-gradient(#ffffffe0 0%,#fff0 100%);border-radius:51% 49%/59% 60% 40% 41%;width:80%;height:50%;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-45deg)}@keyframes blink{0%{background:#fff;box-shadow:0 0 2px #fff}20%{background:#fff}70%{background:gray;box-shadow:0 0 2px #fff0}}.dots-loader-message{letter-spacing:.05em;color:#374151;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #fffc;border-radius:9999px;margin-top:1.75rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px -2px #00000014}
