/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(97.1% .013 17.38);--color-red-100: oklch(93.6% .032 17.717);--color-red-200: oklch(88.5% .062 18.334);--color-red-300: oklch(80.8% .114 19.571);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-red-800: oklch(44.4% .177 26.899);--color-red-900: oklch(39.6% .141 25.723);--color-amber-50: oklch(98.7% .022 95.277);--color-amber-100: oklch(96.2% .059 95.617);--color-amber-200: oklch(92.4% .12 95.746);--color-amber-300: oklch(87.9% .169 91.605);--color-amber-400: oklch(82.8% .189 84.429);--color-amber-600: oklch(66.6% .179 58.318);--color-amber-700: oklch(55.5% .163 48.998);--color-amber-800: oklch(47.3% .137 46.201);--color-amber-900: oklch(41.4% .112 45.904);--color-yellow-500: oklch(79.5% .184 86.047);--color-green-50: oklch(98.2% .018 155.826);--color-green-100: oklch(96.2% .044 156.743);--color-green-400: oklch(79.2% .209 151.711);--color-green-500: oklch(72.3% .219 149.579);--color-green-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-green-800: oklch(44.8% .119 151.328);--color-green-900: oklch(39.3% .095 152.535);--color-emerald-50: oklch(97.9% .021 166.113);--color-emerald-100: oklch(95% .052 163.051);--color-emerald-200: oklch(90.5% .093 164.15);--color-emerald-300: oklch(84.5% .143 164.978);--color-emerald-500: oklch(69.6% .17 162.48);--color-emerald-600: oklch(59.6% .145 163.225);--color-emerald-700: oklch(50.8% .118 165.612);--color-emerald-800: oklch(43.2% .095 166.913);--color-emerald-900: oklch(37.8% .077 168.94);--color-sky-700: oklch(50% .134 242.749);--color-blue-50: oklch(97% .014 254.604);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-900: oklch(37.9% .146 265.522);--color-indigo-100: oklch(93% .034 272.788);--color-indigo-400: oklch(67.3% .182 276.935);--color-indigo-600: oklch(51.1% .262 276.966);--color-indigo-700: oklch(45.7% .24 277.023);--color-indigo-900: oklch(35.9% .144 278.697);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-gray-950: oklch(13% .028 261.692);--color-zinc-100: oklch(96.7% .001 286.375);--color-zinc-200: oklch(92% .004 286.32);--color-zinc-700: oklch(37% .013 285.805);--color-zinc-900: oklch(21% .006 285.885);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl: 3rem;--text-5xl--line-height: 1;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--tracking-tight: -.025em;--tracking-wider: .05em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-relaxed: 1.625;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15);--drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-spin: spin 1s linear infinite;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;--blur-md: 12px;--blur-xl: 24px;--blur-3xl: 64px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--color-gold: #9e9300;--color-bg-0: #E3F2FD;--color-bg-1: #E8F5E9;--color-hesitation: #f57c00;--color-error: #d32f2f;--color-alert: #1976d2;--color-sura: #16a085;--color-primary: #0d9488;--color-primary-light: #14b8a6;--color-plan-start: #4CAF50;--color-plan-end: #f44336;--color-plan-overlap: #2196F3;--font-uthman: "KFGQPC_Uthman_Taha_Naskh", system-ui;--font-hafs: "kfgqpc_uthmanic_script_hafs", system-ui;--spacing-container: 1024px;--spacing-navbar: 70px;--spacing-player-collapsed: 70px;--spacing-player-expanded: 120px}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container\/card{container-type:inline-size;container-name:card}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.fixed-end-constrained{position:fixed;right:max(1rem,calc(50% - (var(--spacing-container) / 2) + 1rem))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-20{top:calc(var(--spacing) * 20)}.top-\[2px\]{top:2px}.right-0{right:calc(var(--spacing) * 0)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-full{right:100%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-5{bottom:calc(var(--spacing) * 5)}.bottom-16{bottom:calc(var(--spacing) * 16)}.bottom-24{bottom:calc(var(--spacing) * 24)}.bottom-40{bottom:calc(var(--spacing) * 40)}.bottom-\[-100px\]{bottom:-100px}.bottom-\[60px\]{bottom:60px}.bottom-\[95px\]{bottom:95px}.bottom-\[100px\]{bottom:100px}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-900{z-index:900}.z-1000{z-index:1000}.z-1001{z-index:1001}.z-1100{z-index:1100}.z-1200{z-index:1200}.z-1290{z-index:1290}.z-1300{z-index:1300}.z-1400{z-index:1400}.z-2000{z-index:2000}.z-10000{z-index:10000}.z-20000{z-index:20000}.z-30000{z-index:30000}.z-31000{z-index:31000}.z-31001{z-index:31001}.z-\[1200\]{z-index:1200}.z-\[1300\]{z-index:1300}.z-\[10000\]{z-index:10000}.col-span-full{grid-column:1 / -1}.container{width:100%;@media(width>=40rem){max-width:40rem}@media(width>=48rem){max-width:48rem}@media(width>=64rem){max-width:64rem}@media(width>=80rem){max-width:80rem}@media(width>=96rem){max-width:96rem}}.-m-2{margin:calc(var(--spacing) * -2)}.m-0{margin:calc(var(--spacing) * 0)}.m-4{margin:calc(var(--spacing) * 4)}.m-6{margin:calc(var(--spacing) * 6)}.m-auto{margin:auto}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-2\.5{margin-inline:calc(var(--spacing) * 2.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-8{margin-block:calc(var(--spacing) * 8)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.-mt-16{margin-top:calc(var(--spacing) * -16)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-auto{margin-top:auto}.-mr-16{margin-right:calc(var(--spacing) * -16)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.grid\!{display:grid!important}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1 / 1}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-48{height:calc(var(--spacing) * 48)}.h-\[1-9\]{height:1-9}.h-\[24px\]{height:24px}.h-\[30px\]{height:30px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-\[60px\]{max-height:60px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[300px\]{max-height:300px}.max-h-\[calc\(100vh-\(--spacing\(24\)\)\)\]{max-height:calc(100vh - (calc(var(--spacing) * 24)))}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-\[44px\]{min-height:44px}.min-h-\[50px\]{min-height:50px}.min-h-\[100px\]{min-height:100px}.min-h-\[500px\]{min-height:500px}.min-h-\[calc\(65px\+env\(safe-area-inset-bottom\,0\)\)\]{min-height:calc(65px + env(safe-area-inset-bottom,0))}.min-h-\[calc\(100vh-\(--spacing\(20\)\)\)\]{min-height:calc(100vh - (calc(var(--spacing) * 20)))}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/5{width:20%}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-\[24px\]{width:24px}.w-\[40px\]{width:40px}.w-\[90\%\]{width:90%}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[300px\]{max-width:300px}.max-w-\[350px\]{max-width:350px}.max-w-container{max-width:var(--spacing-container)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[150px\]{min-width:150px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-2{flex:2}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-top-left{transform-origin:0 0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x: calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x: 100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-10{--tw-translate-y: calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-20{--tw-translate-y: calc(var(--spacing) * 20);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-20px\]{--tw-translate-y: -20px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y: 100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x: 100%;--tw-scale-y: 100%;--tw-scale-z: 100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[slideUp_0\.3s_ease-out\]{animation:slideUp .3s ease-out}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5\!{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.grid-cols-\[repeat\(auto-fit\,minmax\(250px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\!{gap:calc(var(--spacing) * 2)!important}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[5px\]{gap:5px}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-3{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}}.divide-gray-50{:where(&>:not(:last-child)){border-color:var(--color-gray-50)}}.divide-gray-100{:where(&>:not(:last-child)){border-color:var(--color-gray-100)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-auto{scroll-behavior:auto}.\!rounded-full{border-radius:calc(infinity * 1px)!important}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-none{--tw-border-style: none;border-style:none}.border-solid{--tw-border-style: solid;border-style:solid}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-100{border-color:var(--color-blue-100)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-emerald-500\/20{border-color:color-mix(in srgb,oklch(69.6% .17 162.48) 20%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-100{border-color:var(--color-green-100)}.border-primary{border-color:var(--color-primary)}.border-primary\/10{border-color:color-mix(in srgb,#0d9488 10%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.border-primary\/20{border-color:color-mix(in srgb,#0d9488 20%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.border-primary\/20\!{border-color:color-mix(in srgb,#0d9488 20%,transparent)!important;@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)!important}}.border-red-100{border-color:var(--color-red-100)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-transparent{border-color:transparent}.border-white\/10{border-color:color-mix(in srgb,#fff 10%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/30{border-color:color-mix(in srgb,#fff 30%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.border-zinc-200{border-color:var(--color-zinc-200)}.border-t-emerald-500{border-top-color:var(--color-emerald-500)}.border-t-white{border-top-color:var(--color-white)}.bg-\[\#2ecc71\]{background-color:#2ecc71}.bg-\[\#9b59b6\]{background-color:#9b59b6}.bg-\[\#3498db\]{background-color:#3498db}.bg-\[\#e67e22\]{background-color:#e67e22}.bg-\[\#e74c3c\]{background-color:#e74c3c}.bg-\[\#f1c40f\]{background-color:#f1c40f}.bg-amber-50{background-color:var(--color-amber-50)}.bg-black{background-color:var(--color-black)}.bg-black\/5{background-color:color-mix(in srgb,#000 5%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.bg-black\/40{background-color:color-mix(in srgb,#000 40%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/60{background-color:color-mix(in srgb,#000 60%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-50\/30{background-color:color-mix(in srgb,oklch(98.5% .002 247.839) 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-50) 30%,transparent)}}.bg-gray-50\/50{background-color:color-mix(in srgb,oklch(98.5% .002 247.839) 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-50) 50%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-50\/5{background-color:color-mix(in srgb,oklch(98.2% .018 155.826) 5%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-green-50) 5%,transparent)}}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-plan-start{background-color:var(--color-plan-start)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/5{background-color:color-mix(in srgb,#0d9488 5%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 5%,transparent)}}.bg-primary\/5\!{background-color:color-mix(in srgb,#0d9488 5%,transparent)!important;@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 5%,transparent)!important}}.bg-primary\/10{background-color:color-mix(in srgb,#0d9488 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-primary\/15{background-color:color-mix(in srgb,#0d9488 15%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 15%,transparent)}}.bg-primary\/20{background-color:color-mix(in srgb,#0d9488 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-white\!{background-color:var(--color-white)!important}.bg-white\/10{background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/80{background-color:color-mix(in srgb,#fff 80%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-white\/90{background-color:color-mix(in srgb,#fff 90%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-linear-to-r{--tw-gradient-position: to right;@supports (background-image: linear-gradient(in lab,red,red)){--tw-gradient-position: to right in oklab}background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[url\(\'data\:image\/svg\+xml\;charset\=utf-8\,\%3Csvg\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%20fill\%3D\%22none\%22\%20viewBox\%3D\%220\%200\%2020\%2020\%22\%3E\%3Cpath\%20stroke\%3D\%22\%236b7280\%22\%20stroke-linecap\%3D\%22round\%22\%20stroke-linejoin\%3D\%22round\%22\%20stroke-width\%3D\%221\.5\%22\%20d\%3D\%22m6\%208\%204\%204\%204-4\%22\%2F\%3E\%3C\%2Fsvg\%3E\'\)\]{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20stroke%3D%22%236b7280%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m6%208%204%204%204-4%22%2F%3E%3C%2Fsvg%3E)}.from-blue-500{--tw-gradient-from: var(--color-blue-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from: var(--color-emerald-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from: var(--color-primary);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to: var(--color-emerald-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary\/70{--tw-gradient-to: color-mix(in srgb, #0d9488 70%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-gradient-to: color-mix(in oklab, var(--color-primary) 70%, transparent)}--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[box-decoration-break\:clone\]{box-decoration-break:clone}.bg-size-\[1\.5em_1\.5em\]{background-size:1.5em 1.5em}.bg-clip-text{background-clip:text}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.pb-\[120px\]{padding-bottom:120px}.pb-\[calc\(1\.5rem\+var\(--spacing-navbar\)\)\]{padding-bottom:calc(1.5rem + var(--spacing-navbar))}.pb-\[calc\(env\(safe-area-inset-bottom\,0\)\+8px\)\]{padding-bottom:calc(env(safe-area-inset-bottom,0) + 8px)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-scalable{font-size:calc(1.5rem * var(--verses-font-scale));line-height:calc(2.4rem * var(--verses-font-scale));text-align:justify;text-align-last:center}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-\[KFGQPC_Uthman_Taha_Naskh\,system-ui\]{font-family:KFGQPC Uthman Taha Naskh,system-ui}.font-hafs{font-family:var(--font-hafs)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[1\.2rem\]{font-size:1.2rem}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[110\%\]{font-size:110%}.leading-none{--tw-leading: 1;line-height:1}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking: var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-900\!{color:var(--color-gray-900)!important}.text-green-600{color:var(--color-green-600)}.text-indigo-600{color:var(--color-indigo-600)}.text-inherit{color:inherit}.text-primary{color:var(--color-primary)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-transparent{color:transparent}.text-white{color:var(--color-white)}.text-zinc-900{color:var(--color-zinc-900)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.opacity-0{opacity:0%}.opacity-25{opacity:25%}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-70{opacity:70%}.opacity-75{opacity:75%}.opacity-80{opacity:80%}.opacity-90{opacity:90%}.opacity-100{opacity:100%}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-2px_10px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 -2px 10px var(--tw-shadow-color, rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 4px 20px var(--tw-shadow-color, rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-green-600\/20{--tw-shadow-color: color-mix(in srgb, oklch(62.7% .194 149.214) 20%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/20{--tw-shadow-color: color-mix(in srgb, #0d9488 20%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/30{--tw-shadow-color: color-mix(in srgb, #0d9488 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-green-500\/50{--tw-ring-color: color-mix(in srgb, oklch(72.3% .219 149.579) 50%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-green-500) 50%, transparent)}}.ring-primary{--tw-ring-color: var(--color-primary)}.ring-primary\/20{--tw-ring-color: color-mix(in srgb, #0d9488 20%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent)}}.ring-yellow-500\/30{--tw-ring-color: color-mix(in srgb, oklch(79.5% .184 86.047) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent)}}.ring-offset-4{--tw-ring-offset-width: 4px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur: blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / .12)));--tw-drop-shadow: drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / .15)));--tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur: blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur: blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-150{--tw-duration: .15s;transition-duration:.15s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.ease-in{--tw-ease: var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style: none;outline-style:none}.select-text{-webkit-user-select:text;user-select:text}.\[-webkit-box-decoration-break\:clone\]{-webkit-box-decoration-break:clone}.\[text-align-last\:center\]{text-align-last:center}.group-open\:rotate-180{&:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}}.group-hover\:-translate-x-1{&:is(:where(.group):hover *){@media(hover:hover){--tw-translate-x: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}}.group-hover\:text-primary{&:is(:where(.group):hover *){@media(hover:hover){color:var(--color-primary)}}}.group-hover\:opacity-100{&:is(:where(.group):hover *){@media(hover:hover){opacity:100%}}}.group-hover\/btn\:scale-110{&:is(:where(.group\/btn):hover *){@media(hover:hover){--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.group-\[\.active\]\:scale-110{&:is(:where(.group):is(.active) *){--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.group-\[\.expanded\]\:rotate-180{&:is(:where(.group):is(.expanded) *){rotate:180deg}}.peer-checked\:scale-110{&:is(:where(.peer):checked~*){--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.peer-checked\:border-primary{&:is(:where(.peer):checked~*){border-color:var(--color-primary)}}.peer-checked\:shadow-lg{&:is(:where(.peer):checked~*){--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.marker\:text-blue-500{& *::marker{color:var(--color-blue-500)}&::marker{color:var(--color-blue-500)}& *::-webkit-details-marker{color:var(--color-blue-500)}&::-webkit-details-marker{color:var(--color-blue-500)}}.before\:absolute{&:before{content:var(--tw-content);position:absolute}}.before\:top-0{&:before{content:var(--tw-content);top:calc(var(--spacing) * 0)}}.before\:left-0{&:before{content:var(--tw-content);left:calc(var(--spacing) * 0)}}.before\:-z-1{&:before{content:var(--tw-content);z-index:-1}}.before\:h-full{&:before{content:var(--tw-content);height:100%}}.before\:w-full{&:before{content:var(--tw-content);width:100%}}.before\:bg-\[url\(\/assets\/images\/threepanel\.png\)\]{&:before{content:var(--tw-content);background-image:url(/assets/images/threepanel.png)}}.before\:bg-repeat{&:before{content:var(--tw-content);background-repeat:repeat}}.before\:opacity-\[0\.1\]{&:before{content:var(--tw-content);opacity:.1}}.before\:content-\[\\\'\\\'\]{&:before{--tw-content: \'\';content:var(--tw-content)}}.after\:absolute{&:after{content:var(--tw-content);position:absolute}}.after\:top-0{&:after{content:var(--tw-content);top:calc(var(--spacing) * 0)}}.after\:left-0{&:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}}.after\:-z-1{&:after{content:var(--tw-content);z-index:-1}}.after\:block{&:after{content:var(--tw-content);display:block}}.after\:h-full{&:after{content:var(--tw-content);height:100%}}.after\:w-full{&:after{content:var(--tw-content);width:100%}}.after\:bg-\[url\(\/assets\/images\/threepanel\.png\)\]{&:after{content:var(--tw-content);background-image:url(/assets/images/threepanel.png)}}.after\:bg-repeat{&:after{content:var(--tw-content);background-repeat:repeat}}.after\:opacity-\[0\.03\]{&:after{content:var(--tw-content);opacity:.03}}.after\:content-\[\'\'\]{&:after{--tw-content: "";content:var(--tw-content)}}.first\:mt-0{&:first-child{margin-top:calc(var(--spacing) * 0)}}.last\:border-0{&:last-child{border-style:var(--tw-border-style);border-width:0px}}.hover\:-translate-y-0\.5{&:hover{@media(hover:hover){--tw-translate-y: calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}}}.hover\:-translate-y-\[2px\]{&:hover{@media(hover:hover){--tw-translate-y: -2px ;translate:var(--tw-translate-x) var(--tw-translate-y)}}}.hover\:-translate-y-px{&:hover{@media(hover:hover){--tw-translate-y: -1px;translate:var(--tw-translate-x) var(--tw-translate-y)}}}.hover\:scale-105{&:hover{@media(hover:hover){--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.hover\:scale-110{&:hover{@media(hover:hover){--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.hover\:border-gray-200{&:hover{@media(hover:hover){border-color:var(--color-gray-200)}}}.hover\:border-primary{&:hover{@media(hover:hover){border-color:var(--color-primary)}}}.hover\:border-primary\/20{&:hover{@media(hover:hover){border-color:color-mix(in srgb,#0d9488 20%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}}}.hover\:border-red-200{&:hover{@media(hover:hover){border-color:var(--color-red-200)}}}.hover\:bg-amber-50{&:hover{@media(hover:hover){background-color:var(--color-amber-50)}}}.hover\:bg-black\/5{&:hover{@media(hover:hover){background-color:color-mix(in srgb,#000 5%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}}}.hover\:bg-blue-50{&:hover{@media(hover:hover){background-color:var(--color-blue-50)}}}.hover\:bg-gray-50{&:hover{@media(hover:hover){background-color:var(--color-gray-50)}}}.hover\:bg-gray-50\/50{&:hover{@media(hover:hover){background-color:color-mix(in srgb,oklch(98.5% .002 247.839) 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-50) 50%,transparent)}}}}.hover\:bg-gray-100{&:hover{@media(hover:hover){background-color:var(--color-gray-100)}}}.hover\:bg-gray-200{&:hover{@media(hover:hover){background-color:var(--color-gray-200)}}}.hover\:bg-gray-300{&:hover{@media(hover:hover){background-color:var(--color-gray-300)}}}.hover\:bg-green-700{&:hover{@media(hover:hover){background-color:var(--color-green-700)}}}.hover\:bg-indigo-700{&:hover{@media(hover:hover){background-color:var(--color-indigo-700)}}}.hover\:bg-primary{&:hover{@media(hover:hover){background-color:var(--color-primary)}}}.hover\:bg-primary\/5{&:hover{@media(hover:hover){background-color:color-mix(in srgb,#0d9488 5%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 5%,transparent)}}}}.hover\:bg-primary\/10{&:hover{@media(hover:hover){background-color:color-mix(in srgb,#0d9488 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}}}.hover\:bg-primary\/20{&:hover{@media(hover:hover){background-color:color-mix(in srgb,#0d9488 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}}}.hover\:bg-red-50{&:hover{@media(hover:hover){background-color:var(--color-red-50)}}}.hover\:bg-red-100{&:hover{@media(hover:hover){background-color:var(--color-red-100)}}}.hover\:bg-red-500{&:hover{@media(hover:hover){background-color:var(--color-red-500)}}}.hover\:text-gray-600{&:hover{@media(hover:hover){color:var(--color-gray-600)}}}.hover\:text-gray-700{&:hover{@media(hover:hover){color:var(--color-gray-700)}}}.hover\:text-gray-900{&:hover{@media(hover:hover){color:var(--color-gray-900)}}}.hover\:text-primary{&:hover{@media(hover:hover){color:var(--color-primary)}}}.hover\:text-white{&:hover{@media(hover:hover){color:var(--color-white)}}}.hover\:underline{&:hover{@media(hover:hover){text-decoration-line:underline}}}.hover\:opacity-80{&:hover{@media(hover:hover){opacity:80%}}}.hover\:opacity-90{&:hover{@media(hover:hover){opacity:90%}}}.hover\:opacity-95{&:hover{@media(hover:hover){opacity:95%}}}.hover\:opacity-100{&:hover{@media(hover:hover){opacity:100%}}}.hover\:shadow-lg{&:hover{@media(hover:hover){--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.hover\:shadow-md{&:hover{@media(hover:hover){--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.hover\:shadow-xl{&:hover{@media(hover:hover){--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.focus\:border-primary{&:focus{border-color:var(--color-primary)}}.focus\:border-transparent{&:focus{border-color:transparent}}.focus\:bg-gray-100{&:focus{background-color:var(--color-gray-100)}}.focus\:bg-white{&:focus{background-color:var(--color-white)}}.focus\:ring-1{&:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2{&:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-4{&:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-blue-500{&:focus{--tw-ring-color: var(--color-blue-500)}}.focus\:ring-primary{&:focus{--tw-ring-color: var(--color-primary)}}.focus\:ring-primary\/10{&:focus{--tw-ring-color: color-mix(in srgb, #0d9488 10%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 10%, transparent)}}}.focus\:ring-primary\/20{&:focus{--tw-ring-color: color-mix(in srgb, #0d9488 20%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent)}}}.focus\:ring-red-500{&:focus{--tw-ring-color: var(--color-red-500)}}.focus\:outline-hidden{&:focus{--tw-outline-style: none;outline-style:none;@media(forced-colors:active){outline:2px solid transparent;outline-offset:2px}}}.focus\:outline-none{&:focus{--tw-outline-style: none;outline-style:none}}.focus-visible\:ring-2{&:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-blue-500{&:focus-visible{--tw-ring-color: var(--color-blue-500)}}.focus-visible\:outline-2{&:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}}.focus-visible\:outline-offset-2{&:focus-visible{outline-offset:2px}}.focus-visible\:outline-primary{&:focus-visible{outline-color:var(--color-primary)}}.active\:translate-y-0{&:active{--tw-translate-y: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.active\:scale-95{&:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.active\:scale-\[0\.98\]{&:active{scale:.98}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:opacity-30{&:disabled{opacity:30%}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:hover\:text-gray-400{&:disabled{&:hover{@media(hover:hover){color:var(--color-gray-400)}}}}.sm\:inline{@media(width>=40rem){display:inline}}.sm\:w-auto{@media(width>=40rem){width:auto}}.sm\:grid-cols-2{@media(width>=40rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.sm\:flex-row{@media(width>=40rem){flex-direction:row}}.sm\:justify-start{@media(width>=40rem){justify-content:flex-start}}.sm\:p-6{@media(width>=40rem){padding:calc(var(--spacing) * 6)}}.sm\:p-8{@media(width>=40rem){padding:calc(var(--spacing) * 8)}}.sm\:px-6{@media(width>=40rem){padding-inline:calc(var(--spacing) * 6)}}.sm\:text-right{@media(width>=40rem){text-align:right}}.md\:right-4{@media(width>=48rem){right:calc(var(--spacing) * 4)}}.md\:left-auto{@media(width>=48rem){left:auto}}.md\:col-span-1{@media(width>=48rem){grid-column:span 1 / span 1}}.md\:w-1\/2{@media(width>=48rem){width:50%}}.md\:w-80{@media(width>=48rem){width:calc(var(--spacing) * 80)}}.md\:max-w-sm{@media(width>=48rem){max-width:var(--container-sm)}}.md\:grid-cols-2{@media(width>=48rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.md\:grid-cols-3{@media(width>=48rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.md\:flex-row{@media(width>=48rem){flex-direction:row}}.md\:items-center{@media(width>=48rem){align-items:center}}.md\:items-end{@media(width>=48rem){align-items:flex-end}}.md\:p-8{@media(width>=48rem){padding:calc(var(--spacing) * 8)}}.md\:px-6{@media(width>=48rem){padding-inline:calc(var(--spacing) * 6)}}.lg\:w-1\/3{@media(width>=64rem){width:calc(1/3 * 100%)}}.lg\:grid-cols-3{@media(width>=64rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.lg\:grid-cols-\[280px_1fr\]{@media(width>=64rem){grid-template-columns:280px 1fr}}.dark\:divide-gray-700{&:where([data-theme=dark],[data-theme=dark] *){:where(&>:not(:last-child)){border-color:var(--color-gray-700)}}}.dark\:divide-gray-700\/50{&:where([data-theme=dark],[data-theme=dark] *){:where(&>:not(:last-child)){border-color:color-mix(in srgb,oklch(37.3% .034 259.733) 50%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-gray-700) 50%,transparent)}}}}.dark\:divide-gray-800{&:where([data-theme=dark],[data-theme=dark] *){:where(&>:not(:last-child)){border-color:var(--color-gray-800)}}}.dark\:border-amber-800{&:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-amber-800)}}.dark\:border-amber-900\/30{&:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in srgb,oklch(41.4% .112 45.904) 30%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-amber-900) 30%,transparent)}}}.dark\:border-blue-900\/30{&:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in srgb,oklch(37.9% .146 265.522) 30%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-blue-900) 30%,transparent)}}}.dark\:border-emerald-700{&:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-emerald-700)}}.dark\:border-emerald-800{&:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-emerald-800)}}.dark\:border-gray-600{&:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-gray-600)}}.dark\:border-gray-700{&:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-gray-700)}}.dark\:border-gray-800{&:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-gray-800)}}.dark\:border-gray-800\/50{&:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in srgb,oklch(27.8% .033 256.848) 50%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-gray-800) 50%,transparent)}}}.dark\:border-green-800\/50{&:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in srgb,oklch(44.8% .119 151.328) 50%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-green-800) 50%,transparent)}}}.dark\:border-primary-light\/5{&:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in srgb,#14b8a6 5%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary-light) 5%,transparent)}}}.dark\:border-primary\/20{&:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in srgb,#0d9488 20%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}}.dark\:border-red-700{&:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-red-700)}}.dark\:border-red-800{&:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-red-800)}}.dark\:border-red-900\/30{&:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in srgb,oklch(39.6% .141 25.723) 30%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-red-900) 30%,transparent)}}}.dark\:border-zinc-700{&:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-700)}}.dark\:bg-amber-900\/10{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(41.4% .112 45.904) 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-amber-900) 10%,transparent)}}}.dark\:bg-amber-900\/20{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(41.4% .112 45.904) 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-amber-900) 20%,transparent)}}}.dark\:bg-black\/10{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,#000 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}}.dark\:bg-blue-900\/30{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(37.9% .146 265.522) 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-blue-900) 30%,transparent)}}}.dark\:bg-emerald-900\/20{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(37.8% .077 168.94) 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-emerald-900) 20%,transparent)}}}.dark\:bg-emerald-900\/30{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(37.8% .077 168.94) 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-emerald-900) 30%,transparent)}}}.dark\:bg-emerald-900\/40{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(37.8% .077 168.94) 40%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-emerald-900) 40%,transparent)}}}.dark\:bg-gray-600{&:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-600)}}.dark\:bg-gray-700{&:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-700)}}.dark\:bg-gray-700\/30{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(37.3% .034 259.733) 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-700) 30%,transparent)}}}.dark\:bg-gray-700\/50{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(37.3% .034 259.733) 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-700) 50%,transparent)}}}.dark\:bg-gray-800{&:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-800)}}.dark\:bg-gray-800\!{&:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-800)!important}}.dark\:bg-gray-800\/20{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(27.8% .033 256.848) 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-800) 20%,transparent)}}}.dark\:bg-gray-800\/30{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(27.8% .033 256.848) 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-800) 30%,transparent)}}}.dark\:bg-gray-800\/50{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(27.8% .033 256.848) 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-800) 50%,transparent)}}}.dark\:bg-gray-800\/80{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(27.8% .033 256.848) 80%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-800) 80%,transparent)}}}.dark\:bg-gray-900{&:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-900)}}.dark\:bg-gray-900\/30{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(21% .034 264.665) 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-900) 30%,transparent)}}}.dark\:bg-gray-900\/50{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(21% .034 264.665) 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-900) 50%,transparent)}}}.dark\:bg-gray-900\/90{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(21% .034 264.665) 90%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-900) 90%,transparent)}}}.dark\:bg-gray-950{&:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-950)}}.dark\:bg-green-900\/20{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(39.3% .095 152.535) 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-green-900) 20%,transparent)}}}.dark\:bg-green-900\/30{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(39.3% .095 152.535) 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-green-900) 30%,transparent)}}}.dark\:bg-indigo-900\/30{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(35.9% .144 278.697) 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-indigo-900) 30%,transparent)}}}.dark\:bg-primary{&:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-primary)}}.dark\:bg-primary\/10{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,#0d9488 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}}.dark\:bg-primary\/20{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,#0d9488 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}}.dark\:bg-red-900\/10{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(39.6% .141 25.723) 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-900) 10%,transparent)}}}.dark\:bg-red-900\/20{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(39.6% .141 25.723) 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-900) 20%,transparent)}}}.dark\:bg-red-900\/30{&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(39.6% .141 25.723) 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-900) 30%,transparent)}}}.dark\:bg-zinc-900{&:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}}.dark\:text-amber-300{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-300)}}.dark\:text-amber-400{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-400)}}.dark\:text-blue-400{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-blue-400)}}.dark\:text-emerald-200{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-emerald-200)}}.dark\:text-emerald-300{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-emerald-300)}}.dark\:text-gray-100{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-100)}}.dark\:text-gray-200{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-200)}}.dark\:text-gray-300{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-300)}}.dark\:text-gray-400{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-400)}}.dark\:text-gray-500{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-500)}}.dark\:text-gray-600{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-600)}}.dark\:text-green-400{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400)}}.dark\:text-indigo-400{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}}.dark\:text-primary{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-primary)}}.dark\:text-red-200{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-200)}}.dark\:text-red-300{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-300)}}.dark\:text-red-400{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}}.dark\:text-white{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}}.dark\:text-white\!{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)!important}}.dark\:text-zinc-100{&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}}.dark\:ring-offset-gray-950{&:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-color: var(--color-gray-950)}}.dark\:hover\:border-gray-700{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){border-color:var(--color-gray-700)}}}}.dark\:hover\:border-red-800{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){border-color:var(--color-red-800)}}}}.dark\:hover\:bg-amber-900\/20{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,oklch(41.4% .112 45.904) 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-amber-900) 20%,transparent)}}}}}.dark\:hover\:bg-blue-900\/20{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,oklch(37.9% .146 265.522) 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-blue-900) 20%,transparent)}}}}}.dark\:hover\:bg-gray-600{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:var(--color-gray-600)}}}}.dark\:hover\:bg-gray-700{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:var(--color-gray-700)}}}}.dark\:hover\:bg-gray-700\/30{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,oklch(37.3% .034 259.733) 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-700) 30%,transparent)}}}}}.dark\:hover\:bg-gray-700\/50{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,oklch(37.3% .034 259.733) 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-700) 50%,transparent)}}}}}.dark\:hover\:bg-gray-800{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:var(--color-gray-800)}}}}.dark\:hover\:bg-gray-800\/30{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,oklch(27.8% .033 256.848) 30%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-800) 30%,transparent)}}}}}.dark\:hover\:bg-primary\/10{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,#0d9488 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}}}}.dark\:hover\:bg-primary\/20{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,#0d9488 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}}}}.dark\:hover\:bg-red-900\/20{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,oklch(39.6% .141 25.723) 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-900) 20%,transparent)}}}}}.dark\:hover\:bg-red-900\/40{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,oklch(39.6% .141 25.723) 40%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-900) 40%,transparent)}}}}}.dark\:hover\:bg-white\/5{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,#fff 5%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}}}}.dark\:hover\:text-gray-100{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){color:var(--color-gray-100)}}}}.dark\:hover\:text-gray-200{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){color:var(--color-gray-200)}}}}.dark\:hover\:text-primary{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){color:var(--color-primary)}}}}.dark\:focus\:bg-gray-800{&:where([data-theme=dark],[data-theme=dark] *){&:focus{background-color:var(--color-gray-800)}}}.dark\:focus\:bg-gray-900{&:where([data-theme=dark],[data-theme=dark] *){&:focus{background-color:var(--color-gray-900)}}}.dark\:focus\:ring-blue-400{&:where([data-theme=dark],[data-theme=dark] *){&:focus{--tw-ring-color: var(--color-blue-400)}}}.dark\:focus\:ring-primary{&:where([data-theme=dark],[data-theme=dark] *){&:focus{--tw-ring-color: var(--color-primary)}}}.\[\&\.active\]\:pointer-events-auto{&.active{pointer-events:auto}}.\[\&\.active\]\:visible{&.active{visibility:visible}}.\[\&\.active\]\:translate-x-0{&.active{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.\[\&\.active\]\:rotate-45{&.active{rotate:45deg}}.\[\&\.active\]\:border-primary{&.active{border-color:var(--color-primary)}}.\[\&\.active\]\:bg-primary{&.active{background-color:var(--color-primary)}}.\[\&\.active\]\:bg-primary\/10{&.active{background-color:color-mix(in srgb,#0d9488 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}}.\[\&\.active\]\:text-primary{&.active{color:var(--color-primary)}}.\[\&\.active\]\:text-white{&.active{color:var(--color-white)}}.\[\&\.active\]\:opacity-100{&.active{opacity:100%}}.\[\&\.is-active\]\:bg-white{&.is-active{background-color:var(--color-white)}}.\[\&\.is-active\]\:text-primary{&.is-active{color:var(--color-primary)}}.\[\&\.is-active\]\:shadow-sm{&.is-active{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.dark\:\[\&\.is-active\]\:bg-gray-700{&:where([data-theme=dark],[data-theme=dark] *){&.is-active{background-color:var(--color-gray-700)}}}.\[\&\.is-juz-end\]\:bg-sky-700{&.is-juz-end{background-color:var(--color-sky-700)}}.\[\&\.is-juz-end\]\:text-white{&.is-juz-end{color:var(--color-white)}}.\[\&\.open\]\:pointer-events-auto{&.open{pointer-events:auto}}.\[\&\.open\]\:translate-x-0{&.open{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}}.\[\&\.open\]\:opacity-100{&.open{opacity:100%}}.\[\&\:\:-webkit-scrollbar\]\:w-\[8px\]{&::-webkit-scrollbar{width:8px}}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-\[4px\]{&::-webkit-scrollbar-thumb{border-radius:4px}}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-primary\/60{&::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,#0d9488 60%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 60%,transparent)}}}.hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-primary{&:hover{@media(hover:hover){&::-webkit-scrollbar-thumb{background-color:var(--color-primary)}}}}.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-primary\/40{&:where([data-theme=dark],[data-theme=dark] *){&::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,#0d9488 40%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}}}.dark\:hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-primary\/60{&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){&::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,#0d9488 60%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 60%,transparent)}}}}}}.\[\&\:\:-webkit-scrollbar-track\]\:rounded-\[4px\]{&::-webkit-scrollbar-track{border-radius:4px}}.\[\&\:\:-webkit-scrollbar-track\]\:bg-white{&::-webkit-scrollbar-track{background-color:var(--color-white)}}.dark\:\[\&\:\:-webkit-scrollbar-track\]\:bg-gray-800{&:where([data-theme=dark],[data-theme=dark] *){&::-webkit-scrollbar-track{background-color:var(--color-gray-800)}}}.\[\[hidden\]\]\:hidden{&:is([hidden]){display:none}}.\[body\.fullscreen-mode_\&\]\:top-5{body.fullscreen-mode &{top:calc(var(--spacing) * 5)}}.\[body\.fullscreen-mode_\&\]\:bottom-\[0px\]{body.fullscreen-mode &{bottom:0}}.\[body\:has\(\.audio-player-sticky\.is-visible\)_\&\]\:bottom-\[100px\]{body:has(.audio-player-sticky.is-visible) &{bottom:100px}}}[data-theme=dark]{--color-gold: #ffd700;--color-bg-0: #111827;--color-bg-1: #1f2937;--color-hesitation: #e3e283;--color-error: #ff8787;--color-alert: #649dd6;--color-sura: #359f89;--color-juz: #3466a3;--color-primary: #1b6d5a;--color-primary-light: #5eead4;--color-plan-start: #2e7d32;--color-plan-end: #c62828;--color-plan-overlap: #1565c0}@layer base{@font-face{font-family:KFGQPC_Uthman_Taha_Naskh;src:url(/assets/font/KFGQPCUthmanTahaNaskh.woff2) format("woff2"),url(/assets/font/KFGQPCUthmanTahaNaskh.woff) format("woff"),url(/assets/font/KFGQPCUthmanTahaNaskh.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:kfgqpc_uthmanic_script_hafs;src:url(/assets/font/uthmanic_hafs_v20/uthmanic_hafs_v20.woff2) format("woff2"),url(/assets/font/uthmanic_hafs_v20/uthmanic_hafs_v20.woff) format("woff"),url(/assets/font/uthmanic_hafs_v20/uthmanic_hafs_v20.ttf) format("truetype");font-weight:400;font-style:normal}html{direction:rtl}body{direction:rtl;font-family:var(--font-uthman);font-size:1.2rem;margin:0;-webkit-tap-highlight-color:transparent;padding-bottom:var(--spacing-navbar);background-color:var(--color-white);&:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-900)}&.fullscreen-mode{.bottom-nav,#page_header_info{display:none!important}#viewRoot{height:100vh!important;min-height:100vh!important}&[data-hide-progress=true]{#custom_plan_progress_bar,#sura_progress_bar,#page_progress_bar{display:none!important}}.sura-progress-bar,.page-progress-bar{top:10px;bottom:10px}.custom-plan-progress{top:5px}.custom-plan-toast{top:25px}&:has(.audio-player-sticky.is-visible)>main.container{padding-bottom:var(--spacing-player-collapsed)}}&.quran{height:100vh;overflow:hidden;.container{max-width:var(--spacing-container)}}>main.container{display:flex;flex-direction:column;min-height:calc(100vh - var(--spacing-navbar));>.container{display:flex;max-height:100%;min-height:calc(var(--spacing) * 0);flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;-webkit-overflow-scrolling:touch}}&:has(.audio-player-sticky.is-visible)>main.container{padding-bottom:calc(var(--spacing-navbar) + var(--spacing-player-collapsed))}&.spa-route-mushaf{.max-w-container{max-width:var(--spacing-container)}#viewRoot>.container{max-width:1024px}.view-container{overflow:hidden;padding-top:calc(var(--spacing) * 0);padding-bottom:calc(var(--spacing) * 0)}#slider{height:auto;min-height:calc(var(--spacing) * 0);flex:auto;&.keen-slider .keen-slider__slide{display:flex;height:100%;min-height:calc(var(--spacing) * 0);flex-direction:column;overflow:hidden;padding:calc(var(--spacing) * 0)}.slide-inner{min-height:calc(var(--spacing) * 0);flex:auto;overflow-y:auto;padding-inline:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 4);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{width:0;height:0}}}main{padding-top:calc(var(--spacing) * 0)!important}&:has(.audio-player-sticky.is-visible) #slider .slide-inner{padding-bottom:calc(1rem + 65px)}&:has(.plan-builder-widget) #slider .slide-inner{padding-bottom:160px!important;transition:padding-bottom .3s ease}}&.spa-route-settings{#viewRoot{overflow:hidden}#viewRoot>.container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:100%}}&.spa-route-search{#viewRoot{overflow:hidden}#viewRoot>.container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:100%;padding-bottom:100px}}:not(.spa-route-mushaf) #viewRoot>.container{max-width:1024px}:not(.quran) main#settings{height:auto;overflow:visible}}h1,h2,h3,h4,h5,h6{font-family:var(--font-uthman)}html body :where(h1,h2,h3,h4,h5,h6,p,label,small,figcaption),html body table :where(th,td){text-align:right}input,optgroup,select,textarea{font-size:inherit}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;user-select:none;flex-shrink:0;height:1.5rem;width:1.5rem;color:var(--color-primary);background-color:#fff;border-color:#d1d5db;border-width:1px;border-style:solid;border-radius:.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;&:where([data-theme=dark],[data-theme=dark] *){background-color:#1f2937;border-color:#4b5563}&:checked{border-color:transparent;background-color:var(--color-primary);background-size:100% 100%;background-position:center;background-repeat:no-repeat;&:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-primary);border-color:transparent}}&:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-primary);&:where([data-theme=dark],[data-theme=dark] *){box-shadow:0 0 0 2px #1f2937,0 0 0 4px var(--color-primary)}}}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}[type=radio]{border-radius:100%;&:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}}:root{color-scheme:light dark;--verses-font-scale: 1;--page-grid-cols: 5;--bg-color-0: var(--color-bg-0);--bg-color-1: var(--color-bg-1);--quran-text-width: 493px}#slider{position:relative!important;direction:ltr!important;.keen-slider__slide{direction:rtl!important}}.sura-progress-bar,.page-progress-bar{position:fixed;width:3px;background-color:#0000001a;border-radius:2px;overflow:hidden;z-index:1100;display:flex;flex-direction:column;justify-content:flex-end;top:50px;bottom:calc(var(--spacing-navbar) + 10px);height:auto;&:where([data-theme=dark],[data-theme=dark] *){background-color:#ffffff1a}}.sura-progress-bar{left:max(10px,calc(50% + min(var(--quran-text-width, 493px),90vw)/2 + 12px))}.page-progress-bar{right:max(10px,calc(50% + min(var(--quran-text-width, 493px),90vw)/2 + 12px))}.sura-progress-fill,.page-progress-fill{width:100%;background:linear-gradient(to top,#0d9488,#14b8a6);transition:height .3s ease}.custom-plan-progress{position:fixed;top:45px;left:50%;transform:translate(-50%);width:100%;max-width:var(--quran-text-width, 493px);height:3px;background-color:#0000001a;border-radius:2px;overflow:hidden;z-index:980;display:flex;flex-direction:row;justify-content:flex-start;&:where([data-theme=dark],[data-theme=dark] *){background-color:#ffffff1a}}.custom-plan-progress-fill{height:100%;background:linear-gradient(to left,#10b981,#34d399);transition:width .3s ease}.custom-plan-toast{position:fixed;top:85px;left:50%;z-index:1300;--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:color-mix(in srgb,#fff 60%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}--tw-backdrop-blur: blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);&:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in srgb,oklch(21% .034 264.665) 60%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-900) 60%,transparent)}}border-radius:.25rem;padding:calc(var(--spacing) * 3);color:var(--color-gray-800);--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-100)}width:200px;text-align:center;pointer-events:none;opacity:0%;transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y);&.show{--tw-scale-x: 100%;--tw-scale-y: 100%;--tw-scale-z: 100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:90%}}[data-theme=dark] .ayah-number:hover{background-color:#ffffff14}.btn-plan-start{border-color:color-mix(in srgb,#4CAF50 20%,transparent)!important;@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-plan-start) 20%,transparent)!important}background-color:var(--color-plan-start)!important;color:var(--color-white)!important}.btn-plan-end{border-color:color-mix(in srgb,#f44336 20%,transparent)!important;@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-plan-end) 20%,transparent)!important}background-color:var(--color-plan-end)!important;color:var(--color-white)!important}.btn-plan-overlap{border-color:color-mix(in srgb,#2196F3 20%,transparent)!important;@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-plan-overlap) 20%,transparent)!important}background-color:var(--color-plan-overlap)!important;color:var(--color-white)!important}}@layer components{.keen-slider{position:relative;box-sizing:border-box;display:flex;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.keen-slider .keen-slider__slide{position:relative;box-sizing:border-box;min-height:100%;width:100%;flex-shrink:0;overflow:hidden}.nav-tabs-slider .keen-slider__slide{display:flex;height:auto;min-height:calc(var(--spacing) * 0);width:100%;flex-direction:column;align-items:stretch;padding:calc(var(--spacing) * 0)}#nav_tabs_slider.keen-slider{direction:ltr!important;transition:height .3s ease-out}#nav_tabs_slider .keen-slider__slide{direction:rtl;height:auto!important;min-height:0!important}#plans-slider.keen-slider{direction:ltr!important}#plans-slider .keen-slider__slide{direction:rtl;display:flex;height:100%;flex-direction:column}#plans-slider .plans-container{width:100%;flex:1;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}#plans-slider .plans-container::-webkit-scrollbar{display:none}.plans-page .view-container{overflow:hidden}main#settings{display:flex;min-height:calc(var(--spacing) * 0);width:100%;flex:1;flex-direction:column;overflow:visible;padding-bottom:calc(var(--spacing) * 8)}#raka1_start,#raka1_end,#raka2_start,#raka2_end{font-family:var(--font-hafs)}.ui-modal{position:fixed;inset:calc(var(--spacing) * 0);z-index:10000;display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing) * 4)}.ui-modal[hidden]{display:none!important}.ui-modal-backdrop{position:absolute;inset:calc(var(--spacing) * 0);background-color:color-mix(in srgb,#000 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.ui-modal .ui-modal-dialog{position:relative;z-index:10001;width:100%;max-width:var(--container-md);display:flex;flex-direction:column;gap:calc(var(--spacing) * 4);border-radius:.25rem;padding:calc(var(--spacing) * 6);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);&:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-gray-800);background-color:var(--color-gray-900)}}.ui-modal .ui-modal-dialog--wide{max-width:var(--container-2xl)}.ui-modal .ui-modal-header{margin-bottom:calc(var(--spacing) * 2);display:flex;align-items:center;justify-content:space-between}.ui-modal .ui-modal-title{margin:calc(var(--spacing) * 0);font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height));color:var(--color-gray-900);&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-100)}}.ui-modal .ui-modal-close{cursor:pointer;border-style:var(--tw-border-style);border-width:0px;background-color:transparent;padding:calc(var(--spacing) * 0);font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height));--tw-leading: 1;line-height:1;color:var(--color-gray-400);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));&:hover{@media(hover:hover){color:var(--color-gray-600)}}&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){color:var(--color-gray-200)}}}}.ui-modal .ui-modal-body{display:flex;max-height:70vh;flex-direction:column;gap:calc(var(--spacing) * 4);overflow-y:auto}.ui-modal .ui-modal-footer{margin-top:calc(var(--spacing) * 4);display:flex;justify-content:flex-end;gap:calc(var(--spacing) * 3)}.ui-modal .ui-modal-animate-in{animation:ui-modal-fade-in .2s ease-out,ui-modal-zoom-in .2s ease-out}@keyframes ui-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-zoom-in{0%{transform:scale(.95)}to{transform:scale(1)}}.has-audio-player{padding-bottom:var(--spacing-player-expanded)!important}main#viewRoot,#viewRoot{margin:calc(var(--spacing) * 0);margin-inline:auto;display:flex;flex-direction:column;overflow:hidden;padding:calc(var(--spacing) * 0);background-color:var(--color-white);color:var(--color-gray-900);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;&:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-900)}&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-100)}width:100%;max-width:var(--spacing-container);min-height:calc(100vh - var(--spacing-navbar));height:calc(100vh - var(--spacing-navbar))}.view-container{display:flex;max-height:100%;min-height:calc(var(--spacing) * 0);width:100%;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 4);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .3s;transition-duration:.3s;-webkit-overflow-scrolling:touch}.ghareeb-word{cursor:help;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:1px;text-underline-offset:.5em;text-decoration-color:var(--color-gray-600);&:where([data-theme=dark],[data-theme=dark] *){text-decoration-color:var(--color-gray-400)}}.rub-el-hizb-symbol{line-height:10px;font-size:140%;color:var(--color-gold);text-shadow:0 0 7px #919191;&:where([data-theme=dark],[data-theme=dark] *){text-shadow:0 0 5px rgba(255,215,0,.3)}}.quranic-text,.term-quran{font-family:var(--font-hafs);color:var(--color-sura)}.tafseer-footnote{border-right-style:var(--tw-border-style);border-right-width:2px;border-color:var(--color-gray-400);padding-right:calc(var(--spacing) * 2);color:var(--color-gray-500);&:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-gray-600);color:var(--color-gray-400)}}.char-dad{color:var(--color-error);&:where([data-theme=dark],[data-theme=dark] *){color:#ef5350}}.mistake{border-bottom-style:var(--tw-border-style);border-bottom-width:3px;border-color:transparent;padding-bottom:calc(var(--spacing) * .5);&.error{color:var(--color-error)}&.hesitation{color:var(--color-hesitation)}&.alert{color:var(--color-alert)}}.quran-word{cursor:pointer;font-family:var(--font-hafs)}.plan-card{margin-inline:calc(var(--spacing) * .5);&.search-result-active{z-index:10;scale:1.02;--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));&:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color: color-mix(in srgb, #0d9488 60%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 60%, transparent)}}}&.last-read{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color: var(--color-primary);--tw-ring-inset: inset;&:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color: var(--color-primary)}.last-read-badge{display:inline-block}}}.play-both-btn{color:var(--color-primary);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));&:hover{@media(hover:hover){background-color:color-mix(in srgb,#0d9488 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}}&.playing{animation:var(--animate-pulse)}&.playing{background-color:var(--color-primary)}&.playing{color:var(--color-white)}}.play-raka-btn{display:flex;flex:1;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-radius:.25rem;font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-primary);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-outline-style: none;outline-style:none;&:hover{@media(hover:hover){background-color:color-mix(in srgb,#0d9488 5%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 5%,transparent)}}}&:disabled{cursor:not-allowed}&:disabled{opacity:50%}&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,#0d9488 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}}}&.playing{animation:var(--animate-pulse)}&.playing{background-color:var(--color-primary)}&.playing{color:var(--color-white)}}.plan-view-btn{display:flex;flex:1;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-radius:.25rem;font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height));color:var(--color-gray-700);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-outline-style: none;outline-style:none;&:hover{@media(hover:hover){background-color:var(--color-gray-50)}}&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-300)}&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,oklch(37.3% .034 259.733) 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-gray-700) 50%,transparent)}}}}}.settings-list-item{display:flex;width:100%;align-items:center;border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);text-align:right;color:var(--color-gray-700);transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration));--tw-duration: .2s;transition-duration:.2s;&:hover{@media(hover:hover){background-color:var(--color-gray-100)}}&:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-300)}&:where([data-theme=dark],[data-theme=dark] *){&:hover{@media(hover:hover){background-color:var(--color-gray-800)}}}}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-divide-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@property --tw-content{syntax: "*"; initial-value: ""; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-divide-y-reverse: 0;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-ease: initial;--tw-content: ""}}}