/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-border-spacing-x:0;--tw-border-spacing-y:0;--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-space-x-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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--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-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--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-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--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-emerald-100:oklch(95% .052 163.051);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--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-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-900:oklch(38.1% .176 304.987);--color-pink-500:oklch(65.6% .241 354.308);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--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-zinc-50:oklch(98.5% 0 none);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--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;--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:calc(1.5 / 1);--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:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--aspect-video:16 / 9;--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)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;-webkit-text-decoration: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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{-webkit-padding-start:20px;padding-inline-start:20px}::-webkit-file-upload-button{-webkit-margin-end:4px;margin-inline-end:4px}::file-selector-button{-webkit-margin-end:4px;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)){::placeholder{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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-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]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem;--sidebar-background:0 0% 98%;--sidebar-foreground:240 5.3% 26.1%;--sidebar-primary:240 5.9% 10%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:240 4.8% 95.9%;--sidebar-accent-foreground:240 5.9% 10%;--sidebar-border:220 13% 91%;--sidebar-ring:217.2 91.2% 59.8%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%;--sidebar-background:240 5.9% 10%;--sidebar-foreground:240 4.8% 95.9%;--sidebar-primary:224.3 76.3% 48%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:240 3.7% 15.9%;--sidebar-accent-foreground:240 4.8% 95.9%;--sidebar-border:240 3.7% 15.9%;--sidebar-ring:217.2 91.2% 59.8%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}}@layer antdReset{html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}}@layer antd;@layer vendor{ol,ul,dl{margin-top:0;margin-bottom:0}}@layer components;@layer utilities{.\@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}.sr-only{-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!sticky{position:-webkit-sticky!important;position:sticky!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-4{inset:calc(var(--spacing) * 4)}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-6{top:calc(var(--spacing) * 6)}.top-\[50\%\]{top:50%}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:0}.right-1{right:var(--spacing)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-1{bottom:var(--spacing)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.-left-\[9999px\]{left:-9999px}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[48px\]{left:48px}.left-\[50\%\]{left:50%}.left-\[60px\]{left:60px}.left-\[70px\]{left:70px}.left-\[88px\]{left:88px}.left-\[100px\]{left:100px}.left-\[360px\]{left:360px}.left-\[400px\]{left:400px}.left-\[437px\]{left:437px}.left-\[500px\]{left:500px}.left-\[537px\]{left:537px}.left-\[…\]{left:…}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-1000{z-index:1000}.z-\[5\]{z-index:5}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.z-\[1100\]{z-index:1100}.z-\[9999\]{z-index:9999}.z-\[99999\]{z-index:99999}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.m-3{margin:calc(var(--spacing) * 3)}.m-34{margin:calc(var(--spacing) * 34)}.m-519{margin:calc(var(--spacing) * 519)}.m-8068{margin:calc(var(--spacing) * 8068)}.container{margin-inline:auto;padding-inline:2rem}@media (min-width:40rem){.container{max-width:none}}@media (min-width:1400px){.container{max-width:1400px}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-5{margin-inline:calc(var(--spacing) * 5)}.mx-6{margin-inline:calc(var(--spacing) * 6)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.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-auto{margin-top:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-1\.5{margin-left:calc(var(--spacing) * -1.5)}.-ml-2\.5{margin-left:calc(var(--spacing) * -2.5)}.-ml-px{margin-left:-1px}.ml-0{margin-left:0}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-5{margin-left:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-\[1em\]{width:1em;height:1em}.size-\[14px\]{width:14px;height:14px}.h-\(--cell-size\){height:var(--cell-size)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.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-64{height:calc(var(--spacing) * 64)}.h-100{height:calc(var(--spacing) * 100)}.h-\[1px\]{height:1px}.h-\[14px\]{height:14px}.h-\[18px\]{height:18px}.h-\[30px\]{height:30px}.h-\[48px\]{height:48px}.h-\[91px\]{height:91px}.h-auto{height:auto}.h-fit{height:-webkit-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.h-svh{height:100svh}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[200px\]{max-height:200px}.max-h-\[480px\]{max-height:480px}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.min-h-0{min-height:0}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[56px\]{min-height:56px}.min-h-\[58px\]{min-height:58px}.min-h-\[64px\]{min-height:64px}.min-h-\[72px\]{min-height:72px}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-\(--cell-size\){width:var(--cell-size)}.w-1{width:var(--spacing)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.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-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-68{width:calc(var(--spacing) * 68)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-100{width:calc(var(--spacing) * 100)}.w-\[--sidebar-width\]{width:--sidebar-width}.w-\[1px\]{width:1px}.w-\[14px\]{width:14px}.w-\[34px\]{width:34px}.w-\[48px\]{width:48px}.w-\[50px\]{width:50px}.w-\[56px\]{width:56px}.w-\[60px\]{width:60px}.w-\[70px\]{width:70px}.w-\[85px\]{width:85px}.w-\[88px\]{width:88px}.w-\[90px\]{width:90px}.w-\[91px\]{width:91px}.w-\[100px\]{width:100px}.w-\[110px\]{width:110px}.w-\[120px\]{width:120px}.w-\[130px\]{width:130px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[220px\]{width:220px}.w-\[240px\]{width:240px}.w-\[250px\]{width:250px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[312px\]{width:312px}.w-\[320px\]{width:320px}.w-\[330px\]{width:330px}.w-\[360px\]{width:360px}.w-\[480px\]{width:480px}.w-\[…\]{width:…}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-\[--skeleton-width\]{max-width:--skeleton-width}.max-w-\[80px\]{max-width:80px}.max-w-\[85vw\]{max-width:85vw}.max-w-\[120px\]{max-width:120px}.max-w-\[140px\]{max-width:140px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[320px\]{max-width:320px}.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-xs{max-width:var(--container-xs)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-52{min-width:calc(var(--spacing) * 52)}.min-w-60{min-width:calc(var(--spacing) * 60)}.min-w-80{min-width:calc(var(--spacing) * 80)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[50px\]{min-width:50px}.min-w-\[60px\]{min-width:60px}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[480px\]{min-width:480px}.min-w-\[1200px\]{min-width:1200px}.min-w-\[1350px\]{min-width:1350px}.min-w-\[1440px\]{min-width:1440px}.min-w-\[1460px\]{min-width:1460px}.min-w-\[…\]{min-width:…}.min-w-full{min-width:100%}.min-w-max{min-width:-webkit-max-content;min-width:max-content}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.table-fixed{table-layout:fixed}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-\[--radix-dropdown-menu-content-transform-origin\]{transform-origin:--radix-dropdown-menu-content-transform-origin}.origin-\[--radix-hover-card-content-transform-origin\]{transform-origin:--radix-hover-card-content-transform-origin}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:--radix-popover-content-transform-origin}.origin-\[--radix-tooltip-content-transform-origin\]{transform-origin:--radix-tooltip-content-transform-origin}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[2px\]{--tw-translate-x:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[18px\]{--tw-translate-x:18px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-50{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type: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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.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:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.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)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));-webkit-margin-after:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1\.5{column-gap:calc(var(--spacing) * 1.5)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}:where(.-space-x-3>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));margin-inline-start:calc(calc(var(--spacing) * -3) * var(--tw-space-x-reverse));-webkit-margin-end:calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(calc(var(--spacing) * -3) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));-webkit-margin-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));-webkit-margin-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2\.5>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));margin-inline-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-x-reverse));-webkit-margin-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));margin-inline-start:calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));-webkit-margin-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));-webkit-margin-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));margin-inline-start:calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));-webkit-margin-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));margin-inline-start:calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));-webkit-margin-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>: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)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-x-contain{overscroll-behavior-x:contain}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.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-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-black\/15{border-color:#00000026}@supports (color:color-mix(in lab, red, red)){.border-black\/15{border-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-border{border-color:hsl(var(--border))}.border-destructive,.border-destructive\/50{border-color:hsl(var(--destructive))}@supports (color:color-mix(in lab, red, red)){.border-destructive\/50{border-color:color-mix(in oklab, hsl(var(--destructive)) 50%, transparent)}}.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-indigo-100{border-color:var(--color-indigo-100)}.border-input{border-color:hsl(var(--input))}.border-orange-200{border-color:var(--color-orange-200)}.border-primary{border-color:hsl(var(--primary))}.border-purple-500{border-color:var(--color-purple-500)}.border-red-200{border-color:var(--color-red-200)}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-600{border-color:var(--color-slate-600)}.border-slate-700{border-color:var(--color-slate-700)}.border-transparent{border-color:#0000}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-300{border-color:var(--color-zinc-300)}.border-zinc-900{border-color:var(--color-zinc-900)}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.\!bg-slate-700\/80{background-color:#314158cc!important}@supports (color:color-mix(in lab, red, red)){.\!bg-slate-700\/80{background-color:color-mix(in oklab, var(--color-slate-700) 80%, transparent)!important}}.bg-\[\#2600e8\]{background-color:#2600e8}.bg-accent{background-color:hsl(var(--accent))}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background{background-color:hsl(var(--background))}.bg-black{background-color:var(--color-black)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/70{background-color:#eff6ffb3}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/70{background-color:color-mix(in oklab, var(--color-blue-50) 70%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:hsl(var(--border))}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-gray-50{background-color:var(--color-gray-50)}.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-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.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-50{background-color:var(--color-indigo-50)}.bg-muted,.bg-muted\/50{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, hsl(var(--muted)) 50%, transparent)}}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-200{background-color:var(--color-purple-200)}.bg-purple-300{background-color:var(--color-purple-300)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-900{background-color:var(--color-purple-900)}.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-secondary{background-color:hsl(var(--secondary))}.bg-sidebar{background-color:hsl(var(--sidebar-background))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-sky-500{background-color:var(--color-sky-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/60{background-color:#f8fafc99}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/60{background-color:color-mix(in oklab, var(--color-slate-50) 60%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-300{background-color:var(--color-slate-300)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-700\/80{background-color:#314158cc}@supports (color:color-mix(in lab, red, red)){.bg-slate-700\/80{background-color:color-mix(in oklab, var(--color-slate-700) 80%, transparent)}}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\!{background-color:var(--color-white)!important}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab, red, red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab, var(--color-black) 70%, transparent)}}.from-black\/70{--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-blue-600{--tw-gradient-from:var(--color-blue-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-blue-700{--tw-gradient-to:var(--color-blue-700);--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-transparent{--tw-gradient-to: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))}.fill-blue-100{fill:var(--color-blue-100)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[1px\]{padding:1px}.px-\(--cell-size\){padding-inline:var(--cell-size)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[15px\]{padding-inline:15px}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.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-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-\[2px\]{padding-block:2px}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing)}.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)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.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-6{padding-bottom:calc(var(--spacing) * 6)}.pl-0{padding-left:0}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-12{padding-left:calc(var(--spacing) * 12)}.pl-14{padding-left:calc(var(--spacing) * 14)}.text-center{text-align:center}.text-left{text-align:left}.text-left\!{text-align:left!important}.text-right{text-align:right}.text-start{text-align:start}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.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-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-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.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-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.\!text-slate-300{color:var(--color-slate-300)!important}.\!text-white{color:var(--color-white)!important}.text-\[\#455560\]{color:#455560}.text-\[rgba\(0\,0\,0\,0\.45\)\]{color:#00000073}.text-\[rgba\(0\,0\,0\,0\.88\)\]{color:#000000e0}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-amber-500{color:var(--color-amber-500)}.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-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-card-foreground{color:hsl(var(--card-foreground))}.text-current{color:currentColor}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-foreground{color:hsl(var(--foreground))}.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-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-muted{color:hsl(var(--muted))}.text-muted-foreground,.text-muted-foreground\/40{color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/40{color:color-mix(in oklab, hsl(var(--muted-foreground)) 40%, transparent)}}.text-muted-foreground\/60{color:hsl(var(--muted-foreground))}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/60{color:color-mix(in oklab, hsl(var(--muted-foreground)) 60%, transparent)}}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-orange-800{color:var(--color-orange-800)}.text-orange-900{color:var(--color-orange-900)}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-purple-400{color:var(--color-purple-400)}.text-purple-500{color:var(--color-purple-500)}.text-purple-700{color:var(--color-purple-700)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.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-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground))}@supports (color:color-mix(in lab, red, red)){.text-sidebar-foreground\/70{color:color-mix(in oklab, hsl(var(--sidebar-foreground)) 70%, transparent)}}.text-slate-50{color:var(--color-slate-50)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-900{color:var(--color-zinc-900)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-foreground{accent-color:hsl(var(--foreground))}.accent-zinc-900{accent-color:var(--color-zinc-900)}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[-2px_0_5px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:-2px 0 5px var(--tw-shadow-color,#0000001a);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_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));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_0_rgba\(26\,0\,194\,0\.1\)\]{--tw-shadow:0 2px 0 var(--tw-shadow-color,#1a00c21a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[2px_0_5px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:2px 0 5px var(--tw-shadow-color,#0000001a);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,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);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,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;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,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--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-amber-400{--tw-ring-color:var(--color-amber-400)}.ring-blue-200{--tw-ring-color:var(--color-blue-200)}.ring-blue-400{--tw-ring-color:var(--color-blue-400)}.ring-gray-200{--tw-ring-color:var(--color-gray-200)}.ring-green-500{--tw-ring-color:var(--color-green-500)}.ring-sidebar-ring{--tw-ring-color:hsl(var(--sidebar-ring))}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.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,)}.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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opa\]{transition-property:margin,opa;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,transform\]{transition-property:width,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;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-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:2rem\]{--cell-size:2rem}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\:border-blue-400:is(:where(.group):hover *){border-color:var(--color-blue-400)}.group-hover\:text-gray-900:is(:where(.group):hover *){color:var(--color-gray-900)}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:flex:is(:where(.group)[data-collapsible=icon] *){display:flex}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:\!size-8:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:\!w-full:is(:where(.group)[data-collapsible=icon] *){width:100%!important}.group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]:is(:where(.group)[data-collapsible=icon] *){width:--sidebar-width-icon}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group-data-\[collapsible\=icon\]\:justify-center:is(:where(.group)[data-collapsible=icon] *){justify-content:center}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:\!p-0:is(:where(.group)[data-collapsible=icon] *){padding:0!important}.group-data-\[collapsible\=icon\]\:\!p-2:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:px-0:is(:where(.group)[data-collapsible=icon] *){padding-inline:0}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:0}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:hsl(var(--ring))}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab, red, red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:0}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:hsl(var(--sidebar-border))}.group-data-\[variant\=floating\]\:shadow:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:hsl(var(--sidebar-accent-foreground))}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:hsl(var(--sidebar-accent-foreground))}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:var(--spacing)}.peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]:is(:where(.peer)[data-variant=inset]~*){min-height:calc(100svh - 1rem)}.file\:mr-3::-webkit-file-upload-button{margin-right:calc(var(--spacing) * 3)}.file\:mr-3::file-selector-button{margin-right:calc(var(--spacing) * 3)}.file\:rounded-md::-webkit-file-upload-button{border-radius:calc(var(--radius) - 2px)}.file\:rounded-md::file-selector-button{border-radius:calc(var(--radius) - 2px)}.file\:border-0::-webkit-file-upload-button{border-style:var(--tw-border-style);border-width:0}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::-webkit-file-upload-button{background-color:#0000}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:bg-zinc-900::-webkit-file-upload-button{background-color:var(--color-zinc-900)}.file\:bg-zinc-900::file-selector-button{background-color:var(--color-zinc-900)}.file\:px-3::-webkit-file-upload-button{padding-inline:calc(var(--spacing) * 3)}.file\:px-3::file-selector-button{padding-inline:calc(var(--spacing) * 3)}.file\:py-1\.5::-webkit-file-upload-button{padding-block:calc(var(--spacing) * 1.5)}.file\:py-1\.5::file-selector-button{padding-block:calc(var(--spacing) * 1.5)}.file\:text-sm::-webkit-file-upload-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::-webkit-file-upload-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::-webkit-file-upload-button{color:hsl(var(--foreground))}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.file\:text-white::-webkit-file-upload-button{color:var(--color-white)}.file\:text-white::file-selector-button{color:var(--color-white)}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:border-red-300:hover{border-color:var(--color-red-300)}.hover\:border-zinc-400:hover{border-color:var(--color-zinc-400)}.hover\:\!bg-slate-800:hover{background-color:var(--color-slate-800)!important}.hover\:bg-\[\#2600e8\]:hover{background-color:#2600e8}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab, hsl(var(--destructive)) 80%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, hsl(var(--destructive)) 90%, transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-green-100:hover{background-color:var(--color-green-100)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, hsl(var(--muted)) 50%, transparent)}}.hover\:bg-orange-100:hover{background-color:var(--color-orange-100)}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, hsl(var(--primary)) 80%, transparent)}}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, hsl(var(--primary)) 90%, transparent)}}.hover\:bg-purple-900\/20:hover{background-color:#59168b33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-purple-900\/20:hover{background-color:color-mix(in oklab, var(--color-purple-900) 20%, transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary))}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, hsl(var(--secondary)) 80%, transparent)}}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:bg-slate-50\/60:hover{background-color:#f8fafc99}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-50\/60:hover{background-color:color-mix(in oklab, var(--color-slate-50) 60%, transparent)}}.hover\:bg-slate-500:hover{background-color:var(--color-slate-500)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-yellow-200:hover{background-color:var(--color-yellow-200)}.hover\:\!text-white:hover{color:var(--color-white)!important}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-green-800:hover{color:var(--color-green-800)}.hover\:text-orange-800:hover{color:var(--color-orange-800)}.hover\:text-primary\/80:hover{color:hsl(var(--primary))}@supports (color:color-mix(in lab, red, red)){.hover\:text-primary\/80:hover{color:color-mix(in oklab, hsl(var(--primary)) 80%, transparent)}}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-zinc-700:hover{color:var(--color-zinc-700)}.hover\:text-zinc-900:hover{color:var(--color-zinc-900)}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));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{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:is(:where(.group)[data-collapsible=offcanvas] *):hover{background-color:hsl(var(--sidebar-background))}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-red-400\/10:focus{background-color:#ff65681a}@supports (color:color-mix(in lab, red, red)){.focus\:bg-red-400\/10:focus{background-color:color-mix(in oklab, var(--color-red-400) 10%, transparent)}}.focus\:bg-slate-700:focus{background-color:var(--color-slate-700)}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-red-300:focus{color:var(--color-red-300)}.focus\:text-white:focus{color:var(--color-white)}.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-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.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-\[\#2600e8\]:focus-visible{--tw-ring-color:#2600e8}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-sidebar-ring:focus-visible{--tw-ring-color:hsl(var(--sidebar-ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-400:disabled{background-color:var(--color-gray-400)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.has-focus\:border-ring:has(:focus){border-color:hsl(var(--ring))}.has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:hsl(var(--ring))}@supports (color:color-mix(in lab, red, red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab, hsl(var(--ring)) 50%, transparent)}}.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){background-color:hsl(var(--sidebar-background))}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-selected\:text-muted-foreground[aria-selected=true]{color:hsl(var(--muted-foreground))}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:hsl(var(--primary))}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:hsl(var(--primary-foreground))}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:hsl(var(--accent))}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:hsl(var(--accent-foreground))}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 2px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:hsl(var(--primary))}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:hsl(var(--primary-foreground))}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:hsl(var(--primary))}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:hsl(var(--primary-foreground))}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=active\]\:border-b-2[data-state=active]{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.data-\[state\=active\]\:border-blue-600[data-state=active]{border-color:var(--color-blue-600)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=active\]\:bg-transparent[data-state=active]{background-color:#0000}.data-\[state\=active\]\:font-bold[data-state=active]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=active\]\:text-gray-900[data-state=active]{color:var(--color-gray-900)}.data-\[state\=active\]\:text-slate-900[data-state=active]{color:var(--color-slate-900)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:hsl(var(--primary-foreground))}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:calc(1 / 2*-100%)}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:calc(48%*-1)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[state\=open\]\:bg-slate-700[data-state=open]{background-color:var(--color-slate-700)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:text-white[data-state=open]{color:var(--color-white)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:calc(1 / 2*-100%)}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:calc(48%*-1)}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:hsl(var(--sidebar-accent-foreground))}}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}@media (min-width:40rem){.sm\:mr-auto{margin-right:auto}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;-webkit-margin-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));-webkit-margin-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:sticky{position:-webkit-sticky;position:sticky}.md\:left-\[88px\]{left:88px}.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:py-3{padding-block:calc(var(--spacing) * 3)}.md\:pl-0{padding-left:0}.md\:pl-6{padding-left:calc(var(--spacing) * 6)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:0}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:var(--radius-xl)}.md\:peer-data-\[variant\=inset\]\:shadow:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(:where(.peer)[data-state=collapsed]~*):is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 2)}}.after\:md\:hidden:after{content:var(--tw-content)}@media (min-width:48rem){.after\:md\:hidden:after{display:none}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:ml-5{margin-left:calc(var(--spacing) * 5)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:80rem){.xl\:flex{display:flex}.xl\:h-full{height:100%}.xl\:max-h-60{max-height:calc(var(--spacing) * 60)}.xl\:max-h-none{max-height:none}.xl\:min-h-0{min-height:0}.xl\:w-80{width:calc(var(--spacing) * 80)}.xl\:flex-1{flex:1}.xl\:flex-shrink-0,.xl\:shrink-0{flex-shrink:0}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:flex-col{flex-direction:column}.xl\:flex-row{flex-direction:row}.xl\:justify-end{justify-content:flex-end}.xl\:gap-8{gap:calc(var(--spacing) * 8)}}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}.\[\&_\.ant-avatar\]\:\!h-5 .ant-avatar{height:calc(var(--spacing) * 5)!important}.\[\&_\.ant-avatar\]\:\!w-5 .ant-avatar{width:calc(var(--spacing) * 5)!important}.\[\&_\.ant-avatar\]\:\!min-w-5 .ant-avatar{min-width:calc(var(--spacing) * 5)!important}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>\*\]\:border-b-2>*{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.\[\&\>\*\]\:border-zinc-200>*{border-color:var(--color-zinc-200)}.\[\&\>\*\]\:pb-6>*{padding-bottom:calc(var(--spacing) * 6)}.\[\&\>\*\:last-child\]\:border-b-0>:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:\!h-4>svg{height:calc(var(--spacing) * 4)!important}.\[\&\>svg\]\:\!h-5>svg{height:calc(var(--spacing) * 5)!important}.\[\&\>svg\]\:h-3\.5>svg{height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:\!w-4>svg{width:calc(var(--spacing) * 4)!important}.\[\&\>svg\]\:\!w-5>svg{width:calc(var(--spacing) * 5)!important}.\[\&\>svg\]\:w-3\.5>svg{width:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-destructive>svg{color:hsl(var(--destructive))}.\[\&\>svg\]\:text-foreground>svg{color:hsl(var(--foreground))}.\[\&\>svg\]\:text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize,[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}.hide-scrollbar::-webkit-scrollbar{display:none}.scrollbar-hide::-webkit-scrollbar{display:none}.hide-scrollbar,.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Rationale;src:url(/fonts/Rationale-Book.woff2)format("woff2"),url(/fonts/Rationale-Book.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rationale;src:url(/fonts/Rationale-Book-Bold.woff2)format("woff2"),url(/fonts/Rationale-Book-Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}.modern-scrollbar::-webkit-scrollbar{width:4px}.modern-scrollbar::-webkit-scrollbar-track{background:0 0}.modern-scrollbar::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:2px;-webkit-transition:background-color .3s;transition:background-color .3s}.modern-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b866}.modern-scrollbar{scrollbar-width:thin;scrollbar-color:#94a3b840 transparent}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@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-space-x-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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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:0}@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:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
/* ⚠️ TOUT ce fichier est confiné dans la couche `vendor`, déclarée par `assets/tailwind.css`.
   Depuis Tailwind v4, les utilitaires vivent dans `@layer utilities` — et en CSS, une règle HORS
   couche bat TOUJOURS une règle en couche, quelle que soit la spécificité. Sans cette enveloppe,
   ce LESS écrasait silencieusement toutes les classes Tailwind : `h1.text-2xl` rendu en 30px au
   lieu de 24, `<p class="text-gray-900">` en #949494, titres des modales shadcn désalignés.
   Un seul bloc pour tout le fichier : la portée des variables et des mixins Less est par bloc.
   ⚠️ L'accolade fermante est en toute fin de fichier — ajouter une règle APRÈS la sortirait de
   la couche, et elle primerait alors sur tout Tailwind. Ne jamais la supprimer.
   ⚠️ Ne pas ajouter d'`@import` d'un fichier `.css` ici : Less l'émettrait imbriqué dans le
   `@layer`, ce qui est du CSS invalide, silencieusement ignoré et sans erreur de build.
   Un `@import` CSS se déclare dans `assets/tailwind.css` avec la syntaxe `layer(vendor)`. */
@layer vendor {
  /** COLORS **/
  .post-view {
    min-height: 800px;
  }
  .post-view .breadcrumb-header {
    padding: 40px 30px;
    background-color: #ffffff;
  }
  .post-view .breadcrumb {
    display: flex;
    justify-content: space-between;
    position: relative;
    font-family: 'Inter';
    border-radius: 10px 10px 0 0;
  }
  .post-view .breadcrumb .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
    margin: 0;
  }
  .post-view .breadcrumb .ant-menu {
    padding: 5px;
    border-radius: 10px;
  }
  .post-view .breadcrumb .ant-dropdown-open {
    background-color: #f6f6f6;
  }
  .post-view .breadcrumb .ant-menu-horizontal {
    border-bottom: none !important;
    height: 65px;
  }
  .post-view .breadcrumb .breadcrumbItem,
  .post-view .breadcrumb .last-breadcrumbItem {
    font-size: 16px;
  }
  .post-view .breadcrumb .breadcrumbItem {
    color: #9e9e9e;
  }
  .post-view .breadcrumb .last-breadcrumbItem {
    font-weight: 500;
  }
  .post-view .breadcrumb .last-route {
    font-size: 24px;
    position: absolute;
    top: 33px;
  }
  .post-view .breadcrumb .first-name {
    font-size: 14px;
    margin-left: 10px;
    font-weight: 300;
    color: black;
  }
  .post-view .breadcrumb .dropdown-arrow {
    position: relative;
    top: 3px;
    margin-left: 5px;
    color: #9e9e9e;
  }
  .post-view .post-header {
    min-height: 400px;
    position: relative;
    overflow: hidden;
  }
  .post-view .post-header .evolution-mode-selector {
    bottom: 12px;
    right: 10px;
  }
  .post-view .post-header .evolution-mode-selector .ant-radio-button-wrapper {
    background-color: #353535;
    border-color: #ccc;
    color: #fff;
    height: 32px;
    line-height: 31px;
  }
  .post-view .post-header .evolution-mode-selector .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled {
    opacity: 0.2;
  }
  .post-view .post-header .yaxis-label {
    color: #fff !important;
  }
  .post-view .post-header .yaxis-label tspan {
    fill: #fff;
  }
  .post-view .post-header .apexcharts-yaxis-label {
    color: #fff !important;
  }
  .post-view .post-header .apexcharts-yaxis-label tspan {
    fill: #fff;
  }
  .post-view .post-header .apexcharts-xaxis-label {
    color: #fff !important;
  }
  .post-view .post-header .apexcharts-xaxis-label tspan {
    fill: #fff;
  }
  .post-view .post-header .xaxis-label {
    color: #fff !important;
  }
  .post-view .post-header .xaxis-label tspan {
    fill: #fff;
  }
  .post-view .post-header .apexcharts-gridline {
    stroke: rgba(255, 255, 255, 0.05);
  }
  .post-view .post-header .apexcharts-legend-text {
    color: #fff !important;
  }
  .post-view .post-header .apexcharts-legend-marker {
    width: 38px !important;
    height: 4px !important;
    margin-bottom: 2px;
    margin-right: 8px !important;
    margin-left: 20px;
  }
  .post-view .post-header .post-backdrop {
    position: absolute;
    top: -60px;
    bottom: -60px;
    right: -60px;
    left: -60px;
    background-position: center;
    background-size: cover;
    filter: blur(30px);
    z-index: 0;
  }
  .post-view .post-header .backdrop-black {
    z-index: -1;
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0.4;
  }
  .post-view .post-header .options .menu {
    background: transparent !important;
    z-index: 9;
    position: absolute;
    right: 0;
    left: 0;
  }
  .post-view .post-header .options .menu ul {
    text-align: center;
    list-style: none;
    background: transparent !important;
  }
  .post-view .post-header .options .menu ul li {
    cursor: pointer;
    display: inline;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 12px;
    color: #ededed;
  }
  .post-view .post-header .options .menu ul li.selected {
    font-weight: bold;
    border-radius: 0 0 10px 10px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.25);
  }
  .post-view .post-header .options .menu ul li:hover {
    color: #fff;
  }
  .post-view .post-header .options .score-badge {
    width: 64px;
    height: 64px;
    text-align: center;
    border-radius: 10px;
    position: absolute;
    left: 12px;
    top: 12px;
  }
  .post-view .post-header .options .score-badge .metric {
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    line-height: 42px;
  }
  .post-view .post-header .options .score-badge .label {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
  }
  .post-view .post-header .post-media {
    padding: 20px;
    font-family: 'Manrope', sans-serif;
  }
  .post-view .post-header .post-media .share-container {
    border-radius: 5px;
    background-color: white;
    width: 800px;
  }
  .post-view .post-header .post-media h3 {
    padding: 5px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .post-view .post-header .post-media p {
    margin: 20px 0 0 0;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .post-view .post-header .post-media .avatar-container {
    display: flex;
    align-items: center;
  }
  .post-view .post-header .post-media .avatar-container h4 {
    color: #949494;
    font-weight: 300;
  }
  .post-view .post-header .post-media .avatar-container img {
    margin-right: 10px;
  }
  .post-view .post-header .post-media .avatar-container p {
    position: relative;
    top: -13px;
  }
  .post-view .post-header .post-media .sponsor-image img {
    float: left;
    border-radius: 50%;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    margin-left: 10px;
    width: 20px;
    height: 20px;
    position: relative;
    top: -5px;
  }
  .post-view .post-header .post-media .sponsor-image .ant-avatar {
    float: right;
    border-radius: 50%;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    margin-left: 10px;
    width: 45px;
    height: 45px;
    background-color: #455560;
    font-weight: bold;
    line-height: 46px;
  }
  .post-view .post-header .post-media .media {
    overflow: hidden;
    object-fit: contain;
    height: 300px;
    width: 100%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-left: auto;
    margin-right: auto;
    background-color: black;
  }
  .post-view .post-header .post-media-video {
    padding: 20px;
  }
  .post-view .post-header .post-media-video .media {
    overflow: hidden;
    height: 400px;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid #1a3353;
    margin-left: auto;
    margin-right: auto;
    background-color: black;
  }
  .post-view .post-content {
    /* comment if empty
      .statistics {
      }
      */
    /* comment if empty
      .adbreak {
      }
      */
  }
  .post-view .post-content .dropdown-button-custom {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 30px;
    height: 30px;
    line-height: 17px;
  }
  .post-view .post-content .dropdown-button-custom:hover {
    border-radius: 50%;
  }
  .post-view .post-content .dropdown-button-custom span {
    font-size: 13px;
  }
  .post-view .post-content .detail-block {
    border-radius: 0.625rem;
    border: 1px solid #edf2f9;
    background-color: #fff;
    padding: 20px;
  }
  .post-view .post-content .detail-block.column-left {
    margin: 20px 10px 20px 20px;
  }
  .post-view .post-content .detail-block.column-right {
    margin: 20px 20px 20px 20px;
  }
  .post-view .post-content .detail-block h3 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    color: #455560;
  }
  .post-view .post-content .detail-block h4 {
    font-size: 14px;
    font-weight: bold;
    color: #455560;
  }
  .post-view .post-content .detail-block .metric {
    font-size: 24px;
    color: #000;
    font-weight: 500;
  }
  .post-view .post-content .detail-block .label {
    font-size: 14px;
    color: #72849a;
  }
  .post-view .post-content .detail-block.collapse {
    padding: 0;
    border: 0;
  }
  .post-view .post-content .detail-block.collapse .ant-collapse .ant-collapse-item .ant-collapse-header {
    cursor: default;
    background-color: #fff;
    border-radius: 0.625rem;
    padding: 7px 18px;
  }
  .post-view .post-content .detail-block.collapse .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
    display: none;
  }
  .post-view .post-content .detail-block.collapse .ant-collapse .ant-collapse-item .ant-collapse-header .collapse-header {
    display: inline-block;
  }
  .post-view .post-content .detail-block.collapse .ant-collapse .ant-collapse-item .ant-collapse-header .collapse-header h3 {
    vertical-align: text-bottom;
    display: inline-block;
    width: 130px;
  }
  .post-view .post-content .detail-block.collapse .ant-collapse .ant-collapse-item .ant-collapse-header .collapse-header .score {
    display: inline-block;
    font-weight: 400;
    font-size: 24px;
    color: #000;
  }
  .post-view .post-content .detail-block.collapse .ant-collapse .ant-collapse-item .ant-collapse-header .collapse-header .score.revenus {
    color: #000;
  }
  .post-view .post-content .detail-block.collapse .ant-collapse .ant-collapse-item .ant-collapse-header .collapse-header .label {
    vertical-align: text-bottom;
    display: inline-block;
    font-size: 14px;
    color: #72849a;
    margin-left: 17px;
  }
  .post-view .post-content .detail-block.collapse .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-extra {
    padding-top: 8px;
    margin-right: 13px;
    font-weight: 500;
    font-size: 14px;
    color: #455560;
  }
  .post-view .post-content .detail-block.collapse .ant-collapse .ant-collapse-item .ant-collapse-arrow {
    top: 25px;
  }
  .post-view .post-content .detail-block.collapse .ant-collapse .ant-collapse-item .ant-collapse-content-box {
    padding: 20px;
    background-color: #f7f7f8;
  }
  .post-view .post-content .detail-block.collapse .ant-collapse .ant-collapse-item .ant-collapse-content-box .label {
    max-width: 80px;
  }
  .post-view .post-content #admin--copy-id-fb {
    margin-left: 10px;
  }
  .post-view .post-content .captation .captation-imgs .captation-container {
    text-align: center;
    position: relative;
  }
  .post-view .post-content .captation .captation-imgs .captation-container .score {
    position: absolute;
    right: -22px;
    top: -9px;
    background-color: #000;
    padding: 0 8px;
    border-radius: 0.625rem;
    color: #fff;
    z-index: 4;
  }
  .post-view .post-content .captation .captation-imgs .captation-container .line {
    height: 4px;
    background-color: #ededed;
  }
  .post-view .post-content .captation .captation-imgs .captation-container .line.first {
    margin-left: 50%;
  }
  .post-view .post-content .captation .captation-imgs .captation-container .line.last {
    margin-right: 50%;
  }
  .post-view .post-content .captation .captation-imgs .captation-container .label {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    margin-top: 8px;
  }
  .post-view .post-content .captation .captation-imgs .screenshot-container {
    border-radius: 0.625rem;
    overflow: hidden;
    padding: 3px;
    background-color: #000;
  }
  .post-view .post-content .captation .captation-imgs .screenshot-container .img {
    padding: 3px;
  }
  .post-view .post-content .captation .captation-imgs .screenshot-container .img img {
    width: 100%;
    border-radius: 0.625rem;
  }
  .post-view .post-content .captation .captation-imgs .metric {
    text-align: center;
    line-height: 18px;
    margin-top: 6px;
  }
  .post-view .post-content .captation .captation-imgs .metric .nbr {
    font-size: 14px;
    font-weight: 500;
    color: #000;
  }
  .post-view .post-content .captation .captation-imgs .metric .label {
    font-size: 14px;
    color: #72849a;
  }
  .post-view .post-content .completion .completion-container {
    padding: 22px;
  }
  .post-view .post-content .completion .completion-container .header {
    padding: 0 8px;
    font-size: 14px;
    color: #000;
  }
  .post-view .post-content .completion .completion-container .separator {
    margin: 12px -42px;
    height: 1px;
    background-color: #edf2f9;
  }
  .post-view .post-content .completion .completion-container .completion-line {
    padding: 12px 0;
  }
  .post-view .post-content .completion .completion-container .completion-line .label {
    color: #72849a;
  }
  .post-view .post-content .completion .completion-container .completion-line .metric {
    padding: 0 8px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
  }
  .post-view .post-content .completion .completion-container .completion-line .metric .rate-label {
    font-size: 14px;
    color: #949494;
    font-weight: 400;
    margin-left: 4px;
  }
  .post-view .post-content .engagement .ant-collapse {
    border-radius: 0.625rem 0.625rem 0 0;
  }
  .post-view .post-content .engagement .ant-collapse .ant-collapse-item {
    border-bottom: 0 !important;
    border-radius: 10px 10px 0 0 !important;
  }
  .post-view .post-content .engagement .ant-collapse .ant-collapse-item .ant-collapse-content {
    border-radius: 0;
  }
  .post-view .post-content .engagement .ant-collapse .ant-collapse-item .reaction {
    text-align: center;
  }
  .post-view .post-content .engagement .ant-collapse .ant-collapse-item .reaction .ico {
    text-align: center;
    width: 35px;
    display: inline-block;
  }
  .post-view .post-content .engagement .ant-collapse .ant-collapse-item .reaction .ico img {
    width: 35px;
  }
  .post-view .post-content .engagement .ant-collapse .ant-collapse-item .reaction .metric {
    font-size: 13px !important;
    color: black !important;
    opacity: 0.5;
  }
  .post-view .post-content .engagement .engagement-bottom {
    padding: 12px 20px;
    background-color: #fff;
    border: 1px solid #edf2f9;
    border-top: 0;
    border-radius: 0 0 10px 10px;
  }
  .post-view .post-content .engagement .engagement-bottom .metric-separator {
    border-left: 2px solid #ededed;
    margin-top: 10px;
    margin-top: 30%;
    height: 80%;
  }
  .post-view .post-content .audience h4 {
    margin: 0;
    padding-top: 3px;
  }
  .post-view .post-content .statistics-container {
    padding-left: 130px;
    margin-top: -11px;
  }
  .post-view .post-content .description h3 {
    margin-bottom: 12px;
  }
  .post-view .post-content .description .category {
    cursor: pointer;
  }
  .post-view .post-content .description .sponsor-image img {
    float: right;
    border-radius: 50%;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    margin-left: 10px;
    width: 45px;
    height: 45px;
  }
  .post-view .post-content .description .sponsor-image .ant-avatar {
    float: right;
    border-radius: 50%;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
    margin-left: 10px;
    width: 45px;
    height: 45px;
    background-color: #455560;
    font-weight: bold;
    line-height: 46px;
  }
  .post-view .post-content .description .post-message {
    font-size: 16px;
    color: #000;
    text-align: justify;
    overflow-wrap: anywhere;
  }
  .post-view .post-content .description .page-infos span {
    color: #72849a;
    font-size: 14px;
  }
  .post-view .post-content .description .categories {
    margin-top: 16px;
  }
  .post-view .post-content .description .categories span {
    font-size: 14px;
    color: #000;
  }
  .post-view .post-content .description .entities {
    margin-top: 24px;
  }
  .post-view .post-content .description .entities .ant-tag {
    margin-bottom: 4px;
    padding: 1px 8px;
    color: #1a3353;
    background: #f7f7f8;
    border: 1px solid #edf2f9;
  }
  .post-view .post-content .description .entities .ant-tag span {
    font-weight: bold;
    font-size: 11px;
    margin-left: 12px;
    color: #1a3353;
  }
  .post-view .post-content-v2 {
    overflow-x: hidden;
  }
  .post-view .post-content-v2 .legends-container {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .post-view .post-content-v2 .legend-container {
    display: flex;
    align-items: center;
    position: relative;
    left: 15px;
  }
  .post-view .post-content-v2 .legend-container p {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    color: black;
  }
  .post-view .post-content-v2 .custom-legend,
  .post-view .post-content-v2 .dashed-custom-legend {
    display: inline-block;
    width: 33px;
    height: 3px;
    margin-right: 10px;
    background-color: #345AF1;
    border-radius: 5px;
    position: relative;
    bottom: 7.5px;
  }
  .post-view .post-content-v2 .dashed-custom-legend {
    background-color: white !important;
    /* ajouter un trait pointillé */
    border: 2px dashed #939191 !important;
  }
  .post-view .post-content-v2 .ant-tabs-nav {
    margin-bottom: 0px;
    background-color: white;
    padding-left: 32px;
  }
  .post-view .post-content-v2 .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #0C0B0B;
  }
  .post-view .post-content-v2 .ant-tabs-body-holder {
    padding: 32px;
  }
  .post-view .post-content-v2 .ant-tabs-ink-bar {
    height: 2px;
    background: #0C0B0B !important;
  }
  .post-view .post-content-v2 .ant-tabs-tab {
    color: #939191;
    font-family: Manrope, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding-inline: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
  .post-view .post-content-v2 .ant-card-head-title {
    font-size: 16px;
    font-family: Manrope, sans-serif;
    font-weight: 500;
  }
  .post-view .post-content-v2 .post-overview .ant-card {
    height: 490px;
    width: 757px;
  }
  .post-view .post-content-v2 .post-audience-tab {
    font-family: Manrope, sans-serif;
  }
  .post-view .post-content-v2 .post-audience-tab #age-gender-chart .apexcharts-tooltip {
    transform: translate(0px, -33px);
    background-color: white;
    color: black;
    font-family: 'Manrope';
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .post-view .post-content-v2 .post-audience-tab #age-gender-chart .apexcharts-tooltip p {
    color: black;
  }
  .post-view .post-content-v2 .post-audience-tab #age-gender-chart .apexcharts-tooltip .title {
    padding-top: 8px;
  }
  .post-view .post-content-v2 .post-audience-tab #age-gender-chart .apexcharts-tooltip .bench {
    padding: 8px, 10px, 8px, 10px;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    color: black !important;
    line-height: 20px;
  }
  .post-view .post-content-v2 .post-audience-tab #regionChart .ant-card .ant-tabs {
    font-family: Manrope sans-serif;
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab {
    font-family: Manrope, sans-serif;
  }
  div.post-view .post-content-v2 .post-distribution-engagement-tab #ctr .ant-space-item .funnel {
    border-radius: 8px;
    background: #EFFBF5;
    -webkit-clip-path: polygon(0% 0%, 20% 0%, 99% 35%, 99% 65%, 20% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 20% 0%, 99% 35%, 99% 65%, 20% 100%, 0% 100%);
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .apexcharts-tooltip {
    transform: translate(0px, -60px);
    color: black;
    font-family: 'Manrope';
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    min-height: 40px;
    min-width: 50px;
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .apexcharts-tooltip p {
    color: black;
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .apexcharts-tooltip .title {
    padding-top: 8px;
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .apexcharts-tooltip .bench {
    padding: 8px, 10px, 8px, 10px;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    color: black !important;
    line-height: 20px;
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .ant-tabs-nav-more {
    color: black;
    font-size: large;
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .ant-tabs-ink-bar {
    height: 2px;
    background: #0C0B0B !important;
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .ant-space-item {
    color: #0C0B0B;
    font-size: 14px;
    font-family: Manrope, sans-serif;
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .ant-tabs .ant-typography-primary {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    font-family: Manrope, sans-serif;
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .ant-card .primary {
    max-width: 75px;
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .funnel {
    width: '180px';
    height: '110px';
    background: '#EFFBF5';
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .secondary {
    min-width: min(757px, 100%);
  }
  .post-view .post-content-v2 .post-distribution-engagement-tab .distribution-performance {
    font-family: Manrope, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #939191;
  }
  .post-view .post-content-v2 .post-retention-tab {
    font-family: Manrope, sans-serif;
  }
  .post-view .post-content-v2 .post-retention-tab .main {
    height: 550px;
  }
  .post-view .post-content-v2 .post-retention-tab .ant-space-item {
    margin-bottom: 2px;
  }
  .post-view .post-content-v2 .post-retention-tab .metric {
    min-width: min(757px, 100%);
    min-height: 187px;
  }
  .post-view .post-content-v2 .post-retention-tab .metric .score-information {
    background-color: #F6F6F6;
  }
  .post-view .post-content-v2 .post-retention-tab .retention-score {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    width: 266px;
    height: 64px;
  }
  .post-view .post-content-v2 .post-retention-tab .retention-score .ant-typography-primary {
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
  }
  .post-view .post-content-v2 .post-retention-tab .post-completion-line {
    font-size: 16px;
    font-family: Manrope, sans-serif;
    font-weight: 400;
    line-height: 24px;
    padding-left: 10px;
    padding-top: 16px;
    margin-bottom: 16px;
  }
  .post-view .post-content-v2 .overview-retention .ant-card {
    width: 100%;
  }
  .post-view .post-content-v2 .overview-retention .post-completion-line {
    font-size: 16px;
    font-family: Manrope, sans-serif;
    font-weight: 400;
    line-height: 24px;
    padding-left: 10px;
    padding-top: 16px;
  }
  .post-view .post-content-v2 .overview-retention .ant-card-extra .redirect {
    font-family: Manrope, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 6px;
    border: none;
    justify-content: center;
    align-items: center;
    background: #F6F6F6;
    border-radius: 4px;
    height: 32px;
  }
  .post-view .post-content-v2 .post-retention .apexcharts-tooltip {
    transform: translate(0px, -60px);
    border-radius: 10px;
    color: black;
    font-family: 'Manrope';
    font-size: 12px;
    font-weight: 300;
    min-height: 58px;
  }
  .post-view .post-content-v2 .post-retention .apexcharts-tooltip p {
    color: black;
  }
  .post-view .post-content-v2 .post-retention .apexcharts-tooltip .title {
    padding-top: 8px;
    color: #939191;
  }
  .post-view .post-content-v2 .post-retention .apexcharts-tooltip .bench {
    padding: 8px, 10px, 8px, 10px;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    color: black !important;
    line-height: 20px;
  }
  .post-view .post-content-v2 .overview-distribution .ant-card {
    height: 604px;
  }
  .post-view .post-content-v2 .overview-distribution .ant-card-extra .redirect {
    font-family: Manrope, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 6px;
    margin: 6px;
    border: none;
    justify-content: center;
    align-items: center;
    background: #F6F6F6;
    border-radius: 4px;
    height: 32px;
  }
  .post-view .post-content-v2 .overview-distribution .ant-tabs-nav-more {
    color: black;
    font-size: large;
  }
  .post-view .post-content-v2 .overview-distribution .ant-tabs-ink-bar {
    height: 2px;
    background: #0C0B0B !important;
  }
  .post-view .post-content-v2 .overview-distribution .ant-space-item {
    color: #0C0B0B;
    font-size: 14px;
    font-family: Manrope, sans-serif;
  }
  .post-view .post-content-v2 .overview-distribution .ant-typography-primary {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    font-family: Manrope, sans-serif;
  }
  .post-view .post-content-v2 .overview-distribution .apexcharts-tooltip {
    transform: translate(0px, -60px);
    border-radius: 10px;
    background: #0c0b0b !important;
    color: white;
    font-family: 'Manrope';
    font-size: 12px;
    font-weight: 300;
    min-height: 58px;
  }
  .post-view .post-content-v2 .overview-distribution .apexcharts-tooltip .title {
    padding-top: 8px;
  }
  .post-view .post-content-v2 .overview-distribution .apexcharts-tooltip .bench {
    padding: 8px, 10px, 8px, 10px;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    color: black !important;
    line-height: 20px;
  }
  .post-view .post-content-v2 .overview-distribution .post-completion-line {
    font-size: 16px;
    font-family: Manrope, sans-serif;
    font-weight: 400;
    line-height: 24px;
    padding-left: 10px;
    padding-top: 16px;
  }
  .post-view .post-content-v2 .overview-ad-break {
    font-family: Manrope;
  }
  .post-view .post-content-v2 .overview-ad-break .top-metric {
    font-size: 20px;
  }
  .post-view .post-content-v2 .overview-audience #audience .ant-card-head .redirect {
    font-family: Manrope, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 6px;
    margin: 6px;
    border: none;
    justify-content: center;
    align-items: center;
    background: #F6F6F6;
    border-radius: 4px;
    height: 32px;
  }
  .post-view .post-content-v2 .overview-audience .top-metric {
    font-size: 20px;
  }
  .post-view .post-content-v2 .overview-score .ant-card {
    width: 100%;
  }
  .post-view .post-content-v2 .overview-score .ant-row {
    padding: 16px;
    height: 100px;
  }
  .post-view .post-content-v2 .overview-score .top {
    color: #177743 !important;
  }
  .post-view .post-content-v2 .overview-score .flop {
    color: #FD345E !important;
  }
  .post-view .post-content-v2 .overview-score .redirect {
    font-family: Manrope, sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 6px;
    margin: 6px;
    border: none;
    justify-content: center;
    align-items: center;
    background: #F6F6F6;
    border-radius: 4px;
    height: 32px;
  }
  .post-view .post-content-v2 .external-redirect {
    color: #0C0B0B;
    border-radius: 4px;
    background-color: #F6F6F6;
    min-width: 180px;
    border: none;
    text-align: left;
  }
  .post-view .post-media-details #share-media {
    border: 2px solid #939191;
    border-radius: 8px;
    font-family: Manrope, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
  }
  .post-view .post-media-details #share-media .ant-card-body {
    padding-bottom: 12px;
    border-radius: 8px;
    background: #F6F6F6;
  }
  .post-view .post-media-details #share-media .ant-card-body .ant-card-meta-title {
    text-align: left;
  }
  .post-view .post-media-details #share-media .ant-card-body .ant-card-meta-description {
    text-align: left;
  }
  .post-view .post-media-details #share-media .ant-card-body .ant-card-meta-description .ant-typography-primary {
    color: #0C0B0B;
  }
  .post-view .post-media-details #photo-media {
    margin-top: 16px;
    border-radius: 8px;
  }
  .post-view .post-media-details #photo-media .ant-card-body {
    padding: 0px;
    border-radius: 8px;
  }
  .post-view .post-media-details #photo-media img {
    height: auto;
    width: 100%;
    border-radius: 12px;
  }
  .post-view .post-media-details .post-icon {
    width: 40px;
    height: 40px;
    padding: 8px;
    align-items: flex-start;
    gap: 8px;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
  }
  .post-view .post-media-details .repost-label {
    font-size: 14px !important;
  }
  .post-view .post-media-details .link-redirect {
    font-size: 16px;
    line-height: 24px;
    font-family: Manrope, sans-serif;
    font-weight: 500;
    color: '#3C72DA';
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .post-view .post-media-details .post-description {
    padding-bottom: 16px;
  }
  .post-view .post-media-details .post-description-clamp {
    max-height: 214px;
    /* hauteur maximale */
    overflow: hidden;
    position: relative;
  }
  .post-view .post-media-details .post-description-clamp::after {
    content: '...';
    position: absolute;
    bottom: 0;
    right: 0;
    padding-left: 1em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
  }
  .post-view .post-media-details .post-info {
    padding-bottom: 34px;
  }
  .post-view .post-media-details .post-info .ant-space-item img {
    width: '16px';
    height: '16px';
    border-radius: '50%';
  }
  .post-view .post-media-details .post-info .ant-typography-primary {
    font-size: 16px;
    line-height: 24px;
    font-family: Manrope, sans-serif;
    font-weight: 700;
    margin-bottom: 0px;
  }
  .post-view .post-media-details .post-info .ant-typography-secondary {
    font-size: 12px;
    line-height: 14px;
    font-family: Manrope, sans-serif;
    font-weight: 500;
  }
  .post-view .post-media-details .ant-typography {
    font-size: 16px;
    line-height: 24px;
    font-family: Manrope, sans-serif;
    font-weight: 500;
  }
  .post-view .post-media-details .entity-tag:first-child {
    margin-left: 0px;
  }
  .post-view .post-media-details .entity-tag {
    border-radius: 6px;
    background-color: #F6F6F6;
    border: none;
    margin-left: 2px;
    margin-bottom: 10px;
  }
  .post-view .post-media-details .entity-tag:hover {
    cursor: pointer;
  }
  .post-view .post-media-details .entity-label {
    font-size: 12px;
    color: #0C0B0B;
    margin: 0 8px;
  }
  .post-view .post-media-details .entity-label:hover {
    cursor: pointer;
  }
  .post-view .post-media-details .entity-type {
    font-size: 12px;
    color: #939191;
  }
  .post-view .redirect-no-display {
    display: none;
  }
  .popover-impressions {
    font-family: 'Manrope', sans-serif;
  }
  .ant-table-cell,
  .table-metric {
    font-family: 'Manrope', sans-serif !important;
    font-weight: 500;
    color: black;
  }
  .nav-profile {
    width: 14em;
  }
  .nav-profile .nav-profile-body .ant-menu-vertical > .ant-menu-item {
    height: 2.75em;
  }
  .nav-dropdown {
    background-color: #ebebeb;
  }
  .nav-dropdown .ant-list {
    background-color: #ebebeb;
    padding: 0 10px;
    text-decoration: none;
    font-family: 'Inter';
    font-weight: 500;
    color: #0c0b0b;
    font-size: 14px;
  }
  .nav-dropdown .ant-list-item {
    display: flex;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 7px;
    height: 3em;
    color: #0c0b0b;
  }
  .nav-dropdown .ant-list-item span[role=img] {
    font-size: 16px;
    margin-right: 10px;
  }
  .nav-dropdown .ant-list-item:hover {
    cursor: pointer;
  }
  .nav-dropdown .ant-list-item a {
    color: #0c0b0b;
  }
  .nav-dropdown .ant-list-item a:hover,
  .nav-dropdown .ant-list-item-active {
    color: #0c0b0b;
  }
  .nav-dropdown .ant-list-item:hover {
    background-color: white;
  }
  .nav-dropdown .language-switcher-dropdown {
    padding-left: 25px;
    color: grey;
  }
  .nav-dropdown .language-switcher-dropdown #dropdown-arrow {
    margin-left: 10px;
  }
  .date-stories-container {
    margin-bottom: 36px;
  }
  .date-stories-container .date {
    font-weight: bold;
    font-size: 18px;
    color: #1a3353;
  }
  .date-stories-container .stories-list .ant-carousel .slick-prev {
    left: -20px !important;
  }
  .date-stories-container .stories-list .ant-carousel .slick-next {
    right: -20px !important;
  }
  .date-stories-container .stories-list .ant-carousel .slick-disabled {
    display: none !important;
  }
  .date-stories-container .stories-list .ant-carousel .slick-list .slick-slide {
    width: 325px !important;
    text-align: center;
  }
  .date-stories-container .stories-list .story {
    background-color: #ededed;
    display: inline-block;
    width: 300px;
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0.625rem;
    overflow: hidden;
    position: relative;
  }
  .date-stories-container .stories-list .story .gradient {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 14%, transparent 50%, rgba(0, 0, 0, 0.8) 90%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 0 0 0.625rem 0.625rem;
    left: 0;
  }
  .date-stories-container .stories-list .story .page-ico {
    position: absolute;
    left: 12px;
    top: 12px;
  }
  .date-stories-container .stories-list .story .page-ico img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }
  .date-stories-container .stories-list .story .top-data {
    margin: 0 0 0 40px;
    padding-top: 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .date-stories-container .stories-list .story .top-data .label {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
  }
  .date-stories-container .stories-list .story .top-data .metric {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
  }
  .date-stories-container .stories-list .story .posted-hour {
    position: absolute;
    bottom: 12px;
    color: #fff;
    left: 12px;
  }
  .stories-list .custom-arrow {
    width: 60px;
    height: 60px;
    background: white;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    z-index: 999;
    line-height: 60px;
    font-size: 14px;
    text-align: center;
    color: #d9d9d9;
    top: 38%;
  }
  .stories-list .custom-arrow::before {
    content: '';
  }
  .stories-list .custom-arrow:hover {
    background: white;
    color: #d9d9d9;
  }
  .stories-container .load-more-container {
    text-align: center;
    padding: 12px;
  }
  .stories-container .load-more-container .load-more-btn {
    cursor: pointer;
    font-weight: 500;
  }
  .stories-container .load-more-container .load-more-btn:hover {
    font-weight: bold;
  }
  .highcharts-container {
    color-scheme: light !important;
  }
  .top-table {
    margin: 15px;
  }
  .pie_tooltip_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 10px;
    min-width: 120px;
    min-height: 80px;
  }
  .post-view .post-content-v2 .overview-distribution .apexcharts-tooltip {
    transform: translate(-55px, -40px);
    border-radius: 10px;
    background-color: white !important;
    color: black;
    font-family: 'Manrope';
    font-size: 12px;
    font-weight: 300;
  }
  .content_view_tooltip_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 10px;
    min-width: 120px;
    min-height: 80px;
    border-radius: 0;
  }
  .content_view_tooltip_box p span {
    position: relative;
    top: 10px;
    color: black !important;
  }
  .bar_tooltip_box {
    background-color: white;
    color: black;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 8px 10px;
    min-height: 40px;
    min-width: 100px;
    font-size: 13px;
  }
  .bar_tooltip_box span {
    font-size: 14px;
    border-bottom: 1px solid black;
  }
  .bar_tooltip_box p {
    font-size: 15px;
    font-weight: bold;
  }
  .pie_tooltip_box_content_view {
    background-color: white;
    color: black;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    padding: 8px 10px;
    min-height: 20px;
    min-width: 100px;
    font-size: 13px;
  }
  .pie_tooltip_box_content_view span {
    font-size: 14px;
    border-bottom: 1px solid black;
  }
  .pie_tooltip_box_content_view p {
    font-size: 15px;
    font-weight: bold;
  }
  #most-performing-posts .pie_tooltip_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 10px;
    min-width: 50px;
    min-height: 35px;
  }
  #most-performing-posts .apexcharts-tooltip {
    transform: translate(-55px, -40px);
    border-radius: 10px 10px 1px 10px;
    background: #0c0b0b !important;
    color: white;
    font-family: 'Manrope';
    font-size: 12px;
    font-weight: 300;
  }
  .nav-profile {
    width: 14em;
  }
  .nav-dropdown {
    background-color: #ebebeb;
  }
  .nav-dropdown .ant-menu {
    background-color: #ebebeb;
    padding: 0 10px;
    text-decoration: none;
    font-family: 'Inter';
    font-weight: 500;
    color: #0b0b2d;
    font-size: 14px;
  }
  .nav-dropdown .ant-menu-item {
    border-radius: 7px;
    height: 2.5em;
  }
  .nav-dropdown .ant-menu-item a:hover,
  .nav-dropdown .ant-menu-item-active {
    color: #0c0b0b;
  }
  .nav-dropdown .ant-menu-item:hover {
    background-color: white;
  }
  .global-cards,
  .performingPosts,
  .metricsCard {
    position: relative;
  }
  .global-cards .ant-spin-dot,
  .performingPosts .ant-spin-dot,
  .metricsCard .ant-spin-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .global-cards {
    height: 240px;
    font-family: 'Manrope', sans-serif;
  }
  .global-cards .ant-card-body {
    padding: 12px !important;
  }
  .global-cards h5 {
    color: #939191;
    margin: 0;
  }
  .global-cards .daily {
    color: #0c0b0b;
    font-size: 16px;
    font-weight: 500;
  }
  .global-cards p {
    font-size: 30px;
    color: #0c0b0b;
    margin: 0 0 -5px 0;
    font-weight: 500;
  }
  .global-cards .benchmark {
    font-size: 14px;
    font-weight: 500;
  }
  .global-cards .top {
    color: #345af1 !important;
  }
  .global-cards .flop {
    color: #fd345e !important;
  }
  .global-cards .chart {
    position: relative;
    top: -20px;
    left: -10px;
  }
  .global-cards .chart .apexcharts-legend {
    max-height: 120px;
    overflow-y: auto;
  }
  .global-cards .chart-daily {
    position: relative;
    top: 20px;
    left: -10px;
  }
  .chartpie .apexcharts-legend {
    position: relative;
    top: 10px;
  }
  .chartpie .chart {
    left: 0;
  }
  .daily-impressions,
  .daily-views {
    height: 533px;
  }
  .daily-views {
    margin-top: 33px;
  }
  .label-today {
    color: #72849a;
    font-weight: 500;
    font-size: 11px;
    margin-left: 2px;
  }
  .max__graphs-accounts {
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 12px;
  }
  .insights-container .analytics .apexcharts-tooltip.apexcharts-theme-light {
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .insights-container .analytics .apexcharts-tooltip.apexcharts-theme-light #hover {
    font-family: 'Manrope' !important;
    font-weight: bold !important;
  }
  .insights-container .analytics .apexcharts-xaxistooltip {
    color: #37d27f;
    background: white;
    width: 10em;
    height: 2em;
    border-radius: 5%;
    border: none;
  }
  .insights-container .analytics .apexcharts-xaxistooltip::after {
    border-top-color: transparent;
  }
  .insights-container .analytics .apexcharts-xaxistooltip::before {
    border-top-color: transparent;
  }
  .insights-container .analytics .tabs {
    display: flex;
    margin-top: 20px;
    margin-bottom: -5px;
    align-items: center;
  }
  .insights-container .analytics .tab-item {
    padding: 8px 2px;
    cursor: pointer;
    color: #b9b8b8;
    border: 0;
    background-color: transparent;
    outline: 0;
    margin-right: 25px;
  }
  .insights-container .analytics .active {
    color: black;
    border-bottom: 3px solid #111010;
  }
  .insights-container .analytics .apexcharts-legend-marker {
    width: 60px !important;
    height: 7px !important;
    border-radius: 3px !important;
  }
  .insights-container .analytics .apexcharts-legend-text {
    font-family: 'Manrope' !important;
    font-size: 12px !important;
    color: #939191 !important;
  }
  .insights-container .analytics .apexcharts-legend-series {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  .insights-container .analytics .apexcharts-legend.apx-legend-position-top.apexcharts-align-center {
    justify-content: flex-end;
  }
  .insights-container .analytics .apexcharts-text tspan {
    fill: #939191;
  }
  .insights-container .analytics rect:hover {
    cursor: pointer;
  }
  .insights-container .breadcrumb {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
    font-family: 'Inter';
  }
  .insights-container .breadcrumb .ant-menu-horizontal {
    border-bottom: none !important;
  }
  .insights-container .breadcrumb .breadcrumbItem,
  .insights-container .breadcrumb .last-breadcrumbItem {
    font-size: 16px;
  }
  .insights-container .breadcrumb .breadcrumbItem {
    color: #9e9e9e;
  }
  .insights-container .breadcrumb .last-breadcrumbItem {
    font-weight: 500;
  }
  .insights-container .breadcrumb .last-route {
    font-size: 24px;
    position: absolute;
    top: 33px;
  }
  .insights-container .breadcrumb .first-name {
    font-size: 14px;
    margin-left: 10px;
    font-weight: 300;
    color: black;
  }
  .insights-container .breadcrumb .dropdown-arrow {
    position: relative;
    top: 3px;
    margin-left: 5px;
    color: #9e9e9e;
  }
  .insights-container #impressions-header {
    font-family: 'Manrope';
    font-size: 16px;
    font-weight: 500;
  }
  .insights-container .ant-switch-checked {
    background-color: #0c0b0b;
  }
  .insights-container .ant-card .ant-card-head {
    padding-left: 0 20px;
  }
  .insights-container .ant-card .ant-card-head-title #title {
    padding: 15px 24px;
  }
  .insights-container .insight-content {
    margin-top: 15px;
    padding: 20px 50px;
  }
  .insights-container .insight-content #title {
    font-family: 'Manrope';
    font-weight: 500;
    color: #000;
    font-size: 16px;
    padding: 15px 24px;
    margin: 0;
  }
  .insights-container .insight-content #categories-impressions-filters {
    font-family: Manrope, sans-serif;
  }
  .insights-container .insight-content #categories-impressions-filters .ant-card-head-title {
    font-weight: 500;
  }
  .insights-container .insight-content .chart-container {
    background: #fff;
    position: relative;
    border-radius: 0.625rem;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .insights-container .insight-content .chart-container .ant-checkbox-inner,
  .insights-container .insight-content .chart-container .ant-checkbox-input {
    width: 20px;
    height: 20px;
  }
  .insights-container .insight-content .chart-container .ant-checkbox-input {
    width: 20px;
    height: 20px;
  }
  .insights-container .insight-content .chart-container .radio-group--graphs_mode span {
    font-size: 13px;
  }
  .insights-container .insight-content .chart-container .title {
    font-family: 'Manrope';
    font-weight: 500;
    color: #000;
    font-size: 16px;
    padding: 15px 24px;
    margin: 0;
  }
  .insights-container .insight-content .chart-container .legends {
    font-family: 'Manrope';
    font-weight: 100;
    font-size: 14px;
    padding: 15px 24px;
    position: relative;
    top: 25px;
    color: gray;
  }
  .insights-container .insight-content .chart-container .dates {
    font-size: 12px;
    margin: 6px 24px 0 24px;
  }
  .insights-container .insight-content .chart-container .dates .date-separator {
    padding: 0 8px;
  }
  .insights-container .insight-content .chart-container .dates.trend {
    color: #b1a5e8;
  }
  .insights-container .insight-content .chart-container .metrics {
    margin: 0 24px;
  }
  .insights-container .insight-content .chart-container .metrics .insight {
    margin-right: 18px;
    display: inline;
    font-weight: bold;
  }
  .insights-container .insight-content .chart-container .metrics .insight .value {
    font-size: 16px;
    display: inline;
    margin-right: 4px;
  }
  .insights-container .insight-content .chart-container .metrics .insight .label {
    display: inline;
    color: #a461d8;
  }
  .insights-container .insight-content .chart-container .metrics .insight.trend {
    color: #72849a;
  }
  .insights-container .insight-content .chart-container .metrics .insight.trend .label {
    color: #b1a5e8;
  }
  .insights-container .insight-content .chart-container .chart {
    margin: 8px;
  }
  .metrics-header {
    margin-left: -5px;
  }
  .metrics-header .metric {
    cursor: pointer;
    margin: 5px;
    padding: 15px;
    min-height: 150px;
  }
  .metrics-header .metric:hover {
    background-color: #f7f7f8;
    border-radius: 0.625rem;
  }
  .metrics-header .metric .value {
    font-size: 24px;
    font-weight: 500;
    color: #000;
  }
  .metrics-header .metric .label {
    font-weight: 500;
    font-size: 16px;
    color: black;
  }
  .metrics-header .metric .label .benchmark {
    font-size: 13px;
    margin-left: 4px;
  }
  .metrics-header .metric .sub-label {
    font-size: 13px;
  }
  .metrics-header .metric.disabled {
    cursor: initial;
    opacity: 0.2;
  }
  .metrics-header .metric.selected {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 0.625rem;
  }
  .metrics-header .metric.selected .value {
    color: #a461d8;
  }
  .performingPostsCol {
    display: flex;
  }
  .performingPosts.ant-card {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 70vh;
  }
  @media (min-width: 768px) {
    .performingPosts.ant-card {
      height: 860px;
    }
  }
  @media (min-width: 1200px) {
    .performingPosts.ant-card {
      height: auto;
    }
  }
  .performingPosts.ant-card > .ant-card-body,
  .performingPosts.ant-card > .ant-card-body > .ant-spin,
  .performingPosts.ant-card > .ant-card-body > .ant-spin > .ant-spin-container {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .performingPosts.ant-card .postList {
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
  }
  .performingPosts.ant-card .postList > .postItem {
    flex: 1 0 auto;
  }
  .performingPosts.ant-card .postList > .postListHeader {
    flex: 0 0 auto;
  }
  .performingPosts.ant-card .postList > * {
    min-width: 400px;
  }
  .performingPosts.ant-card .postListHeader {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    padding-top: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f0f2f5;
  }
  .performingPosts.ant-card .imgDiv {
    flex: 0 0 80px;
    width: 80px;
    max-width: none;
    padding: 10px 0;
    display: inline-block;
  }
  .performingPosts {
    font-family: 'Manrope', sans-serif !important;
  }
  .performingPosts .postItem {
    margin: 17px 0px;
  }
  .performingPosts .cover {
    background-size: contain;
    object-fit: cover;
  }
  .performingPosts .daily {
    color: #0c0b0b;
    font-size: 16px;
    font-weight: 500;
  }
  .performingPosts h5 {
    color: black;
    margin: 0;
    display: inline-block;
    width: 50%;
  }
  .performingPosts .selectionTab {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    width: auto;
    gap: 2px;
    text-align: center;
    background: #ebebeb;
    border-radius: 10px;
    padding: 5px;
  }
  .performingPosts .itemTab {
    border-radius: 10px;
    padding: 5px 12px;
    margin: 0;
    width: auto;
    white-space: nowrap;
  }
  .performingPosts .itemTab:hover {
    cursor: pointer;
  }
  .performingPosts .content {
    display: inline-block;
  }
  .performingPosts .post-message {
    display: inline-block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    color: black;
  }
  .performingPosts .socialIcon {
    position: absolute;
    top: 55px;
    right: 10px;
    z-index: 2;
  }
  .performingPosts .postImpressions {
    display: inline-block;
    text-align: right;
    margin-top: 35px;
    padding-right: 5px;
    font-size: 14px;
    font-weight: 500;
    color: black;
  }
  .performingPosts .ant-card-body {
    padding: 12px !important;
  }
  .performingPosts .distributionScore {
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: baseline;
    justify-content: space-around;
  }
  .performingPosts .score {
    font-size: 14px;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
  }
  .performingPosts .top {
    background: #effbf5;
  }
  .performingPosts .flop {
    background: #ffe7ec;
  }
  .performingPosts .med {
    background: #fcf0e9;
  }
  .metricsCard {
    font-family: 'Manrope', sans-serif;
  }
  .metricsCard .ant-card-head-title {
    margin-bottom: 20px;
  }
  .metricsCard .daily {
    color: #0c0b0b;
    font-size: 16px;
    font-weight: 500;
  }
  .metricsCard .metricsTitle {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: black;
    margin-left: 10px;
    margin-bottom: 5px;
  }
  .metricsCard .followersDiv {
    padding-left: 15px;
    margin-left: 8px;
    font-size: 30px;
    color: black;
    font-weight: 700;
    margin-top: 1em;
  }
  .metricsCard .followersUnit {
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    top: 10px;
    right: 70px;
  }
  .metricsCard .followersLabel {
    font-size: 16px;
    font-weight: 500;
    color: #939191;
  }
  .metricsCard .rightMetrics {
    position: relative;
    padding-left: 15px;
    margin-left: 8px;
    font-size: 20px;
    color: black;
    font-weight: 700;
    text-align: center;
  }
  .metricsCard .rightMetricsUnit {
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    top: 4px;
  }
  .metricsCard .rightMetricsLabel {
    font-size: 16px;
    font-weight: 500;
    color: #939191;
  }
  .metricsCard .spanRightMetrics {
    position: absolute;
    top: 15px;
    margin-left: 10px;
    height: 50px;
    left: 0;
  }
  .performing-impressions .ant-card-head-title {
    font-family: Manrope, sans-serif;
    font-weight: 500;
  }
  .performing-reach .ant-card-head-title {
    font-family: Manrope, sans-serif;
    font-weight: 500;
  }
  .performing-reach .ant-card-head-title::after {
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 12px;
    font-weight: 300;
    color: gray;
    content: '(sum of reach per sub-category)';
  }
  .performing-top-impressions .ant-card-head-title {
    font-family: Manrope, sans-serif;
    font-weight: 500;
  }
  .performing-top-impressions .ant-card-body {
    padding-top: 0 !important;
  }
  .performing-top-reach .ant-card-head-title {
    font-family: Manrope, sans-serif;
    font-weight: 500;
  }
  .performing-publications .ant-card-head-title {
    font-family: Manrope, sans-serif;
    font-weight: 500;
  }
  .performing-top-publications .ant-card-head-title {
    font-family: Manrope, sans-serif;
    font-weight: 500;
  }
  .treemap-container .treemap-bar .apexcharts-tooltip.apexcharts-theme-light {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 10px;
    min-width: 33px;
    height: 50px;
    border-radius: 10px;
    background: black !important;
    color: white;
    font-family: 'Manrope';
    font-size: 14px;
    font-weight: 300;
    z-index: 999;
    font-family: Manrope, sans-serif;
    transform: translate(-20px, -20px);
  }
  .treemap-container .treemap-bar .apexcharts-tooltip.apexcharts-theme-light span {
    text-align: center;
    position: relative;
    top: -5px;
  }
  .treemap-container .treemap-grid {
    display: grid;
    grid-template-columns: [col0] 33% [col1] 17% [col2] 25% [col3] 12.5% [col4] 12.5% [col5];
    grid-template-rows: [row0] 33% [row1] 33% [row2] 33% [row3];
    gap: 5px;
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    transform: translateX(-10px);
    width: 100%;
    height: 100%;
  }
  .treemap-container .treemap-grid .apexcharts-tooltip.apexcharts-theme-light {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 50px;
    height: 50px;
    border-radius: 10px;
    background: black !important;
    z-index: 999;
    transform: translate(-20px, -50px);
  }
  .treemap-container .treemap-grid .apexcharts-tooltip.apexcharts-theme-light span {
    position: relative;
    top: 7px;
    color: white;
    font-family: 'Manrope', sans-serif;
    font-weight: 100;
    text-align: center;
  }
  .treemap-container .treemap-grid h1 {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    text-align: center;
    background-color: #f6f6f6;
    color: black;
    margin: 0 3px -12px 3px;
    border-radius: 3px;
    padding: 0 5px;
  }
  .treemap-container .treemap-grid rect {
    width: 100%;
  }
  .treemap-container .treemap-grid text {
    font-family: Manrope, sans-serif !important;
    text-align: center;
    color: black !important;
    font-weight: 300;
    margin: auto;
  }
  .treemap-container .treemap-grid .treemap-0 {
    grid-column-start: col0 !important;
    grid-column-end: col1 !important;
    grid-row-start: row0 !important;
    grid-row-end: row3 !important;
  }
  .treemap-container .treemap-grid .treemap-1 {
    grid-column-start: col1 !important;
    grid-column-end: col2 !important;
    grid-row-start: row0 !important;
    grid-row-end: row3 !important;
  }
  .treemap-container .treemap-grid .treemap-2 {
    grid-column-start: col2 !important;
    grid-column-end: col3 !important;
    grid-row-start: row0 !important;
    grid-row-end: row1 !important;
  }
  .treemap-container .treemap-grid .treemap-3 {
    grid-column-start: col3 !important;
    grid-column-end: col5 !important;
    grid-row-start: row0 !important;
    grid-row-end: row1 !important;
  }
  .treemap-container .treemap-grid .treemap-4 {
    grid-column-start: col2 !important;
    grid-column-end: col3 !important;
    grid-row-start: row1 !important;
    grid-row-end: row2 !important;
  }
  .treemap-container .treemap-grid .treemap-5 {
    grid-column-start: col3 !important;
    grid-column-end: col4 !important;
    grid-row-start: row1 !important;
    grid-row-end: row2 !important;
  }
  .treemap-container .treemap-grid .treemap-6 {
    grid-column-start: col4 !important;
    grid-column-end: col5 !important;
    grid-row-start: row1 !important;
    grid-row-end: row2 !important;
  }
  .treemap-container .treemap-grid .treemap-7 {
    grid-column-start: col2 !important;
    grid-column-end: col3 !important;
    grid-row-start: row2 !important;
    grid-row-end: row3 !important;
  }
  .treemap-container .treemap-grid .treemap-8 {
    grid-column-start: col3 !important;
    grid-column-end: col4 !important;
    grid-row-start: row2 !important;
    grid-row-end: row3 !important;
  }
  .treemap-container .treemap-grid .treemap-9 {
    grid-column-start: col4 !important;
    grid-column-end: col5 !important;
    grid-row-start: row2 !important;
    grid-row-end: row3 !important;
  }
  .campaigns-container .breadcrumb {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
    font-family: 'Inter';
  }
  .campaigns-container .breadcrumb .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
    margin: 0;
  }
  .campaigns-container .breadcrumb .ant-menu {
    padding: 5px;
    border-radius: 10px;
  }
  .campaigns-container .breadcrumb .ant-dropdown-open {
    background-color: #f6f6f6;
  }
  .campaigns-container .breadcrumb .ant-menu-horizontal {
    border-bottom: none !important;
    height: 65px;
  }
  .campaigns-container .breadcrumb .breadcrumbItem,
  .campaigns-container .breadcrumb .last-breadcrumbItem {
    font-size: 16px;
  }
  .campaigns-container .breadcrumb .breadcrumbItem {
    color: #9e9e9e;
  }
  .campaigns-container .breadcrumb .last-breadcrumbItem {
    font-weight: 500;
  }
  .campaigns-container .breadcrumb .last-route {
    font-size: 24px;
    position: absolute;
    top: 33px;
  }
  .campaigns-container .breadcrumb .first-name {
    font-size: 14px;
    margin-left: 10px;
    font-weight: 300;
    color: black;
  }
  .campaigns-container .breadcrumb .dropdown-arrow {
    position: relative;
    top: 3px;
    margin-left: 5px;
    color: #9e9e9e;
  }
  .campaigns-container .tabs {
    display: flex;
    margin-top: 20px;
    margin-bottom: -5px;
    align-items: center;
  }
  .campaigns-container .tab-item {
    padding: 8px 2px;
    cursor: pointer;
    color: #b9b8b8;
    border: 0;
    background-color: transparent;
    outline: 0;
    margin-right: 25px;
  }
  .campaigns-container .active {
    color: black;
    border-bottom: 3px solid #111010;
  }
  .campaigns-container .posts-table {
    margin: 30px;
  }
  .campaigns-container .posts-table.no-border .ant-table {
    border: none !important;
  }
  .campaigns-container .posts-table .table-metric .interaction-rate {
    display: inline-block;
    margin-right: 12px;
  }
  .campaigns-container .posts-table .table-metric .interaction-rate span {
    margin-right: 12px;
    font-size: 14px;
    font-family: 'IBM Plex Sans';
  }
  .campaigns-container .posts-table .ant-table {
    border-radius: 0;
    border: 1px solid #edf2f9;
    border-bottom: none;
  }
  .campaigns-container .posts-table .ant-table .ant-table-header.ant-table-sticky-header {
    top: 47px !important;
    border-radius: 0;
  }
  .campaigns-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell {
    background-color: #fff;
    font-size: 14px !important;
    color: #000;
    white-space: nowrap;
  }
  .campaigns-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell .ant-table-column-sorter {
    display: none !important;
  }
  .campaigns-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell .table-column-title .title {
    font-weight: 600;
    font-size: 12px;
  }
  .campaigns-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell .table-column-title .sort-ico {
    margin-left: 12px;
    vertical-align: middle;
  }
  .campaigns-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell .table-column-title .engagement {
    text-align: center;
  }
  .campaigns-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell:first-child {
    border-radius: 0;
  }
  .campaigns-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell {
    padding: 0 0 0 0 !important;
    border-bottom: 1px solid #edf2f9 !important;
    font-family: Roboto, sans-serif !important;
    font-weight: 400;
  }
  .campaigns-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell.table-cover-img {
    width: 91px;
    padding: 0 !important;
  }
  .campaigns-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell.table-cover-img img {
    object-fit: cover;
  }
  .campaigns-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell .campaigns-name {
    font-family: Manrope, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #1461cc;
    width: 375px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .campaigns-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell .status-container {
    display: flex;
    align-items: center;
    gap: 1em;
  }
  .campaigns-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell .status-container .status {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
  }
  .campaigns-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell .status-container .status.green {
    background-color: green;
  }
  .campaigns-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell .status-container .status.grey {
    background-color: lightgrey;
  }
  .campaigns-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell .status-container .status.yellow {
    background-color: #ffdb00;
  }
  .campaigns-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell .status-container .status.disabled {
    background-color: grey;
  }
  .campaigns-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell .status-container .status.enable {
    background-color: blue;
  }
  .campaigns-container .ant-table-row {
    cursor: pointer;
  }
  .post-card {
    height: 350px;
    background-position: center;
    background-size: cover;
    margin: 8px;
    border-radius: 0.625rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
  }
  .post-card .backdrop {
    position: absolute;
    border-radius: 0.625rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.85) 14%, transparent 50%, rgba(0, 0, 0, 0.8) 90%);
  }
  .post-card .page-ico {
    position: absolute;
    left: 12px;
    top: 12px;
  }
  .post-card .page-ico img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
  }
  .post-card .top-data {
    margin: 0 0 0 40px;
    padding-top: 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .post-card .top-data .label {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
  }
  .post-card .top-data .metric {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
  }
  .post-card .bottom-data .card-chart {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .post-card .bottom-data .score-retention {
    position: absolute;
    color: white;
    bottom: 34px;
    right: 24px;
    font-size: 27px;
    font-weight: 500;
    border-radius: 0.625rem;
    padding: 2px 6px;
  }
  .post-card .img-cover-custom {
    height: 350px;
    background-color: #000;
    background-image: url(https://storage.googleapis.com/facebook-attachments-production/Period.-368975087307264/749815225931242/thumbnail.jpeg);
    background-position: center;
    background-size: cover;
  }
  .ant-table-cell-fix-left,
  .ant-table-cell-fix-start {
    background-color: white !important;
  }
  .connect {
    height: 100vh;
    background-color: white;
    width: 50%;
  }
  .dashboard-sight {
    height: 100vh;
    background-color: #ebebeb;
    width: 50%;
  }
  .dashboard-sight img {
    position: absolute;
    height: 100px;
    width: 100px;
  }
  .admin-container {
    padding-left: 20px;
    padding-right: 20px;
  }
  .admin-container .admin-menu {
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .admin-container .admin-menu .ant-menu {
    height: 100%;
  }
  .admin-container .admin-content h1 {
    padding: 12px 24px;
  }
  .admin-container .admin-content .youtube-policy {
    margin: 20px 0 0 20px;
    background-color: #eaeaea;
    padding: 20px 40px;
  }
  .admin-container .admin-content .youtube-policy h1 {
    color: black;
    padding: 0px;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .admin-container .admin-content .youtube-policy p {
    color: black;
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 33px;
  }
  .admin-container .admin-content .youtube-policy .youtube-instruction {
    height: 200px;
    width: 100%;
    background-color: #f6f6f6;
    color: #343434;
    padding: 10px 20px;
  }
  .admin-container .admin-content .youtube-policy .youtube-instruction a {
    color: #177fff;
  }
  .admin-container .validate {
    background-color: black;
  }
  .admin-container .facebook-btn-container {
    text-align: end;
    margin: 12px 0;
  }
  .admin-container .categories-tree {
    position: relative;
  }
  .admin-container .categories-tree .legends {
    padding: 0 20px;
    position: absolute;
    right: 10px;
    background-color: rgba(23, 188, 255, 0.1);
  }
  .admin-container .categories-tree .legends--sherpai {
    color: #17bcff;
    top: 10px;
  }
  .admin-container .categories-tree .legends--crowdtangle {
    color: #19f3f5;
  }
  .admin-container .admin-categories {
    background-color: #fff;
    padding: 12px;
    margin: 24px;
    border-radius: 10px;
  }
  .admin-container .admin-categories .ant-tree {
    padding: 0 24px;
  }
  .admin-container .admin-categories .ant-tree .title-categories {
    font-weight: 600;
  }
  .admin-container .admin-categories .ant-tree .categories-video-count {
    font-weight: bold;
    color: #949494;
  }
  .admin-container .admin-categories .ant-tree .no-video-category {
    color: red;
  }
  .admin-container .admin-categories .ant-tree .ant-tag {
    padding: 0 4px;
    margin: 0 4px 0 0;
    line-height: 15px;
    font-size: 10px;
  }
  .admin-container .crowdtangle-import {
    background-color: #fff;
    padding: 12px;
    margin: 24px;
    border-radius: 10px;
    text-align: center;
  }
  .admin-container .crowdtangle-import .import-form {
    min-width: 400px;
    display: inline-block;
  }
  .admin-container .crowdtangle-import .import-form .platform-selector {
    margin-bottom: 32px;
  }
  .admin-container .crowdtangle-import .import-form .platform-selector .ant-select {
    width: 100%;
  }
  .admin-container .crowdtangle-import .import-form .separator {
    padding: 12px;
  }
  .admin-container .crowdtangle-import .import-form .link-container .link-input {
    width: 250px;
  }
  .admin-container .ant-table {
    border-radius: 0;
    border: 1px solid #edf2f9;
    border-bottom: none;
  }
  .admin-container .ant-table .ant-table-header.ant-table-sticky-header {
    top: 47px !important;
    border-radius: 0;
  }
  .admin-container .ant-table .ant-table-header .ant-table-thead .ant-table-cell {
    background-color: #fff;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
  }
  .admin-container .ant-table .ant-table-header .ant-table-thead .ant-table-cell .ant-table-column-sorter {
    display: none !important;
  }
  .admin-container .ant-table .ant-table-header .ant-table-thead .ant-table-cell .table-column-title .title {
    font-weight: 600;
    font-size: 12px;
  }
  .admin-container .ant-table .ant-table-header .ant-table-thead .ant-table-cell .table-column-title .sort-ico {
    margin-left: 12px;
    vertical-align: middle;
  }
  .admin-container .ant-table .ant-table-header .ant-table-thead .ant-table-cell:first-child {
    border-radius: 0;
  }
  .admin-container .ant-table .ant-table-tbody .editable-row .ant-form-explain {
    position: absolute;
    font-size: 12px;
    margin-top: -4px;
  }
  .admin-container .ant-table .ant-table-tbody .components-table-demo-nested .ant-table {
    margin: 0 !important;
  }
  .admin-container .ant-table .ant-table-tbody tr .ant-table-cell {
    padding: 12px 20px;
    border-bottom: 1px solid #edf2f9 !important;
  }
  .admin-container .ant-table .ant-table-tbody tr .ant-table-cell .test-page-ico {
    margin-left: 8px;
    font-size: 16px;
    color: #72849a;
  }
  .auth-container .ant-form-vertical .ant-form-item-label > label {
    font-family: 'Manrope';
    font-size: 14px !important;
    font-weight: 500;
  }
  .auth-container .ant-form-vertical .ant-form-item-label > label::before {
    content: '';
  }
  .auth-container input::placeholder {
    font-family: 'Manrope';
    font-size: 14px !important;
    color: #939191;
  }
  .auth-container .no-account {
    font-family: 'Manrope';
    font-size: 14px;
  }
  .auth-container .sign-up {
    position: relative;
    bottom: 5px;
    margin-left: 10px;
    padding: 5px 0;
    border-bottom: 1px solid #0C0B0B;
  }
  .auth-container .sign-up:hover {
    cursor: pointer;
  }
  /* Apparition de l'alerte d'erreur — remplace framer-motion.
   `grid-template-rows: 0fr -> 1fr` est le motif CSS qui anime une hauteur `auto`,
   qu'aucune transition ne sait interpoler directement. */
  .auth-alert-reveal {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    margin-bottom: 0;
    animation: auth-alert-reveal 0.3s ease-out forwards;
  }
  .auth-alert-reveal > div {
    overflow: hidden;
    min-height: 0;
  }
  @keyframes auth-alert-reveal {
    to {
      grid-template-rows: 1fr;
      opacity: 1;
      margin-bottom: 16px;
    }
  }
  /* Variante RegisterForm : l'alerte reste montée, seule son opacité varie. */
  .auth-alert-fade {
    opacity: 0;
    margin-bottom: 0;
    transition: opacity 0.3s ease, margin-bottom 0.3s ease;
  }
  .auth-alert-fade.is-visible {
    opacity: 1;
    margin-bottom: 20px;
  }
  .benchmark-card {
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: 'Manrope', sans-serif;
    background-color: white;
    border-radius: 20px;
    padding: 33px;
    width: 100%;
    margin-bottom: 20px;
    height: 450px;
  }
  .benchmark-headers {
    display: flex;
    justify-content: space-between;
  }
  .benchmark-title {
    color: #0c0b0b;
    font-size: 16px;
    font-weight: 500;
  }
  .benchmark-description {
    max-width: 250px;
    color: #939191;
    font-size: 14px;
    text-align: end;
  }
  .benchmark-rows {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    max-height: 320px;
    overflow: auto;
  }
  .benchmark-row {
    font-family: 'Manrope', sans-serif;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .benchmark-row_account,
  .benchmark-row_metric {
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .benchmark-row_bar {
    height: 20px;
    background-color: #a0eca0;
  }
  .dashboard-popover {
    width: 300px;
  }
  .dashboard-popover p {
    color: #4d4d4d;
  }
  .dashboard-popover p span {
    font-weight: bold;
  }
  .dashboard .daily-impressions .apexcharts-legend-series {
    padding: 0 10px;
  }
  .ant-card-bordered {
    border: none;
  }
  .score:hover {
    cursor: pointer;
  }
  .ant-popover-title {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
  }
  .impressionDiv {
    position: relative;
    bottom: 10px;
  }
  .viewsDiv {
    position: relative;
    top: -10px;
  }
  .dashboard .ant-card {
    border: none !important;
  }
  @table-selected-row-bg : rgba(#a461d8: 0.1);
  .account-filter-popover {
    min-width: 300px;
    max-width: 300px;
    max-height: 500px;
    overflow: auto;
  }
  .account-filter-popover label.ant-checkbox-wrapper,
  .account-filter-popover label.ant-radio-wrapper {
    display: flex;
    align-items: center;
    margin-left: 0;
    height: 37px;
  }
  .account-filter-popover label.ant-checkbox-wrapper .ant-avatar,
  .account-filter-popover label.ant-radio-wrapper .ant-avatar {
    width: 30px;
    height: 30px;
  }
  .account-filter-popover label.ant-checkbox-wrapper .ant-avatar img,
  .account-filter-popover label.ant-radio-wrapper .ant-avatar img {
    width: 100%;
    height: 100%;
  }
  .account-filter-popover .account-filter-shortcuts {
    margin-bottom: 14px;
  }
  .account-filter-popover .account-filter-shortcuts .ant-tag {
    color: white;
    background: black;
    border-color: black;
    cursor: pointer;
  }
  .account-filter-popover .account-filter-shortcuts .ant-tag:hover {
    background-color: rgba(0, 0, 0, 0.9) !important;
  }
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link) {
    background: white;
  }
  .black-btn .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link) {
    background: black;
  }
  .filter *:not(i[class^='fa']):not(i[class*=' fa']) {
    font-family: 'IBM Plex Sans', sans-serif !important;
  }
  .filter button.ant-btn {
    min-width: 150px;
    width: 100%;
    overflow: hidden;
    text-align: left;
    border-color: #edf2f9;
    border-radius: 10px;
  }
  .filter button.ant-btn:hover {
    border-color: #edf2f9;
  }
  .filter .summary-avatar {
    margin-right: -7px;
  }
  .filter .ant-avatar {
    border: 1px solid #fff;
    margin-top: -3px;
    width: 18px;
    height: 18px;
  }
  .filter .ant-avatar .ant-avatar-string {
    color: #000;
    font-size: 20px !important;
  }
  .account-filter-popover span,
  .entity-filter-popover span,
  .ant-dropdown-menu-item span,
  .search-filter span,
  .ant-dropdown span,
  .account-filter-popover label,
  .entity-filter-popover label,
  .ant-dropdown-menu-item label,
  .search-filter label,
  .ant-dropdown label,
  .account-filter-popover input,
  .entity-filter-popover input,
  .ant-dropdown-menu-item input,
  .search-filter input,
  .ant-dropdown input {
    font-family: 'IBM Plex Sans', sans-serif !important;
    color: #525252;
  }
  .black-btn {
    background-color: black !important;
    color: white;
    border: none;
    margin-left: 20px;
  }
  .black-btn:hover {
    background: rgba(0, 0, 0, 0.7) !important;
    color: white !important;
  }
  .date-filter {
    min-width: -webkit-fit-content;
    min-width: fit-content;
  }
  .date-filter button {
    width: 100%;
    overflow: hidden;
    text-align: left;
    background-color: #ebebeb;
  }
  .date-filter .hidden {
    display: none;
  }
  .date-filter-picker .ant-picker-panel-container {
    position: relative;
  }
  .date-filter-picker .ant-picker-panel-container .ant-picker-footer-extra {
    border-bottom: 0;
  }
  .date-filter-picker .ant-picker-panel-container .ant-picker-footer-extra .date-filter-picker-footer {
    text-align: right;
    padding: 2px 0;
  }
  .date-filter-picker .ant-picker-panel-container ul.ant-picker-ranges {
    position: absolute;
    left: 0;
    width: 150px;
    top: 5px;
    overflow: hidden;
  }
  .date-filter-picker .ant-picker-panel-container ul.ant-picker-ranges li {
    display: block;
  }
  .date-filter-picker .ant-picker-panel-container ul.ant-picker-ranges li .ant-tag {
    background-color: #e8e7ff;
    border-color: #e8e7ff;
  }
  .date-filter-picker .ant-picker-panel-container ul.ant-picker-ranges li .ant-tag:hover {
    background-color: #e8e7ff;
  }
  *:not(i[class^='fa']):not(i[class*=' fa']) {
    font-family: 'Manrope', sans-serif;
  }
  html,
  body {
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .cover-image {
    min-height: 90px;
    max-height: 100%;
    width: 90px;
  }
  .cover-image img {
    aspect-ratio: 1;
  }
  .ant-modal-close {
    position: absolute !important;
    top: 5px !important;
  }
  .text-primary {
    color: #a461d8 !important;
  }
  #root,
  .App {
    height: 100%;
  }
  .ant-input-lg {
    padding: 10px 11px;
  }
  .ant-input {
    font-size: 12px !important;
  }
  .ant-select-selector {
    font-size: 12px !important;
  }
  .ant-btn {
    font-size: 12px;
  }
  .black-btn {
    background-color: black !important;
    color: white !important;
    border: none;
    margin: 0px !important;
  }
  .ant-btn-sm {
    border-color: #ededed !important;
    padding: 6.5px 1rem;
  }
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link) {
    background-color: #fff;
    border-color: #ececec;
    color: #525252;
  }
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link):hover {
    background-color: #ececec;
  }
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link).disabled,
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link)[disabled] {
    color: #d0d4d7;
    background-color: #f7f7f7;
    border-color: #e2e2e2;
  }
  .ant-btn-primary[disabled],
  .ant-btn-primary[disabled]:active,
  .ant-btn-primary[disabled]:focus,
  .ant-btn-primary[disabled]:hover {
    color: #d0d4d7 !important;
    background: #f7f7f7 !important;
    border-color: #e2e2e2 !important;
    text-shadow: none;
    box-shadow: none;
  }
  .ant-radio-button-wrapper .ant-radio-button-label {
    font-size: 12px;
  }
  .ant-radio-button-wrapper-disabled {
    color: #d0d4d7 !important;
    background-color: #f7f7f7 !important;
    border-color: #e2e2e2 !important;
    cursor: not-allowed;
  }
  .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper {
    border-right-color: #5027f5 !important;
  }
  .ant-radio-button-wrapper:first-child {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }
  .ant-radio-button-wrapper:last-child {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled).ant-radio-button-wrapper {
    z-index: 1;
    color: #2600e8;
    background: #fff;
    border-color: #2600e8;
  }
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled).ant-radio-button-wrapper :hover {
    color: #2600e8 !important;
    border-color: #2600e8 !important;
  }
  .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-disabled, .ant-radio-button-wrapper-checked):hover {
    color: #2600e8 !important;
  }
  /*
APP CONTAINER
*/
  .tabs {
    display: flex;
    margin-top: 20px;
    margin-bottom: -5px;
    align-items: center;
  }
  .tab-item {
    padding: 8px 2px;
    cursor: pointer;
    color: #b9b8b8;
    border: 0;
    background-color: transparent;
    outline: 0;
    margin-right: 25px;
  }
  .active {
    color: black;
    border-bottom: 3px solid #111010;
  }
  .infos-column {
    background-color: #fafafa;
  }
  .ant-notification {
    z-index: 9999 !important;
  }
  .ant-select-dropdown {
    position: fixed;
  }
  .app-container {
    transition: all 0.1s ease;
  }
  .app-layout {
    background-color: #f6f6f6 !important;
    height: 100vh;
  }
  .top-message {
    margin-top: -5px;
  }
  .play-retention {
    font-size: 10px;
    color: gray;
  }
  /*
 * COLOR HELPERS
 */
  .flop {
    color: #e74c3c !important;
  }
  .med {
    color: #f39c12 !important;
  }
  .top {
    color: #2ecc71 !important;
  }
  .badge-flop {
    background-color: #e74c3c !important;
  }
  .badge-med {
    background-color: #f39c12 !important;
  }
  .badge-top {
    background-color: #2ecc71 !important;
  }
  .table-cover-img {
    width: 91px;
    padding: 0 !important;
  }
  .table-cover-img img {
    object-fit: cover;
  }
  .exponent-text {
    font-size: 8px !important;
    position: relative;
    bottom: 4px;
  }
  /*
 * STYLE HELPERS
 */
  .table-metric {
    /* Monospace font and color black for all metrics dispayed in colums*/
    font-family: 'IBM Plex Mono', monospace;
    color: #000;
  }
  .ant-input-search {
    border-color: #ededed !important;
  }
  .copy-user-token-button {
    text-align: right;
    width: 100%;
  }
  .copy-user-token-button a {
    color: #949494;
  }
  .copy-user-token-button a:hover {
    text-decoration: underline;
  }
  /*
 * LOADING
 */
  .loading.cover-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .loading.loading.cover-page {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ant-spin-dot,
  .ant-spin-indicator {
    color: #a461d8 !important;
  }
  .ant-spin-text,
  .ant-spin-description {
    color: #a461d8 !important;
  }
  .ant-spin-dot-item {
    background-color: #a461d8 !important;
  }
  /*
 * FILTERS
 */
  .filters-head {
    background-color: #fff;
    padding: 40px 30px 15px 30px;
  }
  .filters-head .ant-checkbox-inner,
  .filters-head .ant-checkbox-input {
    background-color: #fff;
  }
  .filters-head .ant-radio-group-small .ant-radio-button-wrapper {
    height: 32px;
    line-height: 32px;
  }
  .filters-head .ant-select.ant-select-single .ant-select-selector {
    border-color: #ededed;
    height: 32px;
    overflow: hidden;
    flex-wrap: initial;
  }
  .filters-head .ant-select.ant-select-single .ant-select-selector .ant-select-selection-item {
    margin: 0;
    line-height: 32px;
  }
  .filters-head .ant-select.ant-select-single .ant-select-selector .ant-select-selection-item img {
    width: 16px;
    margin-bottom: 1px;
    height: 16px;
  }
  .filters-head .ant-select.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
    line-height: 32px;
  }
  .filters-head .ant-select.ant-select-single .ant-select-arrow {
    margin-top: -6px;
    margin-right: 0;
  }
  .filters-head .ant-select.ant-select-single .ant-select-arrow span {
    font-size: 13px;
  }
  .filters-head .ant-select.ant-select-sm {
    padding: 0;
    min-height: 32px;
    font-size: 0.7rem;
  }
  .filters-head .ant-select .ant-select-selector {
    border-color: #ededed;
    height: 32px;
    overflow: hidden;
    flex-wrap: initial;
  }
  .filters-head .ant-select .ant-select-selector .ant-select-selection-item {
    margin: 0;
  }
  .filters-head .ant-select .ant-select-selection-item-content {
    font-size: 12px;
  }
  .filters-head .ant-select .ant-select-selection-item {
    margin-right: 4px;
  }
  .filters-head .ant-select .ant-select-arrow {
    margin-top: -3px;
    margin-right: -16px;
  }
  .filters-head .ant-select .ant-select-arrow span {
    font-size: 13px;
  }
  .ant-select-item svg {
    fill: #a461d8;
  }
  .ant-select-item img,
  .ant-select-selector img {
    width: 14px;
    margin-top: -2px;
    margin-right: 3px;
    height: 14px;
    border-radius: 50%;
    vertical-align: text-bottom;
  }
  /*
 * MISC
 */
  .app-content {
    margin-top: 0;
    padding: 0 !important;
  }
  .not-found {
    border-radius: 10px 10px 0 0;
  }
  .long-dash {
    color: #455560 !important;
    margin: 0 auto;
  }
  .ant-dropdown-placement-topLeft {
    position: fixed;
    left: 22.5px !important;
    z-index: 9000;
  }
  .ant-dropdown-menu-submenu-popup {
    box-shadow: none !important;
  }
  .apexcharts-menu-icon svg {
    fill: #ccc !important;
  }
  .apexcharts-zoom-icon,
  .apexcharts-zoomin-icon,
  .apexcharts-zoomout-icon,
  .apexcharts-reset-electAllicon,
  .apexcharts-pan-icon,
  .apexcharts-selection-icon,
  .apexcharts-menu-icon,
  .apexcharts-toolbar-custom-icon {
    color: #ccc !important;
  }
  .apexcharts-zoom-icon svg,
  .apexcharts-zoomin-icon svg,
  .apexcharts-zoomout-icon svg,
  .apexcharts-reset-electAllicon svg,
  .apexcharts-pan-icon svg,
  .apexcharts-selection-icon svg,
  .apexcharts-menu-icon svg,
  .apexcharts-toolbar-custom-icon svg {
    fill: #ccc !important;
  }
  .ant-checkbox-group {
    width: 100%;
  }
  .ant-checkbox-group-item {
    width: 100%;
    padding: 15px;
    margin: 5px 0;
    height: 60px !important;
  }
  .ant-checkbox-group-item:hover {
    background-color: #ebebeb;
  }
  .ant-checkbox-group-item .ant-avatar {
    margin-right: 10px;
  }
  .ant-tag-solid {
    color: #fff !important;
  }
  .ant-checkbox-checked::after {
    opacity: 1;
    transform: rotate(45deg) scale(1) translate(-50%, -50%) !important;
  }
  .ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
    opacity: 1;
    border: 2px solid #fff !important;
    border-top: 0 !important;
    -webkit-border-start: 0 !important;
            border-inline-start: 0 !important;
    transform: rotate(45deg) scale(1) translate(-50%, -50%) !important;
  }
  .ant-checkbox-checked,
  .ant-checkbox-checked .ant-checkbox-inner,
  .ant-checkbox-checked .ant-checkbox-input,
  .ant-tree-checkbox-checked,
  .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
    background-color: black !important;
    border-color: black !important;
  }
  .ant-checkbox:not(.ant-checkbox-checked),
  .ant-checkbox-inner,
  .ant-checkbox-input,
  .ant-tree-checkbox:not(.ant-tree-checkbox-checked) .ant-tree-checkbox-inner {
    border-color: #c0c0c0 !important;
  }
  .ant-checkbox-wrapper-checked {
    background-color: #ffffff;
    border-radius: 10px;
  }
  /* PAGINATION */
  .ant-pagination .ant-pagination-item,
  .ant-pagination .ant-pagination-total-text .ant-pagination-item {
    border-radius: 50% !important;
    border-color: transparent !important;
    background-color: transparent !important;
  }
  .ant-pagination .ant-pagination-item:hover,
  .ant-pagination .ant-pagination-total-text .ant-pagination-item:hover,
  .ant-pagination .ant-pagination-item:focus,
  .ant-pagination .ant-pagination-total-text .ant-pagination-item:focus {
    border-color: transparent;
  }
  .ant-pagination .ant-pagination-item-active {
    background-color: black !important;
  }
  .ant-pagination .ant-pagination-item-active a {
    color: white !important;
  }
  .ant-pagination .ant-pagination-next .ant-pagination-item-link,
  .ant-pagination .ant-pagination-prev .ant-pagination-item-link {
    border-radius: 50%;
  }
  .ant-pagination .ant-pagination-item-active a {
    color: #fff;
  }
  /* SIDEBAR */
  .flex {
    display: flex;
  }
  .collapsed-title {
    display: flex;
    font-size: 10px;
    position: absolute;
    bottom: -15px;
    left: -10px;
  }
  .collapsed-title:hover {
    background-color: transparent !important;
  }
  .socials {
    width: 65px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: -8px;
  }
  .topic {
    left: 0px;
  }
  .crowd {
    left: -12px;
  }
  .similars {
    left: -5px;
  }
  .ant-menu-inline .ant-menu-item::after,
  .ant-menu-vertical .ant-menu-item::after,
  .ant-menu-vertical-left .ant-menu-item::after,
  .ant-menu-vertical-right .ant-menu-item::after {
    border: none;
  }
  .ant-tooltip-placement-right {
    display: none;
  }
  .ant-table-header table {
    table-layout: fixed !important;
  }
  .posts-container .posts-table .ant-table .ant-table-header.ant-table-sticky-header {
    top: 0 !important;
    border-radius: 0;
  }
  .ant-table-sticky-header {
    position: relative;
  }
  .posts-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell {
    padding: 0 0 0 0 !important;
  }
  .posts-container .breadcrumb {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative;
    font-family: 'Inter';
  }
  .posts-container .breadcrumb .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
    margin: 0;
  }
  .posts-container .breadcrumb .ant-menu {
    padding: 5px;
    border-radius: 10px;
  }
  .posts-container .breadcrumb .ant-dropdown-open {
    background-color: #f6f6f6;
  }
  .posts-container .breadcrumb .ant-menu-horizontal {
    border-bottom: none !important;
    height: 65px;
  }
  .posts-container .breadcrumb .breadcrumbItem,
  .posts-container .breadcrumb .last-breadcrumbItem {
    font-size: 16px;
  }
  .posts-container .breadcrumb .breadcrumbItem {
    color: #9e9e9e;
  }
  .posts-container .breadcrumb .last-breadcrumbItem {
    font-weight: 500;
  }
  .posts-container .breadcrumb .last-route {
    font-size: 24px;
    position: absolute;
    top: 33px;
  }
  .posts-container .breadcrumb .first-name {
    font-size: 14px;
    margin-left: 10px;
    font-weight: 300;
    color: black;
  }
  .posts-container .breadcrumb .dropdown-arrow {
    position: relative;
    top: 3px;
    margin-left: 5px;
    color: #9e9e9e;
  }
  .posts-container .posts-table {
    margin: 30px;
  }
  .posts-container .posts-table.no-border .ant-table {
    border: none !important;
  }
  .posts-container .posts-table .table-metric .interaction-rate {
    display: inline-block;
    margin-right: 12px;
  }
  .posts-container .posts-table .table-metric .interaction-rate span {
    margin-right: 12px;
    font-size: 14px;
    font-family: 'IBM Plex Sans';
  }
  .posts-container .posts-table .ant-table {
    border-radius: 0;
    border: 1px solid #edf2f9;
    border-bottom: none;
  }
  .posts-container .posts-table .ant-table .ant-table-thead > tr > th {
    border-left: none !important;
    border-right: none !important;
  }
  .posts-container .posts-table .ant-table .ant-table-header.ant-table-sticky-header {
    top: 47px !important;
    border-radius: 0;
  }
  .posts-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell {
    background-color: #fff;
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    max-width: 100px;
    min-width: 100px;
    height: 40px;
  }
  .posts-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell .ant-table-column-sort .title {
    color: green !important;
  }
  .posts-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell .ant-table-column-sorter {
    display: none !important;
  }
  .posts-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell .table-column-title .title {
    font-weight: 600;
    font-size: 12px;
  }
  .posts-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell .table-column-title .sort-ico {
    margin-left: 12px;
    vertical-align: middle;
    color: #a461d8;
  }
  .posts-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell .table-column-title .engagement {
    text-align: center;
  }
  .posts-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell:first-child {
    border-radius: 0;
  }
  .posts-container .posts-table .ant-table .ant-table-header .ant-table-thead .post-column {
    padding-left: 8px !important;
  }
  .posts-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell {
    padding: 0 10px 0 10px !important;
    border-bottom: 1px solid #edf2f9 !important;
  }
  .posts-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell.table-cover-img {
    width: 91px;
    padding: 0 !important;
  }
  .posts-container .posts-table .ant-table .ant-table-tbody tr .ant-table-cell.table-cover-img img {
    object-fit: cover;
  }
  .posts-container .posts-table .ant-table .ant-table-tbody tr .views-column {
    max-width: 100px;
  }
  .posts-container .posts-table .ant-table .ant-table-tbody tr .post-column {
    padding-left: 3px;
  }
  .posts-container .ant-table-row {
    cursor: pointer;
  }
  .ant-table-column-sorter-full {
    display: none !important;
  }
  .ant-table-thead > tr > th::before {
    display: none !important;
  }
}
/* ← ferme le `@layer vendor` ouvert en tête de fichier. Toute règle ajoutée SOUS cette ligne
     sortirait de la couche et primerait sur tout Tailwind : ajouter au-dessus, jamais ici. */
