.loader-container{--baseColor: rgb(var(--primary) / 1);--secondary-color: rgb(var(--secondary) / 1);position:relative;margin-top:1.25rem;margin-bottom:1.25rem;margin-left:auto;margin-right:auto}.loader-container.has-overlay{position:fixed;inset:0;isolation:isolate;z-index:9999;margin:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center}.loader-container.has-overlay:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;--tw-bg-opacity: 1;background-color:rgb(var(--onyx) / var(--tw-bg-opacity, 1));opacity:.6}.loader-container.has-overlay .loader-div{z-index:10;display:flex;width:auto;height:auto;min-width:140px;border-radius:2px;--tw-bg-opacity: 1;background-color:rgb(var(--white) / var(--tw-bg-opacity, 1));padding:.625rem;--tw-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);--tw-shadow-colored: 0 2px 8px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.loader-container .loader-div{font-family:stc,arial,sans-serif;font-size:clamp(.875rem,.837rem + .2174vw,1rem);font-weight:400;color:var(--baseColor)}.loader-container .loader-div .loader-2{position:relative;inset-inline-start:-1rem;width:1rem;height:1rem;border-radius:2px;background-color:currentColor;color:var(--baseColor);box-shadow:32px 0,-32px 0,64px 0}.loader-container .loader-div .loader-2:after{content:"";position:absolute;left:-2rem;top:0;width:1rem;height:1rem;border-radius:2px;--tw-bg-opacity: 1;background-color:rgb(var(--secondary) / var(--tw-bg-opacity, 1));animation:move 2s linear infinite alternate}.loader-container.pink{--baseColor: rgb(var(--secondary) / 1);--secondary-color: rgb(var(--primary) / 1)}.loader-container.orange{--baseColor: rgb(var(--sunset) / 1)}.loader-container.black{--baseColor: rgb(var(--dark) / 1)}.loader-container.white{--baseColor: rgb(var(--white) / 1)}.loader-container.small .loader-div{min-width:96px;font-size:clamp(.75rem,.712rem + .2174vw,.875rem)}.loader-container.small .loader-div .loader-2{inset-inline-start:-.5rem;--tw-scale-x: .6;--tw-scale-y: .6;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.loader-container.normal .loader-div{min-width:96px;font-size:clamp(.75rem,.712rem + .2174vw,.875rem)}.loader-container.normal .loader-div .loader-2{inset-inline-start:-.5rem;--tw-scale-x: .6;--tw-scale-y: .6;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.loader-container.large .loader-div{min-width:175px;font-size:clamp(1rem,.9059rem + .5376vw,1.25rem)}.loader-container.large .loader-div .loader-2{inset-inline-start:-1.25rem;margin-top:0;margin-bottom:0;margin-left:1.25rem;margin-right:1.25rem;--tw-scale-x: .6;--tw-scale-y: .6;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes move{0%,5%{left:-2rem;width:1rem}15%,20%{left:-2rem;width:3rem}30%,35%{left:-0px;width:1rem}45%,50%{left:-0px;width:3rem}60%,65%{left:2rem;width:1rem}75%,80%{left:2rem;width:3rem}95%,to{left:4rem;width:1rem}}body.rtl .loader-div .loader-2,body:has(.rtl) .loader-div .loader-2{inset-inline-start:.625rem!important}