html[lang=ar] :is(h1,h2,h3,p,button,a){letter-spacing:normal}html[lang=ar] h1{line-height:1.5}html[lang=ar] :is(h2,h3){line-height:1.55}html[lang=ar] [lang=en]{font-family:var(--font-geist-sans), sans-serif}
[dir=rtl] .feature-typesetting .font-mono{font-family:"Noto Sans Arabic", var(--font-geist-sans), var(--font-arabic), ui-sans-serif, system-ui, sans-serif;letter-spacing:normal;text-transform:none}[dir=rtl] .feature-typesetting :is(.text-\[10px\],.text-\[11px\]):not(.rounded-full){font-size:12px;line-height:1.45}
.demo-stage{--ease:cubic-bezier(.22, 1, .36, 1);width:100%;aspect-ratio:var(--demo-w,600) / var(--demo-h,380);position:relative;overflow:hidden;container-type:inline-size}.demo-canvas{width:calc(var(--demo-w,600) * 1px);height:calc(var(--demo-h,380) * 1px);transform-origin:0 0;transform:scale(var(--demo-scale,tan(atan2(100cqw, calc(var(--demo-w,600) * 1px)))));position:absolute;top:0;left:0}@supports not (transform:scale(tan(atan2(1px, 1px)))){.demo-canvas{visibility:hidden}.demo-stage[data-ready=true] .demo-canvas{visibility:visible}}.demo-preview-frame{container-type:inline-size}@supports not (transform:scale(tan(atan2(1px, 1px)))){.demo-preview-canvas{visibility:hidden}.demo-preview-frame[data-ready=true] .demo-preview-canvas{visibility:visible}}.demo-canvas{transition:opacity .4s}.demo-stage[data-fade=out] .demo-canvas,.demo-rise,.demo-fade,.demo-type{opacity:0}.demo-growX{transform-origin:0;transform:scaleX(0)}.demo-growY{transform-origin:bottom;transform:scaleY(0)}.demo-draw{stroke-dasharray:1;stroke-dashoffset:1px}.demo-scan,.demo-pop,.demo-slide,.demo-cursor{opacity:0}.demo-out{opacity:1}.demo-stage[data-play=true] .demo-rise{animation:demo-rise .56s var(--ease) var(--d,0s) both}.demo-stage[data-play=true] .demo-fade{animation:demo-fade .48s var(--ease) var(--d,0s) both}.demo-stage[data-play=true] .demo-growX{animation:demo-growX .72s var(--ease) var(--d,0s) both}.demo-stage[data-play=true] .demo-growY{animation:demo-growY .72s var(--ease) var(--d,0s) both}.demo-stage[data-play=true] .demo-draw{animation:demo-draw .52s var(--ease) var(--d,0s) both}.demo-stage[data-play=true] .demo-type{animation:demo-type 1.1s steps(28, end) var(--d,0s) both}.demo-stage[data-play=true] .demo-scan{animation:demo-scan 1.4s cubic-bezier(.45, 0, .55, 1) var(--d,0s) both}.demo-stage[data-play=true] .demo-pop{animation:demo-pop .42s var(--ease) var(--d,0s) both}.demo-stage[data-play=true] .demo-slide{animation:demo-slide .6s var(--ease) var(--d,0s) both}.demo-stage[data-play=true] .demo-out{animation:demo-out .32s var(--ease) var(--d,0s) both}.demo-stage[data-play=true] .demo-cursor{animation:demo-cursor 1.3s var(--ease) var(--d,0s) both}.demo-stage[data-play=true] .demo-press{animation:demo-press .26s ease-out var(--d,0s) both}.demo-stage[data-play=true] .demo-pulse{animation:demo-pulse 1.2s ease-in-out var(--d,0s) 3}@keyframes demo-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes demo-fade{0%{opacity:0}to{opacity:1}}@keyframes demo-growX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes demo-growY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes demo-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes demo-type{0%{opacity:1;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes demo-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes demo-slide{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes demo-out{0%{opacity:1}to{opacity:0}}@keyframes demo-cursor{0%{opacity:0;transform:translate(var(--x0,0px), var(--y0,0px))}15%{opacity:1;transform:translate(var(--x0,0px), var(--y0,0px))}75%{transform:translate(var(--x1,0px), var(--y1,0px)) scale(1)}85%{transform:translate(var(--x1,0px), var(--y1,0px)) scale(.88)}to{opacity:1;transform:translate(var(--x1,0px), var(--y1,0px)) scale(1)}}@keyframes demo-press{50%{transform:scale(.95)}}@keyframes demo-pulse{50%{opacity:.35}}@keyframes demo-scan{0%{opacity:0;transform:translateY(0)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(var(--scan-to,0px))}}@media (prefers-reduced-motion:reduce){.demo-stage .demo-rise,.demo-stage .demo-fade,.demo-stage .demo-type,.demo-stage .demo-growX,.demo-stage .demo-growY,.demo-stage .demo-draw,.demo-stage .demo-pop,.demo-stage .demo-slide,.demo-stage .demo-press,.demo-stage .demo-pulse{opacity:1;clip-path:none;stroke-dashoffset:0;transform:none;animation:none!important}.demo-stage .demo-scan,.demo-stage .demo-out{display:none}.demo-stage .demo-cursor{opacity:1;transform:translate(var(--x1,0px), var(--y1,0px));animation:none!important}}.demo-cam{--cam-s:var(--cam-s-wide);--cam-x:var(--cam-x-wide);--cam-y:var(--cam-y-wide);transform-origin:0 0}@media (max-width:767px){.demo-cam{--cam-s:var(--cam-s-narrow);--cam-x:var(--cam-x-narrow);--cam-y:var(--cam-y-narrow)}}.demo-stage[data-play=true] .demo-cam{animation:demo-cam 1.1s cubic-bezier(.65, 0, .35, 1) var(--d,0s) both}@keyframes demo-cam{0%{transform:none}to{transform:translate(var(--cam-x), var(--cam-y)) scale(var(--cam-s))}}@media (prefers-reduced-motion:reduce){.demo-stage .demo-cam{transform:translate(var(--cam-x), var(--cam-y)) scale(var(--cam-s));animation:none!important}}@media (min-width:768px){.demo-stage .demo-cam.demo-cam-narrow-only{transform:none;animation:none!important}}@media (max-width:767px){.demo-stage .demo-cam.demo-cam-wide-only{transform:none;animation:none!important}}
@font-face{unicode-range:U+20-7E,U+A0-17F,U+2010-2027,U+2030-203A,U+20AC,U+2122,U+2190-2193,U+2212,U+2713;font-family:geistSans;src:url(../media/GeistSans_Latin-s.p.2v312a1dhvy-b.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:geistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.wHi1sa_className{font-family:geistSans,geistSans Fallback}.wHi1sa_variable{--font-geist-sans:"geistSans", "geistSans Fallback"}
@font-face{unicode-range:U+21-7E,U+A0-FF,U+2013-2014,U+2018-201E,U+2022,U+2026,U+20AC,U+2190-2193,U+2212;font-family:geistMono;src:url(../media/GeistMono_Latin.20wte1qiwfjt4.woff2)format("woff2");font-display:swap;font-weight:400 700}.DSge0q_className{font-family:geistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.DSge0q_variable{--font-geist-mono:"geistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}