@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&family=Roboto:wght@300;400;900&display=swap");
/** Colors Sistem */
/** Color-variables */
/** Theme colors map */
/** Theme fonts */
/* GRID */
:root,
[data-aura-theme="light"] {
  --background: #fdfdfd;
  --foreground: #000;
  --card: #fdfdfd;
  --card-foreground: #000;
  --popover: #fcfcfc;
  --popover-foreground: #000;
  --primary: #ec1889;
  --primary-foreground: #fff;
  --secondary: #edf0f4;
  --secondary-foreground: #080808;
  --muted: #f5f5f5;
  --muted-foreground: #525252;
  --accent: #e2ebff;
  --accent-foreground: #1e69dc;
  --destructive: #e54b4f;
  --destructive-foreground: #fff;
  --border: #e7e7ee;
  --input: #ebebeb;
  --ring: #000;
  --chart-1: #4ade80;
  --chart-2: #ec1889;
  --chart-3: #f695c9;
  --chart-4: #8a8db8;
  --chart-5: #bfbfc1;
  --sidebar: #f5f8fb;
  --sidebar-foreground: #000;
  --sidebar-primary: #000;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #ebebeb;
  --sidebar-accent-foreground: #000;
  --sidebar-border: #ebebeb;
  --sidebar-ring: #000;
  --aura-50: #fde8f3;
  --aura-100: #f9b7da;
  --aura-200: #f695c9;
  --aura-300: #f264b0;
  --aura-400: #f046a1;
  --aura-500: #ec1889;
  --aura-600: #d7167d;
  --aura-700: #a81161;
  --aura-800: #820d4b;
  --aura-900: #630a3a;
  --secondary-50: #e6e6f0;
  --secondary-100: #b0b2cf;
  --secondary-200: #8a8db8;
  --secondary-300: #555998;
  --secondary-400: #343984;
  --secondary-500: #010765;
  --secondary-600: #01065c;
  --secondary-700: #010548;
  --secondary-800: #010438;
  --secondary-900: #00032a;
  --blue-50: #e6f3ff;
  --blue-100: #b0d9ff;
  --blue-200: #8ac6ff;
  --blue-300: #54adff;
  --blue-400: #339dff;
  --blue: #0084ff;
  --blue-600: #0078e8;
  --blue-700: #005eb5;
  --blue-800: #00498c;
  --blue-900: #00376b;
  --red-50: #fdeaea;
  --red-100: #f8bebe;
  --red-200: #f59e9e;
  --red-300: #f07272;
  --red-400: #ed5656;
  --red: #e92c2c;
  --red-600: #d42828;
  --red-700: #a51f1f;
  --red-800: #801818;
  --red-900: #621212;
  --yellow-50: #fff8e6;
  --yellow-100: #ffeab2;
  --yellow-200: #ffdf8d;
  --yellow-300: #ffd15a;
  --yellow-400: #ffc839;
  --yellow: #ffba08;
  --yellow-600: #e8a907;
  --yellow-700: #b58406;
  --yellow-800: #8c6604;
  --yellow-900: #6b4e03;
  --green-50: #e6f8eb;
  --green-100: #b0eac0;
  --green-200: #8adfa2;
  --green-300: #54d177;
  --green-400: #33c85d;
  --green: #00ba34;
  --green-600: #00a92f;
  --green-700: #008425;
  --green-800: #00661d;
  --green-900: #004e16;
  --white: #fff;
  --gray-50: #eeeeee;
  --gray-100: #bfbfc1;
  --gray-200: #a1a1a3;
  --gray-300: #76767a;
  --gray-400: #5b5b60;
  --gray-500: #323238;
  --gray-600: #2e2e33;
  --gray-700: #242428;
  --gray-800: #1c1c1f;
  --gray-900: #0d0d10;
  --black: #000;
  --shadow-xxs: 0px 2px 3px 0px #00000014;
  --shadow-xs: 0px 2px 3px 0px #00000014;
  --shadow-sm: 0px 2px 3px 0px #00000029, 0px 1px 2px -1px #00000029;
  --shadow-md: 0px 2px 3px 0px #00000029, 0px 2px 4px -1px #00000029;
  --shadow-lg: 0px 2px 3px 0px #00000029, 0px 4px 6px -1px #00000029;
  --shadow-xl: 0px 2px 3px 0px #00000029, 0px 8px 10px -1px #00000029;
  --shadow-2xl: 0px 2px 3px 0px #00000066; }

[data-aura-theme="dark"] {
  --background: #1a1b1e;
  --foreground: #f0f0f0;
  --card: #222327;
  --card-foreground: #f0f0f0;
  --popover: #222327;
  --popover-foreground: #f0f0f0;
  --primary: #ec1889;
  --primary-foreground: #fff;
  --secondary: #2a2c33;
  --secondary-foreground: #f0f0f0;
  --muted: #2a2c33;
  --muted-foreground: #a0a0a0;
  --accent: #630a3a;
  --accent-foreground: #f695c9;
  --destructive: #f87171;
  --destructive-foreground: #fff;
  --border: #33353a;
  --input: #33353a;
  --ring: #ec1889;
  --chart-1: #4ade80;
  --chart-2: #ec1889;
  --chart-3: #f695c9;
  --chart-4: #8a8db8;
  --chart-5: #bfbfc1;
  --sidebar: #161618;
  --sidebar-foreground: #f0f0f0;
  --sidebar-primary: #ec1889;
  --sidebar-primary-foreground: #fff;
  --sidebar-accent: #2a2c33;
  --sidebar-accent-foreground: #f0f0f0;
  --sidebar-border: #33353a;
  --sidebar-ring: #ec1889;
  --aura-50: #fde8f3;
  --aura-100: #f9b7da;
  --aura-200: #f695c9;
  --aura-300: #f264b0;
  --aura-400: #f046a1;
  --aura-500: #ec1889;
  --aura-600: #d7167d;
  --aura-700: #a81161;
  --aura-800: #820d4b;
  --aura-900: #630a3a;
  --secondary-50: #e6e6f0;
  --secondary-100: #b0b2cf;
  --secondary-200: #8a8db8;
  --secondary-300: #555998;
  --secondary-400: #343984;
  --secondary-500: #010765;
  --secondary-600: #01065c;
  --secondary-700: #010548;
  --secondary-800: #010438;
  --secondary-900: #00032a;
  --blue-50: #e6f3ff;
  --blue-100: #b0d9ff;
  --blue-200: #8ac6ff;
  --blue-300: #54adff;
  --blue-400: #339dff;
  --blue: #0084ff;
  --blue-600: #0078e8;
  --blue-700: #005eb5;
  --blue-800: #00498c;
  --blue-900: #00376b;
  --red-50: #fdeaea;
  --red-100: #f8bebe;
  --red-200: #f59e9e;
  --red-300: #f07272;
  --red-400: #ed5656;
  --red: #e92c2c;
  --red-600: #d42828;
  --red-700: #a51f1f;
  --red-800: #801818;
  --red-900: #621212;
  --yellow-50: #fff8e6;
  --yellow-100: #ffeab2;
  --yellow-200: #ffdf8d;
  --yellow-300: #ffd15a;
  --yellow-400: #ffc839;
  --yellow: #ffba08;
  --yellow-600: #e8a907;
  --yellow-700: #b58406;
  --yellow-800: #8c6604;
  --yellow-900: #6b4e03;
  --green-50: #e6f8eb;
  --green-100: #b0eac0;
  --green-200: #8adfa2;
  --green-300: #54d177;
  --green-400: #33c85d;
  --green: #00ba34;
  --green-600: #00a92f;
  --green-700: #008425;
  --green-800: #00661d;
  --green-900: #004e16;
  --white: #fff;
  --gray-50: #eeeeee;
  --gray-100: #bfbfc1;
  --gray-200: #a1a1a3;
  --gray-300: #76767a;
  --gray-400: #5b5b60;
  --gray-500: #323238;
  --gray-600: #2e2e33;
  --gray-700: #242428;
  --gray-800: #1c1c1f;
  --gray-900: #0d0d10;
  --black: #000;
  --shadow-xxs: 0px 2px 3px 0px #00000014;
  --shadow-xs: 0px 2px 3px 0px #00000014;
  --shadow-sm: 0px 2px 3px 0px #00000029, 0px 1px 2px -1px #00000029;
  --shadow-md: 0px 2px 3px 0px #00000029, 0px 2px 4px -1px #00000029;
  --shadow-lg: 0px 2px 3px 0px #00000029, 0px 4px 6px -1px #00000029;
  --shadow-xl: 0px 2px 3px 0px #00000029, 0px 8px 10px -1px #00000029;
  --shadow-2xl: 0px 2px 3px 0px #00000066; }

.m-0 {
  margin: 0 !important; }

.hover\:m-0:hover {
  margin: 0 !important; }

.group:hover .group-hover\:m-0 {
  margin: 0 !important; }

.mx-auto {
  margin: 0 auto !important; }

.hover\:mx-auto:hover {
  margin: 0 auto !important; }

.group:hover .group-hover\:mx-auto {
  margin: 0 auto !important; }

.my-auto {
  margin: auto 0 !important; }

.hover\:my-auto:hover {
  margin: auto 0 !important; }

.group:hover .group-hover\:my-auto {
  margin: auto 0 !important; }

.ml-auto {
  margin-left: auto !important; }

.hover\:ml-auto:hover {
  margin-left: auto !important; }

.group:hover .group-hover\:ml-auto {
  margin-left: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.hover\:mr-auto:hover {
  margin-right: auto !important; }

.group:hover .group-hover\:mr-auto {
  margin-right: auto !important; }

.m-1 {
  margin: 0.25rem !important; }

.hover\:m-1:hover {
  margin: 0.25rem !important; }

.group:hover .group-hover\:m-1 {
  margin: 0.25rem !important; }

.mx-1 {
  margin: 0 0.25rem !important; }

.hover\:mx-1:hover {
  margin: 0 0.25rem !important; }

.group:hover .group-hover\:mx-1 {
  margin: 0 0.25rem !important; }

.my-1 {
  margin: 0.25rem 0 !important; }

.hover\:my-1:hover {
  margin: 0.25rem 0 !important; }

.group:hover .group-hover\:my-1 {
  margin: 0.25rem 0 !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.hover\:mt-1:hover {
  margin-top: 0.25rem !important; }

.group:hover .group-hover\:mt-1 {
  margin-top: 0.25rem !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.hover\:mb-1:hover {
  margin-bottom: 0.25rem !important; }

.group:hover .group-hover\:mb-1 {
  margin-bottom: 0.25rem !important; }

.ml-1 {
  margin-left: 0.25rem !important; }

.hover\:ml-1:hover {
  margin-left: 0.25rem !important; }

.group:hover .group-hover\:ml-1 {
  margin-left: 0.25rem !important; }

.mr-1 {
  margin-right: 0.25rem !important; }

.hover\:mr-1:hover {
  margin-right: 0.25rem !important; }

.group:hover .group-hover\:mr-1 {
  margin-right: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.hover\:m-2:hover {
  margin: 0.5rem !important; }

.group:hover .group-hover\:m-2 {
  margin: 0.5rem !important; }

.mx-2 {
  margin: 0 0.5rem !important; }

.hover\:mx-2:hover {
  margin: 0 0.5rem !important; }

.group:hover .group-hover\:mx-2 {
  margin: 0 0.5rem !important; }

.my-2 {
  margin: 0.5rem 0 !important; }

.hover\:my-2:hover {
  margin: 0.5rem 0 !important; }

.group:hover .group-hover\:my-2 {
  margin: 0.5rem 0 !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.hover\:mt-2:hover {
  margin-top: 0.5rem !important; }

.group:hover .group-hover\:mt-2 {
  margin-top: 0.5rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.hover\:mb-2:hover {
  margin-bottom: 0.5rem !important; }

.group:hover .group-hover\:mb-2 {
  margin-bottom: 0.5rem !important; }

.ml-2 {
  margin-left: 0.5rem !important; }

.hover\:ml-2:hover {
  margin-left: 0.5rem !important; }

.group:hover .group-hover\:ml-2 {
  margin-left: 0.5rem !important; }

.mr-2 {
  margin-right: 0.5rem !important; }

.hover\:mr-2:hover {
  margin-right: 0.5rem !important; }

.group:hover .group-hover\:mr-2 {
  margin-right: 0.5rem !important; }

.m-3 {
  margin: 0.75rem !important; }

.hover\:m-3:hover {
  margin: 0.75rem !important; }

.group:hover .group-hover\:m-3 {
  margin: 0.75rem !important; }

.mx-3 {
  margin: 0 0.75rem !important; }

.hover\:mx-3:hover {
  margin: 0 0.75rem !important; }

.group:hover .group-hover\:mx-3 {
  margin: 0 0.75rem !important; }

.my-3 {
  margin: 0.75rem 0 !important; }

.hover\:my-3:hover {
  margin: 0.75rem 0 !important; }

.group:hover .group-hover\:my-3 {
  margin: 0.75rem 0 !important; }

.mt-3 {
  margin-top: 0.75rem !important; }

.hover\:mt-3:hover {
  margin-top: 0.75rem !important; }

.group:hover .group-hover\:mt-3 {
  margin-top: 0.75rem !important; }

.mb-3 {
  margin-bottom: 0.75rem !important; }

.hover\:mb-3:hover {
  margin-bottom: 0.75rem !important; }

.group:hover .group-hover\:mb-3 {
  margin-bottom: 0.75rem !important; }

.ml-3 {
  margin-left: 0.75rem !important; }

.hover\:ml-3:hover {
  margin-left: 0.75rem !important; }

.group:hover .group-hover\:ml-3 {
  margin-left: 0.75rem !important; }

.mr-3 {
  margin-right: 0.75rem !important; }

.hover\:mr-3:hover {
  margin-right: 0.75rem !important; }

.group:hover .group-hover\:mr-3 {
  margin-right: 0.75rem !important; }

.m-4 {
  margin: 1rem !important; }

.hover\:m-4:hover {
  margin: 1rem !important; }

.group:hover .group-hover\:m-4 {
  margin: 1rem !important; }

.mx-4 {
  margin: 0 1rem !important; }

.hover\:mx-4:hover {
  margin: 0 1rem !important; }

.group:hover .group-hover\:mx-4 {
  margin: 0 1rem !important; }

.my-4 {
  margin: 1rem 0 !important; }

.hover\:my-4:hover {
  margin: 1rem 0 !important; }

.group:hover .group-hover\:my-4 {
  margin: 1rem 0 !important; }

.mt-4 {
  margin-top: 1rem !important; }

.hover\:mt-4:hover {
  margin-top: 1rem !important; }

.group:hover .group-hover\:mt-4 {
  margin-top: 1rem !important; }

.mb-4 {
  margin-bottom: 1rem !important; }

.hover\:mb-4:hover {
  margin-bottom: 1rem !important; }

.group:hover .group-hover\:mb-4 {
  margin-bottom: 1rem !important; }

.ml-4 {
  margin-left: 1rem !important; }

.hover\:ml-4:hover {
  margin-left: 1rem !important; }

.group:hover .group-hover\:ml-4 {
  margin-left: 1rem !important; }

.mr-4 {
  margin-right: 1rem !important; }

.hover\:mr-4:hover {
  margin-right: 1rem !important; }

.group:hover .group-hover\:mr-4 {
  margin-right: 1rem !important; }

.m-5 {
  margin: 1.25rem !important; }

.hover\:m-5:hover {
  margin: 1.25rem !important; }

.group:hover .group-hover\:m-5 {
  margin: 1.25rem !important; }

.mx-5 {
  margin: 0 1.25rem !important; }

.hover\:mx-5:hover {
  margin: 0 1.25rem !important; }

.group:hover .group-hover\:mx-5 {
  margin: 0 1.25rem !important; }

.my-5 {
  margin: 1.25rem 0 !important; }

.hover\:my-5:hover {
  margin: 1.25rem 0 !important; }

.group:hover .group-hover\:my-5 {
  margin: 1.25rem 0 !important; }

.mt-5 {
  margin-top: 1.25rem !important; }

.hover\:mt-5:hover {
  margin-top: 1.25rem !important; }

.group:hover .group-hover\:mt-5 {
  margin-top: 1.25rem !important; }

.mb-5 {
  margin-bottom: 1.25rem !important; }

.hover\:mb-5:hover {
  margin-bottom: 1.25rem !important; }

.group:hover .group-hover\:mb-5 {
  margin-bottom: 1.25rem !important; }

.ml-5 {
  margin-left: 1.25rem !important; }

.hover\:ml-5:hover {
  margin-left: 1.25rem !important; }

.group:hover .group-hover\:ml-5 {
  margin-left: 1.25rem !important; }

.mr-5 {
  margin-right: 1.25rem !important; }

.hover\:mr-5:hover {
  margin-right: 1.25rem !important; }

.group:hover .group-hover\:mr-5 {
  margin-right: 1.25rem !important; }

.m-6 {
  margin: 1.5rem !important; }

.hover\:m-6:hover {
  margin: 1.5rem !important; }

.group:hover .group-hover\:m-6 {
  margin: 1.5rem !important; }

.mx-6 {
  margin: 0 1.5rem !important; }

.hover\:mx-6:hover {
  margin: 0 1.5rem !important; }

.group:hover .group-hover\:mx-6 {
  margin: 0 1.5rem !important; }

.my-6 {
  margin: 1.5rem 0 !important; }

.hover\:my-6:hover {
  margin: 1.5rem 0 !important; }

.group:hover .group-hover\:my-6 {
  margin: 1.5rem 0 !important; }

.mt-6 {
  margin-top: 1.5rem !important; }

.hover\:mt-6:hover {
  margin-top: 1.5rem !important; }

.group:hover .group-hover\:mt-6 {
  margin-top: 1.5rem !important; }

.mb-6 {
  margin-bottom: 1.5rem !important; }

.hover\:mb-6:hover {
  margin-bottom: 1.5rem !important; }

.group:hover .group-hover\:mb-6 {
  margin-bottom: 1.5rem !important; }

.ml-6 {
  margin-left: 1.5rem !important; }

.hover\:ml-6:hover {
  margin-left: 1.5rem !important; }

.group:hover .group-hover\:ml-6 {
  margin-left: 1.5rem !important; }

.mr-6 {
  margin-right: 1.5rem !important; }

.hover\:mr-6:hover {
  margin-right: 1.5rem !important; }

.group:hover .group-hover\:mr-6 {
  margin-right: 1.5rem !important; }

.m-7 {
  margin: 1.75rem !important; }

.hover\:m-7:hover {
  margin: 1.75rem !important; }

.group:hover .group-hover\:m-7 {
  margin: 1.75rem !important; }

.mx-7 {
  margin: 0 1.75rem !important; }

.hover\:mx-7:hover {
  margin: 0 1.75rem !important; }

.group:hover .group-hover\:mx-7 {
  margin: 0 1.75rem !important; }

.my-7 {
  margin: 1.75rem 0 !important; }

.hover\:my-7:hover {
  margin: 1.75rem 0 !important; }

.group:hover .group-hover\:my-7 {
  margin: 1.75rem 0 !important; }

.mt-7 {
  margin-top: 1.75rem !important; }

.hover\:mt-7:hover {
  margin-top: 1.75rem !important; }

.group:hover .group-hover\:mt-7 {
  margin-top: 1.75rem !important; }

.mb-7 {
  margin-bottom: 1.75rem !important; }

.hover\:mb-7:hover {
  margin-bottom: 1.75rem !important; }

.group:hover .group-hover\:mb-7 {
  margin-bottom: 1.75rem !important; }

.ml-7 {
  margin-left: 1.75rem !important; }

.hover\:ml-7:hover {
  margin-left: 1.75rem !important; }

.group:hover .group-hover\:ml-7 {
  margin-left: 1.75rem !important; }

.mr-7 {
  margin-right: 1.75rem !important; }

.hover\:mr-7:hover {
  margin-right: 1.75rem !important; }

.group:hover .group-hover\:mr-7 {
  margin-right: 1.75rem !important; }

.m-8 {
  margin: 2rem !important; }

.hover\:m-8:hover {
  margin: 2rem !important; }

.group:hover .group-hover\:m-8 {
  margin: 2rem !important; }

.mx-8 {
  margin: 0 2rem !important; }

.hover\:mx-8:hover {
  margin: 0 2rem !important; }

.group:hover .group-hover\:mx-8 {
  margin: 0 2rem !important; }

.my-8 {
  margin: 2rem 0 !important; }

.hover\:my-8:hover {
  margin: 2rem 0 !important; }

.group:hover .group-hover\:my-8 {
  margin: 2rem 0 !important; }

.mt-8 {
  margin-top: 2rem !important; }

.hover\:mt-8:hover {
  margin-top: 2rem !important; }

.group:hover .group-hover\:mt-8 {
  margin-top: 2rem !important; }

.mb-8 {
  margin-bottom: 2rem !important; }

.hover\:mb-8:hover {
  margin-bottom: 2rem !important; }

.group:hover .group-hover\:mb-8 {
  margin-bottom: 2rem !important; }

.ml-8 {
  margin-left: 2rem !important; }

.hover\:ml-8:hover {
  margin-left: 2rem !important; }

.group:hover .group-hover\:ml-8 {
  margin-left: 2rem !important; }

.mr-8 {
  margin-right: 2rem !important; }

.hover\:mr-8:hover {
  margin-right: 2rem !important; }

.group:hover .group-hover\:mr-8 {
  margin-right: 2rem !important; }

.m-9 {
  margin: 2.25rem !important; }

.hover\:m-9:hover {
  margin: 2.25rem !important; }

.group:hover .group-hover\:m-9 {
  margin: 2.25rem !important; }

.mx-9 {
  margin: 0 2.25rem !important; }

.hover\:mx-9:hover {
  margin: 0 2.25rem !important; }

.group:hover .group-hover\:mx-9 {
  margin: 0 2.25rem !important; }

.my-9 {
  margin: 2.25rem 0 !important; }

.hover\:my-9:hover {
  margin: 2.25rem 0 !important; }

.group:hover .group-hover\:my-9 {
  margin: 2.25rem 0 !important; }

.mt-9 {
  margin-top: 2.25rem !important; }

.hover\:mt-9:hover {
  margin-top: 2.25rem !important; }

.group:hover .group-hover\:mt-9 {
  margin-top: 2.25rem !important; }

.mb-9 {
  margin-bottom: 2.25rem !important; }

.hover\:mb-9:hover {
  margin-bottom: 2.25rem !important; }

.group:hover .group-hover\:mb-9 {
  margin-bottom: 2.25rem !important; }

.ml-9 {
  margin-left: 2.25rem !important; }

.hover\:ml-9:hover {
  margin-left: 2.25rem !important; }

.group:hover .group-hover\:ml-9 {
  margin-left: 2.25rem !important; }

.mr-9 {
  margin-right: 2.25rem !important; }

.hover\:mr-9:hover {
  margin-right: 2.25rem !important; }

.group:hover .group-hover\:mr-9 {
  margin-right: 2.25rem !important; }

.m-10 {
  margin: 2.5rem !important; }

.hover\:m-10:hover {
  margin: 2.5rem !important; }

.group:hover .group-hover\:m-10 {
  margin: 2.5rem !important; }

.mx-10 {
  margin: 0 2.5rem !important; }

.hover\:mx-10:hover {
  margin: 0 2.5rem !important; }

.group:hover .group-hover\:mx-10 {
  margin: 0 2.5rem !important; }

.my-10 {
  margin: 2.5rem 0 !important; }

.hover\:my-10:hover {
  margin: 2.5rem 0 !important; }

.group:hover .group-hover\:my-10 {
  margin: 2.5rem 0 !important; }

.mt-10 {
  margin-top: 2.5rem !important; }

.hover\:mt-10:hover {
  margin-top: 2.5rem !important; }

.group:hover .group-hover\:mt-10 {
  margin-top: 2.5rem !important; }

.mb-10 {
  margin-bottom: 2.5rem !important; }

.hover\:mb-10:hover {
  margin-bottom: 2.5rem !important; }

.group:hover .group-hover\:mb-10 {
  margin-bottom: 2.5rem !important; }

.ml-10 {
  margin-left: 2.5rem !important; }

.hover\:ml-10:hover {
  margin-left: 2.5rem !important; }

.group:hover .group-hover\:ml-10 {
  margin-left: 2.5rem !important; }

.mr-10 {
  margin-right: 2.5rem !important; }

.hover\:mr-10:hover {
  margin-right: 2.5rem !important; }

.group:hover .group-hover\:mr-10 {
  margin-right: 2.5rem !important; }

.m-11 {
  margin: 2.75rem !important; }

.hover\:m-11:hover {
  margin: 2.75rem !important; }

.group:hover .group-hover\:m-11 {
  margin: 2.75rem !important; }

.mx-11 {
  margin: 0 2.75rem !important; }

.hover\:mx-11:hover {
  margin: 0 2.75rem !important; }

.group:hover .group-hover\:mx-11 {
  margin: 0 2.75rem !important; }

.my-11 {
  margin: 2.75rem 0 !important; }

.hover\:my-11:hover {
  margin: 2.75rem 0 !important; }

.group:hover .group-hover\:my-11 {
  margin: 2.75rem 0 !important; }

.mt-11 {
  margin-top: 2.75rem !important; }

.hover\:mt-11:hover {
  margin-top: 2.75rem !important; }

.group:hover .group-hover\:mt-11 {
  margin-top: 2.75rem !important; }

.mb-11 {
  margin-bottom: 2.75rem !important; }

.hover\:mb-11:hover {
  margin-bottom: 2.75rem !important; }

.group:hover .group-hover\:mb-11 {
  margin-bottom: 2.75rem !important; }

.ml-11 {
  margin-left: 2.75rem !important; }

.hover\:ml-11:hover {
  margin-left: 2.75rem !important; }

.group:hover .group-hover\:ml-11 {
  margin-left: 2.75rem !important; }

.mr-11 {
  margin-right: 2.75rem !important; }

.hover\:mr-11:hover {
  margin-right: 2.75rem !important; }

.group:hover .group-hover\:mr-11 {
  margin-right: 2.75rem !important; }

.m-12 {
  margin: 3rem !important; }

.hover\:m-12:hover {
  margin: 3rem !important; }

.group:hover .group-hover\:m-12 {
  margin: 3rem !important; }

.mx-12 {
  margin: 0 3rem !important; }

.hover\:mx-12:hover {
  margin: 0 3rem !important; }

.group:hover .group-hover\:mx-12 {
  margin: 0 3rem !important; }

.my-12 {
  margin: 3rem 0 !important; }

.hover\:my-12:hover {
  margin: 3rem 0 !important; }

.group:hover .group-hover\:my-12 {
  margin: 3rem 0 !important; }

.mt-12 {
  margin-top: 3rem !important; }

.hover\:mt-12:hover {
  margin-top: 3rem !important; }

.group:hover .group-hover\:mt-12 {
  margin-top: 3rem !important; }

.mb-12 {
  margin-bottom: 3rem !important; }

.hover\:mb-12:hover {
  margin-bottom: 3rem !important; }

.group:hover .group-hover\:mb-12 {
  margin-bottom: 3rem !important; }

.ml-12 {
  margin-left: 3rem !important; }

.hover\:ml-12:hover {
  margin-left: 3rem !important; }

.group:hover .group-hover\:ml-12 {
  margin-left: 3rem !important; }

.mr-12 {
  margin-right: 3rem !important; }

.hover\:mr-12:hover {
  margin-right: 3rem !important; }

.group:hover .group-hover\:mr-12 {
  margin-right: 3rem !important; }

.m-14 {
  margin: 3.5rem !important; }

.hover\:m-14:hover {
  margin: 3.5rem !important; }

.group:hover .group-hover\:m-14 {
  margin: 3.5rem !important; }

.mx-14 {
  margin: 0 3.5rem !important; }

.hover\:mx-14:hover {
  margin: 0 3.5rem !important; }

.group:hover .group-hover\:mx-14 {
  margin: 0 3.5rem !important; }

.my-14 {
  margin: 3.5rem 0 !important; }

.hover\:my-14:hover {
  margin: 3.5rem 0 !important; }

.group:hover .group-hover\:my-14 {
  margin: 3.5rem 0 !important; }

.mt-14 {
  margin-top: 3.5rem !important; }

.hover\:mt-14:hover {
  margin-top: 3.5rem !important; }

.group:hover .group-hover\:mt-14 {
  margin-top: 3.5rem !important; }

.mb-14 {
  margin-bottom: 3.5rem !important; }

.hover\:mb-14:hover {
  margin-bottom: 3.5rem !important; }

.group:hover .group-hover\:mb-14 {
  margin-bottom: 3.5rem !important; }

.ml-14 {
  margin-left: 3.5rem !important; }

.hover\:ml-14:hover {
  margin-left: 3.5rem !important; }

.group:hover .group-hover\:ml-14 {
  margin-left: 3.5rem !important; }

.mr-14 {
  margin-right: 3.5rem !important; }

.hover\:mr-14:hover {
  margin-right: 3.5rem !important; }

.group:hover .group-hover\:mr-14 {
  margin-right: 3.5rem !important; }

.m-16 {
  margin: 4rem !important; }

.hover\:m-16:hover {
  margin: 4rem !important; }

.group:hover .group-hover\:m-16 {
  margin: 4rem !important; }

.mx-16 {
  margin: 0 4rem !important; }

.hover\:mx-16:hover {
  margin: 0 4rem !important; }

.group:hover .group-hover\:mx-16 {
  margin: 0 4rem !important; }

.my-16 {
  margin: 4rem 0 !important; }

.hover\:my-16:hover {
  margin: 4rem 0 !important; }

.group:hover .group-hover\:my-16 {
  margin: 4rem 0 !important; }

.mt-16 {
  margin-top: 4rem !important; }

.hover\:mt-16:hover {
  margin-top: 4rem !important; }

.group:hover .group-hover\:mt-16 {
  margin-top: 4rem !important; }

.mb-16 {
  margin-bottom: 4rem !important; }

.hover\:mb-16:hover {
  margin-bottom: 4rem !important; }

.group:hover .group-hover\:mb-16 {
  margin-bottom: 4rem !important; }

.ml-16 {
  margin-left: 4rem !important; }

.hover\:ml-16:hover {
  margin-left: 4rem !important; }

.group:hover .group-hover\:ml-16 {
  margin-left: 4rem !important; }

.mr-16 {
  margin-right: 4rem !important; }

.hover\:mr-16:hover {
  margin-right: 4rem !important; }

.group:hover .group-hover\:mr-16 {
  margin-right: 4rem !important; }

.m-20 {
  margin: 5rem !important; }

.hover\:m-20:hover {
  margin: 5rem !important; }

.group:hover .group-hover\:m-20 {
  margin: 5rem !important; }

.mx-20 {
  margin: 0 5rem !important; }

.hover\:mx-20:hover {
  margin: 0 5rem !important; }

.group:hover .group-hover\:mx-20 {
  margin: 0 5rem !important; }

.my-20 {
  margin: 5rem 0 !important; }

.hover\:my-20:hover {
  margin: 5rem 0 !important; }

.group:hover .group-hover\:my-20 {
  margin: 5rem 0 !important; }

.mt-20 {
  margin-top: 5rem !important; }

.hover\:mt-20:hover {
  margin-top: 5rem !important; }

.group:hover .group-hover\:mt-20 {
  margin-top: 5rem !important; }

.mb-20 {
  margin-bottom: 5rem !important; }

.hover\:mb-20:hover {
  margin-bottom: 5rem !important; }

.group:hover .group-hover\:mb-20 {
  margin-bottom: 5rem !important; }

.ml-20 {
  margin-left: 5rem !important; }

.hover\:ml-20:hover {
  margin-left: 5rem !important; }

.group:hover .group-hover\:ml-20 {
  margin-left: 5rem !important; }

.mr-20 {
  margin-right: 5rem !important; }

.hover\:mr-20:hover {
  margin-right: 5rem !important; }

.group:hover .group-hover\:mr-20 {
  margin-right: 5rem !important; }

.m-24 {
  margin: 6rem !important; }

.hover\:m-24:hover {
  margin: 6rem !important; }

.group:hover .group-hover\:m-24 {
  margin: 6rem !important; }

.mx-24 {
  margin: 0 6rem !important; }

.hover\:mx-24:hover {
  margin: 0 6rem !important; }

.group:hover .group-hover\:mx-24 {
  margin: 0 6rem !important; }

.my-24 {
  margin: 6rem 0 !important; }

.hover\:my-24:hover {
  margin: 6rem 0 !important; }

.group:hover .group-hover\:my-24 {
  margin: 6rem 0 !important; }

.mt-24 {
  margin-top: 6rem !important; }

.hover\:mt-24:hover {
  margin-top: 6rem !important; }

.group:hover .group-hover\:mt-24 {
  margin-top: 6rem !important; }

.mb-24 {
  margin-bottom: 6rem !important; }

.hover\:mb-24:hover {
  margin-bottom: 6rem !important; }

.group:hover .group-hover\:mb-24 {
  margin-bottom: 6rem !important; }

.ml-24 {
  margin-left: 6rem !important; }

.hover\:ml-24:hover {
  margin-left: 6rem !important; }

.group:hover .group-hover\:ml-24 {
  margin-left: 6rem !important; }

.mr-24 {
  margin-right: 6rem !important; }

.hover\:mr-24:hover {
  margin-right: 6rem !important; }

.group:hover .group-hover\:mr-24 {
  margin-right: 6rem !important; }

.m-28 {
  margin: 7rem !important; }

.hover\:m-28:hover {
  margin: 7rem !important; }

.group:hover .group-hover\:m-28 {
  margin: 7rem !important; }

.mx-28 {
  margin: 0 7rem !important; }

.hover\:mx-28:hover {
  margin: 0 7rem !important; }

.group:hover .group-hover\:mx-28 {
  margin: 0 7rem !important; }

.my-28 {
  margin: 7rem 0 !important; }

.hover\:my-28:hover {
  margin: 7rem 0 !important; }

.group:hover .group-hover\:my-28 {
  margin: 7rem 0 !important; }

.mt-28 {
  margin-top: 7rem !important; }

.hover\:mt-28:hover {
  margin-top: 7rem !important; }

.group:hover .group-hover\:mt-28 {
  margin-top: 7rem !important; }

.mb-28 {
  margin-bottom: 7rem !important; }

.hover\:mb-28:hover {
  margin-bottom: 7rem !important; }

.group:hover .group-hover\:mb-28 {
  margin-bottom: 7rem !important; }

.ml-28 {
  margin-left: 7rem !important; }

.hover\:ml-28:hover {
  margin-left: 7rem !important; }

.group:hover .group-hover\:ml-28 {
  margin-left: 7rem !important; }

.mr-28 {
  margin-right: 7rem !important; }

.hover\:mr-28:hover {
  margin-right: 7rem !important; }

.group:hover .group-hover\:mr-28 {
  margin-right: 7rem !important; }

.m-32 {
  margin: 8rem !important; }

.hover\:m-32:hover {
  margin: 8rem !important; }

.group:hover .group-hover\:m-32 {
  margin: 8rem !important; }

.mx-32 {
  margin: 0 8rem !important; }

.hover\:mx-32:hover {
  margin: 0 8rem !important; }

.group:hover .group-hover\:mx-32 {
  margin: 0 8rem !important; }

.my-32 {
  margin: 8rem 0 !important; }

.hover\:my-32:hover {
  margin: 8rem 0 !important; }

.group:hover .group-hover\:my-32 {
  margin: 8rem 0 !important; }

.mt-32 {
  margin-top: 8rem !important; }

.hover\:mt-32:hover {
  margin-top: 8rem !important; }

.group:hover .group-hover\:mt-32 {
  margin-top: 8rem !important; }

.mb-32 {
  margin-bottom: 8rem !important; }

.hover\:mb-32:hover {
  margin-bottom: 8rem !important; }

.group:hover .group-hover\:mb-32 {
  margin-bottom: 8rem !important; }

.ml-32 {
  margin-left: 8rem !important; }

.hover\:ml-32:hover {
  margin-left: 8rem !important; }

.group:hover .group-hover\:ml-32 {
  margin-left: 8rem !important; }

.mr-32 {
  margin-right: 8rem !important; }

.hover\:mr-32:hover {
  margin-right: 8rem !important; }

.group:hover .group-hover\:mr-32 {
  margin-right: 8rem !important; }

.m-36 {
  margin: 9rem !important; }

.hover\:m-36:hover {
  margin: 9rem !important; }

.group:hover .group-hover\:m-36 {
  margin: 9rem !important; }

.mx-36 {
  margin: 0 9rem !important; }

.hover\:mx-36:hover {
  margin: 0 9rem !important; }

.group:hover .group-hover\:mx-36 {
  margin: 0 9rem !important; }

.my-36 {
  margin: 9rem 0 !important; }

.hover\:my-36:hover {
  margin: 9rem 0 !important; }

.group:hover .group-hover\:my-36 {
  margin: 9rem 0 !important; }

.mt-36 {
  margin-top: 9rem !important; }

.hover\:mt-36:hover {
  margin-top: 9rem !important; }

.group:hover .group-hover\:mt-36 {
  margin-top: 9rem !important; }

.mb-36 {
  margin-bottom: 9rem !important; }

.hover\:mb-36:hover {
  margin-bottom: 9rem !important; }

.group:hover .group-hover\:mb-36 {
  margin-bottom: 9rem !important; }

.ml-36 {
  margin-left: 9rem !important; }

.hover\:ml-36:hover {
  margin-left: 9rem !important; }

.group:hover .group-hover\:ml-36 {
  margin-left: 9rem !important; }

.mr-36 {
  margin-right: 9rem !important; }

.hover\:mr-36:hover {
  margin-right: 9rem !important; }

.group:hover .group-hover\:mr-36 {
  margin-right: 9rem !important; }

.m-40 {
  margin: 10rem !important; }

.hover\:m-40:hover {
  margin: 10rem !important; }

.group:hover .group-hover\:m-40 {
  margin: 10rem !important; }

.mx-40 {
  margin: 0 10rem !important; }

.hover\:mx-40:hover {
  margin: 0 10rem !important; }

.group:hover .group-hover\:mx-40 {
  margin: 0 10rem !important; }

.my-40 {
  margin: 10rem 0 !important; }

.hover\:my-40:hover {
  margin: 10rem 0 !important; }

.group:hover .group-hover\:my-40 {
  margin: 10rem 0 !important; }

.mt-40 {
  margin-top: 10rem !important; }

.hover\:mt-40:hover {
  margin-top: 10rem !important; }

.group:hover .group-hover\:mt-40 {
  margin-top: 10rem !important; }

.mb-40 {
  margin-bottom: 10rem !important; }

.hover\:mb-40:hover {
  margin-bottom: 10rem !important; }

.group:hover .group-hover\:mb-40 {
  margin-bottom: 10rem !important; }

.ml-40 {
  margin-left: 10rem !important; }

.hover\:ml-40:hover {
  margin-left: 10rem !important; }

.group:hover .group-hover\:ml-40 {
  margin-left: 10rem !important; }

.mr-40 {
  margin-right: 10rem !important; }

.hover\:mr-40:hover {
  margin-right: 10rem !important; }

.group:hover .group-hover\:mr-40 {
  margin-right: 10rem !important; }

.m-44 {
  margin: 11rem !important; }

.hover\:m-44:hover {
  margin: 11rem !important; }

.group:hover .group-hover\:m-44 {
  margin: 11rem !important; }

.mx-44 {
  margin: 0 11rem !important; }

.hover\:mx-44:hover {
  margin: 0 11rem !important; }

.group:hover .group-hover\:mx-44 {
  margin: 0 11rem !important; }

.my-44 {
  margin: 11rem 0 !important; }

.hover\:my-44:hover {
  margin: 11rem 0 !important; }

.group:hover .group-hover\:my-44 {
  margin: 11rem 0 !important; }

.mt-44 {
  margin-top: 11rem !important; }

.hover\:mt-44:hover {
  margin-top: 11rem !important; }

.group:hover .group-hover\:mt-44 {
  margin-top: 11rem !important; }

.mb-44 {
  margin-bottom: 11rem !important; }

.hover\:mb-44:hover {
  margin-bottom: 11rem !important; }

.group:hover .group-hover\:mb-44 {
  margin-bottom: 11rem !important; }

.ml-44 {
  margin-left: 11rem !important; }

.hover\:ml-44:hover {
  margin-left: 11rem !important; }

.group:hover .group-hover\:ml-44 {
  margin-left: 11rem !important; }

.mr-44 {
  margin-right: 11rem !important; }

.hover\:mr-44:hover {
  margin-right: 11rem !important; }

.group:hover .group-hover\:mr-44 {
  margin-right: 11rem !important; }

.m-48 {
  margin: 12rem !important; }

.hover\:m-48:hover {
  margin: 12rem !important; }

.group:hover .group-hover\:m-48 {
  margin: 12rem !important; }

.mx-48 {
  margin: 0 12rem !important; }

.hover\:mx-48:hover {
  margin: 0 12rem !important; }

.group:hover .group-hover\:mx-48 {
  margin: 0 12rem !important; }

.my-48 {
  margin: 12rem 0 !important; }

.hover\:my-48:hover {
  margin: 12rem 0 !important; }

.group:hover .group-hover\:my-48 {
  margin: 12rem 0 !important; }

.mt-48 {
  margin-top: 12rem !important; }

.hover\:mt-48:hover {
  margin-top: 12rem !important; }

.group:hover .group-hover\:mt-48 {
  margin-top: 12rem !important; }

.mb-48 {
  margin-bottom: 12rem !important; }

.hover\:mb-48:hover {
  margin-bottom: 12rem !important; }

.group:hover .group-hover\:mb-48 {
  margin-bottom: 12rem !important; }

.ml-48 {
  margin-left: 12rem !important; }

.hover\:ml-48:hover {
  margin-left: 12rem !important; }

.group:hover .group-hover\:ml-48 {
  margin-left: 12rem !important; }

.mr-48 {
  margin-right: 12rem !important; }

.hover\:mr-48:hover {
  margin-right: 12rem !important; }

.group:hover .group-hover\:mr-48 {
  margin-right: 12rem !important; }

.m-52 {
  margin: 13rem !important; }

.hover\:m-52:hover {
  margin: 13rem !important; }

.group:hover .group-hover\:m-52 {
  margin: 13rem !important; }

.mx-52 {
  margin: 0 13rem !important; }

.hover\:mx-52:hover {
  margin: 0 13rem !important; }

.group:hover .group-hover\:mx-52 {
  margin: 0 13rem !important; }

.my-52 {
  margin: 13rem 0 !important; }

.hover\:my-52:hover {
  margin: 13rem 0 !important; }

.group:hover .group-hover\:my-52 {
  margin: 13rem 0 !important; }

.mt-52 {
  margin-top: 13rem !important; }

.hover\:mt-52:hover {
  margin-top: 13rem !important; }

.group:hover .group-hover\:mt-52 {
  margin-top: 13rem !important; }

.mb-52 {
  margin-bottom: 13rem !important; }

.hover\:mb-52:hover {
  margin-bottom: 13rem !important; }

.group:hover .group-hover\:mb-52 {
  margin-bottom: 13rem !important; }

.ml-52 {
  margin-left: 13rem !important; }

.hover\:ml-52:hover {
  margin-left: 13rem !important; }

.group:hover .group-hover\:ml-52 {
  margin-left: 13rem !important; }

.mr-52 {
  margin-right: 13rem !important; }

.hover\:mr-52:hover {
  margin-right: 13rem !important; }

.group:hover .group-hover\:mr-52 {
  margin-right: 13rem !important; }

.m-56 {
  margin: 14rem !important; }

.hover\:m-56:hover {
  margin: 14rem !important; }

.group:hover .group-hover\:m-56 {
  margin: 14rem !important; }

.mx-56 {
  margin: 0 14rem !important; }

.hover\:mx-56:hover {
  margin: 0 14rem !important; }

.group:hover .group-hover\:mx-56 {
  margin: 0 14rem !important; }

.my-56 {
  margin: 14rem 0 !important; }

.hover\:my-56:hover {
  margin: 14rem 0 !important; }

.group:hover .group-hover\:my-56 {
  margin: 14rem 0 !important; }

.mt-56 {
  margin-top: 14rem !important; }

.hover\:mt-56:hover {
  margin-top: 14rem !important; }

.group:hover .group-hover\:mt-56 {
  margin-top: 14rem !important; }

.mb-56 {
  margin-bottom: 14rem !important; }

.hover\:mb-56:hover {
  margin-bottom: 14rem !important; }

.group:hover .group-hover\:mb-56 {
  margin-bottom: 14rem !important; }

.ml-56 {
  margin-left: 14rem !important; }

.hover\:ml-56:hover {
  margin-left: 14rem !important; }

.group:hover .group-hover\:ml-56 {
  margin-left: 14rem !important; }

.mr-56 {
  margin-right: 14rem !important; }

.hover\:mr-56:hover {
  margin-right: 14rem !important; }

.group:hover .group-hover\:mr-56 {
  margin-right: 14rem !important; }

.m-60 {
  margin: 15rem !important; }

.hover\:m-60:hover {
  margin: 15rem !important; }

.group:hover .group-hover\:m-60 {
  margin: 15rem !important; }

.mx-60 {
  margin: 0 15rem !important; }

.hover\:mx-60:hover {
  margin: 0 15rem !important; }

.group:hover .group-hover\:mx-60 {
  margin: 0 15rem !important; }

.my-60 {
  margin: 15rem 0 !important; }

.hover\:my-60:hover {
  margin: 15rem 0 !important; }

.group:hover .group-hover\:my-60 {
  margin: 15rem 0 !important; }

.mt-60 {
  margin-top: 15rem !important; }

.hover\:mt-60:hover {
  margin-top: 15rem !important; }

.group:hover .group-hover\:mt-60 {
  margin-top: 15rem !important; }

.mb-60 {
  margin-bottom: 15rem !important; }

.hover\:mb-60:hover {
  margin-bottom: 15rem !important; }

.group:hover .group-hover\:mb-60 {
  margin-bottom: 15rem !important; }

.ml-60 {
  margin-left: 15rem !important; }

.hover\:ml-60:hover {
  margin-left: 15rem !important; }

.group:hover .group-hover\:ml-60 {
  margin-left: 15rem !important; }

.mr-60 {
  margin-right: 15rem !important; }

.hover\:mr-60:hover {
  margin-right: 15rem !important; }

.group:hover .group-hover\:mr-60 {
  margin-right: 15rem !important; }

.m-64 {
  margin: 16rem !important; }

.hover\:m-64:hover {
  margin: 16rem !important; }

.group:hover .group-hover\:m-64 {
  margin: 16rem !important; }

.mx-64 {
  margin: 0 16rem !important; }

.hover\:mx-64:hover {
  margin: 0 16rem !important; }

.group:hover .group-hover\:mx-64 {
  margin: 0 16rem !important; }

.my-64 {
  margin: 16rem 0 !important; }

.hover\:my-64:hover {
  margin: 16rem 0 !important; }

.group:hover .group-hover\:my-64 {
  margin: 16rem 0 !important; }

.mt-64 {
  margin-top: 16rem !important; }

.hover\:mt-64:hover {
  margin-top: 16rem !important; }

.group:hover .group-hover\:mt-64 {
  margin-top: 16rem !important; }

.mb-64 {
  margin-bottom: 16rem !important; }

.hover\:mb-64:hover {
  margin-bottom: 16rem !important; }

.group:hover .group-hover\:mb-64 {
  margin-bottom: 16rem !important; }

.ml-64 {
  margin-left: 16rem !important; }

.hover\:ml-64:hover {
  margin-left: 16rem !important; }

.group:hover .group-hover\:ml-64 {
  margin-left: 16rem !important; }

.mr-64 {
  margin-right: 16rem !important; }

.hover\:mr-64:hover {
  margin-right: 16rem !important; }

.group:hover .group-hover\:mr-64 {
  margin-right: 16rem !important; }

.m-72 {
  margin: 18rem !important; }

.hover\:m-72:hover {
  margin: 18rem !important; }

.group:hover .group-hover\:m-72 {
  margin: 18rem !important; }

.mx-72 {
  margin: 0 18rem !important; }

.hover\:mx-72:hover {
  margin: 0 18rem !important; }

.group:hover .group-hover\:mx-72 {
  margin: 0 18rem !important; }

.my-72 {
  margin: 18rem 0 !important; }

.hover\:my-72:hover {
  margin: 18rem 0 !important; }

.group:hover .group-hover\:my-72 {
  margin: 18rem 0 !important; }

.mt-72 {
  margin-top: 18rem !important; }

.hover\:mt-72:hover {
  margin-top: 18rem !important; }

.group:hover .group-hover\:mt-72 {
  margin-top: 18rem !important; }

.mb-72 {
  margin-bottom: 18rem !important; }

.hover\:mb-72:hover {
  margin-bottom: 18rem !important; }

.group:hover .group-hover\:mb-72 {
  margin-bottom: 18rem !important; }

.ml-72 {
  margin-left: 18rem !important; }

.hover\:ml-72:hover {
  margin-left: 18rem !important; }

.group:hover .group-hover\:ml-72 {
  margin-left: 18rem !important; }

.mr-72 {
  margin-right: 18rem !important; }

.hover\:mr-72:hover {
  margin-right: 18rem !important; }

.group:hover .group-hover\:mr-72 {
  margin-right: 18rem !important; }

.m-80 {
  margin: 20rem !important; }

.hover\:m-80:hover {
  margin: 20rem !important; }

.group:hover .group-hover\:m-80 {
  margin: 20rem !important; }

.mx-80 {
  margin: 0 20rem !important; }

.hover\:mx-80:hover {
  margin: 0 20rem !important; }

.group:hover .group-hover\:mx-80 {
  margin: 0 20rem !important; }

.my-80 {
  margin: 20rem 0 !important; }

.hover\:my-80:hover {
  margin: 20rem 0 !important; }

.group:hover .group-hover\:my-80 {
  margin: 20rem 0 !important; }

.mt-80 {
  margin-top: 20rem !important; }

.hover\:mt-80:hover {
  margin-top: 20rem !important; }

.group:hover .group-hover\:mt-80 {
  margin-top: 20rem !important; }

.mb-80 {
  margin-bottom: 20rem !important; }

.hover\:mb-80:hover {
  margin-bottom: 20rem !important; }

.group:hover .group-hover\:mb-80 {
  margin-bottom: 20rem !important; }

.ml-80 {
  margin-left: 20rem !important; }

.hover\:ml-80:hover {
  margin-left: 20rem !important; }

.group:hover .group-hover\:ml-80 {
  margin-left: 20rem !important; }

.mr-80 {
  margin-right: 20rem !important; }

.hover\:mr-80:hover {
  margin-right: 20rem !important; }

.group:hover .group-hover\:mr-80 {
  margin-right: 20rem !important; }

.m-96 {
  margin: 24rem !important; }

.hover\:m-96:hover {
  margin: 24rem !important; }

.group:hover .group-hover\:m-96 {
  margin: 24rem !important; }

.mx-96 {
  margin: 0 24rem !important; }

.hover\:mx-96:hover {
  margin: 0 24rem !important; }

.group:hover .group-hover\:mx-96 {
  margin: 0 24rem !important; }

.my-96 {
  margin: 24rem 0 !important; }

.hover\:my-96:hover {
  margin: 24rem 0 !important; }

.group:hover .group-hover\:my-96 {
  margin: 24rem 0 !important; }

.mt-96 {
  margin-top: 24rem !important; }

.hover\:mt-96:hover {
  margin-top: 24rem !important; }

.group:hover .group-hover\:mt-96 {
  margin-top: 24rem !important; }

.mb-96 {
  margin-bottom: 24rem !important; }

.hover\:mb-96:hover {
  margin-bottom: 24rem !important; }

.group:hover .group-hover\:mb-96 {
  margin-bottom: 24rem !important; }

.ml-96 {
  margin-left: 24rem !important; }

.hover\:ml-96:hover {
  margin-left: 24rem !important; }

.group:hover .group-hover\:ml-96 {
  margin-left: 24rem !important; }

.mr-96 {
  margin-right: 24rem !important; }

.hover\:mr-96:hover {
  margin-right: 24rem !important; }

.group:hover .group-hover\:mr-96 {
  margin-right: 24rem !important; }

.p-0 {
  padding: 0 !important; }

.hover\:p-0:hover {
  padding: 0 !important; }

.group:hover .group-hover\:p-0 {
  padding: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.hover\:p-1:hover {
  padding: 0.25rem !important; }

.group:hover .group-hover\:p-1 {
  padding: 0.25rem !important; }

.px-1 {
  padding: 0 0.25rem !important; }

.hover\:px-1:hover {
  padding: 0 0.25rem !important; }

.group:hover .group-hover\:px-1 {
  padding: 0 0.25rem !important; }

.py-1 {
  padding: 0.25rem 0 !important; }

.hover\:py-1:hover {
  padding: 0.25rem 0 !important; }

.group:hover .group-hover\:py-1 {
  padding: 0.25rem 0 !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.hover\:pt-1:hover {
  padding-top: 0.25rem !important; }

.group:hover .group-hover\:pt-1 {
  padding-top: 0.25rem !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.hover\:pb-1:hover {
  padding-bottom: 0.25rem !important; }

.group:hover .group-hover\:pb-1 {
  padding-bottom: 0.25rem !important; }

.pl-1 {
  padding-left: 0.25rem !important; }

.hover\:pl-1:hover {
  padding-left: 0.25rem !important; }

.group:hover .group-hover\:pl-1 {
  padding-left: 0.25rem !important; }

.pr-1 {
  padding-right: 0.25rem !important; }

.hover\:pr-1:hover {
  padding-right: 0.25rem !important; }

.group:hover .group-hover\:pr-1 {
  padding-right: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.hover\:p-2:hover {
  padding: 0.5rem !important; }

.group:hover .group-hover\:p-2 {
  padding: 0.5rem !important; }

.px-2 {
  padding: 0 0.5rem !important; }

.hover\:px-2:hover {
  padding: 0 0.5rem !important; }

.group:hover .group-hover\:px-2 {
  padding: 0 0.5rem !important; }

.py-2 {
  padding: 0.5rem 0 !important; }

.hover\:py-2:hover {
  padding: 0.5rem 0 !important; }

.group:hover .group-hover\:py-2 {
  padding: 0.5rem 0 !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.hover\:pt-2:hover {
  padding-top: 0.5rem !important; }

.group:hover .group-hover\:pt-2 {
  padding-top: 0.5rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.hover\:pb-2:hover {
  padding-bottom: 0.5rem !important; }

.group:hover .group-hover\:pb-2 {
  padding-bottom: 0.5rem !important; }

.pl-2 {
  padding-left: 0.5rem !important; }

.hover\:pl-2:hover {
  padding-left: 0.5rem !important; }

.group:hover .group-hover\:pl-2 {
  padding-left: 0.5rem !important; }

.pr-2 {
  padding-right: 0.5rem !important; }

.hover\:pr-2:hover {
  padding-right: 0.5rem !important; }

.group:hover .group-hover\:pr-2 {
  padding-right: 0.5rem !important; }

.p-3 {
  padding: 0.75rem !important; }

.hover\:p-3:hover {
  padding: 0.75rem !important; }

.group:hover .group-hover\:p-3 {
  padding: 0.75rem !important; }

.px-3 {
  padding: 0 0.75rem !important; }

.hover\:px-3:hover {
  padding: 0 0.75rem !important; }

.group:hover .group-hover\:px-3 {
  padding: 0 0.75rem !important; }

.py-3 {
  padding: 0.75rem 0 !important; }

.hover\:py-3:hover {
  padding: 0.75rem 0 !important; }

.group:hover .group-hover\:py-3 {
  padding: 0.75rem 0 !important; }

.pt-3 {
  padding-top: 0.75rem !important; }

.hover\:pt-3:hover {
  padding-top: 0.75rem !important; }

.group:hover .group-hover\:pt-3 {
  padding-top: 0.75rem !important; }

.pb-3 {
  padding-bottom: 0.75rem !important; }

.hover\:pb-3:hover {
  padding-bottom: 0.75rem !important; }

.group:hover .group-hover\:pb-3 {
  padding-bottom: 0.75rem !important; }

.pl-3 {
  padding-left: 0.75rem !important; }

.hover\:pl-3:hover {
  padding-left: 0.75rem !important; }

.group:hover .group-hover\:pl-3 {
  padding-left: 0.75rem !important; }

.pr-3 {
  padding-right: 0.75rem !important; }

.hover\:pr-3:hover {
  padding-right: 0.75rem !important; }

.group:hover .group-hover\:pr-3 {
  padding-right: 0.75rem !important; }

.p-4 {
  padding: 1rem !important; }

.hover\:p-4:hover {
  padding: 1rem !important; }

.group:hover .group-hover\:p-4 {
  padding: 1rem !important; }

.px-4 {
  padding: 0 1rem !important; }

.hover\:px-4:hover {
  padding: 0 1rem !important; }

.group:hover .group-hover\:px-4 {
  padding: 0 1rem !important; }

.py-4 {
  padding: 1rem 0 !important; }

.hover\:py-4:hover {
  padding: 1rem 0 !important; }

.group:hover .group-hover\:py-4 {
  padding: 1rem 0 !important; }

.pt-4 {
  padding-top: 1rem !important; }

.hover\:pt-4:hover {
  padding-top: 1rem !important; }

.group:hover .group-hover\:pt-4 {
  padding-top: 1rem !important; }

.pb-4 {
  padding-bottom: 1rem !important; }

.hover\:pb-4:hover {
  padding-bottom: 1rem !important; }

.group:hover .group-hover\:pb-4 {
  padding-bottom: 1rem !important; }

.pl-4 {
  padding-left: 1rem !important; }

.hover\:pl-4:hover {
  padding-left: 1rem !important; }

.group:hover .group-hover\:pl-4 {
  padding-left: 1rem !important; }

.pr-4 {
  padding-right: 1rem !important; }

.hover\:pr-4:hover {
  padding-right: 1rem !important; }

.group:hover .group-hover\:pr-4 {
  padding-right: 1rem !important; }

.p-5 {
  padding: 1.25rem !important; }

.hover\:p-5:hover {
  padding: 1.25rem !important; }

.group:hover .group-hover\:p-5 {
  padding: 1.25rem !important; }

.px-5 {
  padding: 0 1.25rem !important; }

.hover\:px-5:hover {
  padding: 0 1.25rem !important; }

.group:hover .group-hover\:px-5 {
  padding: 0 1.25rem !important; }

.py-5 {
  padding: 1.25rem 0 !important; }

.hover\:py-5:hover {
  padding: 1.25rem 0 !important; }

.group:hover .group-hover\:py-5 {
  padding: 1.25rem 0 !important; }

.pt-5 {
  padding-top: 1.25rem !important; }

.hover\:pt-5:hover {
  padding-top: 1.25rem !important; }

.group:hover .group-hover\:pt-5 {
  padding-top: 1.25rem !important; }

.pb-5 {
  padding-bottom: 1.25rem !important; }

.hover\:pb-5:hover {
  padding-bottom: 1.25rem !important; }

.group:hover .group-hover\:pb-5 {
  padding-bottom: 1.25rem !important; }

.pl-5 {
  padding-left: 1.25rem !important; }

.hover\:pl-5:hover {
  padding-left: 1.25rem !important; }

.group:hover .group-hover\:pl-5 {
  padding-left: 1.25rem !important; }

.pr-5 {
  padding-right: 1.25rem !important; }

.hover\:pr-5:hover {
  padding-right: 1.25rem !important; }

.group:hover .group-hover\:pr-5 {
  padding-right: 1.25rem !important; }

.p-6 {
  padding: 1.5rem !important; }

.hover\:p-6:hover {
  padding: 1.5rem !important; }

.group:hover .group-hover\:p-6 {
  padding: 1.5rem !important; }

.px-6 {
  padding: 0 1.5rem !important; }

.hover\:px-6:hover {
  padding: 0 1.5rem !important; }

.group:hover .group-hover\:px-6 {
  padding: 0 1.5rem !important; }

.py-6 {
  padding: 1.5rem 0 !important; }

.hover\:py-6:hover {
  padding: 1.5rem 0 !important; }

.group:hover .group-hover\:py-6 {
  padding: 1.5rem 0 !important; }

.pt-6 {
  padding-top: 1.5rem !important; }

.hover\:pt-6:hover {
  padding-top: 1.5rem !important; }

.group:hover .group-hover\:pt-6 {
  padding-top: 1.5rem !important; }

.pb-6 {
  padding-bottom: 1.5rem !important; }

.hover\:pb-6:hover {
  padding-bottom: 1.5rem !important; }

.group:hover .group-hover\:pb-6 {
  padding-bottom: 1.5rem !important; }

.pl-6 {
  padding-left: 1.5rem !important; }

.hover\:pl-6:hover {
  padding-left: 1.5rem !important; }

.group:hover .group-hover\:pl-6 {
  padding-left: 1.5rem !important; }

.pr-6 {
  padding-right: 1.5rem !important; }

.hover\:pr-6:hover {
  padding-right: 1.5rem !important; }

.group:hover .group-hover\:pr-6 {
  padding-right: 1.5rem !important; }

.p-7 {
  padding: 1.75rem !important; }

.hover\:p-7:hover {
  padding: 1.75rem !important; }

.group:hover .group-hover\:p-7 {
  padding: 1.75rem !important; }

.px-7 {
  padding: 0 1.75rem !important; }

.hover\:px-7:hover {
  padding: 0 1.75rem !important; }

.group:hover .group-hover\:px-7 {
  padding: 0 1.75rem !important; }

.py-7 {
  padding: 1.75rem 0 !important; }

.hover\:py-7:hover {
  padding: 1.75rem 0 !important; }

.group:hover .group-hover\:py-7 {
  padding: 1.75rem 0 !important; }

.pt-7 {
  padding-top: 1.75rem !important; }

.hover\:pt-7:hover {
  padding-top: 1.75rem !important; }

.group:hover .group-hover\:pt-7 {
  padding-top: 1.75rem !important; }

.pb-7 {
  padding-bottom: 1.75rem !important; }

.hover\:pb-7:hover {
  padding-bottom: 1.75rem !important; }

.group:hover .group-hover\:pb-7 {
  padding-bottom: 1.75rem !important; }

.pl-7 {
  padding-left: 1.75rem !important; }

.hover\:pl-7:hover {
  padding-left: 1.75rem !important; }

.group:hover .group-hover\:pl-7 {
  padding-left: 1.75rem !important; }

.pr-7 {
  padding-right: 1.75rem !important; }

.hover\:pr-7:hover {
  padding-right: 1.75rem !important; }

.group:hover .group-hover\:pr-7 {
  padding-right: 1.75rem !important; }

.p-8 {
  padding: 2rem !important; }

.hover\:p-8:hover {
  padding: 2rem !important; }

.group:hover .group-hover\:p-8 {
  padding: 2rem !important; }

.px-8 {
  padding: 0 2rem !important; }

.hover\:px-8:hover {
  padding: 0 2rem !important; }

.group:hover .group-hover\:px-8 {
  padding: 0 2rem !important; }

.py-8 {
  padding: 2rem 0 !important; }

.hover\:py-8:hover {
  padding: 2rem 0 !important; }

.group:hover .group-hover\:py-8 {
  padding: 2rem 0 !important; }

.pt-8 {
  padding-top: 2rem !important; }

.hover\:pt-8:hover {
  padding-top: 2rem !important; }

.group:hover .group-hover\:pt-8 {
  padding-top: 2rem !important; }

.pb-8 {
  padding-bottom: 2rem !important; }

.hover\:pb-8:hover {
  padding-bottom: 2rem !important; }

.group:hover .group-hover\:pb-8 {
  padding-bottom: 2rem !important; }

.pl-8 {
  padding-left: 2rem !important; }

.hover\:pl-8:hover {
  padding-left: 2rem !important; }

.group:hover .group-hover\:pl-8 {
  padding-left: 2rem !important; }

.pr-8 {
  padding-right: 2rem !important; }

.hover\:pr-8:hover {
  padding-right: 2rem !important; }

.group:hover .group-hover\:pr-8 {
  padding-right: 2rem !important; }

.p-9 {
  padding: 2.25rem !important; }

.hover\:p-9:hover {
  padding: 2.25rem !important; }

.group:hover .group-hover\:p-9 {
  padding: 2.25rem !important; }

.px-9 {
  padding: 0 2.25rem !important; }

.hover\:px-9:hover {
  padding: 0 2.25rem !important; }

.group:hover .group-hover\:px-9 {
  padding: 0 2.25rem !important; }

.py-9 {
  padding: 2.25rem 0 !important; }

.hover\:py-9:hover {
  padding: 2.25rem 0 !important; }

.group:hover .group-hover\:py-9 {
  padding: 2.25rem 0 !important; }

.pt-9 {
  padding-top: 2.25rem !important; }

.hover\:pt-9:hover {
  padding-top: 2.25rem !important; }

.group:hover .group-hover\:pt-9 {
  padding-top: 2.25rem !important; }

.pb-9 {
  padding-bottom: 2.25rem !important; }

.hover\:pb-9:hover {
  padding-bottom: 2.25rem !important; }

.group:hover .group-hover\:pb-9 {
  padding-bottom: 2.25rem !important; }

.pl-9 {
  padding-left: 2.25rem !important; }

.hover\:pl-9:hover {
  padding-left: 2.25rem !important; }

.group:hover .group-hover\:pl-9 {
  padding-left: 2.25rem !important; }

.pr-9 {
  padding-right: 2.25rem !important; }

.hover\:pr-9:hover {
  padding-right: 2.25rem !important; }

.group:hover .group-hover\:pr-9 {
  padding-right: 2.25rem !important; }

.p-10 {
  padding: 2.5rem !important; }

.hover\:p-10:hover {
  padding: 2.5rem !important; }

.group:hover .group-hover\:p-10 {
  padding: 2.5rem !important; }

.px-10 {
  padding: 0 2.5rem !important; }

.hover\:px-10:hover {
  padding: 0 2.5rem !important; }

.group:hover .group-hover\:px-10 {
  padding: 0 2.5rem !important; }

.py-10 {
  padding: 2.5rem 0 !important; }

.hover\:py-10:hover {
  padding: 2.5rem 0 !important; }

.group:hover .group-hover\:py-10 {
  padding: 2.5rem 0 !important; }

.pt-10 {
  padding-top: 2.5rem !important; }

.hover\:pt-10:hover {
  padding-top: 2.5rem !important; }

.group:hover .group-hover\:pt-10 {
  padding-top: 2.5rem !important; }

.pb-10 {
  padding-bottom: 2.5rem !important; }

.hover\:pb-10:hover {
  padding-bottom: 2.5rem !important; }

.group:hover .group-hover\:pb-10 {
  padding-bottom: 2.5rem !important; }

.pl-10 {
  padding-left: 2.5rem !important; }

.hover\:pl-10:hover {
  padding-left: 2.5rem !important; }

.group:hover .group-hover\:pl-10 {
  padding-left: 2.5rem !important; }

.pr-10 {
  padding-right: 2.5rem !important; }

.hover\:pr-10:hover {
  padding-right: 2.5rem !important; }

.group:hover .group-hover\:pr-10 {
  padding-right: 2.5rem !important; }

.p-11 {
  padding: 2.75rem !important; }

.hover\:p-11:hover {
  padding: 2.75rem !important; }

.group:hover .group-hover\:p-11 {
  padding: 2.75rem !important; }

.px-11 {
  padding: 0 2.75rem !important; }

.hover\:px-11:hover {
  padding: 0 2.75rem !important; }

.group:hover .group-hover\:px-11 {
  padding: 0 2.75rem !important; }

.py-11 {
  padding: 2.75rem 0 !important; }

.hover\:py-11:hover {
  padding: 2.75rem 0 !important; }

.group:hover .group-hover\:py-11 {
  padding: 2.75rem 0 !important; }

.pt-11 {
  padding-top: 2.75rem !important; }

.hover\:pt-11:hover {
  padding-top: 2.75rem !important; }

.group:hover .group-hover\:pt-11 {
  padding-top: 2.75rem !important; }

.pb-11 {
  padding-bottom: 2.75rem !important; }

.hover\:pb-11:hover {
  padding-bottom: 2.75rem !important; }

.group:hover .group-hover\:pb-11 {
  padding-bottom: 2.75rem !important; }

.pl-11 {
  padding-left: 2.75rem !important; }

.hover\:pl-11:hover {
  padding-left: 2.75rem !important; }

.group:hover .group-hover\:pl-11 {
  padding-left: 2.75rem !important; }

.pr-11 {
  padding-right: 2.75rem !important; }

.hover\:pr-11:hover {
  padding-right: 2.75rem !important; }

.group:hover .group-hover\:pr-11 {
  padding-right: 2.75rem !important; }

.p-12 {
  padding: 3rem !important; }

.hover\:p-12:hover {
  padding: 3rem !important; }

.group:hover .group-hover\:p-12 {
  padding: 3rem !important; }

.px-12 {
  padding: 0 3rem !important; }

.hover\:px-12:hover {
  padding: 0 3rem !important; }

.group:hover .group-hover\:px-12 {
  padding: 0 3rem !important; }

.py-12 {
  padding: 3rem 0 !important; }

.hover\:py-12:hover {
  padding: 3rem 0 !important; }

.group:hover .group-hover\:py-12 {
  padding: 3rem 0 !important; }

.pt-12 {
  padding-top: 3rem !important; }

.hover\:pt-12:hover {
  padding-top: 3rem !important; }

.group:hover .group-hover\:pt-12 {
  padding-top: 3rem !important; }

.pb-12 {
  padding-bottom: 3rem !important; }

.hover\:pb-12:hover {
  padding-bottom: 3rem !important; }

.group:hover .group-hover\:pb-12 {
  padding-bottom: 3rem !important; }

.pl-12 {
  padding-left: 3rem !important; }

.hover\:pl-12:hover {
  padding-left: 3rem !important; }

.group:hover .group-hover\:pl-12 {
  padding-left: 3rem !important; }

.pr-12 {
  padding-right: 3rem !important; }

.hover\:pr-12:hover {
  padding-right: 3rem !important; }

.group:hover .group-hover\:pr-12 {
  padding-right: 3rem !important; }

.p-14 {
  padding: 3.5rem !important; }

.hover\:p-14:hover {
  padding: 3.5rem !important; }

.group:hover .group-hover\:p-14 {
  padding: 3.5rem !important; }

.px-14 {
  padding: 0 3.5rem !important; }

.hover\:px-14:hover {
  padding: 0 3.5rem !important; }

.group:hover .group-hover\:px-14 {
  padding: 0 3.5rem !important; }

.py-14 {
  padding: 3.5rem 0 !important; }

.hover\:py-14:hover {
  padding: 3.5rem 0 !important; }

.group:hover .group-hover\:py-14 {
  padding: 3.5rem 0 !important; }

.pt-14 {
  padding-top: 3.5rem !important; }

.hover\:pt-14:hover {
  padding-top: 3.5rem !important; }

.group:hover .group-hover\:pt-14 {
  padding-top: 3.5rem !important; }

.pb-14 {
  padding-bottom: 3.5rem !important; }

.hover\:pb-14:hover {
  padding-bottom: 3.5rem !important; }

.group:hover .group-hover\:pb-14 {
  padding-bottom: 3.5rem !important; }

.pl-14 {
  padding-left: 3.5rem !important; }

.hover\:pl-14:hover {
  padding-left: 3.5rem !important; }

.group:hover .group-hover\:pl-14 {
  padding-left: 3.5rem !important; }

.pr-14 {
  padding-right: 3.5rem !important; }

.hover\:pr-14:hover {
  padding-right: 3.5rem !important; }

.group:hover .group-hover\:pr-14 {
  padding-right: 3.5rem !important; }

.p-16 {
  padding: 4rem !important; }

.hover\:p-16:hover {
  padding: 4rem !important; }

.group:hover .group-hover\:p-16 {
  padding: 4rem !important; }

.px-16 {
  padding: 0 4rem !important; }

.hover\:px-16:hover {
  padding: 0 4rem !important; }

.group:hover .group-hover\:px-16 {
  padding: 0 4rem !important; }

.py-16 {
  padding: 4rem 0 !important; }

.hover\:py-16:hover {
  padding: 4rem 0 !important; }

.group:hover .group-hover\:py-16 {
  padding: 4rem 0 !important; }

.pt-16 {
  padding-top: 4rem !important; }

.hover\:pt-16:hover {
  padding-top: 4rem !important; }

.group:hover .group-hover\:pt-16 {
  padding-top: 4rem !important; }

.pb-16 {
  padding-bottom: 4rem !important; }

.hover\:pb-16:hover {
  padding-bottom: 4rem !important; }

.group:hover .group-hover\:pb-16 {
  padding-bottom: 4rem !important; }

.pl-16 {
  padding-left: 4rem !important; }

.hover\:pl-16:hover {
  padding-left: 4rem !important; }

.group:hover .group-hover\:pl-16 {
  padding-left: 4rem !important; }

.pr-16 {
  padding-right: 4rem !important; }

.hover\:pr-16:hover {
  padding-right: 4rem !important; }

.group:hover .group-hover\:pr-16 {
  padding-right: 4rem !important; }

.p-20 {
  padding: 5rem !important; }

.hover\:p-20:hover {
  padding: 5rem !important; }

.group:hover .group-hover\:p-20 {
  padding: 5rem !important; }

.px-20 {
  padding: 0 5rem !important; }

.hover\:px-20:hover {
  padding: 0 5rem !important; }

.group:hover .group-hover\:px-20 {
  padding: 0 5rem !important; }

.py-20 {
  padding: 5rem 0 !important; }

.hover\:py-20:hover {
  padding: 5rem 0 !important; }

.group:hover .group-hover\:py-20 {
  padding: 5rem 0 !important; }

.pt-20 {
  padding-top: 5rem !important; }

.hover\:pt-20:hover {
  padding-top: 5rem !important; }

.group:hover .group-hover\:pt-20 {
  padding-top: 5rem !important; }

.pb-20 {
  padding-bottom: 5rem !important; }

.hover\:pb-20:hover {
  padding-bottom: 5rem !important; }

.group:hover .group-hover\:pb-20 {
  padding-bottom: 5rem !important; }

.pl-20 {
  padding-left: 5rem !important; }

.hover\:pl-20:hover {
  padding-left: 5rem !important; }

.group:hover .group-hover\:pl-20 {
  padding-left: 5rem !important; }

.pr-20 {
  padding-right: 5rem !important; }

.hover\:pr-20:hover {
  padding-right: 5rem !important; }

.group:hover .group-hover\:pr-20 {
  padding-right: 5rem !important; }

.p-24 {
  padding: 6rem !important; }

.hover\:p-24:hover {
  padding: 6rem !important; }

.group:hover .group-hover\:p-24 {
  padding: 6rem !important; }

.px-24 {
  padding: 0 6rem !important; }

.hover\:px-24:hover {
  padding: 0 6rem !important; }

.group:hover .group-hover\:px-24 {
  padding: 0 6rem !important; }

.py-24 {
  padding: 6rem 0 !important; }

.hover\:py-24:hover {
  padding: 6rem 0 !important; }

.group:hover .group-hover\:py-24 {
  padding: 6rem 0 !important; }

.pt-24 {
  padding-top: 6rem !important; }

.hover\:pt-24:hover {
  padding-top: 6rem !important; }

.group:hover .group-hover\:pt-24 {
  padding-top: 6rem !important; }

.pb-24 {
  padding-bottom: 6rem !important; }

.hover\:pb-24:hover {
  padding-bottom: 6rem !important; }

.group:hover .group-hover\:pb-24 {
  padding-bottom: 6rem !important; }

.pl-24 {
  padding-left: 6rem !important; }

.hover\:pl-24:hover {
  padding-left: 6rem !important; }

.group:hover .group-hover\:pl-24 {
  padding-left: 6rem !important; }

.pr-24 {
  padding-right: 6rem !important; }

.hover\:pr-24:hover {
  padding-right: 6rem !important; }

.group:hover .group-hover\:pr-24 {
  padding-right: 6rem !important; }

.p-28 {
  padding: 7rem !important; }

.hover\:p-28:hover {
  padding: 7rem !important; }

.group:hover .group-hover\:p-28 {
  padding: 7rem !important; }

.px-28 {
  padding: 0 7rem !important; }

.hover\:px-28:hover {
  padding: 0 7rem !important; }

.group:hover .group-hover\:px-28 {
  padding: 0 7rem !important; }

.py-28 {
  padding: 7rem 0 !important; }

.hover\:py-28:hover {
  padding: 7rem 0 !important; }

.group:hover .group-hover\:py-28 {
  padding: 7rem 0 !important; }

.pt-28 {
  padding-top: 7rem !important; }

.hover\:pt-28:hover {
  padding-top: 7rem !important; }

.group:hover .group-hover\:pt-28 {
  padding-top: 7rem !important; }

.pb-28 {
  padding-bottom: 7rem !important; }

.hover\:pb-28:hover {
  padding-bottom: 7rem !important; }

.group:hover .group-hover\:pb-28 {
  padding-bottom: 7rem !important; }

.pl-28 {
  padding-left: 7rem !important; }

.hover\:pl-28:hover {
  padding-left: 7rem !important; }

.group:hover .group-hover\:pl-28 {
  padding-left: 7rem !important; }

.pr-28 {
  padding-right: 7rem !important; }

.hover\:pr-28:hover {
  padding-right: 7rem !important; }

.group:hover .group-hover\:pr-28 {
  padding-right: 7rem !important; }

.p-32 {
  padding: 8rem !important; }

.hover\:p-32:hover {
  padding: 8rem !important; }

.group:hover .group-hover\:p-32 {
  padding: 8rem !important; }

.px-32 {
  padding: 0 8rem !important; }

.hover\:px-32:hover {
  padding: 0 8rem !important; }

.group:hover .group-hover\:px-32 {
  padding: 0 8rem !important; }

.py-32 {
  padding: 8rem 0 !important; }

.hover\:py-32:hover {
  padding: 8rem 0 !important; }

.group:hover .group-hover\:py-32 {
  padding: 8rem 0 !important; }

.pt-32 {
  padding-top: 8rem !important; }

.hover\:pt-32:hover {
  padding-top: 8rem !important; }

.group:hover .group-hover\:pt-32 {
  padding-top: 8rem !important; }

.pb-32 {
  padding-bottom: 8rem !important; }

.hover\:pb-32:hover {
  padding-bottom: 8rem !important; }

.group:hover .group-hover\:pb-32 {
  padding-bottom: 8rem !important; }

.pl-32 {
  padding-left: 8rem !important; }

.hover\:pl-32:hover {
  padding-left: 8rem !important; }

.group:hover .group-hover\:pl-32 {
  padding-left: 8rem !important; }

.pr-32 {
  padding-right: 8rem !important; }

.hover\:pr-32:hover {
  padding-right: 8rem !important; }

.group:hover .group-hover\:pr-32 {
  padding-right: 8rem !important; }

.p-36 {
  padding: 9rem !important; }

.hover\:p-36:hover {
  padding: 9rem !important; }

.group:hover .group-hover\:p-36 {
  padding: 9rem !important; }

.px-36 {
  padding: 0 9rem !important; }

.hover\:px-36:hover {
  padding: 0 9rem !important; }

.group:hover .group-hover\:px-36 {
  padding: 0 9rem !important; }

.py-36 {
  padding: 9rem 0 !important; }

.hover\:py-36:hover {
  padding: 9rem 0 !important; }

.group:hover .group-hover\:py-36 {
  padding: 9rem 0 !important; }

.pt-36 {
  padding-top: 9rem !important; }

.hover\:pt-36:hover {
  padding-top: 9rem !important; }

.group:hover .group-hover\:pt-36 {
  padding-top: 9rem !important; }

.pb-36 {
  padding-bottom: 9rem !important; }

.hover\:pb-36:hover {
  padding-bottom: 9rem !important; }

.group:hover .group-hover\:pb-36 {
  padding-bottom: 9rem !important; }

.pl-36 {
  padding-left: 9rem !important; }

.hover\:pl-36:hover {
  padding-left: 9rem !important; }

.group:hover .group-hover\:pl-36 {
  padding-left: 9rem !important; }

.pr-36 {
  padding-right: 9rem !important; }

.hover\:pr-36:hover {
  padding-right: 9rem !important; }

.group:hover .group-hover\:pr-36 {
  padding-right: 9rem !important; }

.p-40 {
  padding: 10rem !important; }

.hover\:p-40:hover {
  padding: 10rem !important; }

.group:hover .group-hover\:p-40 {
  padding: 10rem !important; }

.px-40 {
  padding: 0 10rem !important; }

.hover\:px-40:hover {
  padding: 0 10rem !important; }

.group:hover .group-hover\:px-40 {
  padding: 0 10rem !important; }

.py-40 {
  padding: 10rem 0 !important; }

.hover\:py-40:hover {
  padding: 10rem 0 !important; }

.group:hover .group-hover\:py-40 {
  padding: 10rem 0 !important; }

.pt-40 {
  padding-top: 10rem !important; }

.hover\:pt-40:hover {
  padding-top: 10rem !important; }

.group:hover .group-hover\:pt-40 {
  padding-top: 10rem !important; }

.pb-40 {
  padding-bottom: 10rem !important; }

.hover\:pb-40:hover {
  padding-bottom: 10rem !important; }

.group:hover .group-hover\:pb-40 {
  padding-bottom: 10rem !important; }

.pl-40 {
  padding-left: 10rem !important; }

.hover\:pl-40:hover {
  padding-left: 10rem !important; }

.group:hover .group-hover\:pl-40 {
  padding-left: 10rem !important; }

.pr-40 {
  padding-right: 10rem !important; }

.hover\:pr-40:hover {
  padding-right: 10rem !important; }

.group:hover .group-hover\:pr-40 {
  padding-right: 10rem !important; }

.p-44 {
  padding: 11rem !important; }

.hover\:p-44:hover {
  padding: 11rem !important; }

.group:hover .group-hover\:p-44 {
  padding: 11rem !important; }

.px-44 {
  padding: 0 11rem !important; }

.hover\:px-44:hover {
  padding: 0 11rem !important; }

.group:hover .group-hover\:px-44 {
  padding: 0 11rem !important; }

.py-44 {
  padding: 11rem 0 !important; }

.hover\:py-44:hover {
  padding: 11rem 0 !important; }

.group:hover .group-hover\:py-44 {
  padding: 11rem 0 !important; }

.pt-44 {
  padding-top: 11rem !important; }

.hover\:pt-44:hover {
  padding-top: 11rem !important; }

.group:hover .group-hover\:pt-44 {
  padding-top: 11rem !important; }

.pb-44 {
  padding-bottom: 11rem !important; }

.hover\:pb-44:hover {
  padding-bottom: 11rem !important; }

.group:hover .group-hover\:pb-44 {
  padding-bottom: 11rem !important; }

.pl-44 {
  padding-left: 11rem !important; }

.hover\:pl-44:hover {
  padding-left: 11rem !important; }

.group:hover .group-hover\:pl-44 {
  padding-left: 11rem !important; }

.pr-44 {
  padding-right: 11rem !important; }

.hover\:pr-44:hover {
  padding-right: 11rem !important; }

.group:hover .group-hover\:pr-44 {
  padding-right: 11rem !important; }

.p-48 {
  padding: 12rem !important; }

.hover\:p-48:hover {
  padding: 12rem !important; }

.group:hover .group-hover\:p-48 {
  padding: 12rem !important; }

.px-48 {
  padding: 0 12rem !important; }

.hover\:px-48:hover {
  padding: 0 12rem !important; }

.group:hover .group-hover\:px-48 {
  padding: 0 12rem !important; }

.py-48 {
  padding: 12rem 0 !important; }

.hover\:py-48:hover {
  padding: 12rem 0 !important; }

.group:hover .group-hover\:py-48 {
  padding: 12rem 0 !important; }

.pt-48 {
  padding-top: 12rem !important; }

.hover\:pt-48:hover {
  padding-top: 12rem !important; }

.group:hover .group-hover\:pt-48 {
  padding-top: 12rem !important; }

.pb-48 {
  padding-bottom: 12rem !important; }

.hover\:pb-48:hover {
  padding-bottom: 12rem !important; }

.group:hover .group-hover\:pb-48 {
  padding-bottom: 12rem !important; }

.pl-48 {
  padding-left: 12rem !important; }

.hover\:pl-48:hover {
  padding-left: 12rem !important; }

.group:hover .group-hover\:pl-48 {
  padding-left: 12rem !important; }

.pr-48 {
  padding-right: 12rem !important; }

.hover\:pr-48:hover {
  padding-right: 12rem !important; }

.group:hover .group-hover\:pr-48 {
  padding-right: 12rem !important; }

.p-52 {
  padding: 13rem !important; }

.hover\:p-52:hover {
  padding: 13rem !important; }

.group:hover .group-hover\:p-52 {
  padding: 13rem !important; }

.px-52 {
  padding: 0 13rem !important; }

.hover\:px-52:hover {
  padding: 0 13rem !important; }

.group:hover .group-hover\:px-52 {
  padding: 0 13rem !important; }

.py-52 {
  padding: 13rem 0 !important; }

.hover\:py-52:hover {
  padding: 13rem 0 !important; }

.group:hover .group-hover\:py-52 {
  padding: 13rem 0 !important; }

.pt-52 {
  padding-top: 13rem !important; }

.hover\:pt-52:hover {
  padding-top: 13rem !important; }

.group:hover .group-hover\:pt-52 {
  padding-top: 13rem !important; }

.pb-52 {
  padding-bottom: 13rem !important; }

.hover\:pb-52:hover {
  padding-bottom: 13rem !important; }

.group:hover .group-hover\:pb-52 {
  padding-bottom: 13rem !important; }

.pl-52 {
  padding-left: 13rem !important; }

.hover\:pl-52:hover {
  padding-left: 13rem !important; }

.group:hover .group-hover\:pl-52 {
  padding-left: 13rem !important; }

.pr-52 {
  padding-right: 13rem !important; }

.hover\:pr-52:hover {
  padding-right: 13rem !important; }

.group:hover .group-hover\:pr-52 {
  padding-right: 13rem !important; }

.p-56 {
  padding: 14rem !important; }

.hover\:p-56:hover {
  padding: 14rem !important; }

.group:hover .group-hover\:p-56 {
  padding: 14rem !important; }

.px-56 {
  padding: 0 14rem !important; }

.hover\:px-56:hover {
  padding: 0 14rem !important; }

.group:hover .group-hover\:px-56 {
  padding: 0 14rem !important; }

.py-56 {
  padding: 14rem 0 !important; }

.hover\:py-56:hover {
  padding: 14rem 0 !important; }

.group:hover .group-hover\:py-56 {
  padding: 14rem 0 !important; }

.pt-56 {
  padding-top: 14rem !important; }

.hover\:pt-56:hover {
  padding-top: 14rem !important; }

.group:hover .group-hover\:pt-56 {
  padding-top: 14rem !important; }

.pb-56 {
  padding-bottom: 14rem !important; }

.hover\:pb-56:hover {
  padding-bottom: 14rem !important; }

.group:hover .group-hover\:pb-56 {
  padding-bottom: 14rem !important; }

.pl-56 {
  padding-left: 14rem !important; }

.hover\:pl-56:hover {
  padding-left: 14rem !important; }

.group:hover .group-hover\:pl-56 {
  padding-left: 14rem !important; }

.pr-56 {
  padding-right: 14rem !important; }

.hover\:pr-56:hover {
  padding-right: 14rem !important; }

.group:hover .group-hover\:pr-56 {
  padding-right: 14rem !important; }

.p-60 {
  padding: 15rem !important; }

.hover\:p-60:hover {
  padding: 15rem !important; }

.group:hover .group-hover\:p-60 {
  padding: 15rem !important; }

.px-60 {
  padding: 0 15rem !important; }

.hover\:px-60:hover {
  padding: 0 15rem !important; }

.group:hover .group-hover\:px-60 {
  padding: 0 15rem !important; }

.py-60 {
  padding: 15rem 0 !important; }

.hover\:py-60:hover {
  padding: 15rem 0 !important; }

.group:hover .group-hover\:py-60 {
  padding: 15rem 0 !important; }

.pt-60 {
  padding-top: 15rem !important; }

.hover\:pt-60:hover {
  padding-top: 15rem !important; }

.group:hover .group-hover\:pt-60 {
  padding-top: 15rem !important; }

.pb-60 {
  padding-bottom: 15rem !important; }

.hover\:pb-60:hover {
  padding-bottom: 15rem !important; }

.group:hover .group-hover\:pb-60 {
  padding-bottom: 15rem !important; }

.pl-60 {
  padding-left: 15rem !important; }

.hover\:pl-60:hover {
  padding-left: 15rem !important; }

.group:hover .group-hover\:pl-60 {
  padding-left: 15rem !important; }

.pr-60 {
  padding-right: 15rem !important; }

.hover\:pr-60:hover {
  padding-right: 15rem !important; }

.group:hover .group-hover\:pr-60 {
  padding-right: 15rem !important; }

.p-64 {
  padding: 16rem !important; }

.hover\:p-64:hover {
  padding: 16rem !important; }

.group:hover .group-hover\:p-64 {
  padding: 16rem !important; }

.px-64 {
  padding: 0 16rem !important; }

.hover\:px-64:hover {
  padding: 0 16rem !important; }

.group:hover .group-hover\:px-64 {
  padding: 0 16rem !important; }

.py-64 {
  padding: 16rem 0 !important; }

.hover\:py-64:hover {
  padding: 16rem 0 !important; }

.group:hover .group-hover\:py-64 {
  padding: 16rem 0 !important; }

.pt-64 {
  padding-top: 16rem !important; }

.hover\:pt-64:hover {
  padding-top: 16rem !important; }

.group:hover .group-hover\:pt-64 {
  padding-top: 16rem !important; }

.pb-64 {
  padding-bottom: 16rem !important; }

.hover\:pb-64:hover {
  padding-bottom: 16rem !important; }

.group:hover .group-hover\:pb-64 {
  padding-bottom: 16rem !important; }

.pl-64 {
  padding-left: 16rem !important; }

.hover\:pl-64:hover {
  padding-left: 16rem !important; }

.group:hover .group-hover\:pl-64 {
  padding-left: 16rem !important; }

.pr-64 {
  padding-right: 16rem !important; }

.hover\:pr-64:hover {
  padding-right: 16rem !important; }

.group:hover .group-hover\:pr-64 {
  padding-right: 16rem !important; }

.p-72 {
  padding: 18rem !important; }

.hover\:p-72:hover {
  padding: 18rem !important; }

.group:hover .group-hover\:p-72 {
  padding: 18rem !important; }

.px-72 {
  padding: 0 18rem !important; }

.hover\:px-72:hover {
  padding: 0 18rem !important; }

.group:hover .group-hover\:px-72 {
  padding: 0 18rem !important; }

.py-72 {
  padding: 18rem 0 !important; }

.hover\:py-72:hover {
  padding: 18rem 0 !important; }

.group:hover .group-hover\:py-72 {
  padding: 18rem 0 !important; }

.pt-72 {
  padding-top: 18rem !important; }

.hover\:pt-72:hover {
  padding-top: 18rem !important; }

.group:hover .group-hover\:pt-72 {
  padding-top: 18rem !important; }

.pb-72 {
  padding-bottom: 18rem !important; }

.hover\:pb-72:hover {
  padding-bottom: 18rem !important; }

.group:hover .group-hover\:pb-72 {
  padding-bottom: 18rem !important; }

.pl-72 {
  padding-left: 18rem !important; }

.hover\:pl-72:hover {
  padding-left: 18rem !important; }

.group:hover .group-hover\:pl-72 {
  padding-left: 18rem !important; }

.pr-72 {
  padding-right: 18rem !important; }

.hover\:pr-72:hover {
  padding-right: 18rem !important; }

.group:hover .group-hover\:pr-72 {
  padding-right: 18rem !important; }

.p-80 {
  padding: 20rem !important; }

.hover\:p-80:hover {
  padding: 20rem !important; }

.group:hover .group-hover\:p-80 {
  padding: 20rem !important; }

.px-80 {
  padding: 0 20rem !important; }

.hover\:px-80:hover {
  padding: 0 20rem !important; }

.group:hover .group-hover\:px-80 {
  padding: 0 20rem !important; }

.py-80 {
  padding: 20rem 0 !important; }

.hover\:py-80:hover {
  padding: 20rem 0 !important; }

.group:hover .group-hover\:py-80 {
  padding: 20rem 0 !important; }

.pt-80 {
  padding-top: 20rem !important; }

.hover\:pt-80:hover {
  padding-top: 20rem !important; }

.group:hover .group-hover\:pt-80 {
  padding-top: 20rem !important; }

.pb-80 {
  padding-bottom: 20rem !important; }

.hover\:pb-80:hover {
  padding-bottom: 20rem !important; }

.group:hover .group-hover\:pb-80 {
  padding-bottom: 20rem !important; }

.pl-80 {
  padding-left: 20rem !important; }

.hover\:pl-80:hover {
  padding-left: 20rem !important; }

.group:hover .group-hover\:pl-80 {
  padding-left: 20rem !important; }

.pr-80 {
  padding-right: 20rem !important; }

.hover\:pr-80:hover {
  padding-right: 20rem !important; }

.group:hover .group-hover\:pr-80 {
  padding-right: 20rem !important; }

.p-96 {
  padding: 24rem !important; }

.hover\:p-96:hover {
  padding: 24rem !important; }

.group:hover .group-hover\:p-96 {
  padding: 24rem !important; }

.px-96 {
  padding: 0 24rem !important; }

.hover\:px-96:hover {
  padding: 0 24rem !important; }

.group:hover .group-hover\:px-96 {
  padding: 0 24rem !important; }

.py-96 {
  padding: 24rem 0 !important; }

.hover\:py-96:hover {
  padding: 24rem 0 !important; }

.group:hover .group-hover\:py-96 {
  padding: 24rem 0 !important; }

.pt-96 {
  padding-top: 24rem !important; }

.hover\:pt-96:hover {
  padding-top: 24rem !important; }

.group:hover .group-hover\:pt-96 {
  padding-top: 24rem !important; }

.pb-96 {
  padding-bottom: 24rem !important; }

.hover\:pb-96:hover {
  padding-bottom: 24rem !important; }

.group:hover .group-hover\:pb-96 {
  padding-bottom: 24rem !important; }

.pl-96 {
  padding-left: 24rem !important; }

.hover\:pl-96:hover {
  padding-left: 24rem !important; }

.group:hover .group-hover\:pl-96 {
  padding-left: 24rem !important; }

.pr-96 {
  padding-right: 24rem !important; }

.hover\:pr-96:hover {
  padding-right: 24rem !important; }

.group:hover .group-hover\:pr-96 {
  padding-right: 24rem !important; }

.text-xxs {
  font-size: 0.625rem !important; }

.hover\:text-xxs:hover {
  font-size: 0.625rem !important; }

.group:hover .group-hover\:text-xxs {
  font-size: 0.625rem !important; }

.text-xs {
  font-size: 0.75rem !important; }

.hover\:text-xs:hover {
  font-size: 0.75rem !important; }

.group:hover .group-hover\:text-xs {
  font-size: 0.75rem !important; }

.text-sm {
  font-size: 0.875rem !important; }

.hover\:text-sm:hover {
  font-size: 0.875rem !important; }

.group:hover .group-hover\:text-sm {
  font-size: 0.875rem !important; }

.text-md {
  font-size: 1rem !important; }

.hover\:text-md:hover {
  font-size: 1rem !important; }

.group:hover .group-hover\:text-md {
  font-size: 1rem !important; }

.text-lg {
  font-size: 1.125rem !important; }

.hover\:text-lg:hover {
  font-size: 1.125rem !important; }

.group:hover .group-hover\:text-lg {
  font-size: 1.125rem !important; }

.text-xl {
  font-size: 1.25rem !important; }

.hover\:text-xl:hover {
  font-size: 1.25rem !important; }

.group:hover .group-hover\:text-xl {
  font-size: 1.25rem !important; }

.text-2xl {
  font-size: 1.5rem !important; }

.hover\:text-2xl:hover {
  font-size: 1.5rem !important; }

.group:hover .group-hover\:text-2xl {
  font-size: 1.5rem !important; }

.text-4xl {
  font-size: 2rem !important; }

.hover\:text-4xl:hover {
  font-size: 2rem !important; }

.group:hover .group-hover\:text-4xl {
  font-size: 2rem !important; }

.text-5xl {
  font-size: 2.25rem !important; }

.hover\:text-5xl:hover {
  font-size: 2.25rem !important; }

.group:hover .group-hover\:text-5xl {
  font-size: 2.25rem !important; }

.text-6xl {
  font-size: 3rem !important; }

.hover\:text-6xl:hover {
  font-size: 3rem !important; }

.group:hover .group-hover\:text-6xl {
  font-size: 3rem !important; }

.text-7xl {
  font-size: 4rem !important; }

.hover\:text-7xl:hover {
  font-size: 4rem !important; }

.group:hover .group-hover\:text-7xl {
  font-size: 4rem !important; }

.text-8xl {
  font-size: 4.5rem !important; }

.hover\:text-8xl:hover {
  font-size: 4.5rem !important; }

.group:hover .group-hover\:text-8xl {
  font-size: 4.5rem !important; }

.text-9xl {
  font-size: 6rem !important; }

.hover\:text-9xl:hover {
  font-size: 6rem !important; }

.group:hover .group-hover\:text-9xl {
  font-size: 6rem !important; }

.text-regular {
  font-weight: 400 !important; }

.hover\:text-regular:hover {
  font-weight: 400 !important; }

.group:hover .group-hover\:text-regular {
  font-weight: 400 !important; }

.text-medium {
  font-weight: 500 !important; }

.hover\:text-medium:hover {
  font-weight: 500 !important; }

.group:hover .group-hover\:text-medium {
  font-weight: 500 !important; }

.text-bold {
  font-weight: 700 !important; }

.hover\:text-bold:hover {
  font-weight: 700 !important; }

.group:hover .group-hover\:text-bold {
  font-weight: 700 !important; }

.text-aura-50 {
  color: #fde8f3 !important; }

.hover\:text-aura-50:hover {
  color: #fde8f3 !important; }

.group:hover .group-hover\:text-aura-50 {
  color: #fde8f3 !important; }

.event-aura-50 {
  background: #fde8f3 !important;
  color: #fff !important; }
  .event-aura-50:hover {
    background: #f7a2ce !important; }

.text-aura-100 {
  color: #f9b7da !important; }

.hover\:text-aura-100:hover {
  color: #f9b7da !important; }

.group:hover .group-hover\:text-aura-100 {
  color: #f9b7da !important; }

.event-aura-100 {
  background: #f9b7da !important;
  color: #fff !important; }
  .event-aura-100:hover {
    background: #f370b6 !important; }

.text-aura-200 {
  color: #f695c9 !important; }

.hover\:text-aura-200:hover {
  color: #f695c9 !important; }

.group:hover .group-hover\:text-aura-200 {
  color: #f695c9 !important; }

.event-aura-200 {
  background: #f695c9 !important;
  color: #fff !important; }
  .event-aura-200:hover {
    background: #f04ea5 !important; }

.text-aura-300 {
  color: #f264b0 !important; }

.hover\:text-aura-300:hover {
  color: #f264b0 !important; }

.group:hover .group-hover\:text-aura-300 {
  color: #f264b0 !important; }

.event-aura-300 {
  background: #f264b0 !important;
  color: #fff !important; }
  .event-aura-300:hover {
    background: #ec1d8c !important; }

.text-aura-400 {
  color: #f046a1 !important; }

.hover\:text-aura-400:hover {
  color: #f046a1 !important; }

.group:hover .group-hover\:text-aura-400 {
  color: #f046a1 !important; }

.event-aura-400 {
  background: #f046a1 !important;
  color: #fff !important; }
  .event-aura-400:hover {
    background: #d8127c !important; }

.text-aura-500 {
  color: #ec1889 !important; }

.hover\:text-aura-500:hover {
  color: #ec1889 !important; }

.group:hover .group-hover\:text-aura-500 {
  color: #ec1889 !important; }

.event-aura-500 {
  background: #ec1889 !important;
  color: #fff !important; }
  .event-aura-500:hover {
    background: #aa0e61 !important; }

.text-aura-600 {
  color: #d7167d !important; }

.hover\:text-aura-600:hover {
  color: #d7167d !important; }

.group:hover .group-hover\:text-aura-600 {
  color: #d7167d !important; }

.event-aura-600 {
  background: #d7167d !important;
  color: #fff !important; }
  .event-aura-600:hover {
    background: #920f55 !important; }

.text-aura-700 {
  color: #a81161 !important; }

.hover\:text-aura-700:hover {
  color: #a81161 !important; }

.group:hover .group-hover\:text-aura-700 {
  color: #a81161 !important; }

.event-aura-700 {
  background: #a81161 !important;
  color: #fff !important; }
  .event-aura-700:hover {
    background: #630a39 !important; }

.text-aura-800 {
  color: #820d4b !important; }

.hover\:text-aura-800:hover {
  color: #820d4b !important; }

.group:hover .group-hover\:text-aura-800 {
  color: #820d4b !important; }

.event-aura-800 {
  background: #820d4b !important;
  color: #fff !important; }
  .event-aura-800:hover {
    background: #3c0623 !important; }

.text-aura-900 {
  color: #630a3a !important; }

.hover\:text-aura-900:hover {
  color: #630a3a !important; }

.group:hover .group-hover\:text-aura-900 {
  color: #630a3a !important; }

.event-aura-900 {
  background: #630a3a !important;
  color: #fff !important; }
  .event-aura-900:hover {
    background: #1e0311 !important; }

.text-secondary-50 {
  color: #e6e6f0 !important; }

.hover\:text-secondary-50:hover {
  color: #e6e6f0 !important; }

.group:hover .group-hover\:text-secondary-50 {
  color: #e6e6f0 !important; }

.event-secondary-50 {
  background: #e6e6f0 !important;
  color: #fff !important; }
  .event-secondary-50:hover {
    background: #b6b6d3 !important; }

.text-secondary-100 {
  color: #b0b2cf !important; }

.hover\:text-secondary-100:hover {
  color: #b0b2cf !important; }

.group:hover .group-hover\:text-secondary-100 {
  color: #b0b2cf !important; }

.event-secondary-100 {
  background: #b0b2cf !important;
  color: #fff !important; }
  .event-secondary-100:hover {
    background: #8084b2 !important; }

.text-secondary-200 {
  color: #8a8db8 !important; }

.hover\:text-secondary-200:hover {
  color: #8a8db8 !important; }

.group:hover .group-hover\:text-secondary-200 {
  color: #8a8db8 !important; }

.event-secondary-200 {
  background: #8a8db8 !important;
  color: #fff !important; }
  .event-secondary-200:hover {
    background: #5d6199 !important; }

.text-secondary-300 {
  color: #555998 !important; }

.hover\:text-secondary-300:hover {
  color: #555998 !important; }

.group:hover .group-hover\:text-secondary-300 {
  color: #555998 !important; }

.event-secondary-300 {
  background: #555998 !important;
  color: #fff !important; }
  .event-secondary-300:hover {
    background: #3a3c67 !important; }

.text-secondary-400 {
  color: #343984 !important; }

.hover\:text-secondary-400:hover {
  color: #343984 !important; }

.group:hover .group-hover\:text-secondary-400 {
  color: #343984 !important; }

.event-secondary-400 {
  background: #343984 !important;
  color: #fff !important; }
  .event-secondary-400:hover {
    background: #1e214d !important; }

.text-secondary-500 {
  color: #010765 !important; }

.hover\:text-secondary-500:hover {
  color: #010765 !important; }

.group:hover .group-hover\:text-secondary-500 {
  color: #010765 !important; }

.event-secondary-500 {
  background: #010765 !important;
  color: #fff !important; }
  .event-secondary-500:hover {
    background: #000219 !important; }

.text-secondary-600 {
  color: #01065c !important; }

.hover\:text-secondary-600:hover {
  color: #01065c !important; }

.group:hover .group-hover\:text-secondary-600 {
  color: #01065c !important; }

.event-secondary-600 {
  background: #01065c !important;
  color: #fff !important; }
  .event-secondary-600:hover {
    background: #000110 !important; }

.text-secondary-700 {
  color: #010548 !important; }

.hover\:text-secondary-700:hover {
  color: #010548 !important; }

.group:hover .group-hover\:text-secondary-700 {
  color: #010548 !important; }

.event-secondary-700 {
  background: #010548 !important;
  color: #fff !important; }
  .event-secondary-700:hover {
    background: black !important; }

.text-secondary-800 {
  color: #010438 !important; }

.hover\:text-secondary-800:hover {
  color: #010438 !important; }

.group:hover .group-hover\:text-secondary-800 {
  color: #010438 !important; }

.event-secondary-800 {
  background: #010438 !important;
  color: #fff !important; }
  .event-secondary-800:hover {
    background: black !important; }

.text-secondary-900 {
  color: #00032a !important; }

.hover\:text-secondary-900:hover {
  color: #00032a !important; }

.group:hover .group-hover\:text-secondary-900 {
  color: #00032a !important; }

.event-secondary-900 {
  background: #00032a !important;
  color: #fff !important; }
  .event-secondary-900:hover {
    background: black !important; }

.text-blue-50 {
  color: #e6f3ff !important; }

.hover\:text-blue-50:hover {
  color: #e6f3ff !important; }

.group:hover .group-hover\:text-blue-50 {
  color: #e6f3ff !important; }

.event-blue-50 {
  background: #e6f3ff !important;
  color: #fff !important; }
  .event-blue-50:hover {
    background: #9aceff !important; }

.text-blue-100 {
  color: #b0d9ff !important; }

.hover\:text-blue-100:hover {
  color: #b0d9ff !important; }

.group:hover .group-hover\:text-blue-100 {
  color: #b0d9ff !important; }

.event-blue-100 {
  background: #b0d9ff !important;
  color: #fff !important; }
  .event-blue-100:hover {
    background: #64b4ff !important; }

.text-blue-200 {
  color: #8ac6ff !important; }

.hover\:text-blue-200:hover {
  color: #8ac6ff !important; }

.group:hover .group-hover\:text-blue-200 {
  color: #8ac6ff !important; }

.event-blue-200 {
  background: #8ac6ff !important;
  color: #fff !important; }
  .event-blue-200:hover {
    background: #3ea1ff !important; }

.text-blue-300 {
  color: #54adff !important; }

.hover\:text-blue-300:hover {
  color: #54adff !important; }

.group:hover .group-hover\:text-blue-300 {
  color: #54adff !important; }

.event-blue-300 {
  background: #54adff !important;
  color: #fff !important; }
  .event-blue-300:hover {
    background: #0888ff !important; }

.text-blue-400 {
  color: #339dff !important; }

.hover\:text-blue-400:hover {
  color: #339dff !important; }

.group:hover .group-hover\:text-blue-400 {
  color: #339dff !important; }

.event-blue-400 {
  background: #339dff !important;
  color: #fff !important; }
  .event-blue-400:hover {
    background: #0077e6 !important; }

.text-blue {
  color: #0084ff !important; }

.hover\:text-blue:hover {
  color: #0084ff !important; }

.group:hover .group-hover\:text-blue {
  color: #0084ff !important; }

.event-blue {
  background: #0084ff !important;
  color: #fff !important; }
  .event-blue:hover {
    background: #005cb3 !important; }

.text-blue-600 {
  color: #0078e8 !important; }

.hover\:text-blue-600:hover {
  color: #0078e8 !important; }

.group:hover .group-hover\:text-blue-600 {
  color: #0078e8 !important; }

.event-blue-600 {
  background: #0078e8 !important;
  color: #fff !important; }
  .event-blue-600:hover {
    background: #00509c !important; }

.text-blue-700 {
  color: #005eb5 !important; }

.hover\:text-blue-700:hover {
  color: #005eb5 !important; }

.group:hover .group-hover\:text-blue-700 {
  color: #005eb5 !important; }

.event-blue-700 {
  background: #005eb5 !important;
  color: #fff !important; }
  .event-blue-700:hover {
    background: #003669 !important; }

.text-blue-800 {
  color: #00498c !important; }

.hover\:text-blue-800:hover {
  color: #00498c !important; }

.group:hover .group-hover\:text-blue-800 {
  color: #00498c !important; }

.event-blue-800 {
  background: #00498c !important;
  color: #fff !important; }
  .event-blue-800:hover {
    background: #002140 !important; }

.text-blue-900 {
  color: #00376b !important; }

.hover\:text-blue-900:hover {
  color: #00376b !important; }

.group:hover .group-hover\:text-blue-900 {
  color: #00376b !important; }

.event-blue-900 {
  background: #00376b !important;
  color: #fff !important; }
  .event-blue-900:hover {
    background: #00101f !important; }

.text-red-50 {
  color: #fdeaea !important; }

.hover\:text-red-50:hover {
  color: #fdeaea !important; }

.group:hover .group-hover\:text-red-50 {
  color: #fdeaea !important; }

.event-red-50 {
  background: #fdeaea !important;
  color: #fff !important; }
  .event-red-50:hover {
    background: #f6a4a4 !important; }

.text-red-100 {
  color: #f8bebe !important; }

.hover\:text-red-100:hover {
  color: #f8bebe !important; }

.group:hover .group-hover\:text-red-100 {
  color: #f8bebe !important; }

.event-red-100 {
  background: #f8bebe !important;
  color: #fff !important; }
  .event-red-100:hover {
    background: #f17979 !important; }

.text-red-200 {
  color: #f59e9e !important; }

.hover\:text-red-200:hover {
  color: #f59e9e !important; }

.group:hover .group-hover\:text-red-200 {
  color: #f59e9e !important; }

.event-red-200 {
  background: #f59e9e !important;
  color: #fff !important; }
  .event-red-200:hover {
    background: #ee5959 !important; }

.text-red-300 {
  color: #f07272 !important; }

.hover\:text-red-300:hover {
  color: #f07272 !important; }

.group:hover .group-hover\:text-red-300 {
  color: #f07272 !important; }

.event-red-300 {
  background: #f07272 !important;
  color: #fff !important; }
  .event-red-300:hover {
    background: #e92d2d !important; }

.text-red-400 {
  color: #ed5656 !important; }

.hover\:text-red-400:hover {
  color: #ed5656 !important; }

.group:hover .group-hover\:text-red-400 {
  color: #ed5656 !important; }

.event-red-400 {
  background: #ed5656 !important;
  color: #fff !important; }
  .event-red-400:hover {
    background: #df1818 !important; }

.text-red {
  color: #e92c2c !important; }

.hover\:text-red:hover {
  color: #e92c2c !important; }

.group:hover .group-hover\:text-red {
  color: #e92c2c !important; }

.event-red {
  background: #e92c2c !important;
  color: #fff !important; }
  .event-red:hover {
    background: #b61313 !important; }

.text-red-600 {
  color: #d42828 !important; }

.hover\:text-red-600:hover {
  color: #d42828 !important; }

.group:hover .group-hover\:text-red-600 {
  color: #d42828 !important; }

.event-red-600 {
  background: #d42828 !important;
  color: #fff !important; }
  .event-red-600:hover {
    background: #941c1c !important; }

.text-red-700 {
  color: #a51f1f !important; }

.hover\:text-red-700:hover {
  color: #a51f1f !important; }

.group:hover .group-hover\:text-red-700 {
  color: #a51f1f !important; }

.event-red-700 {
  background: #a51f1f !important;
  color: #fff !important; }
  .event-red-700:hover {
    background: #651313 !important; }

.text-red-800 {
  color: #801818 !important; }

.hover\:text-red-800:hover {
  color: #801818 !important; }

.group:hover .group-hover\:text-red-800 {
  color: #801818 !important; }

.event-red-800 {
  background: #801818 !important;
  color: #fff !important; }
  .event-red-800:hover {
    background: #400c0c !important; }

.text-red-900 {
  color: #621212 !important; }

.hover\:text-red-900:hover {
  color: #621212 !important; }

.group:hover .group-hover\:text-red-900 {
  color: #621212 !important; }

.event-red-900 {
  background: #621212 !important;
  color: #fff !important; }
  .event-red-900:hover {
    background: #210606 !important; }

.text-yellow-50 {
  color: #fff8e6 !important; }

.hover\:text-yellow-50:hover {
  color: #fff8e6 !important; }

.group:hover .group-hover\:text-yellow-50 {
  color: #fff8e6 !important; }

.event-yellow-50 {
  background: #fff8e6 !important;
  color: #fff !important; }
  .event-yellow-50:hover {
    background: #ffe39a !important; }

.text-yellow-100 {
  color: #ffeab2 !important; }

.hover\:text-yellow-100:hover {
  color: #ffeab2 !important; }

.group:hover .group-hover\:text-yellow-100 {
  color: #ffeab2 !important; }

.event-yellow-100 {
  background: #ffeab2 !important;
  color: #fff !important; }
  .event-yellow-100:hover {
    background: #ffd566 !important; }

.text-yellow-200 {
  color: #ffdf8d !important; }

.hover\:text-yellow-200:hover {
  color: #ffdf8d !important; }

.group:hover .group-hover\:text-yellow-200 {
  color: #ffdf8d !important; }

.event-yellow-200 {
  background: #ffdf8d !important;
  color: #fff !important; }
  .event-yellow-200:hover {
    background: #ffca41 !important; }

.text-yellow-300 {
  color: #ffd15a !important; }

.hover\:text-yellow-300:hover {
  color: #ffd15a !important; }

.group:hover .group-hover\:text-yellow-300 {
  color: #ffd15a !important; }

.event-yellow-300 {
  background: #ffd15a !important;
  color: #fff !important; }
  .event-yellow-300:hover {
    background: #ffbc0e !important; }

.text-yellow-400 {
  color: #ffc839 !important; }

.hover\:text-yellow-400:hover {
  color: #ffc839 !important; }

.group:hover .group-hover\:text-yellow-400 {
  color: #ffc839 !important; }

.event-yellow-400 {
  background: #ffc839 !important;
  color: #fff !important; }
  .event-yellow-400:hover {
    background: #ecaa00 !important; }

.text-yellow {
  color: #ffba08 !important; }

.hover\:text-yellow:hover {
  color: #ffba08 !important; }

.group:hover .group-hover\:text-yellow {
  color: #ffba08 !important; }

.event-yellow {
  background: #ffba08 !important;
  color: #fff !important; }
  .event-yellow:hover {
    background: #bb8600 !important; }

.text-yellow-600 {
  color: #e8a907 !important; }

.hover\:text-yellow-600:hover {
  color: #e8a907 !important; }

.group:hover .group-hover\:text-yellow-600 {
  color: #e8a907 !important; }

.event-yellow-600 {
  background: #e8a907 !important;
  color: #fff !important; }
  .event-yellow-600:hover {
    background: #9e7305 !important; }

.text-yellow-700 {
  color: #b58406 !important; }

.hover\:text-yellow-700:hover {
  color: #b58406 !important; }

.group:hover .group-hover\:text-yellow-700 {
  color: #b58406 !important; }

.event-yellow-700 {
  background: #b58406 !important;
  color: #fff !important; }
  .event-yellow-700:hover {
    background: #6b4e04 !important; }

.text-yellow-800 {
  color: #8c6604 !important; }

.hover\:text-yellow-800:hover {
  color: #8c6604 !important; }

.group:hover .group-hover\:text-yellow-800 {
  color: #8c6604 !important; }

.event-yellow-800 {
  background: #8c6604 !important;
  color: #fff !important; }
  .event-yellow-800:hover {
    background: #423002 !important; }

.text-yellow-900 {
  color: #6b4e03 !important; }

.hover\:text-yellow-900:hover {
  color: #6b4e03 !important; }

.group:hover .group-hover\:text-yellow-900 {
  color: #6b4e03 !important; }

.event-yellow-900 {
  background: #6b4e03 !important;
  color: #fff !important; }
  .event-yellow-900:hover {
    background: #211801 !important; }

.text-green-50 {
  color: #e6f8eb !important; }

.hover\:text-green-50:hover {
  color: #e6f8eb !important; }

.group:hover .group-hover\:text-green-50 {
  color: #e6f8eb !important; }

.event-green-50 {
  background: #e6f8eb !important;
  color: #fff !important; }
  .event-green-50:hover {
    background: #aae7bb !important; }

.text-green-100 {
  color: #b0eac0 !important; }

.hover\:text-green-100:hover {
  color: #b0eac0 !important; }

.group:hover .group-hover\:text-green-100 {
  color: #b0eac0 !important; }

.event-green-100 {
  background: #b0eac0 !important;
  color: #fff !important; }
  .event-green-100:hover {
    background: #74da90 !important; }

.text-green-200 {
  color: #8adfa2 !important; }

.hover\:text-green-200:hover {
  color: #8adfa2 !important; }

.group:hover .group-hover\:text-green-200 {
  color: #8adfa2 !important; }

.event-green-200 {
  background: #8adfa2 !important;
  color: #fff !important; }
  .event-green-200:hover {
    background: #4ecf72 !important; }

.text-green-300 {
  color: #54d177 !important; }

.hover\:text-green-300:hover {
  color: #54d177 !important; }

.group:hover .group-hover\:text-green-300 {
  color: #54d177 !important; }

.event-green-300 {
  background: #54d177 !important;
  color: #fff !important; }
  .event-green-300:hover {
    background: #2eab51 !important; }

.text-green-400 {
  color: #33c85d !important; }

.hover\:text-green-400:hover {
  color: #33c85d !important; }

.group:hover .group-hover\:text-green-400 {
  color: #33c85d !important; }

.event-green-400 {
  background: #33c85d !important;
  color: #fff !important; }
  .event-green-400:hover {
    background: #238b41 !important; }

.text-green {
  color: #00ba34 !important; }

.hover\:text-green:hover {
  color: #00ba34 !important; }

.group:hover .group-hover\:text-green {
  color: #00ba34 !important; }

.event-green {
  background: #00ba34 !important;
  color: #fff !important; }
  .event-green:hover {
    background: #006e1f !important; }

.text-green-600 {
  color: #00a92f !important; }

.hover\:text-green-600:hover {
  color: #00a92f !important; }

.group:hover .group-hover\:text-green-600 {
  color: #00a92f !important; }

.event-green-600 {
  background: #00a92f !important;
  color: #fff !important; }
  .event-green-600:hover {
    background: #005d1a !important; }

.text-green-700 {
  color: #008425 !important; }

.hover\:text-green-700:hover {
  color: #008425 !important; }

.group:hover .group-hover\:text-green-700 {
  color: #008425 !important; }

.event-green-700 {
  background: #008425 !important;
  color: #fff !important; }
  .event-green-700:hover {
    background: #003810 !important; }

.text-green-800 {
  color: #00661d !important; }

.hover\:text-green-800:hover {
  color: #00661d !important; }

.group:hover .group-hover\:text-green-800 {
  color: #00661d !important; }

.event-green-800 {
  background: #00661d !important;
  color: #fff !important; }
  .event-green-800:hover {
    background: #001a07 !important; }

.text-green-900 {
  color: #004e16 !important; }

.hover\:text-green-900:hover {
  color: #004e16 !important; }

.group:hover .group-hover\:text-green-900 {
  color: #004e16 !important; }

.event-green-900 {
  background: #004e16 !important;
  color: #fff !important; }
  .event-green-900:hover {
    background: #000200 !important; }

.text-white {
  color: #fff !important; }

.hover\:text-white:hover {
  color: #fff !important; }

.group:hover .group-hover\:text-white {
  color: #fff !important; }

.event-white {
  background: #fff !important;
  color: #fff !important; }
  .event-white:hover {
    background: #d9d9d9 !important; }

.text-gray-50 {
  color: #eeeeee !important; }

.hover\:text-gray-50:hover {
  color: #eeeeee !important; }

.group:hover .group-hover\:text-gray-50 {
  color: #eeeeee !important; }

.event-gray-50 {
  background: #eeeeee !important;
  color: #fff !important; }
  .event-gray-50:hover {
    background: #c8c8c8 !important; }

.text-gray-100 {
  color: #bfbfc1 !important; }

.hover\:text-gray-100:hover {
  color: #bfbfc1 !important; }

.group:hover .group-hover\:text-gray-100 {
  color: #bfbfc1 !important; }

.event-gray-100 {
  background: #bfbfc1 !important;
  color: #fff !important; }
  .event-gray-100:hover {
    background: #98989b !important; }

.text-gray-200 {
  color: #a1a1a3 !important; }

.hover\:text-gray-200:hover {
  color: #a1a1a3 !important; }

.group:hover .group-hover\:text-gray-200 {
  color: #a1a1a3 !important; }

.event-gray-200 {
  background: #a1a1a3 !important;
  color: #fff !important; }
  .event-gray-200:hover {
    background: #7a7a7d !important; }

.text-gray-300 {
  color: #76767a !important; }

.hover\:text-gray-300:hover {
  color: #76767a !important; }

.group:hover .group-hover\:text-gray-300 {
  color: #76767a !important; }

.event-gray-300 {
  background: #76767a !important;
  color: #fff !important; }
  .event-gray-300:hover {
    background: #505053 !important; }

.text-gray-400 {
  color: #5b5b60 !important; }

.hover\:text-gray-400:hover {
  color: #5b5b60 !important; }

.group:hover .group-hover\:text-gray-400 {
  color: #5b5b60 !important; }

.event-gray-400 {
  background: #5b5b60 !important;
  color: #fff !important; }
  .event-gray-400:hover {
    background: #363639 !important; }

.text-gray-500 {
  color: #323238 !important; }

.hover\:text-gray-500:hover {
  color: #323238 !important; }

.group:hover .group-hover\:text-gray-500 {
  color: #323238 !important; }

.event-gray-500 {
  background: #323238 !important;
  color: #fff !important; }
  .event-gray-500:hover {
    background: #0e0e10 !important; }

.text-gray-600 {
  color: #2e2e33 !important; }

.hover\:text-gray-600:hover {
  color: #2e2e33 !important; }

.group:hover .group-hover\:text-gray-600 {
  color: #2e2e33 !important; }

.event-gray-600 {
  background: #2e2e33 !important;
  color: #fff !important; }
  .event-gray-600:hover {
    background: #0a0a0b !important; }

.text-gray-700 {
  color: #242428 !important; }

.hover\:text-gray-700:hover {
  color: #242428 !important; }

.group:hover .group-hover\:text-gray-700 {
  color: #242428 !important; }

.event-gray-700 {
  background: #242428 !important;
  color: #fff !important; }
  .event-gray-700:hover {
    background: black !important; }

.text-gray-800 {
  color: #1c1c1f !important; }

.hover\:text-gray-800:hover {
  color: #1c1c1f !important; }

.group:hover .group-hover\:text-gray-800 {
  color: #1c1c1f !important; }

.event-gray-800 {
  background: #1c1c1f !important;
  color: #fff !important; }
  .event-gray-800:hover {
    background: black !important; }

.text-gray-900 {
  color: #0d0d10 !important; }

.hover\:text-gray-900:hover {
  color: #0d0d10 !important; }

.group:hover .group-hover\:text-gray-900 {
  color: #0d0d10 !important; }

.event-gray-900 {
  background: #0d0d10 !important;
  color: #fff !important; }
  .event-gray-900:hover {
    background: black !important; }

.text-black {
  color: #000 !important; }

.hover\:text-black:hover {
  color: #000 !important; }

.group:hover .group-hover\:text-black {
  color: #000 !important; }

.event-black {
  background: #000 !important;
  color: #fff !important; }
  .event-black:hover {
    background: black !important; }

.text-center {
  text-align: center !important; }

.hover\:text-center:hover {
  text-align: center !important; }

.group:hover .group-hover\:text-center {
  text-align: center !important; }

.text-left {
  text-align: left !important; }

.hover\:text-left:hover {
  text-align: left !important; }

.group:hover .group-hover\:text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.hover\:text-right:hover {
  text-align: right !important; }

.group:hover .group-hover\:text-right {
  text-align: right !important; }

.radius-px {
  border-radius: 1px !important; }

.hover\:radius-px:hover {
  border-radius: 1px !important; }

.group:hover .group-hover\:radius-px {
  border-radius: 1px !important; }

.radius-xs {
  border-radius: 4px !important; }

.hover\:radius-xs:hover {
  border-radius: 4px !important; }

.group:hover .group-hover\:radius-xs {
  border-radius: 4px !important; }

.radius-sm {
  border-radius: 6px !important; }

.hover\:radius-sm:hover {
  border-radius: 6px !important; }

.group:hover .group-hover\:radius-sm {
  border-radius: 6px !important; }

.radius-md {
  border-radius: 8px !important; }

.hover\:radius-md:hover {
  border-radius: 8px !important; }

.group:hover .group-hover\:radius-md {
  border-radius: 8px !important; }

.radius-lg {
  border-radius: 16px !important; }

.hover\:radius-lg:hover {
  border-radius: 16px !important; }

.group:hover .group-hover\:radius-lg {
  border-radius: 16px !important; }

.radius-full {
  border-radius: 99999px !important; }

.hover\:radius-full:hover {
  border-radius: 99999px !important; }

.group:hover .group-hover\:radius-full {
  border-radius: 99999px !important; }

.shadow-xxs {
  box-shadow: 0px 2px 3px 0px #00000014 !important; }

.hover\:shadow-xxs:hover {
  box-shadow: 0px 2px 3px 0px #00000014 !important; }

.group:hover .group-hover\:shadow-xxs {
  box-shadow: 0px 2px 3px 0px #00000014 !important; }

.shadow-xs {
  box-shadow: 0px 2px 3px 0px #00000014 !important; }

.hover\:shadow-xs:hover {
  box-shadow: 0px 2px 3px 0px #00000014 !important; }

.group:hover .group-hover\:shadow-xs {
  box-shadow: 0px 2px 3px 0px #00000014 !important; }

.shadow-sm {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 1px 2px -1px #00000029 !important; }

.hover\:shadow-sm:hover {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 1px 2px -1px #00000029 !important; }

.group:hover .group-hover\:shadow-sm {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 1px 2px -1px #00000029 !important; }

.shadow-md {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 2px 4px -1px #00000029 !important; }

.hover\:shadow-md:hover {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 2px 4px -1px #00000029 !important; }

.group:hover .group-hover\:shadow-md {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 2px 4px -1px #00000029 !important; }

.shadow-lg {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 4px 6px -1px #00000029 !important; }

.hover\:shadow-lg:hover {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 4px 6px -1px #00000029 !important; }

.group:hover .group-hover\:shadow-lg {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 4px 6px -1px #00000029 !important; }

.shadow-xl {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 8px 10px -1px #00000029 !important; }

.hover\:shadow-xl:hover {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 8px 10px -1px #00000029 !important; }

.group:hover .group-hover\:shadow-xl {
  box-shadow: 0px 2px 3px 0px #00000029, 0px 8px 10px -1px #00000029 !important; }

.shadow-2xl {
  box-shadow: 0px 2px 3px 0px #00000066 !important; }

.hover\:shadow-2xl:hover {
  box-shadow: 0px 2px 3px 0px #00000066 !important; }

.group:hover .group-hover\:shadow-2xl {
  box-shadow: 0px 2px 3px 0px #00000066 !important; }

.bg-aura-50 {
  background-color: #fde8f3 !important; }

.hover\:bg-aura-50:hover {
  background-color: #fde8f3 !important; }

.group:hover .group-hover\:bg-aura-50 {
  background-color: #fde8f3 !important; }

.bg-aura-100 {
  background-color: #f9b7da !important; }

.hover\:bg-aura-100:hover {
  background-color: #f9b7da !important; }

.group:hover .group-hover\:bg-aura-100 {
  background-color: #f9b7da !important; }

.bg-aura-200 {
  background-color: #f695c9 !important; }

.hover\:bg-aura-200:hover {
  background-color: #f695c9 !important; }

.group:hover .group-hover\:bg-aura-200 {
  background-color: #f695c9 !important; }

.bg-aura-300 {
  background-color: #f264b0 !important; }

.hover\:bg-aura-300:hover {
  background-color: #f264b0 !important; }

.group:hover .group-hover\:bg-aura-300 {
  background-color: #f264b0 !important; }

.bg-aura-400 {
  background-color: #f046a1 !important; }

.hover\:bg-aura-400:hover {
  background-color: #f046a1 !important; }

.group:hover .group-hover\:bg-aura-400 {
  background-color: #f046a1 !important; }

.bg-aura-500 {
  background-color: #ec1889 !important; }

.hover\:bg-aura-500:hover {
  background-color: #ec1889 !important; }

.group:hover .group-hover\:bg-aura-500 {
  background-color: #ec1889 !important; }

.bg-aura-600 {
  background-color: #d7167d !important; }

.hover\:bg-aura-600:hover {
  background-color: #d7167d !important; }

.group:hover .group-hover\:bg-aura-600 {
  background-color: #d7167d !important; }

.bg-aura-700 {
  background-color: #a81161 !important; }

.hover\:bg-aura-700:hover {
  background-color: #a81161 !important; }

.group:hover .group-hover\:bg-aura-700 {
  background-color: #a81161 !important; }

.bg-aura-800 {
  background-color: #820d4b !important; }

.hover\:bg-aura-800:hover {
  background-color: #820d4b !important; }

.group:hover .group-hover\:bg-aura-800 {
  background-color: #820d4b !important; }

.bg-aura-900 {
  background-color: #630a3a !important; }

.hover\:bg-aura-900:hover {
  background-color: #630a3a !important; }

.group:hover .group-hover\:bg-aura-900 {
  background-color: #630a3a !important; }

.bg-secondary-50 {
  background-color: #e6e6f0 !important; }

.hover\:bg-secondary-50:hover {
  background-color: #e6e6f0 !important; }

.group:hover .group-hover\:bg-secondary-50 {
  background-color: #e6e6f0 !important; }

.bg-secondary-100 {
  background-color: #b0b2cf !important; }

.hover\:bg-secondary-100:hover {
  background-color: #b0b2cf !important; }

.group:hover .group-hover\:bg-secondary-100 {
  background-color: #b0b2cf !important; }

.bg-secondary-200 {
  background-color: #8a8db8 !important; }

.hover\:bg-secondary-200:hover {
  background-color: #8a8db8 !important; }

.group:hover .group-hover\:bg-secondary-200 {
  background-color: #8a8db8 !important; }

.bg-secondary-300 {
  background-color: #555998 !important; }

.hover\:bg-secondary-300:hover {
  background-color: #555998 !important; }

.group:hover .group-hover\:bg-secondary-300 {
  background-color: #555998 !important; }

.bg-secondary-400 {
  background-color: #343984 !important; }

.hover\:bg-secondary-400:hover {
  background-color: #343984 !important; }

.group:hover .group-hover\:bg-secondary-400 {
  background-color: #343984 !important; }

.bg-secondary-500 {
  background-color: #010765 !important; }

.hover\:bg-secondary-500:hover {
  background-color: #010765 !important; }

.group:hover .group-hover\:bg-secondary-500 {
  background-color: #010765 !important; }

.bg-secondary-600 {
  background-color: #01065c !important; }

.hover\:bg-secondary-600:hover {
  background-color: #01065c !important; }

.group:hover .group-hover\:bg-secondary-600 {
  background-color: #01065c !important; }

.bg-secondary-700 {
  background-color: #010548 !important; }

.hover\:bg-secondary-700:hover {
  background-color: #010548 !important; }

.group:hover .group-hover\:bg-secondary-700 {
  background-color: #010548 !important; }

.bg-secondary-800 {
  background-color: #010438 !important; }

.hover\:bg-secondary-800:hover {
  background-color: #010438 !important; }

.group:hover .group-hover\:bg-secondary-800 {
  background-color: #010438 !important; }

.bg-secondary-900 {
  background-color: #00032a !important; }

.hover\:bg-secondary-900:hover {
  background-color: #00032a !important; }

.group:hover .group-hover\:bg-secondary-900 {
  background-color: #00032a !important; }

.bg-blue-50 {
  background-color: #e6f3ff !important; }

.hover\:bg-blue-50:hover {
  background-color: #e6f3ff !important; }

.group:hover .group-hover\:bg-blue-50 {
  background-color: #e6f3ff !important; }

.bg-blue-100 {
  background-color: #b0d9ff !important; }

.hover\:bg-blue-100:hover {
  background-color: #b0d9ff !important; }

.group:hover .group-hover\:bg-blue-100 {
  background-color: #b0d9ff !important; }

.bg-blue-200 {
  background-color: #8ac6ff !important; }

.hover\:bg-blue-200:hover {
  background-color: #8ac6ff !important; }

.group:hover .group-hover\:bg-blue-200 {
  background-color: #8ac6ff !important; }

.bg-blue-300 {
  background-color: #54adff !important; }

.hover\:bg-blue-300:hover {
  background-color: #54adff !important; }

.group:hover .group-hover\:bg-blue-300 {
  background-color: #54adff !important; }

.bg-blue-400 {
  background-color: #339dff !important; }

.hover\:bg-blue-400:hover {
  background-color: #339dff !important; }

.group:hover .group-hover\:bg-blue-400 {
  background-color: #339dff !important; }

.bg-blue {
  background-color: #0084ff !important; }

.hover\:bg-blue:hover {
  background-color: #0084ff !important; }

.group:hover .group-hover\:bg-blue {
  background-color: #0084ff !important; }

.bg-blue-600 {
  background-color: #0078e8 !important; }

.hover\:bg-blue-600:hover {
  background-color: #0078e8 !important; }

.group:hover .group-hover\:bg-blue-600 {
  background-color: #0078e8 !important; }

.bg-blue-700 {
  background-color: #005eb5 !important; }

.hover\:bg-blue-700:hover {
  background-color: #005eb5 !important; }

.group:hover .group-hover\:bg-blue-700 {
  background-color: #005eb5 !important; }

.bg-blue-800 {
  background-color: #00498c !important; }

.hover\:bg-blue-800:hover {
  background-color: #00498c !important; }

.group:hover .group-hover\:bg-blue-800 {
  background-color: #00498c !important; }

.bg-blue-900 {
  background-color: #00376b !important; }

.hover\:bg-blue-900:hover {
  background-color: #00376b !important; }

.group:hover .group-hover\:bg-blue-900 {
  background-color: #00376b !important; }

.bg-red-50 {
  background-color: #fdeaea !important; }

.hover\:bg-red-50:hover {
  background-color: #fdeaea !important; }

.group:hover .group-hover\:bg-red-50 {
  background-color: #fdeaea !important; }

.bg-red-100 {
  background-color: #f8bebe !important; }

.hover\:bg-red-100:hover {
  background-color: #f8bebe !important; }

.group:hover .group-hover\:bg-red-100 {
  background-color: #f8bebe !important; }

.bg-red-200 {
  background-color: #f59e9e !important; }

.hover\:bg-red-200:hover {
  background-color: #f59e9e !important; }

.group:hover .group-hover\:bg-red-200 {
  background-color: #f59e9e !important; }

.bg-red-300 {
  background-color: #f07272 !important; }

.hover\:bg-red-300:hover {
  background-color: #f07272 !important; }

.group:hover .group-hover\:bg-red-300 {
  background-color: #f07272 !important; }

.bg-red-400 {
  background-color: #ed5656 !important; }

.hover\:bg-red-400:hover {
  background-color: #ed5656 !important; }

.group:hover .group-hover\:bg-red-400 {
  background-color: #ed5656 !important; }

.bg-red {
  background-color: #e92c2c !important; }

.hover\:bg-red:hover {
  background-color: #e92c2c !important; }

.group:hover .group-hover\:bg-red {
  background-color: #e92c2c !important; }

.bg-red-600 {
  background-color: #d42828 !important; }

.hover\:bg-red-600:hover {
  background-color: #d42828 !important; }

.group:hover .group-hover\:bg-red-600 {
  background-color: #d42828 !important; }

.bg-red-700 {
  background-color: #a51f1f !important; }

.hover\:bg-red-700:hover {
  background-color: #a51f1f !important; }

.group:hover .group-hover\:bg-red-700 {
  background-color: #a51f1f !important; }

.bg-red-800 {
  background-color: #801818 !important; }

.hover\:bg-red-800:hover {
  background-color: #801818 !important; }

.group:hover .group-hover\:bg-red-800 {
  background-color: #801818 !important; }

.bg-red-900 {
  background-color: #621212 !important; }

.hover\:bg-red-900:hover {
  background-color: #621212 !important; }

.group:hover .group-hover\:bg-red-900 {
  background-color: #621212 !important; }

.bg-yellow-50 {
  background-color: #fff8e6 !important; }

.hover\:bg-yellow-50:hover {
  background-color: #fff8e6 !important; }

.group:hover .group-hover\:bg-yellow-50 {
  background-color: #fff8e6 !important; }

.bg-yellow-100 {
  background-color: #ffeab2 !important; }

.hover\:bg-yellow-100:hover {
  background-color: #ffeab2 !important; }

.group:hover .group-hover\:bg-yellow-100 {
  background-color: #ffeab2 !important; }

.bg-yellow-200 {
  background-color: #ffdf8d !important; }

.hover\:bg-yellow-200:hover {
  background-color: #ffdf8d !important; }

.group:hover .group-hover\:bg-yellow-200 {
  background-color: #ffdf8d !important; }

.bg-yellow-300 {
  background-color: #ffd15a !important; }

.hover\:bg-yellow-300:hover {
  background-color: #ffd15a !important; }

.group:hover .group-hover\:bg-yellow-300 {
  background-color: #ffd15a !important; }

.bg-yellow-400 {
  background-color: #ffc839 !important; }

.hover\:bg-yellow-400:hover {
  background-color: #ffc839 !important; }

.group:hover .group-hover\:bg-yellow-400 {
  background-color: #ffc839 !important; }

.bg-yellow {
  background-color: #ffba08 !important; }

.hover\:bg-yellow:hover {
  background-color: #ffba08 !important; }

.group:hover .group-hover\:bg-yellow {
  background-color: #ffba08 !important; }

.bg-yellow-600 {
  background-color: #e8a907 !important; }

.hover\:bg-yellow-600:hover {
  background-color: #e8a907 !important; }

.group:hover .group-hover\:bg-yellow-600 {
  background-color: #e8a907 !important; }

.bg-yellow-700 {
  background-color: #b58406 !important; }

.hover\:bg-yellow-700:hover {
  background-color: #b58406 !important; }

.group:hover .group-hover\:bg-yellow-700 {
  background-color: #b58406 !important; }

.bg-yellow-800 {
  background-color: #8c6604 !important; }

.hover\:bg-yellow-800:hover {
  background-color: #8c6604 !important; }

.group:hover .group-hover\:bg-yellow-800 {
  background-color: #8c6604 !important; }

.bg-yellow-900 {
  background-color: #6b4e03 !important; }

.hover\:bg-yellow-900:hover {
  background-color: #6b4e03 !important; }

.group:hover .group-hover\:bg-yellow-900 {
  background-color: #6b4e03 !important; }

.bg-green-50 {
  background-color: #e6f8eb !important; }

.hover\:bg-green-50:hover {
  background-color: #e6f8eb !important; }

.group:hover .group-hover\:bg-green-50 {
  background-color: #e6f8eb !important; }

.bg-green-100 {
  background-color: #b0eac0 !important; }

.hover\:bg-green-100:hover {
  background-color: #b0eac0 !important; }

.group:hover .group-hover\:bg-green-100 {
  background-color: #b0eac0 !important; }

.bg-green-200 {
  background-color: #8adfa2 !important; }

.hover\:bg-green-200:hover {
  background-color: #8adfa2 !important; }

.group:hover .group-hover\:bg-green-200 {
  background-color: #8adfa2 !important; }

.bg-green-300 {
  background-color: #54d177 !important; }

.hover\:bg-green-300:hover {
  background-color: #54d177 !important; }

.group:hover .group-hover\:bg-green-300 {
  background-color: #54d177 !important; }

.bg-green-400 {
  background-color: #33c85d !important; }

.hover\:bg-green-400:hover {
  background-color: #33c85d !important; }

.group:hover .group-hover\:bg-green-400 {
  background-color: #33c85d !important; }

.bg-green {
  background-color: #00ba34 !important; }

.hover\:bg-green:hover {
  background-color: #00ba34 !important; }

.group:hover .group-hover\:bg-green {
  background-color: #00ba34 !important; }

.bg-green-600 {
  background-color: #00a92f !important; }

.hover\:bg-green-600:hover {
  background-color: #00a92f !important; }

.group:hover .group-hover\:bg-green-600 {
  background-color: #00a92f !important; }

.bg-green-700 {
  background-color: #008425 !important; }

.hover\:bg-green-700:hover {
  background-color: #008425 !important; }

.group:hover .group-hover\:bg-green-700 {
  background-color: #008425 !important; }

.bg-green-800 {
  background-color: #00661d !important; }

.hover\:bg-green-800:hover {
  background-color: #00661d !important; }

.group:hover .group-hover\:bg-green-800 {
  background-color: #00661d !important; }

.bg-green-900 {
  background-color: #004e16 !important; }

.hover\:bg-green-900:hover {
  background-color: #004e16 !important; }

.group:hover .group-hover\:bg-green-900 {
  background-color: #004e16 !important; }

.bg-white {
  background-color: #fff !important; }

.hover\:bg-white:hover {
  background-color: #fff !important; }

.group:hover .group-hover\:bg-white {
  background-color: #fff !important; }

.bg-gray-50 {
  background-color: #eeeeee !important; }

.hover\:bg-gray-50:hover {
  background-color: #eeeeee !important; }

.group:hover .group-hover\:bg-gray-50 {
  background-color: #eeeeee !important; }

.bg-gray-100 {
  background-color: #bfbfc1 !important; }

.hover\:bg-gray-100:hover {
  background-color: #bfbfc1 !important; }

.group:hover .group-hover\:bg-gray-100 {
  background-color: #bfbfc1 !important; }

.bg-gray-200 {
  background-color: #a1a1a3 !important; }

.hover\:bg-gray-200:hover {
  background-color: #a1a1a3 !important; }

.group:hover .group-hover\:bg-gray-200 {
  background-color: #a1a1a3 !important; }

.bg-gray-300 {
  background-color: #76767a !important; }

.hover\:bg-gray-300:hover {
  background-color: #76767a !important; }

.group:hover .group-hover\:bg-gray-300 {
  background-color: #76767a !important; }

.bg-gray-400 {
  background-color: #5b5b60 !important; }

.hover\:bg-gray-400:hover {
  background-color: #5b5b60 !important; }

.group:hover .group-hover\:bg-gray-400 {
  background-color: #5b5b60 !important; }

.bg-gray-500 {
  background-color: #323238 !important; }

.hover\:bg-gray-500:hover {
  background-color: #323238 !important; }

.group:hover .group-hover\:bg-gray-500 {
  background-color: #323238 !important; }

.bg-gray-600 {
  background-color: #2e2e33 !important; }

.hover\:bg-gray-600:hover {
  background-color: #2e2e33 !important; }

.group:hover .group-hover\:bg-gray-600 {
  background-color: #2e2e33 !important; }

.bg-gray-700 {
  background-color: #242428 !important; }

.hover\:bg-gray-700:hover {
  background-color: #242428 !important; }

.group:hover .group-hover\:bg-gray-700 {
  background-color: #242428 !important; }

.bg-gray-800 {
  background-color: #1c1c1f !important; }

.hover\:bg-gray-800:hover {
  background-color: #1c1c1f !important; }

.group:hover .group-hover\:bg-gray-800 {
  background-color: #1c1c1f !important; }

.bg-gray-900 {
  background-color: #0d0d10 !important; }

.hover\:bg-gray-900:hover {
  background-color: #0d0d10 !important; }

.group:hover .group-hover\:bg-gray-900 {
  background-color: #0d0d10 !important; }

.bg-black {
  background-color: #000 !important; }

.hover\:bg-black:hover {
  background-color: #000 !important; }

.group:hover .group-hover\:bg-black {
  background-color: #000 !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border-width: 1px !important;
  border-style: solid !important; }

.hover\:border:hover {
  border-width: 1px !important;
  border-style: solid !important; }

.group:hover .group-hover\:border {
  border-width: 1px !important;
  border-style: solid !important; }

.border-0 {
  border-width: 0px !important; }

.hover\:border-0:hover {
  border-width: 0px !important; }

.group:hover .group-hover\:border-0 {
  border-width: 0px !important; }

.border-2 {
  border-width: 2px !important;
  border-style: solid !important; }

.hover\:border-2:hover {
  border-width: 2px !important;
  border-style: solid !important; }

.group:hover .group-hover\:border-2 {
  border-width: 2px !important;
  border-style: solid !important; }

.border-4 {
  border-width: 4px !important;
  border-style: solid !important; }

.hover\:border-4:hover {
  border-width: 4px !important;
  border-style: solid !important; }

.group:hover .group-hover\:border-4 {
  border-width: 4px !important;
  border-style: solid !important; }

.border-8 {
  border-width: 8px !important;
  border-style: solid !important; }

.hover\:border-8:hover {
  border-width: 8px !important;
  border-style: solid !important; }

.group:hover .group-hover\:border-8 {
  border-width: 8px !important;
  border-style: solid !important; }

.border-t {
  border-top-width: 1px !important;
  border-top-style: solid !important; }

.hover\:border-t:hover {
  border-top-width: 1px !important;
  border-top-style: solid !important; }

.group:hover .group-hover\:border-t {
  border-top-width: 1px !important;
  border-top-style: solid !important; }

.border-r {
  border-right-width: 1px !important;
  border-right-style: solid !important; }

.hover\:border-r:hover {
  border-right-width: 1px !important;
  border-right-style: solid !important; }

.group:hover .group-hover\:border-r {
  border-right-width: 1px !important;
  border-right-style: solid !important; }

.border-b {
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important; }

.hover\:border-b:hover {
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important; }

.group:hover .group-hover\:border-b {
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important; }

.border-l {
  border-left-width: 1px !important;
  border-left-style: solid !important; }

.hover\:border-l:hover {
  border-left-width: 1px !important;
  border-left-style: solid !important; }

.group:hover .group-hover\:border-l {
  border-left-width: 1px !important;
  border-left-style: solid !important; }

.border-t-0 {
  border-top-width: 0px !important; }

.hover\:border-t-0:hover {
  border-top-width: 0px !important; }

.group:hover .group-hover\:border-t-0 {
  border-top-width: 0px !important; }

.border-r-0 {
  border-right-width: 0px !important; }

.hover\:border-r-0:hover {
  border-right-width: 0px !important; }

.group:hover .group-hover\:border-r-0 {
  border-right-width: 0px !important; }

.border-b-0 {
  border-bottom-width: 0px !important; }

.hover\:border-b-0:hover {
  border-bottom-width: 0px !important; }

.group:hover .group-hover\:border-b-0 {
  border-bottom-width: 0px !important; }

.border-l-0 {
  border-left-width: 0px !important; }

.hover\:border-l-0:hover {
  border-left-width: 0px !important; }

.group:hover .group-hover\:border-l-0 {
  border-left-width: 0px !important; }

.border-t-2 {
  border-top-width: 2px !important;
  border-top-style: solid !important; }

.hover\:border-t-2:hover {
  border-top-width: 2px !important;
  border-top-style: solid !important; }

.group:hover .group-hover\:border-t-2 {
  border-top-width: 2px !important;
  border-top-style: solid !important; }

.border-r-2 {
  border-right-width: 2px !important;
  border-right-style: solid !important; }

.hover\:border-r-2:hover {
  border-right-width: 2px !important;
  border-right-style: solid !important; }

.group:hover .group-hover\:border-r-2 {
  border-right-width: 2px !important;
  border-right-style: solid !important; }

.border-b-2 {
  border-bottom-width: 2px !important;
  border-bottom-style: solid !important; }

.hover\:border-b-2:hover {
  border-bottom-width: 2px !important;
  border-bottom-style: solid !important; }

.group:hover .group-hover\:border-b-2 {
  border-bottom-width: 2px !important;
  border-bottom-style: solid !important; }

.border-l-2 {
  border-left-width: 2px !important;
  border-left-style: solid !important; }

.hover\:border-l-2:hover {
  border-left-width: 2px !important;
  border-left-style: solid !important; }

.group:hover .group-hover\:border-l-2 {
  border-left-width: 2px !important;
  border-left-style: solid !important; }

.border-t-4 {
  border-top-width: 4px !important;
  border-top-style: solid !important; }

.hover\:border-t-4:hover {
  border-top-width: 4px !important;
  border-top-style: solid !important; }

.group:hover .group-hover\:border-t-4 {
  border-top-width: 4px !important;
  border-top-style: solid !important; }

.border-r-4 {
  border-right-width: 4px !important;
  border-right-style: solid !important; }

.hover\:border-r-4:hover {
  border-right-width: 4px !important;
  border-right-style: solid !important; }

.group:hover .group-hover\:border-r-4 {
  border-right-width: 4px !important;
  border-right-style: solid !important; }

.border-b-4 {
  border-bottom-width: 4px !important;
  border-bottom-style: solid !important; }

.hover\:border-b-4:hover {
  border-bottom-width: 4px !important;
  border-bottom-style: solid !important; }

.group:hover .group-hover\:border-b-4 {
  border-bottom-width: 4px !important;
  border-bottom-style: solid !important; }

.border-l-4 {
  border-left-width: 4px !important;
  border-left-style: solid !important; }

.hover\:border-l-4:hover {
  border-left-width: 4px !important;
  border-left-style: solid !important; }

.group:hover .group-hover\:border-l-4 {
  border-left-width: 4px !important;
  border-left-style: solid !important; }

.border-t-8 {
  border-top-width: 8px !important;
  border-top-style: solid !important; }

.hover\:border-t-8:hover {
  border-top-width: 8px !important;
  border-top-style: solid !important; }

.group:hover .group-hover\:border-t-8 {
  border-top-width: 8px !important;
  border-top-style: solid !important; }

.border-r-8 {
  border-right-width: 8px !important;
  border-right-style: solid !important; }

.hover\:border-r-8:hover {
  border-right-width: 8px !important;
  border-right-style: solid !important; }

.group:hover .group-hover\:border-r-8 {
  border-right-width: 8px !important;
  border-right-style: solid !important; }

.border-b-8 {
  border-bottom-width: 8px !important;
  border-bottom-style: solid !important; }

.hover\:border-b-8:hover {
  border-bottom-width: 8px !important;
  border-bottom-style: solid !important; }

.group:hover .group-hover\:border-b-8 {
  border-bottom-width: 8px !important;
  border-bottom-style: solid !important; }

.border-l-8 {
  border-left-width: 8px !important;
  border-left-style: solid !important; }

.hover\:border-l-8:hover {
  border-left-width: 8px !important;
  border-left-style: solid !important; }

.group:hover .group-hover\:border-l-8 {
  border-left-width: 8px !important;
  border-left-style: solid !important; }

.border-aura-50 {
  border-color: #fde8f3 !important; }

.hover\:border-aura-50:hover {
  border-color: #fde8f3 !important; }

.group:hover .group-hover\:border-aura-50 {
  border-color: #fde8f3 !important; }

.border-aura-100 {
  border-color: #f9b7da !important; }

.hover\:border-aura-100:hover {
  border-color: #f9b7da !important; }

.group:hover .group-hover\:border-aura-100 {
  border-color: #f9b7da !important; }

.border-aura-200 {
  border-color: #f695c9 !important; }

.hover\:border-aura-200:hover {
  border-color: #f695c9 !important; }

.group:hover .group-hover\:border-aura-200 {
  border-color: #f695c9 !important; }

.border-aura-300 {
  border-color: #f264b0 !important; }

.hover\:border-aura-300:hover {
  border-color: #f264b0 !important; }

.group:hover .group-hover\:border-aura-300 {
  border-color: #f264b0 !important; }

.border-aura-400 {
  border-color: #f046a1 !important; }

.hover\:border-aura-400:hover {
  border-color: #f046a1 !important; }

.group:hover .group-hover\:border-aura-400 {
  border-color: #f046a1 !important; }

.border-aura-500 {
  border-color: #ec1889 !important; }

.hover\:border-aura-500:hover {
  border-color: #ec1889 !important; }

.group:hover .group-hover\:border-aura-500 {
  border-color: #ec1889 !important; }

.border-aura-600 {
  border-color: #d7167d !important; }

.hover\:border-aura-600:hover {
  border-color: #d7167d !important; }

.group:hover .group-hover\:border-aura-600 {
  border-color: #d7167d !important; }

.border-aura-700 {
  border-color: #a81161 !important; }

.hover\:border-aura-700:hover {
  border-color: #a81161 !important; }

.group:hover .group-hover\:border-aura-700 {
  border-color: #a81161 !important; }

.border-aura-800 {
  border-color: #820d4b !important; }

.hover\:border-aura-800:hover {
  border-color: #820d4b !important; }

.group:hover .group-hover\:border-aura-800 {
  border-color: #820d4b !important; }

.border-aura-900 {
  border-color: #630a3a !important; }

.hover\:border-aura-900:hover {
  border-color: #630a3a !important; }

.group:hover .group-hover\:border-aura-900 {
  border-color: #630a3a !important; }

.border-secondary-50 {
  border-color: #e6e6f0 !important; }

.hover\:border-secondary-50:hover {
  border-color: #e6e6f0 !important; }

.group:hover .group-hover\:border-secondary-50 {
  border-color: #e6e6f0 !important; }

.border-secondary-100 {
  border-color: #b0b2cf !important; }

.hover\:border-secondary-100:hover {
  border-color: #b0b2cf !important; }

.group:hover .group-hover\:border-secondary-100 {
  border-color: #b0b2cf !important; }

.border-secondary-200 {
  border-color: #8a8db8 !important; }

.hover\:border-secondary-200:hover {
  border-color: #8a8db8 !important; }

.group:hover .group-hover\:border-secondary-200 {
  border-color: #8a8db8 !important; }

.border-secondary-300 {
  border-color: #555998 !important; }

.hover\:border-secondary-300:hover {
  border-color: #555998 !important; }

.group:hover .group-hover\:border-secondary-300 {
  border-color: #555998 !important; }

.border-secondary-400 {
  border-color: #343984 !important; }

.hover\:border-secondary-400:hover {
  border-color: #343984 !important; }

.group:hover .group-hover\:border-secondary-400 {
  border-color: #343984 !important; }

.border-secondary-500 {
  border-color: #010765 !important; }

.hover\:border-secondary-500:hover {
  border-color: #010765 !important; }

.group:hover .group-hover\:border-secondary-500 {
  border-color: #010765 !important; }

.border-secondary-600 {
  border-color: #01065c !important; }

.hover\:border-secondary-600:hover {
  border-color: #01065c !important; }

.group:hover .group-hover\:border-secondary-600 {
  border-color: #01065c !important; }

.border-secondary-700 {
  border-color: #010548 !important; }

.hover\:border-secondary-700:hover {
  border-color: #010548 !important; }

.group:hover .group-hover\:border-secondary-700 {
  border-color: #010548 !important; }

.border-secondary-800 {
  border-color: #010438 !important; }

.hover\:border-secondary-800:hover {
  border-color: #010438 !important; }

.group:hover .group-hover\:border-secondary-800 {
  border-color: #010438 !important; }

.border-secondary-900 {
  border-color: #00032a !important; }

.hover\:border-secondary-900:hover {
  border-color: #00032a !important; }

.group:hover .group-hover\:border-secondary-900 {
  border-color: #00032a !important; }

.border-blue-50 {
  border-color: #e6f3ff !important; }

.hover\:border-blue-50:hover {
  border-color: #e6f3ff !important; }

.group:hover .group-hover\:border-blue-50 {
  border-color: #e6f3ff !important; }

.border-blue-100 {
  border-color: #b0d9ff !important; }

.hover\:border-blue-100:hover {
  border-color: #b0d9ff !important; }

.group:hover .group-hover\:border-blue-100 {
  border-color: #b0d9ff !important; }

.border-blue-200 {
  border-color: #8ac6ff !important; }

.hover\:border-blue-200:hover {
  border-color: #8ac6ff !important; }

.group:hover .group-hover\:border-blue-200 {
  border-color: #8ac6ff !important; }

.border-blue-300 {
  border-color: #54adff !important; }

.hover\:border-blue-300:hover {
  border-color: #54adff !important; }

.group:hover .group-hover\:border-blue-300 {
  border-color: #54adff !important; }

.border-blue-400 {
  border-color: #339dff !important; }

.hover\:border-blue-400:hover {
  border-color: #339dff !important; }

.group:hover .group-hover\:border-blue-400 {
  border-color: #339dff !important; }

.border-blue {
  border-color: #0084ff !important; }

.hover\:border-blue:hover {
  border-color: #0084ff !important; }

.group:hover .group-hover\:border-blue {
  border-color: #0084ff !important; }

.border-blue-600 {
  border-color: #0078e8 !important; }

.hover\:border-blue-600:hover {
  border-color: #0078e8 !important; }

.group:hover .group-hover\:border-blue-600 {
  border-color: #0078e8 !important; }

.border-blue-700 {
  border-color: #005eb5 !important; }

.hover\:border-blue-700:hover {
  border-color: #005eb5 !important; }

.group:hover .group-hover\:border-blue-700 {
  border-color: #005eb5 !important; }

.border-blue-800 {
  border-color: #00498c !important; }

.hover\:border-blue-800:hover {
  border-color: #00498c !important; }

.group:hover .group-hover\:border-blue-800 {
  border-color: #00498c !important; }

.border-blue-900 {
  border-color: #00376b !important; }

.hover\:border-blue-900:hover {
  border-color: #00376b !important; }

.group:hover .group-hover\:border-blue-900 {
  border-color: #00376b !important; }

.border-red-50 {
  border-color: #fdeaea !important; }

.hover\:border-red-50:hover {
  border-color: #fdeaea !important; }

.group:hover .group-hover\:border-red-50 {
  border-color: #fdeaea !important; }

.border-red-100 {
  border-color: #f8bebe !important; }

.hover\:border-red-100:hover {
  border-color: #f8bebe !important; }

.group:hover .group-hover\:border-red-100 {
  border-color: #f8bebe !important; }

.border-red-200 {
  border-color: #f59e9e !important; }

.hover\:border-red-200:hover {
  border-color: #f59e9e !important; }

.group:hover .group-hover\:border-red-200 {
  border-color: #f59e9e !important; }

.border-red-300 {
  border-color: #f07272 !important; }

.hover\:border-red-300:hover {
  border-color: #f07272 !important; }

.group:hover .group-hover\:border-red-300 {
  border-color: #f07272 !important; }

.border-red-400 {
  border-color: #ed5656 !important; }

.hover\:border-red-400:hover {
  border-color: #ed5656 !important; }

.group:hover .group-hover\:border-red-400 {
  border-color: #ed5656 !important; }

.border-red {
  border-color: #e92c2c !important; }

.hover\:border-red:hover {
  border-color: #e92c2c !important; }

.group:hover .group-hover\:border-red {
  border-color: #e92c2c !important; }

.border-red-600 {
  border-color: #d42828 !important; }

.hover\:border-red-600:hover {
  border-color: #d42828 !important; }

.group:hover .group-hover\:border-red-600 {
  border-color: #d42828 !important; }

.border-red-700 {
  border-color: #a51f1f !important; }

.hover\:border-red-700:hover {
  border-color: #a51f1f !important; }

.group:hover .group-hover\:border-red-700 {
  border-color: #a51f1f !important; }

.border-red-800 {
  border-color: #801818 !important; }

.hover\:border-red-800:hover {
  border-color: #801818 !important; }

.group:hover .group-hover\:border-red-800 {
  border-color: #801818 !important; }

.border-red-900 {
  border-color: #621212 !important; }

.hover\:border-red-900:hover {
  border-color: #621212 !important; }

.group:hover .group-hover\:border-red-900 {
  border-color: #621212 !important; }

.border-yellow-50 {
  border-color: #fff8e6 !important; }

.hover\:border-yellow-50:hover {
  border-color: #fff8e6 !important; }

.group:hover .group-hover\:border-yellow-50 {
  border-color: #fff8e6 !important; }

.border-yellow-100 {
  border-color: #ffeab2 !important; }

.hover\:border-yellow-100:hover {
  border-color: #ffeab2 !important; }

.group:hover .group-hover\:border-yellow-100 {
  border-color: #ffeab2 !important; }

.border-yellow-200 {
  border-color: #ffdf8d !important; }

.hover\:border-yellow-200:hover {
  border-color: #ffdf8d !important; }

.group:hover .group-hover\:border-yellow-200 {
  border-color: #ffdf8d !important; }

.border-yellow-300 {
  border-color: #ffd15a !important; }

.hover\:border-yellow-300:hover {
  border-color: #ffd15a !important; }

.group:hover .group-hover\:border-yellow-300 {
  border-color: #ffd15a !important; }

.border-yellow-400 {
  border-color: #ffc839 !important; }

.hover\:border-yellow-400:hover {
  border-color: #ffc839 !important; }

.group:hover .group-hover\:border-yellow-400 {
  border-color: #ffc839 !important; }

.border-yellow {
  border-color: #ffba08 !important; }

.hover\:border-yellow:hover {
  border-color: #ffba08 !important; }

.group:hover .group-hover\:border-yellow {
  border-color: #ffba08 !important; }

.border-yellow-600 {
  border-color: #e8a907 !important; }

.hover\:border-yellow-600:hover {
  border-color: #e8a907 !important; }

.group:hover .group-hover\:border-yellow-600 {
  border-color: #e8a907 !important; }

.border-yellow-700 {
  border-color: #b58406 !important; }

.hover\:border-yellow-700:hover {
  border-color: #b58406 !important; }

.group:hover .group-hover\:border-yellow-700 {
  border-color: #b58406 !important; }

.border-yellow-800 {
  border-color: #8c6604 !important; }

.hover\:border-yellow-800:hover {
  border-color: #8c6604 !important; }

.group:hover .group-hover\:border-yellow-800 {
  border-color: #8c6604 !important; }

.border-yellow-900 {
  border-color: #6b4e03 !important; }

.hover\:border-yellow-900:hover {
  border-color: #6b4e03 !important; }

.group:hover .group-hover\:border-yellow-900 {
  border-color: #6b4e03 !important; }

.border-green-50 {
  border-color: #e6f8eb !important; }

.hover\:border-green-50:hover {
  border-color: #e6f8eb !important; }

.group:hover .group-hover\:border-green-50 {
  border-color: #e6f8eb !important; }

.border-green-100 {
  border-color: #b0eac0 !important; }

.hover\:border-green-100:hover {
  border-color: #b0eac0 !important; }

.group:hover .group-hover\:border-green-100 {
  border-color: #b0eac0 !important; }

.border-green-200 {
  border-color: #8adfa2 !important; }

.hover\:border-green-200:hover {
  border-color: #8adfa2 !important; }

.group:hover .group-hover\:border-green-200 {
  border-color: #8adfa2 !important; }

.border-green-300 {
  border-color: #54d177 !important; }

.hover\:border-green-300:hover {
  border-color: #54d177 !important; }

.group:hover .group-hover\:border-green-300 {
  border-color: #54d177 !important; }

.border-green-400 {
  border-color: #33c85d !important; }

.hover\:border-green-400:hover {
  border-color: #33c85d !important; }

.group:hover .group-hover\:border-green-400 {
  border-color: #33c85d !important; }

.border-green {
  border-color: #00ba34 !important; }

.hover\:border-green:hover {
  border-color: #00ba34 !important; }

.group:hover .group-hover\:border-green {
  border-color: #00ba34 !important; }

.border-green-600 {
  border-color: #00a92f !important; }

.hover\:border-green-600:hover {
  border-color: #00a92f !important; }

.group:hover .group-hover\:border-green-600 {
  border-color: #00a92f !important; }

.border-green-700 {
  border-color: #008425 !important; }

.hover\:border-green-700:hover {
  border-color: #008425 !important; }

.group:hover .group-hover\:border-green-700 {
  border-color: #008425 !important; }

.border-green-800 {
  border-color: #00661d !important; }

.hover\:border-green-800:hover {
  border-color: #00661d !important; }

.group:hover .group-hover\:border-green-800 {
  border-color: #00661d !important; }

.border-green-900 {
  border-color: #004e16 !important; }

.hover\:border-green-900:hover {
  border-color: #004e16 !important; }

.group:hover .group-hover\:border-green-900 {
  border-color: #004e16 !important; }

.border-white {
  border-color: #fff !important; }

.hover\:border-white:hover {
  border-color: #fff !important; }

.group:hover .group-hover\:border-white {
  border-color: #fff !important; }

.border-gray-50 {
  border-color: #eeeeee !important; }

.hover\:border-gray-50:hover {
  border-color: #eeeeee !important; }

.group:hover .group-hover\:border-gray-50 {
  border-color: #eeeeee !important; }

.border-gray-100 {
  border-color: #bfbfc1 !important; }

.hover\:border-gray-100:hover {
  border-color: #bfbfc1 !important; }

.group:hover .group-hover\:border-gray-100 {
  border-color: #bfbfc1 !important; }

.border-gray-200 {
  border-color: #a1a1a3 !important; }

.hover\:border-gray-200:hover {
  border-color: #a1a1a3 !important; }

.group:hover .group-hover\:border-gray-200 {
  border-color: #a1a1a3 !important; }

.border-gray-300 {
  border-color: #76767a !important; }

.hover\:border-gray-300:hover {
  border-color: #76767a !important; }

.group:hover .group-hover\:border-gray-300 {
  border-color: #76767a !important; }

.border-gray-400 {
  border-color: #5b5b60 !important; }

.hover\:border-gray-400:hover {
  border-color: #5b5b60 !important; }

.group:hover .group-hover\:border-gray-400 {
  border-color: #5b5b60 !important; }

.border-gray-500 {
  border-color: #323238 !important; }

.hover\:border-gray-500:hover {
  border-color: #323238 !important; }

.group:hover .group-hover\:border-gray-500 {
  border-color: #323238 !important; }

.border-gray-600 {
  border-color: #2e2e33 !important; }

.hover\:border-gray-600:hover {
  border-color: #2e2e33 !important; }

.group:hover .group-hover\:border-gray-600 {
  border-color: #2e2e33 !important; }

.border-gray-700 {
  border-color: #242428 !important; }

.hover\:border-gray-700:hover {
  border-color: #242428 !important; }

.group:hover .group-hover\:border-gray-700 {
  border-color: #242428 !important; }

.border-gray-800 {
  border-color: #1c1c1f !important; }

.hover\:border-gray-800:hover {
  border-color: #1c1c1f !important; }

.group:hover .group-hover\:border-gray-800 {
  border-color: #1c1c1f !important; }

.border-gray-900 {
  border-color: #0d0d10 !important; }

.hover\:border-gray-900:hover {
  border-color: #0d0d10 !important; }

.group:hover .group-hover\:border-gray-900 {
  border-color: #0d0d10 !important; }

.border-black {
  border-color: #000 !important; }

.hover\:border-black:hover {
  border-color: #000 !important; }

.group:hover .group-hover\:border-black {
  border-color: #000 !important; }

.border-transparent {
  border-color: transparent !important; }

.hover\:border-transparent:hover {
  border-color: transparent !important; }

.group:hover .group-hover\:border-transparent {
  border-color: transparent !important; }

.border-solid {
  border-style: solid !important; }

.hover\:border-solid:hover {
  border-style: solid !important; }

.group:hover .group-hover\:border-solid {
  border-style: solid !important; }

.border-dashed {
  border-style: dashed !important; }

.hover\:border-dashed:hover {
  border-style: dashed !important; }

.group:hover .group-hover\:border-dashed {
  border-style: dashed !important; }

.border-dotted {
  border-style: dotted !important; }

.hover\:border-dotted:hover {
  border-style: dotted !important; }

.group:hover .group-hover\:border-dotted {
  border-style: dotted !important; }

.border-double {
  border-style: double !important; }

.hover\:border-double:hover {
  border-style: double !important; }

.group:hover .group-hover\:border-double {
  border-style: double !important; }

.border-none {
  border-style: none !important; }

.hover\:border-none:hover {
  border-style: none !important; }

.group:hover .group-hover\:border-none {
  border-style: none !important; }

.thumbnails-container {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem; }

.thumbnail-4 img {
  width: 16px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border: 1.33333px solid var(--color); }
  .thumbnail-4 img:hover {
    border-color: #ec1889; }

.thumb-radius-px img {
  border-radius: 1px !important; }

.thumb-radius-xs img {
  border-radius: 4px !important; }

.thumb-radius-sm img {
  border-radius: 6px !important; }

.thumb-radius-md img {
  border-radius: 8px !important; }

.thumb-radius-lg img {
  border-radius: 16px !important; }

.thumb-radius-full img {
  border-radius: 99999px !important; }

.thumbnails-4 {
  display: flex;
  align-items: center; }
  .thumbnails-4 > * {
    margin-right: -5.33333px; }
  .thumbnails-4 img {
    width: 16px;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-radius: 99999px;
    border: 1.33333px solid var(--background);
    position: relative; }
    .thumbnails-4 img:hover {
      border-color: #ec1889;
      z-index: 999; }
  .thumbnails-4 .thumbnails_button {
    width: 16px;
    height: 16px;
    border-radius: 99999px;
    border: 1.33333px solid var(--background);
    cursor: pointer;
    position: relative;
    z-index: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background-color: var(--gray-100);
    color: var(--color);
    font-size: 1rem; }
    .thumbnails-4 .thumbnails_button:hover {
      border-color: #ec1889; }

.thumbnail-6 img {
  width: 24px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border: 2px solid var(--color); }
  .thumbnail-6 img:hover {
    border-color: #ec1889; }

.thumb-radius-px img {
  border-radius: 1px !important; }

.thumb-radius-xs img {
  border-radius: 4px !important; }

.thumb-radius-sm img {
  border-radius: 6px !important; }

.thumb-radius-md img {
  border-radius: 8px !important; }

.thumb-radius-lg img {
  border-radius: 16px !important; }

.thumb-radius-full img {
  border-radius: 99999px !important; }

.thumbnails-6 {
  display: flex;
  align-items: center; }
  .thumbnails-6 > * {
    margin-right: -8px; }
  .thumbnails-6 img {
    width: 24px;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-radius: 99999px;
    border: 2px solid var(--background);
    position: relative; }
    .thumbnails-6 img:hover {
      border-color: #ec1889;
      z-index: 999; }
  .thumbnails-6 .thumbnails_button {
    width: 24px;
    height: 24px;
    border-radius: 99999px;
    border: 2px solid var(--background);
    cursor: pointer;
    position: relative;
    z-index: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background-color: var(--gray-100);
    color: var(--color);
    font-size: 1rem; }
    .thumbnails-6 .thumbnails_button:hover {
      border-color: #ec1889; }

.thumbnail-8 img {
  width: 32px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border: 2.66667px solid var(--color); }
  .thumbnail-8 img:hover {
    border-color: #ec1889; }

.thumb-radius-px img {
  border-radius: 1px !important; }

.thumb-radius-xs img {
  border-radius: 4px !important; }

.thumb-radius-sm img {
  border-radius: 6px !important; }

.thumb-radius-md img {
  border-radius: 8px !important; }

.thumb-radius-lg img {
  border-radius: 16px !important; }

.thumb-radius-full img {
  border-radius: 99999px !important; }

.thumbnails-8 {
  display: flex;
  align-items: center; }
  .thumbnails-8 > * {
    margin-right: -10.66667px; }
  .thumbnails-8 img {
    width: 32px;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-radius: 99999px;
    border: 2.66667px solid var(--background);
    position: relative; }
    .thumbnails-8 img:hover {
      border-color: #ec1889;
      z-index: 999; }
  .thumbnails-8 .thumbnails_button {
    width: 32px;
    height: 32px;
    border-radius: 99999px;
    border: 2.66667px solid var(--background);
    cursor: pointer;
    position: relative;
    z-index: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background-color: var(--gray-100);
    color: var(--color);
    font-size: 1rem; }
    .thumbnails-8 .thumbnails_button:hover {
      border-color: #ec1889; }

.thumbnail-16 img {
  width: 64px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border: 5.33333px solid var(--color); }
  .thumbnail-16 img:hover {
    border-color: #ec1889; }

.thumb-radius-px img {
  border-radius: 1px !important; }

.thumb-radius-xs img {
  border-radius: 4px !important; }

.thumb-radius-sm img {
  border-radius: 6px !important; }

.thumb-radius-md img {
  border-radius: 8px !important; }

.thumb-radius-lg img {
  border-radius: 16px !important; }

.thumb-radius-full img {
  border-radius: 99999px !important; }

.thumbnails-16 {
  display: flex;
  align-items: center; }
  .thumbnails-16 > * {
    margin-right: -21.33333px; }
  .thumbnails-16 img {
    width: 64px;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-radius: 99999px;
    border: 5.33333px solid var(--background);
    position: relative; }
    .thumbnails-16 img:hover {
      border-color: #ec1889;
      z-index: 999; }
  .thumbnails-16 .thumbnails_button {
    width: 64px;
    height: 64px;
    border-radius: 99999px;
    border: 5.33333px solid var(--background);
    cursor: pointer;
    position: relative;
    z-index: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background-color: var(--gray-100);
    color: var(--color);
    font-size: 1rem; }
    .thumbnails-16 .thumbnails_button:hover {
      border-color: #ec1889; }

.thumbnail-32 img {
  width: 128px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border: 10.66667px solid var(--color); }
  .thumbnail-32 img:hover {
    border-color: #ec1889; }

.thumb-radius-px img {
  border-radius: 1px !important; }

.thumb-radius-xs img {
  border-radius: 4px !important; }

.thumb-radius-sm img {
  border-radius: 6px !important; }

.thumb-radius-md img {
  border-radius: 8px !important; }

.thumb-radius-lg img {
  border-radius: 16px !important; }

.thumb-radius-full img {
  border-radius: 99999px !important; }

.thumbnails-32 {
  display: flex;
  align-items: center; }
  .thumbnails-32 > * {
    margin-right: -42.66667px; }
  .thumbnails-32 img {
    width: 128px;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    border-radius: 99999px;
    border: 10.66667px solid var(--background);
    position: relative; }
    .thumbnails-32 img:hover {
      border-color: #ec1889;
      z-index: 999; }
  .thumbnails-32 .thumbnails_button {
    width: 128px;
    height: 128px;
    border-radius: 99999px;
    border: 10.66667px solid var(--background);
    cursor: pointer;
    position: relative;
    z-index: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background-color: var(--gray-100);
    color: var(--color);
    font-size: 1rem; }
    .thumbnails-32 .thumbnails_button:hover {
      border-color: #ec1889; }

.container {
  width: 100%;
  height: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
  overflow-y: auto; }
  @media (max-width: 42em) {
    .container {
      padding-left: 1rem;
      padding-right: 1rem; } }

.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem; }

.column {
  display: grid;
  grid-template-columns: 1fr;
  align-self: start; }

.span-1 {
  grid-column: span 1; }

@media (max-width: 576px) {
  .span-sm-1 {
    grid-column: span 1; } }

@media (max-width: 768px) {
  .span-md-1 {
    grid-column: span 1; } }

@media (max-width: 992px) {
  .span-lg-1 {
    grid-column: span 1; } }

@media (max-width: 1200px) {
  .span-xl-1 {
    grid-column: span 1; } }

.span-2 {
  grid-column: span 2; }

@media (max-width: 576px) {
  .span-sm-2 {
    grid-column: span 2; } }

@media (max-width: 768px) {
  .span-md-2 {
    grid-column: span 2; } }

@media (max-width: 992px) {
  .span-lg-2 {
    grid-column: span 2; } }

@media (max-width: 1200px) {
  .span-xl-2 {
    grid-column: span 2; } }

.span-3 {
  grid-column: span 3; }

@media (max-width: 576px) {
  .span-sm-3 {
    grid-column: span 3; } }

@media (max-width: 768px) {
  .span-md-3 {
    grid-column: span 3; } }

@media (max-width: 992px) {
  .span-lg-3 {
    grid-column: span 3; } }

@media (max-width: 1200px) {
  .span-xl-3 {
    grid-column: span 3; } }

.span-4 {
  grid-column: span 4; }

@media (max-width: 576px) {
  .span-sm-4 {
    grid-column: span 4; } }

@media (max-width: 768px) {
  .span-md-4 {
    grid-column: span 4; } }

@media (max-width: 992px) {
  .span-lg-4 {
    grid-column: span 4; } }

@media (max-width: 1200px) {
  .span-xl-4 {
    grid-column: span 4; } }

.span-5 {
  grid-column: span 5; }

@media (max-width: 576px) {
  .span-sm-5 {
    grid-column: span 5; } }

@media (max-width: 768px) {
  .span-md-5 {
    grid-column: span 5; } }

@media (max-width: 992px) {
  .span-lg-5 {
    grid-column: span 5; } }

@media (max-width: 1200px) {
  .span-xl-5 {
    grid-column: span 5; } }

.span-6 {
  grid-column: span 6; }

@media (max-width: 576px) {
  .span-sm-6 {
    grid-column: span 6; } }

@media (max-width: 768px) {
  .span-md-6 {
    grid-column: span 6; } }

@media (max-width: 992px) {
  .span-lg-6 {
    grid-column: span 6; } }

@media (max-width: 1200px) {
  .span-xl-6 {
    grid-column: span 6; } }

.span-7 {
  grid-column: span 7; }

@media (max-width: 576px) {
  .span-sm-7 {
    grid-column: span 7; } }

@media (max-width: 768px) {
  .span-md-7 {
    grid-column: span 7; } }

@media (max-width: 992px) {
  .span-lg-7 {
    grid-column: span 7; } }

@media (max-width: 1200px) {
  .span-xl-7 {
    grid-column: span 7; } }

.span-8 {
  grid-column: span 8; }

@media (max-width: 576px) {
  .span-sm-8 {
    grid-column: span 8; } }

@media (max-width: 768px) {
  .span-md-8 {
    grid-column: span 8; } }

@media (max-width: 992px) {
  .span-lg-8 {
    grid-column: span 8; } }

@media (max-width: 1200px) {
  .span-xl-8 {
    grid-column: span 8; } }

.span-9 {
  grid-column: span 9; }

@media (max-width: 576px) {
  .span-sm-9 {
    grid-column: span 9; } }

@media (max-width: 768px) {
  .span-md-9 {
    grid-column: span 9; } }

@media (max-width: 992px) {
  .span-lg-9 {
    grid-column: span 9; } }

@media (max-width: 1200px) {
  .span-xl-9 {
    grid-column: span 9; } }

.span-10 {
  grid-column: span 10; }

@media (max-width: 576px) {
  .span-sm-10 {
    grid-column: span 10; } }

@media (max-width: 768px) {
  .span-md-10 {
    grid-column: span 10; } }

@media (max-width: 992px) {
  .span-lg-10 {
    grid-column: span 10; } }

@media (max-width: 1200px) {
  .span-xl-10 {
    grid-column: span 10; } }

.span-11 {
  grid-column: span 11; }

@media (max-width: 576px) {
  .span-sm-11 {
    grid-column: span 11; } }

@media (max-width: 768px) {
  .span-md-11 {
    grid-column: span 11; } }

@media (max-width: 992px) {
  .span-lg-11 {
    grid-column: span 11; } }

@media (max-width: 1200px) {
  .span-xl-11 {
    grid-column: span 11; } }

.span-12 {
  grid-column: span 12; }

@media (max-width: 576px) {
  .span-sm-12 {
    grid-column: span 12; } }

@media (max-width: 768px) {
  .span-md-12 {
    grid-column: span 12; } }

@media (max-width: 992px) {
  .span-lg-12 {
    grid-column: span 12; } }

@media (max-width: 1200px) {
  .span-xl-12 {
    grid-column: span 12; } }

.spacing-1 {
  gap: 0.25rem; }

.spacing-2 {
  gap: 0.5rem; }

.spacing-3 {
  gap: 0.75rem; }

.spacing-4 {
  gap: 1rem; }

.spacing-5 {
  gap: 1.25rem; }

.spacing-6 {
  gap: 1.5rem; }

.spacing-7 {
  gap: 1.75rem; }

.spacing-8 {
  gap: 2rem; }

.spacing-9 {
  gap: 2.25rem; }

.spacing-10 {
  gap: 2.5rem; }

.spacing-11 {
  gap: 2.75rem; }

.spacing-12 {
  gap: 3rem; }

.spacing-14 {
  gap: 3.5rem; }

.spacing-16 {
  gap: 4rem; }

.spacing-20 {
  gap: 5rem; }

.spacing-24 {
  gap: 6rem; }

.spacing-28 {
  gap: 7rem; }

.spacing-32 {
  gap: 8rem; }

.spacing-36 {
  gap: 9rem; }

.spacing-40 {
  gap: 10rem; }

.spacing-44 {
  gap: 11rem; }

.spacing-48 {
  gap: 12rem; }

.spacing-52 {
  gap: 13rem; }

.spacing-56 {
  gap: 14rem; }

.spacing-60 {
  gap: 15rem; }

.spacing-64 {
  gap: 16rem; }

.spacing-72 {
  gap: 18rem; }

.spacing-80 {
  gap: 20rem; }

.spacing-96 {
  gap: 24rem; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto"; }

body {
  background-color: var(--background);
  color: var(--foreground);
  overflow: hidden; }

.wrapper {
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-columns: 240px 1fr;
  grid-template-rows: 60px 1fr;
  grid-template-areas: "sidebar navbar"
 "sidebar app"; }
  @media (max-width: 42em) {
    .wrapper {
      grid-template-columns: 1fr;
      grid-template-areas: "navbar"
 "app"; } }

.dark-mode {
  background-color: var(--background);
  color: var(--foreground); }

/* Elements */
img {
  max-width: 100%; }

img a {
  border: none; }

ul {
  list-style: none; }

p {
  margin: 0; }

a {
  text-decoration: none !important; }

/* Video, Iframes */
embed,
video,
iframe,
iframe[style] {
  max-width: 100%;
  height: auto; }

.embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed iframe,
.embed object,
.embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.flex {
  display: flex !important; }

.hover\:flex:hover {
  display: flex !important; }

.group:hover .group-hover\:flex {
  display: flex !important; }

.inline-flex {
  display: inline-flex !important; }

.hover\:inline-flex:hover {
  display: inline-flex !important; }

.group:hover .group-hover\:inline-flex {
  display: inline-flex !important; }

.grid {
  display: grid !important; }

.hover\:grid:hover {
  display: grid !important; }

.group:hover .group-hover\:grid {
  display: grid !important; }

.block {
  display: block !important; }

.hover\:block:hover {
  display: block !important; }

.group:hover .group-hover\:block {
  display: block !important; }

.inline-block {
  display: inline-block !important; }

.hover\:inline-block:hover {
  display: inline-block !important; }

.group:hover .group-hover\:inline-block {
  display: inline-block !important; }

.hidden {
  display: none !important; }

.hover\:hidden:hover {
  display: none !important; }

.group:hover .group-hover\:hidden {
  display: none !important; }

.inline {
  display: inline !important; }

.hover\:inline:hover {
  display: inline !important; }

.group:hover .group-hover\:inline {
  display: inline !important; }

.flex-row {
  flex-direction: row !important; }

.hover\:flex-row:hover {
  flex-direction: row !important; }

.group:hover .group-hover\:flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.hover\:flex-column:hover {
  flex-direction: column !important; }

.group:hover .group-hover\:flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.hover\:flex-row-reverse:hover {
  flex-direction: row-reverse !important; }

.group:hover .group-hover\:flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.hover\:flex-column-reverse:hover {
  flex-direction: column-reverse !important; }

.group:hover .group-hover\:flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.hover\:flex-wrap:hover {
  flex-wrap: wrap !important; }

.group:hover .group-hover\:flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.hover\:flex-nowrap:hover {
  flex-wrap: nowrap !important; }

.group:hover .group-hover\:flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.hover\:flex-wrap-reverse:hover {
  flex-wrap: wrap-reverse !important; }

.group:hover .group-hover\:flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-start {
  justify-content: flex-start !important; }

.hover\:justify-start:hover {
  justify-content: flex-start !important; }

.group:hover .group-hover\:justify-start {
  justify-content: flex-start !important; }

.justify-end {
  justify-content: flex-end !important; }

.hover\:justify-end:hover {
  justify-content: flex-end !important; }

.group:hover .group-hover\:justify-end {
  justify-content: flex-end !important; }

.justify-center {
  justify-content: center !important; }

.hover\:justify-center:hover {
  justify-content: center !important; }

.group:hover .group-hover\:justify-center {
  justify-content: center !important; }

.justify-between {
  justify-content: space-between !important; }

.hover\:justify-between:hover {
  justify-content: space-between !important; }

.group:hover .group-hover\:justify-between {
  justify-content: space-between !important; }

.justify-around {
  justify-content: space-around !important; }

.hover\:justify-around:hover {
  justify-content: space-around !important; }

.group:hover .group-hover\:justify-around {
  justify-content: space-around !important; }

.justify-evenly {
  justify-content: space-evenly !important; }

.hover\:justify-evenly:hover {
  justify-content: space-evenly !important; }

.group:hover .group-hover\:justify-evenly {
  justify-content: space-evenly !important; }

.items-start {
  align-items: flex-start !important; }

.hover\:items-start:hover {
  align-items: flex-start !important; }

.group:hover .group-hover\:items-start {
  align-items: flex-start !important; }

.items-end {
  align-items: flex-end !important; }

.hover\:items-end:hover {
  align-items: flex-end !important; }

.group:hover .group-hover\:items-end {
  align-items: flex-end !important; }

.items-center {
  align-items: center !important; }

.hover\:items-center:hover {
  align-items: center !important; }

.group:hover .group-hover\:items-center {
  align-items: center !important; }

.items-baseline {
  align-items: baseline !important; }

.hover\:items-baseline:hover {
  align-items: baseline !important; }

.group:hover .group-hover\:items-baseline {
  align-items: baseline !important; }

.items-stretch {
  align-items: stretch !important; }

.hover\:items-stretch:hover {
  align-items: stretch !important; }

.group:hover .group-hover\:items-stretch {
  align-items: stretch !important; }

.self-auto {
  align-self: auto !important; }

.hover\:self-auto:hover {
  align-self: auto !important; }

.group:hover .group-hover\:self-auto {
  align-self: auto !important; }

.self-start {
  align-self: flex-start !important; }

.hover\:self-start:hover {
  align-self: flex-start !important; }

.group:hover .group-hover\:self-start {
  align-self: flex-start !important; }

.self-end {
  align-self: flex-end !important; }

.hover\:self-end:hover {
  align-self: flex-end !important; }

.group:hover .group-hover\:self-end {
  align-self: flex-end !important; }

.self-center {
  align-self: center !important; }

.hover\:self-center:hover {
  align-self: center !important; }

.group:hover .group-hover\:self-center {
  align-self: center !important; }

.self-stretch {
  align-self: stretch !important; }

.hover\:self-stretch:hover {
  align-self: stretch !important; }

.group:hover .group-hover\:self-stretch {
  align-self: stretch !important; }

.flex-1 {
  flex: 1 1 0% !important; }

.hover\:flex-1:hover {
  flex: 1 1 0% !important; }

.group:hover .group-hover\:flex-1 {
  flex: 1 1 0% !important; }

.flex-auto {
  flex: 1 1 auto !important; }

.hover\:flex-auto:hover {
  flex: 1 1 auto !important; }

.group:hover .group-hover\:flex-auto {
  flex: 1 1 auto !important; }

.flex-initial {
  flex: 0 1 auto !important; }

.hover\:flex-initial:hover {
  flex: 0 1 auto !important; }

.group:hover .group-hover\:flex-initial {
  flex: 0 1 auto !important; }

.flex-none {
  flex: none !important; }

.hover\:flex-none:hover {
  flex: none !important; }

.group:hover .group-hover\:flex-none {
  flex: none !important; }

.flex-grow {
  flex-grow: 1 !important; }

.hover\:flex-grow:hover {
  flex-grow: 1 !important; }

.group:hover .group-hover\:flex-grow {
  flex-grow: 1 !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.hover\:flex-grow-0:hover {
  flex-grow: 0 !important; }

.group:hover .group-hover\:flex-grow-0 {
  flex-grow: 0 !important; }

.flex-shrink {
  flex-shrink: 1 !important; }

.hover\:flex-shrink:hover {
  flex-shrink: 1 !important; }

.group:hover .group-hover\:flex-shrink {
  flex-shrink: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.hover\:flex-shrink-0:hover {
  flex-shrink: 0 !important; }

.group:hover .group-hover\:flex-shrink-0 {
  flex-shrink: 0 !important; }

.gap-1 {
  gap: 0.25rem !important; }

.hover\:gap-1:hover {
  gap: 0.25rem !important; }

.group:hover .group-hover\:gap-1 {
  gap: 0.25rem !important; }

.gap-x-1 {
  column-gap: 0.25rem !important; }

.hover\:gap-x-1:hover {
  column-gap: 0.25rem !important; }

.group:hover .group-hover\:gap-x-1 {
  column-gap: 0.25rem !important; }

.gap-y-1 {
  row-gap: 0.25rem !important; }

.hover\:gap-y-1:hover {
  row-gap: 0.25rem !important; }

.group:hover .group-hover\:gap-y-1 {
  row-gap: 0.25rem !important; }

.gap-2 {
  gap: 0.5rem !important; }

.hover\:gap-2:hover {
  gap: 0.5rem !important; }

.group:hover .group-hover\:gap-2 {
  gap: 0.5rem !important; }

.gap-x-2 {
  column-gap: 0.5rem !important; }

.hover\:gap-x-2:hover {
  column-gap: 0.5rem !important; }

.group:hover .group-hover\:gap-x-2 {
  column-gap: 0.5rem !important; }

.gap-y-2 {
  row-gap: 0.5rem !important; }

.hover\:gap-y-2:hover {
  row-gap: 0.5rem !important; }

.group:hover .group-hover\:gap-y-2 {
  row-gap: 0.5rem !important; }

.gap-3 {
  gap: 0.75rem !important; }

.hover\:gap-3:hover {
  gap: 0.75rem !important; }

.group:hover .group-hover\:gap-3 {
  gap: 0.75rem !important; }

.gap-x-3 {
  column-gap: 0.75rem !important; }

.hover\:gap-x-3:hover {
  column-gap: 0.75rem !important; }

.group:hover .group-hover\:gap-x-3 {
  column-gap: 0.75rem !important; }

.gap-y-3 {
  row-gap: 0.75rem !important; }

.hover\:gap-y-3:hover {
  row-gap: 0.75rem !important; }

.group:hover .group-hover\:gap-y-3 {
  row-gap: 0.75rem !important; }

.gap-4 {
  gap: 1rem !important; }

.hover\:gap-4:hover {
  gap: 1rem !important; }

.group:hover .group-hover\:gap-4 {
  gap: 1rem !important; }

.gap-x-4 {
  column-gap: 1rem !important; }

.hover\:gap-x-4:hover {
  column-gap: 1rem !important; }

.group:hover .group-hover\:gap-x-4 {
  column-gap: 1rem !important; }

.gap-y-4 {
  row-gap: 1rem !important; }

.hover\:gap-y-4:hover {
  row-gap: 1rem !important; }

.group:hover .group-hover\:gap-y-4 {
  row-gap: 1rem !important; }

.gap-5 {
  gap: 1.25rem !important; }

.hover\:gap-5:hover {
  gap: 1.25rem !important; }

.group:hover .group-hover\:gap-5 {
  gap: 1.25rem !important; }

.gap-x-5 {
  column-gap: 1.25rem !important; }

.hover\:gap-x-5:hover {
  column-gap: 1.25rem !important; }

.group:hover .group-hover\:gap-x-5 {
  column-gap: 1.25rem !important; }

.gap-y-5 {
  row-gap: 1.25rem !important; }

.hover\:gap-y-5:hover {
  row-gap: 1.25rem !important; }

.group:hover .group-hover\:gap-y-5 {
  row-gap: 1.25rem !important; }

.gap-6 {
  gap: 1.5rem !important; }

.hover\:gap-6:hover {
  gap: 1.5rem !important; }

.group:hover .group-hover\:gap-6 {
  gap: 1.5rem !important; }

.gap-x-6 {
  column-gap: 1.5rem !important; }

.hover\:gap-x-6:hover {
  column-gap: 1.5rem !important; }

.group:hover .group-hover\:gap-x-6 {
  column-gap: 1.5rem !important; }

.gap-y-6 {
  row-gap: 1.5rem !important; }

.hover\:gap-y-6:hover {
  row-gap: 1.5rem !important; }

.group:hover .group-hover\:gap-y-6 {
  row-gap: 1.5rem !important; }

.gap-7 {
  gap: 1.75rem !important; }

.hover\:gap-7:hover {
  gap: 1.75rem !important; }

.group:hover .group-hover\:gap-7 {
  gap: 1.75rem !important; }

.gap-x-7 {
  column-gap: 1.75rem !important; }

.hover\:gap-x-7:hover {
  column-gap: 1.75rem !important; }

.group:hover .group-hover\:gap-x-7 {
  column-gap: 1.75rem !important; }

.gap-y-7 {
  row-gap: 1.75rem !important; }

.hover\:gap-y-7:hover {
  row-gap: 1.75rem !important; }

.group:hover .group-hover\:gap-y-7 {
  row-gap: 1.75rem !important; }

.gap-8 {
  gap: 2rem !important; }

.hover\:gap-8:hover {
  gap: 2rem !important; }

.group:hover .group-hover\:gap-8 {
  gap: 2rem !important; }

.gap-x-8 {
  column-gap: 2rem !important; }

.hover\:gap-x-8:hover {
  column-gap: 2rem !important; }

.group:hover .group-hover\:gap-x-8 {
  column-gap: 2rem !important; }

.gap-y-8 {
  row-gap: 2rem !important; }

.hover\:gap-y-8:hover {
  row-gap: 2rem !important; }

.group:hover .group-hover\:gap-y-8 {
  row-gap: 2rem !important; }

.gap-9 {
  gap: 2.25rem !important; }

.hover\:gap-9:hover {
  gap: 2.25rem !important; }

.group:hover .group-hover\:gap-9 {
  gap: 2.25rem !important; }

.gap-x-9 {
  column-gap: 2.25rem !important; }

.hover\:gap-x-9:hover {
  column-gap: 2.25rem !important; }

.group:hover .group-hover\:gap-x-9 {
  column-gap: 2.25rem !important; }

.gap-y-9 {
  row-gap: 2.25rem !important; }

.hover\:gap-y-9:hover {
  row-gap: 2.25rem !important; }

.group:hover .group-hover\:gap-y-9 {
  row-gap: 2.25rem !important; }

.gap-10 {
  gap: 2.5rem !important; }

.hover\:gap-10:hover {
  gap: 2.5rem !important; }

.group:hover .group-hover\:gap-10 {
  gap: 2.5rem !important; }

.gap-x-10 {
  column-gap: 2.5rem !important; }

.hover\:gap-x-10:hover {
  column-gap: 2.5rem !important; }

.group:hover .group-hover\:gap-x-10 {
  column-gap: 2.5rem !important; }

.gap-y-10 {
  row-gap: 2.5rem !important; }

.hover\:gap-y-10:hover {
  row-gap: 2.5rem !important; }

.group:hover .group-hover\:gap-y-10 {
  row-gap: 2.5rem !important; }

.gap-11 {
  gap: 2.75rem !important; }

.hover\:gap-11:hover {
  gap: 2.75rem !important; }

.group:hover .group-hover\:gap-11 {
  gap: 2.75rem !important; }

.gap-x-11 {
  column-gap: 2.75rem !important; }

.hover\:gap-x-11:hover {
  column-gap: 2.75rem !important; }

.group:hover .group-hover\:gap-x-11 {
  column-gap: 2.75rem !important; }

.gap-y-11 {
  row-gap: 2.75rem !important; }

.hover\:gap-y-11:hover {
  row-gap: 2.75rem !important; }

.group:hover .group-hover\:gap-y-11 {
  row-gap: 2.75rem !important; }

.gap-12 {
  gap: 3rem !important; }

.hover\:gap-12:hover {
  gap: 3rem !important; }

.group:hover .group-hover\:gap-12 {
  gap: 3rem !important; }

.gap-x-12 {
  column-gap: 3rem !important; }

.hover\:gap-x-12:hover {
  column-gap: 3rem !important; }

.group:hover .group-hover\:gap-x-12 {
  column-gap: 3rem !important; }

.gap-y-12 {
  row-gap: 3rem !important; }

.hover\:gap-y-12:hover {
  row-gap: 3rem !important; }

.group:hover .group-hover\:gap-y-12 {
  row-gap: 3rem !important; }

.gap-14 {
  gap: 3.5rem !important; }

.hover\:gap-14:hover {
  gap: 3.5rem !important; }

.group:hover .group-hover\:gap-14 {
  gap: 3.5rem !important; }

.gap-x-14 {
  column-gap: 3.5rem !important; }

.hover\:gap-x-14:hover {
  column-gap: 3.5rem !important; }

.group:hover .group-hover\:gap-x-14 {
  column-gap: 3.5rem !important; }

.gap-y-14 {
  row-gap: 3.5rem !important; }

.hover\:gap-y-14:hover {
  row-gap: 3.5rem !important; }

.group:hover .group-hover\:gap-y-14 {
  row-gap: 3.5rem !important; }

.gap-16 {
  gap: 4rem !important; }

.hover\:gap-16:hover {
  gap: 4rem !important; }

.group:hover .group-hover\:gap-16 {
  gap: 4rem !important; }

.gap-x-16 {
  column-gap: 4rem !important; }

.hover\:gap-x-16:hover {
  column-gap: 4rem !important; }

.group:hover .group-hover\:gap-x-16 {
  column-gap: 4rem !important; }

.gap-y-16 {
  row-gap: 4rem !important; }

.hover\:gap-y-16:hover {
  row-gap: 4rem !important; }

.group:hover .group-hover\:gap-y-16 {
  row-gap: 4rem !important; }

.gap-20 {
  gap: 5rem !important; }

.hover\:gap-20:hover {
  gap: 5rem !important; }

.group:hover .group-hover\:gap-20 {
  gap: 5rem !important; }

.gap-x-20 {
  column-gap: 5rem !important; }

.hover\:gap-x-20:hover {
  column-gap: 5rem !important; }

.group:hover .group-hover\:gap-x-20 {
  column-gap: 5rem !important; }

.gap-y-20 {
  row-gap: 5rem !important; }

.hover\:gap-y-20:hover {
  row-gap: 5rem !important; }

.group:hover .group-hover\:gap-y-20 {
  row-gap: 5rem !important; }

.gap-24 {
  gap: 6rem !important; }

.hover\:gap-24:hover {
  gap: 6rem !important; }

.group:hover .group-hover\:gap-24 {
  gap: 6rem !important; }

.gap-x-24 {
  column-gap: 6rem !important; }

.hover\:gap-x-24:hover {
  column-gap: 6rem !important; }

.group:hover .group-hover\:gap-x-24 {
  column-gap: 6rem !important; }

.gap-y-24 {
  row-gap: 6rem !important; }

.hover\:gap-y-24:hover {
  row-gap: 6rem !important; }

.group:hover .group-hover\:gap-y-24 {
  row-gap: 6rem !important; }

.gap-28 {
  gap: 7rem !important; }

.hover\:gap-28:hover {
  gap: 7rem !important; }

.group:hover .group-hover\:gap-28 {
  gap: 7rem !important; }

.gap-x-28 {
  column-gap: 7rem !important; }

.hover\:gap-x-28:hover {
  column-gap: 7rem !important; }

.group:hover .group-hover\:gap-x-28 {
  column-gap: 7rem !important; }

.gap-y-28 {
  row-gap: 7rem !important; }

.hover\:gap-y-28:hover {
  row-gap: 7rem !important; }

.group:hover .group-hover\:gap-y-28 {
  row-gap: 7rem !important; }

.gap-32 {
  gap: 8rem !important; }

.hover\:gap-32:hover {
  gap: 8rem !important; }

.group:hover .group-hover\:gap-32 {
  gap: 8rem !important; }

.gap-x-32 {
  column-gap: 8rem !important; }

.hover\:gap-x-32:hover {
  column-gap: 8rem !important; }

.group:hover .group-hover\:gap-x-32 {
  column-gap: 8rem !important; }

.gap-y-32 {
  row-gap: 8rem !important; }

.hover\:gap-y-32:hover {
  row-gap: 8rem !important; }

.group:hover .group-hover\:gap-y-32 {
  row-gap: 8rem !important; }

.gap-36 {
  gap: 9rem !important; }

.hover\:gap-36:hover {
  gap: 9rem !important; }

.group:hover .group-hover\:gap-36 {
  gap: 9rem !important; }

.gap-x-36 {
  column-gap: 9rem !important; }

.hover\:gap-x-36:hover {
  column-gap: 9rem !important; }

.group:hover .group-hover\:gap-x-36 {
  column-gap: 9rem !important; }

.gap-y-36 {
  row-gap: 9rem !important; }

.hover\:gap-y-36:hover {
  row-gap: 9rem !important; }

.group:hover .group-hover\:gap-y-36 {
  row-gap: 9rem !important; }

.gap-40 {
  gap: 10rem !important; }

.hover\:gap-40:hover {
  gap: 10rem !important; }

.group:hover .group-hover\:gap-40 {
  gap: 10rem !important; }

.gap-x-40 {
  column-gap: 10rem !important; }

.hover\:gap-x-40:hover {
  column-gap: 10rem !important; }

.group:hover .group-hover\:gap-x-40 {
  column-gap: 10rem !important; }

.gap-y-40 {
  row-gap: 10rem !important; }

.hover\:gap-y-40:hover {
  row-gap: 10rem !important; }

.group:hover .group-hover\:gap-y-40 {
  row-gap: 10rem !important; }

.gap-44 {
  gap: 11rem !important; }

.hover\:gap-44:hover {
  gap: 11rem !important; }

.group:hover .group-hover\:gap-44 {
  gap: 11rem !important; }

.gap-x-44 {
  column-gap: 11rem !important; }

.hover\:gap-x-44:hover {
  column-gap: 11rem !important; }

.group:hover .group-hover\:gap-x-44 {
  column-gap: 11rem !important; }

.gap-y-44 {
  row-gap: 11rem !important; }

.hover\:gap-y-44:hover {
  row-gap: 11rem !important; }

.group:hover .group-hover\:gap-y-44 {
  row-gap: 11rem !important; }

.gap-48 {
  gap: 12rem !important; }

.hover\:gap-48:hover {
  gap: 12rem !important; }

.group:hover .group-hover\:gap-48 {
  gap: 12rem !important; }

.gap-x-48 {
  column-gap: 12rem !important; }

.hover\:gap-x-48:hover {
  column-gap: 12rem !important; }

.group:hover .group-hover\:gap-x-48 {
  column-gap: 12rem !important; }

.gap-y-48 {
  row-gap: 12rem !important; }

.hover\:gap-y-48:hover {
  row-gap: 12rem !important; }

.group:hover .group-hover\:gap-y-48 {
  row-gap: 12rem !important; }

.gap-52 {
  gap: 13rem !important; }

.hover\:gap-52:hover {
  gap: 13rem !important; }

.group:hover .group-hover\:gap-52 {
  gap: 13rem !important; }

.gap-x-52 {
  column-gap: 13rem !important; }

.hover\:gap-x-52:hover {
  column-gap: 13rem !important; }

.group:hover .group-hover\:gap-x-52 {
  column-gap: 13rem !important; }

.gap-y-52 {
  row-gap: 13rem !important; }

.hover\:gap-y-52:hover {
  row-gap: 13rem !important; }

.group:hover .group-hover\:gap-y-52 {
  row-gap: 13rem !important; }

.gap-56 {
  gap: 14rem !important; }

.hover\:gap-56:hover {
  gap: 14rem !important; }

.group:hover .group-hover\:gap-56 {
  gap: 14rem !important; }

.gap-x-56 {
  column-gap: 14rem !important; }

.hover\:gap-x-56:hover {
  column-gap: 14rem !important; }

.group:hover .group-hover\:gap-x-56 {
  column-gap: 14rem !important; }

.gap-y-56 {
  row-gap: 14rem !important; }

.hover\:gap-y-56:hover {
  row-gap: 14rem !important; }

.group:hover .group-hover\:gap-y-56 {
  row-gap: 14rem !important; }

.gap-60 {
  gap: 15rem !important; }

.hover\:gap-60:hover {
  gap: 15rem !important; }

.group:hover .group-hover\:gap-60 {
  gap: 15rem !important; }

.gap-x-60 {
  column-gap: 15rem !important; }

.hover\:gap-x-60:hover {
  column-gap: 15rem !important; }

.group:hover .group-hover\:gap-x-60 {
  column-gap: 15rem !important; }

.gap-y-60 {
  row-gap: 15rem !important; }

.hover\:gap-y-60:hover {
  row-gap: 15rem !important; }

.group:hover .group-hover\:gap-y-60 {
  row-gap: 15rem !important; }

.gap-64 {
  gap: 16rem !important; }

.hover\:gap-64:hover {
  gap: 16rem !important; }

.group:hover .group-hover\:gap-64 {
  gap: 16rem !important; }

.gap-x-64 {
  column-gap: 16rem !important; }

.hover\:gap-x-64:hover {
  column-gap: 16rem !important; }

.group:hover .group-hover\:gap-x-64 {
  column-gap: 16rem !important; }

.gap-y-64 {
  row-gap: 16rem !important; }

.hover\:gap-y-64:hover {
  row-gap: 16rem !important; }

.group:hover .group-hover\:gap-y-64 {
  row-gap: 16rem !important; }

.gap-72 {
  gap: 18rem !important; }

.hover\:gap-72:hover {
  gap: 18rem !important; }

.group:hover .group-hover\:gap-72 {
  gap: 18rem !important; }

.gap-x-72 {
  column-gap: 18rem !important; }

.hover\:gap-x-72:hover {
  column-gap: 18rem !important; }

.group:hover .group-hover\:gap-x-72 {
  column-gap: 18rem !important; }

.gap-y-72 {
  row-gap: 18rem !important; }

.hover\:gap-y-72:hover {
  row-gap: 18rem !important; }

.group:hover .group-hover\:gap-y-72 {
  row-gap: 18rem !important; }

.gap-80 {
  gap: 20rem !important; }

.hover\:gap-80:hover {
  gap: 20rem !important; }

.group:hover .group-hover\:gap-80 {
  gap: 20rem !important; }

.gap-x-80 {
  column-gap: 20rem !important; }

.hover\:gap-x-80:hover {
  column-gap: 20rem !important; }

.group:hover .group-hover\:gap-x-80 {
  column-gap: 20rem !important; }

.gap-y-80 {
  row-gap: 20rem !important; }

.hover\:gap-y-80:hover {
  row-gap: 20rem !important; }

.group:hover .group-hover\:gap-y-80 {
  row-gap: 20rem !important; }

.gap-96 {
  gap: 24rem !important; }

.hover\:gap-96:hover {
  gap: 24rem !important; }

.group:hover .group-hover\:gap-96 {
  gap: 24rem !important; }

.gap-x-96 {
  column-gap: 24rem !important; }

.hover\:gap-x-96:hover {
  column-gap: 24rem !important; }

.group:hover .group-hover\:gap-x-96 {
  column-gap: 24rem !important; }

.gap-y-96 {
  row-gap: 24rem !important; }

.hover\:gap-y-96:hover {
  row-gap: 24rem !important; }

.group:hover .group-hover\:gap-y-96 {
  row-gap: 24rem !important; }

.relative {
  position: relative !important; }

.hover\:relative:hover {
  position: relative !important; }

.group:hover .group-hover\:relative {
  position: relative !important; }

.absolute {
  position: absolute !important; }

.hover\:absolute:hover {
  position: absolute !important; }

.group:hover .group-hover\:absolute {
  position: absolute !important; }

.fixed {
  position: fixed !important; }

.hover\:fixed:hover {
  position: fixed !important; }

.group:hover .group-hover\:fixed {
  position: fixed !important; }

.sticky {
  position: sticky !important; }

.hover\:sticky:hover {
  position: sticky !important; }

.group:hover .group-hover\:sticky {
  position: sticky !important; }

.static {
  position: static !important; }

.hover\:static:hover {
  position: static !important; }

.group:hover .group-hover\:static {
  position: static !important; }

.inset-0 {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important; }

.hover\:inset-0:hover {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important; }

.group:hover .group-hover\:inset-0 {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important; }

.top-0 {
  top: 0 !important; }

.hover\:top-0:hover {
  top: 0 !important; }

.group:hover .group-hover\:top-0 {
  top: 0 !important; }

.right-0 {
  right: 0 !important; }

.hover\:right-0:hover {
  right: 0 !important; }

.group:hover .group-hover\:right-0 {
  right: 0 !important; }

.bottom-0 {
  bottom: 0 !important; }

.hover\:bottom-0:hover {
  bottom: 0 !important; }

.group:hover .group-hover\:bottom-0 {
  bottom: 0 !important; }

.left-0 {
  left: 0 !important; }

.hover\:left-0:hover {
  left: 0 !important; }

.group:hover .group-hover\:left-0 {
  left: 0 !important; }

.z-0 {
  z-index: 0 !important; }

.hover\:z-0:hover {
  z-index: 0 !important; }

.group:hover .group-hover\:z-0 {
  z-index: 0 !important; }

.z-10 {
  z-index: 10 !important; }

.hover\:z-10:hover {
  z-index: 10 !important; }

.group:hover .group-hover\:z-10 {
  z-index: 10 !important; }

.z-20 {
  z-index: 20 !important; }

.hover\:z-20:hover {
  z-index: 20 !important; }

.group:hover .group-hover\:z-20 {
  z-index: 20 !important; }

.z-30 {
  z-index: 30 !important; }

.hover\:z-30:hover {
  z-index: 30 !important; }

.group:hover .group-hover\:z-30 {
  z-index: 30 !important; }

.z-40 {
  z-index: 40 !important; }

.hover\:z-40:hover {
  z-index: 40 !important; }

.group:hover .group-hover\:z-40 {
  z-index: 40 !important; }

.z-50 {
  z-index: 50 !important; }

.hover\:z-50:hover {
  z-index: 50 !important; }

.group:hover .group-hover\:z-50 {
  z-index: 50 !important; }

.z-auto {
  z-index: auto !important; }

.hover\:z-auto:hover {
  z-index: auto !important; }

.group:hover .group-hover\:z-auto {
  z-index: auto !important; }

.w-full {
  width: 100% !important; }

.hover\:w-full:hover {
  width: 100% !important; }

.group:hover .group-hover\:w-full {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.hover\:w-auto:hover {
  width: auto !important; }

.group:hover .group-hover\:w-auto {
  width: auto !important; }

.w-screen {
  width: 100vw !important; }

.hover\:w-screen:hover {
  width: 100vw !important; }

.group:hover .group-hover\:w-screen {
  width: 100vw !important; }

.w-min {
  width: min-content !important; }

.hover\:w-min:hover {
  width: min-content !important; }

.group:hover .group-hover\:w-min {
  width: min-content !important; }

.w-max {
  width: max-content !important; }

.hover\:w-max:hover {
  width: max-content !important; }

.group:hover .group-hover\:w-max {
  width: max-content !important; }

.w-fit {
  width: fit-content !important; }

.hover\:w-fit:hover {
  width: fit-content !important; }

.group:hover .group-hover\:w-fit {
  width: fit-content !important; }

.w-1\/12 {
  width: 8.33333% !important; }

.hover\:w-1\/12:hover {
  width: 8.33333% !important; }

.group:hover .group-hover\:w-1\/12 {
  width: 8.33333% !important; }

.w-2\/12 {
  width: 16.66667% !important; }

.hover\:w-2\/12:hover {
  width: 16.66667% !important; }

.group:hover .group-hover\:w-2\/12 {
  width: 16.66667% !important; }

.w-3\/12 {
  width: 25% !important; }

.hover\:w-3\/12:hover {
  width: 25% !important; }

.group:hover .group-hover\:w-3\/12 {
  width: 25% !important; }

.w-4\/12 {
  width: 33.33333% !important; }

.hover\:w-4\/12:hover {
  width: 33.33333% !important; }

.group:hover .group-hover\:w-4\/12 {
  width: 33.33333% !important; }

.w-5\/12 {
  width: 41.66667% !important; }

.hover\:w-5\/12:hover {
  width: 41.66667% !important; }

.group:hover .group-hover\:w-5\/12 {
  width: 41.66667% !important; }

.w-6\/12 {
  width: 50% !important; }

.hover\:w-6\/12:hover {
  width: 50% !important; }

.group:hover .group-hover\:w-6\/12 {
  width: 50% !important; }

.w-7\/12 {
  width: 58.33333% !important; }

.hover\:w-7\/12:hover {
  width: 58.33333% !important; }

.group:hover .group-hover\:w-7\/12 {
  width: 58.33333% !important; }

.w-8\/12 {
  width: 66.66667% !important; }

.hover\:w-8\/12:hover {
  width: 66.66667% !important; }

.group:hover .group-hover\:w-8\/12 {
  width: 66.66667% !important; }

.w-9\/12 {
  width: 75% !important; }

.hover\:w-9\/12:hover {
  width: 75% !important; }

.group:hover .group-hover\:w-9\/12 {
  width: 75% !important; }

.w-10\/12 {
  width: 83.33333% !important; }

.hover\:w-10\/12:hover {
  width: 83.33333% !important; }

.group:hover .group-hover\:w-10\/12 {
  width: 83.33333% !important; }

.w-11\/12 {
  width: 91.66667% !important; }

.hover\:w-11\/12:hover {
  width: 91.66667% !important; }

.group:hover .group-hover\:w-11\/12 {
  width: 91.66667% !important; }

.w-12\/12 {
  width: 100% !important; }

.hover\:w-12\/12:hover {
  width: 100% !important; }

.group:hover .group-hover\:w-12\/12 {
  width: 100% !important; }

.w-1\/2 {
  width: 50% !important; }

.hover\:w-1\/2:hover {
  width: 50% !important; }

.group:hover .group-hover\:w-1\/2 {
  width: 50% !important; }

.w-1\/3 {
  width: 33.333333% !important; }

.hover\:w-1\/3:hover {
  width: 33.333333% !important; }

.group:hover .group-hover\:w-1\/3 {
  width: 33.333333% !important; }

.w-2\/3 {
  width: 66.666667% !important; }

.hover\:w-2\/3:hover {
  width: 66.666667% !important; }

.group:hover .group-hover\:w-2\/3 {
  width: 66.666667% !important; }

.w-1\/4 {
  width: 25% !important; }

.hover\:w-1\/4:hover {
  width: 25% !important; }

.group:hover .group-hover\:w-1\/4 {
  width: 25% !important; }

.w-3\/4 {
  width: 75% !important; }

.hover\:w-3\/4:hover {
  width: 75% !important; }

.group:hover .group-hover\:w-3\/4 {
  width: 75% !important; }

.w-\[150px\] {
  width: 150px !important; }

.w-\[200px\] {
  width: 200px !important; }

.w-\[250px\] {
  width: 250px !important; }

.w-\[300px\] {
  width: 300px !important; }

.h-\[80px\] {
  height: 80px !important; }

.h-\[100px\] {
  height: 100px !important; }

.h-\[120px\] {
  height: 120px !important; }

.bg-\[#ec1889\] {
  background-color: #ec1889 !important; }

.bg-\[#4a90e2\] {
  background-color: #4a90e2 !important; }

.bg-\[#ffffff\] {
  background-color: #ffffff !important; }

.text-\[#ff6b35\] {
  color: #ff6b35 !important; }

.text-\[#ffffff\] {
  color: #ffffff !important; }

.p-\[10px\] {
  padding: 10px !important; }

.p-\[15px\] {
  padding: 15px !important; }

.p-\[20px\] {
  padding: 20px !important; }

.m-\[10px\] {
  margin: 10px !important; }

.m-\[15px\] {
  margin: 15px !important; }

.m-\[20px\] {
  margin: 20px !important; }

[class*="w-["] {
  width: inherit !important; }

[class*="h-["] {
  height: inherit !important; }

[class*="bg-["] {
  background-color: inherit !important; }

[class*="text-["] {
  color: inherit !important; }

[class*="p-["] {
  padding: inherit !important; }

[class*="m-["] {
  margin: inherit !important; }

.h-full {
  height: 100% !important; }

.hover\:h-full:hover {
  height: 100% !important; }

.group:hover .group-hover\:h-full {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.hover\:h-auto:hover {
  height: auto !important; }

.group:hover .group-hover\:h-auto {
  height: auto !important; }

.h-screen {
  height: 100vh !important; }

.hover\:h-screen:hover {
  height: 100vh !important; }

.group:hover .group-hover\:h-screen {
  height: 100vh !important; }

.h-min {
  height: min-content !important; }

.hover\:h-min:hover {
  height: min-content !important; }

.group:hover .group-hover\:h-min {
  height: min-content !important; }

.h-max {
  height: max-content !important; }

.hover\:h-max:hover {
  height: max-content !important; }

.group:hover .group-hover\:h-max {
  height: max-content !important; }

.h-fit {
  height: fit-content !important; }

.hover\:h-fit:hover {
  height: fit-content !important; }

.group:hover .group-hover\:h-fit {
  height: fit-content !important; }

.min-h-screen {
  min-height: 100vh !important; }

.hover\:min-h-screen:hover {
  min-height: 100vh !important; }

.group:hover .group-hover\:min-h-screen {
  min-height: 100vh !important; }

.min-h-full {
  min-height: 100% !important; }

.hover\:min-h-full:hover {
  min-height: 100% !important; }

.group:hover .group-hover\:min-h-full {
  min-height: 100% !important; }

.max-h-screen {
  max-height: 100vh !important; }

.hover\:max-h-screen:hover {
  max-height: 100vh !important; }

.group:hover .group-hover\:max-h-screen {
  max-height: 100vh !important; }

.max-h-full {
  max-height: 100% !important; }

.hover\:max-h-full:hover {
  max-height: 100% !important; }

.group:hover .group-hover\:max-h-full {
  max-height: 100% !important; }

.opacity-0 {
  opacity: 0 !important; }

.hover\:opacity-0:hover {
  opacity: 0 !important; }

.group:hover .group-hover\:opacity-0 {
  opacity: 0 !important; }

.opacity-10 {
  opacity: 0.1 !important; }

.hover\:opacity-10:hover {
  opacity: 0.1 !important; }

.group:hover .group-hover\:opacity-10 {
  opacity: 0.1 !important; }

.opacity-20 {
  opacity: 0.2 !important; }

.hover\:opacity-20:hover {
  opacity: 0.2 !important; }

.group:hover .group-hover\:opacity-20 {
  opacity: 0.2 !important; }

.opacity-30 {
  opacity: 0.3 !important; }

.hover\:opacity-30:hover {
  opacity: 0.3 !important; }

.group:hover .group-hover\:opacity-30 {
  opacity: 0.3 !important; }

.opacity-40 {
  opacity: 0.4 !important; }

.hover\:opacity-40:hover {
  opacity: 0.4 !important; }

.group:hover .group-hover\:opacity-40 {
  opacity: 0.4 !important; }

.opacity-50 {
  opacity: 0.5 !important; }

.hover\:opacity-50:hover {
  opacity: 0.5 !important; }

.group:hover .group-hover\:opacity-50 {
  opacity: 0.5 !important; }

.opacity-60 {
  opacity: 0.6 !important; }

.hover\:opacity-60:hover {
  opacity: 0.6 !important; }

.group:hover .group-hover\:opacity-60 {
  opacity: 0.6 !important; }

.opacity-70 {
  opacity: 0.7 !important; }

.hover\:opacity-70:hover {
  opacity: 0.7 !important; }

.group:hover .group-hover\:opacity-70 {
  opacity: 0.7 !important; }

.opacity-80 {
  opacity: 0.8 !important; }

.hover\:opacity-80:hover {
  opacity: 0.8 !important; }

.group:hover .group-hover\:opacity-80 {
  opacity: 0.8 !important; }

.opacity-90 {
  opacity: 0.9 !important; }

.hover\:opacity-90:hover {
  opacity: 0.9 !important; }

.group:hover .group-hover\:opacity-90 {
  opacity: 0.9 !important; }

.opacity-100 {
  opacity: 1 !important; }

.hover\:opacity-100:hover {
  opacity: 1 !important; }

.group:hover .group-hover\:opacity-100 {
  opacity: 1 !important; }

.overflow-auto {
  overflow: auto !important; }

.hover\:overflow-auto:hover {
  overflow: auto !important; }

.group:hover .group-hover\:overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.hover\:overflow-hidden:hover {
  overflow: hidden !important; }

.group:hover .group-hover\:overflow-hidden {
  overflow: hidden !important; }

.overflow-visible {
  overflow: visible !important; }

.hover\:overflow-visible:hover {
  overflow: visible !important; }

.group:hover .group-hover\:overflow-visible {
  overflow: visible !important; }

.overflow-scroll {
  overflow: scroll !important; }

.hover\:overflow-scroll:hover {
  overflow: scroll !important; }

.group:hover .group-hover\:overflow-scroll {
  overflow: scroll !important; }

.overflow-x-auto {
  overflow-x: auto !important; }

.hover\:overflow-x-auto:hover {
  overflow-x: auto !important; }

.group:hover .group-hover\:overflow-x-auto {
  overflow-x: auto !important; }

.overflow-y-auto {
  overflow-y: auto !important; }

.hover\:overflow-y-auto:hover {
  overflow-y: auto !important; }

.group:hover .group-hover\:overflow-y-auto {
  overflow-y: auto !important; }

.overflow-x-hidden {
  overflow-x: hidden !important; }

.hover\:overflow-x-hidden:hover {
  overflow-x: hidden !important; }

.group:hover .group-hover\:overflow-x-hidden {
  overflow-x: hidden !important; }

.overflow-y-hidden {
  overflow-y: hidden !important; }

.hover\:overflow-y-hidden:hover {
  overflow-y: hidden !important; }

.group:hover .group-hover\:overflow-y-hidden {
  overflow-y: hidden !important; }

.overflow-x-scroll {
  overflow-x: scroll !important; }

.hover\:overflow-x-scroll:hover {
  overflow-x: scroll !important; }

.group:hover .group-hover\:overflow-x-scroll {
  overflow-x: scroll !important; }

.overflow-y-scroll {
  overflow-y: scroll !important; }

.hover\:overflow-y-scroll:hover {
  overflow-y: scroll !important; }

.group:hover .group-hover\:overflow-y-scroll {
  overflow-y: scroll !important; }

.cursor-pointer {
  cursor: pointer !important; }

.hover\:cursor-pointer:hover {
  cursor: pointer !important; }

.group:hover .group-hover\:cursor-pointer {
  cursor: pointer !important; }

.cursor-default {
  cursor: default !important; }

.hover\:cursor-default:hover {
  cursor: default !important; }

.group:hover .group-hover\:cursor-default {
  cursor: default !important; }

.cursor-not-allowed {
  cursor: not-allowed !important; }

.hover\:cursor-not-allowed:hover {
  cursor: not-allowed !important; }

.group:hover .group-hover\:cursor-not-allowed {
  cursor: not-allowed !important; }

.cursor-wait {
  cursor: wait !important; }

.hover\:cursor-wait:hover {
  cursor: wait !important; }

.group:hover .group-hover\:cursor-wait {
  cursor: wait !important; }

.cursor-move {
  cursor: move !important; }

.hover\:cursor-move:hover {
  cursor: move !important; }

.group:hover .group-hover\:cursor-move {
  cursor: move !important; }

.pointer-events-none {
  pointer-events: none !important; }

.hover\:pointer-events-none:hover {
  pointer-events: none !important; }

.group:hover .group-hover\:pointer-events-none {
  pointer-events: none !important; }

.pointer-events-auto {
  pointer-events: auto !important; }

.hover\:pointer-events-auto:hover {
  pointer-events: auto !important; }

.group:hover .group-hover\:pointer-events-auto {
  pointer-events: auto !important; }

.select-none {
  user-select: none !important; }

.hover\:select-none:hover {
  user-select: none !important; }

.group:hover .group-hover\:select-none {
  user-select: none !important; }

.select-text {
  user-select: text !important; }

.hover\:select-text:hover {
  user-select: text !important; }

.group:hover .group-hover\:select-text {
  user-select: text !important; }

.select-all {
  user-select: all !important; }

.hover\:select-all:hover {
  user-select: all !important; }

.group:hover .group-hover\:select-all {
  user-select: all !important; }

.object-contain {
  object-fit: contain !important; }

.hover\:object-contain:hover {
  object-fit: contain !important; }

.group:hover .group-hover\:object-contain {
  object-fit: contain !important; }

.object-cover {
  object-fit: cover !important; }

.hover\:object-cover:hover {
  object-fit: cover !important; }

.group:hover .group-hover\:object-cover {
  object-fit: cover !important; }

.object-fill {
  object-fit: fill !important; }

.hover\:object-fill:hover {
  object-fit: fill !important; }

.group:hover .group-hover\:object-fill {
  object-fit: fill !important; }

.object-none {
  object-fit: none !important; }

.hover\:object-none:hover {
  object-fit: none !important; }

.group:hover .group-hover\:object-none {
  object-fit: none !important; }

.object-scale-down {
  object-fit: scale-down !important; }

.hover\:object-scale-down:hover {
  object-fit: scale-down !important; }

.group:hover .group-hover\:object-scale-down {
  object-fit: scale-down !important; }

.heading-1 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem; }
  @media (max-width: 768px) {
    .heading-1 {
      font-size: 2rem; } }

.heading-2 {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 0.75rem; }
  @media (max-width: 768px) {
    .heading-2 {
      font-size: 1.5rem; } }

.heading-3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.75rem; }
  @media (max-width: 768px) {
    .heading-3 {
      font-size: 1.25rem; } }

.heading-4 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.5rem; }
  @media (max-width: 768px) {
    .heading-4 {
      font-size: 1.125rem; } }

.heading-5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.5rem; }
  @media (max-width: 768px) {
    .heading-5 {
      font-size: 1rem; } }

.heading-6 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.5rem; }
  @media (max-width: 768px) {
    .heading-6 {
      font-size: 0.875rem; } }

.body-1 {
  font-size: 1rem;
  line-height: 1.6; }

.body-2 {
  font-size: 0.875rem;
  line-height: 1.6; }

.subtitle-1 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5; }

.subtitle-2 {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5; }

.lead {
  font-size: 1.25rem;
  line-height: 1.7;
  font-weight: 400;
  color: var(--muted-foreground); }

.caption {
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--muted-foreground); }

.text-uppercase {
  text-transform: uppercase !important; }

.hover\:text-uppercase:hover {
  text-transform: uppercase !important; }

.group:hover .group-hover\:text-uppercase {
  text-transform: uppercase !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.hover\:text-lowercase:hover {
  text-transform: lowercase !important; }

.group:hover .group-hover\:text-lowercase {
  text-transform: lowercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.hover\:text-capitalize:hover {
  text-transform: capitalize !important; }

.group:hover .group-hover\:text-capitalize {
  text-transform: capitalize !important; }

.text-normal-case {
  text-transform: none !important; }

.hover\:text-normal-case:hover {
  text-transform: none !important; }

.group:hover .group-hover\:text-normal-case {
  text-transform: none !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.hover\:text-truncate:hover {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.group:hover .group-hover\:text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.hover\:line-clamp-1:hover {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.group:hover .group-hover\:line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.hover\:line-clamp-2:hover {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.group:hover .group-hover\:line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.hover\:line-clamp-3:hover {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.group:hover .group-hover\:line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.leading-none {
  line-height: 1 !important; }

.hover\:leading-none:hover {
  line-height: 1 !important; }

.group:hover .group-hover\:leading-none {
  line-height: 1 !important; }

.leading-tight {
  line-height: 1.25 !important; }

.hover\:leading-tight:hover {
  line-height: 1.25 !important; }

.group:hover .group-hover\:leading-tight {
  line-height: 1.25 !important; }

.leading-snug {
  line-height: 1.375 !important; }

.hover\:leading-snug:hover {
  line-height: 1.375 !important; }

.group:hover .group-hover\:leading-snug {
  line-height: 1.375 !important; }

.leading-normal {
  line-height: 1.5 !important; }

.hover\:leading-normal:hover {
  line-height: 1.5 !important; }

.group:hover .group-hover\:leading-normal {
  line-height: 1.5 !important; }

.leading-relaxed {
  line-height: 1.625 !important; }

.hover\:leading-relaxed:hover {
  line-height: 1.625 !important; }

.group:hover .group-hover\:leading-relaxed {
  line-height: 1.625 !important; }

.leading-loose {
  line-height: 2 !important; }

.hover\:leading-loose:hover {
  line-height: 2 !important; }

.group:hover .group-hover\:leading-loose {
  line-height: 2 !important; }

.tracking-tighter {
  letter-spacing: -0.05em !important; }

.hover\:tracking-tighter:hover {
  letter-spacing: -0.05em !important; }

.group:hover .group-hover\:tracking-tighter {
  letter-spacing: -0.05em !important; }

.tracking-tight {
  letter-spacing: -0.025em !important; }

.hover\:tracking-tight:hover {
  letter-spacing: -0.025em !important; }

.group:hover .group-hover\:tracking-tight {
  letter-spacing: -0.025em !important; }

.tracking-normal {
  letter-spacing: 0 !important; }

.hover\:tracking-normal:hover {
  letter-spacing: 0 !important; }

.group:hover .group-hover\:tracking-normal {
  letter-spacing: 0 !important; }

.tracking-wide {
  letter-spacing: 0.025em !important; }

.hover\:tracking-wide:hover {
  letter-spacing: 0.025em !important; }

.group:hover .group-hover\:tracking-wide {
  letter-spacing: 0.025em !important; }

.tracking-wider {
  letter-spacing: 0.05em !important; }

.hover\:tracking-wider:hover {
  letter-spacing: 0.05em !important; }

.group:hover .group-hover\:tracking-wider {
  letter-spacing: 0.05em !important; }

.tracking-widest {
  letter-spacing: 0.1em !important; }

.hover\:tracking-widest:hover {
  letter-spacing: 0.1em !important; }

.group:hover .group-hover\:tracking-widest {
  letter-spacing: 0.1em !important; }

.underline {
  text-decoration: underline !important; }

.hover\:underline:hover {
  text-decoration: underline !important; }

.group:hover .group-hover\:underline {
  text-decoration: underline !important; }

.line-through {
  text-decoration: line-through !important; }

.hover\:line-through:hover {
  text-decoration: line-through !important; }

.group:hover .group-hover\:line-through {
  text-decoration: line-through !important; }

.no-underline {
  text-decoration: none !important; }

.hover\:no-underline:hover {
  text-decoration: none !important; }

.group:hover .group-hover\:no-underline {
  text-decoration: none !important; }

.whitespace-normal {
  white-space: normal !important; }

.hover\:whitespace-normal:hover {
  white-space: normal !important; }

.group:hover .group-hover\:whitespace-normal {
  white-space: normal !important; }

.whitespace-nowrap {
  white-space: nowrap !important; }

.hover\:whitespace-nowrap:hover {
  white-space: nowrap !important; }

.group:hover .group-hover\:whitespace-nowrap {
  white-space: nowrap !important; }

.whitespace-pre {
  white-space: pre !important; }

.hover\:whitespace-pre:hover {
  white-space: pre !important; }

.group:hover .group-hover\:whitespace-pre {
  white-space: pre !important; }

.whitespace-pre-line {
  white-space: pre-line !important; }

.hover\:whitespace-pre-line:hover {
  white-space: pre-line !important; }

.group:hover .group-hover\:whitespace-pre-line {
  white-space: pre-line !important; }

.whitespace-pre-wrap {
  white-space: pre-wrap !important; }

.hover\:whitespace-pre-wrap:hover {
  white-space: pre-wrap !important; }

.group:hover .group-hover\:whitespace-pre-wrap {
  white-space: pre-wrap !important; }

.break-normal {
  word-break: normal !important;
  overflow-wrap: normal !important; }

.hover\:break-normal:hover {
  word-break: normal !important;
  overflow-wrap: normal !important; }

.group:hover .group-hover\:break-normal {
  word-break: normal !important;
  overflow-wrap: normal !important; }

.break-words {
  overflow-wrap: break-word !important; }

.hover\:break-words:hover {
  overflow-wrap: break-word !important; }

.group:hover .group-hover\:break-words {
  overflow-wrap: break-word !important; }

.break-all {
  word-break: break-all !important; }

.hover\:break-all:hover {
  word-break: break-all !important; }

.group:hover .group-hover\:break-all {
  word-break: break-all !important; }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes slide-up {
  from {
    transform: translateY(100%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@keyframes slide-down {
  from {
    transform: translateY(-100%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@keyframes slide-left {
  from {
    transform: translateX(100%);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }

@keyframes slide-right {
  from {
    transform: translateX(-100%);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }

@keyframes zoom-in {
  from {
    transform: scale(0);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

@keyframes zoom-out {
  from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0);
    opacity: 0; } }

@keyframes bounce {
  0%,
  100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }

@keyframes pulse {
  0%,
  100% {
    opacity: 1; }
  50% {
    opacity: 0.5; } }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 1; }
  75%,
  100% {
    transform: scale(2);
    opacity: 0; } }

@keyframes shake {
  0%,
  100% {
    transform: translateX(0); }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px); }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px); } }

@keyframes wiggle {
  0%,
  100% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(-10deg); }
  75% {
    transform: rotate(10deg); } }

.animate-fade-in {
  animation: fade-in 0.3s ease-in forwards; }

.animate-fade-out {
  animation: fade-out 0.3s ease-out forwards; }

.animate-slide-up {
  animation: slide-up 0.3s ease-out forwards; }

.animate-slide-down {
  animation: slide-down 0.3s ease-out forwards; }

.animate-slide-left {
  animation: slide-left 0.3s ease-out forwards; }

.animate-slide-right {
  animation: slide-right 0.3s ease-out forwards; }

.animate-zoom-in {
  animation: zoom-in 0.3s ease-out forwards; }

.scale-in {
  transform: scale(1.2) !important; }

.hover\:scale-in:hover {
  transform: scale(1.2) !important; }

.group:hover .group-hover\:scale-in {
  transform: scale(1.2) !important; }

.animate-zoom-out {
  animation: zoom-out 0.3s ease-in forwards; }

.animate-bounce {
  animation: bounce 1s infinite; }

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }

.animate-spin {
  animation: spin 1s linear infinite; }

.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }

.animate-shake {
  animation: shake 0.5s ease-in-out; }

.animate-wiggle {
  animation: wiggle 0.5s ease-in-out; }

.transition-none {
  transition-property: none !important; }

.transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important; }

.transition-colors {
  transition-property: color, background-color, border-color !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important; }

.transition-opacity {
  transition-property: opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important; }

.transition-transform {
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important; }

.duration-75 {
  transition-duration: 75ms !important; }

.duration-100 {
  transition-duration: 100ms !important; }

.duration-150 {
  transition-duration: 150ms !important; }

.duration-200 {
  transition-duration: 200ms !important; }

.duration-300 {
  transition-duration: 300ms !important; }

.duration-500 {
  transition-duration: 500ms !important; }

.duration-700 {
  transition-duration: 700ms !important; }

.duration-1000 {
  transition-duration: 1000ms !important; }

.ease-linear {
  transition-timing-function: linear !important; }

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; }

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; }

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; }

.delay-75 {
  animation-delay: 75ms !important; }

.delay-100 {
  animation-delay: 100ms !important; }

.delay-150 {
  animation-delay: 150ms !important; }

.delay-200 {
  animation-delay: 200ms !important; }

.delay-300 {
  animation-delay: 300ms !important; }

.delay-500 {
  animation-delay: 500ms !important; }

.delay-700 {
  animation-delay: 700ms !important; }

.delay-1000 {
  animation-delay: 1000ms !important; }

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important; } }

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important; }

.not-sr-only {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important; }

.focus-visible:focus-visible {
  outline: 2px solid var(--ring) !important;
  outline-offset: 2px !important; }

.focus-visible:focus:not(:focus-visible) {
  outline: none !important; }

.skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  background: var(--primary);
  color: var(--primary-foreground);
  padding: 0.5rem 1rem;
  text-decoration: none;
  border-radius: 8px;
  z-index: 9999; }
  .skip-link:focus {
    top: 0.5rem;
    left: 0.5rem;
    outline: 2px solid var(--ring);
    outline-offset: 2px; }

@media (prefers-contrast: high) {
  .btn, .btn-sm, .btn-lg, .dropdown .btn-dropdown,
  .card,
  .card-thumb,
  input,
  select,
  textarea {
    border-width: 2px !important; } }

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

.focus-ring:focus {
  outline: 2px solid var(--ring);
  outline-offset: 2px; }

.focus-ring-offset-0:focus {
  outline-offset: 0 !important; }

.focus-ring-offset-1:focus {
  outline-offset: 1px !important; }

.focus-ring-offset-2:focus {
  outline-offset: 2px !important; }

.focus-ring-offset-4:focus {
  outline-offset: 4px !important; }

@media (forced-colors: active) {
  .btn, .btn-sm, .btn-lg, .dropdown .btn-dropdown {
    border: 1px solid currentColor; }
  
  .card,
  .card-thumb {
    border: 1px solid currentColor; } }

.sidebar {
  grid-area: sidebar;
  background: var(--sidebar);
  color: var(--sidebar-foreground);
  border-right: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease;
  overflow-y: auto;
  padding: 0 1.25rem; }
  @media (max-width: 42em) {
    .sidebar {
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      transform: translateX(-100%);
      z-index: 1002; }
      .sidebar.active {
        transform: translateX(0); } }
  .sidebar .sidebar_logo {
    width: 100%;
    text-align: center;
    padding-top: 1rem; }
  .sidebar .sidebar_user {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0; }
    .sidebar .sidebar_user .user_thumb {
      height: 32px; }
      .sidebar .sidebar_user .user_thumb img {
        width: 32px;
        object-fit: cover;
        aspect-ratio: 1 / 1;
        border-radius: 99999px; }
        .sidebar .sidebar_user .user_thumb img:hover {
          border-color: var(--aura-500); }
    .sidebar .sidebar_user .user_data a {
      font-weight: 700;
      color: var(--sidebar-foreground); }
      .sidebar .sidebar_user .user_data a:hover {
        color: var(--aura-500); }
    .sidebar .sidebar_user .user_data p {
      font-size: 0.75rem; }
  .sidebar .sidebar_navbar {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .sidebar .sidebar_navbar .navbar_li {
      display: block;
      width: 100%; }
      .sidebar .sidebar_navbar .navbar_li.active-primary a {
        background: var(--primary);
        color: var(--white); }
        .sidebar .sidebar_navbar .navbar_li.active-primary a:hover {
          background: var(--primary);
          color: var(--white); }
      .sidebar .sidebar_navbar .navbar_li.active a {
        background: var(--sidebar-accent);
        color: var(--sidebar-foreground); }
      .sidebar .sidebar_navbar .navbar_li.li_title {
        text-transform: uppercase;
        font-size: 0.75rem;
        padding: 0.5rem 0; }
      .sidebar .sidebar_navbar .navbar_li a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 35px;
        padding: 0 1rem;
        color: var(--sidebar-foreground);
        font-size: 0.875rem;
        transition: color 0.2s;
        border-radius: 8px; }
        .sidebar .sidebar_navbar .navbar_li a i {
          margin-right: 0.5rem;
          font-size: 0.875rem;
          line-height: 1rem; }
        .sidebar .sidebar_navbar .navbar_li a:hover {
          background: var(--sidebar-accent);
          color: var(--sidebar-foreground); }
      .sidebar .sidebar_navbar .navbar_li .navbar_li_dropdown {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.3s ease-out, opacity 0.3s ease-out, margin 0.3s ease;
        background: rgba(0, 0, 0, 0.05);
        border-radius: 8px;
        margin-top: 0; }
        .sidebar .sidebar_navbar .navbar_li .navbar_li_dropdown .navbar_li_dropdown_li a {
          color: var(--sidebar-foreground);
          padding-left: 2.5rem;
          font-size: 0.9em;
          height: 32px; }
          .sidebar .sidebar_navbar .navbar_li .navbar_li_dropdown .navbar_li_dropdown_li a:hover {
            color: var(--aura-500);
            background: transparent;
            padding-left: calc(2.5rem + 5px); }
      .sidebar .sidebar_navbar .navbar_li.show > .navbar_li_dropdown {
        max-height: 500px;
        opacity: 1;
        margin-top: 0.25rem;
        margin-bottom: 0.5rem; }
    .sidebar .sidebar_navbar .li_dropdown > a {
      position: relative;
      padding-right: 2rem; }
      .sidebar .sidebar_navbar .li_dropdown > a::after {
        content: "";
        position: absolute;
        right: 1rem;
        top: 50%;
        width: 6px;
        height: 6px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: translateY(-70%) rotate(45deg);
        transition: transform 0.3s ease;
        opacity: 0.7; }
    .sidebar .sidebar_navbar .li_dropdown:hover > a::after {
      opacity: 1; }
    .sidebar .sidebar_navbar .li_dropdown.show > a::after {
      transform: translateY(-30%) rotate(225deg); }
  .sidebar .sidebar_footer {
    color: var(--color);
    text-align: center;
    font-size: 0.8rem;
    padding-top: 0.5rem;
    padding-bottom: 1rem; }
    .sidebar .sidebar_footer a {
      font-weight: bold;
      color: var(--aura-500); }
      .sidebar .sidebar_footer a:hover {
        text-decoration: underline !important; }

.navbar {
  grid-area: navbar;
  width: calc(100% - 240px);
  position: fixed;
  top: 0;
  left: 240px;
  z-index: 1000;
  background: var(--background);
  border-bottom: 1px solid var(--border); }
  @media (max-width: 42em) {
    .navbar {
      width: 100% !important;
      left: 0 !important; } }
  .navbar .container {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .navbar .container #menu-toggle {
      display: none; }
      @media (max-width: 42em) {
        .navbar .container #menu-toggle {
          display: flex; } }
    .navbar .container .navbar_actions {
      display: flex;
      align-items: center;
      gap: 0.5rem; }
    .navbar .container .navbar_button {
      width: 28px;
      height: 28px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-radius: 8px;
      transition: background-color 0.2s, color 0.2s;
      position: relative;
      color: var(--foreground);
      line-height: 0; }
      .navbar .container .navbar_button:hover {
        background: var(--aura-500);
        color: #fff; }
      .navbar .container .navbar_button .badge {
        position: absolute;
        top: -3px;
        right: -3px;
        background: var(--aura-500);
        color: var(--white);
        font-size: 0.625rem;
        font-weight: 700;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 99999px;
        line-height: 0; }
    .navbar .container .navbar_link {
      font-weight: 700;
      color: var(--foreground);
      cursor: pointer;
      line-height: 0; }
      .navbar .container .navbar_link:hover {
        color: var(--aura-500);
        text-decoration: underline !important; }
    .navbar .container .navbar_user {
      width: 38px;
      height: 38px;
      overflow: hidden;
      border-radius: 50%;
      border: 2px solid var(--gray-300);
      cursor: pointer; }
      .navbar .container .navbar_user img {
        object-fit: cover;
        aspect-ratio: 1 / 1;
        transition: all .3s ease; }
        .navbar .container .navbar_user img:hover {
          filter: opacity(0.8); }

.btn, .btn-sm, .btn-lg, .dropdown .btn-dropdown {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 700;
  font-size: 1rem;
  color: var(--foreground);
  text-align: center;
  text-decoration: none;
  white-space: nowrap !important;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 0.5rem 1rem !important;
  transition: 0.2s;
  line-height: 1; }
  .btn:hover, .btn-sm:hover, .btn-lg:hover, .dropdown .btn-dropdown:hover {
    color: var(--gray-400);
    text-decoration: none; }

.btn-sm {
  font-size: 0.875rem;
  padding: 0.25rem 0.5rem !important; }

.btn-lg {
  font-size: 1.125rem;
  padding: 0.75rem 1.25rem !important; }

.dropdown {
  position: relative; }
  .dropdown .btn-dropdown {
    justify-content: space-between; }
  .dropdown .dropdown_navbar {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 200px !important;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 0.5rem;
    display: none;
    z-index: 2000;
    box-shadow: var(--shadow-md); }
    .dropdown .dropdown_navbar.show {
      display: block; }
    .dropdown .dropdown_navbar .dropdown_navbar_li {
      display: flex;
      flex-direction: column; }
      .dropdown .dropdown_navbar .dropdown_navbar_li.navbar_li_header {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 0.75rem;
        padding: 0.5rem;
        color: var(--color); }
      .dropdown .dropdown_navbar .dropdown_navbar_li .dropdown_navbar_link {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem;
        color: var(--color);
        line-height: 1; }
        .dropdown .dropdown_navbar .dropdown_navbar_li .dropdown_navbar_link:hover {
          color: var(--aura-500); }
          .dropdown .dropdown_navbar .dropdown_navbar_li .dropdown_navbar_link:hover i {
            opacity: 1; }
        .dropdown .dropdown_navbar .dropdown_navbar_li .dropdown_navbar_link i {
          color: var(--aura-500);
          opacity: 0.5; }

.btn-aura-50 {
  color: #fff !important;
  background: #fde8f3 !important;
  border: 1px solid transparent !important; }
  .btn-aura-50:hover {
    background: #fdebf5 !important;
    color: #fff !important; }

.btn-outline-aura-50 {
  color: #fde8f3 !important;
  background: transparent !important;
  border: 1px solid #fde8f3 !important; }
  .btn-outline-aura-50:hover {
    background: #fde8f3 !important;
    color: #fff !important; }
  .btn-outline-aura-50:active, .btn-outline-aura-50:focus {
    background: #e4d1db !important;
    border-color: #e4d1db !important;
    color: #fff !important; }

.btn-aura-100 {
  color: #fff !important;
  background: #f9b7da !important;
  border: 1px solid transparent !important; }
  .btn-aura-100:hover {
    background: #fac2e0 !important;
    color: #fff !important; }

.btn-outline-aura-100 {
  color: #f9b7da !important;
  background: transparent !important;
  border: 1px solid #f9b7da !important; }
  .btn-outline-aura-100:hover {
    background: #f9b7da !important;
    color: #fff !important; }
  .btn-outline-aura-100:active, .btn-outline-aura-100:focus {
    background: #e0a5c4 !important;
    border-color: #e0a5c4 !important;
    color: #fff !important; }

.btn-aura-200 {
  color: #fff !important;
  background: #f695c9 !important;
  border: 1px solid transparent !important; }
  .btn-aura-200:hover {
    background: #f7a5d1 !important;
    color: #fff !important; }

.btn-outline-aura-200 {
  color: #f695c9 !important;
  background: transparent !important;
  border: 1px solid #f695c9 !important; }
  .btn-outline-aura-200:hover {
    background: #f695c9 !important;
    color: #fff !important; }
  .btn-outline-aura-200:active, .btn-outline-aura-200:focus {
    background: #dd86b5 !important;
    border-color: #dd86b5 !important;
    color: #fff !important; }

.btn-aura-300 {
  color: #fff !important;
  background: #f264b0 !important;
  border: 1px solid transparent !important; }
  .btn-aura-300:hover {
    background: #f47bbc !important;
    color: #fff !important; }

.btn-outline-aura-300 {
  color: #f264b0 !important;
  background: transparent !important;
  border: 1px solid #f264b0 !important; }
  .btn-outline-aura-300:hover {
    background: #f264b0 !important;
    color: #fff !important; }
  .btn-outline-aura-300:active, .btn-outline-aura-300:focus {
    background: #da5a9e !important;
    border-color: #da5a9e !important;
    color: #fff !important; }

.btn-aura-400 {
  color: #fff !important;
  background: #f046a1 !important;
  border: 1px solid transparent !important; }
  .btn-aura-400:hover {
    background: #f262af !important;
    color: #fff !important; }

.btn-outline-aura-400 {
  color: #f046a1 !important;
  background: transparent !important;
  border: 1px solid #f046a1 !important; }
  .btn-outline-aura-400:hover {
    background: #f046a1 !important;
    color: #fff !important; }
  .btn-outline-aura-400:active, .btn-outline-aura-400:focus {
    background: #d83f91 !important;
    border-color: #d83f91 !important;
    color: #fff !important; }

.btn-aura-500 {
  color: #fff !important;
  background: #ec1889 !important;
  border: 1px solid transparent !important; }
  .btn-aura-500:hover {
    background: #ef3b9b !important;
    color: #fff !important; }

.btn-outline-aura-500 {
  color: #ec1889 !important;
  background: transparent !important;
  border: 1px solid #ec1889 !important; }
  .btn-outline-aura-500:hover {
    background: #ec1889 !important;
    color: #fff !important; }
  .btn-outline-aura-500:active, .btn-outline-aura-500:focus {
    background: #d4167b !important;
    border-color: #d4167b !important;
    color: #fff !important; }

.btn-aura-600 {
  color: #fff !important;
  background: #d7167d !important;
  border: 1px solid transparent !important; }
  .btn-aura-600:hover {
    background: #dd3991 !important;
    color: #fff !important; }

.btn-outline-aura-600 {
  color: #d7167d !important;
  background: transparent !important;
  border: 1px solid #d7167d !important; }
  .btn-outline-aura-600:hover {
    background: #d7167d !important;
    color: #fff !important; }
  .btn-outline-aura-600:active, .btn-outline-aura-600:focus {
    background: #c21471 !important;
    border-color: #c21471 !important;
    color: #fff !important; }

.btn-aura-700 {
  color: #fff !important;
  background: #a81161 !important;
  border: 1px solid transparent !important; }
  .btn-aura-700:hover {
    background: #b53579 !important;
    color: #fff !important; }

.btn-outline-aura-700 {
  color: #a81161 !important;
  background: transparent !important;
  border: 1px solid #a81161 !important; }
  .btn-outline-aura-700:hover {
    background: #a81161 !important;
    color: #fff !important; }
  .btn-outline-aura-700:active, .btn-outline-aura-700:focus {
    background: #970f57 !important;
    border-color: #970f57 !important;
    color: #fff !important; }

.btn-aura-800 {
  color: #fff !important;
  background: #820d4b !important;
  border: 1px solid transparent !important; }
  .btn-aura-800:hover {
    background: #953166 !important;
    color: #fff !important; }

.btn-outline-aura-800 {
  color: #820d4b !important;
  background: transparent !important;
  border: 1px solid #820d4b !important; }
  .btn-outline-aura-800:hover {
    background: #820d4b !important;
    color: #fff !important; }
  .btn-outline-aura-800:active, .btn-outline-aura-800:focus {
    background: #750c44 !important;
    border-color: #750c44 !important;
    color: #fff !important; }

.btn-aura-900 {
  color: #fff !important;
  background: #630a3a !important;
  border: 1px solid transparent !important; }
  .btn-aura-900:hover {
    background: #7a2f58 !important;
    color: #fff !important; }

.btn-outline-aura-900 {
  color: #630a3a !important;
  background: transparent !important;
  border: 1px solid #630a3a !important; }
  .btn-outline-aura-900:hover {
    background: #630a3a !important;
    color: #fff !important; }
  .btn-outline-aura-900:active, .btn-outline-aura-900:focus {
    background: #590934 !important;
    border-color: #590934 !important;
    color: #fff !important; }

.btn-secondary-50 {
  color: #fff !important;
  background: #e6e6f0 !important;
  border: 1px solid transparent !important; }
  .btn-secondary-50:hover {
    background: #eaeaf2 !important;
    color: #fff !important; }

.btn-outline-secondary-50 {
  color: #e6e6f0 !important;
  background: transparent !important;
  border: 1px solid #e6e6f0 !important; }
  .btn-outline-secondary-50:hover {
    background: #e6e6f0 !important;
    color: #fff !important; }
  .btn-outline-secondary-50:active, .btn-outline-secondary-50:focus {
    background: #cfcfd8 !important;
    border-color: #cfcfd8 !important;
    color: #fff !important; }

.btn-secondary-100 {
  color: #fff !important;
  background: #b0b2cf !important;
  border: 1px solid transparent !important; }
  .btn-secondary-100:hover {
    background: #bcbed6 !important;
    color: #fff !important; }

.btn-outline-secondary-100 {
  color: #b0b2cf !important;
  background: transparent !important;
  border: 1px solid #b0b2cf !important; }
  .btn-outline-secondary-100:hover {
    background: #b0b2cf !important;
    color: #fff !important; }
  .btn-outline-secondary-100:active, .btn-outline-secondary-100:focus {
    background: #9ea0ba !important;
    border-color: #9ea0ba !important;
    color: #fff !important; }

.btn-secondary-200 {
  color: #fff !important;
  background: #8a8db8 !important;
  border: 1px solid transparent !important; }
  .btn-secondary-200:hover {
    background: #9c9ec3 !important;
    color: #fff !important; }

.btn-outline-secondary-200 {
  color: #8a8db8 !important;
  background: transparent !important;
  border: 1px solid #8a8db8 !important; }
  .btn-outline-secondary-200:hover {
    background: #8a8db8 !important;
    color: #fff !important; }
  .btn-outline-secondary-200:active, .btn-outline-secondary-200:focus {
    background: #7c7fa6 !important;
    border-color: #7c7fa6 !important;
    color: #fff !important; }

.btn-secondary-300 {
  color: #fff !important;
  background: #555998 !important;
  border: 1px solid transparent !important; }
  .btn-secondary-300:hover {
    background: #6f72a7 !important;
    color: #fff !important; }

.btn-outline-secondary-300 {
  color: #555998 !important;
  background: transparent !important;
  border: 1px solid #555998 !important; }
  .btn-outline-secondary-300:hover {
    background: #555998 !important;
    color: #fff !important; }
  .btn-outline-secondary-300:active, .btn-outline-secondary-300:focus {
    background: #4d5089 !important;
    border-color: #4d5089 !important;
    color: #fff !important; }

.btn-secondary-400 {
  color: #fff !important;
  background: #343984 !important;
  border: 1px solid transparent !important; }
  .btn-secondary-400:hover {
    background: #525796 !important;
    color: #fff !important; }

.btn-outline-secondary-400 {
  color: #343984 !important;
  background: transparent !important;
  border: 1px solid #343984 !important; }
  .btn-outline-secondary-400:hover {
    background: #343984 !important;
    color: #fff !important; }
  .btn-outline-secondary-400:active, .btn-outline-secondary-400:focus {
    background: #2f3377 !important;
    border-color: #2f3377 !important;
    color: #fff !important; }

.btn-secondary-500 {
  color: #fff !important;
  background: #010765 !important;
  border: 1px solid transparent !important; }
  .btn-secondary-500:hover {
    background: #272c7c !important;
    color: #fff !important; }

.btn-outline-secondary-500 {
  color: #010765 !important;
  background: transparent !important;
  border: 1px solid #010765 !important; }
  .btn-outline-secondary-500:hover {
    background: #010765 !important;
    color: #fff !important; }
  .btn-outline-secondary-500:active, .btn-outline-secondary-500:focus {
    background: #01065b !important;
    border-color: #01065b !important;
    color: #fff !important; }

.btn-secondary-600 {
  color: #fff !important;
  background: #01065c !important;
  border: 1px solid transparent !important; }
  .btn-secondary-600:hover {
    background: #272b74 !important;
    color: #fff !important; }

.btn-outline-secondary-600 {
  color: #01065c !important;
  background: transparent !important;
  border: 1px solid #01065c !important; }
  .btn-outline-secondary-600:hover {
    background: #01065c !important;
    color: #fff !important; }
  .btn-outline-secondary-600:active, .btn-outline-secondary-600:focus {
    background: #010553 !important;
    border-color: #010553 !important;
    color: #fff !important; }

.btn-secondary-700 {
  color: #fff !important;
  background: #010548 !important;
  border: 1px solid transparent !important; }
  .btn-secondary-700:hover {
    background: #272b63 !important;
    color: #fff !important; }

.btn-outline-secondary-700 {
  color: #010548 !important;
  background: transparent !important;
  border: 1px solid #010548 !important; }
  .btn-outline-secondary-700:hover {
    background: #010548 !important;
    color: #fff !important; }
  .btn-outline-secondary-700:active, .btn-outline-secondary-700:focus {
    background: #010541 !important;
    border-color: #010541 !important;
    color: #fff !important; }

.btn-secondary-800 {
  color: #fff !important;
  background: #010438 !important;
  border: 1px solid transparent !important; }
  .btn-secondary-800:hover {
    background: #272a56 !important;
    color: #fff !important; }

.btn-outline-secondary-800 {
  color: #010438 !important;
  background: transparent !important;
  border: 1px solid #010438 !important; }
  .btn-outline-secondary-800:hover {
    background: #010438 !important;
    color: #fff !important; }
  .btn-outline-secondary-800:active, .btn-outline-secondary-800:focus {
    background: #010432 !important;
    border-color: #010432 !important;
    color: #fff !important; }

.btn-secondary-900 {
  color: #fff !important;
  background: #00032a !important;
  border: 1px solid transparent !important; }
  .btn-secondary-900:hover {
    background: #26294a !important;
    color: #fff !important; }

.btn-outline-secondary-900 {
  color: #00032a !important;
  background: transparent !important;
  border: 1px solid #00032a !important; }
  .btn-outline-secondary-900:hover {
    background: #00032a !important;
    color: #fff !important; }
  .btn-outline-secondary-900:active, .btn-outline-secondary-900:focus {
    background: #000326 !important;
    border-color: #000326 !important;
    color: #fff !important; }

.btn-blue-50 {
  color: #fff !important;
  background: #e6f3ff !important;
  border: 1px solid transparent !important; }
  .btn-blue-50:hover {
    background: #eaf5ff !important;
    color: #fff !important; }

.btn-outline-blue-50 {
  color: #e6f3ff !important;
  background: transparent !important;
  border: 1px solid #e6f3ff !important; }
  .btn-outline-blue-50:hover {
    background: #e6f3ff !important;
    color: #fff !important; }
  .btn-outline-blue-50:active, .btn-outline-blue-50:focus {
    background: #cfdbe6 !important;
    border-color: #cfdbe6 !important;
    color: #fff !important; }

.btn-blue-100 {
  color: #fff !important;
  background: #b0d9ff !important;
  border: 1px solid transparent !important; }
  .btn-blue-100:hover {
    background: #bcdfff !important;
    color: #fff !important; }

.btn-outline-blue-100 {
  color: #b0d9ff !important;
  background: transparent !important;
  border: 1px solid #b0d9ff !important; }
  .btn-outline-blue-100:hover {
    background: #b0d9ff !important;
    color: #fff !important; }
  .btn-outline-blue-100:active, .btn-outline-blue-100:focus {
    background: #9ec3e6 !important;
    border-color: #9ec3e6 !important;
    color: #fff !important; }

.btn-blue-200 {
  color: #fff !important;
  background: #8ac6ff !important;
  border: 1px solid transparent !important; }
  .btn-blue-200:hover {
    background: #9ccfff !important;
    color: #fff !important; }

.btn-outline-blue-200 {
  color: #8ac6ff !important;
  background: transparent !important;
  border: 1px solid #8ac6ff !important; }
  .btn-outline-blue-200:hover {
    background: #8ac6ff !important;
    color: #fff !important; }
  .btn-outline-blue-200:active, .btn-outline-blue-200:focus {
    background: #7cb2e6 !important;
    border-color: #7cb2e6 !important;
    color: #fff !important; }

.btn-blue-300 {
  color: #fff !important;
  background: #54adff !important;
  border: 1px solid transparent !important; }
  .btn-blue-300:hover {
    background: #6eb9ff !important;
    color: #fff !important; }

.btn-outline-blue-300 {
  color: #54adff !important;
  background: transparent !important;
  border: 1px solid #54adff !important; }
  .btn-outline-blue-300:hover {
    background: #54adff !important;
    color: #fff !important; }
  .btn-outline-blue-300:active, .btn-outline-blue-300:focus {
    background: #4c9ce6 !important;
    border-color: #4c9ce6 !important;
    color: #fff !important; }

.btn-blue-400 {
  color: #fff !important;
  background: #339dff !important;
  border: 1px solid transparent !important; }
  .btn-blue-400:hover {
    background: #52acff !important;
    color: #fff !important; }

.btn-outline-blue-400 {
  color: #339dff !important;
  background: transparent !important;
  border: 1px solid #339dff !important; }
  .btn-outline-blue-400:hover {
    background: #339dff !important;
    color: #fff !important; }
  .btn-outline-blue-400:active, .btn-outline-blue-400:focus {
    background: #2e8de6 !important;
    border-color: #2e8de6 !important;
    color: #fff !important; }

.btn-blue {
  color: #fff !important;
  background: #0084ff !important;
  border: 1px solid transparent !important; }
  .btn-blue:hover {
    background: #2696ff !important;
    color: #fff !important; }

.btn-outline-blue {
  color: #0084ff !important;
  background: transparent !important;
  border: 1px solid #0084ff !important; }
  .btn-outline-blue:hover {
    background: #0084ff !important;
    color: #fff !important; }
  .btn-outline-blue:active, .btn-outline-blue:focus {
    background: #0077e6 !important;
    border-color: #0077e6 !important;
    color: #fff !important; }

.btn-blue-600 {
  color: #fff !important;
  background: #0078e8 !important;
  border: 1px solid transparent !important; }
  .btn-blue-600:hover {
    background: #268ceb !important;
    color: #fff !important; }

.btn-outline-blue-600 {
  color: #0078e8 !important;
  background: transparent !important;
  border: 1px solid #0078e8 !important; }
  .btn-outline-blue-600:hover {
    background: #0078e8 !important;
    color: #fff !important; }
  .btn-outline-blue-600:active, .btn-outline-blue-600:focus {
    background: #006cd1 !important;
    border-color: #006cd1 !important;
    color: #fff !important; }

.btn-blue-700 {
  color: #fff !important;
  background: #005eb5 !important;
  border: 1px solid transparent !important; }
  .btn-blue-700:hover {
    background: #2676c0 !important;
    color: #fff !important; }

.btn-outline-blue-700 {
  color: #005eb5 !important;
  background: transparent !important;
  border: 1px solid #005eb5 !important; }
  .btn-outline-blue-700:hover {
    background: #005eb5 !important;
    color: #fff !important; }
  .btn-outline-blue-700:active, .btn-outline-blue-700:focus {
    background: #0055a3 !important;
    border-color: #0055a3 !important;
    color: #fff !important; }

.btn-blue-800 {
  color: #fff !important;
  background: #00498c !important;
  border: 1px solid transparent !important; }
  .btn-blue-800:hover {
    background: #26649d !important;
    color: #fff !important; }

.btn-outline-blue-800 {
  color: #00498c !important;
  background: transparent !important;
  border: 1px solid #00498c !important; }
  .btn-outline-blue-800:hover {
    background: #00498c !important;
    color: #fff !important; }
  .btn-outline-blue-800:active, .btn-outline-blue-800:focus {
    background: #00427e !important;
    border-color: #00427e !important;
    color: #fff !important; }

.btn-blue-900 {
  color: #fff !important;
  background: #00376b !important;
  border: 1px solid transparent !important; }
  .btn-blue-900:hover {
    background: #265581 !important;
    color: #fff !important; }

.btn-outline-blue-900 {
  color: #00376b !important;
  background: transparent !important;
  border: 1px solid #00376b !important; }
  .btn-outline-blue-900:hover {
    background: #00376b !important;
    color: #fff !important; }
  .btn-outline-blue-900:active, .btn-outline-blue-900:focus {
    background: #003260 !important;
    border-color: #003260 !important;
    color: #fff !important; }

.btn-red-50 {
  color: #fff !important;
  background: #fdeaea !important;
  border: 1px solid transparent !important; }
  .btn-red-50:hover {
    background: #fdeded !important;
    color: #fff !important; }

.btn-outline-red-50 {
  color: #fdeaea !important;
  background: transparent !important;
  border: 1px solid #fdeaea !important; }
  .btn-outline-red-50:hover {
    background: #fdeaea !important;
    color: #fff !important; }
  .btn-outline-red-50:active, .btn-outline-red-50:focus {
    background: #e4d3d3 !important;
    border-color: #e4d3d3 !important;
    color: #fff !important; }

.btn-red-100 {
  color: #fff !important;
  background: #f8bebe !important;
  border: 1px solid transparent !important; }
  .btn-red-100:hover {
    background: #f9c8c8 !important;
    color: #fff !important; }

.btn-outline-red-100 {
  color: #f8bebe !important;
  background: transparent !important;
  border: 1px solid #f8bebe !important; }
  .btn-outline-red-100:hover {
    background: #f8bebe !important;
    color: #fff !important; }
  .btn-outline-red-100:active, .btn-outline-red-100:focus {
    background: #dfabab !important;
    border-color: #dfabab !important;
    color: #fff !important; }

.btn-red-200 {
  color: #fff !important;
  background: #f59e9e !important;
  border: 1px solid transparent !important; }
  .btn-red-200:hover {
    background: #f7adad !important;
    color: #fff !important; }

.btn-outline-red-200 {
  color: #f59e9e !important;
  background: transparent !important;
  border: 1px solid #f59e9e !important; }
  .btn-outline-red-200:hover {
    background: #f59e9e !important;
    color: #fff !important; }
  .btn-outline-red-200:active, .btn-outline-red-200:focus {
    background: #dd8e8e !important;
    border-color: #dd8e8e !important;
    color: #fff !important; }

.btn-red-300 {
  color: #fff !important;
  background: #f07272 !important;
  border: 1px solid transparent !important; }
  .btn-red-300:hover {
    background: #f28787 !important;
    color: #fff !important; }

.btn-outline-red-300 {
  color: #f07272 !important;
  background: transparent !important;
  border: 1px solid #f07272 !important; }
  .btn-outline-red-300:hover {
    background: #f07272 !important;
    color: #fff !important; }
  .btn-outline-red-300:active, .btn-outline-red-300:focus {
    background: #d86767 !important;
    border-color: #d86767 !important;
    color: #fff !important; }

.btn-red-400 {
  color: #fff !important;
  background: #ed5656 !important;
  border: 1px solid transparent !important; }
  .btn-red-400:hover {
    background: #f06f6f !important;
    color: #fff !important; }

.btn-outline-red-400 {
  color: #ed5656 !important;
  background: transparent !important;
  border: 1px solid #ed5656 !important; }
  .btn-outline-red-400:hover {
    background: #ed5656 !important;
    color: #fff !important; }
  .btn-outline-red-400:active, .btn-outline-red-400:focus {
    background: #d54d4d !important;
    border-color: #d54d4d !important;
    color: #fff !important; }

.btn-red {
  color: #fff !important;
  background: #e92c2c !important;
  border: 1px solid transparent !important; }
  .btn-red:hover {
    background: #ec4c4c !important;
    color: #fff !important; }

.btn-outline-red {
  color: #e92c2c !important;
  background: transparent !important;
  border: 1px solid #e92c2c !important; }
  .btn-outline-red:hover {
    background: #e92c2c !important;
    color: #fff !important; }
  .btn-outline-red:active, .btn-outline-red:focus {
    background: #d22828 !important;
    border-color: #d22828 !important;
    color: #fff !important; }

.btn-red-600 {
  color: #fff !important;
  background: #d42828 !important;
  border: 1px solid transparent !important; }
  .btn-red-600:hover {
    background: #da4848 !important;
    color: #fff !important; }

.btn-outline-red-600 {
  color: #d42828 !important;
  background: transparent !important;
  border: 1px solid #d42828 !important; }
  .btn-outline-red-600:hover {
    background: #d42828 !important;
    color: #fff !important; }
  .btn-outline-red-600:active, .btn-outline-red-600:focus {
    background: #bf2424 !important;
    border-color: #bf2424 !important;
    color: #fff !important; }

.btn-red-700 {
  color: #fff !important;
  background: #a51f1f !important;
  border: 1px solid transparent !important; }
  .btn-red-700:hover {
    background: #b34141 !important;
    color: #fff !important; }

.btn-outline-red-700 {
  color: #a51f1f !important;
  background: transparent !important;
  border: 1px solid #a51f1f !important; }
  .btn-outline-red-700:hover {
    background: #a51f1f !important;
    color: #fff !important; }
  .btn-outline-red-700:active, .btn-outline-red-700:focus {
    background: #951c1c !important;
    border-color: #951c1c !important;
    color: #fff !important; }

.btn-red-800 {
  color: #fff !important;
  background: #801818 !important;
  border: 1px solid transparent !important; }
  .btn-red-800:hover {
    background: #933b3b !important;
    color: #fff !important; }

.btn-outline-red-800 {
  color: #801818 !important;
  background: transparent !important;
  border: 1px solid #801818 !important; }
  .btn-outline-red-800:hover {
    background: #801818 !important;
    color: #fff !important; }
  .btn-outline-red-800:active, .btn-outline-red-800:focus {
    background: #731616 !important;
    border-color: #731616 !important;
    color: #fff !important; }

.btn-red-900 {
  color: #fff !important;
  background: #621212 !important;
  border: 1px solid transparent !important; }
  .btn-red-900:hover {
    background: #7a3636 !important;
    color: #fff !important; }

.btn-outline-red-900 {
  color: #621212 !important;
  background: transparent !important;
  border: 1px solid #621212 !important; }
  .btn-outline-red-900:hover {
    background: #621212 !important;
    color: #fff !important; }
  .btn-outline-red-900:active, .btn-outline-red-900:focus {
    background: #581010 !important;
    border-color: #581010 !important;
    color: #fff !important; }

.btn-yellow-50 {
  color: #fff !important;
  background: #fff8e6 !important;
  border: 1px solid transparent !important; }
  .btn-yellow-50:hover {
    background: #fff9ea !important;
    color: #fff !important; }

.btn-outline-yellow-50 {
  color: #fff8e6 !important;
  background: transparent !important;
  border: 1px solid #fff8e6 !important; }
  .btn-outline-yellow-50:hover {
    background: #fff8e6 !important;
    color: #fff !important; }
  .btn-outline-yellow-50:active, .btn-outline-yellow-50:focus {
    background: #e6dfcf !important;
    border-color: #e6dfcf !important;
    color: #fff !important; }

.btn-yellow-100 {
  color: #fff !important;
  background: #ffeab2 !important;
  border: 1px solid transparent !important; }
  .btn-yellow-100:hover {
    background: #ffedbe !important;
    color: #fff !important; }

.btn-outline-yellow-100 {
  color: #ffeab2 !important;
  background: transparent !important;
  border: 1px solid #ffeab2 !important; }
  .btn-outline-yellow-100:hover {
    background: #ffeab2 !important;
    color: #fff !important; }
  .btn-outline-yellow-100:active, .btn-outline-yellow-100:focus {
    background: #e6d3a0 !important;
    border-color: #e6d3a0 !important;
    color: #fff !important; }

.btn-yellow-200 {
  color: #fff !important;
  background: #ffdf8d !important;
  border: 1px solid transparent !important; }
  .btn-yellow-200:hover {
    background: #ffe49e !important;
    color: #fff !important; }

.btn-outline-yellow-200 {
  color: #ffdf8d !important;
  background: transparent !important;
  border: 1px solid #ffdf8d !important; }
  .btn-outline-yellow-200:hover {
    background: #ffdf8d !important;
    color: #fff !important; }
  .btn-outline-yellow-200:active, .btn-outline-yellow-200:focus {
    background: #e6c97f !important;
    border-color: #e6c97f !important;
    color: #fff !important; }

.btn-yellow-300 {
  color: #fff !important;
  background: #ffd15a !important;
  border: 1px solid transparent !important; }
  .btn-yellow-300:hover {
    background: #ffd873 !important;
    color: #fff !important; }

.btn-outline-yellow-300 {
  color: #ffd15a !important;
  background: transparent !important;
  border: 1px solid #ffd15a !important; }
  .btn-outline-yellow-300:hover {
    background: #ffd15a !important;
    color: #fff !important; }
  .btn-outline-yellow-300:active, .btn-outline-yellow-300:focus {
    background: #e6bc51 !important;
    border-color: #e6bc51 !important;
    color: #fff !important; }

.btn-yellow-400 {
  color: #fff !important;
  background: #ffc839 !important;
  border: 1px solid transparent !important; }
  .btn-yellow-400:hover {
    background: #ffd057 !important;
    color: #fff !important; }

.btn-outline-yellow-400 {
  color: #ffc839 !important;
  background: transparent !important;
  border: 1px solid #ffc839 !important; }
  .btn-outline-yellow-400:hover {
    background: #ffc839 !important;
    color: #fff !important; }
  .btn-outline-yellow-400:active, .btn-outline-yellow-400:focus {
    background: #e6b433 !important;
    border-color: #e6b433 !important;
    color: #fff !important; }

.btn-yellow {
  color: #fff !important;
  background: #ffba08 !important;
  border: 1px solid transparent !important; }
  .btn-yellow:hover {
    background: #ffc42d !important;
    color: #fff !important; }

.btn-outline-yellow {
  color: #ffba08 !important;
  background: transparent !important;
  border: 1px solid #ffba08 !important; }
  .btn-outline-yellow:hover {
    background: #ffba08 !important;
    color: #fff !important; }
  .btn-outline-yellow:active, .btn-outline-yellow:focus {
    background: #e6a707 !important;
    border-color: #e6a707 !important;
    color: #fff !important; }

.btn-yellow-600 {
  color: #fff !important;
  background: #e8a907 !important;
  border: 1px solid transparent !important; }
  .btn-yellow-600:hover {
    background: #ebb62c !important;
    color: #fff !important; }

.btn-outline-yellow-600 {
  color: #e8a907 !important;
  background: transparent !important;
  border: 1px solid #e8a907 !important; }
  .btn-outline-yellow-600:hover {
    background: #e8a907 !important;
    color: #fff !important; }
  .btn-outline-yellow-600:active, .btn-outline-yellow-600:focus {
    background: #d19806 !important;
    border-color: #d19806 !important;
    color: #fff !important; }

.btn-yellow-700 {
  color: #fff !important;
  background: #b58406 !important;
  border: 1px solid transparent !important; }
  .btn-yellow-700:hover {
    background: #c0962b !important;
    color: #fff !important; }

.btn-outline-yellow-700 {
  color: #b58406 !important;
  background: transparent !important;
  border: 1px solid #b58406 !important; }
  .btn-outline-yellow-700:hover {
    background: #b58406 !important;
    color: #fff !important; }
  .btn-outline-yellow-700:active, .btn-outline-yellow-700:focus {
    background: #a37705 !important;
    border-color: #a37705 !important;
    color: #fff !important; }

.btn-yellow-800 {
  color: #fff !important;
  background: #8c6604 !important;
  border: 1px solid transparent !important; }
  .btn-yellow-800:hover {
    background: #9d7d2a !important;
    color: #fff !important; }

.btn-outline-yellow-800 {
  color: #8c6604 !important;
  background: transparent !important;
  border: 1px solid #8c6604 !important; }
  .btn-outline-yellow-800:hover {
    background: #8c6604 !important;
    color: #fff !important; }
  .btn-outline-yellow-800:active, .btn-outline-yellow-800:focus {
    background: #7e5c04 !important;
    border-color: #7e5c04 !important;
    color: #fff !important; }

.btn-yellow-900 {
  color: #fff !important;
  background: #6b4e03 !important;
  border: 1px solid transparent !important; }
  .btn-yellow-900:hover {
    background: #816929 !important;
    color: #fff !important; }

.btn-outline-yellow-900 {
  color: #6b4e03 !important;
  background: transparent !important;
  border: 1px solid #6b4e03 !important; }
  .btn-outline-yellow-900:hover {
    background: #6b4e03 !important;
    color: #fff !important; }
  .btn-outline-yellow-900:active, .btn-outline-yellow-900:focus {
    background: #604603 !important;
    border-color: #604603 !important;
    color: #fff !important; }

.btn-green-50 {
  color: #fff !important;
  background: #e6f8eb !important;
  border: 1px solid transparent !important; }
  .btn-green-50:hover {
    background: #eaf9ee !important;
    color: #fff !important; }

.btn-outline-green-50 {
  color: #e6f8eb !important;
  background: transparent !important;
  border: 1px solid #e6f8eb !important; }
  .btn-outline-green-50:hover {
    background: #e6f8eb !important;
    color: #fff !important; }
  .btn-outline-green-50:active, .btn-outline-green-50:focus {
    background: #cfdfd4 !important;
    border-color: #cfdfd4 !important;
    color: #fff !important; }

.btn-green-100 {
  color: #fff !important;
  background: #b0eac0 !important;
  border: 1px solid transparent !important; }
  .btn-green-100:hover {
    background: #bcedc9 !important;
    color: #fff !important; }

.btn-outline-green-100 {
  color: #b0eac0 !important;
  background: transparent !important;
  border: 1px solid #b0eac0 !important; }
  .btn-outline-green-100:hover {
    background: #b0eac0 !important;
    color: #fff !important; }
  .btn-outline-green-100:active, .btn-outline-green-100:focus {
    background: #9ed3ad !important;
    border-color: #9ed3ad !important;
    color: #fff !important; }

.btn-green-200 {
  color: #fff !important;
  background: #8adfa2 !important;
  border: 1px solid transparent !important; }
  .btn-green-200:hover {
    background: #9ce4b0 !important;
    color: #fff !important; }

.btn-outline-green-200 {
  color: #8adfa2 !important;
  background: transparent !important;
  border: 1px solid #8adfa2 !important; }
  .btn-outline-green-200:hover {
    background: #8adfa2 !important;
    color: #fff !important; }
  .btn-outline-green-200:active, .btn-outline-green-200:focus {
    background: #7cc992 !important;
    border-color: #7cc992 !important;
    color: #fff !important; }

.btn-green-300 {
  color: #fff !important;
  background: #54d177 !important;
  border: 1px solid transparent !important; }
  .btn-green-300:hover {
    background: #6ed88b !important;
    color: #fff !important; }

.btn-outline-green-300 {
  color: #54d177 !important;
  background: transparent !important;
  border: 1px solid #54d177 !important; }
  .btn-outline-green-300:hover {
    background: #54d177 !important;
    color: #fff !important; }
  .btn-outline-green-300:active, .btn-outline-green-300:focus {
    background: #4cbc6b !important;
    border-color: #4cbc6b !important;
    color: #fff !important; }

.btn-green-400 {
  color: #fff !important;
  background: #33c85d !important;
  border: 1px solid transparent !important; }
  .btn-green-400:hover {
    background: #52d075 !important;
    color: #fff !important; }

.btn-outline-green-400 {
  color: #33c85d !important;
  background: transparent !important;
  border: 1px solid #33c85d !important; }
  .btn-outline-green-400:hover {
    background: #33c85d !important;
    color: #fff !important; }
  .btn-outline-green-400:active, .btn-outline-green-400:focus {
    background: #2eb454 !important;
    border-color: #2eb454 !important;
    color: #fff !important; }

.btn-green {
  color: #fff !important;
  background: #00ba34 !important;
  border: 1px solid transparent !important; }
  .btn-green:hover {
    background: #26c452 !important;
    color: #fff !important; }

.btn-outline-green {
  color: #00ba34 !important;
  background: transparent !important;
  border: 1px solid #00ba34 !important; }
  .btn-outline-green:hover {
    background: #00ba34 !important;
    color: #fff !important; }
  .btn-outline-green:active, .btn-outline-green:focus {
    background: #00a72f !important;
    border-color: #00a72f !important;
    color: #fff !important; }

.btn-green-600 {
  color: #fff !important;
  background: #00a92f !important;
  border: 1px solid transparent !important; }
  .btn-green-600:hover {
    background: #26b64e !important;
    color: #fff !important; }

.btn-outline-green-600 {
  color: #00a92f !important;
  background: transparent !important;
  border: 1px solid #00a92f !important; }
  .btn-outline-green-600:hover {
    background: #00a92f !important;
    color: #fff !important; }
  .btn-outline-green-600:active, .btn-outline-green-600:focus {
    background: #00982a !important;
    border-color: #00982a !important;
    color: #fff !important; }

.btn-green-700 {
  color: #fff !important;
  background: #008425 !important;
  border: 1px solid transparent !important; }
  .btn-green-700:hover {
    background: #269646 !important;
    color: #fff !important; }

.btn-outline-green-700 {
  color: #008425 !important;
  background: transparent !important;
  border: 1px solid #008425 !important; }
  .btn-outline-green-700:hover {
    background: #008425 !important;
    color: #fff !important; }
  .btn-outline-green-700:active, .btn-outline-green-700:focus {
    background: #007721 !important;
    border-color: #007721 !important;
    color: #fff !important; }

.btn-green-800 {
  color: #fff !important;
  background: #00661d !important;
  border: 1px solid transparent !important; }
  .btn-green-800:hover {
    background: #267d3f !important;
    color: #fff !important; }

.btn-outline-green-800 {
  color: #00661d !important;
  background: transparent !important;
  border: 1px solid #00661d !important; }
  .btn-outline-green-800:hover {
    background: #00661d !important;
    color: #fff !important; }
  .btn-outline-green-800:active, .btn-outline-green-800:focus {
    background: #005c1a !important;
    border-color: #005c1a !important;
    color: #fff !important; }

.btn-green-900 {
  color: #fff !important;
  background: #004e16 !important;
  border: 1px solid transparent !important; }
  .btn-green-900:hover {
    background: #266939 !important;
    color: #fff !important; }

.btn-outline-green-900 {
  color: #004e16 !important;
  background: transparent !important;
  border: 1px solid #004e16 !important; }
  .btn-outline-green-900:hover {
    background: #004e16 !important;
    color: #fff !important; }
  .btn-outline-green-900:active, .btn-outline-green-900:focus {
    background: #004614 !important;
    border-color: #004614 !important;
    color: #fff !important; }

.btn-white {
  color: #fff !important;
  background: #fff !important;
  border: 1px solid transparent !important; }
  .btn-white:hover {
    background: white !important;
    color: #fff !important; }

.btn-outline-white {
  color: #fff !important;
  background: transparent !important;
  border: 1px solid #fff !important; }
  .btn-outline-white:hover {
    background: #fff !important;
    color: #fff !important; }
  .btn-outline-white:active, .btn-outline-white:focus {
    background: #e6e6e6 !important;
    border-color: #e6e6e6 !important;
    color: #fff !important; }

.btn-gray-50 {
  color: #fff !important;
  background: #eeeeee !important;
  border: 1px solid transparent !important; }
  .btn-gray-50:hover {
    background: #f1f1f1 !important;
    color: #fff !important; }

.btn-outline-gray-50 {
  color: #eeeeee !important;
  background: transparent !important;
  border: 1px solid #eeeeee !important; }
  .btn-outline-gray-50:hover {
    background: #eeeeee !important;
    color: #fff !important; }
  .btn-outline-gray-50:active, .btn-outline-gray-50:focus {
    background: #d6d6d6 !important;
    border-color: #d6d6d6 !important;
    color: #fff !important; }

.btn-gray-100 {
  color: #fff !important;
  background: #bfbfc1 !important;
  border: 1px solid transparent !important; }
  .btn-gray-100:hover {
    background: #c9c9ca !important;
    color: #fff !important; }

.btn-outline-gray-100 {
  color: #bfbfc1 !important;
  background: transparent !important;
  border: 1px solid #bfbfc1 !important; }
  .btn-outline-gray-100:hover {
    background: #bfbfc1 !important;
    color: #fff !important; }
  .btn-outline-gray-100:active, .btn-outline-gray-100:focus {
    background: #acacae !important;
    border-color: #acacae !important;
    color: #fff !important; }

.btn-gray-200 {
  color: #fff !important;
  background: #a1a1a3 !important;
  border: 1px solid transparent !important; }
  .btn-gray-200:hover {
    background: #afafb1 !important;
    color: #fff !important; }

.btn-outline-gray-200 {
  color: #a1a1a3 !important;
  background: transparent !important;
  border: 1px solid #a1a1a3 !important; }
  .btn-outline-gray-200:hover {
    background: #a1a1a3 !important;
    color: #fff !important; }
  .btn-outline-gray-200:active, .btn-outline-gray-200:focus {
    background: #919193 !important;
    border-color: #919193 !important;
    color: #fff !important; }

.btn-gray-300 {
  color: #fff !important;
  background: #76767a !important;
  border: 1px solid transparent !important; }
  .btn-gray-300:hover {
    background: #8b8b8e !important;
    color: #fff !important; }

.btn-outline-gray-300 {
  color: #76767a !important;
  background: transparent !important;
  border: 1px solid #76767a !important; }
  .btn-outline-gray-300:hover {
    background: #76767a !important;
    color: #fff !important; }
  .btn-outline-gray-300:active, .btn-outline-gray-300:focus {
    background: #6a6a6e !important;
    border-color: #6a6a6e !important;
    color: #fff !important; }

.btn-gray-400 {
  color: #fff !important;
  background: #5b5b60 !important;
  border: 1px solid transparent !important; }
  .btn-gray-400:hover {
    background: #747478 !important;
    color: #fff !important; }

.btn-outline-gray-400 {
  color: #5b5b60 !important;
  background: transparent !important;
  border: 1px solid #5b5b60 !important; }
  .btn-outline-gray-400:hover {
    background: #5b5b60 !important;
    color: #fff !important; }
  .btn-outline-gray-400:active, .btn-outline-gray-400:focus {
    background: #525256 !important;
    border-color: #525256 !important;
    color: #fff !important; }

.btn-gray-500 {
  color: #fff !important;
  background: #323238 !important;
  border: 1px solid transparent !important; }
  .btn-gray-500:hover {
    background: #515156 !important;
    color: #fff !important; }

.btn-outline-gray-500 {
  color: #323238 !important;
  background: transparent !important;
  border: 1px solid #323238 !important; }
  .btn-outline-gray-500:hover {
    background: #323238 !important;
    color: #fff !important; }
  .btn-outline-gray-500:active, .btn-outline-gray-500:focus {
    background: #2d2d32 !important;
    border-color: #2d2d32 !important;
    color: #fff !important; }

.btn-gray-600 {
  color: #fff !important;
  background: #2e2e33 !important;
  border: 1px solid transparent !important; }
  .btn-gray-600:hover {
    background: #4d4d52 !important;
    color: #fff !important; }

.btn-outline-gray-600 {
  color: #2e2e33 !important;
  background: transparent !important;
  border: 1px solid #2e2e33 !important; }
  .btn-outline-gray-600:hover {
    background: #2e2e33 !important;
    color: #fff !important; }
  .btn-outline-gray-600:active, .btn-outline-gray-600:focus {
    background: #29292e !important;
    border-color: #29292e !important;
    color: #fff !important; }

.btn-gray-700 {
  color: #fff !important;
  background: #242428 !important;
  border: 1px solid transparent !important; }
  .btn-gray-700:hover {
    background: #454548 !important;
    color: #fff !important; }

.btn-outline-gray-700 {
  color: #242428 !important;
  background: transparent !important;
  border: 1px solid #242428 !important; }
  .btn-outline-gray-700:hover {
    background: #242428 !important;
    color: #fff !important; }
  .btn-outline-gray-700:active, .btn-outline-gray-700:focus {
    background: #202024 !important;
    border-color: #202024 !important;
    color: #fff !important; }

.btn-gray-800 {
  color: #fff !important;
  background: #1c1c1f !important;
  border: 1px solid transparent !important; }
  .btn-gray-800:hover {
    background: #3e3e41 !important;
    color: #fff !important; }

.btn-outline-gray-800 {
  color: #1c1c1f !important;
  background: transparent !important;
  border: 1px solid #1c1c1f !important; }
  .btn-outline-gray-800:hover {
    background: #1c1c1f !important;
    color: #fff !important; }
  .btn-outline-gray-800:active, .btn-outline-gray-800:focus {
    background: #19191c !important;
    border-color: #19191c !important;
    color: #fff !important; }

.btn-gray-900 {
  color: #fff !important;
  background: #0d0d10 !important;
  border: 1px solid transparent !important; }
  .btn-gray-900:hover {
    background: #313134 !important;
    color: #fff !important; }

.btn-outline-gray-900 {
  color: #0d0d10 !important;
  background: transparent !important;
  border: 1px solid #0d0d10 !important; }
  .btn-outline-gray-900:hover {
    background: #0d0d10 !important;
    color: #fff !important; }
  .btn-outline-gray-900:active, .btn-outline-gray-900:focus {
    background: #0c0c0e !important;
    border-color: #0c0c0e !important;
    color: #fff !important; }

.btn-black {
  color: #fff !important;
  background: #000 !important;
  border: 1px solid transparent !important; }
  .btn-black:hover {
    background: #262626 !important;
    color: #fff !important; }

.btn-outline-black {
  color: #000 !important;
  background: transparent !important;
  border: 1px solid #000 !important; }
  .btn-outline-black:hover {
    background: #000 !important;
    color: #fff !important; }
  .btn-outline-black:active, .btn-outline-black:focus {
    background: black !important;
    border-color: black !important;
    color: #fff !important; }

.app_form .label, .app_form_task .label, .app_form .label-sm, .app_form_task .label-sm {
  display: block;
  width: 100%;
  position: relative;
  /* Radios and Chekboxes */
  /* Inputs Groups */ }
  .app_form .label .legend, .app_form_task .label .legend, .app_form .label-sm .legend, .app_form_task .label-sm .legend {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.75rem;
    color: var(--color); }
  .app_form .label input, .app_form_task .label input, .app_form .label-sm input, .app_form_task .label-sm input,
  .app_form .label select,
  .app_form_task .label select,
  .app_form .label-sm select,
  .app_form_task .label-sm select,
  .app_form .label textarea,
  .app_form_task .label textarea,
  .app_form .label-sm textarea,
  .app_form_task .label-sm textarea {
    display: block;
    width: 100%;
    max-height: 45px;
    color: var(--foreground);
    font-size: 1rem;
    padding: 0.75rem 1rem;
    background: var(--input);
    resize: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    outline: none; }
    .app_form .label input::placeholder, .app_form_task .label input::placeholder, .app_form .label-sm input::placeholder, .app_form_task .label-sm input::placeholder,
    .app_form .label select::placeholder,
    .app_form_task .label select::placeholder,
    .app_form .label-sm select::placeholder,
    .app_form_task .label-sm select::placeholder,
    .app_form .label textarea::placeholder,
    .app_form_task .label textarea::placeholder,
    .app_form .label-sm textarea::placeholder,
    .app_form_task .label-sm textarea::placeholder {
      color: var(--foreground) !important; }
    .app_form .label input:focus, .app_form_task .label input:focus, .app_form .label-sm input:focus, .app_form_task .label-sm input:focus,
    .app_form .label select:focus,
    .app_form_task .label select:focus,
    .app_form .label-sm select:focus,
    .app_form_task .label-sm select:focus,
    .app_form .label textarea:focus,
    .app_form_task .label textarea:focus,
    .app_form .label-sm textarea:focus,
    .app_form_task .label-sm textarea:focus {
      border-color: var(--primary) !important; }
  
  .app_form .label textarea,
  .app_form_task .label textarea,
  .app_form .label-sm textarea,
  .app_form_task .label-sm textarea {
    max-height: none !important; }
  .app_form .label input[type="date"], .app_form_task .label input[type="date"], .app_form .label-sm input[type="date"], .app_form_task .label-sm input[type="date"] {
    -webkit-appearance: none;
    font-size: 1rem !important;
    max-height: 45px;
    padding: 0.75rem 1rem !important;
    font-weight: 400 !important;
    color: var(--foreground) !important; }
  .app_form .label input[type="file"]::-webkit-file-upload-button, .app_form_task .label input[type="file"]::-webkit-file-upload-button, .app_form .label-sm input[type="file"]::-webkit-file-upload-button, .app_form_task .label-sm input[type="file"]::-webkit-file-upload-button {
    background: var(--primary);
    color: var(--white);
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
    border: none;
    font-size: 0.75rem;
    cursor: pointer; }
    .app_form .label input[type="file"]::-webkit-file-upload-button:hover, .app_form_task .label input[type="file"]::-webkit-file-upload-button:hover, .app_form .label-sm input[type="file"]::-webkit-file-upload-button:hover, .app_form_task .label-sm input[type="file"]::-webkit-file-upload-button:hover {
      background: var(--aura-600); }
  .app_form .label label, .app_form_task .label label, .app_form .label-sm label, .app_form_task .label-sm label {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    max-height: 45px;
    border: 1px solid var(--border);
    border-radius: 8px;
    cursor: pointer; }
    .app_form .label label:has(input:checked), .app_form_task .label label:has(input:checked), .app_form .label-sm label:has(input:checked), .app_form_task .label-sm label:has(input:checked) {
      border: 1px solid var(--primary); }
    .app_form .label label input, .app_form_task .label label input, .app_form .label-sm label input, .app_form_task .label-sm label input {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      visibility: hidden; }
      .app_form .label label input[type="radio"] ~ u, .app_form_task .label label input[type="radio"] ~ u, .app_form .label-sm label input[type="radio"] ~ u, .app_form_task .label-sm label input[type="radio"] ~ u {
        border-radius: 99999px; }
      .app_form .label label input[type="radio"]:checked ~ u, .app_form_task .label label input[type="radio"]:checked ~ u, .app_form .label-sm label input[type="radio"]:checked ~ u, .app_form_task .label-sm label input[type="radio"]:checked ~ u {
        background: var(--primary) url(./radio.svg) no-repeat center center/50%; }
      .app_form .label label input:checked ~ u, .app_form_task .label label input:checked ~ u, .app_form .label-sm label input:checked ~ u, .app_form_task .label-sm label input:checked ~ u {
        background: var(--primary) url(./check.svg) no-repeat center center/70%; }
    .app_form .label label u, .app_form_task .label label u, .app_form .label-sm label u, .app_form_task .label-sm label u {
      display: inline-block;
      width: 20px;
      height: 20px;
      background: var(--border);
      border-radius: 8px;
      margin-right: 0.25rem; }
  .app_form .label .group, .app_form_task .label .group, .app_form .label-sm .group, .app_form_task .label-sm .group {
    display: flex;
    align-items: center;
    width: 100%;
    max-height: 45px;
    color: var(--foreground);
    padding-left: 1rem;
    font-size: 1rem;
    background: var(--input);
    border: 1px solid var(--border);
    border-radius: 8px; }
    .app_form .label .group:has(input:focus), .app_form_task .label .group:has(input:focus), .app_form .label-sm .group:has(input:focus), .app_form_task .label-sm .group:has(input:focus) {
      border-color: var(--primary); }
    .app_form .label .group input, .app_form_task .label .group input, .app_form .label-sm .group input, .app_form_task .label-sm .group input {
      border: none;
      padding: 0.75rem 1rem;
      padding-left: 0.5rem; }
      .app_form .label .group input:focus, .app_form_task .label .group input:focus, .app_form .label-sm .group input:focus, .app_form_task .label-sm .group input:focus {
        border: none; }
  .app_form .label .suggestions, .app_form_task .label .suggestions, .app_form .label-sm .suggestions, .app_form_task .label-sm .suggestions {
    width: 100%;
    margin-top: 0.25rem;
    display: none; }
    .app_form .label .suggestions .suggestion, .app_form_task .label .suggestions .suggestion, .app_form .label-sm .suggestions .suggestion, .app_form_task .label-sm .suggestions .suggestion {
      padding: 0.5rem 1rem;
      cursor: pointer;
      background: var(--input);
      color: var(--foreground); }
      .app_form .label .suggestions .suggestion:hover, .app_form_task .label .suggestions .suggestion:hover, .app_form .label-sm .suggestions .suggestion:hover, .app_form_task .label-sm .suggestions .suggestion:hover {
        background: var(--primary);
        color: var(--white); }
  .app_form .label .label-loader, .app_form_task .label .label-loader, .app_form .label-sm .label-loader, .app_form_task .label-sm .label-loader {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    display: none; }
    .app_form .label .label-loader img, .app_form_task .label .label-loader img, .app_form .label-sm .label-loader img, .app_form_task .label-sm .label-loader img {
      height: 28px; }

.app_form .label-sm input, .app_form_task .label-sm input,
.app_form .label-sm select,
.app_form_task .label-sm select,
.app_form .label-sm textarea,
.app_form_task .label-sm textarea {
  max-height: 25px;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem; }

.app_form .label-sm input[type="date"], .app_form_task .label-sm input[type="date"] {
  -webkit-appearance: none;
  font-size: 0.75rem !important;
  max-height: 25px;
  padding: 0.25rem 0.5rem !important;
  font-weight: 400 !important;
  color: var(--foreground) !important; }

.app_form .label-sm .group, .app_form_task .label-sm .group {
  max-height: 35px;
  font-size: 0.875rem;
  padding-left: 0.75rem; }
  .app_form .label-sm .group input, .app_form_task .label-sm .group input {
    padding: 0.5rem 0.75rem;
    padding-left: 0.5rem; }

.app_form_search, .app_form_search_filter, .app_form_note {
  width: 100%;
  display: flex;
  align-items: center; }
  .app_form_search input, .app_form_search_filter input, .app_form_note input, .app_form_search textarea, .app_form_search_filter textarea, .app_form_note textarea {
    display: block;
    width: 100%;
    max-height: 45px;
    color: var(--foreground);
    font-size: 1rem;
    padding: 0.75rem 1rem;
    background: var(--input);
    resize: none;
    border: 1px solid var(--border);
    border-right: none;
    border-radius: 8px 0 0 8px;
    outline: none; }
    .app_form_search input::placeholder, .app_form_search_filter input::placeholder, .app_form_note input::placeholder, .app_form_search textarea::placeholder, .app_form_search_filter textarea::placeholder, .app_form_note textarea::placeholder {
      color: var(--foreground) !important; }
  .app_form_search textarea, .app_form_search_filter textarea, .app_form_note textarea {
    max-height: none !important; }
  .app_form_search button, .app_form_search_filter button, .app_form_note button {
    height: 45px;
    border: 1px solid var(--border);
    border-left: none;
    border-radius: 0 8px 8px 0;
    background: var(--card);
    font-size: 1rem;
    padding: 0.75rem 1rem;
    color: var(--foreground);
    cursor: pointer;
    transition: 0.5s; }
    .app_form_search button:hover, .app_form_search_filter button:hover, .app_form_note button:hover {
      background: var(--sidebar-accent); }

.app_form_search_filter button[type="submit"] {
  border-radius: 0 !important; }

.app_form_search_filter button[type="button"] {
  background: var(--card);
  border-color: var(--border);
  display: flex;
  align-items: center;
  gap: 0.5rem; }
  .app_form_search_filter button[type="button"] span {
    font-size: 0.75rem; }

.app_form_note {
  gap: 0.5rem;
  align-items: center; }
  .app_form_note input, .app_form_note textarea {
    border-radius: 8px !important; }
  .app_form_note textarea {
    max-height: none !important; }
  .app_form_note .img_thumb {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .app_form_note .img_thumb img {
      width: 45px;
      object-fit: cover;
      aspect-ratio: 1 / 1;
      border-radius: 99999px;
      border: 1px solid var(--border);
      cursor: pointer; }
      .app_form_note .img_thumb img:hover {
        border-color: var(--primary); }
  .app_form_note input {
    border-radius: 8px;
    border: 1px solid var(--border); }
    .app_form_note input:focus {
      border-color: var(--primary); }

.app_form_task .label input[name="title"], .app_form_task .label-sm input[name="title"], .app_form_task .label textarea[name="title"], .app_form_task .label-sm textarea[name="title"] {
  font-size: 1.4rem;
  font-weight: 900;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: transparent;
  border-color: transparent;
  padding: 0;
  overflow: hidden; }
  .app_form_task .label input[name="title"]:focus, .app_form_task .label-sm input[name="title"]:focus, .app_form_task .label textarea[name="title"]:focus, .app_form_task .label-sm textarea[name="title"]:focus {
    border-color: transparent !important; }

.app_form_task .label textarea[name="description"], .app_form_task .label-sm textarea[name="description"] {
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: transparent;
  padding: 0;
  max-height: none; }

/** Select2 styles **/
.select2 {
  width: 0 !important;
  min-width: 100% !important; }
  .select2 .selection .select2-selection {
    display: block !important;
    width: 100% !important;
    min-height: 45px !important;
    color: var(--foreground);
    font-size: 1rem;
    background: var(--input);
    resize: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    outline: none;
    padding: 0.75rem 1rem; }
    .select2 .selection .select2-selection:focus {
      border: 1px solid var(--primary); }
    .select2 .selection .select2-selection .select2-selection__rendered {
      height: 100%;
      padding-top: 0.6rem;
      line-height: 0;
      color: var(--foreground) !important; }
    .select2 .selection .select2-selection .select2-selection__placeholder {
      color: var(--foreground) !important; }
    .select2 .selection .select2-selection .select2-selection__arrow {
      height: 16px;
      width: 16px;
      top: 1rem;
      right: 1rem; }
  .select2 .selection .select2-selection--multiple {
    height: auto !important;
    display: block;
    width: 100%;
    color: var(--foreground);
    font-size: 1rem;
    background: var(--input) !important;
    resize: none;
    border: 1px solid var(--border) !important;
    border-radius: 8px;
    outline: none;
    transition: 0.5s; }
    .select2 .selection .select2-selection--multiple:focus {
      border-color: var(--primary); }
    .select2 .selection .select2-selection--multiple .select2-search--inline .select2-search__field {
      margin-top: 0;
      height: 40px; }
    .select2 .selection .select2-selection--multiple .select2-selection__rendered {
      display: block;
      padding: 0 4px;
      line-height: 29px;
      color: var(--foreground) !important; }
    .select2 .selection .select2-selection--multiple .select2-selection__choice {
      background-color: var(--primary);
      border: 1px solid var(--aura-700);
      color: var(--white) !important;
      -webkit-border-radius: 0.3rem;
      -moz-border-radius: 0.3rem;
      border-radius: 0.3rem;
      margin: 4px 4px 0 0;
      padding: 0 0.5rem 0 1.8rem;
      font-size: 0.875rem;
      font-weight: 700;
      position: relative; }
      .select2 .selection .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 22px;
        margin: 0;
        text-align: center;
        color: var(--white);
        font-weight: bold;
        font-size: 16px;
        border-right: 1px solid var(--aura-700); }
        .select2 .selection .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
          background: var(--aura-700) !important; }

.select2-container .select2-dropdown {
  background: var(--input);
  border: none;
  z-index: 2100; }
  .select2-container .select2-dropdown .select2-search {
    padding: 0.5rem; }
    .select2-container .select2-dropdown .select2-search input {
      display: block;
      max-height: 45px;
      color: var(--foreground);
      font-size: 1rem;
      padding: 0.75rem 1rem;
      background: var(--card);
      resize: none;
      border: 1px solid var(--border);
      border-radius: 8px;
      outline: none; }
  .select2-container .select2-dropdown .select2-results {
    padding: 0.5rem; }
    .select2-container .select2-dropdown .select2-results ul {
      background: var(--input);
      border: 1px solid var(--border); }
      .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted {
        border-radius: 8px; }
      .select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
        background-color: var(--primary); }


.card,
.card-thumb {
  background: var(--card);
  color: var(--card-foreground);
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
  padding: 1rem; }
  .card .card_header, .card-thumb .card_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem; }
    .card .card_header h2, .card-thumb .card_header h2 {
      font-size: 1.125rem; }
    .card .card_header .actions, .card-thumb .card_header .actions {
      display: flex;
      align-items: center;
      gap: 0.3rem; }

.card-thumb {
  padding: 0; }
  .card-thumb .card_thumb img {
    width: 100%;
    aspect-ratio: 16 / 9; }
  .card-thumb .card_header {
    padding: 1rem 1rem 0; }
    .card-thumb .card_header a {
      font-size: 1.125rem;
      font-weight: 700;
      color: var(--card-foreground); }
      .card-thumb .card_header a:hover {
        color: var(--primary); }
  .card-thumb .card_body {
    padding: 0 1rem 1rem; }

.card-aura-50 {
  color: #fff !important;
  background: #fde8f3 !important;
  border-color: transparent !important; }

.card-aura-100 {
  color: #fff !important;
  background: #f9b7da !important;
  border-color: transparent !important; }

.card-aura-200 {
  color: #fff !important;
  background: #f695c9 !important;
  border-color: transparent !important; }

.card-aura-300 {
  color: #fff !important;
  background: #f264b0 !important;
  border-color: transparent !important; }

.card-aura-400 {
  color: #fff !important;
  background: #f046a1 !important;
  border-color: transparent !important; }

.card-aura-500 {
  color: #fff !important;
  background: #ec1889 !important;
  border-color: transparent !important; }

.card-aura-600 {
  color: #fff !important;
  background: #d7167d !important;
  border-color: transparent !important; }

.card-aura-700 {
  color: #fff !important;
  background: #a81161 !important;
  border-color: transparent !important; }

.card-aura-800 {
  color: #fff !important;
  background: #820d4b !important;
  border-color: transparent !important; }

.card-aura-900 {
  color: #fff !important;
  background: #630a3a !important;
  border-color: transparent !important; }

.card-secondary-50 {
  color: #fff !important;
  background: #e6e6f0 !important;
  border-color: transparent !important; }

.card-secondary-100 {
  color: #fff !important;
  background: #b0b2cf !important;
  border-color: transparent !important; }

.card-secondary-200 {
  color: #fff !important;
  background: #8a8db8 !important;
  border-color: transparent !important; }

.card-secondary-300 {
  color: #fff !important;
  background: #555998 !important;
  border-color: transparent !important; }

.card-secondary-400 {
  color: #fff !important;
  background: #343984 !important;
  border-color: transparent !important; }

.card-secondary-500 {
  color: #fff !important;
  background: #010765 !important;
  border-color: transparent !important; }

.card-secondary-600 {
  color: #fff !important;
  background: #01065c !important;
  border-color: transparent !important; }

.card-secondary-700 {
  color: #fff !important;
  background: #010548 !important;
  border-color: transparent !important; }

.card-secondary-800 {
  color: #fff !important;
  background: #010438 !important;
  border-color: transparent !important; }

.card-secondary-900 {
  color: #fff !important;
  background: #00032a !important;
  border-color: transparent !important; }

.card-blue-50 {
  color: #fff !important;
  background: #e6f3ff !important;
  border-color: transparent !important; }

.card-blue-100 {
  color: #fff !important;
  background: #b0d9ff !important;
  border-color: transparent !important; }

.card-blue-200 {
  color: #fff !important;
  background: #8ac6ff !important;
  border-color: transparent !important; }

.card-blue-300 {
  color: #fff !important;
  background: #54adff !important;
  border-color: transparent !important; }

.card-blue-400 {
  color: #fff !important;
  background: #339dff !important;
  border-color: transparent !important; }

.card-blue {
  color: #fff !important;
  background: #0084ff !important;
  border-color: transparent !important; }

.card-blue-600 {
  color: #fff !important;
  background: #0078e8 !important;
  border-color: transparent !important; }

.card-blue-700 {
  color: #fff !important;
  background: #005eb5 !important;
  border-color: transparent !important; }

.card-blue-800 {
  color: #fff !important;
  background: #00498c !important;
  border-color: transparent !important; }

.card-blue-900 {
  color: #fff !important;
  background: #00376b !important;
  border-color: transparent !important; }

.card-red-50 {
  color: #fff !important;
  background: #fdeaea !important;
  border-color: transparent !important; }

.card-red-100 {
  color: #fff !important;
  background: #f8bebe !important;
  border-color: transparent !important; }

.card-red-200 {
  color: #fff !important;
  background: #f59e9e !important;
  border-color: transparent !important; }

.card-red-300 {
  color: #fff !important;
  background: #f07272 !important;
  border-color: transparent !important; }

.card-red-400 {
  color: #fff !important;
  background: #ed5656 !important;
  border-color: transparent !important; }

.card-red {
  color: #fff !important;
  background: #e92c2c !important;
  border-color: transparent !important; }

.card-red-600 {
  color: #fff !important;
  background: #d42828 !important;
  border-color: transparent !important; }

.card-red-700 {
  color: #fff !important;
  background: #a51f1f !important;
  border-color: transparent !important; }

.card-red-800 {
  color: #fff !important;
  background: #801818 !important;
  border-color: transparent !important; }

.card-red-900 {
  color: #fff !important;
  background: #621212 !important;
  border-color: transparent !important; }

.card-yellow-50 {
  color: #fff !important;
  background: #fff8e6 !important;
  border-color: transparent !important; }

.card-yellow-100 {
  color: #fff !important;
  background: #ffeab2 !important;
  border-color: transparent !important; }

.card-yellow-200 {
  color: #fff !important;
  background: #ffdf8d !important;
  border-color: transparent !important; }

.card-yellow-300 {
  color: #fff !important;
  background: #ffd15a !important;
  border-color: transparent !important; }

.card-yellow-400 {
  color: #fff !important;
  background: #ffc839 !important;
  border-color: transparent !important; }

.card-yellow {
  color: #fff !important;
  background: #ffba08 !important;
  border-color: transparent !important; }

.card-yellow-600 {
  color: #fff !important;
  background: #e8a907 !important;
  border-color: transparent !important; }

.card-yellow-700 {
  color: #fff !important;
  background: #b58406 !important;
  border-color: transparent !important; }

.card-yellow-800 {
  color: #fff !important;
  background: #8c6604 !important;
  border-color: transparent !important; }

.card-yellow-900 {
  color: #fff !important;
  background: #6b4e03 !important;
  border-color: transparent !important; }

.card-green-50 {
  color: #fff !important;
  background: #e6f8eb !important;
  border-color: transparent !important; }

.card-green-100 {
  color: #fff !important;
  background: #b0eac0 !important;
  border-color: transparent !important; }

.card-green-200 {
  color: #fff !important;
  background: #8adfa2 !important;
  border-color: transparent !important; }

.card-green-300 {
  color: #fff !important;
  background: #54d177 !important;
  border-color: transparent !important; }

.card-green-400 {
  color: #fff !important;
  background: #33c85d !important;
  border-color: transparent !important; }

.card-green {
  color: #fff !important;
  background: #00ba34 !important;
  border-color: transparent !important; }

.card-green-600 {
  color: #fff !important;
  background: #00a92f !important;
  border-color: transparent !important; }

.card-green-700 {
  color: #fff !important;
  background: #008425 !important;
  border-color: transparent !important; }

.card-green-800 {
  color: #fff !important;
  background: #00661d !important;
  border-color: transparent !important; }

.card-green-900 {
  color: #fff !important;
  background: #004e16 !important;
  border-color: transparent !important; }

.card-white {
  color: #fff !important;
  background: #fff !important;
  border-color: transparent !important; }

.card-gray-50 {
  color: #fff !important;
  background: #eeeeee !important;
  border-color: transparent !important; }

.card-gray-100 {
  color: #fff !important;
  background: #bfbfc1 !important;
  border-color: transparent !important; }

.card-gray-200 {
  color: #fff !important;
  background: #a1a1a3 !important;
  border-color: transparent !important; }

.card-gray-300 {
  color: #fff !important;
  background: #76767a !important;
  border-color: transparent !important; }

.card-gray-400 {
  color: #fff !important;
  background: #5b5b60 !important;
  border-color: transparent !important; }

.card-gray-500 {
  color: #fff !important;
  background: #323238 !important;
  border-color: transparent !important; }

.card-gray-600 {
  color: #fff !important;
  background: #2e2e33 !important;
  border-color: transparent !important; }

.card-gray-700 {
  color: #fff !important;
  background: #242428 !important;
  border-color: transparent !important; }

.card-gray-800 {
  color: #fff !important;
  background: #1c1c1f !important;
  border-color: transparent !important; }

.card-gray-900 {
  color: #fff !important;
  background: #0d0d10 !important;
  border-color: transparent !important; }

.card-black {
  color: #fff !important;
  background: #000 !important;
  border-color: transparent !important; }

.list, .list-thumb {
  width: 100%;
  list-style: none; }
  .list .list_item, .list-thumb .list_item {
    padding: 0.75rem;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer; }
    .list .list_item .infors, .list-thumb .list_item .infors {
      width: 100%;
      display: flex;
      align-items: flex-start;
      gap: 0.5rem; }
      .list .list_item .infors .infors_body, .list-thumb .list_item .infors .infors_body {
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.75rem; }
        .list .list_item .infors .infors_body .body_data a, .list-thumb .list_item .infors .infors_body .body_data a {
          font-weight: 700;
          color: var(--color);
          transition: all .2s; }
          .list .list_item .infors .infors_body .body_data a:hover, .list-thumb .list_item .infors .infors_body .body_data a:hover {
            color: #ec1889; }
        .list .list_item .infors .infors_body .body_data p, .list-thumb .list_item .infors .infors_body .body_data p {
          font-size: 0.875rem;
          color: var(--color);
          margin: 0 !important; }
        .list .list_item .infors .infors_body .body_actions, .list-thumb .list_item .infors .infors_body .body_actions {
          display: flex;
          align-items: center;
          gap: 0.25rem; }

.list-thumb .infors {
  width: 100%;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 0.5rem; }
  .list-thumb .infors .infors_thumb img {
    width: 42px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 99999px;
    border: 1px solid var(--text); }

.list-aura-50 {
  background: #fde8f3 !important;
  border-color: transparent; }
  .list-aura-50 .infors .infors_body a, .list-aura-50 .infors .infors_body p {
    color: #d41278 !important; }
  .list-aura-50 .infors .infors_body a:hover {
    color: white !important; }

.list-aura-100 {
  background: #f9b7da !important;
  border-color: transparent; }
  .list-aura-100 .infors .infors_body a, .list-aura-100 .infors .infors_body p {
    color: #a30e5d !important; }
  .list-aura-100 .infors .infors_body a:hover {
    color: white !important; }

.list-aura-200 {
  background: #f695c9 !important;
  border-color: transparent; }
  .list-aura-200 .infors .infors_body a, .list-aura-200 .infors .infors_body p {
    color: #810b4a !important; }
  .list-aura-200 .infors .infors_body a:hover {
    color: white !important; }

.list-aura-300 {
  background: #f264b0 !important;
  border-color: transparent; }
  .list-aura-300 .infors .infors_body a, .list-aura-300 .infors .infors_body p {
    color: #50072e !important; }
  .list-aura-300 .infors .infors_body a:hover {
    color: #fcdaec !important; }

.list-aura-400 {
  background: #f046a1 !important;
  border-color: transparent; }
  .list-aura-400 .infors .infors_body a, .list-aura-400 .infors .infors_body p {
    color: #33041d !important; }
  .list-aura-400 .infors .infors_body a:hover {
    color: #fabcdd !important; }

.list-aura-500 {
  background: #ec1889 !important;
  border-color: transparent; }
  .list-aura-500 .infors .infors_body a, .list-aura-500 .infors .infors_body p {
    color: #050003 !important; }
  .list-aura-500 .infors .infors_body a:hover {
    color: #f68ec5 !important; }

.list-aura-600 {
  background: #d7167d !important;
  border-color: transparent; }
  .list-aura-600 .infors .infors_body a, .list-aura-600 .infors .infors_body p {
    color: #fff !important; }
  .list-aura-600 .infors .infors_body a:hover {
    color: #630a3a !important; }

.list-aura-700 {
  background: #a81161 !important;
  border-color: transparent; }
  .list-aura-700 .infors .infors_body a, .list-aura-700 .infors .infors_body p {
    color: #fff !important; }
  .list-aura-700 .infors .infors_body a:hover {
    color: #34051e !important; }

.list-aura-800 {
  background: #820d4b !important;
  border-color: transparent; }
  .list-aura-800 .infors .infors_body a, .list-aura-800 .infors .infors_body p {
    color: #fff !important; }
  .list-aura-800 .infors .infors_body a:hover {
    color: #0e0108 !important; }

.list-aura-900 {
  background: #630a3a !important;
  border-color: transparent; }
  .list-aura-900 .infors .infors_body a, .list-aura-900 .infors .infors_body p {
    color: #fff !important; }
  .list-aura-900 .infors .infors_body a:hover {
    color: black !important; }

.list-secondary-50 {
  background: #e6e6f0 !important;
  border-color: transparent; }
  .list-secondary-50 .infors .infors_body a, .list-secondary-50 .infors .infors_body p {
    color: #515186 !important; }
  .list-secondary-50 .infors .infors_body a:hover {
    color: white !important; }

.list-secondary-100 {
  background: #b0b2cf !important;
  border-color: transparent; }
  .list-secondary-100 .infors .infors_body a, .list-secondary-100 .infors .infors_body p {
    color: #303250 !important; }
  .list-secondary-100 .infors .infors_body a:hover {
    color: white !important; }

.list-secondary-200 {
  background: #8a8db8 !important;
  border-color: transparent; }
  .list-secondary-200 .infors .infors_body a, .list-secondary-200 .infors .infors_body p {
    color: #191a2a !important; }
  .list-secondary-200 .infors .infors_body a:hover {
    color: #d9dae8 !important; }

.list-secondary-300 {
  background: #555998 !important;
  border-color: transparent; }
  .list-secondary-300 .infors .infors_body a, .list-secondary-300 .infors .infors_body p {
    color: #fff !important; }
  .list-secondary-300 .infors .infors_body a:hover {
    color: #272946 !important; }

.list-secondary-400 {
  background: #343984 !important;
  border-color: transparent; }
  .list-secondary-400 .infors .infors_body a, .list-secondary-400 .infors .infors_body p {
    color: #fff !important; }
  .list-secondary-400 .infors .infors_body a:hover {
    color: #101229 !important; }

.list-secondary-500 {
  background: #010765 !important;
  border-color: transparent; }
  .list-secondary-500 .infors .infors_body a, .list-secondary-500 .infors .infors_body p {
    color: #fff !important; }
  .list-secondary-500 .infors .infors_body a:hover {
    color: black !important; }

.list-secondary-600 {
  background: #01065c !important;
  border-color: transparent; }
  .list-secondary-600 .infors .infors_body a, .list-secondary-600 .infors .infors_body p {
    color: #fff !important; }
  .list-secondary-600 .infors .infors_body a:hover {
    color: black !important; }

.list-secondary-700 {
  background: #010548 !important;
  border-color: transparent; }
  .list-secondary-700 .infors .infors_body a, .list-secondary-700 .infors .infors_body p {
    color: #fff !important; }
  .list-secondary-700 .infors .infors_body a:hover {
    color: black !important; }

.list-secondary-800 {
  background: #010438 !important;
  border-color: transparent; }
  .list-secondary-800 .infors .infors_body a, .list-secondary-800 .infors .infors_body p {
    color: #fff !important; }
  .list-secondary-800 .infors .infors_body a:hover {
    color: black !important; }

.list-secondary-900 {
  background: #00032a !important;
  border-color: transparent; }
  .list-secondary-900 .infors .infors_body a, .list-secondary-900 .infors .infors_body p {
    color: #fff !important; }
  .list-secondary-900 .infors .infors_body a:hover {
    color: black !important; }

.list-blue-50 {
  background: #e6f3ff !important;
  border-color: transparent; }
  .list-blue-50 .infors .infors_body a, .list-blue-50 .infors .infors_body p {
    color: #0078e6 !important; }
  .list-blue-50 .infors .infors_body a:hover {
    color: white !important; }

.list-blue-100 {
  background: #b0d9ff !important;
  border-color: transparent; }
  .list-blue-100 .infors .infors_body a, .list-blue-100 .infors .infors_body p {
    color: #005bb0 !important; }
  .list-blue-100 .infors .infors_body a:hover {
    color: white !important; }

.list-blue-200 {
  background: #8ac6ff !important;
  border-color: transparent; }
  .list-blue-200 .infors .infors_body a, .list-blue-200 .infors .infors_body p {
    color: #00478a !important; }
  .list-blue-200 .infors .infors_body a:hover {
    color: white !important; }

.list-blue-300 {
  background: #54adff !important;
  border-color: transparent; }
  .list-blue-300 .infors .infors_body a, .list-blue-300 .infors .infors_body p {
    color: #002c54 !important; }
  .list-blue-300 .infors .infors_body a:hover {
    color: #d4eaff !important; }

.list-blue-400 {
  background: #339dff !important;
  border-color: transparent; }
  .list-blue-400 .infors .infors_body a, .list-blue-400 .infors .infors_body p {
    color: #001b33 !important; }
  .list-blue-400 .infors .infors_body a:hover {
    color: #b3daff !important; }

.list-blue {
  background: #0084ff !important;
  border-color: transparent; }
  .list-blue .infors .infors_body a, .list-blue .infors .infors_body p {
    color: #fff !important; }
  .list-blue .infors .infors_body a:hover {
    color: #004280 !important; }

.list-blue-600 {
  background: #0078e8 !important;
  border-color: transparent; }
  .list-blue-600 .infors .infors_body a, .list-blue-600 .infors .infors_body p {
    color: #fff !important; }
  .list-blue-600 .infors .infors_body a:hover {
    color: #003669 !important; }

.list-blue-700 {
  background: #005eb5 !important;
  border-color: transparent; }
  .list-blue-700 .infors .infors_body a, .list-blue-700 .infors .infors_body p {
    color: #fff !important; }
  .list-blue-700 .infors .infors_body a:hover {
    color: #001c36 !important; }

.list-blue-800 {
  background: #00498c !important;
  border-color: transparent; }
  .list-blue-800 .infors .infors_body a, .list-blue-800 .infors .infors_body p {
    color: #fff !important; }
  .list-blue-800 .infors .infors_body a:hover {
    color: #00070d !important; }

.list-blue-900 {
  background: #00376b !important;
  border-color: transparent; }
  .list-blue-900 .infors .infors_body a, .list-blue-900 .infors .infors_body p {
    color: #fff !important; }
  .list-blue-900 .infors .infors_body a:hover {
    color: black !important; }

.list-red-50 {
  background: #fdeaea !important;
  border-color: transparent; }
  .list-red-50 .infors .infors_body a, .list-red-50 .infors .infors_body p {
    color: #d41414 !important; }
  .list-red-50 .infors .infors_body a:hover {
    color: white !important; }

.list-red-100 {
  background: #f8bebe !important;
  border-color: transparent; }
  .list-red-100 .infors .infors_body a, .list-red-100 .infors .infors_body p {
    color: #a51212 !important; }
  .list-red-100 .infors .infors_body a:hover {
    color: white !important; }

.list-red-200 {
  background: #f59e9e !important;
  border-color: transparent; }
  .list-red-200 .infors .infors_body a, .list-red-200 .infors .infors_body p {
    color: #860e0e !important; }
  .list-red-200 .infors .infors_body a:hover {
    color: white !important; }

.list-red-300 {
  background: #f07272 !important;
  border-color: transparent; }
  .list-red-300 .infors .infors_body a, .list-red-300 .infors .infors_body p {
    color: #590a0a !important; }
  .list-red-300 .infors .infors_body a:hover {
    color: #fce5e5 !important; }

.list-red-400 {
  background: #ed5656 !important;
  border-color: transparent; }
  .list-red-400 .infors .infors_body a, .list-red-400 .infors .infors_body p {
    color: #3d0707 !important; }
  .list-red-400 .infors .infors_body a:hover {
    color: #f9c9c9 !important; }

.list-red {
  background: #e92c2c !important;
  border-color: transparent; }
  .list-red .infors .infors_body a, .list-red .infors .infors_body p {
    color: #140202 !important; }
  .list-red .infors .infors_body a:hover {
    color: #f59f9f !important; }

.list-red-600 {
  background: #d42828 !important;
  border-color: transparent; }
  .list-red-600 .infors .infors_body a, .list-red-600 .infors .infors_body p {
    color: #fff !important; }
  .list-red-600 .infors .infors_body a:hover {
    color: #691414 !important; }

.list-red-700 {
  background: #a51f1f !important;
  border-color: transparent; }
  .list-red-700 .infors .infors_body a, .list-red-700 .infors .infors_body p {
    color: #fff !important; }
  .list-red-700 .infors .infors_body a:hover {
    color: #3a0b0b !important; }

.list-red-800 {
  background: #801818 !important;
  border-color: transparent; }
  .list-red-800 .infors .infors_body a, .list-red-800 .infors .infors_body p {
    color: #fff !important; }
  .list-red-800 .infors .infors_body a:hover {
    color: #150404 !important; }

.list-red-900 {
  background: #621212 !important;
  border-color: transparent; }
  .list-red-900 .infors .infors_body a, .list-red-900 .infors .infors_body p {
    color: #fff !important; }
  .list-red-900 .infors .infors_body a:hover {
    color: black !important; }

.list-yellow-50 {
  background: #fff8e6 !important;
  border-color: transparent; }
  .list-yellow-50 .infors .infors_body a, .list-yellow-50 .infors .infors_body p {
    color: #e6a600 !important; }
  .list-yellow-50 .infors .infors_body a:hover {
    color: white !important; }

.list-yellow-100 {
  background: #ffeab2 !important;
  border-color: transparent; }
  .list-yellow-100 .infors .infors_body a, .list-yellow-100 .infors .infors_body p {
    color: #b28100 !important; }
  .list-yellow-100 .infors .infors_body a:hover {
    color: white !important; }

.list-yellow-200 {
  background: #ffdf8d !important;
  border-color: transparent; }
  .list-yellow-200 .infors .infors_body a, .list-yellow-200 .infors .infors_body p {
    color: #8d6500 !important; }
  .list-yellow-200 .infors .infors_body a:hover {
    color: white !important; }

.list-yellow-300 {
  background: #ffd15a !important;
  border-color: transparent; }
  .list-yellow-300 .infors .infors_body a, .list-yellow-300 .infors .infors_body p {
    color: #5a4100 !important; }
  .list-yellow-300 .infors .infors_body a:hover {
    color: #fff5da !important; }

.list-yellow-400 {
  background: #ffc839 !important;
  border-color: transparent; }
  .list-yellow-400 .infors .infors_body a, .list-yellow-400 .infors .infors_body p {
    color: #392900 !important; }
  .list-yellow-400 .infors .infors_body a:hover {
    color: #ffebb9 !important; }

.list-yellow {
  background: #ffba08 !important;
  border-color: transparent; }
  .list-yellow .infors .infors_body a, .list-yellow .infors .infors_body p {
    color: #080600 !important; }
  .list-yellow .infors .infors_body a:hover {
    color: #ffde88 !important; }

.list-yellow-600 {
  background: #e8a907 !important;
  border-color: transparent; }
  .list-yellow-600 .infors .infors_body a, .list-yellow-600 .infors .infors_body p {
    color: #fff !important; }
  .list-yellow-600 .infors .infors_body a:hover {
    color: #6c4f03 !important; }

.list-yellow-700 {
  background: #b58406 !important;
  border-color: transparent; }
  .list-yellow-700 .infors .infors_body a, .list-yellow-700 .infors .infors_body p {
    color: #fff !important; }
  .list-yellow-700 .infors .infors_body a:hover {
    color: #3a2a02 !important; }

.list-yellow-800 {
  background: #8c6604 !important;
  border-color: transparent; }
  .list-yellow-800 .infors .infors_body a, .list-yellow-800 .infors .infors_body p {
    color: #fff !important; }
  .list-yellow-800 .infors .infors_body a:hover {
    color: #100c00 !important; }

.list-yellow-900 {
  background: #6b4e03 !important;
  border-color: transparent; }
  .list-yellow-900 .infors .infors_body a, .list-yellow-900 .infors .infors_body p {
    color: #fff !important; }
  .list-yellow-900 .infors .infors_body a:hover {
    color: black !important; }

.list-green-50 {
  background: #e6f8eb !important;
  border-color: transparent; }
  .list-green-50 .infors .infors_body a, .list-green-50 .infors .infors_body p {
    color: #31ae54 !important; }
  .list-green-50 .infors .infors_body a:hover {
    color: white !important; }

.list-green-100 {
  background: #b0eac0 !important;
  border-color: transparent; }
  .list-green-100 .infors .infors_body a, .list-green-100 .infors .infors_body p {
    color: #217a39 !important; }
  .list-green-100 .infors .infors_body a:hover {
    color: white !important; }

.list-green-200 {
  background: #8adfa2 !important;
  border-color: transparent; }
  .list-green-200 .infors .infors_body a, .list-green-200 .infors .infors_body p {
    color: #175328 !important; }
  .list-green-200 .infors .infors_body a:hover {
    color: #eefaf2 !important; }

.list-green-300 {
  background: #54d177 !important;
  border-color: transparent; }
  .list-green-300 .infors .infors_body a, .list-green-300 .infors .infors_body p {
    color: #081e0e !important; }
  .list-green-300 .infors .infors_body a:hover {
    color: #b8ecc7 !important; }

.list-green-400 {
  background: #33c85d !important;
  border-color: transparent; }
  .list-green-400 .infors .infors_body a, .list-green-400 .infors .infors_body p {
    color: #fff !important; }
  .list-green-400 .infors .infors_body a:hover {
    color: #19622e !important; }

.list-green {
  background: #00ba34 !important;
  border-color: transparent; }
  .list-green .infors .infors_body a, .list-green .infors .infors_body p {
    color: #fff !important; }
  .list-green .infors .infors_body a:hover {
    color: #003b10 !important; }

.list-green-600 {
  background: #00a92f !important;
  border-color: transparent; }
  .list-green-600 .infors .infors_body a, .list-green-600 .infors .infors_body p {
    color: #fff !important; }
  .list-green-600 .infors .infors_body a:hover {
    color: #002a0c !important; }

.list-green-700 {
  background: #008425 !important;
  border-color: transparent; }
  .list-green-700 .infors .infors_body a, .list-green-700 .infors .infors_body p {
    color: #fff !important; }
  .list-green-700 .infors .infors_body a:hover {
    color: #000501 !important; }

.list-green-800 {
  background: #00661d !important;
  border-color: transparent; }
  .list-green-800 .infors .infors_body a, .list-green-800 .infors .infors_body p {
    color: #fff !important; }
  .list-green-800 .infors .infors_body a:hover {
    color: black !important; }

.list-green-900 {
  background: #004e16 !important;
  border-color: transparent; }
  .list-green-900 .infors .infors_body a, .list-green-900 .infors .infors_body p {
    color: #fff !important; }
  .list-green-900 .infors .infors_body a:hover {
    color: black !important; }

.list-white {
  background: #fff !important;
  border-color: transparent; }
  .list-white .infors .infors_body a, .list-white .infors .infors_body p {
    color: gray !important; }
  .list-white .infors .infors_body a:hover {
    color: white !important; }

.list-gray-50 {
  background: #eeeeee !important;
  border-color: transparent; }
  .list-gray-50 .infors .infors_body a, .list-gray-50 .infors .infors_body p {
    color: #6f6f6f !important; }
  .list-gray-50 .infors .infors_body a:hover {
    color: white !important; }

.list-gray-100 {
  background: #bfbfc1 !important;
  border-color: transparent; }
  .list-gray-100 .infors .infors_body a, .list-gray-100 .infors .infors_body p {
    color: #3f3f42 !important; }
  .list-gray-100 .infors .infors_body a:hover {
    color: white !important; }

.list-gray-200 {
  background: #a1a1a3 !important;
  border-color: transparent; }
  .list-gray-200 .infors .infors_body a, .list-gray-200 .infors .infors_body p {
    color: #222223 !important; }
  .list-gray-200 .infors .infors_body a:hover {
    color: #e1e1e2 !important; }

.list-gray-300 {
  background: #76767a !important;
  border-color: transparent; }
  .list-gray-300 .infors .infors_body a, .list-gray-300 .infors .infors_body p {
    color: #fff !important; }
  .list-gray-300 .infors .infors_body a:hover {
    color: #373739 !important; }

.list-gray-400 {
  background: #5b5b60 !important;
  border-color: transparent; }
  .list-gray-400 .infors .infors_body a, .list-gray-400 .infors .infors_body p {
    color: #fff !important; }
  .list-gray-400 .infors .infors_body a:hover {
    color: #1d1d1f !important; }

.list-gray-500 {
  background: #323238 !important;
  border-color: transparent; }
  .list-gray-500 .infors .infors_body a, .list-gray-500 .infors .infors_body p {
    color: #fff !important; }
  .list-gray-500 .infors .infors_body a:hover {
    color: black !important; }

.list-gray-600 {
  background: #2e2e33 !important;
  border-color: transparent; }
  .list-gray-600 .infors .infors_body a, .list-gray-600 .infors .infors_body p {
    color: #fff !important; }
  .list-gray-600 .infors .infors_body a:hover {
    color: black !important; }

.list-gray-700 {
  background: #242428 !important;
  border-color: transparent; }
  .list-gray-700 .infors .infors_body a, .list-gray-700 .infors .infors_body p {
    color: #fff !important; }
  .list-gray-700 .infors .infors_body a:hover {
    color: black !important; }

.list-gray-800 {
  background: #1c1c1f !important;
  border-color: transparent; }
  .list-gray-800 .infors .infors_body a, .list-gray-800 .infors .infors_body p {
    color: #fff !important; }
  .list-gray-800 .infors .infors_body a:hover {
    color: black !important; }

.list-gray-900 {
  background: #0d0d10 !important;
  border-color: transparent; }
  .list-gray-900 .infors .infors_body a, .list-gray-900 .infors .infors_body p {
    color: #fff !important; }
  .list-gray-900 .infors .infors_body a:hover {
    color: black !important; }

.list-black {
  background: #000 !important;
  border-color: transparent; }
  .list-black .infors .infors_body a, .list-black .infors .infors_body p {
    color: #fff !important; }
  .list-black .infors .infors_body a:hover {
    color: black !important; }

.table-container {
  border: 1px solid var(--border);
  border-bottom: none;
  border-radius: 8px;
  overflow: visible !important; }

.table, .table-sm {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 2px;
  border-radius: 8px;
  text-indent: 0;
  unicode-bidi: isolate; }
  .table thead, .table-sm thead {
    display: table-header-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    text-align: left;
    background: var(--sidebar); }
    .table thead tr:hover, .table-sm thead tr:hover {
      background: var(--sidebar); }
  .table tr, .table-sm tr {
    display: table-row;
    unicode-bidi: isolate;
    background: transparent;
    border-bottom: 1px solid var(--border) !important; }
    .table tr:hover, .table-sm tr:hover {
      background: var(--sidebar-accent); }
    .table tr td, .table-sm tr td, .table tr th, .table-sm tr th {
      display: table-cell;
      unicode-bidi: isolate;
      padding: 0.75rem 1.25rem;
      font-size: 0.875rem; }
      @media (max-width: 42em) {
        .table tr td, .table-sm tr td, .table tr th, .table-sm tr th {
          padding: 0.5rem 1rem; } }
      .table tr td a, .table-sm tr td a, .table tr th a, .table-sm tr th a {
        color: var(--color);
        font-weight: 700; }
        .table tr td a:hover, .table-sm tr td a:hover, .table tr th a:hover, .table-sm tr th a:hover {
          color: #ec1889; }
      .table tr td .img_thumb, .table-sm tr td .img_thumb, .table tr th .img_thumb, .table-sm tr th .img_thumb {
        width: 28px;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        border-radius: 99999px;
        border: 1px solid var(--color); }
        .table tr td .img_thumb:hover, .table-sm tr td .img_thumb:hover, .table tr th .img_thumb:hover, .table-sm tr th .img_thumb:hover {
          border-color: #ec1889; }
      .table tr td .img_product, .table-sm tr td .img_product, .table tr th .img_product, .table-sm tr th .img_product {
        width: 60px;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        border-radius: 6px;
        border: 1px solid var(--color); }
        .table tr td .img_product:hover, .table-sm tr td .img_product:hover, .table tr th .img_product:hover, .table-sm tr th .img_product:hover {
          border-color: #ec1889; }
      .table tr td input, .table-sm tr td input, .table tr td select, .table-sm tr td select, .table tr th input, .table-sm tr th input, .table tr th select, .table-sm tr th select {
        background-color: transparent;
        border: none;
        font-size: 1rem;
        width: 100%;
        min-width: 100px;
        outline: none;
        color: var(--foreground); }
      .table tr td .product-search, .table-sm tr td .product-search, .table tr th .product-search, .table-sm tr th .product-search {
        position: relative; }
        .table tr td .product-search .suggestions, .table-sm tr td .product-search .suggestions, .table tr th .product-search .suggestions, .table-sm tr th .product-search .suggestions {
          position: absolute;
          display: none;
          top: 2rem;
          left: 0;
          width: 100%;
          z-index: 1500;
          border: 1px solid var(--border);
          border-radius: 8px;
          overflow: hidden; }
          .table tr td .product-search .suggestions .suggestion, .table-sm tr td .product-search .suggestions .suggestion, .table tr th .product-search .suggestions .suggestion, .table-sm tr th .product-search .suggestions .suggestion {
            padding: 0.5rem 1rem;
            cursor: pointer;
            background: var(--card);
            color: var(--foreground);
            box-shadow: 0px 2px 3px 0px #00000029, 0px 1px 2px -1px #00000029; }
            .table tr td .product-search .suggestions .suggestion:hover, .table-sm tr td .product-search .suggestions .suggestion:hover, .table tr th .product-search .suggestions .suggestion:hover, .table-sm tr th .product-search .suggestions .suggestion:hover {
              background: var(--primary);
              color: var(--white); }

.table-sm tr td, .table-sm tr th {
  padding: 0.25rem 0.5rem; }
  .table-sm tr td .img_thumb, .table-sm tr th .img_thumb {
    width: 22px; }
  .table-sm tr td .actions, .table-sm tr th .actions {
    display: flex;
    align-items: center;
    gap: 0.25rem; }
    .table-sm tr td .actions .btn-sm, .table-sm tr th .actions .btn-sm {
      padding: 0;
      width: 22px;
      height: 22px;
      display: flex;
      align-items: center;
      justify-content: center; }

.table-sm.table-header thead tr {
  background: var(--background-card); }
  .table-sm.table-header thead tr th {
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
    text-align: left; }
    .table-sm.table-header thead tr th:first-child {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 0; }
    .table-sm.table-header thead tr th:last-child {
      border-top-right-radius: 6px;
      border-bottom-right-radius: 0; }

.table-sm.table-header tbody tr {
  background: transparent; }

.tr-aura-50 {
  background: #fde8f3 !important;
  color: #fff !important; }
  .tr-aura-50 td a, .tr-aura-50 th a {
    color: #fff !important; }
    .tr-aura-50 td a:hover, .tr-aura-50 th a:hover {
      color: #f373b6 !important; }
  .tr-aura-50 td .img_thumb, .tr-aura-50 td .img_product, .tr-aura-50 th .img_thumb, .tr-aura-50 th .img_product {
    border-color: #fff !important; }
    .tr-aura-50 td .img_thumb:hover, .tr-aura-50 td .img_product:hover, .tr-aura-50 th .img_thumb:hover, .tr-aura-50 th .img_product:hover {
      border-color: #f373b6 !important; }

.tr-aura-100 {
  background: #f9b7da !important;
  color: #fff !important; }
  .tr-aura-100 td a, .tr-aura-100 th a {
    color: #fff !important; }
    .tr-aura-100 td a:hover, .tr-aura-100 th a:hover {
      color: #ef419e !important; }
  .tr-aura-100 td .img_thumb, .tr-aura-100 td .img_product, .tr-aura-100 th .img_thumb, .tr-aura-100 th .img_product {
    border-color: #fff !important; }
    .tr-aura-100 td .img_thumb:hover, .tr-aura-100 td .img_product:hover, .tr-aura-100 th .img_thumb:hover, .tr-aura-100 th .img_product:hover {
      border-color: #ef419e !important; }

.tr-aura-200 {
  background: #f695c9 !important;
  color: #fff !important; }
  .tr-aura-200 td a, .tr-aura-200 th a {
    color: #fff !important; }
    .tr-aura-200 td a:hover, .tr-aura-200 th a:hover {
      color: #ec1f8d !important; }
  .tr-aura-200 td .img_thumb, .tr-aura-200 td .img_product, .tr-aura-200 th .img_thumb, .tr-aura-200 th .img_product {
    border-color: #fff !important; }
    .tr-aura-200 td .img_thumb:hover, .tr-aura-200 td .img_product:hover, .tr-aura-200 th .img_thumb:hover, .tr-aura-200 th .img_product:hover {
      border-color: #ec1f8d !important; }

.tr-aura-300 {
  background: #f264b0 !important;
  color: #fff !important; }
  .tr-aura-300 td a, .tr-aura-300 th a {
    color: #fff !important; }
    .tr-aura-300 td a:hover, .tr-aura-300 th a:hover {
      color: #c61172 !important; }
  .tr-aura-300 td .img_thumb, .tr-aura-300 td .img_product, .tr-aura-300 th .img_thumb, .tr-aura-300 th .img_product {
    border-color: #fff !important; }
    .tr-aura-300 td .img_thumb:hover, .tr-aura-300 td .img_product:hover, .tr-aura-300 th .img_thumb:hover, .tr-aura-300 th .img_product:hover {
      border-color: #c61172 !important; }

.tr-aura-400 {
  background: #f046a1 !important;
  color: #fff !important; }
  .tr-aura-400 td a, .tr-aura-400 th a {
    color: #fff !important; }
    .tr-aura-400 td a:hover, .tr-aura-400 th a:hover {
      color: #a90e61 !important; }
  .tr-aura-400 td .img_thumb, .tr-aura-400 td .img_product, .tr-aura-400 th .img_thumb, .tr-aura-400 th .img_product {
    border-color: #fff !important; }
    .tr-aura-400 td .img_thumb:hover, .tr-aura-400 td .img_product:hover, .tr-aura-400 th .img_thumb:hover, .tr-aura-400 th .img_product:hover {
      border-color: #a90e61 !important; }

.tr-aura-500 {
  background: #ec1889 !important;
  color: #fff !important; }
  .tr-aura-500 td a, .tr-aura-500 th a {
    color: #fff !important; }
    .tr-aura-500 td a:hover, .tr-aura-500 th a:hover {
      color: #7a0a46 !important; }
  .tr-aura-500 td .img_thumb, .tr-aura-500 td .img_product, .tr-aura-500 th .img_thumb, .tr-aura-500 th .img_product {
    border-color: #fff !important; }
    .tr-aura-500 td .img_thumb:hover, .tr-aura-500 td .img_product:hover, .tr-aura-500 th .img_thumb:hover, .tr-aura-500 th .img_product:hover {
      border-color: #7a0a46 !important; }

.tr-aura-600 {
  background: #d7167d !important;
  color: #fff !important; }
  .tr-aura-600 td a, .tr-aura-600 th a {
    color: #fff !important; }
    .tr-aura-600 td a:hover, .tr-aura-600 th a:hover {
      color: #630a3a !important; }
  .tr-aura-600 td .img_thumb, .tr-aura-600 td .img_product, .tr-aura-600 th .img_thumb, .tr-aura-600 th .img_product {
    border-color: #fff !important; }
    .tr-aura-600 td .img_thumb:hover, .tr-aura-600 td .img_product:hover, .tr-aura-600 th .img_thumb:hover, .tr-aura-600 th .img_product:hover {
      border-color: #630a3a !important; }

.tr-aura-700 {
  background: #a81161 !important;
  color: #fff !important; }
  .tr-aura-700 td a, .tr-aura-700 th a {
    color: #fff !important; }
    .tr-aura-700 td a:hover, .tr-aura-700 th a:hover {
      color: #34051e !important; }
  .tr-aura-700 td .img_thumb, .tr-aura-700 td .img_product, .tr-aura-700 th .img_thumb, .tr-aura-700 th .img_product {
    border-color: #fff !important; }
    .tr-aura-700 td .img_thumb:hover, .tr-aura-700 td .img_product:hover, .tr-aura-700 th .img_thumb:hover, .tr-aura-700 th .img_product:hover {
      border-color: #34051e !important; }

.tr-aura-800 {
  background: #820d4b !important;
  color: #fff !important; }
  .tr-aura-800 td a, .tr-aura-800 th a {
    color: #fff !important; }
    .tr-aura-800 td a:hover, .tr-aura-800 th a:hover {
      color: #0e0108 !important; }
  .tr-aura-800 td .img_thumb, .tr-aura-800 td .img_product, .tr-aura-800 th .img_thumb, .tr-aura-800 th .img_product {
    border-color: #fff !important; }
    .tr-aura-800 td .img_thumb:hover, .tr-aura-800 td .img_product:hover, .tr-aura-800 th .img_thumb:hover, .tr-aura-800 th .img_product:hover {
      border-color: #0e0108 !important; }

.tr-aura-900 {
  background: #630a3a !important;
  color: #fff !important; }
  .tr-aura-900 td a, .tr-aura-900 th a {
    color: #fff !important; }
    .tr-aura-900 td a:hover, .tr-aura-900 th a:hover {
      color: black !important; }
  .tr-aura-900 td .img_thumb, .tr-aura-900 td .img_product, .tr-aura-900 th .img_thumb, .tr-aura-900 th .img_product {
    border-color: #fff !important; }
    .tr-aura-900 td .img_thumb:hover, .tr-aura-900 td .img_product:hover, .tr-aura-900 th .img_thumb:hover, .tr-aura-900 th .img_product:hover {
      border-color: black !important; }

.tr-secondary-50 {
  background: #e6e6f0 !important;
  color: #fff !important; }
  .tr-secondary-50 td a, .tr-secondary-50 th a {
    color: #fff !important; }
    .tr-secondary-50 td a:hover, .tr-secondary-50 th a:hover {
      color: #9696c0 !important; }
  .tr-secondary-50 td .img_thumb, .tr-secondary-50 td .img_product, .tr-secondary-50 th .img_thumb, .tr-secondary-50 th .img_product {
    border-color: #fff !important; }
    .tr-secondary-50 td .img_thumb:hover, .tr-secondary-50 td .img_product:hover, .tr-secondary-50 th .img_thumb:hover, .tr-secondary-50 th .img_product:hover {
      border-color: #9696c0 !important; }

.tr-secondary-100 {
  background: #b0b2cf !important;
  color: #fff !important; }
  .tr-secondary-100 td a, .tr-secondary-100 th a {
    color: #fff !important; }
    .tr-secondary-100 td a:hover, .tr-secondary-100 th a:hover {
      color: #61659f !important; }
  .tr-secondary-100 td .img_thumb, .tr-secondary-100 td .img_product, .tr-secondary-100 th .img_thumb, .tr-secondary-100 th .img_product {
    border-color: #fff !important; }
    .tr-secondary-100 td .img_thumb:hover, .tr-secondary-100 td .img_product:hover, .tr-secondary-100 th .img_thumb:hover, .tr-secondary-100 th .img_product:hover {
      border-color: #61659f !important; }

.tr-secondary-200 {
  background: #8a8db8 !important;
  color: #fff !important; }
  .tr-secondary-200 td a, .tr-secondary-200 th a {
    color: #fff !important; }
    .tr-secondary-200 td a:hover, .tr-secondary-200 th a:hover {
      color: #494d79 !important; }
  .tr-secondary-200 td .img_thumb, .tr-secondary-200 td .img_product, .tr-secondary-200 th .img_thumb, .tr-secondary-200 th .img_product {
    border-color: #fff !important; }
    .tr-secondary-200 td .img_thumb:hover, .tr-secondary-200 td .img_product:hover, .tr-secondary-200 th .img_thumb:hover, .tr-secondary-200 th .img_product:hover {
      border-color: #494d79 !important; }

.tr-secondary-300 {
  background: #555998 !important;
  color: #fff !important; }
  .tr-secondary-300 td a, .tr-secondary-300 th a {
    color: #fff !important; }
    .tr-secondary-300 td a:hover, .tr-secondary-300 th a:hover {
      color: #272946 !important; }
  .tr-secondary-300 td .img_thumb, .tr-secondary-300 td .img_product, .tr-secondary-300 th .img_thumb, .tr-secondary-300 th .img_product {
    border-color: #fff !important; }
    .tr-secondary-300 td .img_thumb:hover, .tr-secondary-300 td .img_product:hover, .tr-secondary-300 th .img_thumb:hover, .tr-secondary-300 th .img_product:hover {
      border-color: #272946 !important; }

.tr-secondary-400 {
  background: #343984 !important;
  color: #fff !important; }
  .tr-secondary-400 td a, .tr-secondary-400 th a {
    color: #fff !important; }
    .tr-secondary-400 td a:hover, .tr-secondary-400 th a:hover {
      color: #101229 !important; }
  .tr-secondary-400 td .img_thumb, .tr-secondary-400 td .img_product, .tr-secondary-400 th .img_thumb, .tr-secondary-400 th .img_product {
    border-color: #fff !important; }
    .tr-secondary-400 td .img_thumb:hover, .tr-secondary-400 td .img_product:hover, .tr-secondary-400 th .img_thumb:hover, .tr-secondary-400 th .img_product:hover {
      border-color: #101229 !important; }

.tr-secondary-500 {
  background: #010765 !important;
  color: #fff !important; }
  .tr-secondary-500 td a, .tr-secondary-500 th a {
    color: #fff !important; }
    .tr-secondary-500 td a:hover, .tr-secondary-500 th a:hover {
      color: black !important; }
  .tr-secondary-500 td .img_thumb, .tr-secondary-500 td .img_product, .tr-secondary-500 th .img_thumb, .tr-secondary-500 th .img_product {
    border-color: #fff !important; }
    .tr-secondary-500 td .img_thumb:hover, .tr-secondary-500 td .img_product:hover, .tr-secondary-500 th .img_thumb:hover, .tr-secondary-500 th .img_product:hover {
      border-color: black !important; }

.tr-secondary-600 {
  background: #01065c !important;
  color: #fff !important; }
  .tr-secondary-600 td a, .tr-secondary-600 th a {
    color: #fff !important; }
    .tr-secondary-600 td a:hover, .tr-secondary-600 th a:hover {
      color: black !important; }
  .tr-secondary-600 td .img_thumb, .tr-secondary-600 td .img_product, .tr-secondary-600 th .img_thumb, .tr-secondary-600 th .img_product {
    border-color: #fff !important; }
    .tr-secondary-600 td .img_thumb:hover, .tr-secondary-600 td .img_product:hover, .tr-secondary-600 th .img_thumb:hover, .tr-secondary-600 th .img_product:hover {
      border-color: black !important; }

.tr-secondary-700 {
  background: #010548 !important;
  color: #fff !important; }
  .tr-secondary-700 td a, .tr-secondary-700 th a {
    color: #fff !important; }
    .tr-secondary-700 td a:hover, .tr-secondary-700 th a:hover {
      color: black !important; }
  .tr-secondary-700 td .img_thumb, .tr-secondary-700 td .img_product, .tr-secondary-700 th .img_thumb, .tr-secondary-700 th .img_product {
    border-color: #fff !important; }
    .tr-secondary-700 td .img_thumb:hover, .tr-secondary-700 td .img_product:hover, .tr-secondary-700 th .img_thumb:hover, .tr-secondary-700 th .img_product:hover {
      border-color: black !important; }

.tr-secondary-800 {
  background: #010438 !important;
  color: #fff !important; }
  .tr-secondary-800 td a, .tr-secondary-800 th a {
    color: #fff !important; }
    .tr-secondary-800 td a:hover, .tr-secondary-800 th a:hover {
      color: black !important; }
  .tr-secondary-800 td .img_thumb, .tr-secondary-800 td .img_product, .tr-secondary-800 th .img_thumb, .tr-secondary-800 th .img_product {
    border-color: #fff !important; }
    .tr-secondary-800 td .img_thumb:hover, .tr-secondary-800 td .img_product:hover, .tr-secondary-800 th .img_thumb:hover, .tr-secondary-800 th .img_product:hover {
      border-color: black !important; }

.tr-secondary-900 {
  background: #00032a !important;
  color: #fff !important; }
  .tr-secondary-900 td a, .tr-secondary-900 th a {
    color: #fff !important; }
    .tr-secondary-900 td a:hover, .tr-secondary-900 th a:hover {
      color: black !important; }
  .tr-secondary-900 td .img_thumb, .tr-secondary-900 td .img_product, .tr-secondary-900 th .img_thumb, .tr-secondary-900 th .img_product {
    border-color: #fff !important; }
    .tr-secondary-900 td .img_thumb:hover, .tr-secondary-900 td .img_product:hover, .tr-secondary-900 th .img_thumb:hover, .tr-secondary-900 th .img_product:hover {
      border-color: black !important; }

.tr-blue-50 {
  background: #e6f3ff !important;
  color: #fff !important; }
  .tr-blue-50 td a, .tr-blue-50 th a {
    color: #fff !important; }
    .tr-blue-50 td a:hover, .tr-blue-50 th a:hover {
      color: #67b6ff !important; }
  .tr-blue-50 td .img_thumb, .tr-blue-50 td .img_product, .tr-blue-50 th .img_thumb, .tr-blue-50 th .img_product {
    border-color: #fff !important; }
    .tr-blue-50 td .img_thumb:hover, .tr-blue-50 td .img_product:hover, .tr-blue-50 th .img_thumb:hover, .tr-blue-50 th .img_product:hover {
      border-color: #67b6ff !important; }

.tr-blue-100 {
  background: #b0d9ff !important;
  color: #fff !important; }
  .tr-blue-100 td a, .tr-blue-100 th a {
    color: #fff !important; }
    .tr-blue-100 td a:hover, .tr-blue-100 th a:hover {
      color: #319cff !important; }
  .tr-blue-100 td .img_thumb, .tr-blue-100 td .img_product, .tr-blue-100 th .img_thumb, .tr-blue-100 th .img_product {
    border-color: #fff !important; }
    .tr-blue-100 td .img_thumb:hover, .tr-blue-100 td .img_product:hover, .tr-blue-100 th .img_thumb:hover, .tr-blue-100 th .img_product:hover {
      border-color: #319cff !important; }

.tr-blue-200 {
  background: #8ac6ff !important;
  color: #fff !important; }
  .tr-blue-200 td a, .tr-blue-200 th a {
    color: #fff !important; }
    .tr-blue-200 td a:hover, .tr-blue-200 th a:hover {
      color: #0b88ff !important; }
  .tr-blue-200 td .img_thumb, .tr-blue-200 td .img_product, .tr-blue-200 th .img_thumb, .tr-blue-200 th .img_product {
    border-color: #fff !important; }
    .tr-blue-200 td .img_thumb:hover, .tr-blue-200 td .img_product:hover, .tr-blue-200 th .img_thumb:hover, .tr-blue-200 th .img_product:hover {
      border-color: #0b88ff !important; }

.tr-blue-300 {
  background: #54adff !important;
  color: #fff !important; }
  .tr-blue-300 td a, .tr-blue-300 th a {
    color: #fff !important; }
    .tr-blue-300 td a:hover, .tr-blue-300 th a:hover {
      color: #006ed4 !important; }
  .tr-blue-300 td .img_thumb, .tr-blue-300 td .img_product, .tr-blue-300 th .img_thumb, .tr-blue-300 th .img_product {
    border-color: #fff !important; }
    .tr-blue-300 td .img_thumb:hover, .tr-blue-300 td .img_product:hover, .tr-blue-300 th .img_thumb:hover, .tr-blue-300 th .img_product:hover {
      border-color: #006ed4 !important; }

.tr-blue-400 {
  background: #339dff !important;
  color: #fff !important; }
  .tr-blue-400 td a, .tr-blue-400 th a {
    color: #fff !important; }
    .tr-blue-400 td a:hover, .tr-blue-400 th a:hover {
      color: #005db3 !important; }
  .tr-blue-400 td .img_thumb, .tr-blue-400 td .img_product, .tr-blue-400 th .img_thumb, .tr-blue-400 th .img_product {
    border-color: #fff !important; }
    .tr-blue-400 td .img_thumb:hover, .tr-blue-400 td .img_product:hover, .tr-blue-400 th .img_thumb:hover, .tr-blue-400 th .img_product:hover {
      border-color: #005db3 !important; }

.tr-blue {
  background: #0084ff !important;
  color: #fff !important; }
  .tr-blue td a, .tr-blue th a {
    color: #fff !important; }
    .tr-blue td a:hover, .tr-blue th a:hover {
      color: #004280 !important; }
  .tr-blue td .img_thumb, .tr-blue td .img_product, .tr-blue th .img_thumb, .tr-blue th .img_product {
    border-color: #fff !important; }
    .tr-blue td .img_thumb:hover, .tr-blue td .img_product:hover, .tr-blue th .img_thumb:hover, .tr-blue th .img_product:hover {
      border-color: #004280 !important; }

.tr-blue-600 {
  background: #0078e8 !important;
  color: #fff !important; }
  .tr-blue-600 td a, .tr-blue-600 th a {
    color: #fff !important; }
    .tr-blue-600 td a:hover, .tr-blue-600 th a:hover {
      color: #003669 !important; }
  .tr-blue-600 td .img_thumb, .tr-blue-600 td .img_product, .tr-blue-600 th .img_thumb, .tr-blue-600 th .img_product {
    border-color: #fff !important; }
    .tr-blue-600 td .img_thumb:hover, .tr-blue-600 td .img_product:hover, .tr-blue-600 th .img_thumb:hover, .tr-blue-600 th .img_product:hover {
      border-color: #003669 !important; }

.tr-blue-700 {
  background: #005eb5 !important;
  color: #fff !important; }
  .tr-blue-700 td a, .tr-blue-700 th a {
    color: #fff !important; }
    .tr-blue-700 td a:hover, .tr-blue-700 th a:hover {
      color: #001c36 !important; }
  .tr-blue-700 td .img_thumb, .tr-blue-700 td .img_product, .tr-blue-700 th .img_thumb, .tr-blue-700 th .img_product {
    border-color: #fff !important; }
    .tr-blue-700 td .img_thumb:hover, .tr-blue-700 td .img_product:hover, .tr-blue-700 th .img_thumb:hover, .tr-blue-700 th .img_product:hover {
      border-color: #001c36 !important; }

.tr-blue-800 {
  background: #00498c !important;
  color: #fff !important; }
  .tr-blue-800 td a, .tr-blue-800 th a {
    color: #fff !important; }
    .tr-blue-800 td a:hover, .tr-blue-800 th a:hover {
      color: #00070d !important; }
  .tr-blue-800 td .img_thumb, .tr-blue-800 td .img_product, .tr-blue-800 th .img_thumb, .tr-blue-800 th .img_product {
    border-color: #fff !important; }
    .tr-blue-800 td .img_thumb:hover, .tr-blue-800 td .img_product:hover, .tr-blue-800 th .img_thumb:hover, .tr-blue-800 th .img_product:hover {
      border-color: #00070d !important; }

.tr-blue-900 {
  background: #00376b !important;
  color: #fff !important; }
  .tr-blue-900 td a, .tr-blue-900 th a {
    color: #fff !important; }
    .tr-blue-900 td a:hover, .tr-blue-900 th a:hover {
      color: black !important; }
  .tr-blue-900 td .img_thumb, .tr-blue-900 td .img_product, .tr-blue-900 th .img_thumb, .tr-blue-900 th .img_product {
    border-color: #fff !important; }
    .tr-blue-900 td .img_thumb:hover, .tr-blue-900 td .img_product:hover, .tr-blue-900 th .img_thumb:hover, .tr-blue-900 th .img_product:hover {
      border-color: black !important; }

.tr-red-50 {
  background: #fdeaea !important;
  color: #fff !important; }
  .tr-red-50 td a, .tr-red-50 th a {
    color: #fff !important; }
    .tr-red-50 td a:hover, .tr-red-50 th a:hover {
      color: #f27676 !important; }
  .tr-red-50 td .img_thumb, .tr-red-50 td .img_product, .tr-red-50 th .img_thumb, .tr-red-50 th .img_product {
    border-color: #fff !important; }
    .tr-red-50 td .img_thumb:hover, .tr-red-50 td .img_product:hover, .tr-red-50 th .img_thumb:hover, .tr-red-50 th .img_product:hover {
      border-color: #f27676 !important; }

.tr-red-100 {
  background: #f8bebe !important;
  color: #fff !important; }
  .tr-red-100 td a, .tr-red-100 th a {
    color: #fff !important; }
    .tr-red-100 td a:hover, .tr-red-100 th a:hover {
      color: #ec4b4b !important; }
  .tr-red-100 td .img_thumb, .tr-red-100 td .img_product, .tr-red-100 th .img_thumb, .tr-red-100 th .img_product {
    border-color: #fff !important; }
    .tr-red-100 td .img_thumb:hover, .tr-red-100 td .img_product:hover, .tr-red-100 th .img_thumb:hover, .tr-red-100 th .img_product:hover {
      border-color: #ec4b4b !important; }

.tr-red-200 {
  background: #f59e9e !important;
  color: #fff !important; }
  .tr-red-200 td a, .tr-red-200 th a {
    color: #fff !important; }
    .tr-red-200 td a:hover, .tr-red-200 th a:hover {
      color: #e92a2a !important; }
  .tr-red-200 td .img_thumb, .tr-red-200 td .img_product, .tr-red-200 th .img_thumb, .tr-red-200 th .img_product {
    border-color: #fff !important; }
    .tr-red-200 td .img_thumb:hover, .tr-red-200 td .img_product:hover, .tr-red-200 th .img_thumb:hover, .tr-red-200 th .img_product:hover {
      border-color: #e92a2a !important; }

.tr-red-300 {
  background: #f07272 !important;
  color: #fff !important; }
  .tr-red-300 td a, .tr-red-300 th a {
    color: #fff !important; }
    .tr-red-300 td a:hover, .tr-red-300 th a:hover {
      color: #cd1616 !important; }
  .tr-red-300 td .img_thumb, .tr-red-300 td .img_product, .tr-red-300 th .img_thumb, .tr-red-300 th .img_product {
    border-color: #fff !important; }
    .tr-red-300 td .img_thumb:hover, .tr-red-300 td .img_product:hover, .tr-red-300 th .img_thumb:hover, .tr-red-300 th .img_product:hover {
      border-color: #cd1616 !important; }

.tr-red-400 {
  background: #ed5656 !important;
  color: #fff !important; }
  .tr-red-400 td a, .tr-red-400 th a {
    color: #fff !important; }
    .tr-red-400 td a:hover, .tr-red-400 th a:hover {
      color: #b11313 !important; }
  .tr-red-400 td .img_thumb, .tr-red-400 td .img_product, .tr-red-400 th .img_thumb, .tr-red-400 th .img_product {
    border-color: #fff !important; }
    .tr-red-400 td .img_thumb:hover, .tr-red-400 td .img_product:hover, .tr-red-400 th .img_thumb:hover, .tr-red-400 th .img_product:hover {
      border-color: #b11313 !important; }

.tr-red {
  background: #e92c2c !important;
  color: #fff !important; }
  .tr-red td a, .tr-red th a {
    color: #fff !important; }
    .tr-red td a:hover, .tr-red th a:hover {
      color: #870e0e !important; }
  .tr-red td .img_thumb, .tr-red td .img_product, .tr-red th .img_thumb, .tr-red th .img_product {
    border-color: #fff !important; }
    .tr-red td .img_thumb:hover, .tr-red td .img_product:hover, .tr-red th .img_thumb:hover, .tr-red th .img_product:hover {
      border-color: #870e0e !important; }

.tr-red-600 {
  background: #d42828 !important;
  color: #fff !important; }
  .tr-red-600 td a, .tr-red-600 th a {
    color: #fff !important; }
    .tr-red-600 td a:hover, .tr-red-600 th a:hover {
      color: #691414 !important; }
  .tr-red-600 td .img_thumb, .tr-red-600 td .img_product, .tr-red-600 th .img_thumb, .tr-red-600 th .img_product {
    border-color: #fff !important; }
    .tr-red-600 td .img_thumb:hover, .tr-red-600 td .img_product:hover, .tr-red-600 th .img_thumb:hover, .tr-red-600 th .img_product:hover {
      border-color: #691414 !important; }

.tr-red-700 {
  background: #a51f1f !important;
  color: #fff !important; }
  .tr-red-700 td a, .tr-red-700 th a {
    color: #fff !important; }
    .tr-red-700 td a:hover, .tr-red-700 th a:hover {
      color: #3a0b0b !important; }
  .tr-red-700 td .img_thumb, .tr-red-700 td .img_product, .tr-red-700 th .img_thumb, .tr-red-700 th .img_product {
    border-color: #fff !important; }
    .tr-red-700 td .img_thumb:hover, .tr-red-700 td .img_product:hover, .tr-red-700 th .img_thumb:hover, .tr-red-700 th .img_product:hover {
      border-color: #3a0b0b !important; }

.tr-red-800 {
  background: #801818 !important;
  color: #fff !important; }
  .tr-red-800 td a, .tr-red-800 th a {
    color: #fff !important; }
    .tr-red-800 td a:hover, .tr-red-800 th a:hover {
      color: #150404 !important; }
  .tr-red-800 td .img_thumb, .tr-red-800 td .img_product, .tr-red-800 th .img_thumb, .tr-red-800 th .img_product {
    border-color: #fff !important; }
    .tr-red-800 td .img_thumb:hover, .tr-red-800 td .img_product:hover, .tr-red-800 th .img_thumb:hover, .tr-red-800 th .img_product:hover {
      border-color: #150404 !important; }

.tr-red-900 {
  background: #621212 !important;
  color: #fff !important; }
  .tr-red-900 td a, .tr-red-900 th a {
    color: #fff !important; }
    .tr-red-900 td a:hover, .tr-red-900 th a:hover {
      color: black !important; }
  .tr-red-900 td .img_thumb, .tr-red-900 td .img_product, .tr-red-900 th .img_thumb, .tr-red-900 th .img_product {
    border-color: #fff !important; }
    .tr-red-900 td .img_thumb:hover, .tr-red-900 td .img_product:hover, .tr-red-900 th .img_thumb:hover, .tr-red-900 th .img_product:hover {
      border-color: black !important; }

.tr-yellow-50 {
  background: #fff8e6 !important;
  color: #fff !important; }
  .tr-yellow-50 td a, .tr-yellow-50 th a {
    color: #fff !important; }
    .tr-yellow-50 td a:hover, .tr-yellow-50 th a:hover {
      color: #ffd467 !important; }
  .tr-yellow-50 td .img_thumb, .tr-yellow-50 td .img_product, .tr-yellow-50 th .img_thumb, .tr-yellow-50 th .img_product {
    border-color: #fff !important; }
    .tr-yellow-50 td .img_thumb:hover, .tr-yellow-50 td .img_product:hover, .tr-yellow-50 th .img_thumb:hover, .tr-yellow-50 th .img_product:hover {
      border-color: #ffd467 !important; }

.tr-yellow-100 {
  background: #ffeab2 !important;
  color: #fff !important; }
  .tr-yellow-100 td a, .tr-yellow-100 th a {
    color: #fff !important; }
    .tr-yellow-100 td a:hover, .tr-yellow-100 th a:hover {
      color: #ffc733 !important; }
  .tr-yellow-100 td .img_thumb, .tr-yellow-100 td .img_product, .tr-yellow-100 th .img_thumb, .tr-yellow-100 th .img_product {
    border-color: #fff !important; }
    .tr-yellow-100 td .img_thumb:hover, .tr-yellow-100 td .img_product:hover, .tr-yellow-100 th .img_thumb:hover, .tr-yellow-100 th .img_product:hover {
      border-color: #ffc733 !important; }

.tr-yellow-200 {
  background: #ffdf8d !important;
  color: #fff !important; }
  .tr-yellow-200 td a, .tr-yellow-200 th a {
    color: #fff !important; }
    .tr-yellow-200 td a:hover, .tr-yellow-200 th a:hover {
      color: #ffbb0e !important; }
  .tr-yellow-200 td .img_thumb, .tr-yellow-200 td .img_product, .tr-yellow-200 th .img_thumb, .tr-yellow-200 th .img_product {
    border-color: #fff !important; }
    .tr-yellow-200 td .img_thumb:hover, .tr-yellow-200 td .img_product:hover, .tr-yellow-200 th .img_thumb:hover, .tr-yellow-200 th .img_product:hover {
      border-color: #ffbb0e !important; }

.tr-yellow-300 {
  background: #ffd15a !important;
  color: #fff !important; }
  .tr-yellow-300 td a, .tr-yellow-300 th a {
    color: #fff !important; }
    .tr-yellow-300 td a:hover, .tr-yellow-300 th a:hover {
      color: #da9d00 !important; }
  .tr-yellow-300 td .img_thumb, .tr-yellow-300 td .img_product, .tr-yellow-300 th .img_thumb, .tr-yellow-300 th .img_product {
    border-color: #fff !important; }
    .tr-yellow-300 td .img_thumb:hover, .tr-yellow-300 td .img_product:hover, .tr-yellow-300 th .img_thumb:hover, .tr-yellow-300 th .img_product:hover {
      border-color: #da9d00 !important; }

.tr-yellow-400 {
  background: #ffc839 !important;
  color: #fff !important; }
  .tr-yellow-400 td a, .tr-yellow-400 th a {
    color: #fff !important; }
    .tr-yellow-400 td a:hover, .tr-yellow-400 th a:hover {
      color: #b98500 !important; }
  .tr-yellow-400 td .img_thumb, .tr-yellow-400 td .img_product, .tr-yellow-400 th .img_thumb, .tr-yellow-400 th .img_product {
    border-color: #fff !important; }
    .tr-yellow-400 td .img_thumb:hover, .tr-yellow-400 td .img_product:hover, .tr-yellow-400 th .img_thumb:hover, .tr-yellow-400 th .img_product:hover {
      border-color: #b98500 !important; }

.tr-yellow {
  background: #ffba08 !important;
  color: #fff !important; }
  .tr-yellow td a, .tr-yellow th a {
    color: #fff !important; }
    .tr-yellow td a:hover, .tr-yellow th a:hover {
      color: #886200 !important; }
  .tr-yellow td .img_thumb, .tr-yellow td .img_product, .tr-yellow th .img_thumb, .tr-yellow th .img_product {
    border-color: #fff !important; }
    .tr-yellow td .img_thumb:hover, .tr-yellow td .img_product:hover, .tr-yellow th .img_thumb:hover, .tr-yellow th .img_product:hover {
      border-color: #886200 !important; }

.tr-yellow-600 {
  background: #e8a907 !important;
  color: #fff !important; }
  .tr-yellow-600 td a, .tr-yellow-600 th a {
    color: #fff !important; }
    .tr-yellow-600 td a:hover, .tr-yellow-600 th a:hover {
      color: #6c4f03 !important; }
  .tr-yellow-600 td .img_thumb, .tr-yellow-600 td .img_product, .tr-yellow-600 th .img_thumb, .tr-yellow-600 th .img_product {
    border-color: #fff !important; }
    .tr-yellow-600 td .img_thumb:hover, .tr-yellow-600 td .img_product:hover, .tr-yellow-600 th .img_thumb:hover, .tr-yellow-600 th .img_product:hover {
      border-color: #6c4f03 !important; }

.tr-yellow-700 {
  background: #b58406 !important;
  color: #fff !important; }
  .tr-yellow-700 td a, .tr-yellow-700 th a {
    color: #fff !important; }
    .tr-yellow-700 td a:hover, .tr-yellow-700 th a:hover {
      color: #3a2a02 !important; }
  .tr-yellow-700 td .img_thumb, .tr-yellow-700 td .img_product, .tr-yellow-700 th .img_thumb, .tr-yellow-700 th .img_product {
    border-color: #fff !important; }
    .tr-yellow-700 td .img_thumb:hover, .tr-yellow-700 td .img_product:hover, .tr-yellow-700 th .img_thumb:hover, .tr-yellow-700 th .img_product:hover {
      border-color: #3a2a02 !important; }

.tr-yellow-800 {
  background: #8c6604 !important;
  color: #fff !important; }
  .tr-yellow-800 td a, .tr-yellow-800 th a {
    color: #fff !important; }
    .tr-yellow-800 td a:hover, .tr-yellow-800 th a:hover {
      color: #100c00 !important; }
  .tr-yellow-800 td .img_thumb, .tr-yellow-800 td .img_product, .tr-yellow-800 th .img_thumb, .tr-yellow-800 th .img_product {
    border-color: #fff !important; }
    .tr-yellow-800 td .img_thumb:hover, .tr-yellow-800 td .img_product:hover, .tr-yellow-800 th .img_thumb:hover, .tr-yellow-800 th .img_product:hover {
      border-color: #100c00 !important; }

.tr-yellow-900 {
  background: #6b4e03 !important;
  color: #fff !important; }
  .tr-yellow-900 td a, .tr-yellow-900 th a {
    color: #fff !important; }
    .tr-yellow-900 td a:hover, .tr-yellow-900 th a:hover {
      color: black !important; }
  .tr-yellow-900 td .img_thumb, .tr-yellow-900 td .img_product, .tr-yellow-900 th .img_thumb, .tr-yellow-900 th .img_product {
    border-color: #fff !important; }
    .tr-yellow-900 td .img_thumb:hover, .tr-yellow-900 td .img_product:hover, .tr-yellow-900 th .img_thumb:hover, .tr-yellow-900 th .img_product:hover {
      border-color: black !important; }

.tr-green-50 {
  background: #e6f8eb !important;
  color: #fff !important; }
  .tr-green-50 td a, .tr-green-50 th a {
    color: #fff !important; }
    .tr-green-50 td a:hover, .tr-green-50 th a:hover {
      color: #82dc9b !important; }
  .tr-green-50 td .img_thumb, .tr-green-50 td .img_product, .tr-green-50 th .img_thumb, .tr-green-50 th .img_product {
    border-color: #fff !important; }
    .tr-green-50 td .img_thumb:hover, .tr-green-50 td .img_product:hover, .tr-green-50 th .img_thumb:hover, .tr-green-50 th .img_product:hover {
      border-color: #82dc9b !important; }

.tr-green-100 {
  background: #b0eac0 !important;
  color: #fff !important; }
  .tr-green-100 td a, .tr-green-100 th a {
    color: #fff !important; }
    .tr-green-100 td a:hover, .tr-green-100 th a:hover {
      color: #4bcf70 !important; }
  .tr-green-100 td .img_thumb, .tr-green-100 td .img_product, .tr-green-100 th .img_thumb, .tr-green-100 th .img_product {
    border-color: #fff !important; }
    .tr-green-100 td .img_thumb:hover, .tr-green-100 td .img_product:hover, .tr-green-100 th .img_thumb:hover, .tr-green-100 th .img_product:hover {
      border-color: #4bcf70 !important; }

.tr-green-200 {
  background: #8adfa2 !important;
  color: #fff !important; }
  .tr-green-200 td a, .tr-green-200 th a {
    color: #fff !important; }
    .tr-green-200 td a:hover, .tr-green-200 th a:hover {
      color: #32b758 !important; }
  .tr-green-200 td .img_thumb, .tr-green-200 td .img_product, .tr-green-200 th .img_thumb, .tr-green-200 th .img_product {
    border-color: #fff !important; }
    .tr-green-200 td .img_thumb:hover, .tr-green-200 td .img_product:hover, .tr-green-200 th .img_thumb:hover, .tr-green-200 th .img_product:hover {
      border-color: #32b758 !important; }

.tr-green-300 {
  background: #54d177 !important;
  color: #fff !important; }
  .tr-green-300 td a, .tr-green-300 th a {
    color: #fff !important; }
    .tr-green-300 td a:hover, .tr-green-300 th a:hover {
      color: #23823e !important; }
  .tr-green-300 td .img_thumb, .tr-green-300 td .img_product, .tr-green-300 th .img_thumb, .tr-green-300 th .img_product {
    border-color: #fff !important; }
    .tr-green-300 td .img_thumb:hover, .tr-green-300 td .img_product:hover, .tr-green-300 th .img_thumb:hover, .tr-green-300 th .img_product:hover {
      border-color: #23823e !important; }

.tr-green-400 {
  background: #33c85d !important;
  color: #fff !important; }
  .tr-green-400 td a, .tr-green-400 th a {
    color: #fff !important; }
    .tr-green-400 td a:hover, .tr-green-400 th a:hover {
      color: #19622e !important; }
  .tr-green-400 td .img_thumb, .tr-green-400 td .img_product, .tr-green-400 th .img_thumb, .tr-green-400 th .img_product {
    border-color: #fff !important; }
    .tr-green-400 td .img_thumb:hover, .tr-green-400 td .img_product:hover, .tr-green-400 th .img_thumb:hover, .tr-green-400 th .img_product:hover {
      border-color: #19622e !important; }

.tr-green {
  background: #00ba34 !important;
  color: #fff !important; }
  .tr-green td a, .tr-green th a {
    color: #fff !important; }
    .tr-green td a:hover, .tr-green th a:hover {
      color: #003b10 !important; }
  .tr-green td .img_thumb, .tr-green td .img_product, .tr-green th .img_thumb, .tr-green th .img_product {
    border-color: #fff !important; }
    .tr-green td .img_thumb:hover, .tr-green td .img_product:hover, .tr-green th .img_thumb:hover, .tr-green th .img_product:hover {
      border-color: #003b10 !important; }

.tr-green-600 {
  background: #00a92f !important;
  color: #fff !important; }
  .tr-green-600 td a, .tr-green-600 th a {
    color: #fff !important; }
    .tr-green-600 td a:hover, .tr-green-600 th a:hover {
      color: #002a0c !important; }
  .tr-green-600 td .img_thumb, .tr-green-600 td .img_product, .tr-green-600 th .img_thumb, .tr-green-600 th .img_product {
    border-color: #fff !important; }
    .tr-green-600 td .img_thumb:hover, .tr-green-600 td .img_product:hover, .tr-green-600 th .img_thumb:hover, .tr-green-600 th .img_product:hover {
      border-color: #002a0c !important; }

.tr-green-700 {
  background: #008425 !important;
  color: #fff !important; }
  .tr-green-700 td a, .tr-green-700 th a {
    color: #fff !important; }
    .tr-green-700 td a:hover, .tr-green-700 th a:hover {
      color: #000501 !important; }
  .tr-green-700 td .img_thumb, .tr-green-700 td .img_product, .tr-green-700 th .img_thumb, .tr-green-700 th .img_product {
    border-color: #fff !important; }
    .tr-green-700 td .img_thumb:hover, .tr-green-700 td .img_product:hover, .tr-green-700 th .img_thumb:hover, .tr-green-700 th .img_product:hover {
      border-color: #000501 !important; }

.tr-green-800 {
  background: #00661d !important;
  color: #fff !important; }
  .tr-green-800 td a, .tr-green-800 th a {
    color: #fff !important; }
    .tr-green-800 td a:hover, .tr-green-800 th a:hover {
      color: black !important; }
  .tr-green-800 td .img_thumb, .tr-green-800 td .img_product, .tr-green-800 th .img_thumb, .tr-green-800 th .img_product {
    border-color: #fff !important; }
    .tr-green-800 td .img_thumb:hover, .tr-green-800 td .img_product:hover, .tr-green-800 th .img_thumb:hover, .tr-green-800 th .img_product:hover {
      border-color: black !important; }

.tr-green-900 {
  background: #004e16 !important;
  color: #fff !important; }
  .tr-green-900 td a, .tr-green-900 th a {
    color: #fff !important; }
    .tr-green-900 td a:hover, .tr-green-900 th a:hover {
      color: black !important; }
  .tr-green-900 td .img_thumb, .tr-green-900 td .img_product, .tr-green-900 th .img_thumb, .tr-green-900 th .img_product {
    border-color: #fff !important; }
    .tr-green-900 td .img_thumb:hover, .tr-green-900 td .img_product:hover, .tr-green-900 th .img_thumb:hover, .tr-green-900 th .img_product:hover {
      border-color: black !important; }

.tr-white {
  background: #fff !important;
  color: #fff !important; }
  .tr-white td a, .tr-white th a {
    color: #fff !important; }
    .tr-white td a:hover, .tr-white th a:hover {
      color: #bfbfbf !important; }
  .tr-white td .img_thumb, .tr-white td .img_product, .tr-white th .img_thumb, .tr-white th .img_product {
    border-color: #fff !important; }
    .tr-white td .img_thumb:hover, .tr-white td .img_product:hover, .tr-white th .img_thumb:hover, .tr-white th .img_product:hover {
      border-color: #bfbfbf !important; }

.tr-gray-50 {
  background: #eeeeee !important;
  color: #fff !important; }
  .tr-gray-50 td a, .tr-gray-50 th a {
    color: #fff !important; }
    .tr-gray-50 td a:hover, .tr-gray-50 th a:hover {
      color: #aeaeae !important; }
  .tr-gray-50 td .img_thumb, .tr-gray-50 td .img_product, .tr-gray-50 th .img_thumb, .tr-gray-50 th .img_product {
    border-color: #fff !important; }
    .tr-gray-50 td .img_thumb:hover, .tr-gray-50 td .img_product:hover, .tr-gray-50 th .img_thumb:hover, .tr-gray-50 th .img_product:hover {
      border-color: #aeaeae !important; }

.tr-gray-100 {
  background: #bfbfc1 !important;
  color: #fff !important; }
  .tr-gray-100 td a, .tr-gray-100 th a {
    color: #fff !important; }
    .tr-gray-100 td a:hover, .tr-gray-100 th a:hover {
      color: #7e7e82 !important; }
  .tr-gray-100 td .img_thumb, .tr-gray-100 td .img_product, .tr-gray-100 th .img_thumb, .tr-gray-100 th .img_product {
    border-color: #fff !important; }
    .tr-gray-100 td .img_thumb:hover, .tr-gray-100 td .img_product:hover, .tr-gray-100 th .img_thumb:hover, .tr-gray-100 th .img_product:hover {
      border-color: #7e7e82 !important; }

.tr-gray-200 {
  background: #a1a1a3 !important;
  color: #fff !important; }
  .tr-gray-200 td a, .tr-gray-200 th a {
    color: #fff !important; }
    .tr-gray-200 td a:hover, .tr-gray-200 th a:hover {
      color: #616163 !important; }
  .tr-gray-200 td .img_thumb, .tr-gray-200 td .img_product, .tr-gray-200 th .img_thumb, .tr-gray-200 th .img_product {
    border-color: #fff !important; }
    .tr-gray-200 td .img_thumb:hover, .tr-gray-200 td .img_product:hover, .tr-gray-200 th .img_thumb:hover, .tr-gray-200 th .img_product:hover {
      border-color: #616163 !important; }

.tr-gray-300 {
  background: #76767a !important;
  color: #fff !important; }
  .tr-gray-300 td a, .tr-gray-300 th a {
    color: #fff !important; }
    .tr-gray-300 td a:hover, .tr-gray-300 th a:hover {
      color: #373739 !important; }
  .tr-gray-300 td .img_thumb, .tr-gray-300 td .img_product, .tr-gray-300 th .img_thumb, .tr-gray-300 th .img_product {
    border-color: #fff !important; }
    .tr-gray-300 td .img_thumb:hover, .tr-gray-300 td .img_product:hover, .tr-gray-300 th .img_thumb:hover, .tr-gray-300 th .img_product:hover {
      border-color: #373739 !important; }

.tr-gray-400 {
  background: #5b5b60 !important;
  color: #fff !important; }
  .tr-gray-400 td a, .tr-gray-400 th a {
    color: #fff !important; }
    .tr-gray-400 td a:hover, .tr-gray-400 th a:hover {
      color: #1d1d1f !important; }
  .tr-gray-400 td .img_thumb, .tr-gray-400 td .img_product, .tr-gray-400 th .img_thumb, .tr-gray-400 th .img_product {
    border-color: #fff !important; }
    .tr-gray-400 td .img_thumb:hover, .tr-gray-400 td .img_product:hover, .tr-gray-400 th .img_thumb:hover, .tr-gray-400 th .img_product:hover {
      border-color: #1d1d1f !important; }

.tr-gray-500 {
  background: #323238 !important;
  color: #fff !important; }
  .tr-gray-500 td a, .tr-gray-500 th a {
    color: #fff !important; }
    .tr-gray-500 td a:hover, .tr-gray-500 th a:hover {
      color: black !important; }
  .tr-gray-500 td .img_thumb, .tr-gray-500 td .img_product, .tr-gray-500 th .img_thumb, .tr-gray-500 th .img_product {
    border-color: #fff !important; }
    .tr-gray-500 td .img_thumb:hover, .tr-gray-500 td .img_product:hover, .tr-gray-500 th .img_thumb:hover, .tr-gray-500 th .img_product:hover {
      border-color: black !important; }

.tr-gray-600 {
  background: #2e2e33 !important;
  color: #fff !important; }
  .tr-gray-600 td a, .tr-gray-600 th a {
    color: #fff !important; }
    .tr-gray-600 td a:hover, .tr-gray-600 th a:hover {
      color: black !important; }
  .tr-gray-600 td .img_thumb, .tr-gray-600 td .img_product, .tr-gray-600 th .img_thumb, .tr-gray-600 th .img_product {
    border-color: #fff !important; }
    .tr-gray-600 td .img_thumb:hover, .tr-gray-600 td .img_product:hover, .tr-gray-600 th .img_thumb:hover, .tr-gray-600 th .img_product:hover {
      border-color: black !important; }

.tr-gray-700 {
  background: #242428 !important;
  color: #fff !important; }
  .tr-gray-700 td a, .tr-gray-700 th a {
    color: #fff !important; }
    .tr-gray-700 td a:hover, .tr-gray-700 th a:hover {
      color: black !important; }
  .tr-gray-700 td .img_thumb, .tr-gray-700 td .img_product, .tr-gray-700 th .img_thumb, .tr-gray-700 th .img_product {
    border-color: #fff !important; }
    .tr-gray-700 td .img_thumb:hover, .tr-gray-700 td .img_product:hover, .tr-gray-700 th .img_thumb:hover, .tr-gray-700 th .img_product:hover {
      border-color: black !important; }

.tr-gray-800 {
  background: #1c1c1f !important;
  color: #fff !important; }
  .tr-gray-800 td a, .tr-gray-800 th a {
    color: #fff !important; }
    .tr-gray-800 td a:hover, .tr-gray-800 th a:hover {
      color: black !important; }
  .tr-gray-800 td .img_thumb, .tr-gray-800 td .img_product, .tr-gray-800 th .img_thumb, .tr-gray-800 th .img_product {
    border-color: #fff !important; }
    .tr-gray-800 td .img_thumb:hover, .tr-gray-800 td .img_product:hover, .tr-gray-800 th .img_thumb:hover, .tr-gray-800 th .img_product:hover {
      border-color: black !important; }

.tr-gray-900 {
  background: #0d0d10 !important;
  color: #fff !important; }
  .tr-gray-900 td a, .tr-gray-900 th a {
    color: #fff !important; }
    .tr-gray-900 td a:hover, .tr-gray-900 th a:hover {
      color: black !important; }
  .tr-gray-900 td .img_thumb, .tr-gray-900 td .img_product, .tr-gray-900 th .img_thumb, .tr-gray-900 th .img_product {
    border-color: #fff !important; }
    .tr-gray-900 td .img_thumb:hover, .tr-gray-900 td .img_product:hover, .tr-gray-900 th .img_thumb:hover, .tr-gray-900 th .img_product:hover {
      border-color: black !important; }

.tr-black {
  background: #000 !important;
  color: #fff !important; }
  .tr-black td a, .tr-black th a {
    color: #fff !important; }
    .tr-black td a:hover, .tr-black th a:hover {
      color: black !important; }
  .tr-black td .img_thumb, .tr-black td .img_product, .tr-black th .img_thumb, .tr-black th .img_product {
    border-color: #fff !important; }
    .tr-black td .img_thumb:hover, .tr-black td .img_product:hover, .tr-black th .img_thumb:hover, .tr-black th .img_product:hover {
      border-color: black !important; }

.message {
  padding: 0.5rem;
  border: 1px solid var(--foreground);
  border-radius: 8px;
  text-align: center; }
  .message .title {
    font-size: 1.25rem;
    margin-bottom: 0.5rem; }
  .message .body a {
    text-decoration: none;
    font-weight: 700;
    color: var(--color); }
    .message .body a:hover {
      text-decoration: underline !important; }

.message-aura-50 {
  border-color: #fde8f3 !important;
  color: #fde8f3 !important; }
  .message-aura-50 .body a {
    color: #fde8f3 !important; }

.message-aura-100 {
  border-color: #f9b7da !important;
  color: #f9b7da !important; }
  .message-aura-100 .body a {
    color: #f9b7da !important; }

.message-aura-200 {
  border-color: #f695c9 !important;
  color: #f695c9 !important; }
  .message-aura-200 .body a {
    color: #f695c9 !important; }

.message-aura-300 {
  border-color: #f264b0 !important;
  color: #f264b0 !important; }
  .message-aura-300 .body a {
    color: #f264b0 !important; }

.message-aura-400 {
  border-color: #f046a1 !important;
  color: #f046a1 !important; }
  .message-aura-400 .body a {
    color: #f046a1 !important; }

.message-aura-500 {
  border-color: #ec1889 !important;
  color: #ec1889 !important; }
  .message-aura-500 .body a {
    color: #ec1889 !important; }

.message-aura-600 {
  border-color: #d7167d !important;
  color: #d7167d !important; }
  .message-aura-600 .body a {
    color: #d7167d !important; }

.message-aura-700 {
  border-color: #a81161 !important;
  color: #a81161 !important; }
  .message-aura-700 .body a {
    color: #a81161 !important; }

.message-aura-800 {
  border-color: #820d4b !important;
  color: #820d4b !important; }
  .message-aura-800 .body a {
    color: #820d4b !important; }

.message-aura-900 {
  border-color: #630a3a !important;
  color: #630a3a !important; }
  .message-aura-900 .body a {
    color: #630a3a !important; }

.message-secondary-50 {
  border-color: #e6e6f0 !important;
  color: #e6e6f0 !important; }
  .message-secondary-50 .body a {
    color: #e6e6f0 !important; }

.message-secondary-100 {
  border-color: #b0b2cf !important;
  color: #b0b2cf !important; }
  .message-secondary-100 .body a {
    color: #b0b2cf !important; }

.message-secondary-200 {
  border-color: #8a8db8 !important;
  color: #8a8db8 !important; }
  .message-secondary-200 .body a {
    color: #8a8db8 !important; }

.message-secondary-300 {
  border-color: #555998 !important;
  color: #555998 !important; }
  .message-secondary-300 .body a {
    color: #555998 !important; }

.message-secondary-400 {
  border-color: #343984 !important;
  color: #343984 !important; }
  .message-secondary-400 .body a {
    color: #343984 !important; }

.message-secondary-500 {
  border-color: #010765 !important;
  color: #010765 !important; }
  .message-secondary-500 .body a {
    color: #010765 !important; }

.message-secondary-600 {
  border-color: #01065c !important;
  color: #01065c !important; }
  .message-secondary-600 .body a {
    color: #01065c !important; }

.message-secondary-700 {
  border-color: #010548 !important;
  color: #010548 !important; }
  .message-secondary-700 .body a {
    color: #010548 !important; }

.message-secondary-800 {
  border-color: #010438 !important;
  color: #010438 !important; }
  .message-secondary-800 .body a {
    color: #010438 !important; }

.message-secondary-900 {
  border-color: #00032a !important;
  color: #00032a !important; }
  .message-secondary-900 .body a {
    color: #00032a !important; }

.message-blue-50 {
  border-color: #e6f3ff !important;
  color: #e6f3ff !important; }
  .message-blue-50 .body a {
    color: #e6f3ff !important; }

.message-blue-100 {
  border-color: #b0d9ff !important;
  color: #b0d9ff !important; }
  .message-blue-100 .body a {
    color: #b0d9ff !important; }

.message-blue-200 {
  border-color: #8ac6ff !important;
  color: #8ac6ff !important; }
  .message-blue-200 .body a {
    color: #8ac6ff !important; }

.message-blue-300 {
  border-color: #54adff !important;
  color: #54adff !important; }
  .message-blue-300 .body a {
    color: #54adff !important; }

.message-blue-400 {
  border-color: #339dff !important;
  color: #339dff !important; }
  .message-blue-400 .body a {
    color: #339dff !important; }

.message-blue {
  border-color: #0084ff !important;
  color: #0084ff !important; }
  .message-blue .body a {
    color: #0084ff !important; }

.message-blue-600 {
  border-color: #0078e8 !important;
  color: #0078e8 !important; }
  .message-blue-600 .body a {
    color: #0078e8 !important; }

.message-blue-700 {
  border-color: #005eb5 !important;
  color: #005eb5 !important; }
  .message-blue-700 .body a {
    color: #005eb5 !important; }

.message-blue-800 {
  border-color: #00498c !important;
  color: #00498c !important; }
  .message-blue-800 .body a {
    color: #00498c !important; }

.message-blue-900 {
  border-color: #00376b !important;
  color: #00376b !important; }
  .message-blue-900 .body a {
    color: #00376b !important; }

.message-red-50 {
  border-color: #fdeaea !important;
  color: #fdeaea !important; }
  .message-red-50 .body a {
    color: #fdeaea !important; }

.message-red-100 {
  border-color: #f8bebe !important;
  color: #f8bebe !important; }
  .message-red-100 .body a {
    color: #f8bebe !important; }

.message-red-200 {
  border-color: #f59e9e !important;
  color: #f59e9e !important; }
  .message-red-200 .body a {
    color: #f59e9e !important; }

.message-red-300 {
  border-color: #f07272 !important;
  color: #f07272 !important; }
  .message-red-300 .body a {
    color: #f07272 !important; }

.message-red-400 {
  border-color: #ed5656 !important;
  color: #ed5656 !important; }
  .message-red-400 .body a {
    color: #ed5656 !important; }

.message-red {
  border-color: #e92c2c !important;
  color: #e92c2c !important; }
  .message-red .body a {
    color: #e92c2c !important; }

.message-red-600 {
  border-color: #d42828 !important;
  color: #d42828 !important; }
  .message-red-600 .body a {
    color: #d42828 !important; }

.message-red-700 {
  border-color: #a51f1f !important;
  color: #a51f1f !important; }
  .message-red-700 .body a {
    color: #a51f1f !important; }

.message-red-800 {
  border-color: #801818 !important;
  color: #801818 !important; }
  .message-red-800 .body a {
    color: #801818 !important; }

.message-red-900 {
  border-color: #621212 !important;
  color: #621212 !important; }
  .message-red-900 .body a {
    color: #621212 !important; }

.message-yellow-50 {
  border-color: #fff8e6 !important;
  color: #fff8e6 !important; }
  .message-yellow-50 .body a {
    color: #fff8e6 !important; }

.message-yellow-100 {
  border-color: #ffeab2 !important;
  color: #ffeab2 !important; }
  .message-yellow-100 .body a {
    color: #ffeab2 !important; }

.message-yellow-200 {
  border-color: #ffdf8d !important;
  color: #ffdf8d !important; }
  .message-yellow-200 .body a {
    color: #ffdf8d !important; }

.message-yellow-300 {
  border-color: #ffd15a !important;
  color: #ffd15a !important; }
  .message-yellow-300 .body a {
    color: #ffd15a !important; }

.message-yellow-400 {
  border-color: #ffc839 !important;
  color: #ffc839 !important; }
  .message-yellow-400 .body a {
    color: #ffc839 !important; }

.message-yellow {
  border-color: #ffba08 !important;
  color: #ffba08 !important; }
  .message-yellow .body a {
    color: #ffba08 !important; }

.message-yellow-600 {
  border-color: #e8a907 !important;
  color: #e8a907 !important; }
  .message-yellow-600 .body a {
    color: #e8a907 !important; }

.message-yellow-700 {
  border-color: #b58406 !important;
  color: #b58406 !important; }
  .message-yellow-700 .body a {
    color: #b58406 !important; }

.message-yellow-800 {
  border-color: #8c6604 !important;
  color: #8c6604 !important; }
  .message-yellow-800 .body a {
    color: #8c6604 !important; }

.message-yellow-900 {
  border-color: #6b4e03 !important;
  color: #6b4e03 !important; }
  .message-yellow-900 .body a {
    color: #6b4e03 !important; }

.message-green-50 {
  border-color: #e6f8eb !important;
  color: #e6f8eb !important; }
  .message-green-50 .body a {
    color: #e6f8eb !important; }

.message-green-100 {
  border-color: #b0eac0 !important;
  color: #b0eac0 !important; }
  .message-green-100 .body a {
    color: #b0eac0 !important; }

.message-green-200 {
  border-color: #8adfa2 !important;
  color: #8adfa2 !important; }
  .message-green-200 .body a {
    color: #8adfa2 !important; }

.message-green-300 {
  border-color: #54d177 !important;
  color: #54d177 !important; }
  .message-green-300 .body a {
    color: #54d177 !important; }

.message-green-400 {
  border-color: #33c85d !important;
  color: #33c85d !important; }
  .message-green-400 .body a {
    color: #33c85d !important; }

.message-green {
  border-color: #00ba34 !important;
  color: #00ba34 !important; }
  .message-green .body a {
    color: #00ba34 !important; }

.message-green-600 {
  border-color: #00a92f !important;
  color: #00a92f !important; }
  .message-green-600 .body a {
    color: #00a92f !important; }

.message-green-700 {
  border-color: #008425 !important;
  color: #008425 !important; }
  .message-green-700 .body a {
    color: #008425 !important; }

.message-green-800 {
  border-color: #00661d !important;
  color: #00661d !important; }
  .message-green-800 .body a {
    color: #00661d !important; }

.message-green-900 {
  border-color: #004e16 !important;
  color: #004e16 !important; }
  .message-green-900 .body a {
    color: #004e16 !important; }

.message-white {
  border-color: #fff !important;
  color: #fff !important; }
  .message-white .body a {
    color: #fff !important; }

.message-gray-50 {
  border-color: #eeeeee !important;
  color: #eeeeee !important; }
  .message-gray-50 .body a {
    color: #eeeeee !important; }

.message-gray-100 {
  border-color: #bfbfc1 !important;
  color: #bfbfc1 !important; }
  .message-gray-100 .body a {
    color: #bfbfc1 !important; }

.message-gray-200 {
  border-color: #a1a1a3 !important;
  color: #a1a1a3 !important; }
  .message-gray-200 .body a {
    color: #a1a1a3 !important; }

.message-gray-300 {
  border-color: #76767a !important;
  color: #76767a !important; }
  .message-gray-300 .body a {
    color: #76767a !important; }

.message-gray-400 {
  border-color: #5b5b60 !important;
  color: #5b5b60 !important; }
  .message-gray-400 .body a {
    color: #5b5b60 !important; }

.message-gray-500 {
  border-color: #323238 !important;
  color: #323238 !important; }
  .message-gray-500 .body a {
    color: #323238 !important; }

.message-gray-600 {
  border-color: #2e2e33 !important;
  color: #2e2e33 !important; }
  .message-gray-600 .body a {
    color: #2e2e33 !important; }

.message-gray-700 {
  border-color: #242428 !important;
  color: #242428 !important; }
  .message-gray-700 .body a {
    color: #242428 !important; }

.message-gray-800 {
  border-color: #1c1c1f !important;
  color: #1c1c1f !important; }
  .message-gray-800 .body a {
    color: #1c1c1f !important; }

.message-gray-900 {
  border-color: #0d0d10 !important;
  color: #0d0d10 !important; }
  .message-gray-900 .body a {
    color: #0d0d10 !important; }

.message-black {
  border-color: #000 !important;
  color: #000 !important; }
  .message-black .body a {
    color: #000 !important; }

.modal {
  position: fixed;
  background: rgba(13, 13, 16, 0.6);
  backdrop-filter: blur(5px);
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center; }
  .modal .modal_container {
    width: 90%;
    max-width: 420px;
    display: block;
    background: var(--background);
    border-radius: 8px; }
    .modal .modal_container.container_large {
      max-width: 960px; }
    .modal .modal_container .modal_header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1rem;
      border-bottom: 1px solid var(--foreground); }
    .modal .modal_container .modal_body {
      max-height: 80vh;
      padding: 1rem;
      overflow-y: auto; }

@media (max-width: 42em) {
  .modal {
    padding: 0 1rem; }
    .modal .modal_container {
      max-height: 554px;
      overflow-y: auto; } }

.modal-aura-50 {
  background: rgba(253, 232, 243, 0.5); }

.modal-aura-100 {
  background: rgba(249, 183, 218, 0.5); }

.modal-aura-200 {
  background: rgba(246, 149, 201, 0.5); }

.modal-aura-300 {
  background: rgba(242, 100, 176, 0.5); }

.modal-aura-400 {
  background: rgba(240, 70, 161, 0.5); }

.modal-aura-500 {
  background: rgba(236, 24, 137, 0.5); }

.modal-aura-600 {
  background: rgba(215, 22, 125, 0.5); }

.modal-aura-700 {
  background: rgba(168, 17, 97, 0.5); }

.modal-aura-800 {
  background: rgba(130, 13, 75, 0.5); }

.modal-aura-900 {
  background: rgba(99, 10, 58, 0.5); }

.modal-secondary-50 {
  background: rgba(230, 230, 240, 0.5); }

.modal-secondary-100 {
  background: rgba(176, 178, 207, 0.5); }

.modal-secondary-200 {
  background: rgba(138, 141, 184, 0.5); }

.modal-secondary-300 {
  background: rgba(85, 89, 152, 0.5); }

.modal-secondary-400 {
  background: rgba(52, 57, 132, 0.5); }

.modal-secondary-500 {
  background: rgba(1, 7, 101, 0.5); }

.modal-secondary-600 {
  background: rgba(1, 6, 92, 0.5); }

.modal-secondary-700 {
  background: rgba(1, 5, 72, 0.5); }

.modal-secondary-800 {
  background: rgba(1, 4, 56, 0.5); }

.modal-secondary-900 {
  background: rgba(0, 3, 42, 0.5); }

.modal-blue-50 {
  background: rgba(230, 243, 255, 0.5); }

.modal-blue-100 {
  background: rgba(176, 217, 255, 0.5); }

.modal-blue-200 {
  background: rgba(138, 198, 255, 0.5); }

.modal-blue-300 {
  background: rgba(84, 173, 255, 0.5); }

.modal-blue-400 {
  background: rgba(51, 157, 255, 0.5); }

.modal-blue {
  background: rgba(0, 132, 255, 0.5); }

.modal-blue-600 {
  background: rgba(0, 120, 232, 0.5); }

.modal-blue-700 {
  background: rgba(0, 94, 181, 0.5); }

.modal-blue-800 {
  background: rgba(0, 73, 140, 0.5); }

.modal-blue-900 {
  background: rgba(0, 55, 107, 0.5); }

.modal-red-50 {
  background: rgba(253, 234, 234, 0.5); }

.modal-red-100 {
  background: rgba(248, 190, 190, 0.5); }

.modal-red-200 {
  background: rgba(245, 158, 158, 0.5); }

.modal-red-300 {
  background: rgba(240, 114, 114, 0.5); }

.modal-red-400 {
  background: rgba(237, 86, 86, 0.5); }

.modal-red {
  background: rgba(233, 44, 44, 0.5); }

.modal-red-600 {
  background: rgba(212, 40, 40, 0.5); }

.modal-red-700 {
  background: rgba(165, 31, 31, 0.5); }

.modal-red-800 {
  background: rgba(128, 24, 24, 0.5); }

.modal-red-900 {
  background: rgba(98, 18, 18, 0.5); }

.modal-yellow-50 {
  background: rgba(255, 248, 230, 0.5); }

.modal-yellow-100 {
  background: rgba(255, 234, 178, 0.5); }

.modal-yellow-200 {
  background: rgba(255, 223, 141, 0.5); }

.modal-yellow-300 {
  background: rgba(255, 209, 90, 0.5); }

.modal-yellow-400 {
  background: rgba(255, 200, 57, 0.5); }

.modal-yellow {
  background: rgba(255, 186, 8, 0.5); }

.modal-yellow-600 {
  background: rgba(232, 169, 7, 0.5); }

.modal-yellow-700 {
  background: rgba(181, 132, 6, 0.5); }

.modal-yellow-800 {
  background: rgba(140, 102, 4, 0.5); }

.modal-yellow-900 {
  background: rgba(107, 78, 3, 0.5); }

.modal-green-50 {
  background: rgba(230, 248, 235, 0.5); }

.modal-green-100 {
  background: rgba(176, 234, 192, 0.5); }

.modal-green-200 {
  background: rgba(138, 223, 162, 0.5); }

.modal-green-300 {
  background: rgba(84, 209, 119, 0.5); }

.modal-green-400 {
  background: rgba(51, 200, 93, 0.5); }

.modal-green {
  background: rgba(0, 186, 52, 0.5); }

.modal-green-600 {
  background: rgba(0, 169, 47, 0.5); }

.modal-green-700 {
  background: rgba(0, 132, 37, 0.5); }

.modal-green-800 {
  background: rgba(0, 102, 29, 0.5); }

.modal-green-900 {
  background: rgba(0, 78, 22, 0.5); }

.modal-white {
  background: rgba(255, 255, 255, 0.5); }

.modal-gray-50 {
  background: rgba(238, 238, 238, 0.5); }

.modal-gray-100 {
  background: rgba(191, 191, 193, 0.5); }

.modal-gray-200 {
  background: rgba(161, 161, 163, 0.5); }

.modal-gray-300 {
  background: rgba(118, 118, 122, 0.5); }

.modal-gray-400 {
  background: rgba(91, 91, 96, 0.5); }

.modal-gray-500 {
  background: rgba(50, 50, 56, 0.5); }

.modal-gray-600 {
  background: rgba(46, 46, 51, 0.5); }

.modal-gray-700 {
  background: rgba(36, 36, 40, 0.5); }

.modal-gray-800 {
  background: rgba(28, 28, 31, 0.5); }

.modal-gray-900 {
  background: rgba(13, 13, 16, 0.5); }

.modal-black {
  background: rgba(0, 0, 0, 0.5); }

.modal_right {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  max-width: 360px;
  width: calc(100% - 80px);
  height: 100%;
  overflow-y: scroll;
  padding: 1rem;
  background: var(--background);
  color: var(--foreground);
  border-left: 1px solid var(--border);
  z-index: 9999; }
  .modal_right .modal_right_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem; }
  .modal_right::-webkit-scrollbar {
    width: .8rem; }
  .modal_right::-webkit-scrollbar-track {
    background: var(--gray-300); }
  .modal_right::-webkit-scrollbar-thumb {
    background: var(--aura-500);
    border-radius: .5rem; }

.paginator {
  width: 100%;
  padding: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .paginator a, .paginator span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    text-decoration: none; }
  .paginator a {
    color: var(--foreground);
    transition: all .2s; }
    .paginator a:hover {
      color: var(--primary); }
  .paginator span {
    background: var(--primary);
    border: 1px solid #c91474;
    border-radius: 8px;
    color: var(--white); }

.navbar_calendar {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  border-bottom: 1px solid var(--border); }
  .navbar_calendar .navbar_actions {
    display: flex;
    align-items: center;
    gap: 0.5rem; }
  .navbar_calendar .navbar_button {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 8px;
    transition: background-color 0.2s, color 0.2s;
    position: relative;
    color: var(--foreground);
    line-height: 0; }
    .navbar_calendar .navbar_button:hover {
      background: var(--aura-500);
      color: var(--white); }
    .navbar_calendar .navbar_button .badge {
      position: absolute;
      top: -3px;
      right: -3px;
      background: var(--aura-500);
      color: var(--foreground);
      font-size: 0.625rem;
      font-weight: 700;
      width: 16px;
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 99999px;
      line-height: 0; }
  .navbar_calendar .navbar_link {
    font-weight: 700;
    color: var(--foreground);
    cursor: pointer;
    line-height: 0; }
    .navbar_calendar .navbar_link:hover {
      color: var(--aura-500);
      text-decoration: underline !important; }
  .navbar_calendar .navbar_user {
    width: 38px;
    height: 38px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid var(--gray-600);
    cursor: pointer; }
    .navbar_calendar .navbar_user img {
      object-fit: cover;
      aspect-ratio: 1 / 1;
      transition: all .3s ease; }
      .navbar_calendar .navbar_user img:hover {
        filter: opacity(0.8); }

.calendar {
  background: var(--background);
  display: flex;
  flex-direction: column;
  height: calc(100vh - 60px); }
  .calendar .calendar_week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    background: transparent;
    border-bottom: 1px solid var(--border);
    color: var(--foreground);
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.5rem; }
    @media (max-width: 42em) {
      .calendar .calendar_week {
        display: none; } }
  .calendar .calendar_days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: 1fr;
    gap: 0.25rem;
    padding: 0.25rem;
    height: 100%; }
    @media (max-width: 42em) {
      .calendar .calendar_days {
        grid-template-columns: 1fr;
        padding: 1rem;
        gap: 0.5rem; } }
    .calendar .calendar_days .day {
      max-width: 100%;
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 8px;
      cursor: pointer;
      padding: 0.5rem; }
      @media (max-width: 42em) {
        .calendar .calendar_days .day {
          max-height: none; } }
      .calendar .calendar_days .day.inactive {
        background: color-mix(in srgb, var(--card), transparent 50%); }
      .calendar .calendar_days .day.active .day_header span {
        background: var(--aura-500);
        color: var(--white);
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 99999px; }
      .calendar .calendar_days .day .day_header {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.875rem;
        font-weight: 700;
        background: transparent;
        height: 30px;
        padding-bottom: 0.5rem; }
      .calendar .calendar_days .day .events {
        max-width: 100%;
        background: transparent;
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        height: calc(100% - 30px);
        overflow-y: auto;
        scrollbar-width: none; }
        .calendar .calendar_days .day .events .event {
          width: 100%;
          display: flex;
          align-items: center;
          gap: 0.5rem;
          padding: 0.25rem;
          font-size: 0.625rem;
          background: color-mix(in srgb, var(--card), transparent 50%);
          border-radius: 8px;
          cursor: pointer; }
          .calendar .calendar_days .day .events .event:hover {
            background: var(--aura-500);
            color: var(--white); }
          .calendar .calendar_days .day .events .event p {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 120px;
            flex: 1; }
        .calendar .calendar_days .day .events .more {
          font-size: 0.625rem;
          font-weight: 700;
          padding: 0.25rem; }
          .calendar .calendar_days .day .events .more:hover {
            color: var(--aura-500);
            text-decoration: underline; }

.toasts {
  position: fixed;
  top: 2rem;
  right: 1rem;
  list-style: none;
  z-index: 2000; }
  .toasts .toast {
    min-width: 360px;
    max-width: 414px;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 0.25rem;
    background: var(--card);
    justify-content: space-between;
    border: 1px solid var(--border);
    position: relative;
    overflow: hidden;
    animation: show_toast 0.6s ease forwards;
    display: flex;
    flex-direction: column; }
    .toasts .toast::before {
      position: absolute;
      content: "";
      width: 100%;
      height: 6px;
      bottom: 0;
      left: 0;
      animation: progress 6s linear forwards; }
    .toasts .toast.hide {
      animation: hide_toast 0.6s ease forwards; }
    .toasts .toast.aura-50 {
      border-color: #fde8f3; }
      .toasts .toast.aura-50 .column i {
        color: #fde8f3; }
    .toasts .toast.aura-50::before {
      background: #fde8f3; }
    .toasts .toast.aura-100 {
      border-color: #f9b7da; }
      .toasts .toast.aura-100 .column i {
        color: #f9b7da; }
    .toasts .toast.aura-100::before {
      background: #f9b7da; }
    .toasts .toast.aura-200 {
      border-color: #f695c9; }
      .toasts .toast.aura-200 .column i {
        color: #f695c9; }
    .toasts .toast.aura-200::before {
      background: #f695c9; }
    .toasts .toast.aura-300 {
      border-color: #f264b0; }
      .toasts .toast.aura-300 .column i {
        color: #f264b0; }
    .toasts .toast.aura-300::before {
      background: #f264b0; }
    .toasts .toast.aura-400 {
      border-color: #f046a1; }
      .toasts .toast.aura-400 .column i {
        color: #f046a1; }
    .toasts .toast.aura-400::before {
      background: #f046a1; }
    .toasts .toast.aura-500 {
      border-color: #ec1889; }
      .toasts .toast.aura-500 .column i {
        color: #ec1889; }
    .toasts .toast.aura-500::before {
      background: #ec1889; }
    .toasts .toast.aura-600 {
      border-color: #d7167d; }
      .toasts .toast.aura-600 .column i {
        color: #d7167d; }
    .toasts .toast.aura-600::before {
      background: #d7167d; }
    .toasts .toast.aura-700 {
      border-color: #a81161; }
      .toasts .toast.aura-700 .column i {
        color: #a81161; }
    .toasts .toast.aura-700::before {
      background: #a81161; }
    .toasts .toast.aura-800 {
      border-color: #820d4b; }
      .toasts .toast.aura-800 .column i {
        color: #820d4b; }
    .toasts .toast.aura-800::before {
      background: #820d4b; }
    .toasts .toast.aura-900 {
      border-color: #630a3a; }
      .toasts .toast.aura-900 .column i {
        color: #630a3a; }
    .toasts .toast.aura-900::before {
      background: #630a3a; }
    .toasts .toast.secondary-50 {
      border-color: #e6e6f0; }
      .toasts .toast.secondary-50 .column i {
        color: #e6e6f0; }
    .toasts .toast.secondary-50::before {
      background: #e6e6f0; }
    .toasts .toast.secondary-100 {
      border-color: #b0b2cf; }
      .toasts .toast.secondary-100 .column i {
        color: #b0b2cf; }
    .toasts .toast.secondary-100::before {
      background: #b0b2cf; }
    .toasts .toast.secondary-200 {
      border-color: #8a8db8; }
      .toasts .toast.secondary-200 .column i {
        color: #8a8db8; }
    .toasts .toast.secondary-200::before {
      background: #8a8db8; }
    .toasts .toast.secondary-300 {
      border-color: #555998; }
      .toasts .toast.secondary-300 .column i {
        color: #555998; }
    .toasts .toast.secondary-300::before {
      background: #555998; }
    .toasts .toast.secondary-400 {
      border-color: #343984; }
      .toasts .toast.secondary-400 .column i {
        color: #343984; }
    .toasts .toast.secondary-400::before {
      background: #343984; }
    .toasts .toast.secondary-500 {
      border-color: #010765; }
      .toasts .toast.secondary-500 .column i {
        color: #010765; }
    .toasts .toast.secondary-500::before {
      background: #010765; }
    .toasts .toast.secondary-600 {
      border-color: #01065c; }
      .toasts .toast.secondary-600 .column i {
        color: #01065c; }
    .toasts .toast.secondary-600::before {
      background: #01065c; }
    .toasts .toast.secondary-700 {
      border-color: #010548; }
      .toasts .toast.secondary-700 .column i {
        color: #010548; }
    .toasts .toast.secondary-700::before {
      background: #010548; }
    .toasts .toast.secondary-800 {
      border-color: #010438; }
      .toasts .toast.secondary-800 .column i {
        color: #010438; }
    .toasts .toast.secondary-800::before {
      background: #010438; }
    .toasts .toast.secondary-900 {
      border-color: #00032a; }
      .toasts .toast.secondary-900 .column i {
        color: #00032a; }
    .toasts .toast.secondary-900::before {
      background: #00032a; }
    .toasts .toast.blue-50 {
      border-color: #e6f3ff; }
      .toasts .toast.blue-50 .column i {
        color: #e6f3ff; }
    .toasts .toast.blue-50::before {
      background: #e6f3ff; }
    .toasts .toast.blue-100 {
      border-color: #b0d9ff; }
      .toasts .toast.blue-100 .column i {
        color: #b0d9ff; }
    .toasts .toast.blue-100::before {
      background: #b0d9ff; }
    .toasts .toast.blue-200 {
      border-color: #8ac6ff; }
      .toasts .toast.blue-200 .column i {
        color: #8ac6ff; }
    .toasts .toast.blue-200::before {
      background: #8ac6ff; }
    .toasts .toast.blue-300 {
      border-color: #54adff; }
      .toasts .toast.blue-300 .column i {
        color: #54adff; }
    .toasts .toast.blue-300::before {
      background: #54adff; }
    .toasts .toast.blue-400 {
      border-color: #339dff; }
      .toasts .toast.blue-400 .column i {
        color: #339dff; }
    .toasts .toast.blue-400::before {
      background: #339dff; }
    .toasts .toast.blue {
      border-color: #0084ff; }
      .toasts .toast.blue .column i {
        color: #0084ff; }
    .toasts .toast.blue::before {
      background: #0084ff; }
    .toasts .toast.blue-600 {
      border-color: #0078e8; }
      .toasts .toast.blue-600 .column i {
        color: #0078e8; }
    .toasts .toast.blue-600::before {
      background: #0078e8; }
    .toasts .toast.blue-700 {
      border-color: #005eb5; }
      .toasts .toast.blue-700 .column i {
        color: #005eb5; }
    .toasts .toast.blue-700::before {
      background: #005eb5; }
    .toasts .toast.blue-800 {
      border-color: #00498c; }
      .toasts .toast.blue-800 .column i {
        color: #00498c; }
    .toasts .toast.blue-800::before {
      background: #00498c; }
    .toasts .toast.blue-900 {
      border-color: #00376b; }
      .toasts .toast.blue-900 .column i {
        color: #00376b; }
    .toasts .toast.blue-900::before {
      background: #00376b; }
    .toasts .toast.red-50 {
      border-color: #fdeaea; }
      .toasts .toast.red-50 .column i {
        color: #fdeaea; }
    .toasts .toast.red-50::before {
      background: #fdeaea; }
    .toasts .toast.red-100 {
      border-color: #f8bebe; }
      .toasts .toast.red-100 .column i {
        color: #f8bebe; }
    .toasts .toast.red-100::before {
      background: #f8bebe; }
    .toasts .toast.red-200 {
      border-color: #f59e9e; }
      .toasts .toast.red-200 .column i {
        color: #f59e9e; }
    .toasts .toast.red-200::before {
      background: #f59e9e; }
    .toasts .toast.red-300 {
      border-color: #f07272; }
      .toasts .toast.red-300 .column i {
        color: #f07272; }
    .toasts .toast.red-300::before {
      background: #f07272; }
    .toasts .toast.red-400 {
      border-color: #ed5656; }
      .toasts .toast.red-400 .column i {
        color: #ed5656; }
    .toasts .toast.red-400::before {
      background: #ed5656; }
    .toasts .toast.red {
      border-color: #e92c2c; }
      .toasts .toast.red .column i {
        color: #e92c2c; }
    .toasts .toast.red::before {
      background: #e92c2c; }
    .toasts .toast.red-600 {
      border-color: #d42828; }
      .toasts .toast.red-600 .column i {
        color: #d42828; }
    .toasts .toast.red-600::before {
      background: #d42828; }
    .toasts .toast.red-700 {
      border-color: #a51f1f; }
      .toasts .toast.red-700 .column i {
        color: #a51f1f; }
    .toasts .toast.red-700::before {
      background: #a51f1f; }
    .toasts .toast.red-800 {
      border-color: #801818; }
      .toasts .toast.red-800 .column i {
        color: #801818; }
    .toasts .toast.red-800::before {
      background: #801818; }
    .toasts .toast.red-900 {
      border-color: #621212; }
      .toasts .toast.red-900 .column i {
        color: #621212; }
    .toasts .toast.red-900::before {
      background: #621212; }
    .toasts .toast.yellow-50 {
      border-color: #fff8e6; }
      .toasts .toast.yellow-50 .column i {
        color: #fff8e6; }
    .toasts .toast.yellow-50::before {
      background: #fff8e6; }
    .toasts .toast.yellow-100 {
      border-color: #ffeab2; }
      .toasts .toast.yellow-100 .column i {
        color: #ffeab2; }
    .toasts .toast.yellow-100::before {
      background: #ffeab2; }
    .toasts .toast.yellow-200 {
      border-color: #ffdf8d; }
      .toasts .toast.yellow-200 .column i {
        color: #ffdf8d; }
    .toasts .toast.yellow-200::before {
      background: #ffdf8d; }
    .toasts .toast.yellow-300 {
      border-color: #ffd15a; }
      .toasts .toast.yellow-300 .column i {
        color: #ffd15a; }
    .toasts .toast.yellow-300::before {
      background: #ffd15a; }
    .toasts .toast.yellow-400 {
      border-color: #ffc839; }
      .toasts .toast.yellow-400 .column i {
        color: #ffc839; }
    .toasts .toast.yellow-400::before {
      background: #ffc839; }
    .toasts .toast.yellow {
      border-color: #ffba08; }
      .toasts .toast.yellow .column i {
        color: #ffba08; }
    .toasts .toast.yellow::before {
      background: #ffba08; }
    .toasts .toast.yellow-600 {
      border-color: #e8a907; }
      .toasts .toast.yellow-600 .column i {
        color: #e8a907; }
    .toasts .toast.yellow-600::before {
      background: #e8a907; }
    .toasts .toast.yellow-700 {
      border-color: #b58406; }
      .toasts .toast.yellow-700 .column i {
        color: #b58406; }
    .toasts .toast.yellow-700::before {
      background: #b58406; }
    .toasts .toast.yellow-800 {
      border-color: #8c6604; }
      .toasts .toast.yellow-800 .column i {
        color: #8c6604; }
    .toasts .toast.yellow-800::before {
      background: #8c6604; }
    .toasts .toast.yellow-900 {
      border-color: #6b4e03; }
      .toasts .toast.yellow-900 .column i {
        color: #6b4e03; }
    .toasts .toast.yellow-900::before {
      background: #6b4e03; }
    .toasts .toast.green-50 {
      border-color: #e6f8eb; }
      .toasts .toast.green-50 .column i {
        color: #e6f8eb; }
    .toasts .toast.green-50::before {
      background: #e6f8eb; }
    .toasts .toast.green-100 {
      border-color: #b0eac0; }
      .toasts .toast.green-100 .column i {
        color: #b0eac0; }
    .toasts .toast.green-100::before {
      background: #b0eac0; }
    .toasts .toast.green-200 {
      border-color: #8adfa2; }
      .toasts .toast.green-200 .column i {
        color: #8adfa2; }
    .toasts .toast.green-200::before {
      background: #8adfa2; }
    .toasts .toast.green-300 {
      border-color: #54d177; }
      .toasts .toast.green-300 .column i {
        color: #54d177; }
    .toasts .toast.green-300::before {
      background: #54d177; }
    .toasts .toast.green-400 {
      border-color: #33c85d; }
      .toasts .toast.green-400 .column i {
        color: #33c85d; }
    .toasts .toast.green-400::before {
      background: #33c85d; }
    .toasts .toast.green {
      border-color: #00ba34; }
      .toasts .toast.green .column i {
        color: #00ba34; }
    .toasts .toast.green::before {
      background: #00ba34; }
    .toasts .toast.green-600 {
      border-color: #00a92f; }
      .toasts .toast.green-600 .column i {
        color: #00a92f; }
    .toasts .toast.green-600::before {
      background: #00a92f; }
    .toasts .toast.green-700 {
      border-color: #008425; }
      .toasts .toast.green-700 .column i {
        color: #008425; }
    .toasts .toast.green-700::before {
      background: #008425; }
    .toasts .toast.green-800 {
      border-color: #00661d; }
      .toasts .toast.green-800 .column i {
        color: #00661d; }
    .toasts .toast.green-800::before {
      background: #00661d; }
    .toasts .toast.green-900 {
      border-color: #004e16; }
      .toasts .toast.green-900 .column i {
        color: #004e16; }
    .toasts .toast.green-900::before {
      background: #004e16; }
    .toasts .toast.white {
      border-color: #fff; }
      .toasts .toast.white .column i {
        color: #fff; }
    .toasts .toast.white::before {
      background: #fff; }
    .toasts .toast.gray-50 {
      border-color: #eeeeee; }
      .toasts .toast.gray-50 .column i {
        color: #eeeeee; }
    .toasts .toast.gray-50::before {
      background: #eeeeee; }
    .toasts .toast.gray-100 {
      border-color: #bfbfc1; }
      .toasts .toast.gray-100 .column i {
        color: #bfbfc1; }
    .toasts .toast.gray-100::before {
      background: #bfbfc1; }
    .toasts .toast.gray-200 {
      border-color: #a1a1a3; }
      .toasts .toast.gray-200 .column i {
        color: #a1a1a3; }
    .toasts .toast.gray-200::before {
      background: #a1a1a3; }
    .toasts .toast.gray-300 {
      border-color: #76767a; }
      .toasts .toast.gray-300 .column i {
        color: #76767a; }
    .toasts .toast.gray-300::before {
      background: #76767a; }
    .toasts .toast.gray-400 {
      border-color: #5b5b60; }
      .toasts .toast.gray-400 .column i {
        color: #5b5b60; }
    .toasts .toast.gray-400::before {
      background: #5b5b60; }
    .toasts .toast.gray-500 {
      border-color: #323238; }
      .toasts .toast.gray-500 .column i {
        color: #323238; }
    .toasts .toast.gray-500::before {
      background: #323238; }
    .toasts .toast.gray-600 {
      border-color: #2e2e33; }
      .toasts .toast.gray-600 .column i {
        color: #2e2e33; }
    .toasts .toast.gray-600::before {
      background: #2e2e33; }
    .toasts .toast.gray-700 {
      border-color: #242428; }
      .toasts .toast.gray-700 .column i {
        color: #242428; }
    .toasts .toast.gray-700::before {
      background: #242428; }
    .toasts .toast.gray-800 {
      border-color: #1c1c1f; }
      .toasts .toast.gray-800 .column i {
        color: #1c1c1f; }
    .toasts .toast.gray-800::before {
      background: #1c1c1f; }
    .toasts .toast.gray-900 {
      border-color: #0d0d10; }
      .toasts .toast.gray-900 .column i {
        color: #0d0d10; }
    .toasts .toast.gray-900::before {
      background: #0d0d10; }
    .toasts .toast.black {
      border-color: #000; }
      .toasts .toast.black .column i {
        color: #000; }
    .toasts .toast.black::before {
      background: #000; }
    .toasts .toast .column {
      display: flex;
      align-items: center; }
      .toasts .toast .column i {
        font-size: 2rem; }
      .toasts .toast .column span {
        font-size: 1rem;
        margin-left: 0.75rem; }
    .toasts .toast i:last-child {
      color: #2e2e33;
      cursor: pointer;
      transition: all 0.5s; }
      .toasts .toast i:last-child:hover {
        color: #ec1889; }

@keyframes show_toast {
  0% {
    transform: translateX(100%); }
  40% {
    transform: translateX(-5%); }
  80% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-0.5rem); } }

@keyframes hide_toast {
  0% {
    transform: translateX(-0.5rem); }
  40% {
    transform: translateX(0%); }
  80% {
    transform: translateX(-5%); }
  100% {
    transform: translateX(calc(100% + 1rem)); } }

@keyframes progress {
  100% {
    width: 0%; } }

/*DEFAULT LOAD*/
.ajax_load {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000; }
  .ajax_load .ajax_load_box {
    margin: auto;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
    .ajax_load .ajax_load_box .ajax_load_box_loader img {
      max-width: 6rem; }
    .ajax_load .ajax_load_box .ajax_load_box_title {
      margin-top: 15px;
      font-weight: 700; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.tabs {
  width: 100%; }
  .tabs nav {
    width: auto !important;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 0.5rem;
    background: var(--sidebar); }
    .tabs nav label {
      display: block;
      font-size: 1rem;
      padding: 0.5rem 0.75rem;
      font-weight: 500;
      color: var(--card-foreground);
      border: 1px solid transparent;
      border-radius: 8px;
      background: transparent;
      transition: background-color 0.2s;
      cursor: pointer; }
      .tabs nav label i {
        margin-right: 0.25rem; }
  .tabs section .tabs-content {
    display: none; }
  .tabs input[type="radio"] {
    display: none; }
  .tabs #tab-1:checked ~ nav label.tab-1,
  .tabs #tab-2:checked ~ nav label.tab-2,
  .tabs #tab-3:checked ~ nav label.tab-3,
  .tabs #tab-4:checked ~ nav label.tab-4,
  .tabs #tab-5:checked ~ nav label.tab-5,
  .tabs #tab-6:checked ~ nav label.tab-6,
  .tabs #tab-7:checked ~ nav label.tab-7 {
    background: var(--card);
    border-color: var(--border);
    color: var(--card-foreground); }
  .tabs #tab-1:checked ~ section .content-1,
  .tabs #tab-2:checked ~ section .content-2,
  .tabs #tab-3:checked ~ section .content-3,
  .tabs #tab-4:checked ~ section .content-4,
  .tabs #tab-5:checked ~ section .content-5,
  .tabs #tab-6:checked ~ section .content-6,
  .tabs #tab-7:checked ~ section .content-7 {
    display: block !important; }

.tabs-aura-50 nav label {
  color: #fde8f3;
  border-color: #fde8f3; }
  .tabs-aura-50 nav label:hover {
    border-color: #b1a2aa;
    color: #b1a2aa; }

.tabs-aura-50 #tab-1:checked ~ nav label.tab-1,
.tabs-aura-50 #tab-2:checked ~ nav label.tab-2,
.tabs-aura-50 #tab-3:checked ~ nav label.tab-3,
.tabs-aura-50 #tab-4:checked ~ nav label.tab-4,
.tabs-aura-50 #tab-5:checked ~ nav label.tab-5,
.tabs-aura-50 #tab-6:checked ~ nav label.tab-6,
.tabs-aura-50 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #fde8f3;
  border-color: #b1a2aa; }

.tabs-aura-100 nav label {
  color: #f9b7da;
  border-color: #f9b7da; }
  .tabs-aura-100 nav label:hover {
    border-color: #ae8099;
    color: #ae8099; }

.tabs-aura-100 #tab-1:checked ~ nav label.tab-1,
.tabs-aura-100 #tab-2:checked ~ nav label.tab-2,
.tabs-aura-100 #tab-3:checked ~ nav label.tab-3,
.tabs-aura-100 #tab-4:checked ~ nav label.tab-4,
.tabs-aura-100 #tab-5:checked ~ nav label.tab-5,
.tabs-aura-100 #tab-6:checked ~ nav label.tab-6,
.tabs-aura-100 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #f9b7da;
  border-color: #ae8099; }

.tabs-aura-200 nav label {
  color: #f695c9;
  border-color: #f695c9; }
  .tabs-aura-200 nav label:hover {
    border-color: #ac688d;
    color: #ac688d; }

.tabs-aura-200 #tab-1:checked ~ nav label.tab-1,
.tabs-aura-200 #tab-2:checked ~ nav label.tab-2,
.tabs-aura-200 #tab-3:checked ~ nav label.tab-3,
.tabs-aura-200 #tab-4:checked ~ nav label.tab-4,
.tabs-aura-200 #tab-5:checked ~ nav label.tab-5,
.tabs-aura-200 #tab-6:checked ~ nav label.tab-6,
.tabs-aura-200 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #f695c9;
  border-color: #ac688d; }

.tabs-aura-300 nav label {
  color: #f264b0;
  border-color: #f264b0; }
  .tabs-aura-300 nav label:hover {
    border-color: #a9467b;
    color: #a9467b; }

.tabs-aura-300 #tab-1:checked ~ nav label.tab-1,
.tabs-aura-300 #tab-2:checked ~ nav label.tab-2,
.tabs-aura-300 #tab-3:checked ~ nav label.tab-3,
.tabs-aura-300 #tab-4:checked ~ nav label.tab-4,
.tabs-aura-300 #tab-5:checked ~ nav label.tab-5,
.tabs-aura-300 #tab-6:checked ~ nav label.tab-6,
.tabs-aura-300 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #f264b0;
  border-color: #a9467b; }

.tabs-aura-400 nav label {
  color: #f046a1;
  border-color: #f046a1; }
  .tabs-aura-400 nav label:hover {
    border-color: #a83171;
    color: #a83171; }

.tabs-aura-400 #tab-1:checked ~ nav label.tab-1,
.tabs-aura-400 #tab-2:checked ~ nav label.tab-2,
.tabs-aura-400 #tab-3:checked ~ nav label.tab-3,
.tabs-aura-400 #tab-4:checked ~ nav label.tab-4,
.tabs-aura-400 #tab-5:checked ~ nav label.tab-5,
.tabs-aura-400 #tab-6:checked ~ nav label.tab-6,
.tabs-aura-400 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #f046a1;
  border-color: #a83171; }

.tabs-aura-500 nav label {
  color: #ec1889;
  border-color: #ec1889; }
  .tabs-aura-500 nav label:hover {
    border-color: #a51160;
    color: #a51160; }

.tabs-aura-500 #tab-1:checked ~ nav label.tab-1,
.tabs-aura-500 #tab-2:checked ~ nav label.tab-2,
.tabs-aura-500 #tab-3:checked ~ nav label.tab-3,
.tabs-aura-500 #tab-4:checked ~ nav label.tab-4,
.tabs-aura-500 #tab-5:checked ~ nav label.tab-5,
.tabs-aura-500 #tab-6:checked ~ nav label.tab-6,
.tabs-aura-500 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #ec1889;
  border-color: #a51160; }

.tabs-aura-600 nav label {
  color: #d7167d;
  border-color: #d7167d; }
  .tabs-aura-600 nav label:hover {
    border-color: #970f58;
    color: #970f58; }

.tabs-aura-600 #tab-1:checked ~ nav label.tab-1,
.tabs-aura-600 #tab-2:checked ~ nav label.tab-2,
.tabs-aura-600 #tab-3:checked ~ nav label.tab-3,
.tabs-aura-600 #tab-4:checked ~ nav label.tab-4,
.tabs-aura-600 #tab-5:checked ~ nav label.tab-5,
.tabs-aura-600 #tab-6:checked ~ nav label.tab-6,
.tabs-aura-600 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #d7167d;
  border-color: #970f58; }

.tabs-aura-700 nav label {
  color: #a81161;
  border-color: #a81161; }
  .tabs-aura-700 nav label:hover {
    border-color: #760c44;
    color: #760c44; }

.tabs-aura-700 #tab-1:checked ~ nav label.tab-1,
.tabs-aura-700 #tab-2:checked ~ nav label.tab-2,
.tabs-aura-700 #tab-3:checked ~ nav label.tab-3,
.tabs-aura-700 #tab-4:checked ~ nav label.tab-4,
.tabs-aura-700 #tab-5:checked ~ nav label.tab-5,
.tabs-aura-700 #tab-6:checked ~ nav label.tab-6,
.tabs-aura-700 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #a81161;
  border-color: #760c44; }

.tabs-aura-800 nav label {
  color: #820d4b;
  border-color: #820d4b; }
  .tabs-aura-800 nav label:hover {
    border-color: #5b0935;
    color: #5b0935; }

.tabs-aura-800 #tab-1:checked ~ nav label.tab-1,
.tabs-aura-800 #tab-2:checked ~ nav label.tab-2,
.tabs-aura-800 #tab-3:checked ~ nav label.tab-3,
.tabs-aura-800 #tab-4:checked ~ nav label.tab-4,
.tabs-aura-800 #tab-5:checked ~ nav label.tab-5,
.tabs-aura-800 #tab-6:checked ~ nav label.tab-6,
.tabs-aura-800 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #820d4b;
  border-color: #5b0935; }

.tabs-aura-900 nav label {
  color: #630a3a;
  border-color: #630a3a; }
  .tabs-aura-900 nav label:hover {
    border-color: #450729;
    color: #450729; }

.tabs-aura-900 #tab-1:checked ~ nav label.tab-1,
.tabs-aura-900 #tab-2:checked ~ nav label.tab-2,
.tabs-aura-900 #tab-3:checked ~ nav label.tab-3,
.tabs-aura-900 #tab-4:checked ~ nav label.tab-4,
.tabs-aura-900 #tab-5:checked ~ nav label.tab-5,
.tabs-aura-900 #tab-6:checked ~ nav label.tab-6,
.tabs-aura-900 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #630a3a;
  border-color: #450729; }

.tabs-secondary-50 nav label {
  color: #e6e6f0;
  border-color: #e6e6f0; }
  .tabs-secondary-50 nav label:hover {
    border-color: #a1a1a8;
    color: #a1a1a8; }

.tabs-secondary-50 #tab-1:checked ~ nav label.tab-1,
.tabs-secondary-50 #tab-2:checked ~ nav label.tab-2,
.tabs-secondary-50 #tab-3:checked ~ nav label.tab-3,
.tabs-secondary-50 #tab-4:checked ~ nav label.tab-4,
.tabs-secondary-50 #tab-5:checked ~ nav label.tab-5,
.tabs-secondary-50 #tab-6:checked ~ nav label.tab-6,
.tabs-secondary-50 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #e6e6f0;
  border-color: #a1a1a8; }

.tabs-secondary-100 nav label {
  color: #b0b2cf;
  border-color: #b0b2cf; }
  .tabs-secondary-100 nav label:hover {
    border-color: #7b7d91;
    color: #7b7d91; }

.tabs-secondary-100 #tab-1:checked ~ nav label.tab-1,
.tabs-secondary-100 #tab-2:checked ~ nav label.tab-2,
.tabs-secondary-100 #tab-3:checked ~ nav label.tab-3,
.tabs-secondary-100 #tab-4:checked ~ nav label.tab-4,
.tabs-secondary-100 #tab-5:checked ~ nav label.tab-5,
.tabs-secondary-100 #tab-6:checked ~ nav label.tab-6,
.tabs-secondary-100 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #b0b2cf;
  border-color: #7b7d91; }

.tabs-secondary-200 nav label {
  color: #8a8db8;
  border-color: #8a8db8; }
  .tabs-secondary-200 nav label:hover {
    border-color: #616381;
    color: #616381; }

.tabs-secondary-200 #tab-1:checked ~ nav label.tab-1,
.tabs-secondary-200 #tab-2:checked ~ nav label.tab-2,
.tabs-secondary-200 #tab-3:checked ~ nav label.tab-3,
.tabs-secondary-200 #tab-4:checked ~ nav label.tab-4,
.tabs-secondary-200 #tab-5:checked ~ nav label.tab-5,
.tabs-secondary-200 #tab-6:checked ~ nav label.tab-6,
.tabs-secondary-200 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #8a8db8;
  border-color: #616381; }

.tabs-secondary-300 nav label {
  color: #555998;
  border-color: #555998; }
  .tabs-secondary-300 nav label:hover {
    border-color: #3c3e6a;
    color: #3c3e6a; }

.tabs-secondary-300 #tab-1:checked ~ nav label.tab-1,
.tabs-secondary-300 #tab-2:checked ~ nav label.tab-2,
.tabs-secondary-300 #tab-3:checked ~ nav label.tab-3,
.tabs-secondary-300 #tab-4:checked ~ nav label.tab-4,
.tabs-secondary-300 #tab-5:checked ~ nav label.tab-5,
.tabs-secondary-300 #tab-6:checked ~ nav label.tab-6,
.tabs-secondary-300 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #555998;
  border-color: #3c3e6a; }

.tabs-secondary-400 nav label {
  color: #343984;
  border-color: #343984; }
  .tabs-secondary-400 nav label:hover {
    border-color: #24285c;
    color: #24285c; }

.tabs-secondary-400 #tab-1:checked ~ nav label.tab-1,
.tabs-secondary-400 #tab-2:checked ~ nav label.tab-2,
.tabs-secondary-400 #tab-3:checked ~ nav label.tab-3,
.tabs-secondary-400 #tab-4:checked ~ nav label.tab-4,
.tabs-secondary-400 #tab-5:checked ~ nav label.tab-5,
.tabs-secondary-400 #tab-6:checked ~ nav label.tab-6,
.tabs-secondary-400 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #343984;
  border-color: #24285c; }

.tabs-secondary-500 nav label {
  color: #010765;
  border-color: #010765; }
  .tabs-secondary-500 nav label:hover {
    border-color: #010547;
    color: #010547; }

.tabs-secondary-500 #tab-1:checked ~ nav label.tab-1,
.tabs-secondary-500 #tab-2:checked ~ nav label.tab-2,
.tabs-secondary-500 #tab-3:checked ~ nav label.tab-3,
.tabs-secondary-500 #tab-4:checked ~ nav label.tab-4,
.tabs-secondary-500 #tab-5:checked ~ nav label.tab-5,
.tabs-secondary-500 #tab-6:checked ~ nav label.tab-6,
.tabs-secondary-500 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #010765;
  border-color: #010547; }

.tabs-secondary-600 nav label {
  color: #01065c;
  border-color: #01065c; }
  .tabs-secondary-600 nav label:hover {
    border-color: #010440;
    color: #010440; }

.tabs-secondary-600 #tab-1:checked ~ nav label.tab-1,
.tabs-secondary-600 #tab-2:checked ~ nav label.tab-2,
.tabs-secondary-600 #tab-3:checked ~ nav label.tab-3,
.tabs-secondary-600 #tab-4:checked ~ nav label.tab-4,
.tabs-secondary-600 #tab-5:checked ~ nav label.tab-5,
.tabs-secondary-600 #tab-6:checked ~ nav label.tab-6,
.tabs-secondary-600 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #01065c;
  border-color: #010440; }

.tabs-secondary-700 nav label {
  color: #010548;
  border-color: #010548; }
  .tabs-secondary-700 nav label:hover {
    border-color: #010432;
    color: #010432; }

.tabs-secondary-700 #tab-1:checked ~ nav label.tab-1,
.tabs-secondary-700 #tab-2:checked ~ nav label.tab-2,
.tabs-secondary-700 #tab-3:checked ~ nav label.tab-3,
.tabs-secondary-700 #tab-4:checked ~ nav label.tab-4,
.tabs-secondary-700 #tab-5:checked ~ nav label.tab-5,
.tabs-secondary-700 #tab-6:checked ~ nav label.tab-6,
.tabs-secondary-700 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #010548;
  border-color: #010432; }

.tabs-secondary-800 nav label {
  color: #010438;
  border-color: #010438; }
  .tabs-secondary-800 nav label:hover {
    border-color: #010327;
    color: #010327; }

.tabs-secondary-800 #tab-1:checked ~ nav label.tab-1,
.tabs-secondary-800 #tab-2:checked ~ nav label.tab-2,
.tabs-secondary-800 #tab-3:checked ~ nav label.tab-3,
.tabs-secondary-800 #tab-4:checked ~ nav label.tab-4,
.tabs-secondary-800 #tab-5:checked ~ nav label.tab-5,
.tabs-secondary-800 #tab-6:checked ~ nav label.tab-6,
.tabs-secondary-800 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #010438;
  border-color: #010327; }

.tabs-secondary-900 nav label {
  color: #00032a;
  border-color: #00032a; }
  .tabs-secondary-900 nav label:hover {
    border-color: #00021d;
    color: #00021d; }

.tabs-secondary-900 #tab-1:checked ~ nav label.tab-1,
.tabs-secondary-900 #tab-2:checked ~ nav label.tab-2,
.tabs-secondary-900 #tab-3:checked ~ nav label.tab-3,
.tabs-secondary-900 #tab-4:checked ~ nav label.tab-4,
.tabs-secondary-900 #tab-5:checked ~ nav label.tab-5,
.tabs-secondary-900 #tab-6:checked ~ nav label.tab-6,
.tabs-secondary-900 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #00032a;
  border-color: #00021d; }

.tabs-blue-50 nav label {
  color: #e6f3ff;
  border-color: #e6f3ff; }
  .tabs-blue-50 nav label:hover {
    border-color: #a1aab3;
    color: #a1aab3; }

.tabs-blue-50 #tab-1:checked ~ nav label.tab-1,
.tabs-blue-50 #tab-2:checked ~ nav label.tab-2,
.tabs-blue-50 #tab-3:checked ~ nav label.tab-3,
.tabs-blue-50 #tab-4:checked ~ nav label.tab-4,
.tabs-blue-50 #tab-5:checked ~ nav label.tab-5,
.tabs-blue-50 #tab-6:checked ~ nav label.tab-6,
.tabs-blue-50 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #e6f3ff;
  border-color: #a1aab3; }

.tabs-blue-100 nav label {
  color: #b0d9ff;
  border-color: #b0d9ff; }
  .tabs-blue-100 nav label:hover {
    border-color: #7b98b3;
    color: #7b98b3; }

.tabs-blue-100 #tab-1:checked ~ nav label.tab-1,
.tabs-blue-100 #tab-2:checked ~ nav label.tab-2,
.tabs-blue-100 #tab-3:checked ~ nav label.tab-3,
.tabs-blue-100 #tab-4:checked ~ nav label.tab-4,
.tabs-blue-100 #tab-5:checked ~ nav label.tab-5,
.tabs-blue-100 #tab-6:checked ~ nav label.tab-6,
.tabs-blue-100 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #b0d9ff;
  border-color: #7b98b3; }

.tabs-blue-200 nav label {
  color: #8ac6ff;
  border-color: #8ac6ff; }
  .tabs-blue-200 nav label:hover {
    border-color: #618bb3;
    color: #618bb3; }

.tabs-blue-200 #tab-1:checked ~ nav label.tab-1,
.tabs-blue-200 #tab-2:checked ~ nav label.tab-2,
.tabs-blue-200 #tab-3:checked ~ nav label.tab-3,
.tabs-blue-200 #tab-4:checked ~ nav label.tab-4,
.tabs-blue-200 #tab-5:checked ~ nav label.tab-5,
.tabs-blue-200 #tab-6:checked ~ nav label.tab-6,
.tabs-blue-200 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #8ac6ff;
  border-color: #618bb3; }

.tabs-blue-300 nav label {
  color: #54adff;
  border-color: #54adff; }
  .tabs-blue-300 nav label:hover {
    border-color: #3b79b3;
    color: #3b79b3; }

.tabs-blue-300 #tab-1:checked ~ nav label.tab-1,
.tabs-blue-300 #tab-2:checked ~ nav label.tab-2,
.tabs-blue-300 #tab-3:checked ~ nav label.tab-3,
.tabs-blue-300 #tab-4:checked ~ nav label.tab-4,
.tabs-blue-300 #tab-5:checked ~ nav label.tab-5,
.tabs-blue-300 #tab-6:checked ~ nav label.tab-6,
.tabs-blue-300 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #54adff;
  border-color: #3b79b3; }

.tabs-blue-400 nav label {
  color: #339dff;
  border-color: #339dff; }
  .tabs-blue-400 nav label:hover {
    border-color: #246eb3;
    color: #246eb3; }

.tabs-blue-400 #tab-1:checked ~ nav label.tab-1,
.tabs-blue-400 #tab-2:checked ~ nav label.tab-2,
.tabs-blue-400 #tab-3:checked ~ nav label.tab-3,
.tabs-blue-400 #tab-4:checked ~ nav label.tab-4,
.tabs-blue-400 #tab-5:checked ~ nav label.tab-5,
.tabs-blue-400 #tab-6:checked ~ nav label.tab-6,
.tabs-blue-400 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #339dff;
  border-color: #246eb3; }

.tabs-blue nav label {
  color: #0084ff;
  border-color: #0084ff; }
  .tabs-blue nav label:hover {
    border-color: #005cb3;
    color: #005cb3; }

.tabs-blue #tab-1:checked ~ nav label.tab-1,
.tabs-blue #tab-2:checked ~ nav label.tab-2,
.tabs-blue #tab-3:checked ~ nav label.tab-3,
.tabs-blue #tab-4:checked ~ nav label.tab-4,
.tabs-blue #tab-5:checked ~ nav label.tab-5,
.tabs-blue #tab-6:checked ~ nav label.tab-6,
.tabs-blue #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #0084ff;
  border-color: #005cb3; }

.tabs-blue-600 nav label {
  color: #0078e8;
  border-color: #0078e8; }
  .tabs-blue-600 nav label:hover {
    border-color: #0054a2;
    color: #0054a2; }

.tabs-blue-600 #tab-1:checked ~ nav label.tab-1,
.tabs-blue-600 #tab-2:checked ~ nav label.tab-2,
.tabs-blue-600 #tab-3:checked ~ nav label.tab-3,
.tabs-blue-600 #tab-4:checked ~ nav label.tab-4,
.tabs-blue-600 #tab-5:checked ~ nav label.tab-5,
.tabs-blue-600 #tab-6:checked ~ nav label.tab-6,
.tabs-blue-600 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #0078e8;
  border-color: #0054a2; }

.tabs-blue-700 nav label {
  color: #005eb5;
  border-color: #005eb5; }
  .tabs-blue-700 nav label:hover {
    border-color: #00427f;
    color: #00427f; }

.tabs-blue-700 #tab-1:checked ~ nav label.tab-1,
.tabs-blue-700 #tab-2:checked ~ nav label.tab-2,
.tabs-blue-700 #tab-3:checked ~ nav label.tab-3,
.tabs-blue-700 #tab-4:checked ~ nav label.tab-4,
.tabs-blue-700 #tab-5:checked ~ nav label.tab-5,
.tabs-blue-700 #tab-6:checked ~ nav label.tab-6,
.tabs-blue-700 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #005eb5;
  border-color: #00427f; }

.tabs-blue-800 nav label {
  color: #00498c;
  border-color: #00498c; }
  .tabs-blue-800 nav label:hover {
    border-color: #003362;
    color: #003362; }

.tabs-blue-800 #tab-1:checked ~ nav label.tab-1,
.tabs-blue-800 #tab-2:checked ~ nav label.tab-2,
.tabs-blue-800 #tab-3:checked ~ nav label.tab-3,
.tabs-blue-800 #tab-4:checked ~ nav label.tab-4,
.tabs-blue-800 #tab-5:checked ~ nav label.tab-5,
.tabs-blue-800 #tab-6:checked ~ nav label.tab-6,
.tabs-blue-800 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #00498c;
  border-color: #003362; }

.tabs-blue-900 nav label {
  color: #00376b;
  border-color: #00376b; }
  .tabs-blue-900 nav label:hover {
    border-color: #00274b;
    color: #00274b; }

.tabs-blue-900 #tab-1:checked ~ nav label.tab-1,
.tabs-blue-900 #tab-2:checked ~ nav label.tab-2,
.tabs-blue-900 #tab-3:checked ~ nav label.tab-3,
.tabs-blue-900 #tab-4:checked ~ nav label.tab-4,
.tabs-blue-900 #tab-5:checked ~ nav label.tab-5,
.tabs-blue-900 #tab-6:checked ~ nav label.tab-6,
.tabs-blue-900 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #00376b;
  border-color: #00274b; }

.tabs-red-50 nav label {
  color: #fdeaea;
  border-color: #fdeaea; }
  .tabs-red-50 nav label:hover {
    border-color: #b1a4a4;
    color: #b1a4a4; }

.tabs-red-50 #tab-1:checked ~ nav label.tab-1,
.tabs-red-50 #tab-2:checked ~ nav label.tab-2,
.tabs-red-50 #tab-3:checked ~ nav label.tab-3,
.tabs-red-50 #tab-4:checked ~ nav label.tab-4,
.tabs-red-50 #tab-5:checked ~ nav label.tab-5,
.tabs-red-50 #tab-6:checked ~ nav label.tab-6,
.tabs-red-50 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #fdeaea;
  border-color: #b1a4a4; }

.tabs-red-100 nav label {
  color: #f8bebe;
  border-color: #f8bebe; }
  .tabs-red-100 nav label:hover {
    border-color: #ae8585;
    color: #ae8585; }

.tabs-red-100 #tab-1:checked ~ nav label.tab-1,
.tabs-red-100 #tab-2:checked ~ nav label.tab-2,
.tabs-red-100 #tab-3:checked ~ nav label.tab-3,
.tabs-red-100 #tab-4:checked ~ nav label.tab-4,
.tabs-red-100 #tab-5:checked ~ nav label.tab-5,
.tabs-red-100 #tab-6:checked ~ nav label.tab-6,
.tabs-red-100 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #f8bebe;
  border-color: #ae8585; }

.tabs-red-200 nav label {
  color: #f59e9e;
  border-color: #f59e9e; }
  .tabs-red-200 nav label:hover {
    border-color: #ac6f6f;
    color: #ac6f6f; }

.tabs-red-200 #tab-1:checked ~ nav label.tab-1,
.tabs-red-200 #tab-2:checked ~ nav label.tab-2,
.tabs-red-200 #tab-3:checked ~ nav label.tab-3,
.tabs-red-200 #tab-4:checked ~ nav label.tab-4,
.tabs-red-200 #tab-5:checked ~ nav label.tab-5,
.tabs-red-200 #tab-6:checked ~ nav label.tab-6,
.tabs-red-200 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #f59e9e;
  border-color: #ac6f6f; }

.tabs-red-300 nav label {
  color: #f07272;
  border-color: #f07272; }
  .tabs-red-300 nav label:hover {
    border-color: #a85050;
    color: #a85050; }

.tabs-red-300 #tab-1:checked ~ nav label.tab-1,
.tabs-red-300 #tab-2:checked ~ nav label.tab-2,
.tabs-red-300 #tab-3:checked ~ nav label.tab-3,
.tabs-red-300 #tab-4:checked ~ nav label.tab-4,
.tabs-red-300 #tab-5:checked ~ nav label.tab-5,
.tabs-red-300 #tab-6:checked ~ nav label.tab-6,
.tabs-red-300 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #f07272;
  border-color: #a85050; }

.tabs-red-400 nav label {
  color: #ed5656;
  border-color: #ed5656; }
  .tabs-red-400 nav label:hover {
    border-color: #a63c3c;
    color: #a63c3c; }

.tabs-red-400 #tab-1:checked ~ nav label.tab-1,
.tabs-red-400 #tab-2:checked ~ nav label.tab-2,
.tabs-red-400 #tab-3:checked ~ nav label.tab-3,
.tabs-red-400 #tab-4:checked ~ nav label.tab-4,
.tabs-red-400 #tab-5:checked ~ nav label.tab-5,
.tabs-red-400 #tab-6:checked ~ nav label.tab-6,
.tabs-red-400 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #ed5656;
  border-color: #a63c3c; }

.tabs-red nav label {
  color: #e92c2c;
  border-color: #e92c2c; }
  .tabs-red nav label:hover {
    border-color: #a31f1f;
    color: #a31f1f; }

.tabs-red #tab-1:checked ~ nav label.tab-1,
.tabs-red #tab-2:checked ~ nav label.tab-2,
.tabs-red #tab-3:checked ~ nav label.tab-3,
.tabs-red #tab-4:checked ~ nav label.tab-4,
.tabs-red #tab-5:checked ~ nav label.tab-5,
.tabs-red #tab-6:checked ~ nav label.tab-6,
.tabs-red #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #e92c2c;
  border-color: #a31f1f; }

.tabs-red-600 nav label {
  color: #d42828;
  border-color: #d42828; }
  .tabs-red-600 nav label:hover {
    border-color: #941c1c;
    color: #941c1c; }

.tabs-red-600 #tab-1:checked ~ nav label.tab-1,
.tabs-red-600 #tab-2:checked ~ nav label.tab-2,
.tabs-red-600 #tab-3:checked ~ nav label.tab-3,
.tabs-red-600 #tab-4:checked ~ nav label.tab-4,
.tabs-red-600 #tab-5:checked ~ nav label.tab-5,
.tabs-red-600 #tab-6:checked ~ nav label.tab-6,
.tabs-red-600 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #d42828;
  border-color: #941c1c; }

.tabs-red-700 nav label {
  color: #a51f1f;
  border-color: #a51f1f; }
  .tabs-red-700 nav label:hover {
    border-color: #741616;
    color: #741616; }

.tabs-red-700 #tab-1:checked ~ nav label.tab-1,
.tabs-red-700 #tab-2:checked ~ nav label.tab-2,
.tabs-red-700 #tab-3:checked ~ nav label.tab-3,
.tabs-red-700 #tab-4:checked ~ nav label.tab-4,
.tabs-red-700 #tab-5:checked ~ nav label.tab-5,
.tabs-red-700 #tab-6:checked ~ nav label.tab-6,
.tabs-red-700 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #a51f1f;
  border-color: #741616; }

.tabs-red-800 nav label {
  color: #801818;
  border-color: #801818; }
  .tabs-red-800 nav label:hover {
    border-color: #5a1111;
    color: #5a1111; }

.tabs-red-800 #tab-1:checked ~ nav label.tab-1,
.tabs-red-800 #tab-2:checked ~ nav label.tab-2,
.tabs-red-800 #tab-3:checked ~ nav label.tab-3,
.tabs-red-800 #tab-4:checked ~ nav label.tab-4,
.tabs-red-800 #tab-5:checked ~ nav label.tab-5,
.tabs-red-800 #tab-6:checked ~ nav label.tab-6,
.tabs-red-800 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #801818;
  border-color: #5a1111; }

.tabs-red-900 nav label {
  color: #621212;
  border-color: #621212; }
  .tabs-red-900 nav label:hover {
    border-color: #450d0d;
    color: #450d0d; }

.tabs-red-900 #tab-1:checked ~ nav label.tab-1,
.tabs-red-900 #tab-2:checked ~ nav label.tab-2,
.tabs-red-900 #tab-3:checked ~ nav label.tab-3,
.tabs-red-900 #tab-4:checked ~ nav label.tab-4,
.tabs-red-900 #tab-5:checked ~ nav label.tab-5,
.tabs-red-900 #tab-6:checked ~ nav label.tab-6,
.tabs-red-900 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #621212;
  border-color: #450d0d; }

.tabs-yellow-50 nav label {
  color: #fff8e6;
  border-color: #fff8e6; }
  .tabs-yellow-50 nav label:hover {
    border-color: #b3aea1;
    color: #b3aea1; }

.tabs-yellow-50 #tab-1:checked ~ nav label.tab-1,
.tabs-yellow-50 #tab-2:checked ~ nav label.tab-2,
.tabs-yellow-50 #tab-3:checked ~ nav label.tab-3,
.tabs-yellow-50 #tab-4:checked ~ nav label.tab-4,
.tabs-yellow-50 #tab-5:checked ~ nav label.tab-5,
.tabs-yellow-50 #tab-6:checked ~ nav label.tab-6,
.tabs-yellow-50 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #fff8e6;
  border-color: #b3aea1; }

.tabs-yellow-100 nav label {
  color: #ffeab2;
  border-color: #ffeab2; }
  .tabs-yellow-100 nav label:hover {
    border-color: #b3a47d;
    color: #b3a47d; }

.tabs-yellow-100 #tab-1:checked ~ nav label.tab-1,
.tabs-yellow-100 #tab-2:checked ~ nav label.tab-2,
.tabs-yellow-100 #tab-3:checked ~ nav label.tab-3,
.tabs-yellow-100 #tab-4:checked ~ nav label.tab-4,
.tabs-yellow-100 #tab-5:checked ~ nav label.tab-5,
.tabs-yellow-100 #tab-6:checked ~ nav label.tab-6,
.tabs-yellow-100 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #ffeab2;
  border-color: #b3a47d; }

.tabs-yellow-200 nav label {
  color: #ffdf8d;
  border-color: #ffdf8d; }
  .tabs-yellow-200 nav label:hover {
    border-color: #b39c63;
    color: #b39c63; }

.tabs-yellow-200 #tab-1:checked ~ nav label.tab-1,
.tabs-yellow-200 #tab-2:checked ~ nav label.tab-2,
.tabs-yellow-200 #tab-3:checked ~ nav label.tab-3,
.tabs-yellow-200 #tab-4:checked ~ nav label.tab-4,
.tabs-yellow-200 #tab-5:checked ~ nav label.tab-5,
.tabs-yellow-200 #tab-6:checked ~ nav label.tab-6,
.tabs-yellow-200 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #ffdf8d;
  border-color: #b39c63; }

.tabs-yellow-300 nav label {
  color: #ffd15a;
  border-color: #ffd15a; }
  .tabs-yellow-300 nav label:hover {
    border-color: #b3923f;
    color: #b3923f; }

.tabs-yellow-300 #tab-1:checked ~ nav label.tab-1,
.tabs-yellow-300 #tab-2:checked ~ nav label.tab-2,
.tabs-yellow-300 #tab-3:checked ~ nav label.tab-3,
.tabs-yellow-300 #tab-4:checked ~ nav label.tab-4,
.tabs-yellow-300 #tab-5:checked ~ nav label.tab-5,
.tabs-yellow-300 #tab-6:checked ~ nav label.tab-6,
.tabs-yellow-300 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #ffd15a;
  border-color: #b3923f; }

.tabs-yellow-400 nav label {
  color: #ffc839;
  border-color: #ffc839; }
  .tabs-yellow-400 nav label:hover {
    border-color: #b38c28;
    color: #b38c28; }

.tabs-yellow-400 #tab-1:checked ~ nav label.tab-1,
.tabs-yellow-400 #tab-2:checked ~ nav label.tab-2,
.tabs-yellow-400 #tab-3:checked ~ nav label.tab-3,
.tabs-yellow-400 #tab-4:checked ~ nav label.tab-4,
.tabs-yellow-400 #tab-5:checked ~ nav label.tab-5,
.tabs-yellow-400 #tab-6:checked ~ nav label.tab-6,
.tabs-yellow-400 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #ffc839;
  border-color: #b38c28; }

.tabs-yellow nav label {
  color: #ffba08;
  border-color: #ffba08; }
  .tabs-yellow nav label:hover {
    border-color: #b38206;
    color: #b38206; }

.tabs-yellow #tab-1:checked ~ nav label.tab-1,
.tabs-yellow #tab-2:checked ~ nav label.tab-2,
.tabs-yellow #tab-3:checked ~ nav label.tab-3,
.tabs-yellow #tab-4:checked ~ nav label.tab-4,
.tabs-yellow #tab-5:checked ~ nav label.tab-5,
.tabs-yellow #tab-6:checked ~ nav label.tab-6,
.tabs-yellow #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #ffba08;
  border-color: #b38206; }

.tabs-yellow-600 nav label {
  color: #e8a907;
  border-color: #e8a907; }
  .tabs-yellow-600 nav label:hover {
    border-color: #a27605;
    color: #a27605; }

.tabs-yellow-600 #tab-1:checked ~ nav label.tab-1,
.tabs-yellow-600 #tab-2:checked ~ nav label.tab-2,
.tabs-yellow-600 #tab-3:checked ~ nav label.tab-3,
.tabs-yellow-600 #tab-4:checked ~ nav label.tab-4,
.tabs-yellow-600 #tab-5:checked ~ nav label.tab-5,
.tabs-yellow-600 #tab-6:checked ~ nav label.tab-6,
.tabs-yellow-600 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #e8a907;
  border-color: #a27605; }

.tabs-yellow-700 nav label {
  color: #b58406;
  border-color: #b58406; }
  .tabs-yellow-700 nav label:hover {
    border-color: #7f5c04;
    color: #7f5c04; }

.tabs-yellow-700 #tab-1:checked ~ nav label.tab-1,
.tabs-yellow-700 #tab-2:checked ~ nav label.tab-2,
.tabs-yellow-700 #tab-3:checked ~ nav label.tab-3,
.tabs-yellow-700 #tab-4:checked ~ nav label.tab-4,
.tabs-yellow-700 #tab-5:checked ~ nav label.tab-5,
.tabs-yellow-700 #tab-6:checked ~ nav label.tab-6,
.tabs-yellow-700 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #b58406;
  border-color: #7f5c04; }

.tabs-yellow-800 nav label {
  color: #8c6604;
  border-color: #8c6604; }
  .tabs-yellow-800 nav label:hover {
    border-color: #624703;
    color: #624703; }

.tabs-yellow-800 #tab-1:checked ~ nav label.tab-1,
.tabs-yellow-800 #tab-2:checked ~ nav label.tab-2,
.tabs-yellow-800 #tab-3:checked ~ nav label.tab-3,
.tabs-yellow-800 #tab-4:checked ~ nav label.tab-4,
.tabs-yellow-800 #tab-5:checked ~ nav label.tab-5,
.tabs-yellow-800 #tab-6:checked ~ nav label.tab-6,
.tabs-yellow-800 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #8c6604;
  border-color: #624703; }

.tabs-yellow-900 nav label {
  color: #6b4e03;
  border-color: #6b4e03; }
  .tabs-yellow-900 nav label:hover {
    border-color: #4b3702;
    color: #4b3702; }

.tabs-yellow-900 #tab-1:checked ~ nav label.tab-1,
.tabs-yellow-900 #tab-2:checked ~ nav label.tab-2,
.tabs-yellow-900 #tab-3:checked ~ nav label.tab-3,
.tabs-yellow-900 #tab-4:checked ~ nav label.tab-4,
.tabs-yellow-900 #tab-5:checked ~ nav label.tab-5,
.tabs-yellow-900 #tab-6:checked ~ nav label.tab-6,
.tabs-yellow-900 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #6b4e03;
  border-color: #4b3702; }

.tabs-green-50 nav label {
  color: #e6f8eb;
  border-color: #e6f8eb; }
  .tabs-green-50 nav label:hover {
    border-color: #a1aea5;
    color: #a1aea5; }

.tabs-green-50 #tab-1:checked ~ nav label.tab-1,
.tabs-green-50 #tab-2:checked ~ nav label.tab-2,
.tabs-green-50 #tab-3:checked ~ nav label.tab-3,
.tabs-green-50 #tab-4:checked ~ nav label.tab-4,
.tabs-green-50 #tab-5:checked ~ nav label.tab-5,
.tabs-green-50 #tab-6:checked ~ nav label.tab-6,
.tabs-green-50 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #e6f8eb;
  border-color: #a1aea5; }

.tabs-green-100 nav label {
  color: #b0eac0;
  border-color: #b0eac0; }
  .tabs-green-100 nav label:hover {
    border-color: #7ba486;
    color: #7ba486; }

.tabs-green-100 #tab-1:checked ~ nav label.tab-1,
.tabs-green-100 #tab-2:checked ~ nav label.tab-2,
.tabs-green-100 #tab-3:checked ~ nav label.tab-3,
.tabs-green-100 #tab-4:checked ~ nav label.tab-4,
.tabs-green-100 #tab-5:checked ~ nav label.tab-5,
.tabs-green-100 #tab-6:checked ~ nav label.tab-6,
.tabs-green-100 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #b0eac0;
  border-color: #7ba486; }

.tabs-green-200 nav label {
  color: #8adfa2;
  border-color: #8adfa2; }
  .tabs-green-200 nav label:hover {
    border-color: #619c71;
    color: #619c71; }

.tabs-green-200 #tab-1:checked ~ nav label.tab-1,
.tabs-green-200 #tab-2:checked ~ nav label.tab-2,
.tabs-green-200 #tab-3:checked ~ nav label.tab-3,
.tabs-green-200 #tab-4:checked ~ nav label.tab-4,
.tabs-green-200 #tab-5:checked ~ nav label.tab-5,
.tabs-green-200 #tab-6:checked ~ nav label.tab-6,
.tabs-green-200 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #8adfa2;
  border-color: #619c71; }

.tabs-green-300 nav label {
  color: #54d177;
  border-color: #54d177; }
  .tabs-green-300 nav label:hover {
    border-color: #3b9253;
    color: #3b9253; }

.tabs-green-300 #tab-1:checked ~ nav label.tab-1,
.tabs-green-300 #tab-2:checked ~ nav label.tab-2,
.tabs-green-300 #tab-3:checked ~ nav label.tab-3,
.tabs-green-300 #tab-4:checked ~ nav label.tab-4,
.tabs-green-300 #tab-5:checked ~ nav label.tab-5,
.tabs-green-300 #tab-6:checked ~ nav label.tab-6,
.tabs-green-300 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #54d177;
  border-color: #3b9253; }

.tabs-green-400 nav label {
  color: #33c85d;
  border-color: #33c85d; }
  .tabs-green-400 nav label:hover {
    border-color: #248c41;
    color: #248c41; }

.tabs-green-400 #tab-1:checked ~ nav label.tab-1,
.tabs-green-400 #tab-2:checked ~ nav label.tab-2,
.tabs-green-400 #tab-3:checked ~ nav label.tab-3,
.tabs-green-400 #tab-4:checked ~ nav label.tab-4,
.tabs-green-400 #tab-5:checked ~ nav label.tab-5,
.tabs-green-400 #tab-6:checked ~ nav label.tab-6,
.tabs-green-400 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #33c85d;
  border-color: #248c41; }

.tabs-green nav label {
  color: #00ba34;
  border-color: #00ba34; }
  .tabs-green nav label:hover {
    border-color: #008224;
    color: #008224; }

.tabs-green #tab-1:checked ~ nav label.tab-1,
.tabs-green #tab-2:checked ~ nav label.tab-2,
.tabs-green #tab-3:checked ~ nav label.tab-3,
.tabs-green #tab-4:checked ~ nav label.tab-4,
.tabs-green #tab-5:checked ~ nav label.tab-5,
.tabs-green #tab-6:checked ~ nav label.tab-6,
.tabs-green #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #00ba34;
  border-color: #008224; }

.tabs-green-600 nav label {
  color: #00a92f;
  border-color: #00a92f; }
  .tabs-green-600 nav label:hover {
    border-color: #007621;
    color: #007621; }

.tabs-green-600 #tab-1:checked ~ nav label.tab-1,
.tabs-green-600 #tab-2:checked ~ nav label.tab-2,
.tabs-green-600 #tab-3:checked ~ nav label.tab-3,
.tabs-green-600 #tab-4:checked ~ nav label.tab-4,
.tabs-green-600 #tab-5:checked ~ nav label.tab-5,
.tabs-green-600 #tab-6:checked ~ nav label.tab-6,
.tabs-green-600 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #00a92f;
  border-color: #007621; }

.tabs-green-700 nav label {
  color: #008425;
  border-color: #008425; }
  .tabs-green-700 nav label:hover {
    border-color: #005c1a;
    color: #005c1a; }

.tabs-green-700 #tab-1:checked ~ nav label.tab-1,
.tabs-green-700 #tab-2:checked ~ nav label.tab-2,
.tabs-green-700 #tab-3:checked ~ nav label.tab-3,
.tabs-green-700 #tab-4:checked ~ nav label.tab-4,
.tabs-green-700 #tab-5:checked ~ nav label.tab-5,
.tabs-green-700 #tab-6:checked ~ nav label.tab-6,
.tabs-green-700 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #008425;
  border-color: #005c1a; }

.tabs-green-800 nav label {
  color: #00661d;
  border-color: #00661d; }
  .tabs-green-800 nav label:hover {
    border-color: #004714;
    color: #004714; }

.tabs-green-800 #tab-1:checked ~ nav label.tab-1,
.tabs-green-800 #tab-2:checked ~ nav label.tab-2,
.tabs-green-800 #tab-3:checked ~ nav label.tab-3,
.tabs-green-800 #tab-4:checked ~ nav label.tab-4,
.tabs-green-800 #tab-5:checked ~ nav label.tab-5,
.tabs-green-800 #tab-6:checked ~ nav label.tab-6,
.tabs-green-800 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #00661d;
  border-color: #004714; }

.tabs-green-900 nav label {
  color: #004e16;
  border-color: #004e16; }
  .tabs-green-900 nav label:hover {
    border-color: #00370f;
    color: #00370f; }

.tabs-green-900 #tab-1:checked ~ nav label.tab-1,
.tabs-green-900 #tab-2:checked ~ nav label.tab-2,
.tabs-green-900 #tab-3:checked ~ nav label.tab-3,
.tabs-green-900 #tab-4:checked ~ nav label.tab-4,
.tabs-green-900 #tab-5:checked ~ nav label.tab-5,
.tabs-green-900 #tab-6:checked ~ nav label.tab-6,
.tabs-green-900 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #004e16;
  border-color: #00370f; }

.tabs-white nav label {
  color: #fff;
  border-color: #fff; }
  .tabs-white nav label:hover {
    border-color: #b3b3b3;
    color: #b3b3b3; }

.tabs-white #tab-1:checked ~ nav label.tab-1,
.tabs-white #tab-2:checked ~ nav label.tab-2,
.tabs-white #tab-3:checked ~ nav label.tab-3,
.tabs-white #tab-4:checked ~ nav label.tab-4,
.tabs-white #tab-5:checked ~ nav label.tab-5,
.tabs-white #tab-6:checked ~ nav label.tab-6,
.tabs-white #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #fff;
  border-color: #b3b3b3; }

.tabs-gray-50 nav label {
  color: #eeeeee;
  border-color: #eeeeee; }
  .tabs-gray-50 nav label:hover {
    border-color: #a7a7a7;
    color: #a7a7a7; }

.tabs-gray-50 #tab-1:checked ~ nav label.tab-1,
.tabs-gray-50 #tab-2:checked ~ nav label.tab-2,
.tabs-gray-50 #tab-3:checked ~ nav label.tab-3,
.tabs-gray-50 #tab-4:checked ~ nav label.tab-4,
.tabs-gray-50 #tab-5:checked ~ nav label.tab-5,
.tabs-gray-50 #tab-6:checked ~ nav label.tab-6,
.tabs-gray-50 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #eeeeee;
  border-color: #a7a7a7; }

.tabs-gray-100 nav label {
  color: #bfbfc1;
  border-color: #bfbfc1; }
  .tabs-gray-100 nav label:hover {
    border-color: #868687;
    color: #868687; }

.tabs-gray-100 #tab-1:checked ~ nav label.tab-1,
.tabs-gray-100 #tab-2:checked ~ nav label.tab-2,
.tabs-gray-100 #tab-3:checked ~ nav label.tab-3,
.tabs-gray-100 #tab-4:checked ~ nav label.tab-4,
.tabs-gray-100 #tab-5:checked ~ nav label.tab-5,
.tabs-gray-100 #tab-6:checked ~ nav label.tab-6,
.tabs-gray-100 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #bfbfc1;
  border-color: #868687; }

.tabs-gray-200 nav label {
  color: #a1a1a3;
  border-color: #a1a1a3; }
  .tabs-gray-200 nav label:hover {
    border-color: #717172;
    color: #717172; }

.tabs-gray-200 #tab-1:checked ~ nav label.tab-1,
.tabs-gray-200 #tab-2:checked ~ nav label.tab-2,
.tabs-gray-200 #tab-3:checked ~ nav label.tab-3,
.tabs-gray-200 #tab-4:checked ~ nav label.tab-4,
.tabs-gray-200 #tab-5:checked ~ nav label.tab-5,
.tabs-gray-200 #tab-6:checked ~ nav label.tab-6,
.tabs-gray-200 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #a1a1a3;
  border-color: #717172; }

.tabs-gray-300 nav label {
  color: #76767a;
  border-color: #76767a; }
  .tabs-gray-300 nav label:hover {
    border-color: #535355;
    color: #535355; }

.tabs-gray-300 #tab-1:checked ~ nav label.tab-1,
.tabs-gray-300 #tab-2:checked ~ nav label.tab-2,
.tabs-gray-300 #tab-3:checked ~ nav label.tab-3,
.tabs-gray-300 #tab-4:checked ~ nav label.tab-4,
.tabs-gray-300 #tab-5:checked ~ nav label.tab-5,
.tabs-gray-300 #tab-6:checked ~ nav label.tab-6,
.tabs-gray-300 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #76767a;
  border-color: #535355; }

.tabs-gray-400 nav label {
  color: #5b5b60;
  border-color: #5b5b60; }
  .tabs-gray-400 nav label:hover {
    border-color: #404043;
    color: #404043; }

.tabs-gray-400 #tab-1:checked ~ nav label.tab-1,
.tabs-gray-400 #tab-2:checked ~ nav label.tab-2,
.tabs-gray-400 #tab-3:checked ~ nav label.tab-3,
.tabs-gray-400 #tab-4:checked ~ nav label.tab-4,
.tabs-gray-400 #tab-5:checked ~ nav label.tab-5,
.tabs-gray-400 #tab-6:checked ~ nav label.tab-6,
.tabs-gray-400 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #5b5b60;
  border-color: #404043; }

.tabs-gray-500 nav label {
  color: #323238;
  border-color: #323238; }
  .tabs-gray-500 nav label:hover {
    border-color: #232327;
    color: #232327; }

.tabs-gray-500 #tab-1:checked ~ nav label.tab-1,
.tabs-gray-500 #tab-2:checked ~ nav label.tab-2,
.tabs-gray-500 #tab-3:checked ~ nav label.tab-3,
.tabs-gray-500 #tab-4:checked ~ nav label.tab-4,
.tabs-gray-500 #tab-5:checked ~ nav label.tab-5,
.tabs-gray-500 #tab-6:checked ~ nav label.tab-6,
.tabs-gray-500 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #323238;
  border-color: #232327; }

.tabs-gray-600 nav label {
  color: #2e2e33;
  border-color: #2e2e33; }
  .tabs-gray-600 nav label:hover {
    border-color: #202024;
    color: #202024; }

.tabs-gray-600 #tab-1:checked ~ nav label.tab-1,
.tabs-gray-600 #tab-2:checked ~ nav label.tab-2,
.tabs-gray-600 #tab-3:checked ~ nav label.tab-3,
.tabs-gray-600 #tab-4:checked ~ nav label.tab-4,
.tabs-gray-600 #tab-5:checked ~ nav label.tab-5,
.tabs-gray-600 #tab-6:checked ~ nav label.tab-6,
.tabs-gray-600 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #2e2e33;
  border-color: #202024; }

.tabs-gray-700 nav label {
  color: #242428;
  border-color: #242428; }
  .tabs-gray-700 nav label:hover {
    border-color: #19191c;
    color: #19191c; }

.tabs-gray-700 #tab-1:checked ~ nav label.tab-1,
.tabs-gray-700 #tab-2:checked ~ nav label.tab-2,
.tabs-gray-700 #tab-3:checked ~ nav label.tab-3,
.tabs-gray-700 #tab-4:checked ~ nav label.tab-4,
.tabs-gray-700 #tab-5:checked ~ nav label.tab-5,
.tabs-gray-700 #tab-6:checked ~ nav label.tab-6,
.tabs-gray-700 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #242428;
  border-color: #19191c; }

.tabs-gray-800 nav label {
  color: #1c1c1f;
  border-color: #1c1c1f; }
  .tabs-gray-800 nav label:hover {
    border-color: #141416;
    color: #141416; }

.tabs-gray-800 #tab-1:checked ~ nav label.tab-1,
.tabs-gray-800 #tab-2:checked ~ nav label.tab-2,
.tabs-gray-800 #tab-3:checked ~ nav label.tab-3,
.tabs-gray-800 #tab-4:checked ~ nav label.tab-4,
.tabs-gray-800 #tab-5:checked ~ nav label.tab-5,
.tabs-gray-800 #tab-6:checked ~ nav label.tab-6,
.tabs-gray-800 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #1c1c1f;
  border-color: #141416; }

.tabs-gray-900 nav label {
  color: #0d0d10;
  border-color: #0d0d10; }
  .tabs-gray-900 nav label:hover {
    border-color: #09090b;
    color: #09090b; }

.tabs-gray-900 #tab-1:checked ~ nav label.tab-1,
.tabs-gray-900 #tab-2:checked ~ nav label.tab-2,
.tabs-gray-900 #tab-3:checked ~ nav label.tab-3,
.tabs-gray-900 #tab-4:checked ~ nav label.tab-4,
.tabs-gray-900 #tab-5:checked ~ nav label.tab-5,
.tabs-gray-900 #tab-6:checked ~ nav label.tab-6,
.tabs-gray-900 #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #0d0d10;
  border-color: #09090b; }

.tabs-black nav label {
  color: #000;
  border-color: #000; }
  .tabs-black nav label:hover {
    border-color: black;
    color: black; }

.tabs-black #tab-1:checked ~ nav label.tab-1,
.tabs-black #tab-2:checked ~ nav label.tab-2,
.tabs-black #tab-3:checked ~ nav label.tab-3,
.tabs-black #tab-4:checked ~ nav label.tab-4,
.tabs-black #tab-5:checked ~ nav label.tab-5,
.tabs-black #tab-6:checked ~ nav label.tab-6,
.tabs-black #tab-7:checked ~ nav label.tab-7 {
  color: #fff;
  background: #000;
  border-color: black; }

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem;
  align-items: center; }

.tags .tag {
  font-size: .6rem;
  font-weight: 700;
  padding: .24rem;
  border: 1px solid #999;
  border-radius: .24rem;
  background: transparent !important;
  color: #999; }

.accordion .accordion-tab label {
  background: var(--sidebar);
  color: var(--foreground);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-weight: 700;
  transition: border-radius 0.3s ease, border-color 0.3s ease, background-color 0.3s ease; }
  .accordion .accordion-tab label .icon {
    transition: transform 0.3s ease; }
  .accordion .accordion-tab label:hover {
    border-color: var(--aura-500); }

.accordion .accordion-tab input:checked ~ label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-width: 1px;
  border-color: var(--border);
  background: var(--card);
  color: var(--foreground); }
  .accordion .accordion-tab input:checked ~ label .icon {
    transform: rotate(180deg);
    color: var(--aura-500); }

.accordion .accordion-tab .content {
  background: var(--card);
  color: var(--foreground);
  border-radius: 0 0 6px 6px;
  border: 1px solid var(--border);
  border-top: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease-out, padding 0.3s ease, opacity 0.3s ease, border-color 0.3s ease;
  opacity: 0;
  padding: 0 1rem;
  border-color: transparent; }
  .accordion .accordion-tab .content > div {
    min-height: 0;
    overflow: hidden; }
  .accordion .accordion-tab .content p {
    margin: 0; }

.accordion .accordion-tab input:checked ~ .content {
  grid-template-rows: 1fr;
  padding: 1rem;
  opacity: 1;
  border-color: var(--border); }

.accordion input[type="radio"],
.accordion input[type="checkbox"] {
  display: none; }

.accordion-aura-50 .accordion-tab input:checked ~ label,
.accordion-tab-aura-50 .accordion-tab input:checked ~ label {
  border-top-color: #fde8f3; }
  .accordion-aura-50 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-aura-50 .accordion-tab input:checked ~ label .icon {
    color: #fde8f3; }

.accordion-aura-100 .accordion-tab input:checked ~ label,
.accordion-tab-aura-100 .accordion-tab input:checked ~ label {
  border-top-color: #f9b7da; }
  .accordion-aura-100 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-aura-100 .accordion-tab input:checked ~ label .icon {
    color: #f9b7da; }

.accordion-aura-200 .accordion-tab input:checked ~ label,
.accordion-tab-aura-200 .accordion-tab input:checked ~ label {
  border-top-color: #f695c9; }
  .accordion-aura-200 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-aura-200 .accordion-tab input:checked ~ label .icon {
    color: #f695c9; }

.accordion-aura-300 .accordion-tab input:checked ~ label,
.accordion-tab-aura-300 .accordion-tab input:checked ~ label {
  border-top-color: #f264b0; }
  .accordion-aura-300 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-aura-300 .accordion-tab input:checked ~ label .icon {
    color: #f264b0; }

.accordion-aura-400 .accordion-tab input:checked ~ label,
.accordion-tab-aura-400 .accordion-tab input:checked ~ label {
  border-top-color: #f046a1; }
  .accordion-aura-400 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-aura-400 .accordion-tab input:checked ~ label .icon {
    color: #f046a1; }

.accordion-aura-500 .accordion-tab input:checked ~ label,
.accordion-tab-aura-500 .accordion-tab input:checked ~ label {
  border-top-color: #ec1889; }
  .accordion-aura-500 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-aura-500 .accordion-tab input:checked ~ label .icon {
    color: #ec1889; }

.accordion-aura-600 .accordion-tab input:checked ~ label,
.accordion-tab-aura-600 .accordion-tab input:checked ~ label {
  border-top-color: #d7167d; }
  .accordion-aura-600 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-aura-600 .accordion-tab input:checked ~ label .icon {
    color: #d7167d; }

.accordion-aura-700 .accordion-tab input:checked ~ label,
.accordion-tab-aura-700 .accordion-tab input:checked ~ label {
  border-top-color: #a81161; }
  .accordion-aura-700 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-aura-700 .accordion-tab input:checked ~ label .icon {
    color: #a81161; }

.accordion-aura-800 .accordion-tab input:checked ~ label,
.accordion-tab-aura-800 .accordion-tab input:checked ~ label {
  border-top-color: #820d4b; }
  .accordion-aura-800 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-aura-800 .accordion-tab input:checked ~ label .icon {
    color: #820d4b; }

.accordion-aura-900 .accordion-tab input:checked ~ label,
.accordion-tab-aura-900 .accordion-tab input:checked ~ label {
  border-top-color: #630a3a; }
  .accordion-aura-900 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-aura-900 .accordion-tab input:checked ~ label .icon {
    color: #630a3a; }

.accordion-secondary-50 .accordion-tab input:checked ~ label,
.accordion-tab-secondary-50 .accordion-tab input:checked ~ label {
  border-top-color: #e6e6f0; }
  .accordion-secondary-50 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-secondary-50 .accordion-tab input:checked ~ label .icon {
    color: #e6e6f0; }

.accordion-secondary-100 .accordion-tab input:checked ~ label,
.accordion-tab-secondary-100 .accordion-tab input:checked ~ label {
  border-top-color: #b0b2cf; }
  .accordion-secondary-100 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-secondary-100 .accordion-tab input:checked ~ label .icon {
    color: #b0b2cf; }

.accordion-secondary-200 .accordion-tab input:checked ~ label,
.accordion-tab-secondary-200 .accordion-tab input:checked ~ label {
  border-top-color: #8a8db8; }
  .accordion-secondary-200 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-secondary-200 .accordion-tab input:checked ~ label .icon {
    color: #8a8db8; }

.accordion-secondary-300 .accordion-tab input:checked ~ label,
.accordion-tab-secondary-300 .accordion-tab input:checked ~ label {
  border-top-color: #555998; }
  .accordion-secondary-300 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-secondary-300 .accordion-tab input:checked ~ label .icon {
    color: #555998; }

.accordion-secondary-400 .accordion-tab input:checked ~ label,
.accordion-tab-secondary-400 .accordion-tab input:checked ~ label {
  border-top-color: #343984; }
  .accordion-secondary-400 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-secondary-400 .accordion-tab input:checked ~ label .icon {
    color: #343984; }

.accordion-secondary-500 .accordion-tab input:checked ~ label,
.accordion-tab-secondary-500 .accordion-tab input:checked ~ label {
  border-top-color: #010765; }
  .accordion-secondary-500 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-secondary-500 .accordion-tab input:checked ~ label .icon {
    color: #010765; }

.accordion-secondary-600 .accordion-tab input:checked ~ label,
.accordion-tab-secondary-600 .accordion-tab input:checked ~ label {
  border-top-color: #01065c; }
  .accordion-secondary-600 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-secondary-600 .accordion-tab input:checked ~ label .icon {
    color: #01065c; }

.accordion-secondary-700 .accordion-tab input:checked ~ label,
.accordion-tab-secondary-700 .accordion-tab input:checked ~ label {
  border-top-color: #010548; }
  .accordion-secondary-700 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-secondary-700 .accordion-tab input:checked ~ label .icon {
    color: #010548; }

.accordion-secondary-800 .accordion-tab input:checked ~ label,
.accordion-tab-secondary-800 .accordion-tab input:checked ~ label {
  border-top-color: #010438; }
  .accordion-secondary-800 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-secondary-800 .accordion-tab input:checked ~ label .icon {
    color: #010438; }

.accordion-secondary-900 .accordion-tab input:checked ~ label,
.accordion-tab-secondary-900 .accordion-tab input:checked ~ label {
  border-top-color: #00032a; }
  .accordion-secondary-900 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-secondary-900 .accordion-tab input:checked ~ label .icon {
    color: #00032a; }

.accordion-blue-50 .accordion-tab input:checked ~ label,
.accordion-tab-blue-50 .accordion-tab input:checked ~ label {
  border-top-color: #e6f3ff; }
  .accordion-blue-50 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-blue-50 .accordion-tab input:checked ~ label .icon {
    color: #e6f3ff; }

.accordion-blue-100 .accordion-tab input:checked ~ label,
.accordion-tab-blue-100 .accordion-tab input:checked ~ label {
  border-top-color: #b0d9ff; }
  .accordion-blue-100 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-blue-100 .accordion-tab input:checked ~ label .icon {
    color: #b0d9ff; }

.accordion-blue-200 .accordion-tab input:checked ~ label,
.accordion-tab-blue-200 .accordion-tab input:checked ~ label {
  border-top-color: #8ac6ff; }
  .accordion-blue-200 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-blue-200 .accordion-tab input:checked ~ label .icon {
    color: #8ac6ff; }

.accordion-blue-300 .accordion-tab input:checked ~ label,
.accordion-tab-blue-300 .accordion-tab input:checked ~ label {
  border-top-color: #54adff; }
  .accordion-blue-300 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-blue-300 .accordion-tab input:checked ~ label .icon {
    color: #54adff; }

.accordion-blue-400 .accordion-tab input:checked ~ label,
.accordion-tab-blue-400 .accordion-tab input:checked ~ label {
  border-top-color: #339dff; }
  .accordion-blue-400 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-blue-400 .accordion-tab input:checked ~ label .icon {
    color: #339dff; }

.accordion-blue .accordion-tab input:checked ~ label,
.accordion-tab-blue .accordion-tab input:checked ~ label {
  border-top-color: #0084ff; }
  .accordion-blue .accordion-tab input:checked ~ label .icon,
  .accordion-tab-blue .accordion-tab input:checked ~ label .icon {
    color: #0084ff; }

.accordion-blue-600 .accordion-tab input:checked ~ label,
.accordion-tab-blue-600 .accordion-tab input:checked ~ label {
  border-top-color: #0078e8; }
  .accordion-blue-600 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-blue-600 .accordion-tab input:checked ~ label .icon {
    color: #0078e8; }

.accordion-blue-700 .accordion-tab input:checked ~ label,
.accordion-tab-blue-700 .accordion-tab input:checked ~ label {
  border-top-color: #005eb5; }
  .accordion-blue-700 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-blue-700 .accordion-tab input:checked ~ label .icon {
    color: #005eb5; }

.accordion-blue-800 .accordion-tab input:checked ~ label,
.accordion-tab-blue-800 .accordion-tab input:checked ~ label {
  border-top-color: #00498c; }
  .accordion-blue-800 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-blue-800 .accordion-tab input:checked ~ label .icon {
    color: #00498c; }

.accordion-blue-900 .accordion-tab input:checked ~ label,
.accordion-tab-blue-900 .accordion-tab input:checked ~ label {
  border-top-color: #00376b; }
  .accordion-blue-900 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-blue-900 .accordion-tab input:checked ~ label .icon {
    color: #00376b; }

.accordion-red-50 .accordion-tab input:checked ~ label,
.accordion-tab-red-50 .accordion-tab input:checked ~ label {
  border-top-color: #fdeaea; }
  .accordion-red-50 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-red-50 .accordion-tab input:checked ~ label .icon {
    color: #fdeaea; }

.accordion-red-100 .accordion-tab input:checked ~ label,
.accordion-tab-red-100 .accordion-tab input:checked ~ label {
  border-top-color: #f8bebe; }
  .accordion-red-100 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-red-100 .accordion-tab input:checked ~ label .icon {
    color: #f8bebe; }

.accordion-red-200 .accordion-tab input:checked ~ label,
.accordion-tab-red-200 .accordion-tab input:checked ~ label {
  border-top-color: #f59e9e; }
  .accordion-red-200 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-red-200 .accordion-tab input:checked ~ label .icon {
    color: #f59e9e; }

.accordion-red-300 .accordion-tab input:checked ~ label,
.accordion-tab-red-300 .accordion-tab input:checked ~ label {
  border-top-color: #f07272; }
  .accordion-red-300 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-red-300 .accordion-tab input:checked ~ label .icon {
    color: #f07272; }

.accordion-red-400 .accordion-tab input:checked ~ label,
.accordion-tab-red-400 .accordion-tab input:checked ~ label {
  border-top-color: #ed5656; }
  .accordion-red-400 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-red-400 .accordion-tab input:checked ~ label .icon {
    color: #ed5656; }

.accordion-red .accordion-tab input:checked ~ label,
.accordion-tab-red .accordion-tab input:checked ~ label {
  border-top-color: #e92c2c; }
  .accordion-red .accordion-tab input:checked ~ label .icon,
  .accordion-tab-red .accordion-tab input:checked ~ label .icon {
    color: #e92c2c; }

.accordion-red-600 .accordion-tab input:checked ~ label,
.accordion-tab-red-600 .accordion-tab input:checked ~ label {
  border-top-color: #d42828; }
  .accordion-red-600 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-red-600 .accordion-tab input:checked ~ label .icon {
    color: #d42828; }

.accordion-red-700 .accordion-tab input:checked ~ label,
.accordion-tab-red-700 .accordion-tab input:checked ~ label {
  border-top-color: #a51f1f; }
  .accordion-red-700 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-red-700 .accordion-tab input:checked ~ label .icon {
    color: #a51f1f; }

.accordion-red-800 .accordion-tab input:checked ~ label,
.accordion-tab-red-800 .accordion-tab input:checked ~ label {
  border-top-color: #801818; }
  .accordion-red-800 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-red-800 .accordion-tab input:checked ~ label .icon {
    color: #801818; }

.accordion-red-900 .accordion-tab input:checked ~ label,
.accordion-tab-red-900 .accordion-tab input:checked ~ label {
  border-top-color: #621212; }
  .accordion-red-900 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-red-900 .accordion-tab input:checked ~ label .icon {
    color: #621212; }

.accordion-yellow-50 .accordion-tab input:checked ~ label,
.accordion-tab-yellow-50 .accordion-tab input:checked ~ label {
  border-top-color: #fff8e6; }
  .accordion-yellow-50 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-yellow-50 .accordion-tab input:checked ~ label .icon {
    color: #fff8e6; }

.accordion-yellow-100 .accordion-tab input:checked ~ label,
.accordion-tab-yellow-100 .accordion-tab input:checked ~ label {
  border-top-color: #ffeab2; }
  .accordion-yellow-100 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-yellow-100 .accordion-tab input:checked ~ label .icon {
    color: #ffeab2; }

.accordion-yellow-200 .accordion-tab input:checked ~ label,
.accordion-tab-yellow-200 .accordion-tab input:checked ~ label {
  border-top-color: #ffdf8d; }
  .accordion-yellow-200 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-yellow-200 .accordion-tab input:checked ~ label .icon {
    color: #ffdf8d; }

.accordion-yellow-300 .accordion-tab input:checked ~ label,
.accordion-tab-yellow-300 .accordion-tab input:checked ~ label {
  border-top-color: #ffd15a; }
  .accordion-yellow-300 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-yellow-300 .accordion-tab input:checked ~ label .icon {
    color: #ffd15a; }

.accordion-yellow-400 .accordion-tab input:checked ~ label,
.accordion-tab-yellow-400 .accordion-tab input:checked ~ label {
  border-top-color: #ffc839; }
  .accordion-yellow-400 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-yellow-400 .accordion-tab input:checked ~ label .icon {
    color: #ffc839; }

.accordion-yellow .accordion-tab input:checked ~ label,
.accordion-tab-yellow .accordion-tab input:checked ~ label {
  border-top-color: #ffba08; }
  .accordion-yellow .accordion-tab input:checked ~ label .icon,
  .accordion-tab-yellow .accordion-tab input:checked ~ label .icon {
    color: #ffba08; }

.accordion-yellow-600 .accordion-tab input:checked ~ label,
.accordion-tab-yellow-600 .accordion-tab input:checked ~ label {
  border-top-color: #e8a907; }
  .accordion-yellow-600 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-yellow-600 .accordion-tab input:checked ~ label .icon {
    color: #e8a907; }

.accordion-yellow-700 .accordion-tab input:checked ~ label,
.accordion-tab-yellow-700 .accordion-tab input:checked ~ label {
  border-top-color: #b58406; }
  .accordion-yellow-700 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-yellow-700 .accordion-tab input:checked ~ label .icon {
    color: #b58406; }

.accordion-yellow-800 .accordion-tab input:checked ~ label,
.accordion-tab-yellow-800 .accordion-tab input:checked ~ label {
  border-top-color: #8c6604; }
  .accordion-yellow-800 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-yellow-800 .accordion-tab input:checked ~ label .icon {
    color: #8c6604; }

.accordion-yellow-900 .accordion-tab input:checked ~ label,
.accordion-tab-yellow-900 .accordion-tab input:checked ~ label {
  border-top-color: #6b4e03; }
  .accordion-yellow-900 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-yellow-900 .accordion-tab input:checked ~ label .icon {
    color: #6b4e03; }

.accordion-green-50 .accordion-tab input:checked ~ label,
.accordion-tab-green-50 .accordion-tab input:checked ~ label {
  border-top-color: #e6f8eb; }
  .accordion-green-50 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-green-50 .accordion-tab input:checked ~ label .icon {
    color: #e6f8eb; }

.accordion-green-100 .accordion-tab input:checked ~ label,
.accordion-tab-green-100 .accordion-tab input:checked ~ label {
  border-top-color: #b0eac0; }
  .accordion-green-100 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-green-100 .accordion-tab input:checked ~ label .icon {
    color: #b0eac0; }

.accordion-green-200 .accordion-tab input:checked ~ label,
.accordion-tab-green-200 .accordion-tab input:checked ~ label {
  border-top-color: #8adfa2; }
  .accordion-green-200 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-green-200 .accordion-tab input:checked ~ label .icon {
    color: #8adfa2; }

.accordion-green-300 .accordion-tab input:checked ~ label,
.accordion-tab-green-300 .accordion-tab input:checked ~ label {
  border-top-color: #54d177; }
  .accordion-green-300 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-green-300 .accordion-tab input:checked ~ label .icon {
    color: #54d177; }

.accordion-green-400 .accordion-tab input:checked ~ label,
.accordion-tab-green-400 .accordion-tab input:checked ~ label {
  border-top-color: #33c85d; }
  .accordion-green-400 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-green-400 .accordion-tab input:checked ~ label .icon {
    color: #33c85d; }

.accordion-green .accordion-tab input:checked ~ label,
.accordion-tab-green .accordion-tab input:checked ~ label {
  border-top-color: #00ba34; }
  .accordion-green .accordion-tab input:checked ~ label .icon,
  .accordion-tab-green .accordion-tab input:checked ~ label .icon {
    color: #00ba34; }

.accordion-green-600 .accordion-tab input:checked ~ label,
.accordion-tab-green-600 .accordion-tab input:checked ~ label {
  border-top-color: #00a92f; }
  .accordion-green-600 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-green-600 .accordion-tab input:checked ~ label .icon {
    color: #00a92f; }

.accordion-green-700 .accordion-tab input:checked ~ label,
.accordion-tab-green-700 .accordion-tab input:checked ~ label {
  border-top-color: #008425; }
  .accordion-green-700 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-green-700 .accordion-tab input:checked ~ label .icon {
    color: #008425; }

.accordion-green-800 .accordion-tab input:checked ~ label,
.accordion-tab-green-800 .accordion-tab input:checked ~ label {
  border-top-color: #00661d; }
  .accordion-green-800 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-green-800 .accordion-tab input:checked ~ label .icon {
    color: #00661d; }

.accordion-green-900 .accordion-tab input:checked ~ label,
.accordion-tab-green-900 .accordion-tab input:checked ~ label {
  border-top-color: #004e16; }
  .accordion-green-900 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-green-900 .accordion-tab input:checked ~ label .icon {
    color: #004e16; }

.accordion-white .accordion-tab input:checked ~ label,
.accordion-tab-white .accordion-tab input:checked ~ label {
  border-top-color: #fff; }
  .accordion-white .accordion-tab input:checked ~ label .icon,
  .accordion-tab-white .accordion-tab input:checked ~ label .icon {
    color: #fff; }

.accordion-gray-50 .accordion-tab input:checked ~ label,
.accordion-tab-gray-50 .accordion-tab input:checked ~ label {
  border-top-color: #eeeeee; }
  .accordion-gray-50 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-gray-50 .accordion-tab input:checked ~ label .icon {
    color: #eeeeee; }

.accordion-gray-100 .accordion-tab input:checked ~ label,
.accordion-tab-gray-100 .accordion-tab input:checked ~ label {
  border-top-color: #bfbfc1; }
  .accordion-gray-100 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-gray-100 .accordion-tab input:checked ~ label .icon {
    color: #bfbfc1; }

.accordion-gray-200 .accordion-tab input:checked ~ label,
.accordion-tab-gray-200 .accordion-tab input:checked ~ label {
  border-top-color: #a1a1a3; }
  .accordion-gray-200 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-gray-200 .accordion-tab input:checked ~ label .icon {
    color: #a1a1a3; }

.accordion-gray-300 .accordion-tab input:checked ~ label,
.accordion-tab-gray-300 .accordion-tab input:checked ~ label {
  border-top-color: #76767a; }
  .accordion-gray-300 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-gray-300 .accordion-tab input:checked ~ label .icon {
    color: #76767a; }

.accordion-gray-400 .accordion-tab input:checked ~ label,
.accordion-tab-gray-400 .accordion-tab input:checked ~ label {
  border-top-color: #5b5b60; }
  .accordion-gray-400 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-gray-400 .accordion-tab input:checked ~ label .icon {
    color: #5b5b60; }

.accordion-gray-500 .accordion-tab input:checked ~ label,
.accordion-tab-gray-500 .accordion-tab input:checked ~ label {
  border-top-color: #323238; }
  .accordion-gray-500 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-gray-500 .accordion-tab input:checked ~ label .icon {
    color: #323238; }

.accordion-gray-600 .accordion-tab input:checked ~ label,
.accordion-tab-gray-600 .accordion-tab input:checked ~ label {
  border-top-color: #2e2e33; }
  .accordion-gray-600 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-gray-600 .accordion-tab input:checked ~ label .icon {
    color: #2e2e33; }

.accordion-gray-700 .accordion-tab input:checked ~ label,
.accordion-tab-gray-700 .accordion-tab input:checked ~ label {
  border-top-color: #242428; }
  .accordion-gray-700 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-gray-700 .accordion-tab input:checked ~ label .icon {
    color: #242428; }

.accordion-gray-800 .accordion-tab input:checked ~ label,
.accordion-tab-gray-800 .accordion-tab input:checked ~ label {
  border-top-color: #1c1c1f; }
  .accordion-gray-800 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-gray-800 .accordion-tab input:checked ~ label .icon {
    color: #1c1c1f; }

.accordion-gray-900 .accordion-tab input:checked ~ label,
.accordion-tab-gray-900 .accordion-tab input:checked ~ label {
  border-top-color: #0d0d10; }
  .accordion-gray-900 .accordion-tab input:checked ~ label .icon,
  .accordion-tab-gray-900 .accordion-tab input:checked ~ label .icon {
    color: #0d0d10; }

.accordion-black .accordion-tab input:checked ~ label,
.accordion-tab-black .accordion-tab input:checked ~ label {
  border-top-color: #000; }
  .accordion-black .accordion-tab input:checked ~ label .icon,
  .accordion-tab-black .accordion-tab input:checked ~ label .icon {
    color: #000; }

.funnel_content {
  width: 100%; }
  .funnel_content .funnel_board {
    width: 100%;
    display: flex;
    height: calc(100vh - 60px);
    overflow: auto; }
    .funnel_content .funnel_board .funnel_list {
      flex: 0 0 320px; }
      .funnel_content .funnel_board .funnel_list + div {
        border-left: 1px solid var(--border); }
      .funnel_content .funnel_board .funnel_list header {
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 0.75rem;
        color: var(--foreground);
        border-bottom: 1px solid var(--border); }
        .funnel_content .funnel_board .funnel_list header .infors h3 {
          font-size: 1rem; }
        .funnel_content .funnel_board .funnel_list header .infors span {
          font-size: 0.75rem; }
        .funnel_content .funnel_board .funnel_list header .list_count {
          font-weight: 700;
          font-size: 1rem;
          color: var(--aura-500); }
      .funnel_content .funnel_board .funnel_list .funnel_list_stage {
        list-style: none;
        overflow-y: scroll;
        height: calc(100% - 60px);
        padding: 0.5rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem; }
        .funnel_content .funnel_board .funnel_list .funnel_list_stage li {
          padding: 0.75rem;
          background: var(--card);
          border: 1px solid var(--border);
          border-radius: 8px;
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          cursor: pointer; }
          .funnel_content .funnel_board .funnel_list .funnel_list_stage li .infors {
            display: flex;
            align-items: flex-start;
            width: 100%; }
            .funnel_content .funnel_board .funnel_list .funnel_list_stage li .infors .infors_body {
              width: 100%;
              display: flex;
              align-items: flex-start;
              justify-content: space-between;
              gap: 0.75rem; }
              .funnel_content .funnel_board .funnel_list .funnel_list_stage li .infors .infors_body .body_data {
                width: 100%; }
                .funnel_content .funnel_board .funnel_list .funnel_list_stage li .infors .infors_body .body_data a {
                  text-decoration: none;
                  font-weight: 700;
                  color: var(--foreground); }
                  .funnel_content .funnel_board .funnel_list .funnel_list_stage li .infors .infors_body .body_data a:hover {
                    color: var(--aura-500); }
                .funnel_content .funnel_board .funnel_list .funnel_list_stage li .infors .infors_body .body_data p {
                  font-size: 0.875rem;
                  color: var(--foreground);
                  margin: 0 !important; }
              .funnel_content .funnel_board .funnel_list .funnel_list_stage li .infors .infors_body .body_actions {
                display: flex;
                align-items: center;
                gap: 0.25rem; }

/* Others */
.highlight {
  background: transparent; }

.is-dragging {
  cursor: pointer;
  opacity: 0.3; }

.over {
  background-color: #c4fdc0; }

.sliders {
  width: 100%;
  margin: auto;
  overflow: hidden;
  position: relative; }
  .sliders .slider {
    display: flex;
    transition: transform 0.5s ease-in-out; }
    .sliders .slider .slide {
      min-width: 100%;
      position: relative;
      transition: transform 0.5s; }
      .sliders .slider .slide::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #14141480 0%, #14141400 100%), linear-gradient(0deg, #141414 0%, #14141400 50%);
        z-index: 1; }
      .sliders .slider .slide img {
        width: 100%;
        height: 80vh;
        object-fit: cover; }
        @media (max-width: 42em) {
          .sliders .slider .slide img {
            height: 50vh; } }
      .sliders .slider .slide .slide-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 11%;
        color: #FFFFFF;
        max-width: 35%;
        z-index: 2; }
        @media (max-width: 42em) {
          .sliders .slider .slide .slide-content {
            text-align: center;
            max-width: 95%;
            display: flex;
            flex-direction: column;
            align-items: center;
            top: 20%;
            left: 50%;
            transform: translateX(-50%);
            margin: 0 auto; } }
        .sliders .slider .slide .slide-content .slide-title {
          font-size: 2rem;
          margin-bottom: 0.75rem; }
          @media (max-width: 42em) {
            .sliders .slider .slide .slide-content .slide-title {
              font-size: 1.25rem; } }
        .sliders .slider .slide .slide-content .slide-description {
          font-size: 1.25rem;
          margin-bottom: 1.5rem; }
          @media (max-width: 42em) {
            .sliders .slider .slide .slide-content .slide-description {
              font-size: 0.875rem; } }
  .sliders .slider-nav {
    position: absolute;
    bottom: 10%;
    left: 11%;
    display: flex;
    gap: 0.75rem;
    z-index: 2; }
    @media (max-width: 42em) {
      .sliders .slider-nav {
        left: 50%;
        transform: translateX(-50%); } }
    .sliders .slider-nav .nav-button {
      color: #FFFFFF;
      border: none;
      background: transparent;
      padding: 1rem;
      cursor: pointer; }

.carousels {
  position: relative;
  width: 100%;
  margin: auto;
  overflow: hidden; }
  .carousels .carousel-title {
    color: #FFFFFF;
    padding-left: 11%;
    margin-bottom: 0.5rem; }
  .carousels .carousel {
    display: flex;
    transition: transform 0.5s ease-in-out;
    padding-left: 11%; }
    .carousels .carousel .carousel-item {
      min-width: 260px;
      margin-right: 0.75rem; }
      .carousels .carousel .carousel-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 16 / 9;
        border-radius: 6px; }
  .carousels .carousel-button {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50px;
    border: none;
    color: #FFFFFF;
    font-size: 2rem;
    cursor: pointer;
    z-index: 1;
    background-color: transparent;
    transition: background-color 0.3s; }
    .carousels .carousel-button.left {
      left: 0; }
    .carousels .carousel-button.right {
      right: 0; }
    .carousels .carousel-button:hover {
      background: #14141495; }

.fab-container {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 2000; }
  .fab-container .fab {
    background: var(--primary);
    color: var(--white);
    border: none;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease; }
    .fab-container .fab:hover {
      background: var(--aura-700); }
  .fab-container .fab-options {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 70px;
    right: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: all 0.3s ease; }
    .fab-container .fab-options .fab-option {
      margin-bottom: 10px;
      background: var(--secondary-500);
      color: white;
      border: none;
      border-radius: 50%;
      width: 44px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      cursor: pointer;
      transition: all 0.3s ease; }
      .fab-container .fab-options .fab-option:hover {
        background: var(--secondary-700); }
  .fab-container.active .fab-options {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0); }

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  border-radius: 8px;
  background: var(--muted);
  color: var(--muted-foreground);
  white-space: nowrap;
  border: 1px solid transparent;
  transition: all 0.2s; }
  .badge.badge-sm {
    padding: 0.25rem 0.25rem;
    font-size: 0.625rem; }
  .badge.badge-lg {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem; }
  .badge.badge-pill {
    border-radius: 99999px; }
  .badge.badge-dot {
    padding-left: 1rem;
    position: relative; }
    .badge.badge-dot::before {
      content: '';
      position: absolute;
      left: 0.5rem;
      top: 50%;
      transform: translateY(-50%);
      width: 6px;
      height: 6px;
      border-radius: 99999px;
      background: currentColor; }

.badge-aura-50 {
  color: #fff !important;
  background: #fde8f3 !important;
  border-color: #fde8f3 !important; }

.badge-outline-aura-50 {
  color: #fde8f3 !important;
  background: transparent !important;
  border-color: #fde8f3 !important; }
  .badge-outline-aura-50:hover {
    background: rgba(253, 232, 243, 0.1) !important; }

.badge-aura-100 {
  color: #fff !important;
  background: #f9b7da !important;
  border-color: #f9b7da !important; }

.badge-outline-aura-100 {
  color: #f9b7da !important;
  background: transparent !important;
  border-color: #f9b7da !important; }
  .badge-outline-aura-100:hover {
    background: rgba(249, 183, 218, 0.1) !important; }

.badge-aura-200 {
  color: #fff !important;
  background: #f695c9 !important;
  border-color: #f695c9 !important; }

.badge-outline-aura-200 {
  color: #f695c9 !important;
  background: transparent !important;
  border-color: #f695c9 !important; }
  .badge-outline-aura-200:hover {
    background: rgba(246, 149, 201, 0.1) !important; }

.badge-aura-300 {
  color: #fff !important;
  background: #f264b0 !important;
  border-color: #f264b0 !important; }

.badge-outline-aura-300 {
  color: #f264b0 !important;
  background: transparent !important;
  border-color: #f264b0 !important; }
  .badge-outline-aura-300:hover {
    background: rgba(242, 100, 176, 0.1) !important; }

.badge-aura-400 {
  color: #fff !important;
  background: #f046a1 !important;
  border-color: #f046a1 !important; }

.badge-outline-aura-400 {
  color: #f046a1 !important;
  background: transparent !important;
  border-color: #f046a1 !important; }
  .badge-outline-aura-400:hover {
    background: rgba(240, 70, 161, 0.1) !important; }

.badge-aura-500 {
  color: #fff !important;
  background: #ec1889 !important;
  border-color: #ec1889 !important; }

.badge-outline-aura-500 {
  color: #ec1889 !important;
  background: transparent !important;
  border-color: #ec1889 !important; }
  .badge-outline-aura-500:hover {
    background: rgba(236, 24, 137, 0.1) !important; }

.badge-aura-600 {
  color: #fff !important;
  background: #d7167d !important;
  border-color: #d7167d !important; }

.badge-outline-aura-600 {
  color: #d7167d !important;
  background: transparent !important;
  border-color: #d7167d !important; }
  .badge-outline-aura-600:hover {
    background: rgba(215, 22, 125, 0.1) !important; }

.badge-aura-700 {
  color: #fff !important;
  background: #a81161 !important;
  border-color: #a81161 !important; }

.badge-outline-aura-700 {
  color: #a81161 !important;
  background: transparent !important;
  border-color: #a81161 !important; }
  .badge-outline-aura-700:hover {
    background: rgba(168, 17, 97, 0.1) !important; }

.badge-aura-800 {
  color: #fff !important;
  background: #820d4b !important;
  border-color: #820d4b !important; }

.badge-outline-aura-800 {
  color: #820d4b !important;
  background: transparent !important;
  border-color: #820d4b !important; }
  .badge-outline-aura-800:hover {
    background: rgba(130, 13, 75, 0.1) !important; }

.badge-aura-900 {
  color: #fff !important;
  background: #630a3a !important;
  border-color: #630a3a !important; }

.badge-outline-aura-900 {
  color: #630a3a !important;
  background: transparent !important;
  border-color: #630a3a !important; }
  .badge-outline-aura-900:hover {
    background: rgba(99, 10, 58, 0.1) !important; }

.badge-secondary-50 {
  color: #fff !important;
  background: #e6e6f0 !important;
  border-color: #e6e6f0 !important; }

.badge-outline-secondary-50 {
  color: #e6e6f0 !important;
  background: transparent !important;
  border-color: #e6e6f0 !important; }
  .badge-outline-secondary-50:hover {
    background: rgba(230, 230, 240, 0.1) !important; }

.badge-secondary-100 {
  color: #fff !important;
  background: #b0b2cf !important;
  border-color: #b0b2cf !important; }

.badge-outline-secondary-100 {
  color: #b0b2cf !important;
  background: transparent !important;
  border-color: #b0b2cf !important; }
  .badge-outline-secondary-100:hover {
    background: rgba(176, 178, 207, 0.1) !important; }

.badge-secondary-200 {
  color: #fff !important;
  background: #8a8db8 !important;
  border-color: #8a8db8 !important; }

.badge-outline-secondary-200 {
  color: #8a8db8 !important;
  background: transparent !important;
  border-color: #8a8db8 !important; }
  .badge-outline-secondary-200:hover {
    background: rgba(138, 141, 184, 0.1) !important; }

.badge-secondary-300 {
  color: #fff !important;
  background: #555998 !important;
  border-color: #555998 !important; }

.badge-outline-secondary-300 {
  color: #555998 !important;
  background: transparent !important;
  border-color: #555998 !important; }
  .badge-outline-secondary-300:hover {
    background: rgba(85, 89, 152, 0.1) !important; }

.badge-secondary-400 {
  color: #fff !important;
  background: #343984 !important;
  border-color: #343984 !important; }

.badge-outline-secondary-400 {
  color: #343984 !important;
  background: transparent !important;
  border-color: #343984 !important; }
  .badge-outline-secondary-400:hover {
    background: rgba(52, 57, 132, 0.1) !important; }

.badge-secondary-500 {
  color: #fff !important;
  background: #010765 !important;
  border-color: #010765 !important; }

.badge-outline-secondary-500 {
  color: #010765 !important;
  background: transparent !important;
  border-color: #010765 !important; }
  .badge-outline-secondary-500:hover {
    background: rgba(1, 7, 101, 0.1) !important; }

.badge-secondary-600 {
  color: #fff !important;
  background: #01065c !important;
  border-color: #01065c !important; }

.badge-outline-secondary-600 {
  color: #01065c !important;
  background: transparent !important;
  border-color: #01065c !important; }
  .badge-outline-secondary-600:hover {
    background: rgba(1, 6, 92, 0.1) !important; }

.badge-secondary-700 {
  color: #fff !important;
  background: #010548 !important;
  border-color: #010548 !important; }

.badge-outline-secondary-700 {
  color: #010548 !important;
  background: transparent !important;
  border-color: #010548 !important; }
  .badge-outline-secondary-700:hover {
    background: rgba(1, 5, 72, 0.1) !important; }

.badge-secondary-800 {
  color: #fff !important;
  background: #010438 !important;
  border-color: #010438 !important; }

.badge-outline-secondary-800 {
  color: #010438 !important;
  background: transparent !important;
  border-color: #010438 !important; }
  .badge-outline-secondary-800:hover {
    background: rgba(1, 4, 56, 0.1) !important; }

.badge-secondary-900 {
  color: #fff !important;
  background: #00032a !important;
  border-color: #00032a !important; }

.badge-outline-secondary-900 {
  color: #00032a !important;
  background: transparent !important;
  border-color: #00032a !important; }
  .badge-outline-secondary-900:hover {
    background: rgba(0, 3, 42, 0.1) !important; }

.badge-blue-50 {
  color: #fff !important;
  background: #e6f3ff !important;
  border-color: #e6f3ff !important; }

.badge-outline-blue-50 {
  color: #e6f3ff !important;
  background: transparent !important;
  border-color: #e6f3ff !important; }
  .badge-outline-blue-50:hover {
    background: rgba(230, 243, 255, 0.1) !important; }

.badge-blue-100 {
  color: #fff !important;
  background: #b0d9ff !important;
  border-color: #b0d9ff !important; }

.badge-outline-blue-100 {
  color: #b0d9ff !important;
  background: transparent !important;
  border-color: #b0d9ff !important; }
  .badge-outline-blue-100:hover {
    background: rgba(176, 217, 255, 0.1) !important; }

.badge-blue-200 {
  color: #fff !important;
  background: #8ac6ff !important;
  border-color: #8ac6ff !important; }

.badge-outline-blue-200 {
  color: #8ac6ff !important;
  background: transparent !important;
  border-color: #8ac6ff !important; }
  .badge-outline-blue-200:hover {
    background: rgba(138, 198, 255, 0.1) !important; }

.badge-blue-300 {
  color: #fff !important;
  background: #54adff !important;
  border-color: #54adff !important; }

.badge-outline-blue-300 {
  color: #54adff !important;
  background: transparent !important;
  border-color: #54adff !important; }
  .badge-outline-blue-300:hover {
    background: rgba(84, 173, 255, 0.1) !important; }

.badge-blue-400 {
  color: #fff !important;
  background: #339dff !important;
  border-color: #339dff !important; }

.badge-outline-blue-400 {
  color: #339dff !important;
  background: transparent !important;
  border-color: #339dff !important; }
  .badge-outline-blue-400:hover {
    background: rgba(51, 157, 255, 0.1) !important; }

.badge-blue {
  color: #fff !important;
  background: #0084ff !important;
  border-color: #0084ff !important; }

.badge-outline-blue {
  color: #0084ff !important;
  background: transparent !important;
  border-color: #0084ff !important; }
  .badge-outline-blue:hover {
    background: rgba(0, 132, 255, 0.1) !important; }

.badge-blue-600 {
  color: #fff !important;
  background: #0078e8 !important;
  border-color: #0078e8 !important; }

.badge-outline-blue-600 {
  color: #0078e8 !important;
  background: transparent !important;
  border-color: #0078e8 !important; }
  .badge-outline-blue-600:hover {
    background: rgba(0, 120, 232, 0.1) !important; }

.badge-blue-700 {
  color: #fff !important;
  background: #005eb5 !important;
  border-color: #005eb5 !important; }

.badge-outline-blue-700 {
  color: #005eb5 !important;
  background: transparent !important;
  border-color: #005eb5 !important; }
  .badge-outline-blue-700:hover {
    background: rgba(0, 94, 181, 0.1) !important; }

.badge-blue-800 {
  color: #fff !important;
  background: #00498c !important;
  border-color: #00498c !important; }

.badge-outline-blue-800 {
  color: #00498c !important;
  background: transparent !important;
  border-color: #00498c !important; }
  .badge-outline-blue-800:hover {
    background: rgba(0, 73, 140, 0.1) !important; }

.badge-blue-900 {
  color: #fff !important;
  background: #00376b !important;
  border-color: #00376b !important; }

.badge-outline-blue-900 {
  color: #00376b !important;
  background: transparent !important;
  border-color: #00376b !important; }
  .badge-outline-blue-900:hover {
    background: rgba(0, 55, 107, 0.1) !important; }

.badge-red-50 {
  color: #fff !important;
  background: #fdeaea !important;
  border-color: #fdeaea !important; }

.badge-outline-red-50 {
  color: #fdeaea !important;
  background: transparent !important;
  border-color: #fdeaea !important; }
  .badge-outline-red-50:hover {
    background: rgba(253, 234, 234, 0.1) !important; }

.badge-red-100 {
  color: #fff !important;
  background: #f8bebe !important;
  border-color: #f8bebe !important; }

.badge-outline-red-100 {
  color: #f8bebe !important;
  background: transparent !important;
  border-color: #f8bebe !important; }
  .badge-outline-red-100:hover {
    background: rgba(248, 190, 190, 0.1) !important; }

.badge-red-200 {
  color: #fff !important;
  background: #f59e9e !important;
  border-color: #f59e9e !important; }

.badge-outline-red-200 {
  color: #f59e9e !important;
  background: transparent !important;
  border-color: #f59e9e !important; }
  .badge-outline-red-200:hover {
    background: rgba(245, 158, 158, 0.1) !important; }

.badge-red-300 {
  color: #fff !important;
  background: #f07272 !important;
  border-color: #f07272 !important; }

.badge-outline-red-300 {
  color: #f07272 !important;
  background: transparent !important;
  border-color: #f07272 !important; }
  .badge-outline-red-300:hover {
    background: rgba(240, 114, 114, 0.1) !important; }

.badge-red-400 {
  color: #fff !important;
  background: #ed5656 !important;
  border-color: #ed5656 !important; }

.badge-outline-red-400 {
  color: #ed5656 !important;
  background: transparent !important;
  border-color: #ed5656 !important; }
  .badge-outline-red-400:hover {
    background: rgba(237, 86, 86, 0.1) !important; }

.badge-red {
  color: #fff !important;
  background: #e92c2c !important;
  border-color: #e92c2c !important; }

.badge-outline-red {
  color: #e92c2c !important;
  background: transparent !important;
  border-color: #e92c2c !important; }
  .badge-outline-red:hover {
    background: rgba(233, 44, 44, 0.1) !important; }

.badge-red-600 {
  color: #fff !important;
  background: #d42828 !important;
  border-color: #d42828 !important; }

.badge-outline-red-600 {
  color: #d42828 !important;
  background: transparent !important;
  border-color: #d42828 !important; }
  .badge-outline-red-600:hover {
    background: rgba(212, 40, 40, 0.1) !important; }

.badge-red-700 {
  color: #fff !important;
  background: #a51f1f !important;
  border-color: #a51f1f !important; }

.badge-outline-red-700 {
  color: #a51f1f !important;
  background: transparent !important;
  border-color: #a51f1f !important; }
  .badge-outline-red-700:hover {
    background: rgba(165, 31, 31, 0.1) !important; }

.badge-red-800 {
  color: #fff !important;
  background: #801818 !important;
  border-color: #801818 !important; }

.badge-outline-red-800 {
  color: #801818 !important;
  background: transparent !important;
  border-color: #801818 !important; }
  .badge-outline-red-800:hover {
    background: rgba(128, 24, 24, 0.1) !important; }

.badge-red-900 {
  color: #fff !important;
  background: #621212 !important;
  border-color: #621212 !important; }

.badge-outline-red-900 {
  color: #621212 !important;
  background: transparent !important;
  border-color: #621212 !important; }
  .badge-outline-red-900:hover {
    background: rgba(98, 18, 18, 0.1) !important; }

.badge-yellow-50 {
  color: #fff !important;
  background: #fff8e6 !important;
  border-color: #fff8e6 !important; }

.badge-outline-yellow-50 {
  color: #fff8e6 !important;
  background: transparent !important;
  border-color: #fff8e6 !important; }
  .badge-outline-yellow-50:hover {
    background: rgba(255, 248, 230, 0.1) !important; }

.badge-yellow-100 {
  color: #fff !important;
  background: #ffeab2 !important;
  border-color: #ffeab2 !important; }

.badge-outline-yellow-100 {
  color: #ffeab2 !important;
  background: transparent !important;
  border-color: #ffeab2 !important; }
  .badge-outline-yellow-100:hover {
    background: rgba(255, 234, 178, 0.1) !important; }

.badge-yellow-200 {
  color: #fff !important;
  background: #ffdf8d !important;
  border-color: #ffdf8d !important; }

.badge-outline-yellow-200 {
  color: #ffdf8d !important;
  background: transparent !important;
  border-color: #ffdf8d !important; }
  .badge-outline-yellow-200:hover {
    background: rgba(255, 223, 141, 0.1) !important; }

.badge-yellow-300 {
  color: #fff !important;
  background: #ffd15a !important;
  border-color: #ffd15a !important; }

.badge-outline-yellow-300 {
  color: #ffd15a !important;
  background: transparent !important;
  border-color: #ffd15a !important; }
  .badge-outline-yellow-300:hover {
    background: rgba(255, 209, 90, 0.1) !important; }

.badge-yellow-400 {
  color: #fff !important;
  background: #ffc839 !important;
  border-color: #ffc839 !important; }

.badge-outline-yellow-400 {
  color: #ffc839 !important;
  background: transparent !important;
  border-color: #ffc839 !important; }
  .badge-outline-yellow-400:hover {
    background: rgba(255, 200, 57, 0.1) !important; }

.badge-yellow {
  color: #fff !important;
  background: #ffba08 !important;
  border-color: #ffba08 !important; }

.badge-outline-yellow {
  color: #ffba08 !important;
  background: transparent !important;
  border-color: #ffba08 !important; }
  .badge-outline-yellow:hover {
    background: rgba(255, 186, 8, 0.1) !important; }

.badge-yellow-600 {
  color: #fff !important;
  background: #e8a907 !important;
  border-color: #e8a907 !important; }

.badge-outline-yellow-600 {
  color: #e8a907 !important;
  background: transparent !important;
  border-color: #e8a907 !important; }
  .badge-outline-yellow-600:hover {
    background: rgba(232, 169, 7, 0.1) !important; }

.badge-yellow-700 {
  color: #fff !important;
  background: #b58406 !important;
  border-color: #b58406 !important; }

.badge-outline-yellow-700 {
  color: #b58406 !important;
  background: transparent !important;
  border-color: #b58406 !important; }
  .badge-outline-yellow-700:hover {
    background: rgba(181, 132, 6, 0.1) !important; }

.badge-yellow-800 {
  color: #fff !important;
  background: #8c6604 !important;
  border-color: #8c6604 !important; }

.badge-outline-yellow-800 {
  color: #8c6604 !important;
  background: transparent !important;
  border-color: #8c6604 !important; }
  .badge-outline-yellow-800:hover {
    background: rgba(140, 102, 4, 0.1) !important; }

.badge-yellow-900 {
  color: #fff !important;
  background: #6b4e03 !important;
  border-color: #6b4e03 !important; }

.badge-outline-yellow-900 {
  color: #6b4e03 !important;
  background: transparent !important;
  border-color: #6b4e03 !important; }
  .badge-outline-yellow-900:hover {
    background: rgba(107, 78, 3, 0.1) !important; }

.badge-green-50 {
  color: #fff !important;
  background: #e6f8eb !important;
  border-color: #e6f8eb !important; }

.badge-outline-green-50 {
  color: #e6f8eb !important;
  background: transparent !important;
  border-color: #e6f8eb !important; }
  .badge-outline-green-50:hover {
    background: rgba(230, 248, 235, 0.1) !important; }

.badge-green-100 {
  color: #fff !important;
  background: #b0eac0 !important;
  border-color: #b0eac0 !important; }

.badge-outline-green-100 {
  color: #b0eac0 !important;
  background: transparent !important;
  border-color: #b0eac0 !important; }
  .badge-outline-green-100:hover {
    background: rgba(176, 234, 192, 0.1) !important; }

.badge-green-200 {
  color: #fff !important;
  background: #8adfa2 !important;
  border-color: #8adfa2 !important; }

.badge-outline-green-200 {
  color: #8adfa2 !important;
  background: transparent !important;
  border-color: #8adfa2 !important; }
  .badge-outline-green-200:hover {
    background: rgba(138, 223, 162, 0.1) !important; }

.badge-green-300 {
  color: #fff !important;
  background: #54d177 !important;
  border-color: #54d177 !important; }

.badge-outline-green-300 {
  color: #54d177 !important;
  background: transparent !important;
  border-color: #54d177 !important; }
  .badge-outline-green-300:hover {
    background: rgba(84, 209, 119, 0.1) !important; }

.badge-green-400 {
  color: #fff !important;
  background: #33c85d !important;
  border-color: #33c85d !important; }

.badge-outline-green-400 {
  color: #33c85d !important;
  background: transparent !important;
  border-color: #33c85d !important; }
  .badge-outline-green-400:hover {
    background: rgba(51, 200, 93, 0.1) !important; }

.badge-green {
  color: #fff !important;
  background: #00ba34 !important;
  border-color: #00ba34 !important; }

.badge-outline-green {
  color: #00ba34 !important;
  background: transparent !important;
  border-color: #00ba34 !important; }
  .badge-outline-green:hover {
    background: rgba(0, 186, 52, 0.1) !important; }

.badge-green-600 {
  color: #fff !important;
  background: #00a92f !important;
  border-color: #00a92f !important; }

.badge-outline-green-600 {
  color: #00a92f !important;
  background: transparent !important;
  border-color: #00a92f !important; }
  .badge-outline-green-600:hover {
    background: rgba(0, 169, 47, 0.1) !important; }

.badge-green-700 {
  color: #fff !important;
  background: #008425 !important;
  border-color: #008425 !important; }

.badge-outline-green-700 {
  color: #008425 !important;
  background: transparent !important;
  border-color: #008425 !important; }
  .badge-outline-green-700:hover {
    background: rgba(0, 132, 37, 0.1) !important; }

.badge-green-800 {
  color: #fff !important;
  background: #00661d !important;
  border-color: #00661d !important; }

.badge-outline-green-800 {
  color: #00661d !important;
  background: transparent !important;
  border-color: #00661d !important; }
  .badge-outline-green-800:hover {
    background: rgba(0, 102, 29, 0.1) !important; }

.badge-green-900 {
  color: #fff !important;
  background: #004e16 !important;
  border-color: #004e16 !important; }

.badge-outline-green-900 {
  color: #004e16 !important;
  background: transparent !important;
  border-color: #004e16 !important; }
  .badge-outline-green-900:hover {
    background: rgba(0, 78, 22, 0.1) !important; }

.badge-white {
  color: #fff !important;
  background: #fff !important;
  border-color: #fff !important; }

.badge-outline-white {
  color: #fff !important;
  background: transparent !important;
  border-color: #fff !important; }
  .badge-outline-white:hover {
    background: rgba(255, 255, 255, 0.1) !important; }

.badge-gray-50 {
  color: #fff !important;
  background: #eeeeee !important;
  border-color: #eeeeee !important; }

.badge-outline-gray-50 {
  color: #eeeeee !important;
  background: transparent !important;
  border-color: #eeeeee !important; }
  .badge-outline-gray-50:hover {
    background: rgba(238, 238, 238, 0.1) !important; }

.badge-gray-100 {
  color: #fff !important;
  background: #bfbfc1 !important;
  border-color: #bfbfc1 !important; }

.badge-outline-gray-100 {
  color: #bfbfc1 !important;
  background: transparent !important;
  border-color: #bfbfc1 !important; }
  .badge-outline-gray-100:hover {
    background: rgba(191, 191, 193, 0.1) !important; }

.badge-gray-200 {
  color: #fff !important;
  background: #a1a1a3 !important;
  border-color: #a1a1a3 !important; }

.badge-outline-gray-200 {
  color: #a1a1a3 !important;
  background: transparent !important;
  border-color: #a1a1a3 !important; }
  .badge-outline-gray-200:hover {
    background: rgba(161, 161, 163, 0.1) !important; }

.badge-gray-300 {
  color: #fff !important;
  background: #76767a !important;
  border-color: #76767a !important; }

.badge-outline-gray-300 {
  color: #76767a !important;
  background: transparent !important;
  border-color: #76767a !important; }
  .badge-outline-gray-300:hover {
    background: rgba(118, 118, 122, 0.1) !important; }

.badge-gray-400 {
  color: #fff !important;
  background: #5b5b60 !important;
  border-color: #5b5b60 !important; }

.badge-outline-gray-400 {
  color: #5b5b60 !important;
  background: transparent !important;
  border-color: #5b5b60 !important; }
  .badge-outline-gray-400:hover {
    background: rgba(91, 91, 96, 0.1) !important; }

.badge-gray-500 {
  color: #fff !important;
  background: #323238 !important;
  border-color: #323238 !important; }

.badge-outline-gray-500 {
  color: #323238 !important;
  background: transparent !important;
  border-color: #323238 !important; }
  .badge-outline-gray-500:hover {
    background: rgba(50, 50, 56, 0.1) !important; }

.badge-gray-600 {
  color: #fff !important;
  background: #2e2e33 !important;
  border-color: #2e2e33 !important; }

.badge-outline-gray-600 {
  color: #2e2e33 !important;
  background: transparent !important;
  border-color: #2e2e33 !important; }
  .badge-outline-gray-600:hover {
    background: rgba(46, 46, 51, 0.1) !important; }

.badge-gray-700 {
  color: #fff !important;
  background: #242428 !important;
  border-color: #242428 !important; }

.badge-outline-gray-700 {
  color: #242428 !important;
  background: transparent !important;
  border-color: #242428 !important; }
  .badge-outline-gray-700:hover {
    background: rgba(36, 36, 40, 0.1) !important; }

.badge-gray-800 {
  color: #fff !important;
  background: #1c1c1f !important;
  border-color: #1c1c1f !important; }

.badge-outline-gray-800 {
  color: #1c1c1f !important;
  background: transparent !important;
  border-color: #1c1c1f !important; }
  .badge-outline-gray-800:hover {
    background: rgba(28, 28, 31, 0.1) !important; }

.badge-gray-900 {
  color: #fff !important;
  background: #0d0d10 !important;
  border-color: #0d0d10 !important; }

.badge-outline-gray-900 {
  color: #0d0d10 !important;
  background: transparent !important;
  border-color: #0d0d10 !important; }
  .badge-outline-gray-900:hover {
    background: rgba(13, 13, 16, 0.1) !important; }

.badge-black {
  color: #fff !important;
  background: #000 !important;
  border-color: #000 !important; }

.badge-outline-black {
  color: #000 !important;
  background: transparent !important;
  border-color: #000 !important; }
  .badge-outline-black:hover {
    background: rgba(0, 0, 0, 0.1) !important; }

.alert {
  position: relative;
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--card);
  color: var(--card-foreground); }
  .alert .alert-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem; }
  .alert .alert-description {
    font-size: 0.875rem;
    color: var(--muted-foreground); }
  .alert .alert-icon {
    flex-shrink: 0;
    font-size: 1.25rem; }
  .alert.alert-dismissible {
    padding-right: 3rem; }
    .alert.alert-dismissible .alert-close {
      position: absolute;
      top: 0.75rem;
      right: 0.75rem;
      background: transparent;
      border: none;
      color: var(--foreground);
      cursor: pointer;
      padding: 0.25rem;
      line-height: 1;
      font-size: 1.25rem;
      opacity: 0.5;
      transition: opacity 0.2s; }
      .alert.alert-dismissible .alert-close:hover {
        opacity: 1; }
  .alert.alert-success {
    background: #f2fcf5;
    border-color: #00ba34;
    color: #00701f; }
    .alert.alert-success .alert-icon {
      color: #00ba34; }
  .alert.alert-info {
    background: #f2f9ff;
    border-color: #0084ff;
    color: #004f99; }
    .alert.alert-info .alert-icon {
      color: #0084ff; }
  .alert.alert-warning {
    background: #fffcf3;
    border-color: #ffba08;
    color: #997005; }
    .alert.alert-warning .alert-icon {
      color: #ffba08; }
  .alert.alert-error, .alert.alert-danger {
    background: #fef4f4;
    border-color: #e92c2c;
    color: #8c1a1a; }
    .alert.alert-error .alert-icon, .alert.alert-danger .alert-icon {
      color: #e92c2c; }

.progress {
  width: 100%;
  height: 1rem;
  background: var(--muted);
  border-radius: 99999px;
  overflow: hidden;
  position: relative; }
  .progress .progress-bar {
    height: 100%;
    background: var(--primary);
    transition: width 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-foreground);
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap; }
  .progress.progress-sm {
    height: 0.5rem; }
    .progress.progress-sm .progress-bar {
      font-size: 0.625rem; }
  .progress.progress-lg {
    height: 1.5rem; }
    .progress.progress-lg .progress-bar {
      font-size: 0.875rem; }
  .progress.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem; }
  .progress.progress-animated .progress-bar {
    animation: progress-stripes 1s linear infinite; }

@keyframes progress-stripes {
  0% {
    background-position: 1rem 0; }
  100% {
    background-position: 0 0; } }

.progress-aura-50 .progress-bar {
  background: #fde8f3 !important;
  color: #fff !important; }

.progress-aura-100 .progress-bar {
  background: #f9b7da !important;
  color: #fff !important; }

.progress-aura-200 .progress-bar {
  background: #f695c9 !important;
  color: #fff !important; }

.progress-aura-300 .progress-bar {
  background: #f264b0 !important;
  color: #fff !important; }

.progress-aura-400 .progress-bar {
  background: #f046a1 !important;
  color: #fff !important; }

.progress-aura-500 .progress-bar {
  background: #ec1889 !important;
  color: #fff !important; }

.progress-aura-600 .progress-bar {
  background: #d7167d !important;
  color: #fff !important; }

.progress-aura-700 .progress-bar {
  background: #a81161 !important;
  color: #fff !important; }

.progress-aura-800 .progress-bar {
  background: #820d4b !important;
  color: #fff !important; }

.progress-aura-900 .progress-bar {
  background: #630a3a !important;
  color: #fff !important; }

.progress-secondary-50 .progress-bar {
  background: #e6e6f0 !important;
  color: #fff !important; }

.progress-secondary-100 .progress-bar {
  background: #b0b2cf !important;
  color: #fff !important; }

.progress-secondary-200 .progress-bar {
  background: #8a8db8 !important;
  color: #fff !important; }

.progress-secondary-300 .progress-bar {
  background: #555998 !important;
  color: #fff !important; }

.progress-secondary-400 .progress-bar {
  background: #343984 !important;
  color: #fff !important; }

.progress-secondary-500 .progress-bar {
  background: #010765 !important;
  color: #fff !important; }

.progress-secondary-600 .progress-bar {
  background: #01065c !important;
  color: #fff !important; }

.progress-secondary-700 .progress-bar {
  background: #010548 !important;
  color: #fff !important; }

.progress-secondary-800 .progress-bar {
  background: #010438 !important;
  color: #fff !important; }

.progress-secondary-900 .progress-bar {
  background: #00032a !important;
  color: #fff !important; }

.progress-blue-50 .progress-bar {
  background: #e6f3ff !important;
  color: #fff !important; }

.progress-blue-100 .progress-bar {
  background: #b0d9ff !important;
  color: #fff !important; }

.progress-blue-200 .progress-bar {
  background: #8ac6ff !important;
  color: #fff !important; }

.progress-blue-300 .progress-bar {
  background: #54adff !important;
  color: #fff !important; }

.progress-blue-400 .progress-bar {
  background: #339dff !important;
  color: #fff !important; }

.progress-blue .progress-bar {
  background: #0084ff !important;
  color: #fff !important; }

.progress-blue-600 .progress-bar {
  background: #0078e8 !important;
  color: #fff !important; }

.progress-blue-700 .progress-bar {
  background: #005eb5 !important;
  color: #fff !important; }

.progress-blue-800 .progress-bar {
  background: #00498c !important;
  color: #fff !important; }

.progress-blue-900 .progress-bar {
  background: #00376b !important;
  color: #fff !important; }

.progress-red-50 .progress-bar {
  background: #fdeaea !important;
  color: #fff !important; }

.progress-red-100 .progress-bar {
  background: #f8bebe !important;
  color: #fff !important; }

.progress-red-200 .progress-bar {
  background: #f59e9e !important;
  color: #fff !important; }

.progress-red-300 .progress-bar {
  background: #f07272 !important;
  color: #fff !important; }

.progress-red-400 .progress-bar {
  background: #ed5656 !important;
  color: #fff !important; }

.progress-red .progress-bar {
  background: #e92c2c !important;
  color: #fff !important; }

.progress-red-600 .progress-bar {
  background: #d42828 !important;
  color: #fff !important; }

.progress-red-700 .progress-bar {
  background: #a51f1f !important;
  color: #fff !important; }

.progress-red-800 .progress-bar {
  background: #801818 !important;
  color: #fff !important; }

.progress-red-900 .progress-bar {
  background: #621212 !important;
  color: #fff !important; }

.progress-yellow-50 .progress-bar {
  background: #fff8e6 !important;
  color: #fff !important; }

.progress-yellow-100 .progress-bar {
  background: #ffeab2 !important;
  color: #fff !important; }

.progress-yellow-200 .progress-bar {
  background: #ffdf8d !important;
  color: #fff !important; }

.progress-yellow-300 .progress-bar {
  background: #ffd15a !important;
  color: #fff !important; }

.progress-yellow-400 .progress-bar {
  background: #ffc839 !important;
  color: #fff !important; }

.progress-yellow .progress-bar {
  background: #ffba08 !important;
  color: #fff !important; }

.progress-yellow-600 .progress-bar {
  background: #e8a907 !important;
  color: #fff !important; }

.progress-yellow-700 .progress-bar {
  background: #b58406 !important;
  color: #fff !important; }

.progress-yellow-800 .progress-bar {
  background: #8c6604 !important;
  color: #fff !important; }

.progress-yellow-900 .progress-bar {
  background: #6b4e03 !important;
  color: #fff !important; }

.progress-green-50 .progress-bar {
  background: #e6f8eb !important;
  color: #fff !important; }

.progress-green-100 .progress-bar {
  background: #b0eac0 !important;
  color: #fff !important; }

.progress-green-200 .progress-bar {
  background: #8adfa2 !important;
  color: #fff !important; }

.progress-green-300 .progress-bar {
  background: #54d177 !important;
  color: #fff !important; }

.progress-green-400 .progress-bar {
  background: #33c85d !important;
  color: #fff !important; }

.progress-green .progress-bar {
  background: #00ba34 !important;
  color: #fff !important; }

.progress-green-600 .progress-bar {
  background: #00a92f !important;
  color: #fff !important; }

.progress-green-700 .progress-bar {
  background: #008425 !important;
  color: #fff !important; }

.progress-green-800 .progress-bar {
  background: #00661d !important;
  color: #fff !important; }

.progress-green-900 .progress-bar {
  background: #004e16 !important;
  color: #fff !important; }

.progress-white .progress-bar {
  background: #fff !important;
  color: #fff !important; }

.progress-gray-50 .progress-bar {
  background: #eeeeee !important;
  color: #fff !important; }

.progress-gray-100 .progress-bar {
  background: #bfbfc1 !important;
  color: #fff !important; }

.progress-gray-200 .progress-bar {
  background: #a1a1a3 !important;
  color: #fff !important; }

.progress-gray-300 .progress-bar {
  background: #76767a !important;
  color: #fff !important; }

.progress-gray-400 .progress-bar {
  background: #5b5b60 !important;
  color: #fff !important; }

.progress-gray-500 .progress-bar {
  background: #323238 !important;
  color: #fff !important; }

.progress-gray-600 .progress-bar {
  background: #2e2e33 !important;
  color: #fff !important; }

.progress-gray-700 .progress-bar {
  background: #242428 !important;
  color: #fff !important; }

.progress-gray-800 .progress-bar {
  background: #1c1c1f !important;
  color: #fff !important; }

.progress-gray-900 .progress-bar {
  background: #0d0d10 !important;
  color: #fff !important; }

.progress-black .progress-bar {
  background: #000 !important;
  color: #fff !important; }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  list-style: none;
  font-size: 0.875rem; }
  .breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    color: var(--muted-foreground); }
    .breadcrumb .breadcrumb-item a {
      color: var(--foreground);
      text-decoration: none;
      transition: color 0.2s; }
      .breadcrumb .breadcrumb-item a:hover {
        color: var(--primary);
        text-decoration: underline; }
    .breadcrumb .breadcrumb-item.active {
      color: var(--foreground);
      font-weight: 500; }
    .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      content: '/';
      padding: 0 0.5rem;
      color: var(--muted-foreground); }
    .breadcrumb .breadcrumb-item[data-separator='>'] + .breadcrumb-item::before {
      content: '>'; }
    .breadcrumb .breadcrumb-item[data-separator='»'] + .breadcrumb-item::before {
      content: '»'; }
    .breadcrumb .breadcrumb-item[data-separator='·'] + .breadcrumb-item::before {
      content: '·'; }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: none;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--primary-foreground);
  background: var(--primary);
  border-radius: 6px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none; }
  .tooltip.show {
    display: block;
    opacity: 1; }
  .tooltip .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid; }
  .tooltip.tooltip-top .tooltip-arrow {
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px 4px 0 4px;
    border-color: var(--primary) transparent transparent transparent; }
  .tooltip.tooltip-bottom .tooltip-arrow {
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent var(--primary) transparent; }
  .tooltip.tooltip-left .tooltip-arrow {
    right: -4px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent var(--primary); }
  .tooltip.tooltip-right .tooltip-arrow {
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 4px 4px 4px 0;
    border-color: transparent var(--primary) transparent transparent; }

[data-tooltip] {
  position: relative;
  cursor: help; }

.skeleton {
  position: relative;
  overflow: hidden;
  background: var(--muted);
  border-radius: 8px; }
  .skeleton::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%);
    animation: skeleton-shimmer 1.5s infinite; }
  .skeleton.skeleton-text {
    height: 1em;
    margin-bottom: 0.5rem;
    border-radius: 6px; }
    .skeleton.skeleton-text:last-child {
      width: 80%; }
  .skeleton.skeleton-circle {
    width: 48px;
    height: 48px;
    border-radius: 99999px; }
  .skeleton.skeleton-rect {
    width: 100%;
    height: 200px; }
  .skeleton.skeleton-sm.skeleton-circle {
    width: 32px;
    height: 32px; }
  .skeleton.skeleton-lg.skeleton-circle {
    width: 64px;
    height: 64px; }
  .skeleton.skeleton-xl.skeleton-circle {
    width: 96px;
    height: 96px; }

@keyframes skeleton-shimmer {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(100%); } }

.skeleton-pulse {
  animation: skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
  .skeleton-pulse::after {
    display: none; }

@keyframes skeleton-pulse {
  0%,
  100% {
    opacity: 1; }
  50% {
    opacity: 0.5; } }

.divider {
  border: 0;
  border-top: 1px solid var(--border);
  margin: 1rem 0;
  height: 0; }
  .divider.divider-vertical {
    display: inline-block;
    width: 0;
    height: auto;
    min-height: 1em;
    border-top: 0;
    border-left: 1px solid var(--border);
    margin: 0 0.5rem;
    vertical-align: middle; }
  .divider.divider-text {
    display: flex;
    align-items: center;
    text-align: center;
    white-space: nowrap;
    border-top: 0; }
    .divider.divider-text::before, .divider.divider-text::after {
      content: '';
      flex: 1;
      border-top: 1px solid var(--border); }
    .divider.divider-text::before {
      margin-right: 0.75rem; }
    .divider.divider-text::after {
      margin-left: 0.75rem; }
    .divider.divider-text span {
      color: var(--muted-foreground);
      font-size: 0.875rem; }
  .divider.divider-thick {
    border-top-width: 2px; }
    .divider.divider-thick.divider-vertical {
      border-left-width: 2px; }
  .divider.divider-dashed {
    border-top-style: dashed; }
    .divider.divider-dashed.divider-vertical {
      border-left-style: dashed; }
  .divider.divider-dotted {
    border-top-style: dotted; }
    .divider.divider-dotted.divider-vertical {
      border-left-style: dotted; }

.avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 99999px;
  overflow: hidden;
  background: var(--muted);
  color: var(--muted-foreground);
  font-weight: 500;
  user-select: none; }
  .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .avatar.avatar-xs {
    width: 24px;
    height: 24px;
    font-size: 0.625rem; }
  .avatar.avatar-sm {
    width: 32px;
    height: 32px;
    font-size: 0.75rem; }
  .avatar.avatar-md {
    width: 48px;
    height: 48px;
    font-size: 1rem; }
  .avatar.avatar-lg {
    width: 64px;
    height: 64px;
    font-size: 1.125rem; }
  .avatar.avatar-xl {
    width: 96px;
    height: 96px;
    font-size: 1.5rem; }
  .avatar.avatar-square {
    border-radius: 8px; }
  .avatar.avatar-rounded {
    border-radius: 16px; }
  .avatar.avatar-circle {
    border-radius: 99999px; }
  .avatar .avatar-status {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
    height: 25%;
    border-radius: 99999px;
    border: 2px solid var(--background); }
    .avatar .avatar-status.status-online {
      background: #00ba34; }
    .avatar .avatar-status.status-offline {
      background: var(--muted); }
    .avatar .avatar-status.status-busy {
      background: #e92c2c; }
    .avatar .avatar-status.status-away {
      background: #ffba08; }
  .avatar .avatar-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--primary);
    color: var(--primary-foreground);
    font-weight: 700;
    text-transform: uppercase; }

.avatar-group {
  display: inline-flex;
  flex-direction: row-reverse; }
  .avatar-group .avatar {
    margin-left: -8px;
    border: 2px solid var(--background);
    transition: transform 0.2s, z-index 0.2s; }
    .avatar-group .avatar:hover {
      transform: translateY(-4px);
      z-index: 10; }
    .avatar-group .avatar:first-child {
      margin-left: 0; }
  .avatar-group.avatar-group-stacked {
    flex-direction: row; }
    .avatar-group.avatar-group-stacked .avatar {
      margin-left: 0;
      margin-right: -8px; }
      .avatar-group.avatar-group-stacked .avatar:first-child {
        margin-right: -8px; }
      .avatar-group.avatar-group-stacked .avatar:last-child {
        margin-right: 0; }

.stepper {
  display: flex;
  width: 100%; }
  .stepper.stepper-horizontal {
    flex-direction: row;
    align-items: flex-start; }
    .stepper.stepper-horizontal .stepper-item {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative; }
      .stepper.stepper-horizontal .stepper-item:not(:last-child) .stepper-step::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 100%;
        width: 100%;
        height: 2px;
        background: var(--border);
        transform: translateY(-50%);
        z-index: -1; }
      .stepper.stepper-horizontal .stepper-item.completed .stepper-step {
        background: var(--primary);
        color: var(--primary-foreground);
        border-color: var(--primary); }
      .stepper.stepper-horizontal .stepper-item.completed .stepper-step::after {
        background: var(--primary); }
      .stepper.stepper-horizontal .stepper-item.active .stepper-step {
        border-color: var(--primary);
        color: var(--primary); }
      .stepper.stepper-horizontal .stepper-item.active .stepper-label {
        font-weight: 700;
        color: var(--foreground); }
      .stepper.stepper-horizontal .stepper-item.disabled {
        opacity: 0.5;
        pointer-events: none; }
    .stepper.stepper-horizontal .stepper-step {
      width: 40px;
      height: 40px;
      border-radius: 99999px;
      border: 2px solid var(--border);
      background: var(--background);
      color: var(--muted-foreground);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 1rem;
      position: relative;
      z-index: 1;
      transition: all 0.3s; }
    .stepper.stepper-horizontal .stepper-content {
      text-align: center;
      margin-top: 0.5rem; }
    .stepper.stepper-horizontal .stepper-label {
      font-size: 0.875rem;
      color: var(--muted-foreground);
      margin-bottom: 0.25rem; }
    .stepper.stepper-horizontal .stepper-description {
      font-size: 0.75rem;
      color: var(--muted-foreground); }
  .stepper.stepper-vertical {
    flex-direction: column; }
    .stepper.stepper-vertical .stepper-item {
      display: flex;
      flex-direction: row;
      position: relative;
      padding-bottom: 1.5rem; }
      .stepper.stepper-vertical .stepper-item:not(:last-child) .stepper-step::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        width: 2px;
        height: 100%;
        background: var(--border);
        transform: translateX(-50%);
        z-index: -1; }
      .stepper.stepper-vertical .stepper-item.completed .stepper-step {
        background: var(--primary);
        color: var(--primary-foreground);
        border-color: var(--primary); }
      .stepper.stepper-vertical .stepper-item.completed .stepper-step::after {
        background: var(--primary); }
      .stepper.stepper-vertical .stepper-item.active .stepper-step {
        border-color: var(--primary);
        color: var(--primary); }
      .stepper.stepper-vertical .stepper-item.active .stepper-label {
        font-weight: 700;
        color: var(--foreground); }
      .stepper.stepper-vertical .stepper-item.disabled {
        opacity: 0.5;
        pointer-events: none; }
      .stepper.stepper-vertical .stepper-item:last-child {
        padding-bottom: 0; }
    .stepper.stepper-vertical .stepper-step {
      width: 40px;
      height: 40px;
      min-width: 40px;
      border-radius: 99999px;
      border: 2px solid var(--border);
      background: var(--background);
      color: var(--muted-foreground);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 1rem;
      position: relative;
      z-index: 1;
      transition: all 0.3s; }
    .stepper.stepper-vertical .stepper-content {
      margin-left: 1rem;
      flex: 1; }
    .stepper.stepper-vertical .stepper-label {
      font-size: 1rem;
      color: var(--muted-foreground);
      margin-bottom: 0.25rem; }
    .stepper.stepper-vertical .stepper-description {
      font-size: 0.875rem;
      color: var(--muted-foreground); }

.docs-example {
  margin-bottom: 2rem;
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden; }

.docs-example-preview {
  padding: 2rem;
  background: var(--background);
  border-bottom: 1px solid var(--border); }

.docs-example-code {
  position: relative;
  background: var(--muted); }

.docs-example-code pre {
  margin: 0;
  padding: 1.5rem;
  overflow-x: auto;
  font-size: 0.875rem;
  line-height: 1.6;
  font-family: 'Roboto Mono', monospace; }

.docs-example-code code {
  font-family: 'Roboto Mono', monospace;
  color: var(--foreground); }

.copy-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: var(--primary);
  color: var(--primary-foreground);
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 0.5rem; }

.copy-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(236, 24, 137, 0.3); }

.copy-button.copied {
  background: var(--primary); }

.copy-button.copied::after {
  content: 'Copiado!'; }

.drawer {
  position: fixed;
  top: 0;
  right: -500px;
  width: 90%;
  min-width: 500px;
  max-width: 500px;
  height: 100vh;
  background: var(--background);
  box-shadow: -5px 0 20px rgba(0, 0, 0, 0.2);
  transition: right 0.3s;
  z-index: 1500;
  overflow-y: auto;
  padding: 2rem; }
  .drawer.drawer_large {
    right: -960px;
    min-width: 960px;
    max-width: 960px; }
  .drawer.open {
    right: 0; }
  .drawer .drawer_header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 1rem; }

.app {
  grid-area: app;
  width: 100%;
  overflow: hidden; }
  .app .app_box {
    margin: 2rem auto;
    max-width: 1140px;
    /*Sidebar content app*/
    /*header content app*/ }
    .app .app_box .box_sidebar {
      width: 100%; }
      .app .app_box .box_sidebar nav {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0.5rem; }
        @media (max-width: 42em) {
          .app .app_box .box_sidebar nav {
            overflow-x: auto !important;
            display: flex;
            flex-wrap: wrap; } }
        .app .app_box .box_sidebar nav a {
          display: block;
          font-size: 1rem;
          padding: 0.5rem 0.75rem;
          color: var(--card-foreground);
          border: 1px solid transparent;
          border-radius: 8px;
          background: transparent;
          transition: background-color 0.2s;
          white-space: nowrap !important; }
          .app .app_box .box_sidebar nav a:hover {
            background: var(--sidebar-accent);
            border-color: transparent;
            color: var(--sidebar-accent-foreground); }
          .app .app_box .box_sidebar nav a.active {
            background: var(--card);
            border-color: var(--border);
            color: var(--foreground); }
          @media (max-width: 42em) {
            .app .app_box .box_sidebar nav a {
              padding: 0.75rem 1rem; } }
    .app .app_box .box_content .box_header {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (max-width: 42em) {
        .app .app_box .box_content .box_header {
          flex-direction: column;
          align-items: flex-start;
          gap: 1rem; } }
      .app .app_box .box_content .box_header .header_title {
        font-size: 2rem; }
        @media (max-width: 42em) {
          .app .app_box .box_content .box_header .header_title {
            font-size: 1.5rem; } }
      .app .app_box .box_content .box_header .header_actions {
        display: flex;
        gap: 0.5rem; }
        @media (max-width: 42em) {
          .app .app_box .box_content .box_header .header_actions {
            flex-direction: column; } }

.profile_header {
  position: relative; }
  .profile_header .header_cover {
    position: relative; }
    .profile_header .header_cover img {
      width: 100%;
      height: 200px;
      object-fit: cover;
      border-radius: 6px; }
    .profile_header .header_cover .actions {
      position: absolute;
      bottom: 1.25rem;
      right: 1.25rem; }
  .profile_header .header_infors {
    position: absolute;
    left: 2rem;
    bottom: -2rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem; }
    .profile_header .header_infors .infors_photo img {
      width: 120px;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      border-radius: 99999px;
      border: 6px solid var(--background); }
    .profile_header .header_infors .infors_body {
      color: #fff;
      padding-top: 1rem; }

.login {
  background: #d7167d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh; }
  .login .login_box {
    width: 90%;
    max-width: 400px;
    margin: auto;
    padding: 2rem;
    background: #ffffff;
    border-radius: 6px; }
    .login .login_box .hl {
      text-align: center; }
    .login .login_box footer {
      text-align: center;
      font-size: 0.75rem;
      font-weight: 300;
      color: var(--text); }
      .login .login_box footer a {
        display: inline-block;
        font-size: 0.75rem;
        color: #ec1889;
        text-decoration: none;
        font-weight: bold;
        margin-top: 5px;
        transition: all .3s ease; }
        .login .login_box footer a:hover {
          color: #f25fad !important;
          text-decoration: underline !important; }

.cv_header {
  background: #d7167d;
  padding: 2.3rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .cv_header a {
    color: #fff; }
  .cv_header .cv_profile {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .cv_header .cv_profile .profile_thumb, .cv_header .cv_profile .profile_thumb img {
      width: 120px;
      height: 120px;
      border-radius: 50%; }
    .cv_header .cv_profile .profile_thumb {
      border: 2px solid #fff;
      overflow: hidden; }
      .cv_header .cv_profile .profile_thumb img {
        object-fit: cover;
        aspect-ratio: 1 / 1; }
    .cv_header .cv_profile .profile_data h1 {
      font-size: 1.3rem; }
    .cv_header .cv_profile .profile_data p {
      font-size: 1rem; }

.cv_actions {
  width: 100%;
  max-width: 420px;
  padding: 0 2rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -24px; }
  .cv_actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #bfbfc1;
    font-size: 1.3rem; }

.cv_data {
  width: 100%;
  max-width: 420px;
  padding: 2rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  .cv_data > div {
    border-bottom: 1px solid #bfbfc1;
    padding-bottom: .5rem; }

/*AURA NAVBAR*/
.aura_navbar {
  background: #141414;
  color: #FFFFFF;
  padding: 1rem 0; }
  .aura_navbar.border {
    border-bottom: 1px solid #333; }
  .aura_navbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto; }
    .aura_navbar .container .navbar_logo img {
      width: 100px; }
    .aura_navbar .container .navbar_navigation {
      display: flex; }
      @media (max-width: 42em) {
        .aura_navbar .container .navbar_navigation {
          display: none;
          width: 100%;
          height: 100vh;
          background: #141414;
          position: fixed;
          top: 0;
          left: 0;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          z-index: 3; }
          .aura_navbar .container .navbar_navigation.active {
            display: flex; } }
      .aura_navbar .container .navbar_navigation ul {
        display: flex; }
        @media (max-width: 42em) {
          .aura_navbar .container .navbar_navigation ul {
            flex-direction: column; } }
        .aura_navbar .container .navbar_navigation ul li {
          margin-left: 1rem; }
          @media (max-width: 42em) {
            .aura_navbar .container .navbar_navigation ul li {
              margin: 1.5rem 0; } }
          .aura_navbar .container .navbar_navigation ul li a {
            color: #FFFFFF;
            transition: color 0.3s; }
            .aura_navbar .container .navbar_navigation ul li a:hover {
              color: #ec1889; }
    .aura_navbar .container .navbar-menu-toggle {
      cursor: pointer;
      display: none; }
      @media (max-width: 42em) {
        .aura_navbar .container .navbar-menu-toggle {
          display: block; } }