@layer components{.wl-root{--wl-page:#fbf8f2;--wl-board:#f3ecdf;--wl-hero:#1f2a6b;--wl-hl:#f2b33d;--wl-hl-ink:#1b1a17;--wl-hl-edge:#b9822a;--wl-red:#c8312b;--wl-red-ink:#fff;--wl-ink:#1b1a17;--wl-mute:#5c574f;--wl-paper:#fff;--wl-tape:#f6e7b8;--wl-line:#e3dac8;--wl-focus:#1f2a6b;--wl-string:#9a7b57;--wl-shadow:27 26 23;--wl-sticker-edge:#fff;--wl-flip:1;color:var(--wl-ink)}.dark .wl-root{--wl-page:#12131a;--wl-board:#171922;--wl-hero:#1a2152;--wl-red:#ff6a5c;--wl-red-ink:#1b1a17;--wl-ink:#f3efe7;--wl-mute:#aba59b;--wl-paper:#1d1f29;--wl-tape:#efe0b0;--wl-line:#2d303d;--wl-focus:#f2b33d;--wl-string:#b39773;--wl-shadow:0 0 0;--wl-sticker-edge:#2a2d3a}[dir=rtl] .wl-root,.wl-root[dir=rtl]{--wl-flip:-1}.wl-root :focus-visible,.wl-root:focus-visible{outline:3px solid var(--wl-focus);outline-offset:3px}.wl-tilt{transform:rotate(calc(var(--r,0deg) * var(--wl-flip)))}.wl-polaroid{color:#1b1a17;background:#fffdf8;box-shadow:0 12px 26px -12px #1b1a1773,0 1px #1b1a1714}.dark .wl-polaroid,.dark .wl-root .wl-polaroid{box-shadow:0 24px 50px -20px #000000a6}.wl-name{font-family:var(--font-n8-ruqaa), "Aref Ruqaa", "Segoe Script", cursive;color:#2b2a26;font-weight:700;line-height:1.7}.wl-tape-strip{background:color-mix(in oklab, var(--wl-tape) 88%, transparent);clip-path:polygon(0 0,100% 6%,97% 50%,100% 100%,0 94%,3% 50%);position:absolute}.dark .wl-root .wl-tape-strip,.dark .wl-tape-strip{background:#efe0b094;background:lab(89.521% -.0532866 25.5542/.58)}.wl-note{background:var(--wl-tape);color:#1b1a17;clip-path:polygon(0 8%,3% 0,97% 4%,100% 0,99% 92%,96% 100%,2% 96%,0 100%);box-shadow:0 2px #0000000f}.wl-sticker{border:4px solid var(--wl-sticker-edge);box-shadow:0 8px 18px -10px rgb(var(--wl-shadow) / .45);background:var(--wl-red);color:var(--wl-red-ink)}.wl-pill{border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:3.25rem;padding:0 1.5rem;font-size:1.0625rem;font-weight:700;line-height:1.2;transition:transform .2s,box-shadow .2s,background-color .2s,opacity .2s;display:inline-flex}.wl-pill:disabled,.wl-pill[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.wl-pill-hl{background:var(--wl-hl);color:var(--wl-hl-ink);box-shadow:0 5px 0 var(--wl-hl-edge)}.wl-pill-hl:not(:disabled):hover{box-shadow:0 7px 0 var(--wl-hl-edge);transform:translateY(-2px)}.wl-pill-ink{background:var(--wl-ink);color:var(--wl-page)}.wl-pill-ink:not(:disabled):hover{transform:translateY(-2px)}.wl-pill-ghost{border:2.5px solid}.wl-pill-ghost:not(:disabled):hover{background:color-mix(in oklab, currentColor 8%, transparent)}.wl-booth{overscroll-behavior:contain;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.wl-booth::backdrop{background:#0e1230b8}.wl-booth-sheet{background:var(--wl-page);color:var(--wl-ink)}html:has(.wl-booth[open]){overflow:hidden}.wl-video{transform:scaleX(-1)}.wl-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.wl-flash.is-on{animation:.5s ease-out both wl-flash}.wl-develop{animation:2.5s cubic-bezier(.3,.1,.3,1) both wl-develop}.wl-veil{opacity:0;pointer-events:none;background:#fbf7ee;position:absolute;inset:0}.wl-veil.is-on{animation:2.5s cubic-bezier(.3,.1,.3,1) both wl-veil}.wl-shutter{background:var(--wl-red);width:4.5rem;height:4.5rem;color:var(--wl-red-ink);box-shadow:inset 0 0 0 4px var(--wl-page), 0 0 0 3px var(--wl-red), 0 8px 16px -8px rgb(var(--wl-shadow) / .6);border-radius:999px;place-items:center;transition:transform .12s;display:inline-grid}.wl-shutter:active{transform:scale(.94)}.wl-wall-list{--gap:1.25rem;column-gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2.5rem;padding-block:.5rem 1rem;display:grid}.wl-wall{overflow-x:clip}@media (min-width:640px){.wl-wall-list{--gap:1.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.wl-wall-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1280px){.wl-wall-list{grid-template-columns:repeat(5,minmax(0,1fr))}}.wl-cell{padding-top:1.6rem;position:relative}.wl-cell:before{content:"";top:.35rem;inset-inline:calc(var(--gap) / -2 - 1px);border-bottom:1.5px solid var(--wl-string);pointer-events:none;border-radius:0 0 50% 50%/0 0 100% 100%;height:.95rem;position:absolute}.wl-hang{transform-origin:50% 0}.wl-peg{z-index:2;top:.55rem;width:.62rem;height:1.75rem;translate:calc(-50% * var(--wl-flip)) 0;background:linear-gradient(90deg,#b88650,#e2b98a 45%,#c99a62);border-radius:3px;position:absolute;inset-inline-start:50%;box-shadow:0 2px 3px #00000040}.wl-peg:after{content:"";inset-inline:-1px;background:#8e9196;border-radius:2px;height:3px;position:absolute;top:.7rem}.wl-pin-in{animation:.95s cubic-bezier(.3,1.3,.5,1) both wl-pin}}@keyframes wl-flash{0%{opacity:.95}to{opacity:0}}@keyframes wl-develop{0%{filter:brightness(1.9)contrast(.3)saturate(0)blur(1.5px)}45%{filter:brightness(1.35)contrast(.65)saturate(.4)sepia(.25)blur(.5px)}to{filter:none}}@keyframes wl-veil{0%{opacity:.92}to{opacity:0}}@keyframes wl-pin{0%{opacity:0;transform:translateY(-4.5rem) rotate(calc(-14deg * var(--wl-flip))) scale(1.08)}45%{opacity:1}70%{transform:translateY(.35rem) rotate(calc((var(--r,0deg) + 3deg) * var(--wl-flip)))}to{transform:rotate(calc(var(--r,0deg) * var(--wl-flip)))}}.is-static :is(.wl-flash,.wl-develop,.wl-veil,.wl-pin-in){animation:none!important}.is-static .wl-pill{transition:none}@media (prefers-reduced-motion:reduce){:is(.wl-flash,.wl-develop,.wl-veil,.wl-pin-in){animation:none!important}.wl-pill{transition:none}}
.iso{--anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;--anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;--anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;--anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;--anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#fff;--anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;--anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;--anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);--anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014}.iso[data-theme=light]{--anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;--anatomy-paper:#fbfbfa;--anatomy-face:#fff;--anatomy-top:#fff;--anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;--anatomy-lit-top:#fff;--anatomy-lit-shade:#eeeeeb;--anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000;--anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;--anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;--anatomy-lift:inset 0 1px 0 0 #fff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a}.iso-svg{width:100%;height:auto;display:block;overflow:visible}.iso-svg path,.iso-svg circle{vector-effect:non-scaling-stroke}.iso-fill{fill:var(--anatomy-paper);stroke:none}.iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}.iso-shade,.iso-top{stroke:none}.iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.iso-top{fill:var(--anatomy-top)}.iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}.iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}.iso-solid[data-seamless]>.iso-shade,.iso-solid[data-seamless]>.iso-top{stroke-width:.4px;stroke-linejoin:round}.iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}.iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}.iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}.iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}.iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}.iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}.iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}.iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}.iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}.iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}.iso-line[data-tone=hi]{stroke:var(--anatomy-hi)}.iso-line[data-tone=mid]{stroke:var(--anatomy-mid)}.iso-line[data-tone=lo]{stroke:var(--anatomy-lo)}.iso-line[data-tone=faint]{stroke:var(--anatomy-faint)}.iso-line[data-tone=lit]{stroke:var(--anatomy-lit)}.iso-line[data-tone=red]{stroke:var(--anatomy-red)}.iso-line[data-tone=green]{stroke:var(--anatomy-green)}.iso-line[data-tone=blue]{stroke:var(--anatomy-blue)}.iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1px}.iso-line[data-dashed]{stroke-dasharray:3 3}.iso-line[data-flow]{stroke-dasharray:2 6}.iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}.iso-wire[data-tone=hi] .iso-wire-end{stroke:var(--anatomy-hi)}.iso-wire[data-tone=mid] .iso-wire-end{stroke:var(--anatomy-mid)}.iso-wire[data-tone=faint] .iso-wire-end{stroke:var(--anatomy-faint)}.iso-wire[data-tone=lit] .iso-wire-end{stroke:var(--anatomy-lit)}.iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}.iso-dots[data-tone=hi] circle{opacity:.85}.iso-dots[data-tone=mid] circle{opacity:.45}.iso-dots[data-tone=lo] circle{opacity:.22}.iso-dots[data-tone=faint] circle{opacity:.12}.iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}.iso-face-text[data-tone=hi]{fill:var(--anatomy-hi)}.iso-face-text[data-tone=lo]{fill:var(--anatomy-lo)}.iso-face-text[data-tone=faint]{fill:var(--anatomy-faint)}.tb-body{fill:var(--anatomy-shade-2);stroke:none}.tb-shine{fill:var(--anatomy-top);stroke:none}.tb-shade{fill:var(--anatomy-shade-0);stroke:none}.tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45px;stroke-linecap:butt;stroke-linejoin:round}.tb-ring[data-tone=mid]{stroke:var(--anatomy-mid)}.tb-ring[data-tone=faint]{stroke:var(--anatomy-faint)}.tb-ring[data-tone=hi]{stroke:var(--anatomy-hi)}@keyframes iso-flow{to{stroke-dashoffset:-32px}}@keyframes iso-pulse{0%,to{opacity:.18}12%{opacity:1}40%{opacity:.18}}.iso-line[data-flow]{animation:1.6s linear infinite iso-flow}.iso-dots circle[data-pulse]{animation:1.6s step-end infinite iso-pulse;animation-delay:var(--pulse-at,0s)}.iso-figure{margin:32px 0 36px}.iso-plate{background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card);border-radius:0;padding:52px 24px;position:relative}.iso-plate-corners{pointer-events:none;position:absolute;inset:18px 20px}.iso-plate-corner{color:var(--anatomy-muted);font-family:var(--anatomy-mono);letter-spacing:.04em;white-space:nowrap;font-size:10.5px;line-height:1;position:absolute}.iso-plate-corner[data-corner=fig]{color:var(--anatomy-text);top:0;left:0}.iso-plate-corner[data-corner=title]{text-transform:uppercase;letter-spacing:.1em;top:0;right:0}.iso-plate-corner[data-corner=hint]{text-transform:uppercase;letter-spacing:.1em;bottom:0;left:0}.iso-plate-corner[data-corner=readout]{color:var(--anatomy-text);font-variant-numeric:tabular-nums;bottom:0;right:0}.iso-plate .iso-svg{margin:0 auto}.iso-legend{color:var(--anatomy-muted);gap:8px;margin-top:12px;font-size:13px;line-height:1.55;display:grid}.iso-keys{flex-wrap:wrap;gap:6px 18px;display:flex}.iso-key{align-items:center;gap:7px;display:inline-flex}.iso-swatch{flex:none;width:16px;height:10px;overflow:visible}.iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.iso-swatch[data-mark=raised] path,.iso-swatch[data-mark=flat] path{stroke:var(--anatomy-mid)}.iso-swatch[data-mark=lit] path{stroke:var(--anatomy-lit)}.iso-swatch[data-mark=dim] path{stroke:var(--anatomy-lo)}.iso-swatch[data-mark=dotted] path{stroke-dasharray:.01 3;stroke-width:1.4px}.iso-swatch[data-mark=dashed] path{stroke-dasharray:3 2.5}.iso-swatch[data-mark=red] path{stroke:var(--anatomy-red)}.iso-swatch[data-mark=green] path{stroke:var(--anatomy-green)}.iso-swatch[data-mark=blue] path{stroke:var(--anatomy-blue)}.iso-swatch-crease{stroke:var(--anatomy-lo)!important}@media (max-width:560px){.iso-plate{padding:48px 12px 70px}.iso-plate-corner[data-corner=hint]{bottom:18px}}@media (prefers-reduced-motion:reduce){.iso-line[data-flow],.iso-dots circle[data-pulse]{animation:none}}
.iso.cf{--anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#6f6f74;--anatomy-paper:#fbfbfa;--anatomy-face:#fff;--anatomy-top:#fff;--anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;--anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;--anatomy-lit:#8a5a12;--anatomy-lit-top:#fbf1dc;--anatomy-lit-shade:#f1e2c2;--cf-cavity:#c4c4bf;--cf-slide:#4a4a50;--cf-glass:#34343a;--cf-glint:#fff;--cf-flash-lens:#f1f1ee;--cf-flash-hot:#fff6dc;--cf-flash-core:#fffaf0;--cf-flash-rim:#f2b33d;--cf-red-top:#e0564e;--cf-red-0:#a52520;--cf-red-1:#b52a25;--cf-red-2:#c8312b;--cf-red-3:#d43d36;--cf-red-edge:#7d1a16;--cf-print:#fff;--cf-blank:#ededea;--cf-dev:#d5dade;--cf-sky:#c7cde3;--cf-sun:#f2c463;--cf-land:#e2c18f;--cf-low:#c98c68;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark .iso.cf,.iso.cf[data-theme=dark]{--anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#8a8a8a;--anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;--anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;--anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;--anatomy-lit:#f2b33d;--anatomy-lit-top:#2b2416;--anatomy-lit-shade:#211b10;--cf-cavity:#070707;--cf-slide:#0a0a0a;--cf-glass:#0a0a0b;--cf-glint:#bdbdbd;--cf-flash-lens:#1d1d1d;--cf-flash-hot:#fff3d0;--cf-flash-core:#fff8e8;--cf-flash-rim:#f2b33d;--cf-red-top:#d8463f;--cf-red-0:#6e1714;--cf-red-1:#831c18;--cf-red-2:#9c231e;--cf-red-3:#b02a24;--cf-red-edge:#e8736c;--cf-print:#2a2926;--cf-blank:#1c1c1c;--cf-dev:#2c3034;--cf-sky:#2b3463;--cf-sun:#d9a03a;--cf-land:#6e5536;--cf-low:#7a3b2b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.iso.cf{width:100%}.cf .iso-figure{margin:0}.cf .iso-plate{padding:28px 18px 30px}.cf .iso-legend{color:var(--anatomy-text);margin-top:10px}.cf .iso-svg{direction:ltr}.cf[dir=rtl] .iso-legend{letter-spacing:0;font-family:inherit}.cf-stage{cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:4px;position:relative}.cf-stage:focus-visible{outline:1px solid var(--anatomy-muted);outline-offset:6px}.cf-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cf-soft{filter:blur(3px);opacity:.45}.cf-cavity{fill:var(--cf-cavity);stroke:none}.cf-slide{fill:var(--cf-slide);stroke:none}.cf-glass{fill:var(--cf-glass);stroke:none}.cf-glint{fill:var(--cf-glint);stroke:none;opacity:.7}.cf-flash-lens{fill:var(--cf-flash-lens);stroke:none}.cf-flash-hot{fill:var(--cf-flash-hot);stroke:none}.cf-glow{pointer-events:none}:root.dark .iso.cf .cf-glow,.iso.cf[data-theme=dark] .cf-glow{mix-blend-mode:screen}.cf-string{stroke-width:.7px}.cf-red>.iso-fill{fill:var(--cf-red-2)}.cf-red>.iso-top{fill:var(--cf-red-top)}.cf-red>.iso-shade[data-shade="0"]{fill:var(--cf-red-0)}.cf-red>.iso-shade[data-shade="1"]{fill:var(--cf-red-1)}.cf-red>.iso-shade[data-shade="2"]{fill:var(--cf-red-2)}.cf-red>.iso-shade[data-shade="3"]{fill:var(--cf-red-3)}.cf-red>.iso-line{stroke:var(--cf-red-edge)}.cf-print>.iso-top,.cf-print>.iso-shade,.cf-print>.iso-fill{fill:var(--cf-print)}.cf-print>.iso-edge{transition:stroke .6s var(--anatomy-ease)}.cf-hang[data-lit] .cf-print>.iso-edge,.cf-out[data-lit] .cf-print>.iso-edge{stroke:var(--anatomy-lit)}.cf-blank{fill:var(--cf-blank);stroke:none}.cf-dev{fill:var(--cf-dev);stroke:none}.cf-sky{fill:var(--cf-sky);stroke:none}.cf-sun{fill:var(--cf-sun);stroke:none}.cf-land{fill:var(--cf-land);stroke:none}.cf-low{fill:var(--cf-low);stroke:none}@media (prefers-reduced-motion:reduce){.cf-print>.iso-edge{transition:none}}@media (max-width:560px){.cf .iso-plate{padding:14px 6px 16px;overflow:hidden}.cf .iso-plate .iso-svg{width:112%;margin:0 -6%}}