:where(.css-fpg3f5).ant-spin-lg .ant-spin-dot {
    font-size: 32px;
}
:where(.css-fpg3f5).ant-spin .ant-spin-dot-spin {
    transform: rotate(45deg);
    animation-name: css-fpg3f5-antRotate;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
:where(.css-fpg3f5).ant-spin .ant-spin-dot {
    position: relative;
    display: inline-block;  
    width: 1em;
    height: 1em;
}

:where(.css-fpg3f5).ant-spin {
    color: #1677ff;
    line-height: 1.5714285714285714;
    text-align: center;
}


:where(.css-fpg3f5).ant-spin {
    margin: 0;
    padding: 0;
    color: #1677ff;
    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

@keyframes css-fpg3f5-antRotate{to{transform:rotate(405deg);}}
@keyframes css-fpg3f5-antSpinMove{to{opacity:1;}}

:where(.css-fpg3f5)[class^="ant-spin"],:where(.css-fpg3f5)[class*=" ant-spin"]{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;box-sizing:border-box;}:where(.css-fpg3f5)[class^="ant-spin"]::before,:where(.css-fpg3f5)[class*=" ant-spin"]::before,:where(.css-fpg3f5)[class^="ant-spin"]::after,:where(.css-fpg3f5)[class*=" ant-spin"]::after{box-sizing:border-box;}:where(.css-fpg3f5)[class^="ant-spin"] [class^="ant-spin"],:where(.css-fpg3f5)[class*=" ant-spin"] [class^="ant-spin"],:where(.css-fpg3f5)[class^="ant-spin"] [class*=" ant-spin"],:where(.css-fpg3f5)[class*=" ant-spin"] [class*=" ant-spin"]{box-sizing:border-box;}:where(.css-fpg3f5)[class^="ant-spin"] [class^="ant-spin"]::before,:where(.css-fpg3f5)[class*=" ant-spin"] [class^="ant-spin"]::before,:where(.css-fpg3f5)[class^="ant-spin"] [class*=" ant-spin"]::before,:where(.css-fpg3f5)[class*=" ant-spin"] [class*=" ant-spin"]::before,:where(.css-fpg3f5)[class^="ant-spin"] [class^="ant-spin"]::after,:where(.css-fpg3f5)[class*=" ant-spin"] [class^="ant-spin"]::after,:where(.css-fpg3f5)[class^="ant-spin"] [class*=" ant-spin"]::after,:where(.css-fpg3f5)[class*=" ant-spin"] [class*=" ant-spin"]::after{box-sizing:border-box;}:where(.css-fpg3f5).ant-spin{box-sizing:border-box;margin:0;padding:0;color:#1677ff;font-size:0;line-height:1.5714285714285714;list-style:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';position:absolute;display:none;text-align:center;vertical-align:middle;opacity:0;transition:transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);}:where(.css-fpg3f5).ant-spin-spinning{position:static;display:inline-block;opacity:1;}:where(.css-fpg3f5).ant-spin-nested-loading{position:relative;}:where(.css-fpg3f5).ant-spin-nested-loading >div>.ant-spin{position:absolute;top:0;inset-inline-start:0;z-index:4;display:block;width:100%;height:100%;max-height:400px;}:where(.css-fpg3f5).ant-spin-nested-loading >div>.ant-spin .ant-spin-dot{position:absolute;top:50%;inset-inline-start:50%;margin:-10px;}:where(.css-fpg3f5).ant-spin-nested-loading >div>.ant-spin .ant-spin-text{position:absolute;top:50%;width:100%;padding-top:5px;text-shadow:0 1px 2px #ffffff;font-size:14px;}:where(.css-fpg3f5).ant-spin-nested-loading >div>.ant-spin.ant-spin-show-text .ant-spin-dot{margin-top:-20px;}:where(.css-fpg3f5).ant-spin-nested-loading >div>.ant-spin-sm .ant-spin-dot{margin:-7px;}:where(.css-fpg3f5).ant-spin-nested-loading >div>.ant-spin-sm .ant-spin-text{padding-top:2px;}:where(.css-fpg3f5).ant-spin-nested-loading >div>.ant-spin-sm.ant-spin-show-text .ant-spin-dot{margin-top:-17px;}:where(.css-fpg3f5).ant-spin-nested-loading >div>.ant-spin-lg .ant-spin-dot{margin:-16px;}:where(.css-fpg3f5).ant-spin-nested-loading >div>.ant-spin-lg .ant-spin-text{padding-top:11px;}:where(.css-fpg3f5).ant-spin-nested-loading >div>.ant-spin-lg.ant-spin-show-text .ant-spin-dot{margin-top:-26px;}:where(.css-fpg3f5).ant-spin-nested-loading .ant-spin-container{position:relative;transition:opacity 0.3s;}:where(.css-fpg3f5).ant-spin-nested-loading .ant-spin-container::after{position:absolute;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:10;width:100%;height:100%;background:#ffffff;opacity:0;transition:all 0.3s;content:"";pointer-events:none;}:where(.css-fpg3f5).ant-spin-nested-loading .ant-spin-blur{clear:both;opacity:0.5;user-select:none;pointer-events:none;}:where(.css-fpg3f5).ant-spin-nested-loading .ant-spin-blur::after{opacity:0.4;pointer-events:auto;}:where(.css-fpg3f5).ant-spin-tip{color:rgba(0, 0, 0, 0.45);}:where(.css-fpg3f5).ant-spin .ant-spin-dot{position:relative;display:inline-block;font-size:20px;width:1em;height:1em;}:where(.css-fpg3f5).ant-spin .ant-spin-dot-item{position:absolute;display:block;width:9px;height:9px;background-color:#1677ff;border-radius:100%;transform:scale(0.75);transform-origin:50% 50%;opacity:0.3;animation-name:css-fpg3f5-antSpinMove;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-direction:alternate;}:where(.css-fpg3f5).ant-spin .ant-spin-dot-item:nth-child(1){top:0;inset-inline-start:0;}:where(.css-fpg3f5).ant-spin .ant-spin-dot-item:nth-child(2){top:0;inset-inline-end:0;animation-delay:0.4s;}:where(.css-fpg3f5).ant-spin .ant-spin-dot-item:nth-child(3){inset-inline-end:0;bottom:0;animation-delay:0.8s;}:where(.css-fpg3f5).ant-spin .ant-spin-dot-item:nth-child(4){bottom:0;inset-inline-start:0;animation-delay:1.2s;}:where(.css-fpg3f5).ant-spin .ant-spin-dot-spin{transform:rotate(45deg);animation-name:css-fpg3f5-antRotate;animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:linear;}:where(.css-fpg3f5).ant-spin-sm .ant-spin-dot{font-size:14px;}:where(.css-fpg3f5).ant-spin-sm .ant-spin-dot i{width:6px;height:6px;}:where(.css-fpg3f5).ant-spin-lg .ant-spin-dot{font-size:32px;}:where(.css-fpg3f5).ant-spin-lg .ant-spin-dot i{width:14px;height:14px;}:where(.css-fpg3f5).ant-spin.ant-spin-show-text .ant-spin-text{display:block;}




body {
    margin: 0;
    font-family: Arial, sans-serif;
  }
  
  .loaderOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* Adjust the alpha (4th parameter) for the desired level of transparency */
    backdrop-filter: blur(5px); /* Adjust the blur value as needed */
    z-index: 10000; /* Ensure the overlay is on top of other content */
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0; /* Initially hidden */
    pointer-events: none; /* Initially not clickable */
    transition: opacity 0.3s ease; /* Add a smooth transition effect */
  }
  
  .loaderOverlay.active {
    opacity: 1; /* Make the overlay visible */
    pointer-events: auto; /* Make the overlay clickable */
  }
  
  .centered-content {
    max-width: 300px; /* Adjust the maximum width of the centered content */
  }