@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");.opi-brand-shell,.opi-embed-shell{--opi-bg:#e8f0ec;--opi-fg:#152228;--opi-surface:#f2f7f5;--opi-teal:#094d6c;--opi-teal-deep:#052f42;--opi-sage:#49977f;--opi-gold:#edcc7a;--opi-slate:#5a6b73;--opi-muted:#6b7c86;--opi-border:rgba(9,77,108,.1);--opi-border-strong:rgba(9,77,108,.14);--opi-card:hsla(0,0%,100%,.88);--opi-shadow-card:0 1px 2px rgba(9,77,108,.04),0 4px 16px rgba(9,77,108,.06);--opi-shadow-sm:0 2px 8px rgba(9,77,108,.07),0 1px 2px rgba(9,77,108,.04);--opi-radius:14px;--opi-radius-md:10px;--opi-font-ui:"IBM Plex Sans","IBM Plex Sans Arabic",ui-sans-serif,system-ui,sans-serif;--opi-font-prose:"Plus Jakarta Sans","IBM Plex Sans","IBM Plex Sans Arabic",ui-sans-serif,system-ui,sans-serif;--background:150 28% 93%;--foreground:198 24% 12%;--card:0 0% 100%;--card-foreground:198 24% 12%;--popover:0 0% 100%;--popover-foreground:198 24% 12%;--border:199 28% 84%;--input:199 22% 88%;--ring:158 35% 44%;--muted:150 22% 91%;--muted-foreground:198 12% 42%;--primary:199 84% 23%;--primary-foreground:0 0% 100%;--secondary:158 35% 44%;--secondary-foreground:0 0% 100%;--accent:150 30% 95%;--accent-foreground:199 84% 23%;--destructive:6 63% 46%;--destructive-foreground:0 0% 100%;--warning:43 55% 42%;--warning-foreground:0 0% 100%;--success:158 35% 44%;--success-foreground:0 0% 100%;--info:199 84% 23%;--info-foreground:0 0% 100%;--sidebar-background:199 84% 14%;--sidebar-foreground:150 20% 94%;--sidebar-border:199 50% 20%;--sidebar-active:199 70% 18%;--sidebar-accent:158 35% 44%;--radius:0.875rem;--font-ui:var(--opi-font-ui);color-scheme:light;font-family:var(--opi-font-prose);color:var(--opi-fg);background:var(--opi-bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6;letter-spacing:.005em}html.opi-brand-shell,html.opi-brand-shell body{background-color:var(--opi-bg)!important;background-image:radial-gradient(circle at 8% 12%,rgba(73,151,127,.14),transparent 42%),radial-gradient(circle at 92% 8%,rgba(9,77,108,.1),transparent 38%),radial-gradient(circle at 50% 100%,hsla(43,76%,70%,.08),transparent 35%),var(--opi-bg)!important;background-attachment:fixed;font-family:var(--opi-font-prose)!important;color:var(--opi-fg)!important}.opi-embed-shell{background:transparent;font-family:var(--opi-font-prose);color:var(--opi-fg)}html.opi-brand-shell .bg-sidebar{background-color:transparent!important;background-image:none!important}.opi-brand-shell .ops-display,.opi-brand-shell [role=tab],.opi-brand-shell button,.opi-brand-shell h1,.opi-brand-shell h2,.opi-brand-shell h3,.opi-brand-shell h4,.opi-brand-shell input,.opi-brand-shell label,.opi-brand-shell nav,.opi-brand-shell select,.opi-brand-shell textarea,.opi-embed-shell .ops-display,.opi-embed-shell button,.opi-embed-shell h1,.opi-embed-shell h2,.opi-embed-shell h3,.opi-embed-shell h4{font-family:var(--opi-font-ui)!important}.opi-brand-shell .text-muted-foreground,.opi-brand-shell li,.opi-brand-shell p,.opi-brand-shell td,.opi-embed-shell .text-muted-foreground,.opi-embed-shell li,.opi-embed-shell p,.opi-embed-shell td{font-family:var(--opi-font-prose)}.opi-brand-shell h1,.opi-embed-shell h1{font-size:1.5rem!important;font-weight:700!important;letter-spacing:-.02em;color:var(--opi-fg)!important}.opi-brand-shell h2,.opi-embed-shell h2{font-size:1.05rem!important;font-weight:600!important;color:var(--opi-fg)!important}.opi-brand-shell .text-muted-foreground,.opi-embed-shell .text-muted-foreground{color:var(--opi-slate)!important}.opi-brand-shell .ops-display,.opi-embed-shell .ops-display{font-weight:600!important;letter-spacing:-.01em;color:var(--opi-fg)}.opi-brand-shell .uppercase,.opi-brand-shell [class*="tracking-[0.1"],.opi-brand-shell [class*=tracking-widest],.opi-embed-shell .uppercase{letter-spacing:.06em!important;color:var(--opi-muted)!important;font-size:.6875rem!important;font-weight:600!important;font-family:var(--opi-font-ui)!important}html.opi-brand-shell .ops-shell{background:radial-gradient(ellipse 70% 50% at 0 0,rgba(9,77,108,.07),transparent 55%),radial-gradient(ellipse 60% 45% at 100% 100%,rgba(73,151,127,.09),transparent 50%),radial-gradient(ellipse 40% 30% at 80% 10%,hsla(43,76%,70%,.06),transparent 45%),var(--opi-bg)!important}.opi-embed-shell main{background:transparent!important}html.opi-brand-shell .ops-sidebar{color:#e8f0ec!important;border-color:hsla(0,0%,100%,.08)!important;background:radial-gradient(ellipse 80% 50% at 0 0,rgba(73,151,127,.22),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(168,134,46,.1),transparent 50%),linear-gradient(180deg,#052f42,#094d6c 55%,color-mix(in srgb,#094d6c 78%,#49977f))!important}html.opi-brand-shell .ops-sidebar-nav-active{background:linear-gradient(135deg,hsla(0,0%,100%,.14),rgba(73,151,127,.3))!important;box-shadow:inset 0 0 0 1px rgba(73,151,127,.35),0 0 20px rgba(73,151,127,.12)!important;border-radius:10px!important;color:#fff!important}html.opi-brand-shell .ops-sidebar a,html.opi-brand-shell .ops-sidebar button{border-radius:10px!important;font-family:var(--opi-font-ui)!important;font-size:13px!important}html.opi-brand-shell .ops-sidebar a:hover,html.opi-brand-shell .ops-sidebar button:hover{background:rgba(73,151,127,.16)!important}html.opi-brand-shell .ops-sidebar [class*=rounded-full],html.opi-brand-shell .ops-sidebar nav a.rounded-full,html.opi-brand-shell .ops-sidebar nav button.rounded-full{border-radius:10px!important;background:hsla(0,0%,100%,.06)!important;border:1px solid hsla(0,0%,100%,.08)!important;color:rgba(232,240,236,.88)!important}html.opi-brand-shell .ops-sidebar .bg-white,html.opi-brand-shell .ops-sidebar nav [class*=bg-white],html.opi-brand-shell .ops-sidebar nav a.bg-white{background:linear-gradient(135deg,hsla(0,0%,100%,.16),rgba(73,151,127,.35))!important;color:#fff!important;border-color:rgba(73,151,127,.4)!important}html.opi-brand-shell .ops-sidebar .border-sidebar-border{border-color:hsla(0,0%,100%,.1)!important}html.opi-brand-shell header.sticky{background:rgba(242,247,245,.88)!important;border-bottom-color:var(--opi-border)!important;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}html.opi-brand-shell header.sticky a{color:var(--opi-teal)!important;font-family:var(--opi-font-ui)!important;font-weight:600}.opi-brand-shell .bg-card,.opi-brand-shell .bg-white,.opi-brand-shell [class*=rounded][class*=border][class*=bg-],.opi-embed-shell .bg-card,.opi-embed-shell .bg-white,.opi-embed-shell .ops-panel,.opi-embed-shell [class*=rounded][class*=border][class*=bg-],html.opi-brand-shell .ops-panel{background:var(--opi-card)!important;border-color:var(--opi-border)!important;box-shadow:var(--opi-shadow-card)!important;border-radius:var(--opi-radius)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.opi-brand-shell [class*=bg-emerald],.opi-brand-shell [class*=bg-green],html.opi-brand-shell .ops-panel[data-tone=ok]{background:linear-gradient(135deg,rgba(73,151,127,.18),rgba(73,151,127,.04))!important;border-color:rgba(73,151,127,.35)!important;color:var(--opi-fg)!important;box-shadow:none!important}.opi-brand-shell [class*=bg-amber],.opi-brand-shell [class*=bg-orange],.opi-brand-shell [class*=bg-yellow],html.opi-brand-shell .ops-panel[data-tone=warn]{background:linear-gradient(135deg,rgba(196,168,94,.2),rgba(196,168,94,.04))!important;border-color:rgba(196,168,94,.4)!important;color:var(--opi-fg)!important;box-shadow:none!important}.opi-brand-shell [class*=bg-pink],.opi-brand-shell [class*=bg-red],.opi-brand-shell [class*=bg-rose],html.opi-brand-shell .ops-panel[data-tone=danger]{background:linear-gradient(135deg,rgba(192,57,43,.16),rgba(192,57,43,.04))!important;border-color:rgba(192,57,43,.35)!important;color:var(--opi-fg)!important;box-shadow:none!important}.opi-brand-shell [class*=bg-blue],.opi-brand-shell [class*=bg-indigo],.opi-brand-shell [class*=bg-purple],.opi-brand-shell [class*=bg-sky],.opi-brand-shell [class*=bg-violet],html.opi-brand-shell .ops-panel[data-tone=info],html.opi-brand-shell .ops-panel[data-tone=royal]{background:linear-gradient(135deg,rgba(9,77,108,.16),rgba(9,77,108,.04))!important;border-color:rgba(9,77,108,.35)!important;color:var(--opi-fg)!important;box-shadow:none!important}.opi-brand-shell .bg-gray-50,.opi-brand-shell .bg-neutral-50,.opi-brand-shell .bg-slate-50,.opi-brand-shell .bg-stone-50,.opi-brand-shell .bg-zinc-50,.opi-brand-shell [class*="bg-[#"]{background:var(--opi-card)!important;border-color:var(--opi-border)!important}.opi-brand-shell .bg-primary,.opi-brand-shell button.bg-primary,.opi-embed-shell .bg-primary,.opi-embed-shell button.bg-primary,html.opi-brand-shell a.bg-gradient-to-b,html.opi-brand-shell a[class*=bg-primary],html.opi-brand-shell button.bg-gradient-to-b,html.opi-brand-shell button[class*="from-[#3b82f6]"],html.opi-brand-shell button[class*=bg-primary],html.opi-brand-shell button[class*=to-primary]{background-image:linear-gradient(135deg,#094d6c,#0a5a7a 55%,#49977f 140%)!important;background-color:#094d6c!important;color:#fff!important;border-radius:var(--opi-radius-md)!important;font-weight:600!important;font-family:var(--opi-font-ui)!important;box-shadow:var(--opi-shadow-sm)!important;border:none!important}.opi-brand-shell .bg-primary:hover,.opi-embed-shell .bg-primary:hover,html.opi-brand-shell button.bg-gradient-to-b:hover{filter:brightness(1.05);background-image:linear-gradient(135deg,#073a52,#094d6c 60%,#3d7f6a 140%)!important}html.opi-brand-shell .bg-black,html.opi-brand-shell .bg-foreground.text-background,html.opi-brand-shell a.bg-foreground,html.opi-brand-shell button.bg-foreground,html.opi-brand-shell button[class*="bg-[#0"],html.opi-brand-shell button[class*=bg-neutral-9],html.opi-brand-shell button[class*=bg-slate-9],html.opi-brand-shell button[class*=bg-stone-9],html.opi-brand-shell button[class*=bg-zinc-9]{background:linear-gradient(135deg,#094d6c,#0a5a7a 55%,#49977f 140%)!important;color:#fff!important;border-radius:var(--opi-radius-md)!important}.opi-brand-shell .bg-secondary,.opi-embed-shell .bg-secondary{background-color:var(--opi-sage)!important;color:#fff!important;border-radius:var(--opi-radius-md)!important}.opi-brand-shell .text-primary,.opi-embed-shell .text-primary{color:var(--opi-teal)!important}.opi-brand-shell [role=tab][aria-selected=true],.opi-brand-shell [role=tablist] [role=tab][data-state=active],.opi-embed-shell [role=tab][aria-selected=true],.opi-embed-shell [role=tablist] [role=tab][data-state=active],html.opi-brand-shell .rounded-full.bg-foreground,html.opi-brand-shell .rounded-md.bg-foreground,html.opi-brand-shell [data-state=active].rounded-full,html.opi-brand-shell button[aria-pressed=true]{background:linear-gradient(135deg,#094d6c,#49977f 120%)!important;color:#fff!important;border-color:transparent!important;box-shadow:var(--opi-shadow-sm)!important}.opi-brand-shell [role=tablist] [role=tab],.opi-embed-shell [role=tablist] [role=tab],html.opi-brand-shell .rounded-full.border,html.opi-brand-shell button.rounded-full.border{border-radius:var(--opi-radius-md)!important;font-weight:500;font-family:var(--opi-font-ui)!important;border-color:var(--opi-border-strong)!important;background:hsla(0,0%,100%,.72)!important;color:var(--opi-fg)!important}.opi-brand-shell a:not(.ops-sidebar a):not(header a){color:var(--opi-teal)}.opi-brand-shell a:not(.ops-sidebar a):hover{color:#3d7f6a}.opi-brand-shell input,.opi-brand-shell select,.opi-brand-shell textarea,.opi-embed-shell input,.opi-embed-shell select,.opi-embed-shell textarea{border-radius:var(--opi-radius-md)!important;border-color:var(--opi-border-strong)!important;background:#fff!important;font-size:.875rem!important;font-family:var(--opi-font-prose)!important;color:var(--opi-fg)!important}.opi-brand-shell input:focus,.opi-brand-shell select:focus,.opi-brand-shell textarea:focus,.opi-embed-shell input:focus,.opi-embed-shell select:focus,.opi-embed-shell textarea:focus{outline:none!important;border-color:var(--opi-sage)!important;box-shadow:0 0 0 3px rgba(73,151,127,.2)!important}.opi-brand-shell .badge,.opi-brand-shell .rounded-full.bg-muted,.opi-brand-shell span.rounded-full{font-family:var(--opi-font-ui)!important;font-weight:600}html.opi-brand-shell ::-webkit-scrollbar{width:7px;height:7px}html.opi-brand-shell ::-webkit-scrollbar-track{background:transparent}html.opi-brand-shell ::-webkit-scrollbar-thumb{background:rgba(9,77,108,.2);border-radius:999px;border:none}html.opi-brand-shell [class*=Language],html.opi-brand-shell header button[class*=rounded]{border-radius:999px!important}