/*
Theme Name: Mashu AI
Author: Andrei Tereshin
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap'); /* Custom variables colors */
:root {
    /* Color styles */
    --base-white: rgba(255, 255, 255, 1);
    --base-black: rgba(0, 0, 0, 1);
    --gray-25: rgba(252, 252, 253, 1);
    --gray-50: rgba(249, 250, 251, 1);
    --gray-100: rgba(242, 244, 247, 1);
    --gray-200: rgba(234, 236, 240, 1);
    --gray-300: rgba(208, 213, 221, 1);
    --gray-400: rgba(152, 162, 179, 1);
    --gray-500: rgba(102, 112, 133, 1);
    --gray-600: rgba(71, 84, 103, 1);
    --gray-700: rgba(52, 64, 84, 1);
    --gray-800: rgba(29, 41, 57, 1);
    --gray-900: rgba(16, 24, 40, 1);
    --gray-950: rgba(12, 17, 29, 1);
    --primary-25: rgb(250, 251, 255);
    --primary-50: rgb(245 247 255);
    --primary-100: rgb(235, 237, 255);
    --primary-200: rgb(215, 223, 254);
    --primary-300: rgb(187, 192, 251);
    --primary-400: rgb(146, 169, 246);
    --primary-500: rgb(119, 129, 237);
    --primary-600: #0057FF;
    --primary-700: #0349d2;
    --primary-800: rgb(56 83 158);
    --primary-900: rgb(48 62 125);
    --primary-950: rgb(28 43 95);
    --error-25: rgba(255, 251, 250, 1);
    --error-50: rgba(254, 243, 242, 1);
    --error-100: rgba(254, 228, 226, 1);
    --error-200: rgba(254, 205, 202, 1);
    --error-300: rgba(253, 162, 155, 1);
    --error-400: rgba(249, 112, 102, 1);
    --error-500: rgba(240, 68, 56, 1);
    --error-600: rgba(217, 45, 32, 1);
    --error-700: rgba(180, 35, 24, 1);
    --error-800: rgba(145, 32, 24, 1);
    --error-900: rgba(122, 39, 26, 1);
    --error-950: rgba(85, 22, 12, 1);
    --warning-25: rgba(255, 252, 245, 1);
    --warning-50: rgba(255, 250, 235, 1);
    --warning-100: rgba(254, 240, 199, 1);
    --warning-200: rgba(254, 223, 137, 1);
    --warning-300: rgba(254, 200, 75, 1);
    --warning-400: rgba(253, 176, 34, 1);
    --warning-500: rgba(247, 144, 9, 1);
    --warning-600: rgba(220, 104, 3, 1);
    --warning-700: rgba(181, 71, 8, 1);
    --warning-800: rgba(147, 55, 13, 1);
    --warning-900: rgba(122, 46, 14, 1);
    --warning-950: rgba(78, 29, 9, 1);
    --success-25: rgba(246, 254, 249, 1);
    --success-50: rgba(236, 253, 243, 1);
    --success-100: rgba(220, 250, 230, 1);
    --success-200: rgba(171, 239, 198, 1);
    --success-300: rgba(117, 224, 167, 1);
    --success-400: rgba(71, 205, 137, 1);
    --success-500: rgba(23, 178, 106, 1);
    --success-600: rgba(7, 148, 85, 1);
    --success-700: rgba(6, 118, 71, 1);
    --success-800: rgba(8, 93, 58, 1);
    --success-900: rgba(7, 77, 49, 1);
    --success-950: rgba(5, 51, 33, 1);
    --gray-blue-25: rgba(252, 252, 253, 1);
    --gray-blue-50: rgba(248, 249, 252, 1);
    --gray-blue-100: rgba(234, 236, 245, 1);
    --gray-blue-200: rgba(213, 217, 235, 1);
    --gray-blue-300: rgba(179, 184, 219, 1);
    --gray-blue-400: rgba(113, 123, 188, 1);
    --gray-blue-500: rgba(78, 91, 166, 1);
    --gray-blue-600: rgba(62, 71, 132, 1);
    --gray-blue-700: rgba(54, 63, 114, 1);
    --gray-blue-800: rgba(41, 48, 86, 1);
    --gray-blue-900: rgba(16, 19, 35, 1);
    --gray-blue-950: rgba(13, 15, 28, 1);
    --gray-cool--25: rgba(252, 252, 253, 1);
    --gray-cool--50: rgba(249, 249, 251, 1);
    --gray-cool--100: rgba(239, 241, 245, 1);
    --gray-cool--200: rgba(220, 223, 234, 1);
    --gray-cool--300: rgba(185, 192, 212, 1);
    --gray-cool--400: rgba(125, 137, 176, 1);
    --gray-cool--500: rgba(93, 107, 152, 1);
    --gray-cool--600: rgba(74, 85, 120, 1);
    --gray-cool--700: rgba(64, 73, 104, 1);
    --gray-cool--800: rgba(48, 55, 79, 1);
    --gray-cool--900: rgba(17, 19, 34, 1);
    --gray-cool-950: rgba(14, 16, 27, 1);
    --gray-modern--25: rgba(252, 252, 253, 1);
    --gray-modern--50: rgba(248, 250, 252, 1);
    --gray-modern--100: rgba(238, 242, 246, 1);
    --gray-modern--200: rgba(227, 232, 239, 1);
    --gray-modern--300: rgba(205, 213, 223, 1);
    --gray-modern--400: rgba(154, 164, 178, 1);
    --gray-modern--500: rgba(105, 117, 134, 1);
    --gray-modern--600: rgba(75, 85, 101, 1);
    --gray-modern--700: rgba(54, 65, 82, 1);
    --gray-modern--800: rgba(32, 41, 57, 1);
    --gray-modern--900: rgba(18, 25, 38, 1);
    --gray-modern-950: rgba(13, 18, 28, 1);
    --gray-neutral--25: rgba(252, 252, 253, 1);
    --gray-neutral--50: rgba(249, 250, 251, 1);
    --gray-neutral--100: rgba(243, 244, 246, 1);
    --gray-neutral--200: rgba(229, 231, 235, 1);
    --gray-neutral--300: rgba(210, 214, 219, 1);
    --gray-neutral--400: rgba(157, 164, 174, 1);
    --gray-neutral--500: rgba(108, 115, 127, 1);
    --gray-neutral--600: rgba(77, 87, 97, 1);
    --gray-neutral--700: rgba(56, 66, 80, 1);
    --gray-neutral--800: rgba(31, 42, 55, 1);
    --gray-neutral--900: rgba(17, 25, 39, 1);
    --gray-neutral-950: rgba(13, 18, 28, 1);
    --gray-iron--25: rgba(252, 252, 252, 1);
    --gray-iron--50: rgba(250, 250, 250, 1);
    --gray-iron--100: rgba(244, 244, 245, 1);
    --gray-iron--200: rgba(228, 228, 231, 1);
    --gray-iron--300: rgba(209, 209, 214, 1);
    --gray-iron--400: rgba(160, 160, 171, 1);
    --gray-iron--500: rgba(112, 112, 123, 1);
    --gray-iron--600: rgba(81, 82, 92, 1);
    --gray-iron--700: rgba(63, 63, 70, 1);
    --gray-iron--800: rgba(38, 39, 43, 1);
    --gray-iron--900: rgba(24, 24, 27, 1);
    --gray-iron-950: rgba(19, 19, 22, 1);
    --gray-true--25: rgba(252, 252, 252, 1);
    --gray-true--50: rgba(250, 250, 250, 1);
    --gray-true--100: rgba(245, 245, 245, 1);
    --gray-true--200: rgba(229, 229, 229, 1);
    --gray-true--300: rgba(214, 214, 214, 1);
    --gray-true--400: rgba(163, 163, 163, 1);
    --gray-true--500: rgba(115, 115, 115, 1);
    --gray-true--600: rgba(82, 82, 82, 1);
    --gray-true--700: rgba(66, 66, 66, 1);
    --gray-true--800: rgba(41, 41, 41, 1);
    --gray-true-900: rgba(20, 20, 20, 1);
    --gray-true-950: rgba(15, 15, 15, 1);
    --gray-warm--25: rgba(253, 253, 252, 1);
    --gray-warm--50: rgba(250, 250, 249, 1);
    --gray-warm--100: rgba(245, 245, 244, 1);
    --gray-warm--200: rgba(231, 229, 228, 1);
    --gray-warm--300: rgba(215, 211, 208, 1);
    --gray-warm--400: rgba(169, 162, 157, 1);
    --gray-warm--500: rgba(121, 113, 107, 1);
    --gray-warm--600: rgba(87, 83, 78, 1);
    --gray-warm--700: rgba(68, 64, 60, 1);
    --gray-warm--800: rgba(41, 37, 36, 1);
    --gray-warm--900: rgba(28, 25, 23, 1);
    --gray-warm-950: rgba(23, 20, 18, 1);
    --moss--25: rgba(250, 253, 247, 1);
    --moss--50: rgba(245, 251, 238, 1);
    --moss--100: rgba(230, 244, 215, 1);
    --moss--200: rgba(206, 234, 176, 1);
    --moss--300: rgba(172, 220, 121, 1);
    --moss--400: rgba(134, 203, 60, 1);
    --moss--500: rgba(102, 159, 42, 1);
    --moss--600: rgba(79, 122, 33, 1);
    --moss--700: rgba(63, 98, 26, 1);
    --moss--800: rgba(51, 80, 21, 1);
    --moss--900: rgba(43, 66, 18, 1);
    --moss-950: rgba(26, 40, 11, 1);
    --green-light--25: rgba(250, 254, 245, 1);
    --green-light--50: rgba(243, 254, 231, 1);
    --green-light--100: rgba(227, 251, 204, 1);
    --green-light--200: rgba(208, 248, 171, 1);
    --green-light--300: rgba(166, 239, 103, 1);
    --green-light--400: rgba(133, 225, 58, 1);
    --green-light--500: rgba(102, 198, 28, 1);
    --green-light--600: rgba(76, 163, 13, 1);
    --green-light--700: rgba(59, 124, 15, 1);
    --green-light--800: rgba(50, 98, 18, 1);
    --green-light--900: rgba(43, 83, 20, 1);
    --green-light-950: rgba(21, 41, 10, 1);
    --green--25: rgba(246, 254, 249, 1);
    --green--50: rgba(237, 252, 242, 1);
    --green--100: rgba(211, 248, 223, 1);
    --green--200: rgba(170, 240, 196, 1);
    --green--300: rgba(115, 226, 163, 1);
    --green--400: rgba(60, 203, 127, 1);
    --green--500: rgba(22, 179, 100, 1);
    --green--600: rgba(9, 146, 80, 1);
    --green--700: rgba(8, 116, 67, 1);
    --green--800: rgba(9, 92, 55, 1);
    --green--900: rgba(8, 76, 46, 1);
    --green-950: rgba(5, 46, 28, 1);
    --teal-25: rgba(246, 254, 252, 1);
    --teal--50: rgba(240, 253, 249, 1);
    --teal--100: rgba(204, 251, 239, 1);
    --teal--200: rgba(153, 246, 224, 1);
    --teal--300: rgba(95, 233, 208, 1);
    --teal--400: rgba(46, 211, 183, 1);
    --teal--500: rgba(21, 183, 158, 1);
    --teal--600: rgba(14, 147, 132, 1);
    --teal--700: rgba(16, 117, 105, 1);
    --teal--800: rgba(18, 93, 86, 1);
    --teal--900: rgba(19, 78, 72, 1);
    --teal-950: rgba(10, 41, 38, 1);
    --cyan--25: rgba(245, 254, 255, 1);
    --cyan-50: rgba(236, 253, 255, 1);
    --cyan-100: rgba(207, 249, 254, 1);
    --cyan-200: rgba(165, 240, 252, 1);
    --cyan-300: rgba(103, 227, 249, 1);
    --cyan-400: rgba(34, 204, 238, 1);
    --cyan-500: rgba(6, 174, 212, 1);
    --cyan-600: rgba(8, 138, 178, 1);
    --cyan-700: rgba(14, 112, 144, 1);
    --cyan-800: rgba(21, 91, 117, 1);
    --cyan-900: rgba(22, 76, 99, 1);
    --cyan-950: rgba(13, 45, 58, 1);
    --blue-light-25: rgba(245, 251, 255, 1);
    --blue-light-50: rgba(240, 249, 255, 1);
    --blue-light-100: rgba(224, 242, 254, 1);
    --blue-light-200: rgba(185, 230, 254, 1);
    --blue-light-300: rgba(124, 212, 253, 1);
    --blue-light-400: rgba(54, 191, 250, 1);
    --blue-light-500: rgba(11, 165, 236, 1);
    --blue-light-600: rgba(0, 134, 201, 1);
    --blue-light-700: rgba(2, 106, 162, 1);
    --blue-light-800: rgba(6, 89, 134, 1);
    --blue-light-900: rgba(11, 74, 111, 1);
    --blue-light-950: rgba(6, 44, 65, 1);
    --blue-25: rgba(245, 250, 255, 1);
    --blue-50: rgba(239, 248, 255, 1);
    --blue-100: rgba(209, 233, 255, 1);
    --blue-200: rgba(178, 221, 255, 1);
    --blue-300: rgba(132, 202, 255, 1);
    --blue-400: rgba(83, 177, 253, 1);
    --blue-500: rgba(46, 144, 250, 1);
    --blue-600: rgba(21, 112, 239, 1);
    --blue-700: rgba(23, 92, 211, 1);
    --blue-800: rgba(24, 73, 169, 1);
    --blue-900: rgba(25, 65, 133, 1);
    --blue-950: rgba(16, 42, 86, 1);
    --blue-dark--25: rgba(245, 248, 255, 1);
    --blue-dark--50: rgba(239, 244, 255, 1);
    --blue-dark--100: rgba(209, 224, 255, 1);
    --blue-dark--200: rgba(178, 204, 255, 1);
    --blue-dark--300: rgba(132, 173, 255, 1);
    --blue-dark--400: rgba(82, 139, 255, 1);
    --blue-dark--500: rgba(41, 112, 255, 1);
    --blue-dark--600: rgba(21, 94, 239, 1);
    --blue-dark--700: rgba(0, 78, 235, 1);
    --blue-dark--800: rgba(0, 64, 193, 1);
    --blue-dark--900: rgba(0, 53, 158, 1);
    --blue-dark-950: rgba(0, 34, 102, 1);
    --indigo-25: rgba(245, 248, 255, 1);
    --indigo-50: rgba(238, 244, 255, 1);
    --indigo-100: rgba(224, 234, 255, 1);
    --indigo-200: rgba(199, 215, 254, 1);
    --indigo-300: rgba(164, 188, 253, 1);
    --indigo-400: rgba(128, 152, 249, 1);
    --indigo-500: rgba(97, 114, 243, 1);
    --indigo-600: rgba(68, 76, 231, 1);
    --indigo-700: rgba(53, 56, 205, 1);
    --indigo-800: rgba(45, 49, 166, 1);
    --indigo-900: rgba(45, 50, 130, 1);
    --indigo-950: rgba(31, 35, 91, 1);
    --violet--25: rgba(251, 250, 255, 1);
    --violet--50: rgba(245, 243, 255, 1);
    --violet--100: rgba(236, 233, 254, 1);
    --violet--200: rgba(221, 214, 254, 1);
    --violet--300: rgba(195, 181, 253, 1);
    --violet--400: rgba(164, 138, 251, 1);
    --violet--500: rgba(135, 91, 247, 1);
    --violet--600: rgba(120, 57, 238, 1);
    --violet--700: rgba(105, 39, 218, 1);
    --violet--800: rgba(87, 32, 183, 1);
    --violet--900: rgba(73, 28, 150, 1);
    --violet-950: rgba(46, 18, 94, 1);
    --purple-25: rgba(250, 250, 255, 1);
    --purple-50: rgba(244, 243, 255, 1);
    --purple-100: rgba(235, 233, 254, 1);
    --purple-200: rgba(217, 214, 254, 1);
    --purple-300: rgba(189, 180, 254, 1);
    --purple-400: rgba(155, 138, 251, 1);
    --purple-500: rgba(122, 90, 248, 1);
    --purple-600: rgba(105, 56, 239, 1);
    --purple-700: rgba(89, 37, 220, 1);
    --purple-800: rgba(74, 31, 184, 1);
    --purple-900: rgba(62, 28, 150, 1);
    --purple-950: rgba(39, 17, 95, 1);
    --fuchsia--25: rgba(254, 250, 255, 1);
    --fuchsia--50: rgba(253, 244, 255, 1);
    --fuchsia--100: rgba(251, 232, 255, 1);
    --fuchsia--200: rgba(246, 208, 254, 1);
    --fuchsia--300: rgba(238, 170, 253, 1);
    --fuchsia--400: rgba(228, 120, 250, 1);
    --fuchsia--500: rgba(212, 68, 241, 1);
    --fuchsia--600: rgba(186, 36, 213, 1);
    --fuchsia--700: rgba(159, 26, 177, 1);
    --fuchsia--800: rgba(130, 24, 144, 1);
    --fuchsia--900: rgba(111, 24, 119, 1);
    --fuchsia-950: rgba(71, 16, 76, 1);
    --pink-25: rgba(254, 246, 251, 1);
    --pink-50: rgba(253, 242, 250, 1);
    --pink-100: rgba(252, 231, 246, 1);
    --pink-200: rgba(252, 206, 238, 1);
    --pink-300: rgba(250, 167, 224, 1);
    --pink-400: rgba(246, 112, 199, 1);
    --pink-500: rgba(238, 70, 188, 1);
    --pink-600: rgba(221, 37, 144, 1);
    --pink-700: rgba(193, 21, 116, 1);
    --pink-800: rgba(158, 22, 95, 1);
    --pink-900: rgba(133, 22, 81, 1);
    --pink-950: rgba(78, 13, 48, 1);
    --ros-25: rgba(255, 245, 246, 1);
    --ros-50: rgba(255, 241, 243, 1);
    --ros-100: rgba(255, 228, 232, 1);
    --avatar-user-square--sienna-hewitt-color-background: rgba(233, 220, 187, 1);
    --avatar-user-square--sienna-hewitt-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--ammar-foley-color-background: rgba(199, 209, 176, 1);
    --avatar-user-square--ammar-foley-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--pippa-wilkinson-color-background: rgba(206, 209, 229, 1);
    --avatar-user-square--pippa-wilkinson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--olly-schroeder-color-background: rgba(221, 208, 190, 1);
    --avatar-user-square--olly-schroeder-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--mathilde-lewis-color-background: rgba(223, 194, 192, 1);
    --avatar-user-square--mathilde-lewis-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--julius-vaughan-color-background: rgba(233, 220, 187, 1);
    --avatar-user-square--julius-vaughan-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--zaid-schwartz-color-background: rgba(209, 227, 217, 1);
    --avatar-user-square--zaid-schwartz-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--lily-rose-chedjou-color-background: rgba(229, 221, 206, 1);
    --avatar-user-square--lily-rose-chedjou-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--caitlyn-king-color-background: rgba(207, 212, 198, 1);
    --avatar-user-square--caitlyn-king-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--fleur-cook-color-background: rgba(218, 220, 214, 1);
    --avatar-user-square--fleur-cook-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--marco-kelly-color-background: rgba(227, 198, 209, 1);
    --avatar-user-square--marco-kelly-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--lulu-meyers-color-background: rgba(217, 208, 230, 1);
    --avatar-user-square--lulu-meyers-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--mikey-lawrence-color-background: rgba(207, 212, 198, 1);
    --avatar-user-square--mikey-lawrence-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--freya-browning-color-background: rgba(223, 194, 192, 1);
    --avatar-user-square--freya-browning-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--florence-shaw-color-background: rgba(207, 212, 198, 1);
    --avatar-user-square--florence-shaw-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--ashwin-santiago-color-background: rgba(209, 226, 231, 1);
    --avatar-user-square--ashwin-santiago-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--nikolas-gibbons-color-background: rgba(207, 212, 198, 1);
    --avatar-user-square--nikolas-gibbons-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--adriana-o-sullivan-color-background: rgba(229, 209, 230, 1);
    --avatar-user-square--adriana-o-sullivan-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--ethan-campbell-color-background: rgba(219, 202, 189, 1);
    --avatar-user-square--ethan-campbell-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--jaya-willis-color-background: rgba(198, 208, 203, 1);
    --avatar-user-square--jaya-willis-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--jessie-meyton-color-background: rgba(211, 214, 233, 1);
    --avatar-user-square--jessie-meyton-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--hasan-johns-color-background: rgba(216, 221, 192, 1);
    --avatar-user-square--hasan-johns-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--priya-shepard-color-background: rgba(191, 214, 215, 1);
    --avatar-user-square--priya-shepard-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--levi-rocha-color-background: rgba(223, 194, 192, 1);
    --avatar-user-square--levi-rocha-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--zahra-christensen-color-background: rgba(211, 220, 207, 1);
    --avatar-user-square--zahra-christensen-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--stefan-sears-color-background: rgba(214, 207, 183, 1);
    --avatar-user-square--stefan-sears-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--ali-mahdi-color-background: rgba(207, 212, 198, 1);
    --avatar-user-square--ali-mahdi-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--riley-o-moore-color-background: rgba(233, 220, 187, 1);
    --avatar-user-square--riley-o-moore-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--liam-hood-color-background: rgba(223, 195, 205, 1);
    --avatar-user-square--liam-hood-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--brianna-ware-color-background: rgba(214, 179, 179, 1);
    --avatar-user-square--brianna-ware-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--youssef-roberson-color-background: rgba(216, 224, 207, 1);
    --avatar-user-square--youssef-roberson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--ashton-blackwell-color-background: rgba(211, 214, 233, 1);
    --avatar-user-square--ashton-blackwell-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--cohen-lozano-color-background: rgba(198, 208, 203, 1);
    --avatar-user-square--cohen-lozano-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--owen-garcia-color-background: rgba(233, 220, 187, 1);
    --avatar-user-square--owen-garcia-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--isla-allison-color-background: rgba(233, 220, 187, 1);
    --avatar-user-square--isla-allison-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--elisa-nishikawa-color-background: rgba(211, 220, 207, 1);
    --avatar-user-square--elisa-nishikawa-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--erica-wyatt-color-background: rgba(229, 207, 231, 1);
    --avatar-user-square--erica-wyatt-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--harry-bender-color-background: rgba(207, 212, 198, 1);
    --avatar-user-square--harry-bender-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--cameron-yang-color-background: rgba(215, 227, 232, 1);
    --avatar-user-square--cameron-yang-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--noel-baldwin-color-background: rgba(227, 210, 198, 1);
    --avatar-user-square--noel-baldwin-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--kyla-clay-color-background: rgba(217, 208, 230, 1);
    --avatar-user-square--kyla-clay-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--molly-vaughan-color-background: rgba(193, 211, 187, 1);
    --avatar-user-square--molly-vaughan-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--jonathan-kelly-color-background: rgba(229, 207, 231, 1);
    --avatar-user-square--jonathan-kelly-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--amanda-lowery-color-background: rgba(224, 193, 195, 1);
    --avatar-user-square--amanda-lowery-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--kaitlin-hale-color-background: rgba(221, 208, 190, 1);
    --avatar-user-square--kaitlin-hale-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--maxwell-tan-color-background: rgba(194, 191, 211, 1);
    --avatar-user-square--maxwell-tan-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--elsie-roy-color-background: rgba(203, 225, 239, 1);
    --avatar-user-square--elsie-roy-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--zuzanna-burke-color-background: rgba(214, 179, 179, 1);
    --avatar-user-square--zuzanna-burke-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--maddison-gillespie-color-background: rgba(228, 203, 204, 1);
    --avatar-user-square--maddison-gillespie-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--kaden-scott-color-background: rgba(207, 212, 198, 1);
    --avatar-user-square--kaden-scott-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--adil-floyd-color-background: rgba(229, 221, 206, 1);
    --avatar-user-square--adil-floyd-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--marvin-robbins-color-background: rgba(199, 209, 176, 1);
    --avatar-user-square--marvin-robbins-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--belle-woods-color-background: rgba(215, 205, 229, 1);
    --avatar-user-square--belle-woods-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--sarah-page-color-background: rgba(233, 220, 187, 1);
    --avatar-user-square--sarah-page-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--aysha-becker-color-background: rgba(209, 226, 231, 1);
    --avatar-user-square--aysha-becker-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--blake-riley-color-background: rgba(214, 207, 183, 1);
    --avatar-user-square--blake-riley-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--jay-shepard-color-background: rgba(199, 209, 176, 1);
    --avatar-user-square--jay-shepard-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--rhea-levine-color-background: rgba(211, 214, 233, 1);
    --avatar-user-square--rhea-levine-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--franklin-mays-color-background: rgba(215, 227, 232, 1);
    --avatar-user-square--franklin-mays-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--kelsey-lowe-color-background: rgba(201, 198, 208, 1);
    --avatar-user-square--kelsey-lowe-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--billie-wright-color-background: rgba(233, 220, 187, 1);
    --avatar-user-square--billie-wright-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--madeleine-pitts-color-background: rgba(207, 203, 220, 1);
    --avatar-user-square--madeleine-pitts-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--frank-whitaker-color-background: rgba(207, 212, 198, 1);
    --avatar-user-square--frank-whitaker-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--dillan-nguyen-color-background: rgba(223, 194, 192, 1);
    --avatar-user-square--dillan-nguyen-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--katy-fuller-color-background: rgba(209, 227, 217, 1);
    --avatar-user-square--katy-fuller-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--nicolas-trevino-color-background: rgba(214, 179, 179, 1);
    --avatar-user-square--nicolas-trevino-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--owen-harding-color-background: rgba(207, 203, 220, 1);
    --avatar-user-square--owen-harding-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--ava-bentley-color-background: rgba(204, 221, 225, 1);
    --avatar-user-square--ava-bentley-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--harriet-rojas-color-background: rgba(233, 220, 187, 1);
    --avatar-user-square--harriet-rojas-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--ethan-valdez-color-background: rgba(214, 231, 234, 1);
    --avatar-user-square--ethan-valdez-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--abraham-baker-color-background: rgba(209, 210, 227, 1);
    --avatar-user-square--abraham-baker-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--sally-mason-color-background: rgba(236, 221, 220, 1);
    --avatar-user-square--sally-mason-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--jayden-moss-color-background: rgba(223, 195, 205, 1);
    --avatar-user-square--jayden-moss-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--isobel-fuller-color-background: rgba(233, 220, 187, 1);
    --avatar-user-square--isobel-fuller-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--jackson-reed-color-background: rgba(215, 227, 232, 1);
    --avatar-user-square--jackson-reed-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--courtney-turner-color-background: rgba(199, 209, 176, 1);
    --avatar-user-square--courtney-turner-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--jordan-burgess-color-background: rgba(198, 208, 203, 1);
    --avatar-user-square--jordan-burgess-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--bailey-richards-color-background: rgba(232, 215, 234, 1);
    --avatar-user-square--bailey-richards-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--rayhan-zua-color-background: rgba(193, 222, 188, 1);
    --avatar-user-square--rayhan-zua-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--nic-fassbender-color-background: rgba(207, 203, 220, 1);
    --avatar-user-square--nic-fassbender-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--leyton-fields-color-background: rgba(207, 212, 198, 1);
    --avatar-user-square--leyton-fields-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--bec-ferguson-color-background: rgba(231, 211, 215, 1);
    --avatar-user-square--bec-ferguson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--nicolas-wang-color-background: rgba(241, 231, 218, 1);
    --avatar-user-square--nicolas-wang-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--zaynab-donnelly-color-background: rgba(198, 208, 203, 1);
    --avatar-user-square--zaynab-donnelly-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--genevieve-mclean-color-background: rgba(187, 192, 221, 1);
    --avatar-user-square--genevieve-mclean-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--adem-lane-color-background: rgba(199, 209, 176, 1);
    --avatar-user-square--adem-lane-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--nicola-harris-color-background: rgba(221, 208, 190, 1);
    --avatar-user-square--nicola-harris-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--zara-bush-color-background: rgba(229, 209, 230, 1);
    --avatar-user-square--zara-bush-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--byron-robertson-color-background: rgba(219, 202, 189, 1);
    --avatar-user-square--byron-robertson-neutral-background: rgba(224, 224, 224, 1);
    --avatar-user-square--rhianna-shepard-color-background: rgba(215, 227, 232, 1);
    --avatar-user-square--rhianna-shepard-neutral-background: rgba(224, 224, 224, 1);
    /* Text-size styles */
    --display-2xl--regular: 72px;
    --display-2xl--medium: 72px;
    --display-2xl--semibold: 72px;
    --display-2xl--bold: 72px;
    --display-xl--regular: 60px;
    --display-xl--medium: 60px;
    --display-xl--semibold: 60px;
    --display-xl--bold: 60px;
    --display-lg--regular: 48px;
    --display-lg--medium: 48px;
    --display-lg--semibold: 48px;
    --display-lg--bold: 48px;
    --display-md--regular: 36px;
    --display-md--medium: 36px;
    --display-md--semibold: 36px;
    --display-md--bold: 36px;
    --display-sm--regular: 30px;
    --display-sm--medium: 30px;
    --display-sm--semibold: 30px;
    --display-sm--bold: 30px;
    --display-sm---medium-italic: 30px;
    --display-xs--regular: 24px;
    --display-xs--medium: 24px;
    --display-xs--semibold: 24px;
    --display-xs--bold: 24px;
    --display-xs--medium-italic: 24px;
    --text-xl--regular: 20px;
    --text-xl--medium: 20px;
    --text-xl--semibold: 20px;
    --text-xl--bold: 20px;
    --text-xl--regular-italic: 20px;
    --text-xl--medium-italic: 20px;
    --text-xl--semibold-italic: 20px;
    --text-xl--bold-italic: 20px;
    --text-xl--regular-underlined: 20px;
    --text-lg--regular: 18px;
    --text-lg--medium: 18px;
    --text-lg--semibold: 18px;
    --text-lg--bold: 18px;
    --text-lg--regular-italic: 18px;
    --text-lg--medium-italic: 18px;
    --text-lg--semibold-italic: 18px;
    --text-lg--bold-italic: 18px;
    --text-lg--regular-underlined: 18px;
    --text-lg---medium-underlined: 18px;
    --text-md--regular: 16px;
    --text-md--medium: 16px;
    --text-md--semibold: 16px;
    --text-md--bold: 16px;
    --text-md--regular-italic: 16px;
    --text-md--medium-italic: 16px;
    --text-md--semibold-italic: 16px;
    --text-md--bold-italic: 16px;
    --text-md--regular-underlined: 16px;
    --text-md---medium-underlined: 16px;
    --text-sm--regular: 14px;
    --text-sm--medium: 14px;
    --text-sm--semibold: 14px;
    --text-sm---bold: 14px;
    --text-sm--regular-underlined: 14px;
    --text-sm---medium-underlined: 14px;
    --text-xs--regular: 12px;
    --text-xs--medium: 12px;
    --text-xs--semibold: 12px;
    --text-xs---bold: 12px;
    /* Effect styles */
    --focus-ring-4px-primary-100: 0px 0px 0px rgba(244, 235, 255, 1);
    --focus-ring-4px-gray-100: 0px 0px 0px rgba(242, 244, 247, 1);
    --focus-ring-4px-error-100: 0px 0px 0px rgba(254, 228, 226, 1);
    --focus-ring-4px-gray-500: 0px 0px 0px rgba(102, 112, 133, 1);
    --focus-ring-4px-primary-500: 0px 0px 0px rgba(158, 119, 237, 1);
    --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);
    --shadow-xs-focused-4px-primary-100: 0px 0px 0px rgba(244, 235, 255, 1), 0px 1px 2px rgba(16, 24, 40, 0.05);
    --shadow-xs-focused-4px-gray-100: 0px 0px 0px rgba(242, 244, 247, 1), 0px 1px 2px rgba(16, 24, 40, 0.05);
    --shadow-xs-focused-4px-error-100: 0px 0px 0px rgba(254, 228, 226, 1), 0px 1px 2px rgba(16, 24, 40, 0.05);
    --shadow-sm: 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
    --shadow-sm-focused-4px-primary-100: 0px 0px 0px rgba(244, 235, 255, 1), 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
    --shadow-sm-focused-4px-gray-100: 0px 0px 0px rgba(242, 244, 247, 1), 0px 1px 2px rgba(16, 24, 40, 0.06), 0px 1px 3px rgba(16, 24, 40, 0.1);
    --shadow-md: 0px 2px 4px rgba(16, 24, 40, 0.06), 0px 4px 8px rgba(16, 24, 40, 0.1);
    --shadow-lg: 0px 4px 6px rgba(16, 24, 40, 0.03), 0px 12px 16px rgba(16, 24, 40, 0.08);
    --shadow-xl: 0px 8px 8px rgba(16, 24, 40, 0.03), 0px 20px 24px rgba(16, 24, 40, 0.08);
    --shadow-2xl: 0px 24px 48px rgba(16, 24, 40, 0.18);
    --shadow-3xl: 0px 32px 64px rgba(16, 24, 40, 0.14);
    --shadow--portfolio-mockup--main-centre-md: 0px 75px 150px rgba(52, 64, 84, 0.14);
    --shadow--portfolio-mockup--main-centre-lg: 0px 100px 200px rgba(52, 64, 84, 0.18);
    --shadow--portfolio-mockup--overlay-right-lg: -100px 100px 150px rgba(52, 64, 84, 0.12);
    --shadow--portfolio-mockup--overlay-left-lg: 100px 100px 150px rgba(52, 64, 84, 0.12);
    --shadow--portfolio-mockup--grid-shadow-md: 32px 32px 64px rgba(52, 64, 84, 0.08);
    --Gradient-Linear-Color-13:linear-gradient(135deg, #E0C3FC 0%, #8EC5FC 100%);
    --filter-gray-600: invert(23%) sepia(12%) saturate(1263%) hue-rotate(179deg) brightness(94%) contrast(92%);
}
[hidden]{
    display: none;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a.skip-link.screen-reader-text {
    display: none;
}

body {
    color: var(--gray-700, #344054);
    font-family: Inter, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 14px;
    font-style: normal;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

.container {
    max-width: 1084px;
    margin: 0 auto;
    background: transparent;
    padding: 0 30px;
    width: 100%;
}
.container.--wide {
    max-width: 100%;
    padding: 0 16px;
}
.--pattern-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: -1;
}

.pattern-lg-grid {
    background-image: url(assets/images/bg/pattern-lg--Grid.svg);
    background-repeat: repeat;
    background-position: center center;
    width: 768px;
    height: 768px;
}

.pattern-lg-circles {
    background-image: url(assets/images/bg/pattern-lg--Circles.svg);
    background-repeat: repeat;
    background-position: center center;
    width: 768px;
}
.pattern-sm-circles {
    background-image: url(assets/images/bg/pattern-sm--Circles.svg);
    background-repeat: repeat;
    background-position: center center;
    width: 336px;
    height: 336px;
}
.page--auth-form {
    max-width: 360px;
    margin: auto;
    padding: 40px 0;
    position: relative;
    width: 100%;
}

.page--auth-form > .wrapper > .header > .logo img {
    width: 65px;
    margin: auto;
}

.page--auth-form > .wrapper > .header > .logo {
    margin-bottom: 15px;
}
.page--auth-form > .wrapper > .header > .icon {
    width: max-content;
    margin: auto;
}
.page--auth-form > .wrapper > .header {
    text-align: center;
    display: grid;
    gap: 12px;
    color: var(--gray-600);
    font-size: 16px;
    padding-top: 50px;
}

.page--auth-form > .wrapper > .header .title > * {
    font-size: 30px;
    color: var(--gray-900);
    font-weight: 600;
    line-height: 1.24;
}

.page--auth-form > .wrapper .--footer {
    text-align: center;
    display: grid;
    gap: 32px;
    color: var(--gray-600);
}

a {
    color: var(--primary-700);
    text-decoration: none;
}

.page--auth-form > .wrapper .--footer a {
    font-weight: 600;
}

.logo {
    color: black;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 1.1rem;
    font-weight: 700;
}

.page--auth-form > .bg {
    position: absolute;
    top: -50%;
    left: -55%;
    height: 100%;
    z-index: 0;
    right: 0;
    min-height: 768px;
}

.page--auth-form > .wrapper {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 24px;
}

.page--auth-footer > .--wrap {
    display: flex;
    justify-content: space-between;
    color: var(--gray-600, #475467);
}

.page--auth-footer > .--wrap a {
    color: var(--gray-600, #475467);
}

.page--auth-footer {
    padding: 50px 0;
}

.page--full-h {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
}

.page--auth-form > .lottie-bg {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 1000px;
    left: -90%;
    right: 0px;
    bottom: 0;
    margin: auto;
}

.page--auth-form > .lottie-bg .abstract-circles {
    filter: grayscale(1);
    position: relative;
    top: -100px;
    bottom: 0;
    margin: auto;
    opacity: 0.05;
}

.mai--page {
    display: flex;
}

.mai--page > .--wrap {
    width: 100%;
    display: grid;
    padding-left: 270px;
    min-height: 100vh;
}

.mai--page main {
    width: 100%;
    min-height: 100%;
}

.mai--page > header {
    border-right: 1px solid var(--gray-200, #EAECF0);
    background: var(--base-white, #FFF);
    min-width: 270px;
    height: 100vh;
    /* overflow: hidden; */
    position: fixed;
    z-index: 11;
}

.mai--page > header > .--wrap {
    height: 100%;
    padding: 32px 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow: hidden;
    padding-top: 20px;
}

.mai--page > header > .--wrap > .--top {
    padding: 0 6px;
    display: grid;
    gap: 24px;
}
.--header-minify .mai--nav > .--wrap > .--header > .--left > .label {
    display: none;
}
.mai--page:not(.--header-minify) .mai--nav [data-tippy-root] {
    display: none;
}

.--header-minify .--profile > .--wrap > .--actions {
    display: none;
}


.--header-minify .--profile > .--wrap > .--details {
    display: none;
}

.--header-minify .--project-switcher {
    display: none;
}

.--header-minify .mai--nav > .--wrap > .--header > .--right {
    display: none;
}


.--header-minify.mai--page > .--wrap {
    padding-left: 90px;
}

.--header-minify.mai--page > header {
    min-width: auto;
    width: 90px;
}

.--header-minify .mai--nav > .--wrap > .--header > .--left {
    grid-template-columns: 100%;
    width: 100%;
}


.--logo {
    line-height: 0;
}

.--logo img {
}

.mai--dashboard {
    padding: 32px 0;
    display: flex;
    gap: 50px;
    position: relative;
    min-height: calc(100vh - 114px);
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.mai--dashboard h1 {
    font-size: 32px;
}

.mai--dashboard .--top {
    display: grid;
    gap: 8px;
    text-align: center;
}

.--progress > .wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    text-align: center;
}
.--progress.--vertical > .wrap {
    flex-direction: column;
    text-align: left;
    align-items: baseline;
    gap: 4px;
}

.--progress.--vertical > .wrap > .step {
    flex-direction: revert;
    align-items: flex-start;
}

.--progress > .wrap > .step .content > .title {
    font-weight: 600;
}
.--progress > .wrap .line {
    z-index: -1;
    position: absolute;
    width: calc(100% - 130px);
    height: 2px;
    top: 21px;
    background: var(--gray-100);
    margin: auto;
    left: 50px;
}

.mai--page > header > .--wrap > .--bottom {
    margin-top: auto;
    display: grid;
    gap: 24px;
}

.mai--page > header .div {
    background: var(--gray-200);
    width: 100%;
    height: 1px;
}

.--progress > .wrap > .step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    color: var(--gray-400);
}

.--progress > .wrap > .step.active, .--progress > .wrap > .step.done {
    color: var(--gray-800);
}

.--progress > .wrap > .step .icon .wrap {
    opacity: 0.6;
}

.--progress > .wrap > .step.active .icon .wrap, .--progress > .wrap > .step.done .icon .wrap {
    opacity: 1;
}

.--progress > .wrap > .step .title h2 {
    font-size: 16px;
}

.--progress > .wrap > .step .content {
    display: grid;
    gap: 2px;
}

.--progress > .wrap .line > span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: black;
}

.mai--dashboard .--nav > .--wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.mai--dashboard .--nav > .--wrap > .item {
    display: block;
    width: calc(25% - 18px);
    text-decoration: none;
    color: var(--gray-800);
    text-align: left;
    border-radius: 12px;
    border: 1px solid var(--gray-200);
    background: var(--gray-25);
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.mai--dashboard .--nav > .--wrap > .item > .wrapper {
    padding: 24px;
    display: grid;
    gap: 12px;
}

.mai--dashboard .--content {
    display: grid;
    gap: 32px;
}

.mai--dashboard .--nav > .--wrap > .item > .wrapper .title {
    font-weight: 700;
    margin-bottom: 4px;
}

.mai--dashboard > .lottie-bg, .mai--report > .lottie-bg {
    bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    filter: blur(2px) grayscale(1);
    opacity: 0.1;
    margin: auto;
}

footer {
    margin-top: auto;
    padding: 30px;
}

footer > * > .--wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--gray-500);
}

footer > * > .--wrap a {
    color: var(--gray-500);
}

.--avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100px;
    position: relative;
    z-index: 1;
    background-color: white;
}

.page--knowlegde-base > .--wrap {
    display: grid;
}

.--knowlegde-base > .--wrap > .--main > .--wrap {
    padding: 32px;
}

.--posts-filter {
    border-radius: 12px;
    background: var(--gray-50, #F9FAFB);
    padding: 20px;
}

.--posts-filter .--fieldsets .fields {
    grid-template-columns: 45% 20% 20% 15%;
    width: calc(100% - 60px);
    align-items: end;
}

.--project-switcher > .--wrap > .--list {
    display: none;
}

.--project-switcher > .--wrap > .--selected {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    color: var(--gray-900);
    cursor: pointer;
    border: 2px solid rgb(255 255 255);
    background: white;
}

.--project-switcher > .--wrap .--project img {
    width: 30px;
    height: 30px;
    border-radius: 8px;
}

.--project-switcher > .--wrap  .--project > .--wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 600;
}

.--project-switcher > .--wrap  .--project .--image {
    line-height: 0;
    width: 30px;
    height: 30px;
    display: flex;
}
.--project-switcher > .--wrap .--project .--image .giftey-icon {
    width: 24px;
    height: 24px;
    margin: auto;
}
.--project-switcher > .--wrap > .--selected > .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    filter: blur(20px);
    opacity: .15;
    transition: .2s;
}

.--project-switcher > .--wrap .--project {
    position: relative;
    z-index: 1;
    padding: 8px;
    padding-right: 10px;
    border-radius: 12px;
    cursor: pointer;
    transition: .2s;
    background: #fafbfc;
    display: block;
    color: var(--gray-700);
}

.--open.--project-switcher > .--wrap > .--list {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}
.--project-switcher.--open .--selected .--open {
    transform: rotate(180deg);
}
.--project-switcher > .--wrap .--selected .--project {
    background: transparent;
}

.--project-switcher > .--wrap .--project:hover {
    background: #000e340d;
}

.--project-switcher > .--wrap > .--selected > .bg > img {
    width: 100%;
    height: 100%;
    transform: scale(1.2);
}

.--project-switcher {
    margin-bottom: 20px;
    position: relative;
}

.--project-switcher > .--wrap > .--selected > .--project > .--wrap > .--right {
    margin-left: auto;
}

.--project-switcher > .--wrap > .--selected > .--project > .--wrap > .--right .icon {
    width: 20px;
    height: 20px;
}

.--project-switcher .--placeholders {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: -1;
}

.--project-switcher .--placeholders > .--item {
    width: 98%;
    height: 54px;
    border-radius: 16px;
    background: var(--gray-100);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.--project-switcher .--placeholders > .--item + .--item {
    top: 5px;
    width: 96%;
    opacity: .4;
}

.--project-switcher > .--wrap > .--selected:hover>.bg {
    opacity: .1;
}

.--editorjs {
    max-width: 795px;
    width: 100%;
    padding-top: 30px;
    font-size: 16px;
    color: var(--gray-800);
    position: relative;
    z-index: 25;
}

.--editorjs h1.ce-header {
    font-size: 38px;
    letter-spacing: -1px;
    margin-bottom: 20px;
    text-indent: -1px;
    padding-top: 7px;
}

.--breadcrumbs > .wrap {
    display: flex;
    gap: 8px;
    align-items: center;
}

.--breadcrumbs > .wrap > .giftey-icon {
    width: 16px;
    height: 16px;
    opacity: 0.23;
}

.--create-article {
    display: flex;
    justify-content: space-between;
    min-height: 100vh;
    width: 100%;
}

.--create-article > .--sidebar {
    overflow: hidden;
    border-left: 1px solid var(--gray-200, #EAECF0);
    width: 350px;
    min-width: 350px;
}

.--create-article > .--sidebar form {
    padding: 24px;
}

.--create-article > .--sidebar > .--header {
    padding: 24px;
    border-bottom: 1px solid var(--gray-200, #EAECF0);
}
.--create-article > .--sidebar > .--header > .actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.--create-article  .ce-header[contentEditable=true][data-placeholder]:before {
    font-weight: 700;
    color: var(--gray-300);
}

.page--layout-split > .--wrap {
    display: grid;
    width: 100%;
    position: relative;
    grid-template-columns: 30% 70%;
}
.page--layout-split.--style-1 > .--wrap {
    grid-template-columns: 120px auto;
}
.page--layout-split > .--wrap  .--sidebar {
    width: 30%;
    background: var(--gray-50);
    overflow: hidden;
    position: fixed;
    left: 0;
}

.page--layout-split > .--wrap > .--page {
    width: 100%;
}

.page--layout-split > .--wrap  .--sidebar > .scroll-area {
    height: 100vh;
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 26px;
}

.page--layout-split  .--sidebar footer {
    padding: 30px 10px;
}

.page--layout-split > .--wrap  .--sidebar .--header {
    padding: 40px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.page--layout-split > .--wrap  .--sidebar .--content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.--progress > .wrap > .step .connector {
    border-radius: 2px;
    background: var(--gray-200);
    width: 2px;
    height: 26px;
}
.--progress > .wrap > .step.done .connector {
    background: var(--gray-500);
}
.--progress > .wrap > .step >.icon {
    display: flex;
    padding-bottom: 0px;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    align-self: stretch;
}

.--layout-w360 {
    max-width: 360px;
    margin: 0 auto;
}

.--layout-header {
    text-align: center;
    display: grid;
    gap: 24px;
    color: var(--gray-600);
    font-size: 16px;
    line-height: 1.5;
}

.--layout-header > .icon {
    width: max-content;
    margin: auto;
}

.--layout-header .title {
    color: var(--gray-900);
    font-size: 30px;
    font-weight: 600;
    line-height: 38px; /* 126.667% */
    margin-bottom: 10px;
}

.l-pt-160 {
    padding-top: 160px;
}
.l-pb-80 {
    padding-bottom: 80px;
}
.--page-grid {
    position: relative;
}

.--page-grid > .wrapper {
    display: grid;
    gap: 32px;
}

.--pattern-bg.--align-top {
    top: -395px;
}
.grid{
    display: grid;
}
.gap-32{
    gap:32px;
}

.--checkbox-item {
    border-radius: 12px;
    border: 1px solid var(--gray-200);
    background: var(--base-white);
    cursor: pointer;
    transition: .2s;
}

.--checkbox-item > .--wrap {
    padding: 12px;
    display: flex;
    gap: 24px;
    justify-content: space-between;
}

.--checkbox-item > .--wrap > .--content {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.--checkbox-item > .--wrap > .--content > .icon {
    min-width: 20px;
    height: 20px;
}

.--checkbox-item > .--wrap > .--content .text .label {
    color: var(--gray-700);

    /* Text sm/Medium */
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    transition: .2s;
}

.--checkbox-item > .--wrap .--checkbox-base {
    border-radius: 8px;
    border: 1px solid var(--gray-300);
    background: var(--base-white);
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: .2s;
    position: relative;
}
.--checkbox-item > .--wrap .--checkbox-base > .check {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M8.33329 2.5L3.74996 7.08333L1.66663 5" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
    width: 100%;
    height: 100%;
    transition: .2s;
    opacity: 0;
}
input:checked + .--checkbox-item > .--wrap .--checkbox-base > .check {
    opacity: 1;
}
.--checkbox-item:hover {
    border: 1px solid var(--primary-300);
}

.--checkbox-item:hover > .--wrap .--checkbox-base {
    border: 1px solid var(--primary-600);
    background: var(--primary-100);
}

.--checkbox-item:active, .--checkbox-item:active > .--wrap .--checkbox-base {/* Focus ring/4px primary-100 */
    box-shadow: 0px 0px 0px 4px #f2f2fb;
    border: 1px solid var(--primary-300);
}
.--checkbox-item .giftey-icon {
    transition: .2s;
}

input:checked + .--checkbox-item .giftey-icon {
    filter: invert(20%) sepia(91%) saturate(3813%) hue-rotate(218deg) brightness(71%) contrast(109%);
}
input:checked + .--checkbox-item, .--checkbox-item.--active {
    border: 1px solid var(--primary-600);
    background: var(--primary-50);
    color: var(--primary-700);
    box-shadow: 0px 0px 0px 1px var(--primary-600);
}

input:checked + .--checkbox-item > .--wrap .--checkbox-base {
    border: 1px solid var(--primary-600);
    background: var(--primary-600);
}

input:checked + .--checkbox-item > .--wrap > .--content .text .label {
    color: var(--primary-700);
}
.--checkbox-item.--align-center > .--wrap, .--checkbox-item.--align-center > .--wrap .--content {
    align-items: center;
}
.--checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.text-center {
    text-align: center;
}
.l-p-15 {
    padding: 15px;
}
.l-mb-25 {
    margin-bottom: 25px;
}
.l-mb-50 {
    margin-bottom: 50px;
}
.l-ml-auto{
    margin-left: auto;
}
[data-tooltip] {
    pointer-events: all;
}
.--row-wizard-project-name {
    display: grid;
    grid-template-columns: 64px calc(100% - 84px);
    align-items: center;
    gap: 20px;
}
.col--date {
    white-space: nowrap;
}
.ce-header[contentEditable=true][data-placeholder]:empty:before {
    display: block !important;
}
[data-modal] {
    cursor: pointer;
}
.--modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 11111;
    pointer-events: none;
}

.--modal > .overlay {
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, #000 100%);
    z-index: 0;
    pointer-events: none;
    transition: .5s;
    transition-timing-function: cubic-bezier(0.42, 0, 0, 1.03);
    opacity: 0;
}

.--modal > .--wrap {
    position: relative;
    z-index: 1;
    transition: .5s;
    transition-timing-function: cubic-bezier(0.42, 0, 0, 1.03);
    transform: translate3d(0px, 40px, 0px);
    opacity: 0;
    transition-delay: .1s;
    pointer-events: none;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.--modal > .--wrap > .scroll-area {
    height: 100vh;
    overflow: auto;
    padding: 0 15px;
    padding-top: 10vh;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.--modal > .--wrap > .scroll-area::-webkit-scrollbar {
    display:none
}

.--modal > .--wrap > .scroll-area > .--window {
    border-radius: 12px;
    background: var(--base-white, #FFF);
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    max-width: 544px;
    margin: auto;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.--modal.--show > .--wrap {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) !important;
    pointer-events: auto;
}

.--modal.--show > .overlay {
    opacity: 1;
    pointer-events: auto;
}

.--modal.--left > .--wrap {
    margin-right: 0;
    transform: translate3d(40px, 0px, 0px);
}

.--modal.--left > .--wrap > .scroll-area {
    padding-right: 0;
    padding-top: 0;
}

.--modal.--left > .--wrap > .scroll-area > .--window {
    border-radius: 0px;
    margin-top: 0;
    min-height: 100%;
}

.--modal > .--wrap > .scroll-area > .--window > .--header {
    padding: 24px 24px 0px 24px;
    color: var(--gray-600);
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    padding-bottom: 20px;
    position: relative;
}

.--modal > .--wrap > .scroll-area > .--window > .--content {
    padding: 0 24px;
}

.--modal > .--wrap > .scroll-area > .--window > .--header > .--wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}
.--modal > .--wrap > .scroll-area > .--window > .--header > .--wrap > .--actions {
    position: relative;
    margin: -7px;
}
.--modal > .--wrap > .scroll-area > .--window > .--header > .--wrap > .text {
    margin-right: auto;
    display: grid;
    gap: 4px;
}

.--modal > .--wrap > .scroll-area > .--window > .--header .title {
    color: var(--gray-900);
    font-size: 18px;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
}


.--modal > .--wrap > .scroll-area > .--window > .--header > .--wrap > .--content {
    display: grid;
    gap: 12px;
}
.--modal > .--wrap > .scroll-area > .--window > .--header > .--wrap > .--content .text {
    display: grid;
    gap: 4px;
}

.--modal > .--wrap > .scroll-area > .--window > .--actions {
    padding-top: 12px;
}

.--modal > .--wrap > .scroll-area > .--window > .--actions > .--wrap {
    display: flex;
    padding: 0px 24px 24px 24px;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}

.--modal > .--wrap > .scroll-area > .--window > .--actions > .div {
    height: 1px;
    width: 100%;
    background: var(--gray-200, #EAECF0);
    margin-bottom: 24px;
}

.--modal > .--wrap > .scroll-area > .--window > .--header > .bg {
    position: absolute;
    width: 336px;
    height: 336px;
    left: -125px;
    top: -125px;
    z-index: 0;
    pointer-events: none;
}

.--modal > .--wrap > .scroll-area > .--window > .--header > .bg > div {
    width: 100%;
    height: 100%;
}

.--page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11112;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    opacity: 0;
}

.--page-loader > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #00000036;
}

.--page-loader.--loading .--loader {
    opacity: 1;
}

.--page-loader .--loader {
    z-index: 3;
}

.--page-loader.--loading {
    opacity: 1;
}

.my-dropzone.dz-clickable {
    width: 100%;
    border: none;
    padding: 0;
    flex-wrap: wrap;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    min-height: auto;
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    transform: scale(.6);
}

.input.upload.dz-message {
    margin: 0;
    clear: both;
}


/* REPORT (DRAFT) */

.--report-card {
    border-radius: 12px;
    background: #f2f2f29e;

    /* Shadow/xs */
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    color: var(--Gray-900);
    padding-bottom: 20px;
    min-width: 30%;
    height: auto;
}

.--report-card .--details {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    width: 100%;
}

.--header {}

.--report-card .--header {
    display: flex;
    justify-content: space-between;
}

.--report-card .--wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.--report-card .--header .--title {
    font-size: 16px;
    font-weight: 600;
}

.mai--report {
    padding: 16px 0;
    display: flex;
    gap: 16px;
    position: relative;
    min-height: 70vh;
    flex-direction: column;
}

.mai--report .--row {
    display: grid;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 700px;
    grid-template-columns: auto 50%;
}
.mai--report .--row.--style-1{
    grid-template-columns: auto 25% 23%;
    width: calc(100% - 32px);
}
.--report-card .--details .--value {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px; /* 122.222% */
    letter-spacing: -0.72px;
}

.--report-card .--details .--caption {
    display: inline-flex;
    gap: 3px;
    margin-top: 10px;
    font-weight: 500;
    color: var(--gray-500);
}

.--conversation-process-checklist {
    display: grid;
    gap: 8px;
}

.--conversation-process-checklist > .item {
    display: flex;
    gap: 5px;
    color: var(--gray-400);
}

.--conversation-process-checklist > .item > .icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
    margin-top: 2px;
    opacity: 0;
}

.--conversation-process-checklist > .item.checked > .icon {
    opacity: 1;
}

.--conversation-process-checklist > .item.checked {
    color: var(--gray-900);
}