/* ⚠️ Confiné dans la couche `vendor` — même raison que `custom.less` : hors couche, ce CSS bat
   toutes les utilities Tailwind v4 quelle que soit leur spécificité (c'est `styles/components/
   general/_typography.less` qui imposait `h1..h6 { font-size }` et `p { line-height: 1.8 }`).
   Les deux imports DOIVENT rester dans le MÊME bloc : `light.less` déclare `@theme: light`, que
   ~20 mixins gardés (`& when (@theme = light)`) de `styles.less` consomment — la portée est par bloc. */
@layer vendor {
  @table-selected-row-bg : rgba(#4A3AFF: 0.1);
  /** COLORS **/
  .ant-btn-dashed {
    border-width: 0.2rem;
    line-height: 1;
  }
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link):hover,
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link):focus {
    background-color: #ececec;
    border-color: #ececec;
    color: #525252;
  }
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link).ant-btn-clicked:after {
    border-color: #e2e2e2;
  }
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link).disabled,
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link)[disabled] {
    color: #d0d4d7;
    background-color: #f7f7f7;
    border-color: #e2e2e2;
  }
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link).disabled.active,
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link)[disabled].active,
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link).disabled:active,
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link)[disabled]:active,
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link).disabled:focus,
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link)[disabled]:focus,
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link).disabled:hover,
  .ant-btn:not(.ant-btn-primary):not(.ant-btn-dangerous):not(.ant-btn-link)[disabled]:hover {
    color: #d0d4d7;
    background-color: #f7f7f7;
    border-color: #e2e2e2;
  }
  .ant-btn.ant-btn-link {
    color: #4A3AFF;
  }
  .ant-btn.ant-btn-link:hover,
  .ant-btn.ant-btn-link:focus {
    background-color: transparent;
    color: #4A3AFF;
  }
  .ant-btn.ant-btn-link:hover {
    background-color: rgba(74, 58, 255, 0.1);
  }
  .ant-btn.ant-btn-link:active {
    background-color: rgba(74, 58, 255, 0.2);
  }
  .ant-btn.ant-btn-link.disabled,
  .ant-btn.ant-btn-link[disabled] {
    color: #d0d4d7;
  }
  .ant-btn.ant-btn-link.disabled.active,
  .ant-btn.ant-btn-link[disabled].active,
  .ant-btn.ant-btn-link.disabled:active,
  .ant-btn.ant-btn-link[disabled]:active,
  .ant-btn.ant-btn-link.disabled:focus,
  .ant-btn.ant-btn-link[disabled]:focus,
  .ant-btn.ant-btn-link.disabled:hover,
  .ant-btn.ant-btn-link[disabled]:hover {
    color: #d0d4d7;
    background-color: transparent;
  }
  .ant-btn-dangerous {
    color: #ff6b72;
    border-color: #ff6b72;
  }
  .ant-btn-dangerous:hover,
  .ant-btn-dangerous:focus {
    background-color: transparent;
    color: #ff858a;
    border-color: #ff858a;
  }
  .ant-btn-dangerous:active {
    background-color: transparent;
    color: #ff525a;
    border-color: #ff525a;
  }
  .ant-btn-dangerous.ant-btn-primary {
    background-color: #ff6b72;
    border-color: #ff6b72;
    color: #fff;
  }
  .ant-btn-dangerous.ant-btn-primary:hover,
  .ant-btn-dangerous.ant-btn-primary:focus {
    color: #fff;
    background-color: #ff858a;
    border-color: #ff858a;
  }
  .ant-btn-dangerous.ant-btn-primary:active {
    color: #ff525a;
    border-color: #ff525a;
  }
  .ant-btn-dangerous.ant-btn-link {
    color: #ff6b72;
  }
  .ant-btn-dangerous.ant-btn-link:hover,
  .ant-btn-dangerous.ant-btn-link:focus {
    background-color: transparent;
    color: #ff6b72;
  }
  .ant-btn-dangerous.ant-btn-link:hover {
    background-color: rgba(255, 107, 114, 0.1);
  }
  .ant-btn-dangerous.ant-btn-link:active {
    background-color: rgba(255, 107, 114, 0.2);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.5;
    color: #353535;
  }
  h1,
  .h1 {
    font-size: 30px;
  }
  h2,
  .h2 {
    font-size: 22px;
  }
  h3,
  .h3 {
    font-size: 21px;
  }
  h4,
  .h4 {
    font-size: 17px;
  }
  h5,
  .h5 {
    font-size: 14px;
  }
  h6,
  .h6 {
    font-size: 10px;
  }
  p {
    color: #949494;
    line-height: 1.8;
  }
  code {
    margin: 0 1px;
    background: #f7f7f7;
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-size: 0.9em;
    border: 1px solid #e2e2e2;
    color: #ff6b72;
  }
  .hl-code code {
    margin: 0;
    background: transparent;
    padding: 0;
    border-radius: 3px;
    font-size: 1em;
    border: 0;
  }
  .ant-typography h1,
  h1.ant-typography {
    font-weight: 600;
  }
  .ant-typography h2,
  h2.ant-typography {
    font-weight: 600;
  }
  .ant-typography h3,
  h3.ant-typography {
    font-weight: 600;
  }
  .ant-typography h4,
  h4.ant-typography {
    font-weight: 600;
  }
  .ant-typography p,
  p.ant-typography {
    color: #949494;
  }
  .ant-typography strong {
    font-weight: bold;
  }
  .ant-typography.ant-typography-warning {
    color: #ffc542;
  }
  .ant-typography.ant-typography-danger {
    color: #ff6b72;
  }
  .display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .display-2 {
    font-size: 5rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .display-3 {
    font-size: 4rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .display-4 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1;
  }
  .ant-affix {
    z-index: 1030;
    top: 70px !important;
  }
  .ant-dropdown-menu {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    min-width: 160px;
  }
  .ant-dropdown-menu-item,
  .ant-dropdown-menu-submenu-title {
    padding: 8px 20px;
  }
  .ant-dropdown-menu-item > a,
  .ant-dropdown-menu-submenu-title > a {
    padding: 8px 20px;
    margin: -8px -20px;
  }
  .ant-menu {
    font-weight: 600;
  }
  .ant-menu-horizontal > .ant-menu-item-active,
  .ant-menu-horizontal > .ant-menu-item-open,
  .ant-menu-horizontal > .ant-menu-item-selected,
  .ant-menu-horizontal > .ant-menu-submenu-active,
  .ant-menu-horizontal > .ant-menu-submenu-open,
  .ant-menu-horizontal > .ant-menu-submenu-selected {
    border-bottom: 0px;
  }
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item:hover,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-active,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-open,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-open,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected,
  .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu-selected {
    border-bottom: 0px;
  }
  .ant-menu-horizontal > .ant-menu-item,
  .ant-menu-horizontal > .ant-menu-submenu {
    border-bottom: 0px;
  }
  .ant-menu-horizontal > .ant-menu-item:hover,
  .ant-menu-horizontal > .ant-menu-submenu:hover {
    border-bottom: 0px;
  }
  .ant-menu-sub {
    font-weight: 400;
  }
  .ant-menu-inline-collapsed .ant-menu-item-group-title {
    display: none;
  }
  .ant-menu-item-group-title {
    padding: 12px 24px;
    color: rgba(53, 53, 53, 0.6);
    font-size: 12px;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
  }
  .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
    font-weight: 600;
  }
  .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
    color: #949494;
  }
  .ant-steps-item-wait .ant-steps-item-icon {
    border-color: #e2e2e2;
  }
  .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
    color: #949494;
  }
  .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content .ant-steps-item-description,
  .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content .ant-steps-item-title {
    color: rgba(148, 148, 148, 0.7);
  }
  .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
    color: rgba(148, 148, 148, 0.7);
  }
  .ant-checkbox-inner,
  .ant-checkbox-input {
    border-radius: 0.25rem !important;
  }
  .ant-checkbox-inner:after,
  .ant-checkbox-input:after {
    top: 8px;
    left: 4px;
  }
  .ant-checkbox-checked:after {
    border-radius: 0.25rem;
  }
  .ant-picker-cell .ant-picker-cell-inner {
    border-radius: 50rem;
  }
  .ant-picker-cell-in-view.ant-picker-cell-today {
    color: #4A3AFF;
  }
  .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
    border-radius: 50rem;
  }
  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
    .ant-picker-cell-range-start-single
  ):not(.ant-picker-cell-range-end) .ant-picker-cell-inner {
    border-radius: 50rem;
  }
  .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(
      .ant-picker-cell-range-end
    ) .ant-picker-cell-inner {
    border-radius: 50rem;
  }
  .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(
      .ant-picker-cell-range-start
    ) .ant-picker-cell-inner {
    border-radius: 50rem;
  }
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(
      .ant-picker-cell-range-start
    ):not(.ant-picker-cell-range-end)::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(
      .ant-picker-cell-range-start
    ):not(.ant-picker-cell-range-end)::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after {
    height: 30px;
  }
  .ant-picker-cell-in-view.ant-picker-cell-end.ant-picker-cell-range-hover-edge-end.ant-picker-cell-range-hover-edge-end-near-range::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(
      .ant-picker-cell-range-hover-edge-end-near-range
    )::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after {
    right: 3px;
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
  }
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(
      .ant-picker-cell-range-hover-edge-start-near-range
    )::after,
  .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after,
  .ant-picker-cell-in-view.ant-picker-cell-start.ant-picker-cell-range-hover-edge-start.ant-picker-cell-range-hover-edge-start-near-range::after {
    left: 3px;
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
  }
  .ant-picker-range .ant-picker-active-bar {
    background-color: transparent;
  }
  tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after,
  tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after {
    right: 3px;
    border-top-right-radius: 50rem;
    border-bottom-right-radius: 50rem;
  }
  tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after,
  tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after {
    left: 3px;
    border-top-left-radius: 50rem;
    border-bottom-left-radius: 50rem;
  }
  .ant-picker-month-panel .ant-picker-cell-inner,
  .ant-picker-quarter-panel .ant-picker-cell-inner,
  .ant-picker-year-panel .ant-picker-cell-inner {
    width: 80px;
  }
  .ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
    background: rgba(74, 58, 255, 0.1);
    color: #4A3AFF;
    font-weight: 600;
  }
  .ant-form-item {
    margin-bottom: 24px;
  }
  .ant-form-item-label label {
    font-weight: 600;
  }
  .ant-form-item-label > label {
    color: #353535;
  }
  .ant-radio-inner:after {
    top: 3px;
    left: 3px;
  }
  .ant-slider {
    margin-bottom: 30px;
  }
  .ant-slider-vertical .ant-slider-handle {
    margin-left: -7px;
  }
  .ant-slider-vertical .ant-slider-mark-text {
    left: 10px;
  }
  .ant-slider-mark {
    top: 17px;
  }
  .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background-color: rgba(74, 58, 255, 0.1);
    color: #4A3AFF;
  }
  .ant-transfer-list {
    width: 240px;
  }
  .ant-tree-checkbox-inner {
    border-radius: 0.25rem;
  }
  .ant-tree .ant-tree-node-content-wrapper {
    border-radius: 0.25rem;
  }
  .ant-upload.ant-upload-select-picture-card {
    width: 110px;
    height: 110px;
    border: 2px dashed #e2e2e2;
    border-radius: 10px;
    background-color: transparent;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .ant-upload.ant-upload-drag {
    border: 2px dashed #e2e2e2;
    border-radius: 0.625rem;
    padding: 0 16px;
    background: transparent;
    min-height: 220px;
    display: flex;
    align-items: center;
  }
  .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
    border-color: #4A3AFF;
  }
  .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
    color: #4A3AFF;
  }
  .ant-upload.ant-upload-drag p.ant-upload-text {
    color: #353535;
    font-size: 18px;
    margin-bottom: 15px;
  }
  .ant-upload.ant-upload-drag p.ant-upload-hint {
    color: #949494;
  }
  .ant-upload-list-item {
    height: 30px;
  }
  .ant-upload-list-item-info {
    border-radius: 0.25rem;
  }
  .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete,
  .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
  .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye {
    color: rgba(255, 255, 255, 0.85);
  }
  .ant-upload-list-picture-card .ant-upload-list-item-actions .ant-btn:not(.ant-btn-primary):focus,
  .ant-upload-list-picture-card .ant-upload-list-item-actions .ant-btn:not(.ant-btn-primary):hover {
    background-color: transparent;
    border-color: transparent;
    color: #fff;
  }
  .ant-upload-list-item-card-actions .ant-btn:not(.ant-btn-primary):focus,
  .ant-upload-list-item-card-actions .ant-btn:not(.ant-btn-primary):hover {
    background-color: transparent;
    border-color: transparent;
  }
  .avatar-status-name {
    font-weight: 600;
    color: #353535;
  }
  .ant-avatar-blue {
    background: rgba(74, 58, 255, 0.1);
    color: #4A3AFF;
  }
  .ant-avatar-purple {
    background: rgba(74, 58, 255, 0.1);
    color: #4A3AFF;
  }
  .ant-avatar-cyan {
    background: rgba(25, 243, 245, 0.1);
    color: #19f3f5;
  }
  .ant-avatar-green {
    background: rgba(33, 181, 115, 0.1);
    color: #21b573;
  }
  .ant-avatar-magenta {
    background: rgba(196, 0, 240, 0.1);
    color: #c400f0;
  }
  .ant-avatar-pink {
    background: rgba(254, 0, 133, 0.1);
    color: #fe0085;
  }
  .ant-avatar-red {
    background: rgba(222, 68, 54, 0.1);
    color: #de4436;
  }
  .ant-avatar-orange {
    background: rgba(250, 140, 22, 0.1);
    color: #fa8c16;
  }
  .ant-avatar-yellow {
    background: rgba(250, 219, 20, 0.1);
    color: #fadb14;
  }
  .ant-avatar-volcano {
    background: rgba(255, 107, 114, 0.1);
    color: #ff6b72;
  }
  .ant-avatar-geekblue {
    background: rgba(23, 188, 255, 0.1);
    color: #17bcff;
  }
  .ant-avatar-lime {
    background: rgba(160, 217, 17, 0.1);
    color: #a0d911;
  }
  .ant-avatar-gold {
    background: rgba(255, 197, 66, 0.1);
    color: #ffc542;
  }
  .ant-avatar-primary {
    background: rgba(74, 58, 255, 0.1);
    color: #4A3AFF;
  }
  .ant-avatar-secondary {
    background: rgba(74, 58, 255, 0.1);
    color: #4A3AFF;
  }
  .ant-avatar-success {
    background: rgba(25, 243, 245, 0.1);
    color: #19f3f5;
  }
  .ant-avatar-info {
    background: rgba(74, 58, 255, 0.1);
    color: #4A3AFF;
  }
  .ant-avatar-warning {
    background: rgba(255, 197, 66, 0.1);
    color: #ffc542;
  }
  .ant-avatar-danger {
    background: rgba(255, 107, 114, 0.1);
    color: #ff6b72;
  }
  .ant-avatar-gray {
    background: rgba(82, 82, 82, 0.1);
    color: #525252;
  }
  .ant-avatar-gray-light {
    background: rgba(148, 148, 148, 0.1);
    color: #949494;
  }
  .ant-avatar-gray-lighter {
    background: rgba(236, 236, 236, 0.1);
    color: #ececec;
  }
  .ant-avatar-gray-lightest {
    background: rgba(247, 247, 247, 0.1);
    color: #f7f7f7;
  }
  .ant-avatar-dark {
    background: rgba(53, 53, 53, 0.1);
    color: #353535;
  }
  .ant-badge p {
    color: inherit;
  }
  .ant-comment-content-author > a,
  .ant-comment-content-author > span {
    font-size: 17px;
  }
  .ant-comment-content-author-name {
    color: #353535;
    font-weight: 600;
  }
  .ant-comment-content-author-name > * {
    color: #353535;
    font-weight: 600;
  }
  .ant-comment-content-author-name > *:hover {
    color: #4A3AFF;
  }
  .ant-comment-content-author-time > * {
    font-size: 12px;
  }
  .ant-comment-content-detail p {
    color: #949494;
  }
  .ant-comment-actions > li > span {
    font-size: 14px;
    padding-right: 15px;
  }
  .ant-comment-actions > li .anticon {
    margin-right: 5px;
  }
  .ant-collapse > .ant-collapse-item > .ant-collapse-header {
    padding: 16px 40px;
  }
  .ant-collapse-content > .ant-collapse-content-box {
    padding: 1rem;
  }
  .ant-collapse-borderless {
    background-color: #fff;
  }
  .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-header {
    font-size: 17px;
    font-weight: 600;
  }
  .ant-collapse-borderless.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
    top: 21px;
  }
  .ant-card {
    margin-bottom: 20px;
  }
  .ant-card-head .ant-tabs-bar {
    border-bottom: 1px solid #e2e2e2;
  }
  .ant-card-head .ant-tabs {
    margin-bottom: -21px;
  }
  .ant-card-head-title {
    font-weight: bold;
    padding-bottom: 0;
    padding-top: 16px;
  }
  .ant-card-extra {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .ant-card-bordered {
    border: 1px solid #e2e2e2;
  }
  .ant-card-meta-title {
    font-weight: bold;
  }
  .ant-card-type-inner .ant-card-head {
    background: #f7f7f7;
  }
  .ant-picker-calendar .ant-picker-panel .ant-picker-body {
    padding: 10px 0;
  }
  .ant-picker-calendar .ant-picker-panel .ant-picker-content tbody {
    border-left: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
  }
  .ant-picker-calendar.ant-picker-calendar-mini .ant-picker-panel {
    border-top: 1px solid #e2e2e2;
  }
  .ant-picker-calendar.ant-picker-calendar-mini .ant-picker-panel .ant-picker-content tbody {
    border-left: 0;
    border-bottom: 0;
  }
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
    margin: 0px;
    padding: 4px 8px 0;
    border-top: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
  }
  @media only screen and (max-width: 768px) {
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date {
      padding-left: 4px;
      padding-right: 4px;
    }
  }
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
    display: inline-block;
    line-height: 2;
  }
  @media only screen and (max-width: 768px) {
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-value {
      line-height: 1.5;
    }
  }
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
    height: 86px;
  }
  @media only screen and (min-width: 992px) and (max-width: 1600px) {
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
      height: 70px;
    }
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content .calendar-event .ant-badge {
      display: flex;
      align-items: baseline;
    }
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content .calendar-event .ant-badge-status-dot {
      min-width: 7px;
    }
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content .calendar-event .ant-badge-status-text {
      font-size: 12px;
    }
  }
  @media only screen and (max-width: 768px) {
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
      height: 30px;
    }
  }
  @media only screen and (max-width: 992px) {
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-content {
      height: 40px;
    }
  }
  @media only screen and (max-width: 768px) {
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell .ant-picker-cell-inner {
      line-height: 1;
      font-size: 12px;
    }
  }
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date,
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today {
    background: rgba(74, 58, 255, 0.1);
  }
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date .ant-picker-calendar-date-value,
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
    color: #4A3AFF;
    font-weight: 600;
  }
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date,
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today {
    background: rgba(74, 58, 255, 0.1);
  }
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date .ant-picker-calendar-date-value,
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-cell-selected:hover .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
    color: #4A3AFF;
  }
  .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
    background-color: #4A3AFF;
    color: #fff !important;
    font-weight: 400 !important;
    border-radius: 0.3rem;
    padding: 0rem 0.408rem;
  }
  @media only screen and (max-width: 768px) {
    .ant-picker-calendar-full .ant-picker-panel .ant-picker-calendar-date-today .ant-picker-calendar-date-value {
      padding: 0rem 0.2rem;
    }
  }
  .ant-picker-calendar-header {
    padding: 0.9375rem 0;
  }
  .ant-list-vertical .ant-list-item-meta-title {
    margin-bottom: 0px;
  }
  .ant-list-item-meta-description {
    font-size: 13px;
  }
  .ant-list-item.list-clickable {
    cursor: pointer;
    transition: background-color 0.15s ease;
  }
  .ant-list-item.list-clickable:hover {
    background-color: #f5f5f5;
  }
  .ant-timeline-item-tail {
    border-left-style: dashed;
    border-color: #e2e2e2;
  }
  .ant-tree-checkbox-inner {
    border-radius: 0.25rem;
  }
  .ant-tree-checkbox-inner:after {
    top: 8px;
    left: 4px;
  }
  .ant-tree-checkbox-checked:after {
    border-radius: 0.25rem;
  }
  .ant-tag {
    border-radius: 0.25rem;
    background: #fff;
    padding: 0 10px;
    margin-right: 10px;
  }
  .ant-tag-blue {
    background: rgba(74, 58, 255, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-purple {
    background: rgba(74, 58, 255, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-cyan {
    background: rgba(25, 243, 245, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-green {
    background: rgba(33, 181, 115, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-magenta {
    background: rgba(196, 0, 240, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-pink {
    background: rgba(254, 0, 133, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-red {
    background: rgba(222, 68, 54, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-orange {
    background: rgba(250, 140, 22, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-yellow {
    background: rgba(250, 219, 20, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-volcano {
    background: rgba(255, 107, 114, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-geekblue {
    background: rgba(23, 188, 255, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-lime {
    background: rgba(160, 217, 17, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tag-gold {
    background: rgba(255, 197, 66, 0.1);
    border-color: transparent;
    font-weight: 600;
  }
  .ant-tabs-tab {
    padding: 12px 20px;
    margin-right: 20px;
  }
  .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab,
  .ant-tabs-card.ant-tabs-top > div > .ant-tabs-nav .ant-tabs-tab {
    border-radius: 0.25rem 0.25rem 0px 0px;
  }
  .ant-table-thead > tr > th {
    font-weight: bold;
  }
  .ant-table-thead th.ant-table-column-has-sorters:hover {
    background: #f2f2f2;
  }
  .ant-table-fixed-header .ant-table-thead > tr > th {
    background: #f7f7f7;
  }
  .ant-alert-with-description .ant-alert-message {
    font-weight: 600;
  }
  .ant-message-notice-content {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }
  .ant-notification-notice-message {
    font-weight: 600;
  }
  .ant-popover-inner {
    box-shadow: 0 2px 8px rgba(26, 51, 83, 0.15);
  }
  .loading.cover-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .loading.cover-page {
    position: fixed;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ant-anchor-link {
    padding: 8px 0 8px 15px;
    line-height: 1.5;
  }
  .social-media-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
  }
  .social-media-table th,
  .social-media-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
  .social-media-table th {
    background-color: #f4f4f4;
  }
  .social-media-table td span {
    color: gray;
    font-size: 0.85em;
    margin-left: 10px;
  }
  .social-media-table tbody tr:hover {
    background-color: #f1f1f1;
  }
  .api-container {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 0.625rem;
    padding-top: 0;
    overflow-x: auto;
  }
  .api-container .api-title {
    margin-top: 24px;
  }
  .api-container .api-title.when-to-use {
    margin-top: 24px;
  }
  .api-container .api-title.api {
    margin-top: 24px;
  }
  .api-container .api-title.api.h2 {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 8px;
    margin-bottom: 24px;
  }
  .api-container ul {
    padding-left: 0;
  }
  .api-container ul > li {
    margin-left: 20px;
    padding-left: 4px;
    list-style-type: circle;
  }
  .api-container > hr {
    display: none;
  }
  .api-container img {
    max-width: 100%;
  }
  .api-container .api-code-highligher {
    margin-bottom: 16px;
  }
  .api-container .api-code-highligher code {
    margin: 0;
    background: transparent;
    padding: 0;
    border-radius: 0;
    font-size: 14px;
    border: 0;
    color: inherit;
  }
  .api-container table {
    min-width: 720px;
    width: 100%;
    margin-bottom: 2.5em;
    margin-top: 0.8rem;
    font-size: 13px;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    line-height: 1.5;
    border: 1px solid #e2e2e2;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .api-container table th {
    padding-top: 14px;
    border-width: 0 0 2px 0;
    color: #5c6b77;
    font-weight: 500;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.02);
  }
  .api-container table td:first-child {
    width: 20%;
    color: #595959;
    font-weight: 600;
  }
  .api-container table th,
  .api-container table td {
    padding: 12px;
    border-color: #e2e2e2;
    border-width: 1px 0;
    border-style: solid;
  }
  .api-container table tbody tr {
    transition: all 0.3s ease;
  }
  .api-container table tbody tr:hover {
    background: rgba(60, 90, 100, 0.04);
  }
  .color-picker {
    position: relative;
  }
  .color-picker .color-picker-dropdown {
    border: 1px solid #e2e2e2;
    border-radius: 0.625rem;
    padding: 5px;
    display: inline-block;
  }
  .color-picker .color-picker-dropdown .color {
    height: 15px;
    width: 60px;
    border: 1px solid #e2e2e2;
    cursor: pointer;
  }
  .color-picker .color-picker-backdrop {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: transparent;
    left: 0;
    top: 0;
    z-index: 1081;
  }
  .color-picker .sketch-picker {
    position: absolute;
    z-index: 1082;
    left: 0;
    top: 30px;
  }
  .ellipsis-dropdown {
    cursor: pointer;
    font-size: 21px;
    transform: rotate(90deg);
    display: inline-block;
    line-height: 1;
    padding: 0.3125rem;
    border-radius: 50rem;
    transition: background-color 0.3s ease;
  }
  .ellipsis-dropdown:hover,
  .ellipsis-dropdown:focus {
    background-color: rgba(0, 0, 0, 0.05);
  }
  ul.anticons-list {
    margin: 10px 0;
    overflow: hidden;
    list-style: none;
    padding-left: 0;
  }
  ul.anticons-list li {
    position: relative;
    float: left;
    width: 16.66%;
    height: 100px;
    margin: 3px 0;
    padding: 10px 0 0;
    overflow: hidden;
    text-align: center;
    list-style: none;
    background-color: inherit;
    border-radius: 4px;
    cursor: pointer;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  }
  @media only screen and (max-width: 768px) {
    ul.anticons-list li {
      width: 33%;
    }
  }
  ul.anticons-list li .anticon {
    margin: 12px 0 8px;
    font-size: 36px;
    transition: transform 0.3s ease-in-out;
    will-change: transform;
  }
  ul.anticons-list li .anticon-class {
    display: block;
    white-space: nowrap;
    text-align: center;
    transform: scale(0.83);
  }
  ul.anticons-list li .anticon-class .ant-badge {
    transition: color 0.3s ease-in-out;
  }
  ul.anticons-list li:hover {
    color: #fff;
    background-color: #4A3AFF;
  }
  ul.anticons-list li:hover .anticon {
    transform: scale(1.4);
  }
  ul.anticons-list li:hover .ant-badge {
    color: #fff;
  }
  ul.anticons-list li.TwoTone:hover {
    background-color: #8ecafe;
  }
  ul.anticons-list li.copied:hover {
    color: rgba(255, 255, 255, 0.2);
  }
  ul.anticons-list li::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 110px;
    text-align: center;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    content: 'Copied!';
  }
  ul.anticons-list li.copied::after {
    top: -10px;
    opacity: 1;
  }
  .copied-code {
    padding: 2px 4px 2px;
    font-size: 12px;
    background: #f5f5f5;
    border-radius: 2px;
  }
  .apexcharts-tooltip {
    box-shadow: #aeaeae 0px 0px 10px !important;
  }
  .apexcharts-tooltip.apexcharts-theme-light {
    border: 0 !important;
    background: #ffffff !important;
  }
  .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: transparent !important;
    border-bottom: 0 !important;
  }
  .apexcharts-tooltip-title {
    margin-bottom: 0 !important;
  }
  .apexcharts-gridline {
    stroke: #e2e2e2;
  }
  .apexcharts-text tspan {
    fill: #525252;
  }
  .apexcharts-menu-item {
    text-align: left;
  }
  .apexcharts-xaxistooltip:not(.apexcharts-theme-dark) {
    /* !important requis : la CSS d'apexcharts v6 est injectée hors couche et bat sinon toute
     déclaration de ce fichier (confiné dans @layer vendor). Le :not() laisse la main à la
     variante dark de la lib. Variables internes --apx-axt-* vérifiées sur apexcharts 6.7.0 —
     à revérifier à chaque bump. */
    --apx-axt-bg: #eceff1 !important;
    --apx-axt-border: #90a4ae !important;
    --apx-axt-color: #373d3f !important;
    --apx-axt-shadow: none !important;
    padding: 9px 10px !important;
    font-size: 13px !important;
    border-radius: 2px !important;
  }
  .apexcharts-legend-text {
    color: #525252 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'IBM Plex Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;
  }
  .ql-container {
    box-sizing: border-box;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
  }
  .ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
  }
  .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
    pointer-events: none;
  }
  .ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
  }
  .ql-clipboard p {
    margin: 0;
    padding: 0;
  }
  .ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  .ql-editor > * {
    cursor: text;
  }
  .ql-editor p,
  .ql-editor ol,
  .ql-editor ul,
  .ql-editor pre,
  .ql-editor blockquote,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol,
  .ql-editor ul {
    padding-left: 1.5em;
  }
  .ql-editor ol > li,
  .ql-editor ul > li {
    list-style-type: none;
  }
  .ql-editor ul > li::before {
    content: '\2022';
  }
  .ql-editor ul[data-checked='true'],
  .ql-editor ul[data-checked='false'] {
    pointer-events: none;
  }
  .ql-editor ul[data-checked='true'] > li *,
  .ql-editor ul[data-checked='false'] > li * {
    pointer-events: all;
  }
  .ql-editor ul[data-checked='true'] > li::before,
  .ql-editor ul[data-checked='false'] > li::before {
    color: #777;
    cursor: pointer;
    pointer-events: all;
  }
  .ql-editor ul[data-checked='true'] > li::before {
    content: '\2611';
  }
  .ql-editor ul[data-checked='false'] > li::before {
    content: '\2610';
  }
  .ql-editor li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
  }
  .ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right;
  }
  .ql-editor li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
  }
  .ql-editor ol li:not(.ql-direction-rtl),
  .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
  }
  .ql-editor ol li.ql-direction-rtl,
  .ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em;
  }
  .ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
  }
  .ql-editor ol li:before {
    content: counter(list-0, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
  }
  .ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
  }
  .ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
  }
  .ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
  }
  .ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
  }
  .ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
  }
  .ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
  }
  .ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
  }
  .ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
  }
  .ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
  }
  .ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
  }
  .ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
  }
  .ql-editor ol li.ql-indent-8 {
    counter-reset: list-9;
  }
  .ql-editor ol li.ql-indent-9 {
    counter-increment: list-9;
  }
  .ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
  }
  .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
  }
  .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
  }
  .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
  }
  .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
  }
  .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
  }
  .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
  }
  .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
  }
  .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
  }
  .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
  }
  .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
  }
  .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
  }
  .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
  }
  .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
  }
  .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
  }
  .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
  }
  .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
  }
  .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
  }
  .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
  }
  .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
  }
  .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
  }
  .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
  }
  .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
  }
  .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
  }
  .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
  }
  .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
  }
  .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
  }
  .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
  }
  .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
  }
  .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
  }
  .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
  }
  .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
  }
  .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
  }
  .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
  }
  .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
  }
  .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
  }
  .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
  }
  .ql-editor .ql-video {
    display: block;
    max-width: 100%;
  }
  .ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
  }
  .ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
  }
  .ql-editor .ql-bg-black {
    background-color: #000;
  }
  .ql-editor .ql-bg-red {
    background-color: #e60000;
  }
  .ql-editor .ql-bg-orange {
    background-color: #f90;
  }
  .ql-editor .ql-bg-yellow {
    background-color: #ff0;
  }
  .ql-editor .ql-bg-green {
    background-color: #008a00;
  }
  .ql-editor .ql-bg-blue {
    background-color: #4A3AFF;
  }
  .ql-editor .ql-bg-purple {
    background-color: #93f;
  }
  .ql-editor .ql-color-white {
    color: #fff;
  }
  .ql-editor .ql-color-red {
    color: #e60000;
  }
  .ql-editor .ql-color-orange {
    color: #f90;
  }
  .ql-editor .ql-color-yellow {
    color: #ff0;
  }
  .ql-editor .ql-color-green {
    color: #008a00;
  }
  .ql-editor .ql-color-blue {
    color: #4A3AFF;
  }
  .ql-editor .ql-color-purple {
    color: #93f;
  }
  .ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
  }
  .ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
  }
  .ql-editor .ql-size-small {
    font-size: 0.75em;
  }
  .ql-editor .ql-size-large {
    font-size: 1.5em;
  }
  .ql-editor .ql-size-huge {
    font-size: 2.5em;
  }
  .ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
  }
  .ql-editor .ql-align-center {
    text-align: center;
  }
  .ql-editor .ql-align-justify {
    text-align: justify;
  }
  .ql-editor .ql-align-right {
    text-align: right;
  }
  .ql-editor.ql-blank::before {
    color: rgba(148, 148, 148, 0.4);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
  }
  .ql-snow.ql-toolbar:after,
  .ql-snow .ql-toolbar:after {
    clear: both;
    content: '';
    display: table;
  }
  .ql-snow.ql-toolbar button,
  .ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 26px;
    padding: 5px 7px;
    width: 30px;
    border-radius: 4px;
  }
  .ql-snow.ql-toolbar button svg,
  .ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%;
  }
  .ql-snow.ql-toolbar button:active:hover,
  .ql-snow .ql-toolbar button:active:hover {
    outline: none;
  }
  .ql-snow.ql-toolbar input.ql-image[type='file'],
  .ql-snow .ql-toolbar input.ql-image[type='file'] {
    display: none;
  }
  .ql-snow.ql-toolbar button:hover,
  .ql-snow .ql-toolbar button:hover,
  .ql-snow.ql-toolbar button:focus,
  .ql-snow .ql-toolbar button:focus,
  .ql-snow.ql-toolbar .ql-picker-label:hover,
  .ql-snow .ql-toolbar .ql-picker-label:hover,
  .ql-snow.ql-toolbar .ql-picker-item:hover,
  .ql-snow .ql-toolbar .ql-picker-item:hover,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #4A3AFF;
    background-color: rgba(74, 58, 255, 0.15);
  }
  .ql-snow.ql-toolbar button.ql-active,
  .ql-snow .ql-toolbar button.ql-active,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active {
    color: #4A3AFF;
  }
  .ql-snow.ql-toolbar button:hover .ql-fill,
  .ql-snow .ql-toolbar button:hover .ql-fill,
  .ql-snow.ql-toolbar button:focus .ql-fill,
  .ql-snow .ql-toolbar button:focus .ql-fill,
  .ql-snow.ql-toolbar button.ql-active .ql-fill,
  .ql-snow .ql-toolbar button.ql-active .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #4A3AFF;
  }
  .ql-snow.ql-toolbar button:hover .ql-stroke,
  .ql-snow .ql-toolbar button:hover .ql-stroke,
  .ql-snow.ql-toolbar button:focus .ql-stroke,
  .ql-snow .ql-toolbar button:focus .ql-stroke,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
  .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
  .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #4A3AFF;
  }
  @media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
      color: #525252;
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
      fill: #525252;
    }
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
      stroke: #525252;
    }
  }
  .ql-snow {
    box-sizing: border-box;
  }
  .ql-snow * {
    box-sizing: border-box;
  }
  .ql-snow .ql-hidden {
    display: none;
  }
  .ql-snow .ql-out-bottom,
  .ql-snow .ql-out-top {
    visibility: hidden;
  }
  .ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
  }
  .ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none;
  }
  .ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px);
  }
  .ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle;
  }
  .ql-snow .ql-formats:after {
    clear: both;
    content: '';
    display: table;
  }
  .ql-snow .ql-stroke {
    fill: none;
    stroke: #525252;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }
  .ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #525252;
    stroke-miterlimit: 10;
    stroke-width: 2;
  }
  .ql-snow .ql-fill,
  .ql-snow .ql-stroke.ql-fill {
    fill: #525252;
  }
  .ql-snow .ql-empty {
    fill: none;
  }
  .ql-snow .ql-even {
    fill-rule: evenodd;
  }
  .ql-snow .ql-thin,
  .ql-snow .ql-stroke.ql-thin {
    stroke-width: 1;
  }
  .ql-snow .ql-transparent {
    opacity: 0.4;
  }
  .ql-snow .ql-direction svg:last-child {
    display: none;
  }
  .ql-snow .ql-direction.ql-active svg:last-child {
    display: inline;
  }
  .ql-snow .ql-direction.ql-active svg:first-child {
    display: none;
  }
  .ql-snow .ql-editor h1 {
    font-size: 2em;
  }
  .ql-snow .ql-editor h2 {
    font-size: 1.5em;
  }
  .ql-snow .ql-editor h3 {
    font-size: 1.17em;
  }
  .ql-snow .ql-editor h4 {
    font-size: 1em;
  }
  .ql-snow .ql-editor h5 {
    font-size: 0.83em;
  }
  .ql-snow .ql-editor h6 {
    font-size: 0.67em;
  }
  .ql-snow .ql-editor a {
    text-decoration: underline;
  }
  .ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
  }
  .ql-snow .ql-editor code,
  .ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px;
  }
  .ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
  }
  .ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px;
  }
  .ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
  }
  .ql-snow .ql-editor img {
    max-width: 100%;
  }
  .ql-snow .ql-picker {
    color: #525252;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle;
  }
  .ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%;
  }
  .ql-snow .ql-picker-label::before {
    display: inline-block;
    line-height: 22px;
  }
  .ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
  }
  .ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding: 5px 10px;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc;
  }
  .ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1;
  }
  .ql-snow .ql-color-picker,
  .ql-snow .ql-icon-picker {
    width: 28px;
  }
  .ql-snow .ql-color-picker .ql-picker-label,
  .ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px;
  }
  .ql-snow .ql-color-picker .ql-picker-label svg,
  .ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px;
  }
  .ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0px;
  }
  .ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px;
  }
  .ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px;
  }
  .ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0px;
    width: 16px;
  }
  .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
    content: attr(data-label);
  }
  .ql-snow .ql-picker.ql-header {
    width: 98px;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normal';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
    content: 'Heading 1';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
    content: 'Heading 2';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
    content: 'Heading 3';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
    content: 'Heading 4';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
    content: 'Heading 5';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
    content: 'Heading 6';
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
    font-size: 2em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
    font-size: 1.5em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
    font-size: 1.17em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
    font-size: 1em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
    font-size: 0.83em;
  }
  .ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
    font-size: 0.67em;
  }
  .ql-snow .ql-picker.ql-font {
    width: 108px;
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: 'Sans Serif';
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
    content: 'Serif';
  }
  .ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
    content: 'Monospace';
  }
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
    font-family: Georgia, Times New Roman, serif;
  }
  .ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
    font-family: Monaco, Courier New, monospace;
  }
  .ql-snow .ql-picker.ql-size {
    width: 98px;
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: 'Normal';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
    content: 'Small';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
    content: 'Large';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
    content: 'Huge';
  }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
    font-size: 10px;
  }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
    font-size: 18px;
  }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
    font-size: 32px;
  }
  .ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff;
  }
  .ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000;
  }
  .ql-toolbar.ql-snow {
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    padding: 8px;
  }
  .ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px;
  }
  .ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent;
  }
  .ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
  }
  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: #e2e2e2;
  }
  .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #e2e2e2;
  }
  .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
  .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000;
  }
  .ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-top: 0px;
  }
  .ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    box-shadow: 0px 0px 5px #ddd;
    color: #525252;
    padding: 5px 12px;
    white-space: nowrap;
  }
  .ql-snow .ql-tooltip::before {
    content: 'Visit URL:';
    line-height: 26px;
    margin-right: 8px;
  }
  .ql-snow .ql-tooltip input[type='text'] {
    display: none;
    border: 1px solid #e2e2e2;
    font-size: 13px;
    height: 26px;
    margin: 0px;
    padding: 3px 5px;
    width: 170px;
  }
  .ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
  }
  .ql-snow .ql-tooltip a.ql-action::after {
    border-right: 1px solid #e2e2e2;
    content: 'Edit';
    margin-left: 16px;
    padding-right: 8px;
  }
  .ql-snow .ql-tooltip a.ql-remove::before {
    content: 'Remove';
    margin-left: 8px;
  }
  .ql-snow .ql-tooltip a {
    line-height: 26px;
  }
  .ql-snow .ql-tooltip.ql-editing a.ql-preview,
  .ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none;
  }
  .ql-snow .ql-tooltip.ql-editing input[type='text'] {
    display: inline-block;
  }
  .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    border-right: 0px;
    content: 'Save';
    padding-right: 0px;
  }
  .ql-snow .ql-tooltip[data-mode='link']::before {
    content: 'Enter link:';
  }
  .ql-snow .ql-tooltip[data-mode='formula']::before {
    content: 'Enter formula:';
  }
  .ql-snow .ql-tooltip[data-mode='video']::before {
    content: 'Enter video:';
  }
  .ql-snow a {
    color: #4A3AFF;
  }
  .ql-container.ql-snow {
    border: 1px solid #e2e2e2;
  }
  .app-content {
    padding: 25px;
    min-height: calc(100vh - 130px);
    position: relative;
  }
  @media print {
    .app-content {
      padding: 0px ;
      margin-top: 0px;
    }
  }
  .app-content .content-full {
    min-height: 75vh;
  }
  .app-content .content-full-no-page-header {
    min-height: 80vh;
  }
  .app-content.layout-top-nav {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  @media only screen and (min-width: 992px) {
    .app-content.layout-top-nav {
      margin-top: 125px;
      min-height: calc(100vh - 130px - 55px);
    }
  }
  @media only screen and (max-width: 768px) {
    .app-content {
      padding: 15px;
    }
  }
  @media print {
    .app-layout {
      padding-left: 0px !important;
    }
  }
  .auth-container {
    height: 100vh;
  }
  .nav-close .anticon {
    padding: 0.625rem;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.3s ease;
  }
  .nav-close .anticon:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .logo {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    background-color: transparent;
    transition: all 0.2s ease;
  }
  .nav-profile {
    width: 14.5rem;
  }
  .nav-profile .nav-profile-header {
    padding: 0.7rem 1rem;
    border-bottom: none;
  }
  .nav-profile .nav-profile-body {
    padding: 0.625rem 0;
  }
  .nav-profile .nav-profile-body .ant-menu-vertical > .ant-menu-item {
    height: 2.1875rem;
    line-height: 2.1875rem;
  }
  .page-header-alt {
    background-color: #fff;
    padding: 25px;
    margin-top: -25px;
    margin-left: -25px;
    margin-right: -25px;
  }
  @media only screen and (max-width: 768px) {
    .page-header-alt {
      margin-left: -15px;
      margin-right: -15px;
    }
  }
  .page-header-alt.overlap {
    margin-bottom: -4.6875rem;
  }
  .page-header-alt.full-screen {
    position: relative;
    width: 100vw;
  }
  .side-nav {
    height: calc(100vh - 70px);
    position: fixed;
    top: 70px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.15);
    z-index: 999;
    background-color: #fff;
  }
  @media print {
    .side-nav {
      display: none;
    }
  }
  .side-nav.side-nav-dark {
    background-color: #283142;
  }
  .side-nav .hide-group-title .ant-menu-item-group-title {
    display: none;
  }
  .mobile-nav-menu {
    height: calc(100vh - 70px - 10px);
  }
  .top-nav {
    height: 55px;
    background-color: #001529;
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
  }
  .top-nav .top-nav-wrapper {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
  .top-nav .top-nav-wrapper .ant-menu-horizontal {
    line-height: 55px;
    border-bottom: 0;
  }
  .top-nav.light .ant-menu {
    color: rgba(255, 255, 255, 0.8);
  }
  .top-nav.light .ant-menu .ant-menu-item-active,
  .top-nav.light .ant-menu .ant-menu-item:hover,
  .top-nav.light .ant-menu .ant-menu-submenu-active,
  .top-nav.light .ant-menu .ant-menu-submenu-title:hover,
  .top-nav.light .ant-menu .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
    color: #fff;
  }
  .top-nav.light .ant-menu.ant-menu-horizontal > .ant-menu-item-active,
  .top-nav.light .ant-menu.ant-menu-horizontal > .ant-menu-item-open,
  .top-nav.light .ant-menu.ant-menu-horizontal > .ant-menu-item-selected,
  .top-nav.light .ant-menu.ant-menu-horizontal > .ant-menu-submenu-active,
  .top-nav.light .ant-menu.ant-menu-horizontal > .ant-menu-submenu-open,
  .top-nav.light .ant-menu.ant-menu-horizontal > .ant-menu-submenu-selected {
    color: #fff;
  }
  .top-nav.dark .ant-menu {
    color: rgba(82, 82, 82, 0.8);
  }
  .top-nav.dark .ant-menu .ant-menu-item-active,
  .top-nav.dark .ant-menu .ant-menu-item:hover,
  .top-nav.dark .ant-menu .ant-menu-submenu-active,
  .top-nav.dark .ant-menu .ant-menu-submenu-title:hover,
  .top-nav.dark .ant-menu .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
    color: #525252;
  }
  .top-nav.dark .ant-menu.ant-menu-horizontal > .ant-menu-item-active,
  .top-nav.dark .ant-menu.ant-menu-horizontal > .ant-menu-item-open,
  .top-nav.dark .ant-menu.ant-menu-horizontal > .ant-menu-item-selected,
  .top-nav.dark .ant-menu.ant-menu-horizontal > .ant-menu-submenu-active,
  .top-nav.dark .ant-menu.ant-menu-horizontal > .ant-menu-submenu-open,
  .top-nav.dark .ant-menu.ant-menu-horizontal > .ant-menu-submenu-selected {
    color: #525252;
  }
  .top-nav-menu .ant-menu-vertical .ant-menu-item,
  .top-nav-menu .ant-menu-vertical-left .ant-menu-item,
  .top-nav-menu .ant-menu-vertical-right .ant-menu-item,
  .top-nav-menu .ant-menu-inline .ant-menu-item,
  .top-nav-menu .ant-menu-vertical .ant-menu-submenu-title,
  .top-nav-menu .ant-menu-vertical-left .ant-menu-submenu-title,
  .top-nav-menu .ant-menu-vertical-right .ant-menu-submenu-title,
  .top-nav-menu .ant-menu-inline .ant-menu-submenu-title {
    line-height: 2rem;
    height: 2rem;
  }
  .chat {
    border: 1px solid #e2e2e2;
    border-radius: 0.625rem;
  }
  .chat .chat-content {
    height: 100%;
  }
  .chat .chat-content .chat-content-header {
    height: 60px;
    border-bottom: 1px solid #e2e2e2;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .chat .chat-content .chat-content-body {
    height: calc(100vh - 60px - 76px - 25px - 70px - 60px - 30px);
    padding: 15px;
    overflow-y: auto;
  }
  .chat .chat-content .chat-content-body .msg {
    display: flex;
    margin-bottom: 15px;
  }
  .chat .chat-content .chat-content-body .msg .bubble {
    max-width: 75%;
    position: relative;
  }
  .chat .chat-content .chat-content-body .msg .bubble .bubble-wrapper {
    padding: 10px 15px;
    border-radius: 0.625rem;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 10px;
  }
  .chat .chat-content .chat-content-body .msg.datetime {
    padding: 15px 0;
    margin-bottom: 0px;
    font-size: 11px;
    font-weight: 600;
    justify-content: center;
  }
  .chat .chat-content .chat-content-body .msg.datetime .ant-divider-inner-text {
    font-size: 12px;
  }
  .chat .chat-content .chat-content-body .msg .file .anticon {
    margin-right: 10px;
    font-size: 17px;
  }
  .chat .chat-content .chat-content-body .msg.msg-recipient .bubble .bubble-wrapper {
    background: #ececec;
    color: #353535;
  }
  .chat .chat-content .chat-content-body .msg.msg-recipient .bubble .bubble-wrapper img {
    max-width: 250px;
    cursor: pointer;
  }
  .chat .chat-content .chat-content-body .msg.msg-sent {
    justify-content: flex-end;
  }
  .chat .chat-content .chat-content-body .msg.msg-sent .bubble .bubble-wrapper {
    background-color: #4A3AFF;
    color: #fff;
  }
  .chat .chat-content .chat-content-footer {
    height: 76px;
    padding: 0 20px;
    display: flex;
    align-items: center;
  }
  .chat .chat-content-empty {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .chat .chat-content-empty img {
    max-width: 640px;
    width: 100%;
  }
  .chat-menu {
    width: 100%;
  }
  .chat-menu .chat-menu-toolbar {
    height: 60px;
  }
  .chat-menu .chat-menu-toolbar {
    border-bottom: 1px solid #e2e2e2;
    padding: 0;
    display: flex;
    align-items: center;
  }
  .chat-menu .chat-menu-toolbar .ant-input-affix-wrapper {
    border: 0px;
  }
  .chat-menu .chat-menu-toolbar .ant-input-affix-wrapper .ant-input-prefix {
    display: flex;
    align-items: center;
    color: rgba(148, 148, 148, 0.4);
  }
  .chat-menu .chat-menu-toolbar .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
    box-shadow: none;
  }
  .chat-menu .chat-menu-toolbar .ant-input-affix-wrapper .ant-input {
    font-size: 21px;
  }
  .chat-menu .chat-menu-toolbar .ant-input-affix-wrapper .ant-input:focus,
  .chat-menu .chat-menu-toolbar .ant-input-affix-wrapper .ant-input .ant-input-focused {
    box-shadow: none;
  }
  .chat-menu .chat-menu-list {
    height: calc(100vh - 60px - 76px - 25px - 70px - 30px);
    overflow: auto;
    position: relative;
  }
  .chat-menu .chat-menu-list .chat-menu-list-item {
    transition: all 0.3s ease-in-out;
    padding: 13px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
  }
  .chat-menu .chat-menu-list .chat-menu-list-item .chat-menu-list-item-time {
    font-size: 12px;
    color: rgba(148, 148, 148, 0.7);
    font-weight: 600;
  }
  .chat-menu .chat-menu-list .chat-menu-list-item:not(.last) {
    border-bottom: 1px solid #e2e2e2;
  }
  .chat-menu .chat-menu-list .chat-menu-list-item:hover {
    background-color: #f5f5f5;
  }
  .chat-menu .chat-menu-list .chat-menu-list-item.selected {
    background-color: #f5f5f5;
  }
  .chat-menu .chat-menu-list .chat-menu-list-item .avatar-status .avatar-status-subtitle {
    width: 166px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mail .mail-list .ant-table-row {
    cursor: pointer;
  }
  .mail .mail-list .ant-table-selection {
    padding: 0.3rem 0;
  }
  .mail .mail-list .mail-list-star {
    padding-right: 15px;
    padding-left: 0;
    cursor: pointer;
  }
  .mail .mail-list .mail-list-star.checked {
    color: #ffc542;
  }
  .mail .mail-list .mail-list-star.uncheck {
    color: rgba(148, 148, 148, 0.7);
  }
  .mail .mail-list .mail-list-star:hover {
    color: #ffc542;
  }
  .mail .mail-list .mail-list-sender {
    width: 220px;
    padding: 15px 0;
  }
  .mail .mail-list .mail-list-content {
    max-width: 0;
  }
  .mail .mail-list .mail-list-content .mail-list-content-msg {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .mail .mail-list .mail-list-date {
    width: 100px;
    text-align: right;
  }
  .mail .mail-list .mail-list-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mail .mail-list .mail-list-action-icon {
    font-size: 21px;
    color: #525252;
    cursor: pointer;
    margin-left: 1.2rem;
  }
  .mail .mail-detail .mail-detail-action {
    display: flex;
    align-items: center;
  }
  .mail .mail-detail .mail-detail-action-icon {
    margin-left: 0.75rem;
    font-size: 21px;
    cursor: pointer;
  }
  .mail .mail-detail .mail-detail-action-icon.star.checked {
    color: #ffc542;
  }
  .mail .mail-detail .mail-detail-action-icon.star:hover {
    color: #ffc542;
  }
  .mail .mail-detail .mail-detail-action-icon:hover {
    color: #4A3AFF;
  }
  .mail .mail-detail .mail-detail-content {
    margin-top: 1.25rem;
  }
  .mail .mail-detail .mail-detail-attactment {
    display: flex;
    margin-top: 30px;
  }
  .mail .mail-detail .mail-detail-attactment .mail-detail-attactment-item {
    cursor: pointer;
    border-radius: 0.3rem;
    border: 1px solid #e2e2e2;
    padding: 5px 10px;
    margin-right: 15px;
    display: flex;
    align-items: center;
  }
  .mail .mail-detail .mail-detail-attactment .mail-detail-attactment-item .anticon {
    font-size: 2rem;
  }
  .mail .mail-compose .ql-container {
    min-height: 9.5rem;
    border-top: 1px solid #e2e2e2 !important;
    border-bottom: 0px;
  }
  .mail .mail-compose .ql-editor {
    min-height: 9.5rem;
  }
  .mail .mail-compose .editor-wrapper {
    position: relative;
  }
  .mail .mail-compose .ql-toolbar {
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateY(100%);
    z-index: 1;
  }
  .calendar .calendar-event {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .calendar .calendar-event li {
    margin-bottom: 5px;
  }
  @media only screen and (max-width: 992px) {
    .calendar .calendar-event li {
      display: inline-block;
    }
    .calendar .calendar-event li .ant-badge {
      margin-right: 5px;
    }
    .calendar .calendar-event li .ant-badge-status-text {
      display: none;
    }
  }
  .calendar .calendar-list {
    margin-bottom: 2rem;
  }
  .calendar .calendar-list .calendar-list-item {
    padding: 5px 10px;
    border-radius: 0.625rem;
    margin-bottom: 15px;
    display: flex;
    margin-left: 20px;
    background-color: #f7f7f7;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #e2e2e2;
  }
  @media only screen and (min-width: 768px) {
    .calendar .calendar-list .calendar-list-item {
      max-width: 75%;
    }
  }
  .calendar .calendar-list .calendar-list-item .calendar-list-item-delete {
    opacity: 1;
    cursor: pointer;
    font-size: 17px;
    transition: all 0.1s ease-in-out;
  }
  .calendar .calendar-list .calendar-list-item .calendar-list-item-delete:hover {
    color: #ff6b72;
  }
  .scrumboard {
    width: 100%;
    flex: 1 1 auto;
    flex-direction: column;
    display: flex;
    height: calc(100vh - 130px - 25px - 25px);
  }
  .scrumboard .scrumboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    margin-bottom: 16px;
  }
  .scrumboard .scrumboard-body {
    display: flex;
    flex: 1 1;
    overflow-x: auto;
  }
  .scrumboard .scrumboard-body > div {
    display: flex;
    flex: 1 1;
  }
  .board-column {
    margin: 0 8px;
    display: flex;
    flex-direction: column;
    min-width: 300px;
    background-color: #f0f2f5;
    border-radius: 0.625rem;
    border: 1px solid #e2e2e2;
    margin-bottom: 15px;
  }
  .board-column.add {
    border: 0;
    background-color: transparent;
  }
  .board-column.add .board-title {
    border: 1px solid #e2e2e2;
    background-color: #f0f2f5;
    justify-content: center;
    border-radius: 0.625rem;
    cursor: pointer;
  }
  .board-column.add .board-title:hover {
    background-color: #eaedf1;
  }
  .board-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    transition: background-color 0.2s ease;
    padding: 0.625rem 0.9375rem;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
  }
  .board-wrapper {
    overflow-y: auto;
    flex: 1 1 auto;
  }
  .board-card {
    margin-bottom: 0px;
  }
  .board-card .ant-card-body {
    padding: 0.625rem;
  }
  .board-add {
    background-color: #fff;
    justify-content: center;
    height: 2.8rem;
    display: flex;
    align-items: center;
    border-bottom-left-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
    border-top: 1px solid #e2e2e2;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
  }
  .board-add:hover {
    background-color: #fcfcfc;
  }
  .board-label {
    display: inline-block;
    width: 2rem;
    height: 0.1875rem;
    margin-right: 0.5rem;
  }
  .board-label.blue {
    background: #4A3AFF;
  }
  .board-label.purple {
    background: #4A3AFF;
  }
  .board-label.cyan {
    background: #19f3f5;
  }
  .board-label.green {
    background: #21b573;
  }
  .board-label.magenta {
    background: #c400f0;
  }
  .board-label.pink {
    background: #fe0085;
  }
  .board-label.red {
    background: #de4436;
  }
  .board-label.orange {
    background: #fa8c16;
  }
  .board-label.yellow {
    background: #fadb14;
  }
  .board-label.volcano {
    background: #ff6b72;
  }
  .board-label.geekblue {
    background: #17bcff;
  }
  .board-label.lime {
    background: #a0d911;
  }
  .board-label.gold {
    background: #ffc542;
  }
  .board-container {
    min-width: 100vw;
    display: inline-flex;
  }
  .board-dropzone {
    padding: 0 0.9375rem;
    padding-top: 0.9375rem;
    height: 100%;
  }
  .board-card-modal.input {
    font-size: 16px;
    font-weight: 600;
    border-color: transparent;
    max-width: 95%;
    padding: 5px 7.5px;
    margin-left: -7.5px;
    box-shadow: none;
    color: #353535;
  }
  .board-card-modal.input:focus {
    border-color: #4A3AFF;
  }
  .board-card-modal.text-area {
    border-color: transparent;
    margin-left: -8.5px;
  }
  .board-card-modal.text-area:hover {
    border-color: #4A3AFF;
  }
  .board-card-modal.text-area:focus {
    border-color: #4A3AFF;
  }
  .board-card-modal.select {
    margin-left: -7.5px;
  }
  .board-card-modal.select .ant-select-selector {
    border-color: transparent;
    min-height: 2.45rem;
  }
  .board-card-modal.date-picker {
    margin-left: -7.5px;
  }
  .board-card-modal.date-picker.ant-picker {
    border-color: transparent;
    margin-left: -11px;
  }
  .board-card-modal.date-picker.ant-picker.ant-picker-focused,
  .board-card-modal.date-picker.ant-picker:hover,
  .board-card-modal.date-picker.ant-picker .ant-picker-focused {
    border-color: #4A3AFF;
  }
  .board-card-modal.date-picker.ant-picker .anticon-calendar {
    display: none;
  }
  .blockform-col .ant-form-item-label {
    padding-bottom: 0;
  }
  .blockform-col.col-3 {
    width: 33%;
    min-width: 235px;
    display: inline-block;
  }
  .align-baseline {
    vertical-align: baseline !important;
  }
  .align-top {
    vertical-align: top !important;
  }
  .align-middle {
    vertical-align: middle !important;
  }
  .align-bottom {
    vertical-align: bottom !important;
  }
  .align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .align-text-top {
    vertical-align: text-top !important;
  }
  .bg-primary {
    background-color: #4A3AFF !important;
  }
  a.bg-primary:hover,
  button.bg-primary:hover,
  a.bg-primary:focus,
  button.bg-primary:focus {
    background-color: #1b07ff !important;
  }
  .bg-secondary {
    background-color: #4A3AFF !important;
  }
  a.bg-secondary:hover,
  button.bg-secondary:hover,
  a.bg-secondary:focus,
  button.bg-secondary:focus {
    background-color: #1b07ff !important;
  }
  .bg-success {
    background-color: #19f3f5 !important;
  }
  a.bg-success:hover,
  button.bg-success:hover,
  a.bg-success:focus,
  button.bg-success:focus {
    background-color: #09d0d2 !important;
  }
  .bg-info {
    background-color: #4A3AFF !important;
  }
  a.bg-info:hover,
  button.bg-info:hover,
  a.bg-info:focus,
  button.bg-info:focus {
    background-color: #1b07ff !important;
  }
  .bg-warning {
    background-color: #ffc542 !important;
  }
  a.bg-warning:hover,
  button.bg-warning:hover,
  a.bg-warning:focus,
  button.bg-warning:focus {
    background-color: #ffb50f !important;
  }
  .bg-danger {
    background-color: #ff6b72 !important;
  }
  a.bg-danger:hover,
  button.bg-danger:hover,
  a.bg-danger:focus,
  button.bg-danger:focus {
    background-color: #ff3841 !important;
  }
  .bg-gray {
    background-color: #525252 !important;
  }
  a.bg-gray:hover,
  button.bg-gray:hover,
  a.bg-gray:focus,
  button.bg-gray:focus {
    background-color: #393939 !important;
  }
  .bg-gray-light {
    background-color: #949494 !important;
  }
  a.bg-gray-light:hover,
  button.bg-gray-light:hover,
  a.bg-gray-light:focus,
  button.bg-gray-light:focus {
    background-color: #7b7b7b !important;
  }
  .bg-gray-lighter {
    background-color: #ececec !important;
  }
  a.bg-gray-lighter:hover,
  button.bg-gray-lighter:hover,
  a.bg-gray-lighter:focus,
  button.bg-gray-lighter:focus {
    background-color: #d3d3d3 !important;
  }
  .bg-gray-lightest {
    background-color: #f7f7f7 !important;
  }
  a.bg-gray-lightest:hover,
  button.bg-gray-lightest:hover,
  a.bg-gray-lightest:focus,
  button.bg-gray-lightest:focus {
    background-color: #dedede !important;
  }
  .bg-dark {
    background-color: #353535 !important;
  }
  a.bg-dark:hover,
  button.bg-dark:hover,
  a.bg-dark:focus,
  button.bg-dark:focus {
    background-color: #1c1c1c !important;
  }
  .bg-white {
    background-color: #fff !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  .border {
    border: 1px solid #e2e2e2 !important;
  }
  .border-top {
    border-top: 1px solid #e2e2e2 !important;
  }
  .border-right {
    border-right: 1px solid #e2e2e2 !important;
  }
  .border-bottom {
    border-bottom: 1px solid #e2e2e2 !important;
  }
  .border-left {
    border-left: 1px solid #e2e2e2 !important;
  }
  .border-0 {
    border: 0 !important;
  }
  .border-top-0 {
    border-top: 0 !important;
  }
  .border-right-0 {
    border-right: 0 !important;
  }
  .border-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-left-0 {
    border-left: 0 !important;
  }
  .border-white {
    border-color: #fff !important;
  }
  .rounded-sm {
    border-radius: 0.25rem !important;
  }
  .rounded {
    border-radius: 0.625rem !important;
  }
  .rounded-top {
    border-top-left-radius: 0.625rem !important;
    border-top-right-radius: 0.625rem !important;
  }
  .rounded-right {
    border-top-right-radius: 0.625rem !important;
    border-bottom-right-radius: 0.625rem !important;
  }
  .rounded-bottom {
    border-bottom-right-radius: 0.625rem !important;
    border-bottom-left-radius: 0.625rem !important;
  }
  .rounded-left {
    border-top-left-radius: 0.625rem !important;
    border-bottom-left-radius: 0.625rem !important;
  }
  .rounded-lg {
    border-radius: 0.3rem !important;
  }
  .rounded-circle {
    border-radius: 50% !important;
  }
  .rounded-pill {
    border-radius: 50rem !important;
  }
  .rounded-0 {
    border-radius: 0 !important;
  }
  .clearfix::after {
    display: block;
    clear: both;
    content: '';
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-copy {
    cursor: copy;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .d-none {
    display: none !important;
  }
  .d-inline {
    display: inline !important;
  }
  .d-inline-block {
    display: inline-block !important;
  }
  .d-block {
    display: block !important;
  }
  .d-table {
    display: table !important;
  }
  .d-table-row {
    display: table-row !important;
  }
  .d-table-cell {
    display: table-cell !important;
  }
  .d-flex {
    display: flex !important;
  }
  .d-inline-flex {
    display: inline-flex !important;
  }
  @media (min-width: 576px) {
    .d-sm-none {
      display: none !important;
    }
    .d-sm-inline {
      display: inline !important;
    }
    .d-sm-inline-block {
      display: inline-block !important;
    }
    .d-sm-block {
      display: block !important;
    }
    .d-sm-table {
      display: table !important;
    }
    .d-sm-table-row {
      display: table-row !important;
    }
    .d-sm-table-cell {
      display: table-cell !important;
    }
    .d-sm-flex {
      display: flex !important;
    }
    .d-sm-inline-flex {
      display: inline-flex !important;
    }
  }
  @media (min-width: 768px) {
    .d-md-none {
      display: none !important;
    }
    .d-md-inline {
      display: inline !important;
    }
    .d-md-inline-block {
      display: inline-block !important;
    }
    .d-md-block {
      display: block !important;
    }
    .d-md-table {
      display: table !important;
    }
    .d-md-table-row {
      display: table-row !important;
    }
    .d-md-table-cell {
      display: table-cell !important;
    }
    .d-md-flex {
      display: flex !important;
    }
    .d-md-inline-flex {
      display: inline-flex !important;
    }
  }
  @media (min-width: 992px) {
    .d-lg-none {
      display: none !important;
    }
    .d-lg-inline {
      display: inline !important;
    }
    .d-lg-inline-block {
      display: inline-block !important;
    }
    .d-lg-block {
      display: block !important;
    }
    .d-lg-table {
      display: table !important;
    }
    .d-lg-table-row {
      display: table-row !important;
    }
    .d-lg-table-cell {
      display: table-cell !important;
    }
    .d-lg-flex {
      display: flex !important;
    }
    .d-lg-inline-flex {
      display: inline-flex !important;
    }
  }
  @media (min-width: 1400px) {
    .d-xl-none {
      display: none !important;
    }
    .d-xl-inline {
      display: inline !important;
    }
    .d-xl-inline-block {
      display: inline-block !important;
    }
    .d-xl-block {
      display: block !important;
    }
    .d-xl-table {
      display: table !important;
    }
    .d-xl-table-row {
      display: table-row !important;
    }
    .d-xl-table-cell {
      display: table-cell !important;
    }
    .d-xl-flex {
      display: flex !important;
    }
    .d-xl-inline-flex {
      display: inline-flex !important;
    }
  }
  @media print {
    .d-print-none {
      display: none !important;
    }
    .d-print-inline {
      display: inline !important;
    }
    .d-print-inline-block {
      display: inline-block !important;
    }
    .d-print-block {
      display: block !important;
    }
    .d-print-table {
      display: table !important;
    }
    .d-print-table-row {
      display: table-row !important;
    }
    .d-print-table-cell {
      display: table-cell !important;
    }
    .d-print-flex {
      display: flex !important;
    }
    .d-print-inline-flex {
      display: inline-flex !important;
    }
  }
  .embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
  }
  .embed-responsive::before {
    display: block;
    content: '';
  }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .embed-responsive-21by9::before {
    padding-top: 42.85714286%;
  }
  .embed-responsive-16by9::before {
    padding-top: 56.25%;
  }
  .embed-responsive-4by3::before {
    padding-top: 75%;
  }
  .embed-responsive-1by1::before {
    padding-top: 100%;
  }
  .flex-row {
    flex-direction: row !important;
  }
  .flex-column {
    flex-direction: column !important;
  }
  .flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-fill {
    flex: 1 1 auto !important;
  }
  .flex-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-start {
    justify-content: flex-start !important;
  }
  .justify-content-end {
    justify-content: flex-end !important;
  }
  .justify-content-center {
    justify-content: center !important;
  }
  .justify-content-between {
    justify-content: space-between !important;
  }
  .justify-content-around {
    justify-content: space-around !important;
  }
  .align-items-start {
    align-items: flex-start !important;
  }
  .align-items-end {
    align-items: flex-end !important;
  }
  .align-items-center {
    align-items: center !important;
  }
  .align-items-baseline {
    align-items: baseline !important;
  }
  .align-items-stretch {
    align-items: stretch !important;
  }
  .align-content-start {
    align-content: flex-start !important;
  }
  .align-content-end {
    align-content: flex-end !important;
  }
  .align-content-center {
    align-content: center !important;
  }
  .align-content-between {
    align-content: space-between !important;
  }
  .align-content-around {
    align-content: space-around !important;
  }
  .align-content-stretch {
    align-content: stretch !important;
  }
  .align-self-auto {
    align-self: auto !important;
  }
  .align-self-start {
    align-self: flex-start !important;
  }
  .align-self-end {
    align-self: flex-end !important;
  }
  .align-self-center {
    align-self: center !important;
  }
  .align-self-baseline {
    align-self: baseline !important;
  }
  .align-self-stretch {
    align-self: stretch !important;
  }
  @media (min-width: 576px) {
    .flex-sm-row {
      flex-direction: row !important;
    }
    .flex-sm-column {
      flex-direction: column !important;
    }
    .flex-sm-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-sm-wrap {
      flex-wrap: wrap !important;
    }
    .flex-sm-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .flex-sm-fill {
      flex: 1 1 auto !important;
    }
    .flex-sm-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-sm-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-sm-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-sm-shrink-1 {
      flex-shrink: 1 !important;
    }
    .justify-content-sm-start {
      justify-content: flex-start !important;
    }
    .justify-content-sm-end {
      justify-content: flex-end !important;
    }
    .justify-content-sm-center {
      justify-content: center !important;
    }
    .justify-content-sm-between {
      justify-content: space-between !important;
    }
    .justify-content-sm-around {
      justify-content: space-around !important;
    }
    .align-items-sm-start {
      align-items: flex-start !important;
    }
    .align-items-sm-end {
      align-items: flex-end !important;
    }
    .align-items-sm-center {
      align-items: center !important;
    }
    .align-items-sm-baseline {
      align-items: baseline !important;
    }
    .align-items-sm-stretch {
      align-items: stretch !important;
    }
    .align-content-sm-start {
      align-content: flex-start !important;
    }
    .align-content-sm-end {
      align-content: flex-end !important;
    }
    .align-content-sm-center {
      align-content: center !important;
    }
    .align-content-sm-between {
      align-content: space-between !important;
    }
    .align-content-sm-around {
      align-content: space-around !important;
    }
    .align-content-sm-stretch {
      align-content: stretch !important;
    }
    .align-self-sm-auto {
      align-self: auto !important;
    }
    .align-self-sm-start {
      align-self: flex-start !important;
    }
    .align-self-sm-end {
      align-self: flex-end !important;
    }
    .align-self-sm-center {
      align-self: center !important;
    }
    .align-self-sm-baseline {
      align-self: baseline !important;
    }
    .align-self-sm-stretch {
      align-self: stretch !important;
    }
  }
  @media (min-width: 768px) {
    .flex-md-row {
      flex-direction: row !important;
    }
    .flex-md-column {
      flex-direction: column !important;
    }
    .flex-md-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-md-wrap {
      flex-wrap: wrap !important;
    }
    .flex-md-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .flex-md-fill {
      flex: 1 1 auto !important;
    }
    .flex-md-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-md-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-md-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-md-shrink-1 {
      flex-shrink: 1 !important;
    }
    .justify-content-md-start {
      justify-content: flex-start !important;
    }
    .justify-content-md-end {
      justify-content: flex-end !important;
    }
    .justify-content-md-center {
      justify-content: center !important;
    }
    .justify-content-md-between {
      justify-content: space-between !important;
    }
    .justify-content-md-around {
      justify-content: space-around !important;
    }
    .align-items-md-start {
      align-items: flex-start !important;
    }
    .align-items-md-end {
      align-items: flex-end !important;
    }
    .align-items-md-center {
      align-items: center !important;
    }
    .align-items-md-baseline {
      align-items: baseline !important;
    }
    .align-items-md-stretch {
      align-items: stretch !important;
    }
    .align-content-md-start {
      align-content: flex-start !important;
    }
    .align-content-md-end {
      align-content: flex-end !important;
    }
    .align-content-md-center {
      align-content: center !important;
    }
    .align-content-md-between {
      align-content: space-between !important;
    }
    .align-content-md-around {
      align-content: space-around !important;
    }
    .align-content-md-stretch {
      align-content: stretch !important;
    }
    .align-self-md-auto {
      align-self: auto !important;
    }
    .align-self-md-start {
      align-self: flex-start !important;
    }
    .align-self-md-end {
      align-self: flex-end !important;
    }
    .align-self-md-center {
      align-self: center !important;
    }
    .align-self-md-baseline {
      align-self: baseline !important;
    }
    .align-self-md-stretch {
      align-self: stretch !important;
    }
  }
  @media (min-width: 992px) {
    .flex-lg-row {
      flex-direction: row !important;
    }
    .flex-lg-column {
      flex-direction: column !important;
    }
    .flex-lg-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-lg-wrap {
      flex-wrap: wrap !important;
    }
    .flex-lg-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .flex-lg-fill {
      flex: 1 1 auto !important;
    }
    .flex-lg-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-lg-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-lg-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-lg-shrink-1 {
      flex-shrink: 1 !important;
    }
    .justify-content-lg-start {
      justify-content: flex-start !important;
    }
    .justify-content-lg-end {
      justify-content: flex-end !important;
    }
    .justify-content-lg-center {
      justify-content: center !important;
    }
    .justify-content-lg-between {
      justify-content: space-between !important;
    }
    .justify-content-lg-around {
      justify-content: space-around !important;
    }
    .align-items-lg-start {
      align-items: flex-start !important;
    }
    .align-items-lg-end {
      align-items: flex-end !important;
    }
    .align-items-lg-center {
      align-items: center !important;
    }
    .align-items-lg-baseline {
      align-items: baseline !important;
    }
    .align-items-lg-stretch {
      align-items: stretch !important;
    }
    .align-content-lg-start {
      align-content: flex-start !important;
    }
    .align-content-lg-end {
      align-content: flex-end !important;
    }
    .align-content-lg-center {
      align-content: center !important;
    }
    .align-content-lg-between {
      align-content: space-between !important;
    }
    .align-content-lg-around {
      align-content: space-around !important;
    }
    .align-content-lg-stretch {
      align-content: stretch !important;
    }
    .align-self-lg-auto {
      align-self: auto !important;
    }
    .align-self-lg-start {
      align-self: flex-start !important;
    }
    .align-self-lg-end {
      align-self: flex-end !important;
    }
    .align-self-lg-center {
      align-self: center !important;
    }
    .align-self-lg-baseline {
      align-self: baseline !important;
    }
    .align-self-lg-stretch {
      align-self: stretch !important;
    }
  }
  @media (min-width: 1200px) {
    .flex-xl-row {
      flex-direction: row !important;
    }
    .flex-xl-column {
      flex-direction: column !important;
    }
    .flex-xl-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-xl-wrap {
      flex-wrap: wrap !important;
    }
    .flex-xl-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .flex-xl-fill {
      flex: 1 1 auto !important;
    }
    .flex-xl-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-xl-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-xl-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-xl-shrink-1 {
      flex-shrink: 1 !important;
    }
    .justify-content-xl-start {
      justify-content: flex-start !important;
    }
    .justify-content-xl-end {
      justify-content: flex-end !important;
    }
    .justify-content-xl-center {
      justify-content: center !important;
    }
    .justify-content-xl-between {
      justify-content: space-between !important;
    }
    .justify-content-xl-around {
      justify-content: space-around !important;
    }
    .align-items-xl-start {
      align-items: flex-start !important;
    }
    .align-items-xl-end {
      align-items: flex-end !important;
    }
    .align-items-xl-center {
      align-items: center !important;
    }
    .align-items-xl-baseline {
      align-items: baseline !important;
    }
    .align-items-xl-stretch {
      align-items: stretch !important;
    }
    .align-content-xl-start {
      align-content: flex-start !important;
    }
    .align-content-xl-end {
      align-content: flex-end !important;
    }
    .align-content-xl-center {
      align-content: center !important;
    }
    .align-content-xl-between {
      align-content: space-between !important;
    }
    .align-content-xl-around {
      align-content: space-around !important;
    }
    .align-content-xl-stretch {
      align-content: stretch !important;
    }
    .align-self-xl-auto {
      align-self: auto !important;
    }
    .align-self-xl-start {
      align-self: flex-start !important;
    }
    .align-self-xl-end {
      align-self: flex-end !important;
    }
    .align-self-xl-center {
      align-self: center !important;
    }
    .align-self-xl-baseline {
      align-self: baseline !important;
    }
    .align-self-xl-stretch {
      align-self: stretch !important;
    }
  }
  .float-left {
    float: left !important;
  }
  .float-right {
    float: right !important;
  }
  .float-none {
    float: none !important;
  }
  @media (min-width: 576px) {
    .float-sm-left {
      float: left !important;
    }
    .float-sm-right {
      float: right !important;
    }
    .float-sm-none {
      float: none !important;
    }
  }
  @media (min-width: 768px) {
    .float-md-left {
      float: left !important;
    }
    .float-md-right {
      float: right !important;
    }
    .float-md-none {
      float: none !important;
    }
  }
  @media (min-width: 992px) {
    .float-lg-left {
      float: left !important;
    }
    .float-lg-right {
      float: right !important;
    }
    .float-lg-none {
      float: none !important;
    }
  }
  @media (min-width: 1400px) {
    .float-xl-left {
      float: left !important;
    }
    .float-xl-right {
      float: right !important;
    }
    .float-xl-none {
      float: none !important;
    }
  }
  .col,
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 9px;
    padding-left: 9px;
  }
  @media (min-width: 576px) {
    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  @media (min-width: 768px) {
    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  @media (min-width: 992px) {
    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  @media (min-width: 1400px) {
    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12 {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  .container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 9px;
    padding-left: 9px;
  }
  @media (min-width: 576px) {
    .container {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  @media (min-width: 768px) {
    .container {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  @media (min-width: 992px) {
    .container {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  @media (min-width: 1400px) {
    .container {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  @media (min-width: 576px) {
    .container {
      width: 540px;
      max-width: 100%;
    }
  }
  @media (min-width: 768px) {
    .container {
      width: 720px;
      max-width: 100%;
    }
  }
  @media (min-width: 992px) {
    .container {
      width: 960px;
      max-width: 100%;
    }
  }
  @media (min-width: 1400px) {
    .container {
      width: 1380px;
      max-width: 100%;
    }
  }
  .container-fluid {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 9px;
    padding-left: 9px;
  }
  @media (min-width: 576px) {
    .container-fluid {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  @media (min-width: 768px) {
    .container-fluid {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  @media (min-width: 992px) {
    .container-fluid {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  @media (min-width: 1400px) {
    .container-fluid {
      padding-right: 9px;
      padding-left: 9px;
    }
  }
  .img-fluid {
    max-width: 100%;
    height: auto;
  }
  .opacity-1 {
    opacity: 1;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-0-1 {
    opacity: 0.1;
  }
  .opacity-0-2 {
    opacity: 0.2;
  }
  .opacity-0-3 {
    opacity: 0.3;
  }
  .opacity-0-4 {
    opacity: 0.4;
  }
  .opacity-0-5 {
    opacity: 0.5;
  }
  .opacity-0-6 {
    opacity: 0.7;
  }
  .opacity-0-7 {
    opacity: 0.7;
  }
  .opacity-0-8 {
    opacity: 0.8;
  }
  .opacity-0-9 {
    opacity: 0.9;
  }
  .overflow-auto {
    overflow: auto !important;
  }
  .overflow-hidden {
    overflow: hidden !important;
  }
  .position-static {
    position: static !important;
  }
  .position-relative {
    position: relative !important;
  }
  .position-absolute {
    position: absolute !important;
  }
  .position-fixed {
    position: fixed !important;
  }
  .position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  .fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
  }
  @supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1020;
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
  .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  }
  .shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  }
  .shadow-none {
    box-shadow: none !important;
  }
  .w-25 {
    width: 25% !important;
  }
  .w-50 {
    width: 50% !important;
  }
  .w-75 {
    width: 75% !important;
  }
  .w-100 {
    width: 100% !important;
  }
  .w-auto {
    width: auto !important;
  }
  .h-25 {
    height: 25% !important;
  }
  .h-50 {
    height: 50% !important;
  }
  .h-75 {
    height: 75% !important;
  }
  .h-100 {
    height: 100% !important;
  }
  .h-auto {
    height: auto !important;
  }
  .mw-100 {
    max-width: 100% !important;
  }
  .mh-100 {
    max-height: 100% !important;
  }
  .min-vw-100 {
    min-width: 100vw !important;
  }
  .min-vh-100 {
    min-height: 100vh !important;
  }
  .vw-100 {
    width: 100vw !important;
  }
  .vh-100 {
    height: 100vh !important;
  }
  .text-monospace {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace !important;
  }
  .text-justify {
    text-align: justify !important;
  }
  .text-wrap {
    white-space: normal !important;
  }
  .text-nowrap {
    white-space: nowrap !important;
  }
  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-left {
    text-align: left !important;
  }
  .text-right {
    text-align: right !important;
  }
  .text-center {
    text-align: center !important;
  }
  @media (min-width: 576px) {
    .text-sm-left {
      text-align: left !important;
    }
    .text-sm-right {
      text-align: right !important;
    }
    .text-sm-center {
      text-align: center !important;
    }
  }
  @media (min-width: 768px) {
    .text-md-left {
      text-align: left !important;
    }
    .text-md-right {
      text-align: right !important;
    }
    .text-md-center {
      text-align: center !important;
    }
  }
  @media (min-width: 992px) {
    .text-lg-left {
      text-align: left !important;
    }
    .text-lg-right {
      text-align: right !important;
    }
    .text-lg-center {
      text-align: center !important;
    }
  }
  @media (min-width: 1400px) {
    .text-xl-left {
      text-align: left !important;
    }
    .text-xl-right {
      text-align: right !important;
    }
    .text-xl-center {
      text-align: center !important;
    }
  }
  .text-lowercase {
    text-transform: lowercase !important;
  }
  .text-uppercase {
    text-transform: uppercase !important;
  }
  .text-capitalize {
    text-transform: capitalize !important;
  }
  .font-weight-light {
    font-weight: 300 !important;
  }
  .font-weight-lighter {
    font-weight: lighter !important;
  }
  .font-weight-normal {
    font-weight: 400 !important;
  }
  .font-weight-semibold {
    font-weight: 600 !important;
  }
  .font-weight-bold {
    font-weight: bold !important;
  }
  .font-weight-bolder {
    font-weight: bolder !important;
  }
  .font-italic {
    font-style: italic !important;
  }
  .text-white {
    color: #fff !important;
  }
  .text-primary {
    color: #4A3AFF !important;
  }
  a.text-primary:hover,
  a.text-primary:focus {
    color: #1300ed !important;
  }
  .text-secondary {
    color: #4A3AFF !important;
  }
  a.text-secondary:hover,
  a.text-secondary:focus {
    color: #1300ed !important;
  }
  .text-success {
    color: #19f3f5 !important;
  }
  a.text-success:hover,
  a.text-success:focus {
    color: #08b8b9 !important;
  }
  .text-info {
    color: #4A3AFF !important;
  }
  a.text-info:hover,
  a.text-info:focus {
    color: #1300ed !important;
  }
  .text-warning {
    color: #ffc542 !important;
  }
  a.text-warning:hover,
  a.text-warning:focus {
    color: #f4a900 !important;
  }
  .text-danger {
    color: #ff6b72 !important;
  }
  a.text-danger:hover,
  a.text-danger:focus {
    color: #ff1f29 !important;
  }
  .text-gray {
    color: #525252 !important;
  }
  a.text-gray:hover,
  a.text-gray:focus {
    color: #2c2c2c !important;
  }
  .text-gray-light {
    color: #949494 !important;
  }
  a.text-gray-light:hover,
  a.text-gray-light:focus {
    color: #6e6e6e !important;
  }
  .text-gray-lighter {
    color: #ececec !important;
  }
  a.text-gray-lighter:hover,
  a.text-gray-lighter:focus {
    color: #c6c6c6 !important;
  }
  .text-gray-lightest {
    color: #f7f7f7 !important;
  }
  a.text-gray-lightest:hover,
  a.text-gray-lightest:focus {
    color: #d1d1d1 !important;
  }
  .text-dark {
    color: #353535 !important;
  }
  a.text-dark:hover,
  a.text-dark:focus {
    color: #0f0f0f !important;
  }
  .text-body {
    color: #525252 !important;
  }
  .text-muted {
    color: rgba(148, 148, 148, 0.7) !important;
  }
  .text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
  }
  .text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
  }
  .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  .text-decoration-none {
    text-decoration: none !important;
  }
  .text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .text-reset {
    color: inherit !important;
  }
  .font-size-xxl {
    font-size: 30px !important;
  }
  .font-size-xl {
    font-size: 22px !important;
  }
  .font-size-lg {
    font-size: 21px !important;
  }
  .font-size-md {
    font-size: 17px !important;
  }
  .font-size-base {
    font-size: 14px !important;
  }
  .font-size-sm {
    font-size: 12px !important;
  }
  .font-size-xs {
    font-size: 10px !important;
  }
  .visible {
    visibility: visible !important;
  }
  .invisible {
    visibility: hidden !important;
  }
}
/* Réaffirmation du preflight Tailwind — même motif que le patch `ol, ul, dl` de `assets/tailwind.css`.
   Le preflight vit dans la couche `base`, donc AVANT `vendor` : tout reset de `vendor` le bat,
   alors qu'en v3 (tout hors couche) l'ordre d'injection donnait la main à Tailwind. Deux sources
   posent des valeurs que le preflight neutralisait, et qu'il faut donc reneutraliser ici :
     • `_typography.less` → `h1..h6 { margin-bottom: .5rem }` : 8px de marge basse fantôme sur
       tout titre sans classe `mb-*` (mesuré 8px en local contre 0 en prod).
     • le reset antd (`layer(vendor)`, cf. tailwind.css) → `html { line-height: 1.15 }` et
       `p, blockquote, figure, address, dl, dd, pre { margin-bottom: 1em }` : mesuré 16px de marge
       basse sur un `<p>` nu en local contre 0 en prod, et un interligne plus serré sur tout texte
       sans classe `text-*` / `leading-*`.
   ⚠️ Ce bloc DOIT rester le dernier CSS de la couche `vendor` — sinon `_typography.less`, importé
   au-dessus, reprend la main. N'y mettre que des reneutralisations du preflight, rien d'applicatif. */
@layer vendor {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  figure,
  address,
  dl,
  dd,
  pre {
    margin-block: 0;
  }
  html {
    line-height: 1.5;
  }
}
.page-wrapper {
  width: 100%;
  background-color: white;
  display: flex;
  height: 100%;
}
.content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.logo-image {
  max-width: 100%;
  height: auto;
}
.message-wrapper {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-box {
  text-align: center;
  margin-bottom: 3rem;
}
.message-image {
  max-width: 100%;
  height: auto;
}
.message-title {
  font-weight: bold;
  margin-bottom: 1.5rem;
}
.admin-container .breadcrumb {
  margin-bottom: 13px;
  display: flex;
  justify-content: space-between;
  height: 60px;
  font-family: 'Inter';
  background-color: #ffffff;
  border-radius: 10px 10px 0 0;
}
.admin-container .breadcrumb .app-breadcrumb {
  margin-left: auto;
}
.admin-container .breadcrumb .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0;
}
.admin-container .breadcrumb .ant-menu {
  margin-left: auto !important;
  margin-right: 0 !important;
  padding: 5px;
  border-radius: 10px;
}
.admin-container .breadcrumb .ant-dropdown-open {
  background-color: #f6f6f6;
}
.admin-container .breadcrumb .ant-menu-horizontal {
  border-bottom: none !important;
}
.admin-container .breadcrumb .breadcrumbItem,
.admin-container .breadcrumb .last-breadcrumbItem {
  font-size: 12px;
}
.admin-container .breadcrumb .breadcrumbItem {
  color: #9e9e9e;
}
.admin-container .breadcrumb .last-breadcrumbItem {
  font-weight: 500;
}
.admin-container .breadcrumb .last-route {
  font-size: 24px;
  position: absolute;
  top: 33px;
}
.admin-container .breadcrumb .first-name {
  font-size: 14px;
  margin-left: 10px;
  font-weight: 300;
  color: black;
}
.admin-container .breadcrumb .dropdown-arrow {
  position: relative;
  top: 3px;
  margin-left: 5px;
  color: #9e9e9e;
}
.admin-container .ant-collapse {
  background-color: #fafafa;
}
.admin-container .admin-category-list {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.00938em;
  padding: 10px;
}
.ant-drawer-content-wrapper .ant-drawer-header .ant-drawer-header-title {
  display: flex !important;
  flex-direction: row-reverse !important;
}
.ant-checkbox-group.checkbox-group-no-padding {
  gap: 6px !important;
  justify-content: center !important;
  flex-direction: row;
  flex-wrap: nowrap;
}
.ant-checkbox-group.checkbox-group-no-padding .ant-checkbox-group-item {
  width: -webkit-fit-content !important;
  width: fit-content !important;
  padding: 10px !important;
  display: flex;
  flex-direction: column;
}
.ant-slider-handle {
  border-color: aquamarine !important;
}
.facebook-btn {
  background-color: #3b5998 !important;
  color: #ffffff !important;
  border-color: #3b5998 !important;
}
.facebook-btn:hover {
  background-color: #2a4070 !important;
  color: #ffffff !important;
}
.facebook-btn .anticon {
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
.facebook-ads-btn {
  background-color: #3b5998 !important;
  color: #ffffff;
  display: flex;
  height: 40px;
  border-radius: 10px;
  align-items: center;
  padding: 10px;
}
.facebook-ads-btn:hover {
  background-color: #2a4070 !important;
  color: #ffffff !important;
}
.facebook-ads-btn .anticon {
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
@table-selected-row-bg : rgba(#4A3AFF: 0.1);
/** COLORS **/
.date-filter-picker .ant-picker-cell-in-range::before,
.date-filter-picker .ant-picker-cell-range-end::before,
.date-filter-picker .ant-picker-cell-range-start::before {
  background-color: rgba(0, 0, 0, 0.166) !important;
}
.date-filter-picker .ant-picker-cell-range-start .ant-picker-cell-inner {
  background-color: black !important;
  color: white;
}
.date-filter-picker .ant-picker-cell-range-end .ant-picker-cell-inner {
  background-color: black !important;
  color: white;
}
.date-filter-picker .ant-picker-cell-today {
  color: #000000;
}
.date-filter-picker .ant-picker-cell-today .ant-picker-cell-inner::before {
  border: 1px solid black !important;
  border-radius: 50% !important;
}
/** COLORS **/
.entity-filter-popover {
  min-width: 255px;
}
.entity-filter-popover .ant-tree .ant-tree-treenode.ant-tree-treenode-disabled {
  display: none;
}
.entity-filter-popover .ant-input-search {
  margin-bottom: 8px;
  padding: 2px 0 2px 8px;
}
.entity-filter-popover .ant-input-search .site-tree-search-value {
  color: #ff6b72;
}
.entity-filter-popover .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: black;
  border-color: black;
  height: 20px;
  width: 20px;
}
.filter.entity-filter {
  min-width: 200px;
}
.filter.entity-filter button.ant-btn {
  width: 100%;
  overflow: hidden;
  text-align: left;
  border-color: #e2e2e2;
}
.filter.entity-filter button.ant-btn:hover {
  border-color: #e2e2e2;
}
.igtv-ico svg {
  fill: #455560;
}
.account-filter-popover.platform-filter-popover label.ant-checkbox-wrapper .ant-avatar,
.account-filter-popover.platform-filter-popover label.ant-radio-wrapper .ant-avatar {
  width: 30px !important;
  height: 30px !important;
}
.account-filter-popover.platform-filter-popover label.ant-checkbox-wrapper .ant-avatar img,
.account-filter-popover.platform-filter-popover label.ant-radio-wrapper .ant-avatar img {
  width: 100%;
  height: 100%;
}
.platform-filter .ant-btn {
  padding: 0 10px !important;
}
/** COLORS **/
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: black;
  border-color: black;
}
.social-filter {
  display: flex;
  position: relative;
  gap: 20px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  /* Cache la barre de scroll sur Firefox */
  -ms-overflow-style: none;
  /* Cache la barre de scroll sur IE et Edge */
}
.social-filter::-webkit-scrollbar {
  display: none;
  /* Cache la barre de scroll sur Chrome, Safari et Opera */
  width: 0;
  height: 0;
  background: transparent;
}
.social-filter .filter-item {
  max-width: 300px;
  display: inline-block;
}
.social-filter .advanced-filter-toggle {
  -webkit-user-select: none;
          user-select: none;
  position: absolute;
  top: 0;
  right: 16px;
  z-index: 2;
}
.social-filter .advanced-filter-toggle span {
  font-weight: 600;
  font-size: 14px;
}
.social-filter .advanced-filter-toggle :hover {
  cursor: pointer;
  color: #000;
  border-color: #e2e2e2;
}
.social-filter .p-3 {
  padding-top: 0 !important;
}
.social-filter .right-item {
  margin-left: auto;
  text-align: right;
  min-width: 115px;
}
.social-filter .ant-input-search {
  height: 32px;
  font-size: 0.7rem;
}
.social-filter .ant-input-search {
  min-height: 32px !important;
  height: 32px;
}
.social-filter-selected .selected-filter {
  display: flex;
  align-items: center;
  padding: 8px 8px;
  border-radius: 4px;
}
.social-filter-selected .selected-filter .label {
  display: inline-block;
  font-weight: bold;
  color: #949494;
  font-size: 12px;
  margin-right: 8px;
}
.social-filter-selected .selected-filter .tags-filter {
  display: inline-block;
}
.social-filter-selected .selected-filter .tags-filter .ant-tag {
  border: 1px solid #ececec;
}
.filter-container .ant-radio-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.filter-container .ant-radio-button-wrapper {
  padding: 0 7px;
  display: flex;
  align-items: center;
}
.filter-container .ant-radio-button-wrapper:first-child {
  border-start-start-radius: 10px;
  border-end-start-radius: 10px;
}
.filter-container .ant-radio-button-wrapper:last-child {
  border-start-end-radius: 10px;
  border-end-end-radius: 10px;
}
.breadcrumb {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
}
.breadcrumb .app-breadcrumb {
  font-size: 16px;
}
.breadcrumb .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0;
}
.breadcrumb .ant-menu {
  padding: 5px;
  border-radius: 10px;
}
.breadcrumb .ant-dropdown-open {
  background-color: #f6f6f6;
}
.breadcrumb .ant-menu-horizontal {
  border-bottom: none !important;
  height: 65px;
}
.breadcrumb .breadcrumbItem,
.breadcrumb .last-breadcrumbItem {
  font-size: 16px;
}
.breadcrumb .breadcrumbItem {
  color: #9e9e9e;
}
.breadcrumb .last-breadcrumbItem {
  font-weight: 500;
}
.breadcrumb .last-route {
  font-size: 24px;
  position: absolute;
  top: 33px;
}
.breadcrumb .first-name {
  font-size: 14px;
  margin-left: 10px;
  font-weight: 300;
  color: black;
}
.breadcrumb .dropdown-arrow {
  position: relative;
  top: 3px;
  margin-left: 5px;
  color: #9e9e9e;
}
.dashboard {
  min-height: 1000px;
  padding: 40px 40px 30px 50px;
  background-color: #F6F6F6;
}
.dashboard .dashboard-header {
  margin-bottom: 33px;
}
.dashboard .breadcrumb {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
}
.dashboard .breadcrumb .app-breadcrumb {
  font-family: 'Inter' !important;
  font-weight: 400 !important;
  font-size: 16px !important;
}
.dashboard .breadcrumb .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0;
}
.dashboard .breadcrumb .ant-menu {
  padding: 5px;
  border-radius: 10px;
}
.dashboard .breadcrumb .ant-dropdown-open {
  background-color: #f6f6f6;
}
.dashboard .breadcrumb .ant-menu-horizontal {
  border-bottom: none !important;
  height: 65px;
}
.dashboard .breadcrumb .breadcrumbItem,
.dashboard .breadcrumb .last-breadcrumbItem {
  font-size: 16px;
}
.dashboard .breadcrumb .breadcrumbItem {
  color: #9e9e9e;
}
.dashboard .breadcrumb .last-breadcrumbItem {
  font-weight: 500;
}
.dashboard .breadcrumb .last-route {
  font-size: 24px;
  position: absolute;
  top: 33px;
}
.dashboard .breadcrumb .first-name {
  font-size: 14px;
  margin-left: 10px;
  font-weight: 300;
  color: black;
}
.dashboard .breadcrumb .dropdown-arrow {
  position: relative;
  top: 3px;
  margin-left: 5px;
  color: #9e9e9e;
}
.dashboard .barchart_tooltip_box_hidden {
  display: none;
}
.dashboard .barchart_tooltip_box {
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  background: rgba(255, 255, 255, 0.013);
}
.dashboard .metric_total {
  size: 20px;
  line-height: 24px;
}
.dashboard .metric_label {
  size: 14px;
  line-height: 20px;
}
.dashboard #followersChart {
  min-width: 150px;
}
.dashboard .chartpie .apexcharts-tooltip {
  border-radius: 10px 10px 1px 10px;
  background: #ffffff;
  border: 1px solid #f0f2f5;
  box-shadow: 0 2px 10px rgba(190, 190, 190, 0.35);
  transform: translate(-65px, 10px);
}
.dashboard .chartpie .apexcharts-tooltip .pie_tooltip_box > span {
  padding: 8px 10px 0;
  color: #939191;
  display: inline-block;
}
.dashboard .chartpie .apexcharts-tooltip p {
  color: #0c0b0b;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Manrope';
  padding: 0 10px 8px;
  margin: 0;
}
.dashboard .chart-daily .apexcharts-tooltip {
  display: flex;
  justify-content: center;
  padding: 15px;
  padding-top: 6px;
  font-family: Helvetica, Arial, sans-serif;
}
.dashboard .chart-daily .apexcharts-tooltip p {
  font-size: 13px;
}
.dashboard .chart-daily .apexcharts-tooltip .numeric-hover {
  padding-top: 3px;
  font-weight: bold;
}
.dashboard .chart-daily .apexcharts-tooltip .dot-label-total {
  font-size: 13px;
  color: #b234f1 !important;
}
.dashboard .chart-daily .apexcharts-tooltip .total-daily {
  font-size: 13px;
  border-top: 1px solid black;
  margin-top: 10px;
  text-align: center;
}
.dashboard .chart-daily .apexcharts-tooltip .tooltip-day {
  font-weight: bold;
  color: blue;
  text-align: center;
}
.dashboard #followersChart .apexcharts-tooltip .dot-label,
.dashboard .chart-daily .apexcharts-tooltip .dot-label {
  font-size: 24px;
}
.dashboard .metricsTitleDiv {
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  box-shadow: 0px 1px 2px rgba(190, 190, 190, 0.25);
  text-align: center;
  padding: 2px;
}
/** COLORS **/
.post-infos .infos-container {
  width: 310px;
}
.post-infos .infos-container .post-message {
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.post-infos .infos-container .post-message span {
  color: #000;
  font-size: 13px;
}
.post-infos .infos-container .post-sub-infos {
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 350px;
}
.post-infos .infos-container .post-sub-infos .date {
  font-size: 12px;
  font-weight: 600;
  color: #525252;
}
.post-infos .infos-container .post-sub-infos .text-right {
  padding-right: 4px;
}
.post-infos .infos-container .post-sub-infos .text-right .page-infos {
  text-overflow: ellipsis;
  overflow: hidden;
}
.post-infos .infos-container .post-sub-infos .text-right .page-infos img {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-top: -1px;
  border: 1px solid #ececec;
}
.post-infos .infos-container .post-sub-infos .text-right .page-infos img.sponsor-image {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-left: -6px;
}
.post-infos .infos-container .post-sub-infos .text-right .page-infos img.sponsor-image:nth-child(3) {
  /* Styles spécifiques au 3ème sponsor thumb */
  margin-left: -12px;
}
.post-infos .infos-container .post-sub-infos .text-right .page-infos span {
  color: #525252;
  font-size: 12px;
  font-weight: bold;
  font-weight: 600;
}
.post-infos .infos-container .post-last-infos {
  margin-top: 5px;
}
.post-infos .infos-container .post-last-infos .categories {
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 350px;
}
.help-tooltip {
  display: inline-block;
}
.help-tooltip i {
  color: #b5b5b5;
  font-size: 12px;
}
/** COLORS **/
.score-diffusion .score {
  font-family: 'IBM Plex Mono', monospace;
  font-weight: bold;
  font-size: 16px;
}
.score-diffusion .score-mini {
  font-weight: 400;
  font-size: 16px;
}
.diffusion-popover {
  max-width: 300px;
}
.diffusion-popover .popover-footer {
  font-size: 12px;
  font-style: italic;
  color: #949494;
}
/** COLORS **/
.score-diffusion .score {
  font-family: 'IBM Plex Mono', monospace;
  font-weight: bold;
  font-size: 16px;
}
.score-diffusion .score-mini {
  font-weight: 400;
  font-size: 16px;
}
.diffusion-popover {
  max-width: 300px;
}
.diffusion-popover .popover-footer {
  font-size: 12px;
  font-style: italic;
  color: #949494;
}
/** COLORS **/
.revenue span {
  font-family: 'IBM Plex Mono', monospace;
  color: #000;
}
.monetized-symbols {
  font-size: 20px;
  position: relative;
  left: 7px;
  top: 2px;
  color: #454545 !important;
}
.adbreak-popover-content div span {
  font-family: 'IBM Plex Mono', monospace;
  color: #000;
  font-weight: 500;
}
.posts-container .posts-table .ant-table .ant-table-header.ant-table-sticky-header {
  top: 0 !important;
  border-radius: 0;
}
.ant-table-sticky-header {
  position: relative;
}
.posts-container .posts-table .ant-table .ant-table-header .ant-table-thead .ant-table-cell {
  padding: 0 0 0 0 !important;
}
/* Pour les barres de défilement verticales */
.ant-table .ant-table-body::-webkit-scrollbar {
  width: 8px;
  border-radius: 4px;
  scrollbar-width: thin;
}
.ant-table .ant-table-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
/* Pour les barres de défilement horizontales */
.ant-table .ant-table-body::-webkit-scrollbar-horizontal {
  height: 8px;
  scrollbar-width: thin;
}
.ant-table .ant-table-body::-webkit-scrollbar-thumb-horizontal {
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
/* Change l'apparence de la barre de défilement normalement */
.ant-table .ant-table-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  /* Opacité réduite à 20% au survol */
}
/** COLORS **/
.score-diffusion .score {
  font-family: 'IBM Plex Mono', monospace;
  font-weight: bold;
  font-size: 16px;
}
.score-diffusion .score-mini {
  font-weight: 400;
  font-size: 16px;
}
.diffusion-popover {
  max-width: 300px;
}
.diffusion-popover .popover-footer {
  font-size: 12px;
  font-style: italic;
  color: #949494;
}
/** COLORS **/
.compact-container {
  position: relative;
  display: inline-block;
  margin-left: 12px;
}
.compact-container .score {
  top: 0;
  right: 0;
  position: absolute;
}
.compact-container .score .badge {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 8px;
}
.score .badge {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 0.625rem;
  display: inline-block;
  vertical-align: top;
}
/** COLORS **/
.table-progress .ant-progress-inner {
  width: 25px !important;
  height: 25px !important;
  font-size: inherit !important;
}
.table-progress .ant-progress-inner .ant-progress-bg {
  background-color: #4A3AFF;
}
.table-progress .ant-progress-inner .ant-progress-circle-trail {
  stroke: #fe0085;
}
.facebook-btn {
  background-color: #3b5998;
  color: #ffffff;
}
.facebook-btn:hover {
  background-color: #2a4070;
  color: #ffffff;
}
.facebook-btn .anticon {
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
.facebook-ads-btn {
  background-color: #3b5998;
  color: #ffffff;
}
.facebook-ads-btn:hover {
  background-color: #2a4070;
  color: #ffffff;
}
.facebook-ads-btn .anticon {
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}
.unexpected-page {
  min-height: 100vh;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.unexpected-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
}
.unexpected-logo img {
  max-width: 120px;
  height: auto;
}
.unexpected-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.unexpected-center {
  text-align: center;
  margin-bottom: 3rem;
}
.unexpected-center img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.unexpected-center h1 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
  font-family: 'IBM Plex Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  font-weight: 700;
}
html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
}
.error-page {
  background-color: white;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.error-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  padding: 0.8rem 1.5rem 1.5rem 1.8rem;
}
.logo img {
  width: 120px;
  height: auto;
}
.error-content {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.error-text {
  text-align: center;
  font-weight: 700;
  max-width: 460px;
}
.error-title {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #353535;
  font-family: 'IBM Plex Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  line-height: 55px;
  font-weight: 700;
}
.error-description {
  font-size: 17px !important;
  margin-bottom: 1.5rem;
  color: #949494;
  line-height: 1.8;
  font-weight: 400;
}
/*$vite$:1*/