Crush responsive + customizations

Crush website is more suitable for wide screens.

/* ==UserStyle==
@name           Crush responsive + customizations
@version        1.4.5
@description    Crush website is more suitable for wide screens.
@author         BreatFR (https://breat.fr)
@namespace      https://gitlab.com/breatfr
@homepageURL    https://gitlab.com/breatfr/crush
@supportURL     https://discord.com/channels/1088951945781334066/1097154953950277804
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var checkbox   blurcontent                 "Blur content"                 0
@var color      aibubblesbg                 "Bubbles background (AI)"      #211b19
@var color      mybubblesbg                 "Bubbles background (Me)"      #1b1c1e
@var color      aibubblesft                 "Bubbles font (AI)"            #cbcbcb
@var color      mybubblesft                 "Bubbles font (Me)"            #cbcbcb
@var checkbox   darkmode                    "Dark mode"                    1
@var text       fontsize                    "Font size"                    20px
@var checkbox   widemode                    "Wide mode"                    1
==/UserStyle== */

/* === Credits ===
Website         https://breat.fr
facebook        https://www.facebook.com/breatfroff
mastodon        https://mastodon.social/@breat_fr
telegram        https://t.me/breatfr
vk              https://vk.com/breatfroff
X (twitter)     https://x.com/breatfroff
=== Credits === */
    
@-moz-document domain("crush.chat") {
/* ===================================================================================================================================
    Version
=================================================================================================================================== */
    :root {
        --themeversion: 'Theme v1.4.5';
        --author: 'by BreatFR';
        --install: ' usercssjs.breat.fr or gitlab.com/breatfr/crush ';
        --support: ' ko-fi.com/breatfr or paypal.me/breat ';
    }

    .flex.justify-between.px-5.w-full.text-sm.text-neutral-400.pb-2.items-center.font-light::before {
        background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        content: var(--themeversion) ' · ' var(--author) '\A' url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHN0eWxlPSJ0cmFuc2Zvcm06IHNjYWxlWSgtMSk7Ij48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2NiY2JjYiIgZD0iTTMwNyAzNC44Yy0xMS41IDUuMS0xOSAxNi42LTE5IDI5LjJ2NjRIMTc2Qzc4LjggMTI4IDAgMjA2LjggMCAzMDRDMCA0MTcuMyA4MS41IDQ2Ny45IDEwMC4yIDQ3OC4xYzIuNSAxLjQgNS4zIDEuOSA4LjEgMS45YzEwLjkgMCAxOS43LTguOSAxOS43LTE5LjdjMC03LjUtNC4zLTE0LjQtOS44LTE5LjVDMTA4LjggNDMxLjkgOTYgNDE0LjQgOTYgMzg0YzAtNTMgNDMtOTYgOTYtOTZoOTZ2NjRjMCAxMi42IDcuNCAyNC4xIDE5IDI5LjJzMjUgMyAzNC40LTUuNGwxNjAtMTQ0YzYuNy02LjEgMTAuNi0xNC43IDEwLjYtMjMuOHMtMy44LTE3LjctMTAuNi0yMy44bC0xNjAtMTQ0Yy05LjQtOC41LTIyLjktMTAuNi0zNC40LTUuNHoiLz48L3N2Zz4=") ' Install ' url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKDE4MCkiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi41LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNCBGb250aWNvbnMsIEluYy4tLT48cGF0aCBmaWxsPSIjY2JjYmNiIiBkPSJNMzA3IDM0LjhjLTExLjUgNS4xLTE5IDE2LjYtMTkgMjkuMnY2NEgxNzZDNzguOCAxMjggMCAyMDYuOCAwIDMwNEMwIDQxNy4zIDgxLjUgNDY3LjkgMTAwLjIgNDc4LjFjMi41IDEuNCA1LjMgMS45IDguMSAxLjljMTAuOSAwIDE5LjctOC45IDE5LjctMTkuN2MwLTcuNS00LjMtMTQuNC05LjgtMTkuNUMxMDguOCA0MzEuOSA5NiA0MTQuNCA5NiAzODRjMC01MyA0My05NiA5Ni05Nmg5NnY2NGMwIDEyLjYgNy40IDI0LjEgMTkgMjkuMnMyNSAzIDM0LjQtNS40bDE2MC0xNDRjNi43LTYuMSAxMC42LTE0LjcgMTAuNi0yMy44cy0zLjgtMTcuNy0xMC42LTIzLjhsLTE2MC0xNDRjLTkuNC04LjUtMjIuOS0xMC42LTM0LjQtNS40eiIvPjwvc3ZnPg==") '\A' var(--install) '\A' url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHN0eWxlPSJ0cmFuc2Zvcm06IHNjYWxlWSgtMSk7Ij48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2NiY2JjYiIgZD0iTTMwNyAzNC44Yy0xMS41IDUuMS0xOSAxNi42LTE5IDI5LjJ2NjRIMTc2Qzc4LjggMTI4IDAgMjA2LjggMCAzMDRDMCA0MTcuMyA4MS41IDQ2Ny45IDEwMC4yIDQ3OC4xYzIuNSAxLjQgNS4zIDEuOSA4LjEgMS45YzEwLjkgMCAxOS43LTguOSAxOS43LTE5LjdjMC03LjUtNC4zLTE0LjQtOS44LTE5LjVDMTA4LjggNDMxLjkgOTYgNDE0LjQgOTYgMzg0YzAtNTMgNDMtOTYgOTYtOTZoOTZ2NjRjMCAxMi42IDcuNCAyNC4xIDE5IDI5LjJzMjUgMyAzNC40LTUuNGwxNjAtMTQ0YzYuNy02LjEgMTAuNi0xNC43IDEwLjYtMjMuOHMtMy44LTE3LjctMTAuNi0yMy44bC0xNjAtMTQ0Yy05LjQtOC41LTIyLjktMTAuNi0zNC40LTUuNHoiLz48L3N2Zz4=") ' Support me ' url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKDE4MCkiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi41LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNCBGb250aWNvbnMsIEluYy4tLT48cGF0aCBmaWxsPSIjY2JjYmNiIiBkPSJNMzA3IDM0LjhjLTExLjUgNS4xLTE5IDE2LjYtMTkgMjkuMnY2NEgxNzZDNzguOCAxMjggMCAyMDYuOCAwIDMwNEMwIDQxNy4zIDgxLjUgNDY3LjkgMTAwLjIgNDc4LjFjMi41IDEuNCA1LjMgMS45IDguMSAxLjljMTAuOSAwIDE5LjctOC45IDE5LjctMTkuN2MwLTcuNS00LjMtMTQuNC05LjgtMTkuNUMxMDguOCA0MzEuOSA5NiA0MTQuNCA5NiAzODRjMC01MyA0My05NiA5Ni05Nmg5NnY2NGMwIDEyLjYgNy40IDI0LjEgMTkgMjkuMnMyNSAzIDM0LjQtNS40bDE2MC0xNDRjNi43LTYuMSAxMC42LTE0LjcgMTAuNi0yMy44cy0zLjgtMTcuNy0xMC42LTIzLjhsLTE2MC0xNDRjLTkuNC04LjUtMjIuOS0xMC42LTM0LjQtNS40eiIvPjwvc3ZnPg==") '\A' var(--support);
        display: flex;
        flex-direction: column;
        font-size: 18px;
        left: 50%;
        position: absolute;
        text-align: center;
        transform: translateX(-50%);
        top: 77%;
        width: max-content;
        white-space: pre-line;
    }
    
/* ===================================================================================================================================
    Hide scrollbars
=================================================================================================================================== */
    :root ::-webkit-scrollbar {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        -moz-overflow-style: none !important;
        -webkit-overflow-style: none !important;
        width: 0px;
    }    
    ::-webkit-scrollbar {
        display: none;
        width: 0px;
    }
    
/* ===================================================================================================================================
    Blur
=================================================================================================================================== */
    if blurcontent {
        .select-text,
        .flex.flex-row.items-center.text-sm > div > span {
            filter: blur(8px);
            -moz-filter: blur(8px);
            -webkit-filter: blur(8px);
        }
    }

/* ===================================================================================================================================
    Dark mode
=================================================================================================================================== */
    if darkmode {
        body,
        .bg-white {
            background-color: #101010;
        }
        
        .md\:pb-0 > div > div {
            background-color: #272626 !important;
            border-radius: 20px;
        }
        
        .hover\\:bg-gray-100:hover,
        .hover\\:px-6:hover {
            background: #5b576b !important;
            background: rgba(91, 87, 107, 0.2) !important;
            border-radius: 20px;
        }
        
        * {
            border: 0px;
        }
        button:not(.bg-black),
        button:not(.text-white),
        div,
        p,
        span,
        .md\\:text-black {
            color: #cbcbcb !important;
        }
        
        textarea {
            background-color: #272626 !important;
            border: 1px solid #cbcbcb !important;
            border-radius: 32px !important;
        }
        textarea:focus {
            border: 0px !important;
            border-radius: 32px;
            box-shadow: 0 0 0 1px rgb(139, 109, 255), 0 0 0 2px rgb(254, 132, 132) !important;
        }
        
        /* Logo */
        img.leading-5,
        img.leading-5.h-full {
            display: none;
        }
        .w-64 > .mx-0.mt-0.mb-3.text-xl.font-light > a.router-link-active.router-link-exact-active:after,
        a.h-full.py-4 {
            background: url("data:image/svg+xml,%3Csvg width='153' height='28' viewBox='0 0 3815 700' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_407_49)'%3E%3Cpath d='M684 350C684 534.463 534.463 684 350 684C252.699 684 16.0027 684 16.0027 684C16.0027 684 16 437.162 16 350C16 165.537 165.537 16 350 16C534.463 16 684 165.537 684 350Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M700 350C700 543.3 543.3 700 350 700H0V350C0 156.7 156.7 0 350 0C543.3 0 700 156.7 700 350ZM350 668C525.627 668 668 525.627 668 350C668 174.373 525.627 32 350 32C174.373 32 32 174.373 32 350C32 434.87 32 668 32 668C32 668 259.243 668 350 668Z' fill='%23white'/%3E%3Cpath d='M339.075 597.5C342.481 599.15 346.216 600.005 350 600C353.792 600.008 357.537 599.153 360.95 597.5C369.7 593.2 575 491.15 575 325C575 300.279 567.669 276.114 553.936 255.559C540.202 235.004 520.682 218.982 497.843 209.52C475.005 200.059 449.874 197.581 425.627 202.401C401.381 207.221 379.108 219.123 361.625 236.6L350 248.225L338.375 236.6C320.892 219.123 298.619 207.221 274.373 202.401C250.126 197.581 224.995 200.059 202.157 209.52C179.318 218.982 159.798 235.004 146.064 255.559C132.331 276.114 125 300.279 125 325C125 491.775 330.35 593.25 339.075 597.5Z' fill='%23DD2E44'/%3E%3Cpath d='M339.075 597.5C342.481 599.15 346.216 600.005 350 600C353.792 600.008 357.537 599.153 360.95 597.5C369.7 593.2 575 491.15 575 325C575 300.279 567.669 276.114 553.936 255.559C540.202 235.004 520.682 218.982 497.843 209.52C475.005 200.059 449.874 197.581 425.627 202.401C401.381 207.221 379.108 219.123 361.625 236.6L350 248.225L338.375 236.6C320.892 219.123 298.619 207.221 274.373 202.401C250.126 197.581 224.995 200.059 202.157 209.52C179.318 218.982 159.798 235.004 146.064 255.559C132.331 276.114 125 300.279 125 325C125 491.775 330.35 593.25 339.075 597.5Z' fill='url(%23paint0_linear_407_49)'/%3E%3Cpath d='M1308.82 480.548H1346.74C1342.06 528.275 1329.26 568.516 1308.35 601.27C1287.44 633.712 1259.35 658.356 1224.08 675.201C1189.12 691.733 1147.92 700 1100.48 700C1062.71 700 1028.38 692.825 997.478 678.476C966.89 663.815 940.515 643.226 918.355 616.711C896.506 589.884 879.652 557.91 867.791 520.789C855.93 483.668 850 442.647 850 397.727V302.273C850 257.041 855.93 216.02 867.791 179.211C879.652 142.09 896.506 110.272 918.355 83.7567C940.515 56.9296 967.046 36.3414 997.946 21.992C1029.16 7.33066 1063.96 0 1102.35 0C1148.86 0 1189.59 8.26649 1224.55 24.7995C1259.5 41.3324 1287.44 65.9759 1308.35 98.7299C1329.26 131.172 1342.06 171.257 1346.74 218.984H1308.82C1304.14 179.367 1293.37 145.989 1276.51 118.85C1259.97 91.3993 1237.19 70.4991 1208.16 56.1497C1179.13 41.8004 1143.86 34.6257 1102.35 34.6257C1069.58 34.6257 1040.08 41.0205 1013.86 53.8102C987.646 66.2879 965.173 84.3806 946.446 108.088C927.718 131.484 913.205 159.559 902.905 192.313C892.917 224.755 887.923 261.096 887.923 301.337V397.727C887.923 437.344 892.917 473.685 902.905 506.751C912.893 539.505 927.094 567.736 945.509 591.444C963.924 614.84 986.241 633.088 1012.46 646.19C1038.68 658.979 1068.02 665.374 1100.48 665.374C1141.99 665.374 1177.42 658.824 1206.76 645.722C1236.09 632.308 1259.19 611.876 1276.05 584.425C1293.21 556.974 1304.14 522.349 1308.82 480.548Z' fill='white'/%3E%3Cpath d='M1495.62 9.35829H1714.27C1759.21 9.35829 1798.69 17.0009 1832.72 32.2861C1866.74 47.5713 1893.27 69.8752 1912.31 99.1979C1931.66 128.52 1941.33 164.55 1941.33 207.286C1941.33 240.04 1934.31 269.675 1920.27 296.19C1906.22 322.705 1887.18 344.697 1863.15 362.166C1839.11 379.323 1811.96 390.553 1781.68 395.856L1765.3 401.938H1513.88L1512.95 367.313H1733.46C1771.23 367.313 1802.6 359.67 1827.57 344.385C1852.85 329.1 1871.73 309.291 1884.22 284.96C1897.01 260.316 1903.41 234.425 1903.41 207.286C1903.41 173.284 1895.76 144.274 1880.47 120.254C1865.49 95.9225 1843.8 77.2059 1815.39 64.1043C1787.3 50.6907 1753.59 43.984 1714.27 43.984H1533.55V690.642H1495.62V9.35829ZM1929.63 690.642L1747.04 388.369L1789.17 387.901L1969.89 684.091V690.642H1929.63Z' fill='white'/%3E%3Cpath d='M2543.42 9.35829H2581.34V471.19C2581.34 522.037 2570.88 564.461 2549.97 598.463C2529.37 632.464 2501.12 657.888 2465.23 674.733C2429.65 691.578 2389.85 700 2345.84 700C2301.21 700 2261.1 691.578 2225.52 674.733C2189.94 657.888 2161.69 632.464 2140.78 598.463C2120.18 564.461 2109.88 522.037 2109.88 471.19V9.35829H2147.8V471.19C2147.8 513.302 2156.39 548.864 2173.55 577.874C2190.72 606.573 2214.28 628.409 2244.25 643.382C2274.21 658.044 2308.08 665.374 2345.84 665.374C2383.61 665.374 2417.32 658.044 2446.97 643.382C2476.93 628.409 2500.5 606.573 2517.67 577.874C2534.83 548.864 2543.42 513.302 2543.42 471.19V9.35829Z' fill='white'/%3E%3Cpath d='M3153.46 525.468C3153.46 505.192 3150.03 487.099 3143.16 471.19C3136.29 454.969 3124.9 440.619 3108.98 428.142C3093.37 415.352 3072.77 403.498 3047.18 392.58C3021.59 381.662 2990.06 371.056 2952.61 360.762C2918.27 351.404 2887.22 341.266 2859.44 330.348C2831.97 319.118 2808.41 306.328 2788.74 291.979C2769.39 277.629 2754.57 260.628 2744.27 240.976C2733.97 221.012 2728.82 197.46 2728.82 170.321C2728.82 144.118 2734.43 120.566 2745.67 99.6658C2756.91 78.7656 2772.67 60.9848 2792.96 46.3235C2813.56 31.3503 2837.59 19.9643 2865.06 12.1658C2892.84 4.05526 2923.11 0 2955.89 0C3001.77 0 3041.87 8.7344 3076.21 26.2032C3110.54 43.3601 3137.38 67.2237 3156.74 97.7941C3176.09 128.053 3185.76 162.834 3185.76 202.139H3147.84C3147.84 170.009 3139.88 141.31 3123.96 116.043C3108.36 90.7754 3086.2 70.967 3057.48 56.6176C3029.08 41.9563 2995.21 34.6257 2955.89 34.6257C2915.31 34.6257 2880.82 40.8645 2852.42 53.3422C2824.33 65.82 2802.95 82.3529 2788.28 102.941C2773.92 123.217 2766.74 145.365 2766.74 169.385C2766.74 186.542 2769.86 202.607 2776.1 217.58C2782.66 232.553 2793.27 246.279 2807.94 258.757C2822.92 271.234 2843.05 283.088 2868.34 294.318C2893.93 305.236 2925.77 315.842 2963.84 326.136C2998.8 335.183 3030.17 345.477 3057.95 357.019C3086.04 368.249 3110.07 381.506 3130.05 396.791C3150.03 412.077 3165.32 430.169 3175.93 451.069C3186.54 471.97 3191.85 496.457 3191.85 524.532C3191.85 552.295 3185.92 577.094 3174.06 598.93C3162.2 620.455 3145.66 638.859 3124.43 654.144C3103.52 669.118 3078.86 680.504 3050.46 688.302C3022.37 696.101 2992.09 700 2959.63 700C2929.98 700 2900.17 696.413 2870.21 689.238C2840.56 682.063 2813.4 670.521 2788.74 654.612C2764.09 638.703 2744.27 617.803 2729.28 591.912C2714.3 566.021 2706.81 534.514 2706.81 497.393H2744.73C2744.73 529.211 2751.29 556.038 2764.4 577.874C2777.51 599.398 2794.67 616.555 2815.9 629.345C2837.12 642.135 2860.22 651.337 2885.19 656.952C2910.47 662.567 2935.29 665.374 2959.63 665.374C2997.71 665.374 3031.26 659.603 3060.29 648.062C3089.63 636.208 3112.41 619.831 3128.64 598.93C3145.19 577.718 3153.46 553.231 3153.46 525.468Z' fill='white'/%3E%3Cpath d='M3787.85 322.393V357.487H3346.35V322.393H3787.85ZM3359.46 9.35829V690.642H3321.54V9.35829H3359.46ZM3815 9.35829V690.642H3777.08V9.35829H3815Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_407_49' x1='403.5' y1='288' x2='292.5' y2='516.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F72D20'/%3E%3Cstop offset='0.995' stop-color='%23D80D00'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_407_49'%3E%3Crect width='3815' height='700' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat;
            content: "";
            display: inline-block;
            height: 46.97px;
            width: 254px;
        }
        
        /* Instagram icon */
        #__nuxt > div:nth-child(1) > div.flex > div > div > div > div > div.hidden.md\:flex.flex-shrink-0.h-\[66px\].border-t-2.border-gray-100.justify-between.px-5.items-center > a:nth-child(2) > div svg {
            color: #cbcbcb;
        }
        
        /* Valid icons */
        .flex.flex-col.flex-1.overflow-hidden.justify-end > div > svg,
        .flex.items-center.justify-between.p-5 > div > div > div > svg,
        .flex.items-center.justify-between > div > svg,
        .flex.flex-col.ml-4.items-start > div > svg {
            display: none;
        }
        .flex.flex-col.ml-4.items-start > div > div:after,        
        .flex.items-center.justify-between.p-5 > div > div > div > h2:after,
        .flex.items-center.justify-between > div > span:after,
        .flex.flex-col.ml-4.items-start > div > span:after {
            background: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-vubbuv' focusable='false' aria-hidden='true'%3E%3Cg clip-path='url(%23VerifiedIcon_svg__a)'%3E%3Ccircle cx='12' cy='12' r='7' fill='%23fff'%3E%3C/circle%3E%3Cpath d='M21.158 14.107a3.2 3.2 0 0 0 0-4.214l-.174-.199a1.5 1.5 0 0 1-.365-1.125l.024-.256a3.2 3.2 0 0 0-2.478-3.414l-.244-.056a1.5 1.5 0 0 1-.96-.7l-.13-.22a3.2 3.2 0 0 0-4.018-1.312l-.221.095a1.5 1.5 0 0 1-1.184 0l-.225-.097a3.2 3.2 0 0 0-4.016 1.31l-.127.214a1.5 1.5 0 0 1-.962.699l-.235.052A3.2 3.2 0 0 0 3.357 8.3l.024.261a1.5 1.5 0 0 1-.363 1.123l-.183.21a3.2 3.2 0 0 0 .004 4.209l.178.203c.27.309.402.716.364 1.125l-.024.267a3.2 3.2 0 0 0 2.477 3.413l.247.056a1.5 1.5 0 0 1 .958.698l.125.21a3.2 3.2 0 0 0 4.023 1.307l.22-.096a1.5 1.5 0 0 1 1.187-.001l.223.096a3.2 3.2 0 0 0 4.016-1.31l.128-.216a1.5 1.5 0 0 1 .958-.698l.246-.056a3.2 3.2 0 0 0 2.478-3.414l-.024-.256a1.5 1.5 0 0 1 .365-1.125l.174-.2Zm-10.714 2.258a.5.5 0 0 1-.708 0l-3.093-3.101a.5.5 0 0 1 0-.707l.773-.773a.5.5 0 0 1 .708.001l1.966 1.975 5.496-5.515a.5.5 0 0 1 .708 0l.773.772a.5.5 0 0 1 0 .707l-6.623 6.641Z' fill='url(%23VerifiedIcon_svg__b)'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='VerifiedIcon_svg__b' x1='1' y1='1.5' x2='23.712' y2='2.301' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F48A6C'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FD1D5D'%3E%3C/stop%3E%3C/linearGradient%3E%3CclipPath id='VerifiedIcon_svg__a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
            background-size: cover;
            content: "";
            display: inline-block;
            height: 24px;
            margin-left: 5px;
            transform: translate(0%, 20%);
            -webkit-transform: translate(0%, 20%);
            width: 24px;
        }
        .flex.flex-col.flex-1.overflow-hidden.justify-end > div > h2:after {
            background: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg' class='MuiSvgIcon-root MuiSvgIcon-fontSizeMedium mui-vubbuv' focusable='false' aria-hidden='true'%3E%3Cg clip-path='url(%23VerifiedIcon_svg__a)'%3E%3Ccircle cx='12' cy='12' r='7' fill='%23fff'%3E%3C/circle%3E%3Cpath d='M21.158 14.107a3.2 3.2 0 0 0 0-4.214l-.174-.199a1.5 1.5 0 0 1-.365-1.125l.024-.256a3.2 3.2 0 0 0-2.478-3.414l-.244-.056a1.5 1.5 0 0 1-.96-.7l-.13-.22a3.2 3.2 0 0 0-4.018-1.312l-.221.095a1.5 1.5 0 0 1-1.184 0l-.225-.097a3.2 3.2 0 0 0-4.016 1.31l-.127.214a1.5 1.5 0 0 1-.962.699l-.235.052A3.2 3.2 0 0 0 3.357 8.3l.024.261a1.5 1.5 0 0 1-.363 1.123l-.183.21a3.2 3.2 0 0 0 .004 4.209l.178.203c.27.309.402.716.364 1.125l-.024.267a3.2 3.2 0 0 0 2.477 3.413l.247.056a1.5 1.5 0 0 1 .958.698l.125.21a3.2 3.2 0 0 0 4.023 1.307l.22-.096a1.5 1.5 0 0 1 1.187-.001l.223.096a3.2 3.2 0 0 0 4.016-1.31l.128-.216a1.5 1.5 0 0 1 .958-.698l.246-.056a3.2 3.2 0 0 0 2.478-3.414l-.024-.256a1.5 1.5 0 0 1 .365-1.125l.174-.2Zm-10.714 2.258a.5.5 0 0 1-.708 0l-3.093-3.101a.5.5 0 0 1 0-.707l.773-.773a.5.5 0 0 1 .708.001l1.966 1.975 5.496-5.515a.5.5 0 0 1 .708 0l.773.772a.5.5 0 0 1 0 .707l-6.623 6.641Z' fill='url(%23VerifiedIcon_svg__b)'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='VerifiedIcon_svg__b' x1='1' y1='1.5' x2='23.712' y2='2.301' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F48A6C'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FD1D5D'%3E%3C/stop%3E%3C/linearGradient%3E%3CclipPath id='VerifiedIcon_svg__a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
            background-size: cover;
            content: "";
            display: inline-block;
            height: 32px;
            margin-left: 5px;
            transform: translate(0%, 20%);
            -webkit-transform: translate(0%, 20%);
            width: 32px;
        }
        
        /* Preloader */
        .htmlpreload {
            visibility: hidden;
        }
        #__nuxt > div:nth-child(1) > div.absolute.inset-x-0.top-0.z-40 {
            display: none !important;
            width: 0px !important;
        }
        #before_preloader {
            background: url("data:image/svg+xml,%3Csvg width='1335' height='245' viewBox='0 0 3815 700' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_407_49)'%3E%3Cpath d='M684 350C684 534.463 534.463 684 350 684C252.699 684 16.0027 684 16.0027 684C16.0027 684 16 437.162 16 350C16 165.537 165.537 16 350 16C534.463 16 684 165.537 684 350Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M700 350C700 543.3 543.3 700 350 700H0V350C0 156.7 156.7 0 350 0C543.3 0 700 156.7 700 350ZM350 668C525.627 668 668 525.627 668 350C668 174.373 525.627 32 350 32C174.373 32 32 174.373 32 350C32 434.87 32 668 32 668C32 668 259.243 668 350 668Z' fill='%23white'/%3E%3Cpath d='M339.075 597.5C342.481 599.15 346.216 600.005 350 600C353.792 600.008 357.537 599.153 360.95 597.5C369.7 593.2 575 491.15 575 325C575 300.279 567.669 276.114 553.936 255.559C540.202 235.004 520.682 218.982 497.843 209.52C475.005 200.059 449.874 197.581 425.627 202.401C401.381 207.221 379.108 219.123 361.625 236.6L350 248.225L338.375 236.6C320.892 219.123 298.619 207.221 274.373 202.401C250.126 197.581 224.995 200.059 202.157 209.52C179.318 218.982 159.798 235.004 146.064 255.559C132.331 276.114 125 300.279 125 325C125 491.775 330.35 593.25 339.075 597.5Z' fill='%23DD2E44'/%3E%3Cpath d='M339.075 597.5C342.481 599.15 346.216 600.005 350 600C353.792 600.008 357.537 599.153 360.95 597.5C369.7 593.2 575 491.15 575 325C575 300.279 567.669 276.114 553.936 255.559C540.202 235.004 520.682 218.982 497.843 209.52C475.005 200.059 449.874 197.581 425.627 202.401C401.381 207.221 379.108 219.123 361.625 236.6L350 248.225L338.375 236.6C320.892 219.123 298.619 207.221 274.373 202.401C250.126 197.581 224.995 200.059 202.157 209.52C179.318 218.982 159.798 235.004 146.064 255.559C132.331 276.114 125 300.279 125 325C125 491.775 330.35 593.25 339.075 597.5Z' fill='url(%23paint0_linear_407_49)'/%3E%3Cpath d='M1308.82 480.548H1346.74C1342.06 528.275 1329.26 568.516 1308.35 601.27C1287.44 633.712 1259.35 658.356 1224.08 675.201C1189.12 691.733 1147.92 700 1100.48 700C1062.71 700 1028.38 692.825 997.478 678.476C966.89 663.815 940.515 643.226 918.355 616.711C896.506 589.884 879.652 557.91 867.791 520.789C855.93 483.668 850 442.647 850 397.727V302.273C850 257.041 855.93 216.02 867.791 179.211C879.652 142.09 896.506 110.272 918.355 83.7567C940.515 56.9296 967.046 36.3414 997.946 21.992C1029.16 7.33066 1063.96 0 1102.35 0C1148.86 0 1189.59 8.26649 1224.55 24.7995C1259.5 41.3324 1287.44 65.9759 1308.35 98.7299C1329.26 131.172 1342.06 171.257 1346.74 218.984H1308.82C1304.14 179.367 1293.37 145.989 1276.51 118.85C1259.97 91.3993 1237.19 70.4991 1208.16 56.1497C1179.13 41.8004 1143.86 34.6257 1102.35 34.6257C1069.58 34.6257 1040.08 41.0205 1013.86 53.8102C987.646 66.2879 965.173 84.3806 946.446 108.088C927.718 131.484 913.205 159.559 902.905 192.313C892.917 224.755 887.923 261.096 887.923 301.337V397.727C887.923 437.344 892.917 473.685 902.905 506.751C912.893 539.505 927.094 567.736 945.509 591.444C963.924 614.84 986.241 633.088 1012.46 646.19C1038.68 658.979 1068.02 665.374 1100.48 665.374C1141.99 665.374 1177.42 658.824 1206.76 645.722C1236.09 632.308 1259.19 611.876 1276.05 584.425C1293.21 556.974 1304.14 522.349 1308.82 480.548Z' fill='white'/%3E%3Cpath d='M1495.62 9.35829H1714.27C1759.21 9.35829 1798.69 17.0009 1832.72 32.2861C1866.74 47.5713 1893.27 69.8752 1912.31 99.1979C1931.66 128.52 1941.33 164.55 1941.33 207.286C1941.33 240.04 1934.31 269.675 1920.27 296.19C1906.22 322.705 1887.18 344.697 1863.15 362.166C1839.11 379.323 1811.96 390.553 1781.68 395.856L1765.3 401.938H1513.88L1512.95 367.313H1733.46C1771.23 367.313 1802.6 359.67 1827.57 344.385C1852.85 329.1 1871.73 309.291 1884.22 284.96C1897.01 260.316 1903.41 234.425 1903.41 207.286C1903.41 173.284 1895.76 144.274 1880.47 120.254C1865.49 95.9225 1843.8 77.2059 1815.39 64.1043C1787.3 50.6907 1753.59 43.984 1714.27 43.984H1533.55V690.642H1495.62V9.35829ZM1929.63 690.642L1747.04 388.369L1789.17 387.901L1969.89 684.091V690.642H1929.63Z' fill='white'/%3E%3Cpath d='M2543.42 9.35829H2581.34V471.19C2581.34 522.037 2570.88 564.461 2549.97 598.463C2529.37 632.464 2501.12 657.888 2465.23 674.733C2429.65 691.578 2389.85 700 2345.84 700C2301.21 700 2261.1 691.578 2225.52 674.733C2189.94 657.888 2161.69 632.464 2140.78 598.463C2120.18 564.461 2109.88 522.037 2109.88 471.19V9.35829H2147.8V471.19C2147.8 513.302 2156.39 548.864 2173.55 577.874C2190.72 606.573 2214.28 628.409 2244.25 643.382C2274.21 658.044 2308.08 665.374 2345.84 665.374C2383.61 665.374 2417.32 658.044 2446.97 643.382C2476.93 628.409 2500.5 606.573 2517.67 577.874C2534.83 548.864 2543.42 513.302 2543.42 471.19V9.35829Z' fill='white'/%3E%3Cpath d='M3153.46 525.468C3153.46 505.192 3150.03 487.099 3143.16 471.19C3136.29 454.969 3124.9 440.619 3108.98 428.142C3093.37 415.352 3072.77 403.498 3047.18 392.58C3021.59 381.662 2990.06 371.056 2952.61 360.762C2918.27 351.404 2887.22 341.266 2859.44 330.348C2831.97 319.118 2808.41 306.328 2788.74 291.979C2769.39 277.629 2754.57 260.628 2744.27 240.976C2733.97 221.012 2728.82 197.46 2728.82 170.321C2728.82 144.118 2734.43 120.566 2745.67 99.6658C2756.91 78.7656 2772.67 60.9848 2792.96 46.3235C2813.56 31.3503 2837.59 19.9643 2865.06 12.1658C2892.84 4.05526 2923.11 0 2955.89 0C3001.77 0 3041.87 8.7344 3076.21 26.2032C3110.54 43.3601 3137.38 67.2237 3156.74 97.7941C3176.09 128.053 3185.76 162.834 3185.76 202.139H3147.84C3147.84 170.009 3139.88 141.31 3123.96 116.043C3108.36 90.7754 3086.2 70.967 3057.48 56.6176C3029.08 41.9563 2995.21 34.6257 2955.89 34.6257C2915.31 34.6257 2880.82 40.8645 2852.42 53.3422C2824.33 65.82 2802.95 82.3529 2788.28 102.941C2773.92 123.217 2766.74 145.365 2766.74 169.385C2766.74 186.542 2769.86 202.607 2776.1 217.58C2782.66 232.553 2793.27 246.279 2807.94 258.757C2822.92 271.234 2843.05 283.088 2868.34 294.318C2893.93 305.236 2925.77 315.842 2963.84 326.136C2998.8 335.183 3030.17 345.477 3057.95 357.019C3086.04 368.249 3110.07 381.506 3130.05 396.791C3150.03 412.077 3165.32 430.169 3175.93 451.069C3186.54 471.97 3191.85 496.457 3191.85 524.532C3191.85 552.295 3185.92 577.094 3174.06 598.93C3162.2 620.455 3145.66 638.859 3124.43 654.144C3103.52 669.118 3078.86 680.504 3050.46 688.302C3022.37 696.101 2992.09 700 2959.63 700C2929.98 700 2900.17 696.413 2870.21 689.238C2840.56 682.063 2813.4 670.521 2788.74 654.612C2764.09 638.703 2744.27 617.803 2729.28 591.912C2714.3 566.021 2706.81 534.514 2706.81 497.393H2744.73C2744.73 529.211 2751.29 556.038 2764.4 577.874C2777.51 599.398 2794.67 616.555 2815.9 629.345C2837.12 642.135 2860.22 651.337 2885.19 656.952C2910.47 662.567 2935.29 665.374 2959.63 665.374C2997.71 665.374 3031.26 659.603 3060.29 648.062C3089.63 636.208 3112.41 619.831 3128.64 598.93C3145.19 577.718 3153.46 553.231 3153.46 525.468Z' fill='white'/%3E%3Cpath d='M3787.85 322.393V357.487H3346.35V322.393H3787.85ZM3359.46 9.35829V690.642H3321.54V9.35829H3359.46ZM3815 9.35829V690.642H3777.08V9.35829H3815Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_407_49' x1='403.5' y1='288' x2='292.5' y2='516.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F72D20'/%3E%3Cstop offset='0.995' stop-color='%23D80D00'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_407_49'%3E%3Crect width='3815' height='700' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") #101010 no-repeat center center;
            -webkit-animation: 2s linear infinite pulse_preload;
            animation: 2s linear infinite pulse_preload;
        }
        
        /* Send button */
        [aria-label="send"]:disabled > div > svg path {
            fill: #cbcbcb !important;
        }
        
        /* Chat now botton */
        .border-gray-100.py-6.w-full.border-y-2 > .px-5 > button {
            color: #cbcbcb;
        }
        
        /* Ai bubbles */
        .text-black:not(.w-full.text-black.px-6) {
            background: aibubblesbg;
            border-radius: 8px 20px 20px 20px;
        }
        .text-black:not(.w-full.text-black.px-6) span:nth-child(1) {
            color: aibubblesft !important;
        }
        
        /* + button */
        .bottom-0.tems-center.gap-1.py-2.px-1.bg-white > div > button {
            background: transparent !important;
            border: 0px;
        }
        a[href="/"] > div:active,
        .bottom-0.tems-center.gap-1.py-2.px-1.bg-white > div > button > div:active {
            background: transparent !important;
        }
        .bottom-0.tems-center.gap-1.py-2.px-1.bg-white > div:hover svg path {
            stroke: rgb(254, 132, 132);
            transition: stroke 0.3s ease;
        }
        [data-state="open"] {
            background-color: #101010;
            border: 1px solid #cbcbcb;
        }
        [data-state="open"] > div:hover {
            background-color: #101010;
        }
        [data-state="open"] > div:nth-child(1) > div:hover,
        [data-state="open"] > div:nth-child(1) > div:hover svg path{
            background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%) !important;
            background-clip: text !important;
            -webkit-background-clip: text !important;
            color: transparent !important;
            stroke: #cbcbcb;
        }
        
        /* Tip */
        [aria-hidden="true"]:not(svg) {
            background: transparent;
            filter: blur(8px);
            -moz-filter: blur(8px);
            -webkit-filter: blur(8px);
            border: none;
        }
        [data-state="open"] {
            height: 80%;
            min-width: 80%;
            border: none;
        }
        .flex.justify-between.px-4,
        .relative.mt-2.px-4,
        .relative.mt-2.px-4 > span,
        .px-4.my-4.space-y-3 {
            padding: 0px 5%;
        }
        .flex.justify-between.px-4 > button {
            font-size: 32px;
            height: 80px;
            width: 140px;
        }
        button:not(.bg-black),
        button:not(.text-white){
            color: #101010;
        }
        [aria-describedby="radix-vue-dialog-description-9"] {
            background: #101010;
            color: #cbcbcb;
        }
        #price,
        .relative.mt-2.px-4 > span {
            color: #101010 !important;
        }
        
        /* Our bubbles */
        .bg-message {
            color: mybubblesft !important;
            background: mybubblesbg;
            border-radius: 20px 8px 20px 20px;
        }
        .bg-message span:nth-child(1) {
            color: mybubblesft !important;
        }
        
        /* Disabled */
        :disabled,
        :disabled:hover,
        :disabled:hover svg path {
            color: inherit;
            stroke: inherit !important;
            cursor: not-allowed;
        }
        
        /* Menu */
        [aria-label="send"] > div:active,
        [aria-current="page"] > div:active,
        [aria-label="back"] > div:active,
        [aria-label="setting"] > div:active {
            background: transparent !important;
        }
        [aria-current="page"] > div:hover svg path,
        [aria-label="back"] > div:hover svg path,
        [aria-label="setting"] > div:hover svg path {
            stroke: rgb(254, 132, 132);
            transition: stroke 0.3s ease;
        }
        
        /* Setting button in our profile */
        .px-5.pt-4 > a[href="/setting"] {
            background-color: #1b1c1e;
        }
        
        /* Images */
        .backdrop-blur {
            display: none !important;
        }
        .size-full div {
            background-color: transparent !important;
        }
    }
    
/* ===================================================================================================================================
    Wide mode
=================================================================================================================================== */
    if widemode {
        /* Sidebar */
        .xl\\:flex-grow {
            flex-grow: 0;
        }

        /* Chat */
        .xl\\:w-\\[800px\\] {
            width: 100% !important;
        }
        
        /* Bubbles */
        .max-w-\\[30rem\\] {
            max-width: 100% !important;
            padding: 5px;
        }        
        .flex.flex-col.px-1.text-gray-700.select-text.align-top.items-start {
            width: 80%;
        }
        .flex.flex-col.px-1.text-gray-700.select-text.align-top.items-end.right-0 {
            transform: translate(25%, 0%);
            -webkit-transform: translate(25%, 0%);
            width: 80%;
        }
        .select-text {
            gap: 10px;
        }
        
        /* Suggested Crushes */
        .md\\:pt-10 {
            padding-top: 10px;
        }
        .h-\\[150px\\] {
            height: 250px;
        }
        
        /* Fix home page */
        .pb-\\\[var\\(--h-mobile-footer\\)\\\] {
            padding-bottom: 0px !important;
        }
    }
    
/* ===================================================================================================================================
    Font size
=================================================================================================================================== */
    if fontsize {
        textarea,
        .select-text {
            font-size: fontsize !important;
        }
        
        .float-right.relative.ml-1.\-mt-3.\-mb-1 > div > span {
            font-size: 12px !important;
        }
    }
}

@-moz-document url("https://crush.chat/setting") {
    main svg {
        color: #cbcbcb;
    }
}