New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@ayush-2002/load-it

Package Overview
Dependencies
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ayush-2002/load-it - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

2

dist/cjs/index.js

@@ -1,2 +0,2 @@

"use strict";var r=require("react");function a(r,a){void 0===a&&(a={});var e=a.insertAt;if(r&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===e&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=r:i.appendChild(document.createTextNode(r))}}function e(r){if(!r)return null;if(r.startsWith("#")){const a=function(r){const a=r.match(/[A-Fa-f0-9]{2}/g);if(a)return a.map((r=>parseInt(r,16)));return null}(4===r.length?r.slice(1).split("").map((r=>r+r)).join(""):r);if(a)return`rgba(${a.join(", ")}, 1)`;console.warn(`Invalid hex code format: ${r}`)}else if(r.startsWith("rgb")){const a=function(r){const a=r.indexOf("("),e=r.indexOf(")");if(-1!==a&&-1!==e){const n=r.slice(a+1,e).split(",").map((r=>parseFloat(r.trim())));if(n.length>=3&&n.length<=4){return{rgb:n.slice(0,3),opacity:n[3]||1}}}return null}(r);if(a)return`rgba(${a.rgb.join(", ")}, ${a.opacity})`;console.warn(`Invalid rgb format: ${r}`)}else console.warn(`Invalid color format: ${r}`);return r}function n(r){if(!r)return"";if(r.startsWith("rgb")||r.startsWith("rgba")){const a=r.match(/\d+/g);if(a&&3===a.length)return`${a.join(", ")}`;if(a&&4===a.length){const r=a.join(", "),e=r.lastIndexOf(",");return r.slice(0,e)}}r.startsWith("#")&&(r=r.slice(1));return`${parseInt(r.substring(0,2),16)}, ${parseInt(r.substring(2,4),16)}, ${parseInt(r.substring(4,6),16)}`}function i(r){const a=/[A-Za-z%]+$/.test(r);return a||console.warn(`${r} check the unit or add a unit `),a}a(':root {\n --base: #263238;\n --primary: #b5b5b5;\n --primary-rgb: 181, 181, 181;\n --secondary: #ff3d00;\n --size: 48px;\n --speedMultiplier: 1;\n --width: 100%;\n --height: 25px;\n}\n.circle-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-bottom-color: var(--secondary);\n border-radius: 50%;\n display: inline-block;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.circle-in-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.circle-in-loader::before {\n content: "";\n width: calc(var(--size) - calc(var(--size) * 0.3));\n height: calc(var(--size) - calc(var(--size) * 0.3));\n border-radius: 50%;\n border: calc(var(--size) - var(--size) * 0.9) solid transparent;\n border-bottom-color: var(--secondary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.electron-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.electron-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n transform: translate(-50%, 50%);\n border-radius: 50%;\n}\n\n.multicircle-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n border: calc(var(--size) - var(--size) * 0.9) solid;\n border-color: var(--primary) var(--primary) transparent transparent;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.multicircle-loader::after,\n.multicircle-loader::before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n border: calc(var(--size) - var(--size) * 0.9) solid;\n border-color: transparent transparent var(--secondary) var(--secondary);\n width: calc(var(--size) - calc(var(--size) * 0.6));\n height: calc(var(--size) - calc(var(--size) * 0.6));\n border-radius: 50%;\n animation: rotationBack calc(0.5s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n.multicircle-loader::before {\n width: calc(var(--size) - calc(var(--size) * 0.3));\n height: calc(var(--size) - calc(var(--size) * 0.3));\n border-color: var(--primary) var(--primary) transparent transparent;\n animation: rotation calc(1.5s / var(--speedMultiplier)) linear infinite;\n}\n\n.double-dotted-circle-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) * 1.07 - var(--size)) dotted var(--primary);\n border-style: solid solid dotted dotted;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.double-dotted-circle-loader::after {\n content: "";\n margin: auto;\n border: calc(var(--size) * 1.07 - var(--size)) dotted var(--secondary);\n border-style: solid solid dotted;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n border-radius: 50%;\n animation: rotationBack calc(1s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n\n.timer-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) * 1.07 - var(--size)) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n z-index: -1;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.timer-loader::after {\n content: "";\n z-index: 2;\n position: absolute;\n left: 50%;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) * 1.07 - var(--size));\n height: calc(var(--size) / 2);\n transform: translateX(-50%);\n}\n\n.ring-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n border-top: calc(var(--size) * 1.08 - var(--size)) solid var(--primary);\n border-right: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n opacity: 0.8;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.dual-ring-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n border-top: calc(var(--size) * 1.08 - var(--size)) solid var(--primary);\n border-right: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.dual-ring-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n border-bottom: calc(var(--size) * 1.08 - var(--size)) solid var(--secondary);\n border-left: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n}\n\n.circle-pulse-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n border: calc(var(--size) - var(--size) * 0.8) solid var(--secondary);\n animation: circlePulse calc(1s / var(--speedMultiplier)) linear infinite\n alternate;\n}\n\n.umbrella-loader {\n border: 2px solid var(--primary);\n width: var(--size);\n height: var(--size);\n background: var(--secondary);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.umbrella-loader::after {\n content: "";\n border: calc(var(--size) / 2) solid;\n border-color: transparent var(--primary);\n border-radius: 50%;\n}\n\n.umbrella-pulse-loader {\n border: calc(var(--size) / 2) solid;\n background-color: rgba(var(--primary-rgb), 0.15)\n rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35)\n rgba(var(--primary-rgb), 0.5);\n border-color: rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25)\n rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.5);\n border-radius: 50%;\n display: inline-block;\n animation: umbrellaPulse calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.two-circle-dots-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.two-circle-dots-loader::after,\n.two-circle-dots-loader::before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n transform: translate(-50%, 50%);\n border-radius: 50%;\n}\n.two-circle-dots-loader::before {\n left: auto;\n right: 0;\n background: var(--primary);\n transform: translate(50%, 100%);\n}\n\n.merge-split-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n color: var(--primary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.merge-split-loader::after,\n.merge-split-loader::before {\n content: "";\n position: absolute;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n top: 50%;\n left: 50%;\n transform: scale(0.5) translate(0, 0);\n background-color: var(--primary);\n border-radius: 50%;\n animation: mergeSplit calc(1s / var(--speedMultiplier)) infinite ease-in-out;\n}\n.merge-split-loader::before {\n background-color: var(--secondary);\n transform: scale(0.5)\n translate(calc(-1 * var(--size)), calc(-1 * var(--size)));\n}\n\n.tri-pulse-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n margin: 0 calc(var(--size) / 2) 0 calc(var(--size) / 2);\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--primary);\n animation: shadowPulse calc(2s / var(--speedMultiplier)) linear infinite;\n}\n\n.tri-dot-circle-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n margin: calc(var(--size) / 2);\n background: var(--secondary);\n color: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0, calc(var(--size) / 2) 0;\n animation: rotation calc(2s / var(--speedMultiplier)) ease-in-out infinite;\n}\n.linear-queue-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n color: var(--primary-rgb);\n left: -100px;\n animation: shadowRolling calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.buffering-loader {\n width: calc(var(--size) - 8px);\n height: calc(var(--size) - 8px);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n}\n.buffering-loader::after {\n content: "";\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n position: absolute;\n left: 0;\n transform: translate(-50%, 100%);\n animation: buffering calc(1s / var(--speedMultiplier)) linear infinite;\n top: 0;\n}\n.dualbox-rotation-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n}\n.dualbox-rotation-loader::after,\n.dualbox-rotation-loader::before {\n content: "";\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) / 24) solid var(--primary);\n position: absolute;\n left: 0;\n top: 0;\n animation: rotation calc(2s / var(--speedMultiplier)) ease-in-out infinite;\n}\n.dualbox-rotation-loader::after {\n border-color: var(--secondary);\n animation-delay: calc(1s / var(--speedMultiplier));\n}\n\n.dualbox-cross-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n}\n.dualbox-cross-loader::after,\n.dualbox-cross-loader::before {\n content: "";\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) / 24) solid var(--primary);\n position: absolute;\n left: 0;\n top: 0;\n animation: rotationBreak calc(3s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.dualbox-cross-loader::after {\n border-color: var(--secondary);\n animation-direction: alternate-reverse;\n}\n\n.triplebox-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n border: calc(var(--size) / 24) solid var(--primary);\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.triplebox-loader::after,\n.triplebox-loader::before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n border: calc(var(--size) / 24) solid var(--secondary);\n width: calc(var(--size) - calc(var(--size) / 4));\n height: calc(var(--size) - calc(var(--size) / 4));\n animation: rotationBack calc(1.5s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n.triplebox-loader::before {\n width: calc(var(--size) - calc(var(--size) / 2));\n height: calc(var(--size) - calc(var(--size) / 2));\n border-color: var(--primary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.flip-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n background: var(--primary);\n animation: flipX calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.fill-box-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n color: var(--primary);\n border: 2px solid;\n animation: fillAnimation calc(1s / var(--speedMultiplier)) linear infinite\n alternate;\n}\n.spin-box-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n background: var(--primary);\n animation: zeroRotation calc(1s / var(--speedMultiplier)) ease infinite\n alternate-reverse;\n}\n\n.flipping-diamond-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n margin: calc(var(--size) * 0.1);\n transform: rotate(45deg);\n}\n.flipping-diamond-loader::before {\n content: "";\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n position: absolute;\n left: 0;\n top: calc(-1 * calc((var(--size) / 2)));\n animation: diamondPulse calc(4s / var(--speedMultiplier)) ease infinite;\n}\n.flipping-diamond-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n background: rgba(var(--primary-rgb), 0.85);\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);\n animation: diamondRotation calc(4s / var(--speedMultiplier)) ease infinite;\n}\n\n.grid-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n box-shadow: 0 calc(var(--size) / 1.5), 0 calc(-1 * calc(var(--size) / 1.5));\n border-radius: calc(var(--size) / 12);\n background: currentColor;\n display: inline-block;\n position: relative;\n color: var(--primary-rgb);\n animation: gridAnimation 2s ease infinite;\n}\n.grid-loader::after,\n.grid-loader::before {\n content: "";\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n box-shadow: 0 calc(var(--size) / 1.5), 0 calc(-1 * calc(var(--size) / 1.5));\n border-radius: calc(var(--size) / 12);\n background: currentColor;\n color: var(--primary-rgb);\n position: absolute;\n left: calc(var(--size) / 2);\n top: 0;\n animation: gridAnimation 2s 0.2s ease infinite;\n}\n.grid-loader::before {\n animation-delay: 0.4s;\n left: calc(var(--size));\n}\n.scale-loader {\n position: relative;\n width: calc(var(--size) / 4);\n height: var(--size);\n margin: 0 calc(var(--size) * 0.2);\n border-radius: calc(var(--size) / 12);\n border: 1px var(--primary) solid;\n background-color: var(--primary);\n animation: scaleAnimation 1s infinite linear;\n}\n.scale-loader::after,\n.scale-loader::before {\n content: "";\n position: absolute;\n margin: 0 calc(var(--size) * 0.2);\n border-radius: calc(var(--size) / 12);\n width: calc(var(--size) / 4);\n height: var(--size);\n background-color: inherit;\n top: -1px;\n}\n.scale-loader::before {\n left: calc(calc(var(--size) / 1.5) * -1);\n animation: scaleBefore 1s infinite linear;\n}\n.scale-loader::after {\n right: calc(calc(var(--size) / 1.5) * -1);\n animation: scaleAfter 1s infinite linear;\n}\n.search-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n border: calc(var(--size) / 16) solid var(--primary);\n border-radius: 50%;\n animation: searchAnimation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n\n.search-loader::after {\n content: "";\n width: calc(var(--size) / 8);\n height: calc(var(--size) / 2);\n background: var(--primary);\n transform: rotate(-45deg);\n position: absolute;\n bottom: calc(-1 * calc((var(--size) - calc(var(--size) * 0.6))));\n right: calc(-1 * calc((var(--size) - calc(var(--size) * 0.85))));\n}\n\n.location-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n display: flex;\n justify-content: center;\n}\n.location-loader::after {\n content: "";\n width: calc(var(--size) / 1.86);\n height: calc(var(--size) / 1.86);\n top: 0;\n position: absolute;\n border-radius: 50% 50% 0;\n border: calc(var(--size) / 3.2) solid var(--primary);\n transform: rotate(45deg) translate(0, 0);\n animation: locationMarker calc(0.4s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.location-loader::before {\n content: "";\n position: absolute;\n bottom: calc(-1 * (calc(var(--size) / 1.5)));\n margin: auto;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 12);\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.2);\n animation: locationShadow calc(0.4s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.loading-bar-container {\n width: var(--width);\n height: var(--height);\n background-color: var(--primary);\n border-radius: 4px;\n position: relative;\n overflow: hidden;\n text-align: center;\n}\n\n.loading-bar-progress {\n height: 100%;\n background-color: var(--secondary);\n transition: width 0.3s ease-in-out;\n}\n.loader-message {\n display: flex;\n justify-content: center;\n align-items: center;\n width: var(--width);\n height: var(--height);\n position: absolute;\n top: 0;\n left: 0;\n text-transform: uppercase;\n font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;\n color: black;\n}\n\n.bar-loader {\n width: 100%;\n height: calc(var(--size) / 10);\n display: inline-block;\n position: relative;\n background: var(--primary);\n overflow: hidden;\n}\n.bar-loader::after {\n content: "";\n width: calc(var(--size) * 2);\n height: calc(var(--size) / 10);\n background: var(--secondary);\n position: absolute;\n top: 0;\n left: 0;\n animation: barLoaderAnimation calc(2s / var(--speedMultiplier)) linear\n infinite;\n}\n\n@keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes rotationBack {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(-360deg);\n }\n}\n\n@keyframes circlePulse {\n 0% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 0)\n rgba(var(--primary-rgb), 0) rgba(var(--primary-rgb), 0);\n }\n 33% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 0) rgba(var(--primary-rgb), 0);\n }\n 66% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 0);\n }\n 100% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1);\n }\n}\n\n@keyframes umbrellaPulse {\n 0% {\n border-color: rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25)\n rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.75);\n }\n 33% {\n border-color: rgba(var(--primary-rgb), 0.75) rgba(var(--primary-rgb), 0.15)\n rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35);\n }\n 66% {\n border-color: rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.75)\n rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25);\n }\n 100% {\n border-color: rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35)\n rgba(var(--primary-rgb), 0.75) rgba(var(--primary-rgb), 0.15);\n }\n}\n\n@keyframes mergeSplit {\n 50% {\n transform: scale(1) translate(-50%, -50%);\n }\n}\n@keyframes shadowPulse {\n 33% {\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--secondary),\n calc(var(--size) / 2) 0 var(--primary);\n }\n\n 66% {\n background: var(--secondary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--primary);\n }\n 100% {\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--secondary);\n }\n}\n@keyframes shadowRolling {\n 0% {\n box-shadow: 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 12% {\n box-shadow: 100px 0 rgba(var(--primary-rgb), 1),\n 0px 0 rgba(var(--primary-rgb), 0), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 25% {\n box-shadow: 110px 0 rgba(var(--primary-rgb), 1),\n 100px 0 rgba(var(--primary-rgb), 1), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 36% {\n box-shadow: 120px 0 rgba(var(--primary-rgb), 1),\n 110px 0 rgba(var(--primary-rgb), 1), 100px 0 rgba(var(--primary-rgb), 1),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 50% {\n box-shadow: 130px 0 rgba(var(--primary-rgb), 1),\n 120px 0 rgba(var(--primary-rgb), 1), 110px 0 rgba(var(--primary-rgb), 1),\n 100px 0 rgba(var(--primary-rgb), 1);\n }\n 62% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 130px 0 rgba(var(--primary-rgb), 1), 120px 0 rgba(var(--primary-rgb), 1),\n 110px 0 rgba(var(--primary-rgb), 1);\n }\n 75% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 130px 0 rgba(var(--primary-rgb), 1),\n 120px 0 rgba(var(--primary-rgb), 1);\n }\n 87% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 200px 0 rgba(var(--primary-rgb), 0),\n 130px 0 rgba(var(--primary-rgb), 1);\n }\n 100% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0);\n }\n}\n\n@keyframes buffering {\n 0% {\n background: rgba(var(--primary-rgb), 1);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 14% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 1),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 28% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 1),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 42% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 1),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 57% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 1),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 71% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 1),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 85% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 1);\n }\n 100% {\n background: rgba(var(--primary-rgb), 0.5);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n}\n@keyframes rotationBreak {\n 0% {\n transform: rotate(0);\n }\n 25% {\n transform: rotate(90deg);\n }\n 50% {\n transform: rotate(180deg);\n }\n 75% {\n transform: rotate(270deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes flipX {\n 0% {\n transform: perspective(200px) rotateX(0deg) rotateY(0deg);\n }\n 50% {\n transform: perspective(200px) rotateX(-180deg) rotateY(0deg);\n }\n 100% {\n transform: perspective(200px) rotateX(-180deg) rotateY(-180deg);\n }\n}\n@keyframes fillAnimation {\n 0% {\n box-shadow: 0 0 inset;\n }\n 100% {\n box-shadow: 0 calc(var(--size) * -1) inset;\n }\n}\n\n@keyframes zeroRotation {\n 0% {\n transform: scale(1) rotate(0deg);\n }\n 100% {\n transform: scale(0) rotate(360deg);\n }\n}\n\n@keyframes diamondRotation {\n 0% {\n transform: translate(0, 0) rotateX(0) rotateY(0);\n }\n 25% {\n transform: translate(100%, 0) rotateX(0) rotateY(180deg);\n }\n 50% {\n transform: translate(100%, 100%) rotateX(-180deg) rotateY(180deg);\n }\n 75% {\n transform: translate(0, 100%) rotateX(-180deg) rotateY(360deg);\n }\n 100% {\n transform: translate(0, 0) rotateX(0) rotateY(360deg);\n }\n}\n\n@keyframes diamondPulse {\n 0% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 12% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 25% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 37% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 50% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 62% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 75% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 87% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 100% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n}\n\n@keyframes gridAnimation {\n 0% {\n top: 0;\n color: rgba(var(--primary-rgb), 1);\n }\n 50% {\n top: calc(var(--size) / 1.5);\n color: rgba(var(--primary-rgb), 0.2);\n }\n 100% {\n top: 0;\n color: rgba(var(--primary-rgb), 1);\n }\n}\n@keyframes scaleBefore {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1.3);\n }\n 50% {\n transform: scale(1, 0.8);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes scaleAnimation {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 1.3);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes scaleAfter {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 0.8);\n }\n 75% {\n transform: scale(1, 1.3);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes searchAnimation {\n 0% {\n transform: translate(-10px, -10px);\n }\n 25% {\n transform: translate(-10px, 10px);\n }\n 50% {\n transform: translate(10px, 10px);\n }\n 75% {\n transform: translate(10px, -10px);\n }\n 100% {\n transform: translate(-10px, -10px);\n }\n}\n\n@keyframes locationMarker {\n 0% {\n transform: rotate(45deg) translate(5px, 5px);\n }\n 100% {\n transform: rotate(45deg) translate(-5px, -5px);\n }\n}\n@keyframes locationShadow {\n 0% {\n transform: scale(0.5);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes barLoaderAnimation {\n 0% {\n left: 0;\n transform: translateX(-100%);\n }\n 100% {\n left: 100%;\n transform: translateX(0%);\n }\n}\n\n/* @keyframes shadowExpandX {\n 0% {\n box-shadow: 0 0, 0 0;\n color: rgba(var(--primary-rgb), 0.2);\n }\n 100% {\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0, calc((var(--size)) / 2) 0;\n color: rgba(var(--primary-rgb), 0.8);\n }\n} */\n/* @keyframes shadowExpandX {\n 0% { \n box-shadow: 0 0, 0 0; \n color: rgba($lite, 0.2)\n }\n 100% { \n box-shadow: -$size/2 0, $size/2 0; \n color: rgba($lite, .8) \n }\n } */\n');function t(r,a,e,n){return new(e||(e=Promise))((function(i,t){function s(r){try{l(n.next(r))}catch(r){t(r)}}function o(r){try{l(n.throw(r))}catch(r){t(r)}}function l(r){var a;r.done?i(r.value):(a=r.value,a instanceof e?a:new e((function(r){r(a)}))).then(s,o)}l((n=n.apply(r,a||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const s=r.createContext({});a(':root {\n --width: 100%;\n --height: 100%;\n --primary: #2c2b2b;\n --secondary: #575757;\n --borderRadius: 4px;\n --duration: 2s;\n --direction: normal;\n --enableAnimation: block;\n}\n\n.skeleton-loader {\n background-color: var(--primary);\n width: var(--width);\n height: var(--height);\n border-radius: var(--borderRadius);\n display: inline-flex;\n line-height: 1;\n position: relative;\n user-select: none;\n overflow: hidden;\n z-index: 1;\n}\n\n.skeleton-loader::after {\n content: " ";\n display: var(--enableAnimation);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--primary),\n var(--secondary),\n var(--primary)\n );\n transform: translateX(-100%);\n animation-name: skeletonLoaderAnimation;\n animation-direction: var(--direction);\n animation-duration: var(--duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n\n@keyframes skeletonLoaderAnimation {\n 100% {\n transform: translateX(100%);\n }\n}\n');exports.BarLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"bar-loader",style:c})},exports.BufferingLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"buffering-loader",style:c})},exports.CircleInLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"circle-in-loader",style:c})},exports.CircleLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"circle-loader",style:c})},exports.CirclePulseLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"circle-pulse-loader",style:c})},exports.DoubleDotCircleLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"double-dotted-circle-loader",style:c})},exports.DualBoxCrossLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"dualbox-cross-loader",style:c})},exports.DualBoxRotationLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"dualbox-rotation-loader",style:c})},exports.DualRingLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"dual-ring-loader",style:c})},exports.ElectronLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"electron-loader",style:c})},exports.FillBoxLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"fill-box-loader",style:l})},exports.FlipLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"flip-loader",style:l})},exports.FlippingDiamondLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"flipping-diamond-loader",style:c})},exports.GridLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"grid-loader",style:c})},exports.LinearQueueLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"linear-queue-loader",style:c})},exports.LocationLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"location-loader",style:l})},exports.MergeSplitLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"merge-split-loader",style:c})},exports.MultiCircleLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),o||(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"multicircle-loader",style:c})},exports.ProgressBarLoader=({promise:a,primary:n="#B5B5B5",secondary:s="#ff3d00",width:o="100%",height:l="25px",percentage:c=!0,successMessage:p="",errorMessage:d="Error",messageCSS:b={},cssOverride:g={}})=>{const[v,m]=r.useState(),[y,u]=r.useState(0),[x,f]=r.useState(),[h,z]=r.useState(),[w,B]=r.useState("");r.useEffect((()=>{const r=r=>{u(r)};t(void 0,void 0,void 0,(function*(){m(!0),z(!0);try{yield((r,a)=>t(void 0,void 0,void 0,(function*(){let e=0;for(;e<100;)yield new Promise((r=>setTimeout(r,100))),e+=10*Math.random(),e=Math.min(e,100),a(e);try{const a=yield r;if(a.ok)return a;throw new Error("Request failed with status: "+a.status)}catch(r){throw console.error("Promise error:",r),a(99),r}})))(a,r),f(!0),m(!1),setTimeout((()=>{z(!1)}),1e3)}catch(r){console.error("Promise error:",r),f(!1),m(!1)}}))}),[a]),r.useEffect((()=>{const r=x?p:d;!v&&c?B(r):v||c?c&&B((r=>`${Math.round(y)}%`)):B(r)}),[y,v,x,p,d]),""===o&&(o="100%"),""===l&&(l="20px"),i(o)||(o=`${o}px`),i(l)||(l=`${l}px`);const M=Object.assign({"--width":o,"--height":l,"--primary":e(n),"--secondary":e(s)},g);return r.createElement(r.Fragment,null,h&&r.createElement("div",{className:"loading-bar-container",style:M},r.createElement("div",{className:"loading-bar-progress",style:{width:`${y}%`}}),r.createElement("div",{style:b,className:"loader-message"},w)))},exports.RingLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"ring-loader",style:l})},exports.ScaleLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"scale-loader",style:l})},exports.SearchLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"search-loader",style:l})},exports.Skeleton=({loading:a,primary:n,secondary:t,width:o,height:l,borderRadius:c,duration:p,direction:d,enableAnimation:b,circle:g=!1,inline:v=!1,children:m,cssOverride:y={},className:u})=>{const x=r.useContext(s),f=x.className,h={width:o,height:l,primary:n,secondary:t,borderRadius:c,duration:p,direction:d,enableAnimation:b,circle:g};for(const[r,a]of Object.entries(h))void 0===a&&delete h[r];const z=Object.assign(Object.assign({},x),h),w=Object.assign(Object.assign({},function({width:r,height:a,borderRadius:n,primary:t,secondary:s,duration:o,direction:l,enableAnimation:c=!0,circle:p}){const d={"--width":"","--height":"","--primary":null,"--secondary":null,"--borderRadius":"","--duration":"","--direction":"","--enableAnimation":""};return"string"==typeof r&&i(r)&&(d["--width"]=r),r&&!i(r)&&(r=`${r}px`,d["--width"]=r),"string"==typeof a&&i(a)&&(d["--height"]=a),a&&!i(a)&&(a=`${a}px`,d["--height"]=a),"string"==typeof n&&i(n)&&(d["--borderRadius"]=n),"number"==typeof n&&(n=`${n}px`,d["--borderRadius"]=n),void 0!==t&&(d["--primary"]=e(t)),void 0!==s&&(d["--secondary"]=e(s)),void 0!==o&&(d["--duration"]=`${o}s`),"rtl"===l&&(d["--direction"]="reverse"),c||(d["--enableAnimation"]="none"),p&&(d["--borderRadius"]="50%"),d}(z)),y);void 0===a&&(a=x.loading),void 0===a&&void 0===x.loading&&(a=!0);let B="skeleton-loader";return void 0===u||f?void 0===f||u?void 0!==u&&void 0!==f&&(B+=` ${u} ${f}`):B+=` ${f}`:B+=` ${u}`,a?r.createElement(r.Fragment,null,r.createElement(s.Consumer,null,(()=>r.createElement("span",{className:B,style:w},"‌"))),!v&&r.createElement("br",null)):r.createElement(r.Fragment,null,m)},exports.SkeletonTheme=a=>{var{children:e,className:n}=a,i=function(r,a){var e={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&a.indexOf(n)<0&&(e[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(r);i<n.length;i++)a.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(e[n[i]]=r[n[i]])}return e}(a,["children","className"]);const t=Object.assign(Object.assign({},i),{className:n});return r.createElement(s.Provider,{value:t},e)},exports.SpinBoxLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"spin-box-loader",style:l})},exports.TimerLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"timer-loader",style:c})},exports.TriDotCircleLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"tri-dot-circle-loader",style:c})},exports.TriPulseLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"tri-pulse-loader",style:c})},exports.TripleBoxLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"triplebox-loader",style:c})},exports.TwoDotsCircleLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"two-circle-dots-loader",style:c})},exports.UmbrellaLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"umbrella-loader",style:c})},exports.UmbrellaPulseLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"umbrella-pulse-loader",style:c})};
"use strict";var r=require("react");function a(r,a){void 0===a&&(a={});var e=a.insertAt;if(r&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===e&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=r:i.appendChild(document.createTextNode(r))}}function e(r){if(!r)return null;if(r.startsWith("#")){const a=function(r){const a=r.match(/[A-Fa-f0-9]{2}/g);if(a)return a.map((r=>parseInt(r,16)));return null}(4===r.length?r.slice(1).split("").map((r=>r+r)).join(""):r);if(a)return`rgba(${a.join(", ")}, 1)`;console.warn(`Invalid hex code format: ${r}`)}else if(r.startsWith("rgb")){const a=function(r){const a=r.indexOf("("),e=r.indexOf(")");if(-1!==a&&-1!==e){const n=r.slice(a+1,e).split(",").map((r=>parseFloat(r.trim())));if(n.length>=3&&n.length<=4){return{rgb:n.slice(0,3),opacity:n[3]||1}}}return null}(r);if(a)return`rgba(${a.rgb.join(", ")}, ${a.opacity})`;console.warn(`Invalid rgb format: ${r}`)}else console.warn(`Invalid color format: ${r}`);return r}function n(r){if(!r)return"";if(r.startsWith("rgb")||r.startsWith("rgba")){const a=r.match(/\d+/g);if(a&&3===a.length)return`${a.join(", ")}`;if(a&&4===a.length){const r=a.join(", "),e=r.lastIndexOf(",");return r.slice(0,e)}}r.startsWith("#")&&(r=r.slice(1));return`${parseInt(r.substring(0,2),16)}, ${parseInt(r.substring(2,4),16)}, ${parseInt(r.substring(4,6),16)}`}function i(r){const a=/[A-Za-z%]+$/.test(r);return a||console.warn(`${r} check the unit or add a unit `),a}a(':root {\n --base: #263238;\n --primary: #b5b5b5;\n --primary-rgb: 181, 181, 181;\n --secondary: #ff3d00;\n --size: 48px;\n --speedMultiplier: 1;\n --width: 100%;\n --height: 25px;\n}\n.circle-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-bottom-color: var(--secondary);\n border-radius: 50%;\n display: inline-block;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.circle-in-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.circle-in-loader::before {\n content: "";\n width: calc(var(--size) - calc(var(--size) * 0.3));\n height: calc(var(--size) - calc(var(--size) * 0.3));\n border-radius: 50%;\n border: calc(var(--size) - var(--size) * 0.9) solid transparent;\n border-bottom-color: var(--secondary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.electron-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.electron-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n transform: translate(-50%, 50%);\n border-radius: 50%;\n}\n\n.multicircle-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n border: calc(var(--size) - var(--size) * 0.9) solid;\n border-color: var(--primary) var(--primary) transparent transparent;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.multicircle-loader::after,\n.multicircle-loader::before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n border: calc(var(--size) - var(--size) * 0.9) solid;\n border-color: transparent transparent var(--secondary) var(--secondary);\n width: calc(var(--size) - calc(var(--size) * 0.6));\n height: calc(var(--size) - calc(var(--size) * 0.6));\n border-radius: 50%;\n animation: rotationBack calc(0.5s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n.multicircle-loader::before {\n width: calc(var(--size) - calc(var(--size) * 0.3));\n height: calc(var(--size) - calc(var(--size) * 0.3));\n border-color: var(--primary) var(--primary) transparent transparent;\n animation: rotation calc(1.5s / var(--speedMultiplier)) linear infinite;\n}\n\n.double-dotted-circle-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) * 1.07 - var(--size)) dotted var(--primary);\n border-style: solid solid dotted dotted;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.double-dotted-circle-loader::after {\n content: "";\n margin: auto;\n border: calc(var(--size) * 1.07 - var(--size)) dotted var(--secondary);\n border-style: solid solid dotted;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n border-radius: 50%;\n animation: rotationBack calc(1s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n\n.timer-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) * 1.07 - var(--size)) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n z-index: -1;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.timer-loader::after {\n content: "";\n z-index: 2;\n position: absolute;\n left: 50%;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) * 1.07 - var(--size));\n height: calc(var(--size) / 2);\n transform: translateX(-50%);\n}\n\n.ring-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n border-top: calc(var(--size) * 1.08 - var(--size)) solid var(--primary);\n border-right: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n opacity: 0.8;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.dual-ring-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n border-top: calc(var(--size) * 1.08 - var(--size)) solid var(--primary);\n border-right: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.dual-ring-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n border-bottom: calc(var(--size) * 1.08 - var(--size)) solid var(--secondary);\n border-left: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n}\n\n.circle-pulse-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n border: calc(var(--size) - var(--size) * 0.8) solid var(--secondary);\n animation: circlePulse calc(1s / var(--speedMultiplier)) linear infinite\n alternate;\n}\n\n.umbrella-loader {\n border: 2px solid var(--primary);\n width: var(--size);\n height: var(--size);\n background: var(--secondary);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.umbrella-loader::after {\n content: "";\n border: calc(var(--size) / 2) solid;\n border-color: transparent var(--primary);\n border-radius: 50%;\n}\n\n.umbrella-pulse-loader {\n border: calc(var(--size) / 2) solid;\n background-color: rgba(var(--primary-rgb), 0.15)\n rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35)\n rgba(var(--primary-rgb), 0.5);\n border-color: rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25)\n rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.5);\n border-radius: 50%;\n display: inline-block;\n animation: umbrellaPulse calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.two-circle-dots-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.two-circle-dots-loader::after,\n.two-circle-dots-loader::before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n transform: translate(-50%, 50%);\n border-radius: 50%;\n}\n.two-circle-dots-loader::before {\n left: auto;\n right: 0;\n background: var(--primary);\n transform: translate(50%, 100%);\n}\n\n.merge-split-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n color: var(--primary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.merge-split-loader::after,\n.merge-split-loader::before {\n content: "";\n position: absolute;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n top: 50%;\n left: 50%;\n transform: scale(0.5) translate(0, 0);\n background-color: var(--primary);\n border-radius: 50%;\n animation: mergeSplit calc(1s / var(--speedMultiplier)) infinite ease-in-out;\n}\n.merge-split-loader::before {\n background-color: var(--secondary);\n transform: scale(0.5)\n translate(calc(-1 * var(--size)), calc(-1 * var(--size)));\n}\n\n.tri-pulse-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n margin: 0 calc(var(--size) / 2) 0 calc(var(--size) / 2);\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--primary);\n animation: shadowPulse calc(2s / var(--speedMultiplier)) linear infinite;\n}\n\n.tri-dot-circle-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n margin: calc(var(--size) / 2);\n background: var(--secondary);\n color: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0, calc(var(--size) / 2) 0;\n animation: rotation calc(2s / var(--speedMultiplier)) ease-in-out infinite;\n}\n.linear-queue-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n color: var(--primary-rgb);\n left: -100px;\n animation: shadowRolling calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.buffering-loader {\n width: calc(var(--size) - 8px);\n height: calc(var(--size) - 8px);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n}\n.buffering-loader::after {\n content: "";\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n position: absolute;\n left: 0;\n transform: translate(-50%, 100%);\n animation: buffering calc(1s / var(--speedMultiplier)) linear infinite;\n top: 0;\n}\n.dualbox-rotation-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n}\n.dualbox-rotation-loader::after,\n.dualbox-rotation-loader::before {\n content: "";\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) / 24) solid var(--primary);\n position: absolute;\n left: 0;\n top: 0;\n animation: rotation calc(2s / var(--speedMultiplier)) ease-in-out infinite;\n}\n.dualbox-rotation-loader::after {\n border-color: var(--secondary);\n animation-delay: calc(1s / var(--speedMultiplier));\n}\n\n.dualbox-cross-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n}\n.dualbox-cross-loader::after,\n.dualbox-cross-loader::before {\n content: "";\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) / 24) solid var(--primary);\n position: absolute;\n left: 0;\n top: 0;\n animation: rotationBreak calc(3s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.dualbox-cross-loader::after {\n border-color: var(--secondary);\n animation-direction: alternate-reverse;\n}\n\n.triplebox-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n border: calc(var(--size) / 24) solid var(--primary);\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.triplebox-loader::after,\n.triplebox-loader::before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n border: calc(var(--size) / 24) solid var(--secondary);\n width: calc(var(--size) - calc(var(--size) / 4));\n height: calc(var(--size) - calc(var(--size) / 4));\n animation: rotationBack calc(1.5s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n.triplebox-loader::before {\n width: calc(var(--size) - calc(var(--size) / 2));\n height: calc(var(--size) - calc(var(--size) / 2));\n border-color: var(--primary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.flip-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n background: var(--primary);\n animation: flipX calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.fill-box-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n color: var(--primary);\n border: 2px solid;\n animation: fillAnimation calc(1s / var(--speedMultiplier)) linear infinite\n alternate;\n}\n.spin-box-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n background: var(--primary);\n animation: zeroRotation calc(1s / var(--speedMultiplier)) ease infinite\n alternate-reverse;\n}\n\n.flipping-diamond-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n margin: calc(var(--size) * 0.1);\n transform: rotate(45deg);\n}\n.flipping-diamond-loader::before {\n content: "";\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n position: absolute;\n left: 0;\n top: calc(-1 * calc((var(--size) / 2)));\n animation: diamondPulse calc(4s / var(--speedMultiplier)) ease infinite;\n}\n.flipping-diamond-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n background: rgba(var(--primary-rgb), 0.85);\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);\n animation: diamondRotation calc(4s / var(--speedMultiplier)) ease infinite;\n}\n\n.grid-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n box-shadow: 0 calc(var(--size) / 1.5), 0 calc(-1 * calc(var(--size) / 1.5));\n border-radius: calc(var(--size) / 12);\n background: currentColor;\n display: inline-block;\n position: relative;\n color: var(--primary-rgb);\n animation: gridAnimation 2s ease infinite;\n}\n.grid-loader::after,\n.grid-loader::before {\n content: "";\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n box-shadow: 0 calc(var(--size) / 1.5), 0 calc(-1 * calc(var(--size) / 1.5));\n border-radius: calc(var(--size) / 12);\n background: currentColor;\n color: var(--primary-rgb);\n position: absolute;\n left: calc(var(--size) / 2);\n top: 0;\n animation: gridAnimation 2s 0.2s ease infinite;\n}\n.grid-loader::before {\n animation-delay: 0.4s;\n left: calc(var(--size));\n}\n.scale-loader {\n position: relative;\n width: calc(var(--size) / 4);\n height: var(--size);\n margin: 0 calc(var(--size) * 0.2);\n border-radius: calc(var(--size) / 12);\n border: 1px var(--primary) solid;\n background-color: var(--primary);\n animation: scaleAnimation 1s infinite linear;\n}\n.scale-loader::after,\n.scale-loader::before {\n content: "";\n position: absolute;\n margin: 0 calc(var(--size) * 0.2);\n border-radius: calc(var(--size) / 12);\n width: calc(var(--size) / 4);\n height: var(--size);\n background-color: inherit;\n top: -1px;\n}\n.scale-loader::before {\n left: calc(calc(var(--size) / 1.5) * -1);\n animation: scaleBefore 1s infinite linear;\n}\n.scale-loader::after {\n right: calc(calc(var(--size) / 1.5) * -1);\n animation: scaleAfter 1s infinite linear;\n}\n.search-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n border: calc(var(--size) / 16) solid var(--primary);\n border-radius: 50%;\n animation: searchAnimation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n\n.search-loader::after {\n content: "";\n width: calc(var(--size) / 8);\n height: calc(var(--size) / 2);\n background: var(--primary);\n transform: rotate(-45deg);\n position: absolute;\n bottom: calc(-1 * calc((var(--size) - calc(var(--size) * 0.6))));\n right: calc(-1 * calc((var(--size) - calc(var(--size) * 0.85))));\n}\n\n.location-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n display: flex;\n justify-content: center;\n}\n.location-loader::after {\n content: "";\n width: calc(var(--size) / 1.86);\n height: calc(var(--size) / 1.86);\n top: 0;\n position: absolute;\n border-radius: 50% 50% 0;\n border: calc(var(--size) / 3.2) solid var(--primary);\n transform: rotate(45deg) translate(0, 0);\n animation: locationMarker calc(0.4s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.location-loader::before {\n content: "";\n position: absolute;\n bottom: calc(-1 * (calc(var(--size) / 1.5)));\n margin: auto;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 12);\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.2);\n animation: locationShadow calc(0.4s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.loading-bar-container {\n width: var(--width);\n height: var(--height);\n background-color: var(--primary);\n border-radius: 4px;\n position: relative;\n overflow: hidden;\n text-align: center;\n}\n\n.loading-bar-progress {\n height: 100%;\n background-color: var(--secondary);\n transition: width 0.3s ease-in-out;\n}\n.loader-message {\n display: flex;\n justify-content: center;\n align-items: center;\n width: var(--width);\n height: var(--height);\n position: absolute;\n top: 0;\n left: 0;\n text-transform: uppercase;\n font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;\n color: black;\n}\n\n.bar-loader {\n width: 100%;\n height: calc(var(--size) / 10);\n display: inline-block;\n position: relative;\n background: var(--primary);\n overflow: hidden;\n}\n.bar-loader::after {\n content: "";\n width: calc(var(--size) * 2);\n height: calc(var(--size) / 10);\n background: var(--secondary);\n position: absolute;\n top: 0;\n left: 0;\n animation: barLoaderAnimation calc(2s / var(--speedMultiplier)) linear\n infinite;\n}\n\n@keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes rotationBack {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(-360deg);\n }\n}\n\n@keyframes circlePulse {\n 0% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 0)\n rgba(var(--primary-rgb), 0) rgba(var(--primary-rgb), 0);\n }\n 33% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 0) rgba(var(--primary-rgb), 0);\n }\n 66% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 0);\n }\n 100% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1);\n }\n}\n\n@keyframes umbrellaPulse {\n 0% {\n border-color: rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25)\n rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.75);\n }\n 33% {\n border-color: rgba(var(--primary-rgb), 0.75) rgba(var(--primary-rgb), 0.15)\n rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35);\n }\n 66% {\n border-color: rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.75)\n rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25);\n }\n 100% {\n border-color: rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35)\n rgba(var(--primary-rgb), 0.75) rgba(var(--primary-rgb), 0.15);\n }\n}\n\n@keyframes mergeSplit {\n 50% {\n transform: scale(1) translate(-50%, -50%);\n }\n}\n@keyframes shadowPulse {\n 33% {\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--secondary),\n calc(var(--size) / 2) 0 var(--primary);\n }\n\n 66% {\n background: var(--secondary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--primary);\n }\n 100% {\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--secondary);\n }\n}\n@keyframes shadowRolling {\n 0% {\n box-shadow: 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 12% {\n box-shadow: 100px 0 rgba(var(--primary-rgb), 1),\n 0px 0 rgba(var(--primary-rgb), 0), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 25% {\n box-shadow: 110px 0 rgba(var(--primary-rgb), 1),\n 100px 0 rgba(var(--primary-rgb), 1), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 36% {\n box-shadow: 120px 0 rgba(var(--primary-rgb), 1),\n 110px 0 rgba(var(--primary-rgb), 1), 100px 0 rgba(var(--primary-rgb), 1),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 50% {\n box-shadow: 130px 0 rgba(var(--primary-rgb), 1),\n 120px 0 rgba(var(--primary-rgb), 1), 110px 0 rgba(var(--primary-rgb), 1),\n 100px 0 rgba(var(--primary-rgb), 1);\n }\n 62% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 130px 0 rgba(var(--primary-rgb), 1), 120px 0 rgba(var(--primary-rgb), 1),\n 110px 0 rgba(var(--primary-rgb), 1);\n }\n 75% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 130px 0 rgba(var(--primary-rgb), 1),\n 120px 0 rgba(var(--primary-rgb), 1);\n }\n 87% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 200px 0 rgba(var(--primary-rgb), 0),\n 130px 0 rgba(var(--primary-rgb), 1);\n }\n 100% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0);\n }\n}\n\n@keyframes buffering {\n 0% {\n background: rgba(var(--primary-rgb), 1);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 14% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 1),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 28% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 1),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 42% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 1),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 57% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 1),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 71% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 1),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 85% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 1);\n }\n 100% {\n background: rgba(var(--primary-rgb), 0.5);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n}\n@keyframes rotationBreak {\n 0% {\n transform: rotate(0);\n }\n 25% {\n transform: rotate(90deg);\n }\n 50% {\n transform: rotate(180deg);\n }\n 75% {\n transform: rotate(270deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes flipX {\n 0% {\n transform: perspective(200px) rotateX(0deg) rotateY(0deg);\n }\n 50% {\n transform: perspective(200px) rotateX(-180deg) rotateY(0deg);\n }\n 100% {\n transform: perspective(200px) rotateX(-180deg) rotateY(-180deg);\n }\n}\n@keyframes fillAnimation {\n 0% {\n box-shadow: 0 0 inset;\n }\n 100% {\n box-shadow: 0 calc(var(--size) * -1) inset;\n }\n}\n\n@keyframes zeroRotation {\n 0% {\n transform: scale(1) rotate(0deg);\n }\n 100% {\n transform: scale(0) rotate(360deg);\n }\n}\n\n@keyframes diamondRotation {\n 0% {\n transform: translate(0, 0) rotateX(0) rotateY(0);\n }\n 25% {\n transform: translate(100%, 0) rotateX(0) rotateY(180deg);\n }\n 50% {\n transform: translate(100%, 100%) rotateX(-180deg) rotateY(180deg);\n }\n 75% {\n transform: translate(0, 100%) rotateX(-180deg) rotateY(360deg);\n }\n 100% {\n transform: translate(0, 0) rotateX(0) rotateY(360deg);\n }\n}\n\n@keyframes diamondPulse {\n 0% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 12% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 25% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 37% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 50% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 62% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 75% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 87% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 100% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n}\n\n@keyframes gridAnimation {\n 0% {\n top: 0;\n color: rgba(var(--primary-rgb), 1);\n }\n 50% {\n top: calc(var(--size) / 1.5);\n color: rgba(var(--primary-rgb), 0.2);\n }\n 100% {\n top: 0;\n color: rgba(var(--primary-rgb), 1);\n }\n}\n@keyframes scaleBefore {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1.3);\n }\n 50% {\n transform: scale(1, 0.8);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes scaleAnimation {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 1.3);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes scaleAfter {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 0.8);\n }\n 75% {\n transform: scale(1, 1.3);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes searchAnimation {\n 0% {\n transform: translate(-10px, -10px);\n }\n 25% {\n transform: translate(-10px, 10px);\n }\n 50% {\n transform: translate(10px, 10px);\n }\n 75% {\n transform: translate(10px, -10px);\n }\n 100% {\n transform: translate(-10px, -10px);\n }\n}\n\n@keyframes locationMarker {\n 0% {\n transform: rotate(45deg) translate(5px, 5px);\n }\n 100% {\n transform: rotate(45deg) translate(-5px, -5px);\n }\n}\n@keyframes locationShadow {\n 0% {\n transform: scale(0.5);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes barLoaderAnimation {\n 0% {\n left: 0;\n transform: translateX(-100%);\n }\n 100% {\n left: 100%;\n transform: translateX(0%);\n }\n}\n\n/* @keyframes shadowExpandX {\n 0% {\n box-shadow: 0 0, 0 0;\n color: rgba(var(--primary-rgb), 0.2);\n }\n 100% {\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0, calc((var(--size)) / 2) 0;\n color: rgba(var(--primary-rgb), 0.8);\n }\n} */\n/* @keyframes shadowExpandX {\n 0% { \n box-shadow: 0 0, 0 0; \n color: rgba($lite, 0.2)\n }\n 100% { \n box-shadow: -$size/2 0, $size/2 0; \n color: rgba($lite, .8) \n }\n } */\n');function t(r,a,e,n){return new(e||(e=Promise))((function(i,t){function s(r){try{l(n.next(r))}catch(r){t(r)}}function o(r){try{l(n.throw(r))}catch(r){t(r)}}function l(r){var a;r.done?i(r.value):(a=r.value,a instanceof e?a:new e((function(r){r(a)}))).then(s,o)}l((n=n.apply(r,a||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const s=r.createContext({});a(':root {\n --width: 100%;\n --height: 100%;\n --primary: #2c2b2b;\n --secondary: #575757;\n --borderRadius: 4px;\n --duration: 2s;\n --direction: normal;\n --enableAnimation: block;\n}\n\n.skeleton-loader {\n background-color: var(--primary);\n width: var(--width);\n height: var(--height);\n border-radius: var(--borderRadius);\n display: inline-flex;\n line-height: 1;\n position: relative;\n user-select: none;\n overflow: hidden;\n z-index: 1;\n}\n\n.skeleton-loader::after {\n content: " ";\n display: var(--enableAnimation);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--primary),\n var(--secondary),\n var(--primary)\n );\n transform: translateX(-100%);\n animation-name: skeletonLoaderAnimation;\n animation-direction: var(--direction);\n animation-duration: var(--duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n\n@keyframes skeletonLoaderAnimation {\n 100% {\n transform: translateX(100%);\n }\n}\n');exports.BarLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"bar-loader",style:c})},exports.BufferingLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"buffering-loader",style:c})},exports.CircleInLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"circle-in-loader",style:c})},exports.CircleLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"circle-loader",style:c})},exports.CirclePulseLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"circle-pulse-loader",style:c})},exports.DoubleDotCircleLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"double-dotted-circle-loader",style:c})},exports.DualBoxCrossLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"dualbox-cross-loader",style:c})},exports.DualBoxRotationLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"dualbox-rotation-loader",style:c})},exports.DualRingLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"dual-ring-loader",style:c})},exports.ElectronLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"electron-loader",style:c})},exports.FillBoxLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"fill-box-loader",style:l})},exports.FlipLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"flip-loader",style:l})},exports.FlippingDiamondLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"flipping-diamond-loader",style:c})},exports.GridLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"grid-loader",style:c})},exports.LinearQueueLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"linear-queue-loader",style:c})},exports.LocationLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"location-loader",style:l})},exports.MergeSplitLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"merge-split-loader",style:c})},exports.MultiCircleLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),o||(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"multicircle-loader",style:c})},exports.ProgressBarLoader=({promise:a,primary:n="#B5B5B5",secondary:s="#ff3d00",width:o="100%",height:l="25px",percentage:c=!0,successMessage:p="",errorMessage:d="Error",messageCSS:b={},cssOverride:g={}})=>{const[v,m]=r.useState(),[y,u]=r.useState(0),[x,f]=r.useState(),[h,z]=r.useState(),[w,B]=r.useState("");r.useEffect((()=>{const r=r=>{u(r)};t(void 0,void 0,void 0,(function*(){m(!0),z(!0);try{yield((r,a)=>t(void 0,void 0,void 0,(function*(){let e=0;for(;e<100;)yield new Promise((r=>setTimeout(r,100))),e+=10*Math.random(),e=Math.min(e,100),a(e);try{const a=yield r;if(a.ok)return a;throw new Error("Request failed with status: "+a.status)}catch(r){throw console.error("Promise error:",r),a(99),r}})))(a,r),f(!0),m(!1),setTimeout((()=>{z(!1)}),1e3)}catch(r){console.error("Promise error:",r),f(!1),m(!1)}}))}),[a]),r.useEffect((()=>{const r=x?p:d;!v&&c?B(r):v||c?c&&B((r=>`${Math.round(y)}%`)):B(r)}),[y,v,x,p,d]),""===o&&(o="100%"),""===l&&(l="20px"),i(o)||(o=`${o}px`),i(l)||(l=`${l}px`);const M=Object.assign({"--width":o,"--height":l,"--primary":e(n),"--secondary":e(s)},g);return r.createElement(r.Fragment,null,h&&r.createElement("div",{className:"loading-bar-container",style:M},r.createElement("div",{className:"loading-bar-progress",style:{width:`${y}%`}}),r.createElement("div",{style:b,className:"loader-message"},w)))},exports.RingLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"ring-loader",style:l})},exports.ScaleLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"scale-loader",style:l})},exports.SearchLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"search-loader",style:l})},exports.Skeleton=({loading:a,primary:n,secondary:t,width:o,height:l,borderRadius:c,duration:p,direction:d,enableAnimation:b,circle:g=!1,inline:v=!1,children:m,cssOverride:y={},className:u})=>{const x=r.useContext(s),f=x.className,h={width:o,height:l,primary:n,secondary:t,borderRadius:c,duration:p,direction:d,enableAnimation:b,circle:g};for(const[r,a]of Object.entries(h))void 0===a&&delete h[r];const z=Object.assign(Object.assign({},x),h),w=Object.assign(Object.assign({},function({width:r,height:a,borderRadius:n,primary:t,secondary:s,duration:o,direction:l,enableAnimation:c=!0,circle:p}){const d={"--width":"","--height":"","--primary":null,"--secondary":null,"--borderRadius":"","--duration":"","--direction":"","--enableAnimation":""};return"string"==typeof r&&i(r)&&(d["--width"]=r),r&&!i(r)&&(r=`${r}px`,d["--width"]=r),"string"==typeof a&&i(a)&&(d["--height"]=a),a&&!i(a)&&(a=`${a}px`,d["--height"]=a),"string"==typeof n&&i(n)&&(d["--borderRadius"]=n),"number"==typeof n&&(n=`${n}px`,d["--borderRadius"]=n),void 0!==t&&(d["--primary"]=e(t)),void 0!==s&&(d["--secondary"]=e(s)),void 0!==o&&(d["--duration"]=`${o}s`),"rtl"===l&&(d["--direction"]="reverse"),c||(d["--enableAnimation"]="none"),p&&(d["--borderRadius"]="50%"),d}(z)),y);void 0===a&&(a=x.loading),void 0===a&&void 0===x.loading&&(a=!0);let B="skeleton-loader";return void 0===u||f?void 0===f||u?void 0!==u&&void 0!==f&&(B+=` ${f} ${u}`):B+=` ${f}`:B+=` ${u}`,a?r.createElement(r.Fragment,null,r.createElement(s.Consumer,null,(()=>r.createElement("span",{className:B,style:w},"‌"))),!v&&r.createElement("br",null)):r.createElement(r.Fragment,null,m)},exports.SkeletonTheme=a=>{var{children:e,className:n}=a,i=function(r,a){var e={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&a.indexOf(n)<0&&(e[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(r);i<n.length;i++)a.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(r,n[i])&&(e[n[i]]=r[n[i]])}return e}(a,["children","className"]);const t=Object.assign(Object.assign({},i),{className:n});return r.createElement(s.Provider,{value:t},e)},exports.SpinBoxLoader=({loading:a=!0,primary:n="#B5B5B5",size:t="48px",speedMultiplier:s=1,cssOverride:o={}})=>{if(!a)return null;""===t&&(t="48px"),i(t)||(t=`${t}px`),0===s&&(s=1);const l=Object.assign({"--size":t,"--primary":e(n),"--speedMultiplier":s},o);return r.createElement("div",{className:"spin-box-loader",style:l})},exports.TimerLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"timer-loader",style:c})},exports.TriDotCircleLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"tri-dot-circle-loader",style:c})},exports.TriPulseLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"tri-pulse-loader",style:c})},exports.TripleBoxLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"triplebox-loader",style:c})},exports.TwoDotsCircleLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"two-circle-dots-loader",style:c})},exports.UmbrellaLoader=({loading:a=!0,primary:n="#B5B5B5",secondary:t="#ff3d00",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary":e(n),"--secondary":e(t),"--speedMultiplier":o},l);return r.createElement("div",{className:"umbrella-loader",style:c})},exports.UmbrellaPulseLoader=({loading:a=!0,primary:t="#B5B5B5",size:s="48px",speedMultiplier:o=1,cssOverride:l={}})=>{if(!a)return null;""===s&&(s="48px"),i(s)||(s=`${s}px`),0===o&&(o=1);const c=Object.assign({"--size":s,"--primary-rgb":n(e(t)),"--speedMultiplier":o},l);return r.createElement("div",{className:"umbrella-pulse-loader",style:c})};
//# sourceMappingURL=index.js.map

2

dist/esm/index.js

@@ -1,2 +0,2 @@

import r,{useState as a,useEffect as n,createContext as e,useContext as i}from"react";function t(r,a){void 0===a&&(a={});var n=a.insertAt;if(r&&"undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.styleSheet?i.styleSheet.cssText=r:i.appendChild(document.createTextNode(r))}}function s(r){if(!r)return null;if(r.startsWith("#")){const a=function(r){const a=r.match(/[A-Fa-f0-9]{2}/g);if(a)return a.map((r=>parseInt(r,16)));return null}(4===r.length?r.slice(1).split("").map((r=>r+r)).join(""):r);if(a)return`rgba(${a.join(", ")}, 1)`;console.warn(`Invalid hex code format: ${r}`)}else if(r.startsWith("rgb")){const a=function(r){const a=r.indexOf("("),n=r.indexOf(")");if(-1!==a&&-1!==n){const e=r.slice(a+1,n).split(",").map((r=>parseFloat(r.trim())));if(e.length>=3&&e.length<=4){return{rgb:e.slice(0,3),opacity:e[3]||1}}}return null}(r);if(a)return`rgba(${a.rgb.join(", ")}, ${a.opacity})`;console.warn(`Invalid rgb format: ${r}`)}else console.warn(`Invalid color format: ${r}`);return r}function o(r){if(!r)return"";if(r.startsWith("rgb")||r.startsWith("rgba")){const a=r.match(/\d+/g);if(a&&3===a.length)return`${a.join(", ")}`;if(a&&4===a.length){const r=a.join(", "),n=r.lastIndexOf(",");return r.slice(0,n)}}r.startsWith("#")&&(r=r.slice(1));return`${parseInt(r.substring(0,2),16)}, ${parseInt(r.substring(2,4),16)}, ${parseInt(r.substring(4,6),16)}`}function l(r){const a=/[A-Za-z%]+$/.test(r);return a||console.warn(`${r} check the unit or add a unit `),a}t(':root {\n --base: #263238;\n --primary: #b5b5b5;\n --primary-rgb: 181, 181, 181;\n --secondary: #ff3d00;\n --size: 48px;\n --speedMultiplier: 1;\n --width: 100%;\n --height: 25px;\n}\n.circle-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-bottom-color: var(--secondary);\n border-radius: 50%;\n display: inline-block;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.circle-in-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.circle-in-loader::before {\n content: "";\n width: calc(var(--size) - calc(var(--size) * 0.3));\n height: calc(var(--size) - calc(var(--size) * 0.3));\n border-radius: 50%;\n border: calc(var(--size) - var(--size) * 0.9) solid transparent;\n border-bottom-color: var(--secondary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.electron-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.electron-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n transform: translate(-50%, 50%);\n border-radius: 50%;\n}\n\n.multicircle-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n border: calc(var(--size) - var(--size) * 0.9) solid;\n border-color: var(--primary) var(--primary) transparent transparent;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.multicircle-loader::after,\n.multicircle-loader::before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n border: calc(var(--size) - var(--size) * 0.9) solid;\n border-color: transparent transparent var(--secondary) var(--secondary);\n width: calc(var(--size) - calc(var(--size) * 0.6));\n height: calc(var(--size) - calc(var(--size) * 0.6));\n border-radius: 50%;\n animation: rotationBack calc(0.5s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n.multicircle-loader::before {\n width: calc(var(--size) - calc(var(--size) * 0.3));\n height: calc(var(--size) - calc(var(--size) * 0.3));\n border-color: var(--primary) var(--primary) transparent transparent;\n animation: rotation calc(1.5s / var(--speedMultiplier)) linear infinite;\n}\n\n.double-dotted-circle-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) * 1.07 - var(--size)) dotted var(--primary);\n border-style: solid solid dotted dotted;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.double-dotted-circle-loader::after {\n content: "";\n margin: auto;\n border: calc(var(--size) * 1.07 - var(--size)) dotted var(--secondary);\n border-style: solid solid dotted;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n border-radius: 50%;\n animation: rotationBack calc(1s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n\n.timer-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) * 1.07 - var(--size)) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n z-index: -1;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.timer-loader::after {\n content: "";\n z-index: 2;\n position: absolute;\n left: 50%;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) * 1.07 - var(--size));\n height: calc(var(--size) / 2);\n transform: translateX(-50%);\n}\n\n.ring-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n border-top: calc(var(--size) * 1.08 - var(--size)) solid var(--primary);\n border-right: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n opacity: 0.8;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.dual-ring-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n border-top: calc(var(--size) * 1.08 - var(--size)) solid var(--primary);\n border-right: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.dual-ring-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n border-bottom: calc(var(--size) * 1.08 - var(--size)) solid var(--secondary);\n border-left: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n}\n\n.circle-pulse-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n border: calc(var(--size) - var(--size) * 0.8) solid var(--secondary);\n animation: circlePulse calc(1s / var(--speedMultiplier)) linear infinite\n alternate;\n}\n\n.umbrella-loader {\n border: 2px solid var(--primary);\n width: var(--size);\n height: var(--size);\n background: var(--secondary);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.umbrella-loader::after {\n content: "";\n border: calc(var(--size) / 2) solid;\n border-color: transparent var(--primary);\n border-radius: 50%;\n}\n\n.umbrella-pulse-loader {\n border: calc(var(--size) / 2) solid;\n background-color: rgba(var(--primary-rgb), 0.15)\n rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35)\n rgba(var(--primary-rgb), 0.5);\n border-color: rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25)\n rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.5);\n border-radius: 50%;\n display: inline-block;\n animation: umbrellaPulse calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.two-circle-dots-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.two-circle-dots-loader::after,\n.two-circle-dots-loader::before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n transform: translate(-50%, 50%);\n border-radius: 50%;\n}\n.two-circle-dots-loader::before {\n left: auto;\n right: 0;\n background: var(--primary);\n transform: translate(50%, 100%);\n}\n\n.merge-split-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n color: var(--primary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.merge-split-loader::after,\n.merge-split-loader::before {\n content: "";\n position: absolute;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n top: 50%;\n left: 50%;\n transform: scale(0.5) translate(0, 0);\n background-color: var(--primary);\n border-radius: 50%;\n animation: mergeSplit calc(1s / var(--speedMultiplier)) infinite ease-in-out;\n}\n.merge-split-loader::before {\n background-color: var(--secondary);\n transform: scale(0.5)\n translate(calc(-1 * var(--size)), calc(-1 * var(--size)));\n}\n\n.tri-pulse-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n margin: 0 calc(var(--size) / 2) 0 calc(var(--size) / 2);\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--primary);\n animation: shadowPulse calc(2s / var(--speedMultiplier)) linear infinite;\n}\n\n.tri-dot-circle-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n margin: calc(var(--size) / 2);\n background: var(--secondary);\n color: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0, calc(var(--size) / 2) 0;\n animation: rotation calc(2s / var(--speedMultiplier)) ease-in-out infinite;\n}\n.linear-queue-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n color: var(--primary-rgb);\n left: -100px;\n animation: shadowRolling calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.buffering-loader {\n width: calc(var(--size) - 8px);\n height: calc(var(--size) - 8px);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n}\n.buffering-loader::after {\n content: "";\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n position: absolute;\n left: 0;\n transform: translate(-50%, 100%);\n animation: buffering calc(1s / var(--speedMultiplier)) linear infinite;\n top: 0;\n}\n.dualbox-rotation-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n}\n.dualbox-rotation-loader::after,\n.dualbox-rotation-loader::before {\n content: "";\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) / 24) solid var(--primary);\n position: absolute;\n left: 0;\n top: 0;\n animation: rotation calc(2s / var(--speedMultiplier)) ease-in-out infinite;\n}\n.dualbox-rotation-loader::after {\n border-color: var(--secondary);\n animation-delay: calc(1s / var(--speedMultiplier));\n}\n\n.dualbox-cross-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n}\n.dualbox-cross-loader::after,\n.dualbox-cross-loader::before {\n content: "";\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) / 24) solid var(--primary);\n position: absolute;\n left: 0;\n top: 0;\n animation: rotationBreak calc(3s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.dualbox-cross-loader::after {\n border-color: var(--secondary);\n animation-direction: alternate-reverse;\n}\n\n.triplebox-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n border: calc(var(--size) / 24) solid var(--primary);\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.triplebox-loader::after,\n.triplebox-loader::before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n border: calc(var(--size) / 24) solid var(--secondary);\n width: calc(var(--size) - calc(var(--size) / 4));\n height: calc(var(--size) - calc(var(--size) / 4));\n animation: rotationBack calc(1.5s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n.triplebox-loader::before {\n width: calc(var(--size) - calc(var(--size) / 2));\n height: calc(var(--size) - calc(var(--size) / 2));\n border-color: var(--primary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.flip-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n background: var(--primary);\n animation: flipX calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.fill-box-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n color: var(--primary);\n border: 2px solid;\n animation: fillAnimation calc(1s / var(--speedMultiplier)) linear infinite\n alternate;\n}\n.spin-box-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n background: var(--primary);\n animation: zeroRotation calc(1s / var(--speedMultiplier)) ease infinite\n alternate-reverse;\n}\n\n.flipping-diamond-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n margin: calc(var(--size) * 0.1);\n transform: rotate(45deg);\n}\n.flipping-diamond-loader::before {\n content: "";\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n position: absolute;\n left: 0;\n top: calc(-1 * calc((var(--size) / 2)));\n animation: diamondPulse calc(4s / var(--speedMultiplier)) ease infinite;\n}\n.flipping-diamond-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n background: rgba(var(--primary-rgb), 0.85);\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);\n animation: diamondRotation calc(4s / var(--speedMultiplier)) ease infinite;\n}\n\n.grid-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n box-shadow: 0 calc(var(--size) / 1.5), 0 calc(-1 * calc(var(--size) / 1.5));\n border-radius: calc(var(--size) / 12);\n background: currentColor;\n display: inline-block;\n position: relative;\n color: var(--primary-rgb);\n animation: gridAnimation 2s ease infinite;\n}\n.grid-loader::after,\n.grid-loader::before {\n content: "";\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n box-shadow: 0 calc(var(--size) / 1.5), 0 calc(-1 * calc(var(--size) / 1.5));\n border-radius: calc(var(--size) / 12);\n background: currentColor;\n color: var(--primary-rgb);\n position: absolute;\n left: calc(var(--size) / 2);\n top: 0;\n animation: gridAnimation 2s 0.2s ease infinite;\n}\n.grid-loader::before {\n animation-delay: 0.4s;\n left: calc(var(--size));\n}\n.scale-loader {\n position: relative;\n width: calc(var(--size) / 4);\n height: var(--size);\n margin: 0 calc(var(--size) * 0.2);\n border-radius: calc(var(--size) / 12);\n border: 1px var(--primary) solid;\n background-color: var(--primary);\n animation: scaleAnimation 1s infinite linear;\n}\n.scale-loader::after,\n.scale-loader::before {\n content: "";\n position: absolute;\n margin: 0 calc(var(--size) * 0.2);\n border-radius: calc(var(--size) / 12);\n width: calc(var(--size) / 4);\n height: var(--size);\n background-color: inherit;\n top: -1px;\n}\n.scale-loader::before {\n left: calc(calc(var(--size) / 1.5) * -1);\n animation: scaleBefore 1s infinite linear;\n}\n.scale-loader::after {\n right: calc(calc(var(--size) / 1.5) * -1);\n animation: scaleAfter 1s infinite linear;\n}\n.search-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n border: calc(var(--size) / 16) solid var(--primary);\n border-radius: 50%;\n animation: searchAnimation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n\n.search-loader::after {\n content: "";\n width: calc(var(--size) / 8);\n height: calc(var(--size) / 2);\n background: var(--primary);\n transform: rotate(-45deg);\n position: absolute;\n bottom: calc(-1 * calc((var(--size) - calc(var(--size) * 0.6))));\n right: calc(-1 * calc((var(--size) - calc(var(--size) * 0.85))));\n}\n\n.location-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n display: flex;\n justify-content: center;\n}\n.location-loader::after {\n content: "";\n width: calc(var(--size) / 1.86);\n height: calc(var(--size) / 1.86);\n top: 0;\n position: absolute;\n border-radius: 50% 50% 0;\n border: calc(var(--size) / 3.2) solid var(--primary);\n transform: rotate(45deg) translate(0, 0);\n animation: locationMarker calc(0.4s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.location-loader::before {\n content: "";\n position: absolute;\n bottom: calc(-1 * (calc(var(--size) / 1.5)));\n margin: auto;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 12);\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.2);\n animation: locationShadow calc(0.4s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.loading-bar-container {\n width: var(--width);\n height: var(--height);\n background-color: var(--primary);\n border-radius: 4px;\n position: relative;\n overflow: hidden;\n text-align: center;\n}\n\n.loading-bar-progress {\n height: 100%;\n background-color: var(--secondary);\n transition: width 0.3s ease-in-out;\n}\n.loader-message {\n display: flex;\n justify-content: center;\n align-items: center;\n width: var(--width);\n height: var(--height);\n position: absolute;\n top: 0;\n left: 0;\n text-transform: uppercase;\n font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;\n color: black;\n}\n\n.bar-loader {\n width: 100%;\n height: calc(var(--size) / 10);\n display: inline-block;\n position: relative;\n background: var(--primary);\n overflow: hidden;\n}\n.bar-loader::after {\n content: "";\n width: calc(var(--size) * 2);\n height: calc(var(--size) / 10);\n background: var(--secondary);\n position: absolute;\n top: 0;\n left: 0;\n animation: barLoaderAnimation calc(2s / var(--speedMultiplier)) linear\n infinite;\n}\n\n@keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes rotationBack {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(-360deg);\n }\n}\n\n@keyframes circlePulse {\n 0% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 0)\n rgba(var(--primary-rgb), 0) rgba(var(--primary-rgb), 0);\n }\n 33% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 0) rgba(var(--primary-rgb), 0);\n }\n 66% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 0);\n }\n 100% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1);\n }\n}\n\n@keyframes umbrellaPulse {\n 0% {\n border-color: rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25)\n rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.75);\n }\n 33% {\n border-color: rgba(var(--primary-rgb), 0.75) rgba(var(--primary-rgb), 0.15)\n rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35);\n }\n 66% {\n border-color: rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.75)\n rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25);\n }\n 100% {\n border-color: rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35)\n rgba(var(--primary-rgb), 0.75) rgba(var(--primary-rgb), 0.15);\n }\n}\n\n@keyframes mergeSplit {\n 50% {\n transform: scale(1) translate(-50%, -50%);\n }\n}\n@keyframes shadowPulse {\n 33% {\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--secondary),\n calc(var(--size) / 2) 0 var(--primary);\n }\n\n 66% {\n background: var(--secondary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--primary);\n }\n 100% {\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--secondary);\n }\n}\n@keyframes shadowRolling {\n 0% {\n box-shadow: 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 12% {\n box-shadow: 100px 0 rgba(var(--primary-rgb), 1),\n 0px 0 rgba(var(--primary-rgb), 0), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 25% {\n box-shadow: 110px 0 rgba(var(--primary-rgb), 1),\n 100px 0 rgba(var(--primary-rgb), 1), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 36% {\n box-shadow: 120px 0 rgba(var(--primary-rgb), 1),\n 110px 0 rgba(var(--primary-rgb), 1), 100px 0 rgba(var(--primary-rgb), 1),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 50% {\n box-shadow: 130px 0 rgba(var(--primary-rgb), 1),\n 120px 0 rgba(var(--primary-rgb), 1), 110px 0 rgba(var(--primary-rgb), 1),\n 100px 0 rgba(var(--primary-rgb), 1);\n }\n 62% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 130px 0 rgba(var(--primary-rgb), 1), 120px 0 rgba(var(--primary-rgb), 1),\n 110px 0 rgba(var(--primary-rgb), 1);\n }\n 75% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 130px 0 rgba(var(--primary-rgb), 1),\n 120px 0 rgba(var(--primary-rgb), 1);\n }\n 87% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 200px 0 rgba(var(--primary-rgb), 0),\n 130px 0 rgba(var(--primary-rgb), 1);\n }\n 100% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0);\n }\n}\n\n@keyframes buffering {\n 0% {\n background: rgba(var(--primary-rgb), 1);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 14% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 1),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 28% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 1),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 42% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 1),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 57% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 1),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 71% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 1),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 85% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 1);\n }\n 100% {\n background: rgba(var(--primary-rgb), 0.5);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n}\n@keyframes rotationBreak {\n 0% {\n transform: rotate(0);\n }\n 25% {\n transform: rotate(90deg);\n }\n 50% {\n transform: rotate(180deg);\n }\n 75% {\n transform: rotate(270deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes flipX {\n 0% {\n transform: perspective(200px) rotateX(0deg) rotateY(0deg);\n }\n 50% {\n transform: perspective(200px) rotateX(-180deg) rotateY(0deg);\n }\n 100% {\n transform: perspective(200px) rotateX(-180deg) rotateY(-180deg);\n }\n}\n@keyframes fillAnimation {\n 0% {\n box-shadow: 0 0 inset;\n }\n 100% {\n box-shadow: 0 calc(var(--size) * -1) inset;\n }\n}\n\n@keyframes zeroRotation {\n 0% {\n transform: scale(1) rotate(0deg);\n }\n 100% {\n transform: scale(0) rotate(360deg);\n }\n}\n\n@keyframes diamondRotation {\n 0% {\n transform: translate(0, 0) rotateX(0) rotateY(0);\n }\n 25% {\n transform: translate(100%, 0) rotateX(0) rotateY(180deg);\n }\n 50% {\n transform: translate(100%, 100%) rotateX(-180deg) rotateY(180deg);\n }\n 75% {\n transform: translate(0, 100%) rotateX(-180deg) rotateY(360deg);\n }\n 100% {\n transform: translate(0, 0) rotateX(0) rotateY(360deg);\n }\n}\n\n@keyframes diamondPulse {\n 0% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 12% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 25% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 37% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 50% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 62% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 75% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 87% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 100% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n}\n\n@keyframes gridAnimation {\n 0% {\n top: 0;\n color: rgba(var(--primary-rgb), 1);\n }\n 50% {\n top: calc(var(--size) / 1.5);\n color: rgba(var(--primary-rgb), 0.2);\n }\n 100% {\n top: 0;\n color: rgba(var(--primary-rgb), 1);\n }\n}\n@keyframes scaleBefore {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1.3);\n }\n 50% {\n transform: scale(1, 0.8);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes scaleAnimation {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 1.3);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes scaleAfter {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 0.8);\n }\n 75% {\n transform: scale(1, 1.3);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes searchAnimation {\n 0% {\n transform: translate(-10px, -10px);\n }\n 25% {\n transform: translate(-10px, 10px);\n }\n 50% {\n transform: translate(10px, 10px);\n }\n 75% {\n transform: translate(10px, -10px);\n }\n 100% {\n transform: translate(-10px, -10px);\n }\n}\n\n@keyframes locationMarker {\n 0% {\n transform: rotate(45deg) translate(5px, 5px);\n }\n 100% {\n transform: rotate(45deg) translate(-5px, -5px);\n }\n}\n@keyframes locationShadow {\n 0% {\n transform: scale(0.5);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes barLoaderAnimation {\n 0% {\n left: 0;\n transform: translateX(-100%);\n }\n 100% {\n left: 100%;\n transform: translateX(0%);\n }\n}\n\n/* @keyframes shadowExpandX {\n 0% {\n box-shadow: 0 0, 0 0;\n color: rgba(var(--primary-rgb), 0.2);\n }\n 100% {\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0, calc((var(--size)) / 2) 0;\n color: rgba(var(--primary-rgb), 0.8);\n }\n} */\n/* @keyframes shadowExpandX {\n 0% { \n box-shadow: 0 0, 0 0; \n color: rgba($lite, 0.2)\n }\n 100% { \n box-shadow: -$size/2 0, $size/2 0; \n color: rgba($lite, .8) \n }\n } */\n');const c=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"circle-loader",style:c})},p=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"circle-in-loader",style:c})},d=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"electron-loader",style:c})},b=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),t||(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"multicircle-loader",style:c})},g=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"double-dotted-circle-loader",style:c})},v=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"timer-loader",style:c})},m=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"ring-loader",style:o})},y=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"dual-ring-loader",style:c})},u=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"circle-pulse-loader",style:c})},x=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"umbrella-loader",style:c})},f=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"umbrella-pulse-loader",style:c})},z=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"two-circle-dots-loader",style:c})},h=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"merge-split-loader",style:c})},w=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"tri-pulse-loader",style:c})},M=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"tri-dot-circle-loader",style:c})},k=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"linear-queue-loader",style:c})},B=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"buffering-loader",style:c})},O=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"dualbox-rotation-loader",style:c})},$=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"dualbox-cross-loader",style:c})},j=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"triplebox-loader",style:c})},E=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"flip-loader",style:o})},N=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"fill-box-loader",style:o})},A=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"spin-box-loader",style:o})},X=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"flipping-diamond-loader",style:c})},P=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"grid-loader",style:c})},R=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"scale-loader",style:o})},S=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"search-loader",style:o})},C=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"location-loader",style:o})};function I(r,a,n,e){return new(n||(n=Promise))((function(i,t){function s(r){try{l(e.next(r))}catch(r){t(r)}}function o(r){try{l(e.throw(r))}catch(r){t(r)}}function l(r){var a;r.done?i(r.value):(a=r.value,a instanceof n?a:new n((function(r){r(a)}))).then(s,o)}l((e=e.apply(r,a||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const Y=({promise:e,primary:i="#B5B5B5",secondary:t="#ff3d00",width:o="100%",height:c="25px",percentage:p=!0,successMessage:d="",errorMessage:b="Error",messageCSS:g={},cssOverride:v={}})=>{const[m,y]=a(),[u,x]=a(0),[f,z]=a(),[h,w]=a(),[M,k]=a("");n((()=>{const r=r=>{x(r)};I(void 0,void 0,void 0,(function*(){y(!0),w(!0);try{yield((r,a)=>I(void 0,void 0,void 0,(function*(){let n=0;for(;n<100;)yield new Promise((r=>setTimeout(r,100))),n+=10*Math.random(),n=Math.min(n,100),a(n);try{const a=yield r;if(a.ok)return a;throw new Error("Request failed with status: "+a.status)}catch(r){throw console.error("Promise error:",r),a(99),r}})))(e,r),z(!0),y(!1),setTimeout((()=>{w(!1)}),1e3)}catch(r){console.error("Promise error:",r),z(!1),y(!1)}}))}),[e]),n((()=>{const r=f?d:b;!m&&p?k(r):m||p?p&&k((r=>`${Math.round(u)}%`)):k(r)}),[u,m,f,d,b]),""===o&&(o="100%"),""===c&&(c="20px"),l(o)||(o=`${o}px`),l(c)||(c=`${c}px`);const B=Object.assign({"--width":o,"--height":c,"--primary":s(i),"--secondary":s(t)},v);return r.createElement(r.Fragment,null,h&&r.createElement("div",{className:"loading-bar-container",style:B},r.createElement("div",{className:"loading-bar-progress",style:{width:`${u}%`}}),r.createElement("div",{style:g,className:"loader-message"},M)))},T=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"bar-loader",style:c})},F=e({});t(':root {\n --width: 100%;\n --height: 100%;\n --primary: #2c2b2b;\n --secondary: #575757;\n --borderRadius: 4px;\n --duration: 2s;\n --direction: normal;\n --enableAnimation: block;\n}\n\n.skeleton-loader {\n background-color: var(--primary);\n width: var(--width);\n height: var(--height);\n border-radius: var(--borderRadius);\n display: inline-flex;\n line-height: 1;\n position: relative;\n user-select: none;\n overflow: hidden;\n z-index: 1;\n}\n\n.skeleton-loader::after {\n content: " ";\n display: var(--enableAnimation);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--primary),\n var(--secondary),\n var(--primary)\n );\n transform: translateX(-100%);\n animation-name: skeletonLoaderAnimation;\n animation-direction: var(--direction);\n animation-duration: var(--duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n\n@keyframes skeletonLoaderAnimation {\n 100% {\n transform: translateX(100%);\n }\n}\n');const W=({loading:a,primary:n,secondary:e,width:t,height:o,borderRadius:c,duration:p,direction:d,enableAnimation:b,circle:g=!1,inline:v=!1,children:m,cssOverride:y={},className:u})=>{const x=i(F),f=x.className,z={width:t,height:o,primary:n,secondary:e,borderRadius:c,duration:p,direction:d,enableAnimation:b,circle:g};for(const[r,a]of Object.entries(z))void 0===a&&delete z[r];const h=Object.assign(Object.assign({},x),z),w=Object.assign(Object.assign({},function({width:r,height:a,borderRadius:n,primary:e,secondary:i,duration:t,direction:o,enableAnimation:c=!0,circle:p}){const d={"--width":"","--height":"","--primary":null,"--secondary":null,"--borderRadius":"","--duration":"","--direction":"","--enableAnimation":""};return"string"==typeof r&&l(r)&&(d["--width"]=r),r&&!l(r)&&(r=`${r}px`,d["--width"]=r),"string"==typeof a&&l(a)&&(d["--height"]=a),a&&!l(a)&&(a=`${a}px`,d["--height"]=a),"string"==typeof n&&l(n)&&(d["--borderRadius"]=n),"number"==typeof n&&(n=`${n}px`,d["--borderRadius"]=n),void 0!==e&&(d["--primary"]=s(e)),void 0!==i&&(d["--secondary"]=s(i)),void 0!==t&&(d["--duration"]=`${t}s`),"rtl"===o&&(d["--direction"]="reverse"),c||(d["--enableAnimation"]="none"),p&&(d["--borderRadius"]="50%"),d}(h)),y);void 0===a&&(a=x.loading),void 0===a&&void 0===x.loading&&(a=!0);let M="skeleton-loader";return void 0===u||f?void 0===f||u?void 0!==u&&void 0!==f&&(M+=` ${u} ${f}`):M+=` ${f}`:M+=` ${u}`,a?r.createElement(r.Fragment,null,r.createElement(F.Consumer,null,(()=>r.createElement("span",{className:M,style:w},"‌"))),!v&&r.createElement("br",null)):r.createElement(r.Fragment,null,m)},L=a=>{var{children:n,className:e}=a,i=function(r,a){var n={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&a.indexOf(e)<0&&(n[e]=r[e]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(e=Object.getOwnPropertySymbols(r);i<e.length;i++)a.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(r,e[i])&&(n[e[i]]=r[e[i]])}return n}(a,["children","className"]);const t=Object.assign(Object.assign({},i),{className:e});return r.createElement(F.Provider,{value:t},n)};export{T as BarLoader,B as BufferingLoader,p as CircleInLoader,c as CircleLoader,u as CirclePulseLoader,g as DoubleDotCircleLoader,$ as DualBoxCrossLoader,O as DualBoxRotationLoader,y as DualRingLoader,d as ElectronLoader,N as FillBoxLoader,E as FlipLoader,X as FlippingDiamondLoader,P as GridLoader,k as LinearQueueLoader,C as LocationLoader,h as MergeSplitLoader,b as MultiCircleLoader,Y as ProgressBarLoader,m as RingLoader,R as ScaleLoader,S as SearchLoader,W as Skeleton,L as SkeletonTheme,A as SpinBoxLoader,v as TimerLoader,M as TriDotCircleLoader,w as TriPulseLoader,j as TripleBoxLoader,z as TwoDotsCircleLoader,x as UmbrellaLoader,f as UmbrellaPulseLoader};
import r,{useState as a,useEffect as n,createContext as e,useContext as i}from"react";function t(r,a){void 0===a&&(a={});var n=a.insertAt;if(r&&"undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.styleSheet?i.styleSheet.cssText=r:i.appendChild(document.createTextNode(r))}}function s(r){if(!r)return null;if(r.startsWith("#")){const a=function(r){const a=r.match(/[A-Fa-f0-9]{2}/g);if(a)return a.map((r=>parseInt(r,16)));return null}(4===r.length?r.slice(1).split("").map((r=>r+r)).join(""):r);if(a)return`rgba(${a.join(", ")}, 1)`;console.warn(`Invalid hex code format: ${r}`)}else if(r.startsWith("rgb")){const a=function(r){const a=r.indexOf("("),n=r.indexOf(")");if(-1!==a&&-1!==n){const e=r.slice(a+1,n).split(",").map((r=>parseFloat(r.trim())));if(e.length>=3&&e.length<=4){return{rgb:e.slice(0,3),opacity:e[3]||1}}}return null}(r);if(a)return`rgba(${a.rgb.join(", ")}, ${a.opacity})`;console.warn(`Invalid rgb format: ${r}`)}else console.warn(`Invalid color format: ${r}`);return r}function o(r){if(!r)return"";if(r.startsWith("rgb")||r.startsWith("rgba")){const a=r.match(/\d+/g);if(a&&3===a.length)return`${a.join(", ")}`;if(a&&4===a.length){const r=a.join(", "),n=r.lastIndexOf(",");return r.slice(0,n)}}r.startsWith("#")&&(r=r.slice(1));return`${parseInt(r.substring(0,2),16)}, ${parseInt(r.substring(2,4),16)}, ${parseInt(r.substring(4,6),16)}`}function l(r){const a=/[A-Za-z%]+$/.test(r);return a||console.warn(`${r} check the unit or add a unit `),a}t(':root {\n --base: #263238;\n --primary: #b5b5b5;\n --primary-rgb: 181, 181, 181;\n --secondary: #ff3d00;\n --size: 48px;\n --speedMultiplier: 1;\n --width: 100%;\n --height: 25px;\n}\n.circle-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-bottom-color: var(--secondary);\n border-radius: 50%;\n display: inline-block;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.circle-in-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.circle-in-loader::before {\n content: "";\n width: calc(var(--size) - calc(var(--size) * 0.3));\n height: calc(var(--size) - calc(var(--size) * 0.3));\n border-radius: 50%;\n border: calc(var(--size) - var(--size) * 0.9) solid transparent;\n border-bottom-color: var(--secondary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.electron-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) - var(--size) * 0.9) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.electron-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n transform: translate(-50%, 50%);\n border-radius: 50%;\n}\n\n.multicircle-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n border: calc(var(--size) - var(--size) * 0.9) solid;\n border-color: var(--primary) var(--primary) transparent transparent;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.multicircle-loader::after,\n.multicircle-loader::before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n border: calc(var(--size) - var(--size) * 0.9) solid;\n border-color: transparent transparent var(--secondary) var(--secondary);\n width: calc(var(--size) - calc(var(--size) * 0.6));\n height: calc(var(--size) - calc(var(--size) * 0.6));\n border-radius: 50%;\n animation: rotationBack calc(0.5s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n.multicircle-loader::before {\n width: calc(var(--size) - calc(var(--size) * 0.3));\n height: calc(var(--size) - calc(var(--size) * 0.3));\n border-color: var(--primary) var(--primary) transparent transparent;\n animation: rotation calc(1.5s / var(--speedMultiplier)) linear infinite;\n}\n\n.double-dotted-circle-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) * 1.07 - var(--size)) dotted var(--primary);\n border-style: solid solid dotted dotted;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.double-dotted-circle-loader::after {\n content: "";\n margin: auto;\n border: calc(var(--size) * 1.07 - var(--size)) dotted var(--secondary);\n border-style: solid solid dotted;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n border-radius: 50%;\n animation: rotationBack calc(1s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n\n.timer-loader {\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) * 1.07 - var(--size)) solid var(--primary);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n z-index: -1;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.timer-loader::after {\n content: "";\n z-index: 2;\n position: absolute;\n left: 50%;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) * 1.07 - var(--size));\n height: calc(var(--size) / 2);\n transform: translateX(-50%);\n}\n\n.ring-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n border-top: calc(var(--size) * 1.08 - var(--size)) solid var(--primary);\n border-right: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n opacity: 0.8;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.dual-ring-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n border-top: calc(var(--size) * 1.08 - var(--size)) solid var(--primary);\n border-right: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.dual-ring-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n border-bottom: calc(var(--size) * 1.08 - var(--size)) solid var(--secondary);\n border-left: calc(var(--size) * 1.08 - var(--size)) solid transparent;\n}\n\n.circle-pulse-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n border: calc(var(--size) - var(--size) * 0.8) solid var(--secondary);\n animation: circlePulse calc(1s / var(--speedMultiplier)) linear infinite\n alternate;\n}\n\n.umbrella-loader {\n border: 2px solid var(--primary);\n width: var(--size);\n height: var(--size);\n background: var(--secondary);\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.umbrella-loader::after {\n content: "";\n border: calc(var(--size) / 2) solid;\n border-color: transparent var(--primary);\n border-radius: 50%;\n}\n\n.umbrella-pulse-loader {\n border: calc(var(--size) / 2) solid;\n background-color: rgba(var(--primary-rgb), 0.15)\n rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35)\n rgba(var(--primary-rgb), 0.5);\n border-color: rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25)\n rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.5);\n border-radius: 50%;\n display: inline-block;\n animation: umbrellaPulse calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.two-circle-dots-loader {\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.two-circle-dots-loader::after,\n.two-circle-dots-loader::before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n background: var(--secondary);\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n transform: translate(-50%, 50%);\n border-radius: 50%;\n}\n.two-circle-dots-loader::before {\n left: auto;\n right: 0;\n background: var(--primary);\n transform: translate(50%, 100%);\n}\n\n.merge-split-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n color: var(--primary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.merge-split-loader::after,\n.merge-split-loader::before {\n content: "";\n position: absolute;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n top: 50%;\n left: 50%;\n transform: scale(0.5) translate(0, 0);\n background-color: var(--primary);\n border-radius: 50%;\n animation: mergeSplit calc(1s / var(--speedMultiplier)) infinite ease-in-out;\n}\n.merge-split-loader::before {\n background-color: var(--secondary);\n transform: scale(0.5)\n translate(calc(-1 * var(--size)), calc(-1 * var(--size)));\n}\n\n.tri-pulse-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n margin: 0 calc(var(--size) / 2) 0 calc(var(--size) / 2);\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--primary);\n animation: shadowPulse calc(2s / var(--speedMultiplier)) linear infinite;\n}\n\n.tri-dot-circle-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n margin: calc(var(--size) / 2);\n background: var(--secondary);\n color: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0, calc(var(--size) / 2) 0;\n animation: rotation calc(2s / var(--speedMultiplier)) ease-in-out infinite;\n}\n.linear-queue-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n color: var(--primary-rgb);\n left: -100px;\n animation: shadowRolling calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.buffering-loader {\n width: calc(var(--size) - 8px);\n height: calc(var(--size) - 8px);\n border-radius: 50%;\n display: inline-block;\n position: relative;\n}\n.buffering-loader::after {\n content: "";\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n border-radius: 50%;\n position: absolute;\n left: 0;\n transform: translate(-50%, 100%);\n animation: buffering calc(1s / var(--speedMultiplier)) linear infinite;\n top: 0;\n}\n.dualbox-rotation-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n}\n.dualbox-rotation-loader::after,\n.dualbox-rotation-loader::before {\n content: "";\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) / 24) solid var(--primary);\n position: absolute;\n left: 0;\n top: 0;\n animation: rotation calc(2s / var(--speedMultiplier)) ease-in-out infinite;\n}\n.dualbox-rotation-loader::after {\n border-color: var(--secondary);\n animation-delay: calc(1s / var(--speedMultiplier));\n}\n\n.dualbox-cross-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n}\n.dualbox-cross-loader::after,\n.dualbox-cross-loader::before {\n content: "";\n width: var(--size);\n height: var(--size);\n border: calc(var(--size) / 24) solid var(--primary);\n position: absolute;\n left: 0;\n top: 0;\n animation: rotationBreak calc(3s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.dualbox-cross-loader::after {\n border-color: var(--secondary);\n animation-direction: alternate-reverse;\n}\n\n.triplebox-loader {\n width: var(--size);\n height: var(--size);\n margin: calc(var(--size) * 0.1);\n display: inline-block;\n position: relative;\n border: calc(var(--size) / 24) solid var(--primary);\n animation: rotation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n.triplebox-loader::after,\n.triplebox-loader::before {\n content: "";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n border: calc(var(--size) / 24) solid var(--secondary);\n width: calc(var(--size) - calc(var(--size) / 4));\n height: calc(var(--size) - calc(var(--size) / 4));\n animation: rotationBack calc(1.5s / var(--speedMultiplier)) linear infinite;\n transform-origin: center center;\n}\n.triplebox-loader::before {\n width: calc(var(--size) - calc(var(--size) / 2));\n height: calc(var(--size) - calc(var(--size) / 2));\n border-color: var(--primary);\n animation: rotation calc(1s / var(--speedMultiplier)) linear infinite;\n}\n.flip-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n background: var(--primary);\n animation: flipX calc(1s / var(--speedMultiplier)) linear infinite;\n}\n\n.fill-box-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n color: var(--primary);\n border: 2px solid;\n animation: fillAnimation calc(1s / var(--speedMultiplier)) linear infinite\n alternate;\n}\n.spin-box-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n background: var(--primary);\n animation: zeroRotation calc(1s / var(--speedMultiplier)) ease infinite\n alternate-reverse;\n}\n\n.flipping-diamond-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n margin: calc(var(--size) * 0.1);\n transform: rotate(45deg);\n}\n.flipping-diamond-loader::before {\n content: "";\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n position: absolute;\n left: 0;\n top: calc(-1 * calc((var(--size) / 2)));\n animation: diamondPulse calc(4s / var(--speedMultiplier)) ease infinite;\n}\n.flipping-diamond-loader::after {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 2);\n background: rgba(var(--primary-rgb), 0.85);\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);\n animation: diamondRotation calc(4s / var(--speedMultiplier)) ease infinite;\n}\n\n.grid-loader {\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n box-shadow: 0 calc(var(--size) / 1.5), 0 calc(-1 * calc(var(--size) / 1.5));\n border-radius: calc(var(--size) / 12);\n background: currentColor;\n display: inline-block;\n position: relative;\n color: var(--primary-rgb);\n animation: gridAnimation 2s ease infinite;\n}\n.grid-loader::after,\n.grid-loader::before {\n content: "";\n width: calc(var(--size) / 3);\n height: calc(var(--size) / 3);\n box-shadow: 0 calc(var(--size) / 1.5), 0 calc(-1 * calc(var(--size) / 1.5));\n border-radius: calc(var(--size) / 12);\n background: currentColor;\n color: var(--primary-rgb);\n position: absolute;\n left: calc(var(--size) / 2);\n top: 0;\n animation: gridAnimation 2s 0.2s ease infinite;\n}\n.grid-loader::before {\n animation-delay: 0.4s;\n left: calc(var(--size));\n}\n.scale-loader {\n position: relative;\n width: calc(var(--size) / 4);\n height: var(--size);\n margin: 0 calc(var(--size) * 0.2);\n border-radius: calc(var(--size) / 12);\n border: 1px var(--primary) solid;\n background-color: var(--primary);\n animation: scaleAnimation 1s infinite linear;\n}\n.scale-loader::after,\n.scale-loader::before {\n content: "";\n position: absolute;\n margin: 0 calc(var(--size) * 0.2);\n border-radius: calc(var(--size) / 12);\n width: calc(var(--size) / 4);\n height: var(--size);\n background-color: inherit;\n top: -1px;\n}\n.scale-loader::before {\n left: calc(calc(var(--size) / 1.5) * -1);\n animation: scaleBefore 1s infinite linear;\n}\n.scale-loader::after {\n right: calc(calc(var(--size) / 1.5) * -1);\n animation: scaleAfter 1s infinite linear;\n}\n.search-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n border: calc(var(--size) / 16) solid var(--primary);\n border-radius: 50%;\n animation: searchAnimation calc(2s / var(--speedMultiplier)) linear infinite;\n}\n\n.search-loader::after {\n content: "";\n width: calc(var(--size) / 8);\n height: calc(var(--size) / 2);\n background: var(--primary);\n transform: rotate(-45deg);\n position: absolute;\n bottom: calc(-1 * calc((var(--size) - calc(var(--size) * 0.6))));\n right: calc(-1 * calc((var(--size) - calc(var(--size) * 0.85))));\n}\n\n.location-loader {\n width: var(--size);\n height: var(--size);\n display: inline-block;\n position: relative;\n display: flex;\n justify-content: center;\n}\n.location-loader::after {\n content: "";\n width: calc(var(--size) / 1.86);\n height: calc(var(--size) / 1.86);\n top: 0;\n position: absolute;\n border-radius: 50% 50% 0;\n border: calc(var(--size) / 3.2) solid var(--primary);\n transform: rotate(45deg) translate(0, 0);\n animation: locationMarker calc(0.4s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.location-loader::before {\n content: "";\n position: absolute;\n bottom: calc(-1 * (calc(var(--size) / 1.5)));\n margin: auto;\n width: calc(var(--size) / 2);\n height: calc(var(--size) / 12);\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.2);\n animation: locationShadow calc(0.4s / var(--speedMultiplier)) ease-in-out\n infinite alternate;\n}\n.loading-bar-container {\n width: var(--width);\n height: var(--height);\n background-color: var(--primary);\n border-radius: 4px;\n position: relative;\n overflow: hidden;\n text-align: center;\n}\n\n.loading-bar-progress {\n height: 100%;\n background-color: var(--secondary);\n transition: width 0.3s ease-in-out;\n}\n.loader-message {\n display: flex;\n justify-content: center;\n align-items: center;\n width: var(--width);\n height: var(--height);\n position: absolute;\n top: 0;\n left: 0;\n text-transform: uppercase;\n font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;\n color: black;\n}\n\n.bar-loader {\n width: 100%;\n height: calc(var(--size) / 10);\n display: inline-block;\n position: relative;\n background: var(--primary);\n overflow: hidden;\n}\n.bar-loader::after {\n content: "";\n width: calc(var(--size) * 2);\n height: calc(var(--size) / 10);\n background: var(--secondary);\n position: absolute;\n top: 0;\n left: 0;\n animation: barLoaderAnimation calc(2s / var(--speedMultiplier)) linear\n infinite;\n}\n\n@keyframes rotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes rotationBack {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(-360deg);\n }\n}\n\n@keyframes circlePulse {\n 0% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 0)\n rgba(var(--primary-rgb), 0) rgba(var(--primary-rgb), 0);\n }\n 33% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 0) rgba(var(--primary-rgb), 0);\n }\n 66% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 0);\n }\n 100% {\n border-color: rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1)\n rgba(var(--primary-rgb), 1) rgba(var(--primary-rgb), 1);\n }\n}\n\n@keyframes umbrellaPulse {\n 0% {\n border-color: rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25)\n rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.75);\n }\n 33% {\n border-color: rgba(var(--primary-rgb), 0.75) rgba(var(--primary-rgb), 0.15)\n rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35);\n }\n 66% {\n border-color: rgba(var(--primary-rgb), 0.35) rgba(var(--primary-rgb), 0.75)\n rgba(var(--primary-rgb), 0.15) rgba(var(--primary-rgb), 0.25);\n }\n 100% {\n border-color: rgba(var(--primary-rgb), 0.25) rgba(var(--primary-rgb), 0.35)\n rgba(var(--primary-rgb), 0.75) rgba(var(--primary-rgb), 0.15);\n }\n}\n\n@keyframes mergeSplit {\n 50% {\n transform: scale(1) translate(-50%, -50%);\n }\n}\n@keyframes shadowPulse {\n 33% {\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--secondary),\n calc(var(--size) / 2) 0 var(--primary);\n }\n\n 66% {\n background: var(--secondary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--primary);\n }\n 100% {\n background: var(--primary);\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0 var(--primary),\n calc(var(--size) / 2) 0 var(--secondary);\n }\n}\n@keyframes shadowRolling {\n 0% {\n box-shadow: 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 12% {\n box-shadow: 100px 0 rgba(var(--primary-rgb), 1),\n 0px 0 rgba(var(--primary-rgb), 0), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 25% {\n box-shadow: 110px 0 rgba(var(--primary-rgb), 1),\n 100px 0 rgba(var(--primary-rgb), 1), 0px 0 rgba(var(--primary-rgb), 0),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 36% {\n box-shadow: 120px 0 rgba(var(--primary-rgb), 1),\n 110px 0 rgba(var(--primary-rgb), 1), 100px 0 rgba(var(--primary-rgb), 1),\n 0px 0 rgba(var(--primary-rgb), 0);\n }\n 50% {\n box-shadow: 130px 0 rgba(var(--primary-rgb), 1),\n 120px 0 rgba(var(--primary-rgb), 1), 110px 0 rgba(var(--primary-rgb), 1),\n 100px 0 rgba(var(--primary-rgb), 1);\n }\n 62% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 130px 0 rgba(var(--primary-rgb), 1), 120px 0 rgba(var(--primary-rgb), 1),\n 110px 0 rgba(var(--primary-rgb), 1);\n }\n 75% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 130px 0 rgba(var(--primary-rgb), 1),\n 120px 0 rgba(var(--primary-rgb), 1);\n }\n 87% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 200px 0 rgba(var(--primary-rgb), 0),\n 130px 0 rgba(var(--primary-rgb), 1);\n }\n 100% {\n box-shadow: 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0), 200px 0 rgba(var(--primary-rgb), 0),\n 200px 0 rgba(var(--primary-rgb), 0);\n }\n}\n\n@keyframes buffering {\n 0% {\n background: rgba(var(--primary-rgb), 1);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 14% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 1),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 28% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 1),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 42% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 1),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 57% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 1),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 71% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 1),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n 85% {\n background: rgba(var(--primary-rgb), 0);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 1);\n }\n 100% {\n background: rgba(var(--primary-rgb), 0.5);\n box-shadow: 9px -19px 0 -1px rgba(var(--primary-rgb), 0),\n 28px -19px 0 -2px rgba(var(--primary-rgb), 0),\n 39px -5px 0 -3px rgba(var(--primary-rgb), 0),\n 34px 10px 0 -4px rgba(var(--primary-rgb), 0),\n 22px 17px 0 -5px rgba(var(--primary-rgb), 0),\n 9px 16px 0 -6px rgba(var(--primary-rgb), 0);\n }\n}\n@keyframes rotationBreak {\n 0% {\n transform: rotate(0);\n }\n 25% {\n transform: rotate(90deg);\n }\n 50% {\n transform: rotate(180deg);\n }\n 75% {\n transform: rotate(270deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes flipX {\n 0% {\n transform: perspective(200px) rotateX(0deg) rotateY(0deg);\n }\n 50% {\n transform: perspective(200px) rotateX(-180deg) rotateY(0deg);\n }\n 100% {\n transform: perspective(200px) rotateX(-180deg) rotateY(-180deg);\n }\n}\n@keyframes fillAnimation {\n 0% {\n box-shadow: 0 0 inset;\n }\n 100% {\n box-shadow: 0 calc(var(--size) * -1) inset;\n }\n}\n\n@keyframes zeroRotation {\n 0% {\n transform: scale(1) rotate(0deg);\n }\n 100% {\n transform: scale(0) rotate(360deg);\n }\n}\n\n@keyframes diamondRotation {\n 0% {\n transform: translate(0, 0) rotateX(0) rotateY(0);\n }\n 25% {\n transform: translate(100%, 0) rotateX(0) rotateY(180deg);\n }\n 50% {\n transform: translate(100%, 100%) rotateX(-180deg) rotateY(180deg);\n }\n 75% {\n transform: translate(0, 100%) rotateX(-180deg) rotateY(360deg);\n }\n 100% {\n transform: translate(0, 0) rotateX(0) rotateY(360deg);\n }\n}\n\n@keyframes diamondPulse {\n 0% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 12% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 25% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 37% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n 50% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 62% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 1),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 75% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 1),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 87% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 1);\n }\n 100% {\n box-shadow: 0 calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) calc(var(--size) / 2) rgba(var(--primary-rgb), 0),\n calc(var(--size) / 2) var(--size) rgba(var(--primary-rgb), 0),\n 0px var(--size) rgba(var(--primary-rgb), 0);\n }\n}\n\n@keyframes gridAnimation {\n 0% {\n top: 0;\n color: rgba(var(--primary-rgb), 1);\n }\n 50% {\n top: calc(var(--size) / 1.5);\n color: rgba(var(--primary-rgb), 0.2);\n }\n 100% {\n top: 0;\n color: rgba(var(--primary-rgb), 1);\n }\n}\n@keyframes scaleBefore {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1.3);\n }\n 50% {\n transform: scale(1, 0.8);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes scaleAnimation {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 1.3);\n }\n 75% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes scaleAfter {\n 0% {\n transform: scale(1, 1);\n }\n 25% {\n transform: scale(1, 1);\n }\n 50% {\n transform: scale(1, 0.8);\n }\n 75% {\n transform: scale(1, 1.3);\n }\n 100% {\n transform: scale(1, 1);\n }\n}\n@keyframes searchAnimation {\n 0% {\n transform: translate(-10px, -10px);\n }\n 25% {\n transform: translate(-10px, 10px);\n }\n 50% {\n transform: translate(10px, 10px);\n }\n 75% {\n transform: translate(10px, -10px);\n }\n 100% {\n transform: translate(-10px, -10px);\n }\n}\n\n@keyframes locationMarker {\n 0% {\n transform: rotate(45deg) translate(5px, 5px);\n }\n 100% {\n transform: rotate(45deg) translate(-5px, -5px);\n }\n}\n@keyframes locationShadow {\n 0% {\n transform: scale(0.5);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n@keyframes barLoaderAnimation {\n 0% {\n left: 0;\n transform: translateX(-100%);\n }\n 100% {\n left: 100%;\n transform: translateX(0%);\n }\n}\n\n/* @keyframes shadowExpandX {\n 0% {\n box-shadow: 0 0, 0 0;\n color: rgba(var(--primary-rgb), 0.2);\n }\n 100% {\n box-shadow: calc(-1 * calc(var(--size) / 2)) 0, calc((var(--size)) / 2) 0;\n color: rgba(var(--primary-rgb), 0.8);\n }\n} */\n/* @keyframes shadowExpandX {\n 0% { \n box-shadow: 0 0, 0 0; \n color: rgba($lite, 0.2)\n }\n 100% { \n box-shadow: -$size/2 0, $size/2 0; \n color: rgba($lite, .8) \n }\n } */\n');const c=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"circle-loader",style:c})},p=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"circle-in-loader",style:c})},d=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"electron-loader",style:c})},b=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),t||(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"multicircle-loader",style:c})},g=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"double-dotted-circle-loader",style:c})},v=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"timer-loader",style:c})},m=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"ring-loader",style:o})},y=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"dual-ring-loader",style:c})},u=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"circle-pulse-loader",style:c})},x=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"umbrella-loader",style:c})},f=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"umbrella-pulse-loader",style:c})},z=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"two-circle-dots-loader",style:c})},h=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"merge-split-loader",style:c})},w=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"tri-pulse-loader",style:c})},M=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"tri-dot-circle-loader",style:c})},k=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"linear-queue-loader",style:c})},B=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"buffering-loader",style:c})},O=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"dualbox-rotation-loader",style:c})},$=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"dualbox-cross-loader",style:c})},j=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"triplebox-loader",style:c})},E=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"flip-loader",style:o})},N=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"fill-box-loader",style:o})},A=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"spin-box-loader",style:o})},X=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"flipping-diamond-loader",style:c})},P=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const c=Object.assign({"--size":e,"--primary-rgb":o(s(n)),"--speedMultiplier":i},t);return r.createElement("div",{className:"grid-loader",style:c})},R=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"scale-loader",style:o})},S=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"search-loader",style:o})},C=({loading:a=!0,primary:n="#B5B5B5",size:e="48px",speedMultiplier:i=1,cssOverride:t={}})=>{if(!a)return null;""===e&&(e="48px"),l(e)||(e=`${e}px`),0===i&&(i=1);const o=Object.assign({"--size":e,"--primary":s(n),"--speedMultiplier":i},t);return r.createElement("div",{className:"location-loader",style:o})};function I(r,a,n,e){return new(n||(n=Promise))((function(i,t){function s(r){try{l(e.next(r))}catch(r){t(r)}}function o(r){try{l(e.throw(r))}catch(r){t(r)}}function l(r){var a;r.done?i(r.value):(a=r.value,a instanceof n?a:new n((function(r){r(a)}))).then(s,o)}l((e=e.apply(r,a||[])).next())}))}"function"==typeof SuppressedError&&SuppressedError;const Y=({promise:e,primary:i="#B5B5B5",secondary:t="#ff3d00",width:o="100%",height:c="25px",percentage:p=!0,successMessage:d="",errorMessage:b="Error",messageCSS:g={},cssOverride:v={}})=>{const[m,y]=a(),[u,x]=a(0),[f,z]=a(),[h,w]=a(),[M,k]=a("");n((()=>{const r=r=>{x(r)};I(void 0,void 0,void 0,(function*(){y(!0),w(!0);try{yield((r,a)=>I(void 0,void 0,void 0,(function*(){let n=0;for(;n<100;)yield new Promise((r=>setTimeout(r,100))),n+=10*Math.random(),n=Math.min(n,100),a(n);try{const a=yield r;if(a.ok)return a;throw new Error("Request failed with status: "+a.status)}catch(r){throw console.error("Promise error:",r),a(99),r}})))(e,r),z(!0),y(!1),setTimeout((()=>{w(!1)}),1e3)}catch(r){console.error("Promise error:",r),z(!1),y(!1)}}))}),[e]),n((()=>{const r=f?d:b;!m&&p?k(r):m||p?p&&k((r=>`${Math.round(u)}%`)):k(r)}),[u,m,f,d,b]),""===o&&(o="100%"),""===c&&(c="20px"),l(o)||(o=`${o}px`),l(c)||(c=`${c}px`);const B=Object.assign({"--width":o,"--height":c,"--primary":s(i),"--secondary":s(t)},v);return r.createElement(r.Fragment,null,h&&r.createElement("div",{className:"loading-bar-container",style:B},r.createElement("div",{className:"loading-bar-progress",style:{width:`${u}%`}}),r.createElement("div",{style:g,className:"loader-message"},M)))},T=({loading:a=!0,primary:n="#B5B5B5",secondary:e="#ff3d00",size:i="48px",speedMultiplier:t=1,cssOverride:o={}})=>{if(!a)return null;""===i&&(i="48px"),l(i)||(i=`${i}px`),0===t&&(t=1);const c=Object.assign({"--size":i,"--primary":s(n),"--secondary":s(e),"--speedMultiplier":t},o);return r.createElement("div",{className:"bar-loader",style:c})},F=e({});t(':root {\n --width: 100%;\n --height: 100%;\n --primary: #2c2b2b;\n --secondary: #575757;\n --borderRadius: 4px;\n --duration: 2s;\n --direction: normal;\n --enableAnimation: block;\n}\n\n.skeleton-loader {\n background-color: var(--primary);\n width: var(--width);\n height: var(--height);\n border-radius: var(--borderRadius);\n display: inline-flex;\n line-height: 1;\n position: relative;\n user-select: none;\n overflow: hidden;\n z-index: 1;\n}\n\n.skeleton-loader::after {\n content: " ";\n display: var(--enableAnimation);\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 100%;\n background-repeat: no-repeat;\n background-image: linear-gradient(\n 90deg,\n var(--primary),\n var(--secondary),\n var(--primary)\n );\n transform: translateX(-100%);\n animation-name: skeletonLoaderAnimation;\n animation-direction: var(--direction);\n animation-duration: var(--duration);\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n}\n\n@keyframes skeletonLoaderAnimation {\n 100% {\n transform: translateX(100%);\n }\n}\n');const W=({loading:a,primary:n,secondary:e,width:t,height:o,borderRadius:c,duration:p,direction:d,enableAnimation:b,circle:g=!1,inline:v=!1,children:m,cssOverride:y={},className:u})=>{const x=i(F),f=x.className,z={width:t,height:o,primary:n,secondary:e,borderRadius:c,duration:p,direction:d,enableAnimation:b,circle:g};for(const[r,a]of Object.entries(z))void 0===a&&delete z[r];const h=Object.assign(Object.assign({},x),z),w=Object.assign(Object.assign({},function({width:r,height:a,borderRadius:n,primary:e,secondary:i,duration:t,direction:o,enableAnimation:c=!0,circle:p}){const d={"--width":"","--height":"","--primary":null,"--secondary":null,"--borderRadius":"","--duration":"","--direction":"","--enableAnimation":""};return"string"==typeof r&&l(r)&&(d["--width"]=r),r&&!l(r)&&(r=`${r}px`,d["--width"]=r),"string"==typeof a&&l(a)&&(d["--height"]=a),a&&!l(a)&&(a=`${a}px`,d["--height"]=a),"string"==typeof n&&l(n)&&(d["--borderRadius"]=n),"number"==typeof n&&(n=`${n}px`,d["--borderRadius"]=n),void 0!==e&&(d["--primary"]=s(e)),void 0!==i&&(d["--secondary"]=s(i)),void 0!==t&&(d["--duration"]=`${t}s`),"rtl"===o&&(d["--direction"]="reverse"),c||(d["--enableAnimation"]="none"),p&&(d["--borderRadius"]="50%"),d}(h)),y);void 0===a&&(a=x.loading),void 0===a&&void 0===x.loading&&(a=!0);let M="skeleton-loader";return void 0===u||f?void 0===f||u?void 0!==u&&void 0!==f&&(M+=` ${f} ${u}`):M+=` ${f}`:M+=` ${u}`,a?r.createElement(r.Fragment,null,r.createElement(F.Consumer,null,(()=>r.createElement("span",{className:M,style:w},"‌"))),!v&&r.createElement("br",null)):r.createElement(r.Fragment,null,m)},L=a=>{var{children:n,className:e}=a,i=function(r,a){var n={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&a.indexOf(e)<0&&(n[e]=r[e]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(e=Object.getOwnPropertySymbols(r);i<e.length;i++)a.indexOf(e[i])<0&&Object.prototype.propertyIsEnumerable.call(r,e[i])&&(n[e[i]]=r[e[i]])}return n}(a,["children","className"]);const t=Object.assign(Object.assign({},i),{className:e});return r.createElement(F.Provider,{value:t},n)};export{T as BarLoader,B as BufferingLoader,p as CircleInLoader,c as CircleLoader,u as CirclePulseLoader,g as DoubleDotCircleLoader,$ as DualBoxCrossLoader,O as DualBoxRotationLoader,y as DualRingLoader,d as ElectronLoader,N as FillBoxLoader,E as FlipLoader,X as FlippingDiamondLoader,P as GridLoader,k as LinearQueueLoader,C as LocationLoader,h as MergeSplitLoader,b as MultiCircleLoader,Y as ProgressBarLoader,m as RingLoader,R as ScaleLoader,S as SearchLoader,W as Skeleton,L as SkeletonTheme,A as SpinBoxLoader,v as TimerLoader,M as TriDotCircleLoader,w as TriPulseLoader,j as TripleBoxLoader,z as TwoDotsCircleLoader,x as UmbrellaLoader,f as UmbrellaPulseLoader};
//# sourceMappingURL=index.js.map

2

package.json
{
"name": "@ayush-2002/load-it",
"version": "2.0.0",
"version": "2.0.1",
"description": "A lightweight React library that provides simple loader, skeleton loader, and toast notification components to enhance user experience.",

@@ -5,0 +5,0 @@ "scripts": {

dist/cjs/index.js.map

Sorry, the diff of this file is not supported yet

dist/esm/index.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc