/* معالي intro (see intro.js). The Krackerz cookie intro is not shown. */
.framer-7ygslk-container { display: none !important; }
html.mi-lock, html.mi-lock body { overflow: hidden !important; }

#mi-intro { position: fixed; inset: 0; z-index: 2147483000; pointer-events: none; }
#mi-intro .mi-fill { position: absolute; inset: 0; background: rgb(137, 11, 248); }
#mi-intro .mi-scribble { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
#mi-intro .mi-scribble path { fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1 1.2; stroke-dashoffset: 0; }
#mi-intro .mi-s1 { stroke: rgb(137, 11, 248); }
#mi-intro .mi-s2 { stroke: rgb(94, 234, 212); }
/* the loader's own ribbons: tonal, drawn in while the logo appears, pulled away first on exit */
#mi-intro .mi-ribbons { position: absolute; inset: 0; width: 100%; height: 100%; }
#mi-intro .mi-ribbons path { fill: none; stroke: rgb(160, 72, 255); stroke-width: 130; stroke-linecap: round;
  stroke-dasharray: 1 1.02; stroke-dashoffset: 1; transition: stroke-dashoffset 1.15s cubic-bezier(.45, 0, .2, 1) .05s; }
#mi-intro .mi-ribbons path + path { transition-delay: .3s; }
#mi-intro.is-logo .mi-ribbons path { stroke-dashoffset: 0; }
#mi-intro.is-out .mi-ribbons path { stroke-dashoffset: -1; transition: stroke-dashoffset .55s cubic-bezier(.6, 0, .4, 1); }
#mi-intro .mi-logo { position: absolute; left: 50%; top: 50%; width: min(56vw, 440px); translate: -50% -50%;
  opacity: 0; scale: .55; transition: opacity .35s ease, scale .7s cubic-bezier(.34, 1.56, .64, 1); }

#mi-intro.is-logo .mi-logo { opacity: 1; scale: 1; }
/* hand over: the solid fill goes, the identical-coloured scribble underneath pulls away along its length */
#mi-intro.is-out .mi-fill { visibility: hidden; }
#mi-intro.is-out .mi-logo { opacity: 0; scale: 1.12; transition: opacity .22s ease, scale .3s ease; }
#mi-intro.is-out .mi-s1 { stroke-dashoffset: -1; transition: stroke-dashoffset 1.1s cubic-bezier(.65, 0, .3, 1) .08s; }
#mi-intro.is-out .mi-s2 { stroke-dashoffset: -1; transition: stroke-dashoffset 1.1s cubic-bezier(.65, 0, .3, 1) .16s; }

#mi-intro.is-fade { opacity: 0; transition: opacity .35s ease; }
/* cover from the very first paint until the intro mounts */
html.mi-lock:not(.mi-mounted)::after { content: ""; position: fixed; inset: 0; z-index: 2147482999; background: rgb(137, 11, 248); }