:root {
    --dimmed: 0.5;
    --layer-0: -1;
    --layer-1: 100;
    --layer-2: 200;
    --layer-3: 300;
    --layer-4: 400;
    --layer-5: 500;
    --layer-6: 600;
    --layer-7: 700;
    --layer-8: 800;
    --layer-9: 900;
    --layer-10: 1000;
    --radius-thumb: 6px;
    --font-family-monospace: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, Courier, monospace;
    --chat-spacing: 15px;
    --sticker-size-store: 72px;
    --sticker-size-details: 256px;
    --t-ease: cubic-bezier(0.1, 0.82, 0.25, 1);
    --radius-app: 3px;
    --h-pane-header: 59px;
    --blur-radius-thumbnail: 8px;
    --padding-psa-message: 22px;
    --padding-drawer-bottom: 32px;
    --padding-drawer-side: 24px;
    --sticker-size-panel: 100px;
    --compose-box-menu-item-width: 26px;
    --compose-box-menu-height: 52px;
    --compose-box-top-bottom-padding: 5px;
    --compose-box-left-right-padding: 10px;
    --compose-box-open-menu-width: 110px;
    --compose-box-full-open-menu-width: 152px;
    --compose-box-menu-item-spacing: 16px;
    --compose-box-menu-width-status-reply: 68px;
    --compose-box-open-menu-width-status-reply: 110px;
    --line-height-quoted: 20px;
    --line-height-quoted-author: 22px;
    --quoted-compose-height-full: 83px;
    --width-msg-bubble-with-media: 336px;
    --cell-height: 72px;
    --squircle-polygon: polygon(100% 50%, 100% 56.6%, 100% 59.3%, 100% 61.4%, 99.9% 63.2%, 99.9% 64.8%, 99.9% 66.2%, 99.8% 67.5%, 99.8% 68.7%, 99.7% 69.8%, 99.6% 70.8%, 99.5% 71.8%, 99.5% 72.8%, 99.4% 73.7%, 99.3% 74.6%, 99.1% 75.4%, 99% 76.3%, 98.9% 77%, 98.8% 77.8%, 98.6% 78.5%, 98.5% 79.2%, 98.3% 79.9%, 98.1% 80.6%, 98% 81.3%, 97.8% 81.9%, 97.6% 82.5%, 97.4% 83.1%, 97.2% 83.7%, 97% 84.3%, 96.8% 84.8%, 96.5% 85.4%, 96.3% 85.9%, 96% 86.4%, 95.8% 86.9%, 95.5% 87.4%, 95.3% 87.9%, 95% 88.3%, 94.7% 88.8%, 94.4% 89.2%, 94.1% 89.7%, 93.8% 90.1%, 93.4% 90.5%, 93.1% 90.9%, 92.8% 91.3%, 92.4% 91.7%, 92% 92%, 91.7% 92.4%, 91.3% 92.8%, 90.9% 93.1%, 90.5% 93.4%, 90.1% 93.8%, 89.7% 94.1%, 89.2% 94.4%, 88.8% 94.7%, 88.3% 95%, 87.9% 95.3%, 87.4% 95.5%, 86.9% 95.8%, 86.4% 96%, 85.9% 96.3%, 85.4% 96.5%, 84.8% 96.8%, 84.3% 97%, 83.7% 97.2%, 83.1% 97.4%, 82.5% 97.6%, 81.9% 97.8%, 81.3% 98%, 80.6% 98.1%, 79.9% 98.3%, 79.2% 98.5%, 78.5% 98.6%, 77.8% 98.8%, 77% 98.9%, 76.3% 99%, 75.4% 99.1%, 74.6% 99.3%, 73.7% 99.4%, 72.8% 99.5%, 71.8% 99.5%, 70.8% 99.6%, 69.8% 99.7%, 68.7% 99.8%, 67.5% 99.8%, 66.2% 99.9%, 64.8% 99.9%, 63.2% 99.9%, 61.4% 100%, 59.3% 100%, 56.6% 100%, 50% 100%, 43.4% 100%, 40.7% 100%, 38.6% 100%, 36.8% 99.9%, 35.2% 99.9%, 33.8% 99.9%, 32.5% 99.8%, 31.3% 99.8%, 30.2% 99.7%, 29.2% 99.6%, 28.2% 99.5%, 27.2% 99.5%, 26.3% 99.4%, 25.4% 99.3%, 24.6% 99.1%, 23.7% 99%, 23% 98.9%, 22.2% 98.8%, 21.5% 98.6%, 20.8% 98.5%, 20.1% 98.3%, 19.4% 98.1%, 18.7% 98%, 18.1% 97.8%, 17.5% 97.6%, 16.9% 97.4%, 16.3% 97.2%, 15.7% 97%, 15.2% 96.8%, 14.6% 96.5%, 14.1% 96.3%, 13.6% 96%, 13.1% 95.8%, 12.6% 95.5%, 12.1% 95.3%, 11.7% 95%, 11.2% 94.7%, 10.8% 94.4%, 10.3% 94.1%, 9.9% 93.8%, 9.5% 93.4%, 9.1% 93.1%, 8.7% 92.8%, 8.3% 92.4%, 8% 92%, 7.6% 91.7%, 7.2% 91.3%, 6.9% 90.9%, 6.6% 90.5%, 6.2% 90.1%, 5.9% 89.7%, 5.6% 89.2%, 5.3% 88.8%, 5% 88.3%, 4.7% 87.9%, 4.5% 87.4%, 4.2% 86.9%, 4% 86.4%, 3.7% 85.9%, 3.5% 85.4%, 3.2% 84.8%, 3% 84.3%, 2.8% 83.7%, 2.6% 83.1%, 2.4% 82.5%, 2.2% 81.9%, 2% 81.3%, 1.9% 80.6%, 1.7% 79.9%, 1.5% 79.2%, 1.4% 78.5%, 1.2% 77.8%, 1.1% 77%, 1% 76.3%, 0.9% 75.4%, 0.7% 74.6%, 0.6% 73.7%, 0.5% 72.8%, 0.5% 71.8%, 0.4% 70.8%, 0.3% 69.8%, 0.2% 68.7%, 0.2% 67.5%, 0.1% 66.2%, 0.1% 64.8%, 0.1% 63.2%, 0% 61.4%, 0% 59.3%, 0% 56.6%, 0% 50%, 0% 43.4%, 0% 40.7%, 0% 38.6%, 0.1% 36.8%, 0.1% 35.2%, 0.1% 33.8%, 0.2% 32.5%, 0.2% 31.3%, 0.3% 30.2%, 0.4% 29.2%, 0.5% 28.2%, 0.5% 27.2%, 0.6% 26.3%, 0.7% 25.4%, 0.9% 24.6%, 1% 23.7%, 1.1% 23%, 1.2% 22.2%, 1.4% 21.5%, 1.5% 20.8%, 1.7% 20.1%, 1.9% 19.4%, 2% 18.7%, 2.2% 18.1%, 2.4% 17.5%, 2.6% 16.9%, 2.8% 16.3%, 3% 15.7%, 3.2% 15.2%, 3.5% 14.6%, 3.7% 14.1%, 4% 13.6%, 4.2% 13.1%, 4.5% 12.6%, 4.7% 12.1%, 5% 11.7%, 5.3% 11.2%, 5.6% 10.8%, 5.9% 10.3%, 6.2% 9.9%, 6.6% 9.5%, 6.9% 9.1%, 7.2% 8.7%, 7.6% 8.3%, 8% 8%, 8.3% 7.6%, 8.7% 7.2%, 9.1% 6.9%, 9.5% 6.6%, 9.9% 6.2%, 10.3% 5.9%, 10.8% 5.6%, 11.2% 5.3%, 11.7% 5%, 12.1% 4.7%, 12.6% 4.5%, 13.1% 4.2%, 13.6% 4%, 14.1% 3.7%, 14.6% 3.5%, 15.2% 3.2%, 15.7% 3%, 16.3% 2.8%, 16.9% 2.6%, 17.5% 2.4%, 18.1% 2.2%, 18.7% 2%, 19.4% 1.9%, 20.1% 1.7%, 20.8% 1.5%, 21.5% 1.4%, 22.2% 1.2%, 23% 1.1%, 23.7% 1%, 24.6% 0.9%, 25.4% 0.7%, 26.3% 0.6%, 27.2% 0.5%, 28.2% 0.5%, 29.2% 0.4%, 30.2% 0.3%, 31.3% 0.2%, 32.5% 0.2%, 33.8% 0.1%, 35.2% 0.1%, 36.8% 0.1%, 38.6% 0%, 40.7% 0%, 43.4% 0%, 50% 0%, 56.6% 0%, 59.3% 0%, 61.4% 0%, 63.2% 0.1%, 64.8% 0.1%, 66.2% 0.1%, 67.5% 0.2%, 68.7% 0.2%, 69.8% 0.3%, 70.8% 0.4%, 71.8% 0.5%, 72.8% 0.5%, 73.7% 0.6%, 74.6% 0.7%, 75.4% 0.9%, 76.3% 1%, 77% 1.1%, 77.8% 1.2%, 78.5% 1.4%, 79.2% 1.5%, 79.9% 1.7%, 80.6% 1.9%, 81.3% 2%, 81.9% 2.2%, 82.5% 2.4%, 83.1% 2.6%, 83.7% 2.8%, 84.3% 3%, 84.8% 3.2%, 85.4% 3.5%, 85.9% 3.7%, 86.4% 4%, 86.9% 4.2%, 87.4% 4.5%, 87.9% 4.7%, 88.3% 5%, 88.8% 5.3%, 89.2% 5.6%, 89.7% 5.9%, 90.1% 6.2%, 90.5% 6.6%, 90.9% 6.9%, 91.3% 7.2%, 91.7% 7.6%, 92% 8%, 92.4% 8.3%, 92.8% 8.7%, 93.1% 9.1%, 93.4% 9.5%, 93.8% 9.9%, 94.1% 10.3%, 94.4% 10.8%, 94.7% 11.2%, 95% 11.7%, 95.3% 12.1%, 95.5% 12.6%, 95.8% 13.1%, 96% 13.6%, 96.3% 14.1%, 96.5% 14.6%, 96.8% 15.2%, 97% 15.7%, 97.2% 16.3%, 97.4% 16.9%, 97.6% 17.5%, 97.8% 18.1%, 98% 18.7%, 98.1% 19.4%, 98.3% 20.1%, 98.5% 20.8%, 98.6% 21.5%, 98.8% 22.2%, 98.9% 23%, 99% 23.7%, 99.1% 24.6%, 99.3% 25.4%, 99.4% 26.3%, 99.5% 27.2%, 99.5% 28.2%, 99.6% 29.2%, 99.7% 30.2%, 99.8% 31.3%, 99.8% 32.5%, 99.9% 33.8%, 99.9% 35.2%, 99.9% 36.8%, 100% 38.6%, 100% 40.7%, 100% 43.4%);
    --width-album-grid-bubble: 168px;
    --width-album-extra-padding: 3px;
    --width-video-portrait-bubble: 246px;
    --preview-thumb-size: 90px;
    --preview-thumb-size-small: 52px;
    --height-thumb-shade: 28px;
    --thumb-spacing: 6px;
    --thumb-width: 78px;
    --thumb-height: 78px;
    --t-fast: 0.08s;
    --bubble-padding: 3px;
    --width-payment-bubble: 286px;
    --drawer-header-line-height: 23px;
    --text-size-small: 12.6px;
    --quote-right-margin: 64px;
    --quote-left-margin: 66px;
    --colors-modal-search-bar-height: 49px;
    --w-select: 40px;
    --radius-bubble: 7.5px;
    --wds-pink-50: #fff5f8;
    --wds-pink-50-rgb: 255, 245, 248;
    --wds-pink-75: #ffebf1;
    --wds-pink-75-rgb: 255, 235, 241;
    --wds-pink-100: #ffdae7;
    --wds-pink-100-rgb: 255, 218, 231;
    --wds-pink-200: #ffabc7;
    --wds-pink-200-rgb: 255, 171, 199;
    --wds-pink-300: #ff72a1;
    --wds-pink-300-rgb: 255, 114, 161;
    --wds-pink-400: #ff2e74;
    --wds-pink-400-rgb: 255, 46, 116;
    --wds-pink-500: #d42a66;
    --wds-pink-500-rgb: 212, 42, 102;
    --wds-pink-600: #a32553;
    --wds-pink-600-rgb: 163, 37, 83;
    --wds-pink-700: #6d1e3e;
    --wds-pink-700-rgb: 109, 30, 62;
    --wds-pink-800: #36192a;
    --wds-pink-800-rgb: 54, 25, 42;
    --wds-red-50: #feeff2;
    --wds-red-50-rgb: 254, 239, 242;
    --wds-red-75: #fde8eb;
    --wds-red-75-rgb: 253, 232, 235;
    --wds-red-100: #fbd8dc;
    --wds-red-100-rgb: 251, 216, 220;
    --wds-red-200: #faa0aa;
    --wds-red-200-rgb: 250, 160, 170;
    --wds-red-300: #f15c6d;
    --wds-red-300-rgb: 241, 92, 109;
    --wds-red-400: #ea0038;
    --wds-red-400-rgb: 234, 0, 56;
    --wds-red-500: #b80531;
    --wds-red-500-rgb: 184, 5, 49;
    --wds-red-600: #911435;
    --wds-red-600-rgb: 145, 20, 53;
    --wds-red-700: #61182e;
    --wds-red-700-rgb: 97, 24, 46;
    --wds-red-800: #321622;
    --wds-red-800-rgb: 50, 22, 34;
    --wds-orange-50: #fff7f5;
    --wds-orange-50-rgb: 255, 247, 245;
    --wds-orange-75: #ffebe6;
    --wds-orange-75-rgb: 255, 235, 230;
    --wds-orange-100: #fee2d8;
    --wds-orange-100-rgb: 254, 226, 216;
    --wds-orange-200: #fdc1ad;
    --wds-orange-200-rgb: 253, 193, 173;
    --wds-orange-300: #fc9775;
    --wds-orange-300-rgb: 252, 151, 117;
    --wds-orange-400: #fa6533;
    --wds-orange-400-rgb: 250, 101, 51;
    --wds-orange-500: #c4532d;
    --wds-orange-500-rgb: 196, 83, 45;
    --wds-orange-600: #9a4529;
    --wds-orange-600-rgb: 154, 69, 41;
    --wds-orange-700: #6b3424;
    --wds-orange-700-rgb: 107, 52, 36;
    --wds-orange-800: #35221e;
    --wds-orange-800-rgb: 53, 34, 30;
    --wds-yellow-50: #fcfcf5;
    --wds-yellow-50-rgb: 252, 252, 245;
    --wds-yellow-75: #fff7e5;
    --wds-yellow-75-rgb: 255, 247, 229;
    --wds-yellow-100: #fff0d4;
    --wds-yellow-100-rgb: 255, 240, 212;
    --wds-yellow-200: #ffe4af;
    --wds-yellow-200-rgb: 255, 228, 175;
    --wds-yellow-300: #ffd279;
    --wds-yellow-300-rgb: 255, 210, 121;
    --wds-yellow-400: #ffbc38;
    --wds-yellow-400-rgb: 255, 188, 56;
    --wds-yellow-500: #c89631;
    --wds-yellow-500-rgb: 200, 150, 49;
    --wds-yellow-600: #9d792c;
    --wds-yellow-600-rgb: 157, 121, 44;
    --wds-yellow-700: #6d5726;
    --wds-yellow-700-rgb: 109, 87, 38;
    --wds-yellow-800: #36311f;
    --wds-yellow-800-rgb: 54, 49, 31;
    --wds-green-50: #f2fdf0;
    --wds-green-50-rgb: 242, 253, 240;
    --wds-green-75: #e7fce3;
    --wds-green-75-rgb: 231, 252, 227;
    --wds-green-100: #d9fdd3;
    --wds-green-100-rgb: 217, 253, 211;
    --wds-green-200: #acfcac;
    --wds-green-200-rgb: 172, 252, 172;
    --wds-green-300: #71eb85;
    --wds-green-300-rgb: 113, 235, 133;
    --wds-green-400: #25d366;
    --wds-green-400-rgb: 37, 211, 102;
    --wds-green-500: #1fa855;
    --wds-green-500-rgb: 31, 168, 85;
    --wds-green-600: #1b8748;
    --wds-green-600-rgb: 27, 135, 72;
    --wds-green-700: #156038;
    --wds-green-700-rgb: 21, 96, 56;
    --wds-green-800: #103527;
    --wds-green-800-rgb: 16, 53, 39;
    --wds-emerald-50: #f0fff9;
    --wds-emerald-50-rgb: 240, 255, 249;
    --wds-emerald-75: #e1fef2;
    --wds-emerald-75-rgb: 225, 254, 242;
    --wds-emerald-100: #d5fded;
    --wds-emerald-100-rgb: 213, 253, 237;
    --wds-emerald-200: #b2f5da;
    --wds-emerald-200-rgb: 178, 245, 218;
    --wds-emerald-300: #7ae3c3;
    --wds-emerald-300-rgb: 122, 227, 195;
    --wds-emerald-400: #06cf9c;
    --wds-emerald-400-rgb: 6, 207, 156;
    --wds-emerald-500: #00a884;
    --wds-emerald-500-rgb: 0, 168, 132;
    --wds-emerald-600: #008069;
    --wds-emerald-600-rgb: 0, 128, 105;
    --wds-emerald-700: #125c4e;
    --wds-emerald-700-rgb: 18, 92, 78;
    --wds-emerald-800: #0a332c;
    --wds-emerald-800-rgb: 10, 51, 44;
    --wds-teal-50: #edfafa;
    --wds-teal-50-rgb: 237, 250, 250;
    --wds-teal-75: #dff6f5;
    --wds-teal-75-rgb: 223, 246, 245;
    --wds-teal-100: #cbf2ee;
    --wds-teal-100-rgb: 203, 242, 238;
    --wds-teal-200: #95dbd4;
    --wds-teal-200-rgb: 149, 219, 212;
    --wds-teal-300: #42c7b8;
    --wds-teal-300-rgb: 66, 199, 184;
    --wds-teal-400: #02a698;
    --wds-teal-400-rgb: 2, 166, 152;
    --wds-teal-500: #028377;
    --wds-teal-500-rgb: 2, 131, 119;
    --wds-teal-600: #046a62;
    --wds-teal-600-rgb: 4, 106, 98;
    --wds-teal-700: #074d4a;
    --wds-teal-700-rgb: 7, 77, 74;
    --wds-teal-800: #092d2f;
    --wds-teal-800-rgb: 9, 45, 47;
    --wds-sky-blue-50: #f2fafe;
    --wds-sky-blue-50-rgb: 242, 250, 254;
    --wds-sky-blue-75: #def3fc;
    --wds-sky-blue-75-rgb: 222, 243, 252;
    --wds-sky-blue-100: #caecfa;
    --wds-sky-blue-100-rgb: 202, 236, 250;
    --wds-sky-blue-200: #93d7f5;
    --wds-sky-blue-200-rgb: 147, 215, 245;
    --wds-sky-blue-300: #53bdeb;
    --wds-sky-blue-300-rgb: 83, 189, 235;
    --wds-sky-blue-400: #009de2;
    --wds-sky-blue-400-rgb: 0, 157, 226;
    --wds-sky-blue-500: #027eb5;
    --wds-sky-blue-500-rgb: 2, 126, 181;
    --wds-sky-blue-600: #046692;
    --wds-sky-blue-600-rgb: 4, 102, 146;
    --wds-sky-blue-700: #074b6a;
    --wds-sky-blue-700-rgb: 7, 75, 106;
    --wds-sky-blue-800: #092c3d;
    --wds-sky-blue-800-rgb: 9, 44, 61;
    --wds-cobalt-50: #f2f8ff;
    --wds-cobalt-50-rgb: 242, 248, 255;
    --wds-cobalt-75: #e1f0ff;
    --wds-cobalt-75-rgb: 225, 240, 255;
    --wds-cobalt-100: #d2e8ff;
    --wds-cobalt-100-rgb: 210, 232, 255;
    --wds-cobalt-200: #99cafe;
    --wds-cobalt-200-rgb: 153, 202, 254;
    --wds-cobalt-300: #53a6fd;
    --wds-cobalt-300-rgb: 83, 166, 253;
    --wds-cobalt-400: #007bfc;
    --wds-cobalt-400-rgb: 0, 123, 252;
    --wds-cobalt-500: #0063cb;
    --wds-cobalt-500-rgb: 0, 99, 203;
    --wds-cobalt-600: #0451a3;
    --wds-cobalt-600-rgb: 4, 81, 163;
    --wds-cobalt-700: #073d76;
    --wds-cobalt-700-rgb: 7, 61, 118;
    --wds-cobalt-800: #092642;
    --wds-cobalt-800-rgb: 9, 38, 66;
    --wds-purple-50: #f7f5ff;
    --wds-purple-50-rgb: 247, 245, 255;
    --wds-purple-75: #efebff;
    --wds-purple-75-rgb: 239, 235, 255;
    --wds-purple-100: #e8e0ff;
    --wds-purple-100-rgb: 232, 224, 255;
    --wds-purple-200: #d1c4ff;
    --wds-purple-200-rgb: 209, 196, 255;
    --wds-purple-300: #a791ff;
    --wds-purple-300-rgb: 167, 145, 255;
    --wds-purple-400: #7f66ff;
    --wds-purple-400-rgb: 127, 102, 255;
    --wds-purple-500: #5e47de;
    --wds-purple-500-rgb: 94, 71, 222;
    --wds-purple-600: #4837af;
    --wds-purple-600-rgb: 72, 55, 175;
    --wds-purple-700: #3a327b;
    --wds-purple-700-rgb: 58, 50, 123;
    --wds-purple-800: #242447;
    --wds-purple-800-rgb: 36, 36, 71;
    --wds-cool-gray-50: #f7f8fa;
    --wds-cool-gray-50-rgb: 247, 248, 250;
    --wds-cool-gray-75: #f0f2f5;
    --wds-cool-gray-75-rgb: 240, 242, 245;
    --wds-cool-gray-100: #e9edef;
    --wds-cool-gray-100-rgb: 233, 237, 239;
    --wds-cool-gray-200: #d1d7db;
    --wds-cool-gray-200-rgb: 209, 215, 219;
    --wds-cool-gray-300: #aebac1;
    --wds-cool-gray-300-rgb: 174, 186, 193;
    --wds-cool-gray-400: #8696a0;
    --wds-cool-gray-400-rgb: 134, 150, 160;
    --wds-cool-gray-500: #667781;
    --wds-cool-gray-500-rgb: 102, 119, 129;
    --wds-cool-gray-600: #54656f;
    --wds-cool-gray-600-rgb: 84, 101, 111;
    --wds-cool-gray-700: #3b4a54;
    --wds-cool-gray-700-rgb: 59, 74, 84;
    --wds-cool-gray-800: #202c33;
    --wds-cool-gray-800-rgb: 32, 44, 51;
    --wds-cool-gray-900: #111b21;
    --wds-cool-gray-900-rgb: 17, 27, 33;
    --wds-cool-gray-1000: #0b141a;
    --wds-cool-gray-1000-rgb: 11, 20, 26;
    --wds-white-alpha-05: hsla(0, 0%, 100%, 0.05);
    --wds-white-alpha-05-rgb: 255, 255, 255;
    --wds-white-alpha-10: hsla(0, 0%, 100%, 0.1);
    --wds-white-alpha-10-rgb: 255, 255, 255;
    --wds-white-alpha-20: hsla(0, 0%, 100%, 0.2);
    --wds-white-alpha-20-rgb: 255, 255, 255;
    --wds-white-alpha-30: hsla(0, 0%, 100%, 0.3);
    --wds-white-alpha-30-rgb: 255, 255, 255;
    --wds-white-alpha-40: hsla(0, 0%, 100%, 0.4);
    --wds-white-alpha-40-rgb: 255, 255, 255;
    --wds-white-alpha-50: hsla(0, 0%, 100%, 0.5);
    --wds-white-alpha-50-rgb: 255, 255, 255;
    --wds-white-alpha-60: hsla(0, 0%, 100%, 0.6);
    --wds-white-alpha-60-rgb: 255, 255, 255;
    --wds-white-alpha-70: hsla(0, 0%, 100%, 0.7);
    --wds-white-alpha-70-rgb: 255, 255, 255;
    --wds-white-alpha-80: hsla(0, 0%, 100%, 0.8);
    --wds-white-alpha-80-rgb: 255, 255, 255;
    --wds-white-alpha-90: hsla(0, 0%, 100%, 0.9);
    --wds-white-alpha-90-rgb: 255, 255, 255;
    --wds-cool-gray-alpha-05: rgba(11, 20, 26, 0.05);
    --wds-cool-gray-alpha-05-rgb: 11, 20, 26;
    --wds-cool-gray-alpha-10: rgba(11, 20, 26, 0.1);
    --wds-cool-gray-alpha-10-rgb: 11, 20, 26;
    --wds-cool-gray-alpha-20: rgba(11, 20, 26, 0.2);
    --wds-cool-gray-alpha-20-rgb: 11, 20, 26;
    --wds-cool-gray-alpha-30: rgba(11, 20, 26, 0.3);
    --wds-cool-gray-alpha-30-rgb: 11, 20, 26;
    --wds-cool-gray-alpha-40: rgba(11, 20, 26, 0.4);
    --wds-cool-gray-alpha-40-rgb: 11, 20, 26;
    --wds-cool-gray-alpha-50: rgba(11, 20, 26, 0.5);
    --wds-cool-gray-alpha-50-rgb: 11, 20, 26;
    --wds-cool-gray-alpha-60: rgba(11, 20, 26, 0.6);
    --wds-cool-gray-alpha-60-rgb: 11, 20, 26;
    --wds-cool-gray-alpha-70: rgba(11, 20, 26, 0.7);
    --wds-cool-gray-alpha-70-rgb: 11, 20, 26;
    --wds-cool-gray-alpha-80: rgba(11, 20, 26, 0.8);
    --wds-cool-gray-alpha-80-rgb: 11, 20, 26;
    --wds-cool-gray-alpha-90: rgba(11, 20, 26, 0.9);
    --wds-cool-gray-alpha-90-rgb: 11, 20, 26;
    --wds-transparent: transparent;
    --wds-transparent-rgb: 0, 0, 0;
    --wds-black: #000;
    --wds-black-rgb: 0, 0, 0;
    --wds-white: #fff;
    --wds-white-rgb: 255, 255, 255;
    --beige: #ede7dc;
    --beige-rgb: 237, 231, 220;
    --black: #0b141a;
    --black-rgb: 11, 20, 26;
    --blue-light: #009de2;
    --blue-light-rgb: 0, 157, 226;
    --blue-ocean: #93d7f5;
    --blue-ocean-rgb: 147, 215, 245;
    --blue-sky: #93d7f5;
    --blue-sky-rgb: 147, 215, 245;
    --blue: #027eb5;
    --blue-rgb: 2, 126, 181;
    --dark: #0b141a;
    --dark-rgb: 11, 20, 26;
    --green-deep: #1fa855;
    --green-deep-rgb: 31, 168, 85;
    --green: #25d366;
    --green-rgb: 37, 211, 102;
    --green-accent: #25d366;
    --green-accent-rgb: 37, 211, 102;
    --orange: #fc9775;
    --orange-rgb: 252, 151, 117;
    --pale-blue-green: #d5fded;
    --pale-blue-green-rgb: 213, 253, 237;
    --pale-green: #d9fdd3;
    --pale-green-rgb: 217, 253, 211;
    --pale-yellow: #fff0d4;
    --pale-yellow-rgb: 255, 240, 212;
    --red-light: #f15c6d;
    --red-light-rgb: 241, 92, 109;
    --red: #ea0038;
    --red-rgb: 234, 0, 56;
    --teal-light: #7ae3c3;
    --teal-light-rgb: 122, 227, 195;
    --teal-lighter: #00a884;
    --teal-lighter-rgb: 0, 168, 132;
    --teal: #008069;
    --teal-rgb: 0, 128, 105;
    --white: #fff;
    --white-rgb: 255, 255, 255;
    --yellow: #ffd279;
    --yellow-rgb: 255, 210, 121;
    --gray-30: #f7f8fa;
    --gray-30-rgb: 247, 248, 250;
    --gray-60: #f0f2f5;
    --gray-60-rgb: 240, 242, 245;
    --gray-70: #f0f2f5;
    --gray-70-rgb: 240, 242, 245;
    --gray-100: #e9edef;
    --gray-100-rgb: 233, 237, 239;
    --gray-150: #d1d7db;
    --gray-150-rgb: 209, 215, 219;
    --gray-200: #d1d7db;
    --gray-200-rgb: 209, 215, 219;
    --gray-300: #aebac1;
    --gray-300-rgb: 174, 186, 193;
    --gray-400: #8696a0;
    --gray-400-rgb: 134, 150, 160;
    --gray-500: #667781;
    --gray-500-rgb: 102, 119, 129;
    --gray-600: #54656f;
    --gray-600-rgb: 84, 101, 111;
    --gray-700: #3b4a54;
    --gray-700-rgb: 59, 74, 84;
    --gray-800: #202c33;
    --gray-800-rgb: 32, 44, 51;
    --gray-850: #111b21;
    --gray-850-rgb: 17, 27, 33;
    --gray-900: #111b21;
    --gray-900-rgb: 17, 27, 33;
    --active-tab-marker: #008069;
    --active-tab-marker-rgb: 0, 128, 105;
    --app-background: #eae6df;
    --app-background-rgb: 234, 230, 223;
    --app-background-deeper: #d1d7db;
    --app-background-deeper-rgb: 209, 215, 219;
    --app-background-stripe: #00a884;
    --app-background-stripe-rgb: 0, 168, 132;
    --attach-media-drop-border: rgba(11, 20, 26, 0.3);
    --attach-media-drop-border-rgb: 11, 20, 26;
    --attach-media-drop-overlay: hsla(0, 0%, 100%, 0.6);
    --attach-media-drop-overlay-rgb: 255, 255, 255;
    --audio-control-incoming: #9c8d8d;
    --audio-control-incoming-rgb: 156, 141, 141;
    --audio-control-outgoing: #6f8171;
    --audio-control-outgoing-rgb: 111, 129, 113;
    --audio-progress-incoming: #4ada80;
    --audio-progress-incoming-rgb: 74, 218, 128;
    --audio-progress-outgoing: #8da78f;
    --audio-progress-outgoing-rgb: 141, 167, 143;
    --audio-progress-played-incoming: #30b0e8;
    --audio-progress-played-incoming-rgb: 48, 176, 232;
    --audio-progress-played-outgoing: #29afdf;
    --audio-progress-played-outgoing-rgb: 41, 175, 223;
    --audio-progress-metadata: #8696a0;
    --audio-progress-metadata-rgb: 134, 150, 160;
    --audio-track-incoming: #e7e8e9;
    --audio-track-incoming-rgb: 231, 232, 233;
    --audio-track-outgoing: #c5e6c1;
    --audio-track-outgoing-rgb: 197, 230, 193;
    --avatar-background: #e9edef;
    --avatar-background-rgb: 233, 237, 239;
    --avatar-border: #fff;
    --avatar-border-rgb: 255, 255, 255;
    --avatar-circle-gray-light: #e9edef;
    --avatar-circle-gray-light-rgb: 233, 237, 239;
    --avatar-circle-gray: #d1d7db;
    --avatar-circle-gray-rgb: 209, 215, 219;
    --avatar-circle-gray-active: #d1d7db;
    --avatar-circle-gray-active-rgb: 209, 215, 219;
    --avatar-circle-gray-dark: #aebac1;
    --avatar-circle-gray-dark-rgb: 174, 186, 193;
    --avatar-circle-green-lighter: #d9fdd3;
    --avatar-circle-green-lighter-rgb: 217, 253, 211;
    --avatar-circle-green-light: #acfcac;
    --avatar-circle-green-light-rgb: 172, 252, 172;
    --avatar-circle-green: #c4f9c3;
    --avatar-circle-green-rgb: 196, 249, 195;
    --avatar-circle-green-dark: #a0f9a4;
    --avatar-circle-green-dark-rgb: 160, 249, 164;
    --avatar-placeholder-background: #dfe5e7;
    --avatar-placeholder-background-rgb: 223, 229, 231;
    --avatar-placeholder-primary: #fff;
    --avatar-placeholder-primary-rgb: 255, 255, 255;
    --archived-chat-marker: #54656f;
    --archived-chat-marker-rgb: 84, 101, 111;
    --archived-chat-marker-border: #e9edef;
    --archived-chat-marker-border-rgb: 233, 237, 239;
    --archived-chat-marker-background: #e9edef;
    --archived-chat-marker-background-rgb: 233, 237, 239;
    --background-default: #fff;
    --background-default-rgb: 255, 255, 255;
    --background-document-with-captions: #f0f2f5;
    --background-document-with-captions-rgb: 240, 242, 245;
    --background-default-active: #f0f2f5;
    --background-default-active-rgb: 240, 242, 245;
    --background-default-hover: #f5f6f6;
    --background-default-hover-rgb: 245, 246, 246;
    --badge-icon: #fff;
    --badge-icon-rgb: 255, 255, 255;
    --badge-pending: #00a884;
    --badge-pending-rgb: 0, 168, 132;
    --border-bubble: rgba(17, 27, 33, 0.06);
    --border-bubble-rgb: 17, 27, 33;
    --border-deeper: #e9edef;
    --border-deeper-rgb: 233, 237, 239;
    --border-default: #e9edef;
    --border-default-rgb: 233, 237, 239;
    --border-list: #e9edef;
    --border-list-rgb: 233, 237, 239;
    --border-panel: #e9edef;
    --border-panel-rgb: 233, 237, 239;
    --border-strong: #e9edef;
    --border-strong-rgb: 233, 237, 239;
    --border-stronger: #e9edef;
    --border-stronger-rgb: 233, 237, 239;
    --border-document-footer: #d9d9d9;
    --border-document-footer-rgb: 217, 217, 217;
    --bubble-meta: #667781;
    --bubble-meta-rgb: 102, 119, 129;
    --bubble-meta-icon: #8696a0;
    --bubble-meta-icon-rgb: 134, 150, 160;
    --business-name-title: #111b21;
    --business-name-title-rgb: 17, 27, 33;
    --business-name-subtitle: #aebac1;
    --business-name-subtitle-rgb: 174, 186, 193;
    --butterbar-battery-background: #f15c6d;
    --butterbar-battery-background-rgb: 241, 92, 109;
    --butterbar-battery-icon: #fff;
    --butterbar-battery-icon-rgb: 255, 255, 255;
    --butterbar-battery-primary: #fff;
    --butterbar-battery-primary-rgb: 255, 255, 255;
    --butterbar-battery-secondary: #fff;
    --butterbar-battery-secondary-rgb: 255, 255, 255;
    --butterbar-connection-background: #ffd279;
    --butterbar-connection-background-rgb: 255, 210, 121;
    --butterbar-connection-primary: #111b21;
    --butterbar-connection-primary-rgb: 17, 27, 33;
    --butterbar-connection-secondary: #202c33;
    --butterbar-connection-secondary-rgb: 32, 44, 51;
    --butterbar-connection-icon: #fff;
    --butterbar-connection-icon-rgb: 255, 255, 255;
    --butterbar-desktop-upsell-icon: #fff;
    --butterbar-desktop-upsell-icon-rgb: 255, 255, 255;
    --butterbar-phone-icon-shape: #ffd279;
    --butterbar-phone-icon-shape-rgb: 255, 210, 121;
    --butterbar-default-background: #53bdeb;
    --butterbar-default-background-rgb: 83, 189, 235;
    --butterbar-fatal-background: #ffd279;
    --butterbar-fatal-background-rgb: 255, 210, 121;
    --butterbar-fatal-primary: #111b21;
    --butterbar-fatal-primary-rgb: 17, 27, 33;
    --butterbar-fatal-secondary: #202c33;
    --butterbar-fatal-secondary-rgb: 32, 44, 51;
    --butterbar-fatal-icon: #fff;
    --butterbar-fatal-icon-rgb: 255, 255, 255;
    --butterbar-icon: #fff;
    --butterbar-icon-rgb: 255, 255, 255;
    --butterbar-icon-dismiss: #fff;
    --butterbar-icon-dismiss-rgb: 255, 255, 255;
    --butterbar-notice-background: #e1fef2;
    --butterbar-notice-background-rgb: 225, 254, 242;
    --butterbar-notice-circle: #00a884;
    --butterbar-notice-circle-rgb: 0, 168, 132;
    --butterbar-notice-icon: #fff;
    --butterbar-notice-icon-rgb: 255, 255, 255;
    --butterbar-notice-smb-background: #d8e9f2;
    --butterbar-notice-smb-background-rgb: 216, 233, 242;
    --butterbar-notice-smb-circle: #fff;
    --butterbar-notice-smb-circle-rgb: 255, 255, 255;
    --butterbar-notice-smb-icon: #3a5564;
    --butterbar-notice-smb-icon-rgb: 58, 85, 100;
    --butterbar-notification-icon: #fff;
    --butterbar-notification-icon-rgb: 255, 255, 255;
    --butterbar-primary: #111b21;
    --butterbar-primary-rgb: 17, 27, 33;
    --butterbar-secondary: #202c33;
    --butterbar-secondary-rgb: 32, 44, 51;
    --butterbar-update-background: #e1fef2;
    --butterbar-update-background-rgb: 225, 254, 242;
    --butterbar-update-icon: #00a884;
    --butterbar-update-icon-rgb: 0, 168, 132;
    --butterbar-green-nux-primary: #111b21;
    --butterbar-green-nux-primary-rgb: 17, 27, 33;
    --butterbar-green-nux-secondary: #202c33;
    --butterbar-green-nux-secondary-rgb: 32, 44, 51;
    --butterbar-green-nux-background: #e1fef2;
    --butterbar-green-nux-background-rgb: 225, 254, 242;
    --butterbar-green-nux-icon: #fff;
    --butterbar-green-nux-icon-rgb: 255, 255, 255;
    --butterbar-green-nux-icon-background: #00a884;
    --butterbar-green-nux-icon-background-rgb: 0, 168, 132;
    --butterbar-green-nux-icon-dismiss: #54656f;
    --butterbar-green-nux-icon-dismiss-rgb: 84, 101, 111;
    --butterbar-blue-nux-primary: #111b21;
    --butterbar-blue-nux-primary-rgb: 17, 27, 33;
    --butterbar-blue-nux-secondary: #202c33;
    --butterbar-blue-nux-secondary-rgb: 32, 44, 51;
    --butterbar-blue-nux-background: #caecfa;
    --butterbar-blue-nux-background-rgb: 202, 236, 250;
    --butterbar-blue-nux-icon: #fff;
    --butterbar-blue-nux-icon-rgb: 255, 255, 255;
    --butterbar-blue-nux-icon-background: #009de2;
    --butterbar-blue-nux-icon-background-rgb: 0, 157, 226;
    --butterbar-blue-nux-icon-dismiss: #54656f;
    --butterbar-blue-nux-icon-dismiss-rgb: 84, 101, 111;
    --butterbar-md-opt-in-awareness-circle: #00a884;
    --butterbar-md-opt-in-awareness-circle-rgb: 0, 168, 132;
    --butterbar-md-opt-in-awareness-icon-path: #fff;
    --butterbar-md-opt-in-awareness-icon-path-rgb: 255, 255, 255;
    --butterbar-md-opt-in-countdown-circle: #fff;
    --butterbar-md-opt-in-countdown-circle-rgb: 255, 255, 255;
    --butterbar-md-opt-in-countdown-icon-path: #fed859;
    --butterbar-md-opt-in-countdown-icon-path-rgb: 254, 216, 89;
    --button-alternative: #009de2;
    --button-alternative-rgb: 0, 157, 226;
    --button-alternative-background: #fff;
    --button-alternative-background-rgb: 255, 255, 255;
    --button-background-disabled: #e9edef;
    --button-background-disabled-rgb: 233, 237, 239;
    --button-bubble: rgba(0, 128, 105, 0.7);
    --button-bubble-rgb: 0, 128, 105;
    --button-plain-background: #fff;
    --button-plain-background-rgb: 255, 255, 255;
    --button-plain-background-hover: #fff;
    --button-plain-background-hover-rgb: 255, 255, 255;
    --button-plain: #54656f;
    --button-plain-rgb: 84, 101, 111;
    --button-plain-hover: #3b4a54;
    --button-plain-hover-rgb: 59, 74, 84;
    --button-primary: #fff;
    --button-primary-rgb: 255, 255, 255;
    --button-primary-background: #008069;
    --button-primary-background-rgb: 0, 128, 105;
    --button-primary-background-hover: #017561;
    --button-primary-background-hover-rgb: 1, 117, 97;
    --button-round-background: #00a884;
    --button-round-background-rgb: 0, 168, 132;
    --button-round-background-inverted: #f3f5f6;
    --button-round-background-inverted-rgb: 243, 245, 246;
    --button-round-icon-inverted: #00a884;
    --button-round-icon-inverted-rgb: 0, 168, 132;
    --button-disabled: #aebac1;
    --button-disabled-rgb: 174, 186, 193;
    --button-secondary: #008069;
    --button-secondary-rgb: 0, 128, 105;
    --button-secondary-border: #e9edef;
    --button-secondary-border-rgb: 233, 237, 239;
    --button-secondary-background: #fff;
    --button-secondary-background-rgb: 255, 255, 255;
    --button-secondary-background-hover: #fff;
    --button-secondary-background-hover-rgb: 255, 255, 255;
    --button-secondary-hover: #017561;
    --button-secondary-hover-rgb: 1, 117, 97;
    --button-focus: #fff;
    --button-focus-rgb: 255, 255, 255;
    --button-focus-outline: #00a884;
    --button-focus-outline-rgb: 0, 168, 132;
    --cart-interstitial-background: #fff;
    --cart-interstitial-background-rgb: 255, 255, 255;
    --cart-interstitial-icon: #3a5564;
    --cart-interstitial-icon-rgb: 58, 85, 100;
    --chat-info-drawer-thumb-background: #f0f2f5;
    --chat-info-drawer-thumb-background-rgb: 240, 242, 245;
    --chat-marker: #1b8748;
    --chat-marker-rgb: 27, 135, 72;
    --chat-marker-border: #e7fce3;
    --chat-marker-border-rgb: 231, 252, 227;
    --chat-marker-background: #e7fce3;
    --chat-marker-background-rgb: 231, 252, 227;
    --chat-meta: #667781;
    --chat-meta-rgb: 102, 119, 129;
    --chatlist-icon: #8696a0;
    --chatlist-icon-rgb: 134, 150, 160;
    --checkbox-background: #008069;
    --checkbox-background-rgb: 0, 128, 105;
    --checkbox-mark: #fff;
    --checkbox-mark-rgb: 255, 255, 255;
    --chevron-button-background: rgba(17, 27, 33, 0.35);
    --chevron-button-background-rgb: 17, 27, 33;
    --chip-button-background: #d5fded;
    --chip-button-background-rgb: 213, 253, 237;
    --chip-button-foreground: #008069;
    --chip-button-foreground-rgb: 0, 128, 105;
    --compose-input-background: #fff;
    --compose-input-background-rgb: 255, 255, 255;
    --compose-input-background-focused: #d1f1fe;
    --compose-input-background-focused-rgb: 209, 241, 254;
    --compose-input-border: #fff;
    --compose-input-border-rgb: 255, 255, 255;
    --compose-input-border-focused: #ccebf9;
    --compose-input-border-focused-rgb: 204, 235, 249;
    --compose-panel-background: #f0f2f5;
    --compose-panel-background-rgb: 240, 242, 245;
    --compose-panel-background-hover: #e9edef;
    --compose-panel-background-hover-rgb: 233, 237, 239;
    --compose-primary: #111b21;
    --compose-primary-rgb: 17, 27, 33;
    --conversation-panel-background: #efeae2;
    --conversation-panel-background-rgb: 239, 234, 226;
    --conversation-panel-border: #e9edef;
    --conversation-panel-border-rgb: 233, 237, 239;
    --cover-image-background: #eaf2f5;
    --cover-image-background-rgb: 234, 242, 245;
    --danger: #ea0038;
    --danger-rgb: 234, 0, 56;
    --disabled-round-button-background-color: #e9edef;
    --disabled-round-button-background-color-rgb: 233, 237, 239;
    --document-meta: #8696a0;
    --document-meta-rgb: 134, 150, 160;
    --drawer-background: #f0f2f5;
    --drawer-background-rgb: 240, 242, 245;
    --drawer-background-deep: #f0f2f5;
    --drawer-background-deep-rgb: 240, 242, 245;
    --drawer-gallery-background: #f0f2f5;
    --drawer-gallery-background-rgb: 240, 242, 245;
    --drawer-gallery-background-active: #dee0e3;
    --drawer-gallery-background-active-rgb: 222, 224, 227;
    --drawer-gallery-background-hover: #e7e9ec;
    --drawer-gallery-background-hover-rgb: 231, 233, 236;
    --drawer-header-title: #fff;
    --drawer-header-title-rgb: 255, 255, 255;
    --drawer-section-background: #fff;
    --drawer-section-background-rgb: 255, 255, 255;
    --dropdown-background: #fff;
    --dropdown-background-rgb: 255, 255, 255;
    --dropdown-background-hover: #f5f6f6;
    --dropdown-background-hover-rgb: 245, 246, 246;
    --electron-deprecation-app-expired-header: #00a884;
    --electron-deprecation-app-expired-header-rgb: 0, 168, 132;
    --electron-deprecation-app-expired-window: #fff;
    --electron-deprecation-app-expired-window-rgb: 255, 255, 255;
    --empty-state-background: #f7f8fa;
    --empty-state-background-rgb: 247, 248, 250;
    --empty-state-icon: #fff;
    --empty-state-icon-rgb: 255, 255, 255;
    --ephemeral-nux-background: rgba(6, 207, 156, 0.15);
    --ephemeral-nux-background-rgb: 6, 207, 156;
    --ephemeral-nux-bubble: #00a884;
    --ephemeral-nux-bubble-rgb: 0, 168, 132;
    --ephemeral-nux-timer: #00a884;
    --ephemeral-nux-timer-rgb: 0, 168, 132;
    --sender-superpower-title: #00a884;
    --sender-superpower-title-rgb: 0, 168, 132;
    --focus: #009de2;
    --focus-rgb: 0, 157, 226;
    --focus-animation: rgba(0, 157, 226, 0.22);
    --focus-animation-rgb: 0, 157, 226;
    --focus-animation-deeper: rgba(0, 157, 226, 0.3);
    --focus-animation-deeper-rgb: 0, 157, 226;
    --focus-lighter: rgba(0, 157, 226, 0.1);
    --focus-lighter-rgb: 0, 157, 226;
    --forwarded-indicator-text: #8696a0;
    --forwarded-indicator-text-rgb: 134, 150, 160;
    --highlight: #008069;
    --highlight-rgb: 0, 128, 105;
    --icon: #54656f;
    --icon-rgb: 84, 101, 111;
    --icon-ack: #53bdeb;
    --icon-ack-rgb: 83, 189, 235;
    --icon-disabled: #d1d7db;
    --icon-disabled-rgb: 209, 215, 219;
    --icon-fixed: #8696a0;
    --icon-fixed-rgb: 134, 150, 160;
    --icon-lighter: #8696a0;
    --icon-lighter-rgb: 134, 150, 160;
    --icon-strong: #54656f;
    --icon-strong-rgb: 84, 101, 111;
    --icon-search-back: #00a884;
    --icon-search-back-rgb: 0, 168, 132;
    --icon-bright-accent: #00a884;
    --icon-bright-accent-rgb: 0, 168, 132;
    --icon-bright-highlight: #00a884;
    --icon-bright-highlight-rgb: 0, 168, 132;
    --icon-pinned: #8696a0;
    --icon-pinned-rgb: 134, 150, 160;
    --round-icon-background: #00a884;
    --round-icon-background-rgb: 0, 168, 132;
    --incoming-background: #fff;
    --incoming-background-rgb: 255, 255, 255;
    --incoming-background-deeper: #f5f6f6;
    --incoming-background-deeper-rgb: 245, 246, 246;
    --incoming-background-highlight: #f0f1f1;
    --incoming-background-highlight-rgb: 240, 241, 241;
    --incoming-primary: #888d90;
    --incoming-primary-rgb: 136, 141, 144;
    --input-border-active: #00a884;
    --input-border-active-rgb: 0, 168, 132;
    --input-border: #667781;
    --input-border-rgb: 102, 119, 129;
    --input-hover-background: #f0f2f5;
    --input-hover-background-rgb: 240, 242, 245;
    --input-empty-value-placeholder: #00a884;
    --input-empty-value-placeholder-rgb: 0, 168, 132;
    --input-placeholder: #667781;
    --input-placeholder-rgb: 102, 119, 129;
    --input-button-more: #00a884;
    --input-button-more-rgb: 0, 168, 132;
    --intro-background: #f0f2f5;
    --intro-background-rgb: 240, 242, 245;
    --intro-border: #25d366;
    --intro-border-rgb: 37, 211, 102;
    --intro-logo: rgba(78, 100, 112, 0.4);
    --intro-logo-rgb: 78, 100, 112;
    --intro-secondary: #667781;
    --intro-secondary-rgb: 102, 119, 129;
    --inverse: #fff;
    --inverse-rgb: 255, 255, 255;
    --label-disabled-text: #d1d7db;
    --label-disabled-text-rgb: 209, 215, 219;
    --label-secondary-text: rgba(60, 60, 67, 0.6);
    --label-secondary-text-rgb: 60, 60, 67;
    --labels-icon: rgba(17, 27, 33, 0.4);
    --labels-icon-rgb: 17, 27, 33;
    --link: #027eb5;
    --link-rgb: 2, 126, 181;
    --link-alt: #008069;
    --link-alt-rgb: 0, 128, 105;
    --link-preview: rgba(17, 27, 33, 0.87);
    --link-preview-rgb: 17, 27, 33;
    --link-preview-light: rgba(17, 27, 33, 0.3);
    --link-preview-light-rgb: 17, 27, 33;
    --link-preview-lighter: rgba(17, 27, 33, 0.6);
    --link-preview-lighter-rgb: 17, 27, 33;
    --live-location-footer-background: hsla(0, 0%, 100%, 0.9);
    --live-location-footer-background-rgb: 255, 255, 255;
    --live-location-glow: rgba(37, 211, 102, 0.3);
    --live-location-glow-rgb: 37, 211, 102;
    --live-location-glow-stale: rgba(255, 0, 31, 0.3);
    --live-location-glow-stale-rgb: 255, 0, 31;
    --location-cluster-background: #fff;
    --location-cluster-background-rgb: 255, 255, 255;
    --map-overlay-background: hsla(0, 0%, 100%, 0.6);
    --map-overlay-background-rgb: 255, 255, 255;
    --map-overlay-foreground: #667781;
    --map-overlay-foreground-rgb: 102, 119, 129;
    --media-editor-control: #1c313f;
    --media-editor-control-rgb: 28, 49, 63;
    --media-editor-image-caption-input-background: #fff;
    --media-editor-image-caption-input-background-rgb: 255, 255, 255;
    --media-editor-video-caption-input-background: #f0f2f5;
    --media-editor-video-caption-input-background-rgb: 240, 242, 245;
    --media-editor-document-caption-input-background: #fff;
    --media-editor-document-caption-input-background-rgb: 255, 255, 255;
    --media-editor-icon-color: #54656f;
    --media-editor-icon-color-rgb: 84, 101, 111;
    --media-editor-icon-secondary-color: #8696a0;
    --media-editor-icon-secondary-color-rgb: 134, 150, 160;
    --media-editor-thumb-border: #d1d7db;
    --media-editor-thumb-border-rgb: 209, 215, 219;
    --media-editor-thumb-border-active: #00a884;
    --media-editor-thumb-border-active-rgb: 0, 168, 132;
    --media-gallery-thumb-background: #dfe3e7;
    --media-gallery-thumb-background-rgb: 223, 227, 231;
    --media-gallery-thumb-icon: #bbc4cb;
    --media-gallery-thumb-icon-rgb: 187, 196, 203;
    --media-viewer-background: hsla(0, 0%, 100%, 0.96);
    --media-viewer-background-rgb: 255, 255, 255;
    --media-viewer-button-background: #d1d7db;
    --media-viewer-button-background-rgb: 209, 215, 219;
    --media-viewer-button-icon: #fff;
    --media-viewer-button-icon-rgb: 255, 255, 255;
    --media-inner-border: rgba(11, 20, 26, 0.1);
    --media-inner-border-rgb: 11, 20, 26;
    --menu-bar-item-background-active: rgba(11, 20, 26, 0.1);
    --menu-bar-item-background-active-rgb: 11, 20, 26;
    --menu-context-sticker-icon: rgba(17, 27, 33, 0.5);
    --menu-context-sticker-icon-rgb: 17, 27, 33;
    --menu-context-sticker-icon-inverse: #fff;
    --menu-context-sticker-icon-inverse-rgb: 255, 255, 255;
    --menu-tabs-list-active: #9feab5;
    --menu-tabs-list-active-rgb: 159, 234, 181;
    --mention-at-symbol: #027eb5;
    --mention-at-symbol-rgb: 2, 126, 181;
    --message-background-deep: rgba(11, 20, 26, 0.12);
    --message-background-deep-rgb: 11, 20, 26;
    --message-placeholder-icon: rgba(17, 27, 33, 0.3);
    --message-placeholder-icon-rgb: 17, 27, 33;
    --message-primary: #111b21;
    --message-primary-rgb: 17, 27, 33;
    --message-selection-highlight: rgba(0, 128, 105, 0.08);
    --message-selection-highlight-rgb: 0, 128, 105;
    --modal-backdrop: hsla(0, 0%, 100%, 0.85);
    --modal-backdrop-rgb: 255, 255, 255;
    --modal-backdrop-solid: #f0f2f5;
    --modal-backdrop-solid-rgb: 240, 242, 245;
    --modal-background: #fff;
    --modal-background-rgb: 255, 255, 255;
    --beta-tag-background: #e6e6e6;
    --beta-tag-background-rgb: 230, 230, 230;
    --notification-biz-background: rgba(213, 253, 237, 0.95);
    --notification-biz-background-rgb: 213, 253, 237;
    --notification-biz-text: rgba(17, 27, 33, 0.96);
    --notification-biz-text-rgb: 17, 27, 33;
    --notification-e2e-background: #ffeecd;
    --notification-e2e-background-rgb: 255, 238, 205;
    --notification-e2e-icon: #54656f;
    --notification-e2e-icon-rgb: 84, 101, 111;
    --notification-e2e-text: #54656f;
    --notification-e2e-text-rgb: 84, 101, 111;
    --notification-info-icon: #54656f;
    --notification-info-icon-rgb: 84, 101, 111;
    --notification-non-e2e-background: #cbf2ee;
    --notification-non-e2e-background-rgb: 203, 242, 238;
    --notification-non-e2e-text: #54656f;
    --notification-non-e2e-text-rgb: 84, 101, 111;
    --notification-text: rgba(17, 27, 33, 0.96);
    --notification-text-rgb: 17, 27, 33;
    --outgoing-background: #d9fdd3;
    --outgoing-background-rgb: 217, 253, 211;
    --outgoing-background-deeper: #d1f4cc;
    --outgoing-background-deeper-rgb: 209, 244, 204;
    --outgoing-background-highlight: #c4eec8;
    --outgoing-background-highlight-rgb: 196, 238, 200;
    --overlay: #0b141a;
    --overlay-rgb: 11, 20, 26;
    --panel-background: #f0f2f5;
    --panel-background-rgb: 240, 242, 245;
    --panel-background-active: #dee0e3;
    --panel-background-active-rgb: 222, 224, 227;
    --panel-background-colored: #008069;
    --panel-background-colored-rgb: 0, 128, 105;
    --panel-background-colored-deeper: #008069;
    --panel-background-colored-deeper-rgb: 0, 128, 105;
    --panel-background-deep: #e9edef;
    --panel-background-deep-rgb: 233, 237, 239;
    --panel-background-deeper: #e9edef;
    --panel-background-deeper-rgb: 233, 237, 239;
    --panel-background-hover: #e7e9ec;
    --panel-background-hover-rgb: 231, 233, 236;
    --panel-background-lighter: #f7f8fa;
    --panel-background-lighter-rgb: 247, 248, 250;
    --panel-header-background: #f0f2f5;
    --panel-header-background-rgb: 240, 242, 245;
    --panel-header-icon: #54656f;
    --panel-header-icon-rgb: 84, 101, 111;
    --conversation-header-border: #d1d7db;
    --conversation-header-border-rgb: 209, 215, 219;
    --panel-input-background: #e9edef;
    --panel-input-background-rgb: 233, 237, 239;
    --panel-primary: rgba(17, 27, 33, 0.35);
    --panel-primary-rgb: 17, 27, 33;
    --payment-amount: #007661;
    --payment-amount-rgb: 0, 118, 97;
    --payment-status-failed: #f15c6d;
    --payment-status-failed-rgb: 241, 92, 109;
    --payment-status-pending: rgba(17, 27, 33, 0.45);
    --payment-status-pending-rgb: 17, 27, 33;
    --payment-status-success: #1fa855;
    --payment-status-success-rgb: 31, 168, 85;
    --photopicker-overlay-background: rgba(84, 101, 111, 0.8);
    --photopicker-overlay-background-rgb: 84, 101, 111;
    --picker-background: #f0f2f5;
    --picker-background-rgb: 240, 242, 245;
    --pip-drag-bar: #fff;
    --pip-drag-bar-rgb: 255, 255, 255;
    --pip-player-background: #2a2f32;
    --pip-player-background-rgb: 42, 47, 50;
    --pip-manager-content: rgba(79, 79, 79, 0.85);
    --pip-manager-content-rgb: 79, 79, 79;
    --popup-panel-background: rgba(11, 20, 26, 0.05);
    --popup-panel-background-rgb: 11, 20, 26;
    --primary-muted: #667781;
    --primary-muted-rgb: 102, 119, 129;
    --primary: #3b4a54;
    --primary-rgb: 59, 74, 84;
    --primary-strong: #111b21;
    --primary-strong-rgb: 17, 27, 33;
    --primary-stronger: #111b21;
    --primary-stronger-rgb: 17, 27, 33;
    --primary-strongest: #111b21;
    --primary-strongest-rgb: 17, 27, 33;
    --primary-title: #41525d;
    --primary-title-rgb: 65, 82, 93;
    --product-image-button-background: rgba(17, 27, 33, 0.35);
    --product-image-button-background-rgb: 17, 27, 33;
    --product-thumb-background: #f0f2f5;
    --product-thumb-background-rgb: 240, 242, 245;
    --product-thumb-background-deeper: #d8dde5;
    --product-thumb-background-deeper-rgb: 216, 221, 229;
    --product-thumb-overlay-background: rgba(17, 27, 33, 0.5);
    --product-thumb-overlay-background-rgb: 17, 27, 33;
    --product-thumb-overlay-text: #fff;
    --product-thumb-overlay-text-rgb: 255, 255, 255;
    --product-placeholder-background: #ecf1f3;
    --product-placeholder-background-rgb: 236, 241, 243;
    --progress-background: #e9edef;
    --progress-background-rgb: 233, 237, 239;
    --progress-primary: #00c298;
    --progress-primary-rgb: 0, 194, 152;
    --poll-bar-container-receiver: #f0f2f5;
    --poll-bar-container-receiver-rgb: 240, 242, 245;
    --poll-bar-fill-receiver: #00a884;
    --poll-bar-fill-receiver-rgb: 0, 168, 132;
    --poll-bar-container-sender: rgba(11, 20, 26, 0.1);
    --poll-bar-container-sender-rgb: 11, 20, 26;
    --poll-bar-fill-sender: #00a884;
    --poll-bar-fill-sender-rgb: 0, 168, 132;
    --poll-button-disabled-receiver: #d1d7db;
    --poll-button-disabled-receiver-rgb: 209, 215, 219;
    --poll-button-disabled-sender: rgba(11, 20, 26, 0.2);
    --poll-button-disabled-sender-rgb: 11, 20, 26;
    --poll-checkmark-receiver: #fff;
    --poll-checkmark-receiver-rgb: 255, 255, 255;
    --poll-checkmark-sender: #d9fdd3;
    --poll-checkmark-sender-rgb: 217, 253, 211;
    --poll-disabled-checked-checkbox-receiver: #d1d7db;
    --poll-disabled-checked-checkbox-receiver-rgb: 209, 215, 219;
    --poll-disabled-checked-checkbox-sender: rgba(11, 20, 26, 0.2);
    --poll-disabled-checked-checkbox-sender-rgb: 11, 20, 26;
    --poll-disabled-send-button-background-color: #e9edef;
    --poll-disabled-send-button-background-color-rgb: 233, 237, 239;
    --poll-invalid-warning-background: #fff7e5;
    --poll-invalid-warning-background-rgb: 255, 247, 229;
    --poll-invalid-warning-border-receiver: #f0f2f5;
    --poll-invalid-warning-border-receiver-rgb: 240, 242, 245;
    --poll-invalid-warning-border-sender: rgba(11, 20, 26, 0.1);
    --poll-invalid-warning-border-sender-rgb: 11, 20, 26;
    --poll-invalid-warning-icon-color: #ffbc38;
    --poll-invalid-warning-icon-color-rgb: 255, 188, 56;
    --poll-invalid-warning-icon-container-background: #ffe4af;
    --poll-invalid-warning-icon-container-background-rgb: 255, 228, 175;
    --poll-modal-background-color: #fff;
    --poll-modal-background-color-rgb: 255, 255, 255;
    --poll-modal-footer-background-color: rgba(11, 20, 26, 0.04);
    --poll-modal-footer-background-color-rgb: 11, 20, 26;
    --poll-checkbox-default-border-color-sender: #8696a0;
    --poll-checkbox-default-border-color-sender-rgb: 134, 150, 160;
    --ptt-blue: #4fc3f7;
    --ptt-blue-rgb: 79, 195, 247;
    --ptt-button-cancel: rgba(229, 57, 53, 0.8);
    --ptt-button-cancel-rgb: 229, 57, 53;
    --ptt-button-send: rgba(9, 210, 97, 0.8);
    --ptt-button-send-rgb: 9, 210, 97;
    --ptt-draft-button-cancel: #667781;
    --ptt-draft-button-cancel-rgb: 102, 119, 129;
    --ptt-draft-button-cancel-hover: #6f828c;
    --ptt-draft-button-cancel-hover-rgb: 111, 130, 140;
    --ptt-draft-button-play-pause: #667781;
    --ptt-draft-button-play-pause-rgb: 102, 119, 129;
    --ptt-draft-button-play-pause-hover: #6f828c;
    --ptt-draft-button-play-pause-hover-rgb: 111, 130, 140;
    --ptt-draft-button-play-pause-out-of-chat: #fff;
    --ptt-draft-button-play-pause-out-of-chat-rgb: 255, 255, 255;
    --ptt-draft-button-stop: #ff3b30;
    --ptt-draft-button-stop-rgb: 255, 59, 48;
    --ptt-draft-button-stop-hover: #ff4e44;
    --ptt-draft-button-stop-hover-rgb: 255, 78, 68;
    --ptt-draft-button-send: #00a884;
    --ptt-draft-button-send-rgb: 0, 168, 132;
    --ptt-draft-button-send-hover: #00bc94;
    --ptt-draft-button-send-hover-rgb: 0, 188, 148;
    --ptt-draft-thumb: #00a884;
    --ptt-draft-thumb-rgb: 0, 168, 132;
    --ptt-thumb-outgoing-unplayed: #6f8171;
    --ptt-thumb-outgoing-unplayed-rgb: 111, 129, 113;
    --ptt-thumb-outgoing-played: #4fc3f7;
    --ptt-thumb-outgoing-played-rgb: 79, 195, 247;
    --ptt-thumb-incoming-unplayed: #09d261;
    --ptt-thumb-incoming-unplayed-rgb: 9, 210, 97;
    --ptt-thumb-incoming-played: #4fc3f7;
    --ptt-thumb-incoming-played-rgb: 79, 195, 247;
    --ptt-draft-waveform-background: #fff;
    --ptt-draft-waveform-background-rgb: 255, 255, 255;
    --ptt-draft-waveform-background-border: #f7f8fa;
    --ptt-draft-waveform-background-border-rgb: 247, 248, 250;
    --ptt-ooc-background: #009688;
    --ptt-ooc-background-rgb: 0, 150, 136;
    --ptt-ooc-mic-border-color: #009688;
    --ptt-ooc-mic-border-color-rgb: 0, 150, 136;
    --ptt-ooc-mic-fill-color: #fff;
    --ptt-ooc-mic-fill-color-rgb: 255, 255, 255;
    --ptt-ooc-avatar-background: #ffad1f;
    --ptt-ooc-avatar-background-rgb: 255, 173, 31;
    --ptt-waveform-preview-unplayed: #ced0d1;
    --ptt-waveform-preview-unplayed-rgb: 206, 208, 209;
    --ptt-waveform-incoming-unplayed: #ced0d1;
    --ptt-waveform-incoming-unplayed-rgb: 206, 208, 209;
    --ptt-waveform-outgoing-unplayed: #b0ceae;
    --ptt-waveform-outgoing-unplayed-rgb: 176, 206, 174;
    --ptt-waveform-preview-played: #858a8d;
    --ptt-waveform-preview-played-rgb: 133, 138, 141;
    --ptt-waveform-incoming-played: #858a8d;
    --ptt-waveform-incoming-played-rgb: 133, 138, 141;
    --ptt-waveform-outgoing-played: #728977;
    --ptt-waveform-outgoing-played-rgb: 114, 137, 119;
    --ptt-gray: rgba(17, 27, 33, 0.7);
    --ptt-gray-rgb: 17, 27, 33;
    --ptt-gray-badge: rgba(84, 101, 111, 0.5);
    --ptt-gray-badge-rgb: 84, 101, 111;
    --ptt-green: #09d261;
    --ptt-green-rgb: 9, 210, 97;
    --ptt-message-blue: #027eb5;
    --ptt-message-blue-rgb: 2, 126, 181;
    --ptt-text: #fff;
    --ptt-text-rgb: 255, 255, 255;
    --quick-action-button: #fff;
    --quick-action-button-rgb: 255, 255, 255;
    --quick-action-button-background: rgba(11, 20, 26, 0.2);
    --quick-action-button-background-rgb: 11, 20, 26;
    --reaction-button: #fff;
    --reaction-button-rgb: 255, 255, 255;
    --reaction-button-background: rgba(11, 20, 26, 0.2);
    --reaction-button-background-rgb: 11, 20, 26;
    --round-entry-point-background-color: rgba(11, 20, 26, 0.2);
    --round-entry-point-background-color-rgb: 11, 20, 26;
    --quoted-message-text: #667781;
    --quoted-message-text-rgb: 102, 119, 129;
    --rich-text-panel-background: #f0f2f5;
    --rich-text-panel-background-rgb: 240, 242, 245;
    --search-container-background: #fff;
    --search-container-background-rgb: 255, 255, 255;
    --search-input-background: #f0f2f5;
    --search-input-background-rgb: 240, 242, 245;
    --search-input-container-background: #fff;
    --search-input-container-background-rgb: 255, 255, 255;
    --search-input-container-background-active: #fff;
    --search-input-container-background-active-rgb: 255, 255, 255;
    --secondary: #667781;
    --secondary-rgb: 102, 119, 129;
    --secondary-light: #d1d7db;
    --secondary-light-rgb: 209, 215, 219;
    --secondary-lighter: #8696a0;
    --secondary-lighter-rgb: 134, 150, 160;
    --secondary-stronger: #3b4a54;
    --secondary-stronger-rgb: 59, 74, 84;
    --security-icon-background: #d3ede6;
    --security-icon-background-rgb: 211, 237, 230;
    --security-icon-lock: #1fc4b1;
    --security-icon-lock-rgb: 31, 196, 177;
    --security-icon-shield: #f0faf7;
    --security-icon-shield-rgb: 240, 250, 247;
    --shadow: #0b141a;
    --shadow-rgb: 11, 20, 26;
    --shadow-light: rgba(11, 20, 26, 0.08);
    --shadow-light-rgb: 11, 20, 26;
    --spinner-default: #d1d7db;
    --spinner-default-rgb: 209, 215, 219;
    --spinner-highlight: #00a884;
    --spinner-highlight-rgb: 0, 168, 132;
    --spinner-incoming: #b8bbbc;
    --spinner-incoming-rgb: 184, 187, 188;
    --spinner-outgoing: #9db99e;
    --spinner-outgoing-rgb: 157, 185, 158;
    --startup-background: #f0f2f5;
    --startup-background-rgb: 240, 242, 245;
    --startup-icon: #bbc5cb;
    --startup-icon-rgb: 187, 197, 203;
    --status-background: #0b141a;
    --status-background-rgb: 11, 20, 26;
    --status-background-hover: #30373c;
    --status-background-hover-rgb: 48, 55, 60;
    --status-primary: #fff;
    --status-primary-rgb: 255, 255, 255;
    --status-secondary: hsla(0, 0%, 100%, 0.55);
    --status-secondary-rgb: 255, 255, 255;
    --status-secondary-stronger: #b6b9ba;
    --status-secondary-stronger-rgb: 182, 185, 186;
    --status-ring-read: #bbbec4;
    --status-ring-read-rgb: 187, 190, 196;
    --status-ring-unread: #25d366;
    --status-ring-unread-rgb: 37, 211, 102;
    --status-thumbnail-background: #cacaca;
    --status-thumbnail-background-rgb: 202, 202, 202;
    --status-link-preview-title: #111b21;
    --status-link-preview-title-rgb: 17, 27, 33;
    --status-link-preview-secondary: #667781;
    --status-link-preview-secondary-rgb: 102, 119, 129;
    --sticker-button-background: #e9edef;
    --sticker-button-background-rgb: 233, 237, 239;
    --success: #1fa855;
    --success-rgb: 31, 168, 85;
    --suspicious-background: rgba(241, 92, 109, 0.8);
    --suspicious-background-rgb: 241, 92, 109;
    --system-message-background: hsla(0, 0%, 100%, 0.95);
    --system-message-background-rgb: 255, 255, 255;
    --system-message-text: #54656f;
    --system-message-text-rgb: 84, 101, 111;
    --teal-hover: #009477;
    --teal-hover-rgb: 0, 148, 119;
    --teal-pale: #60aea1;
    --teal-pale-rgb: 96, 174, 161;
    --text-action: #008069;
    --text-action-rgb: 0, 128, 105;
    --text-action-link: #027eb5;
    --text-action-link-rgb: 2, 126, 181;
    --text-muted: #8696a0;
    --text-muted-rgb: 134, 150, 160;
    --thumb-border-active: #fff;
    --thumb-border-active-rgb: 255, 255, 255;
    --thumb-border-viewer-active: #d1d7db;
    --thumb-border-viewer-active-rgb: 209, 215, 219;
    --toast-background: rgba(11, 20, 26, 0.82);
    --toast-background-rgb: 11, 20, 26;
    --tooltip-text: #fff;
    --tooltip-text-rgb: 255, 255, 255;
    --tooltip-background: #202c33;
    --tooltip-background-rgb: 32, 44, 51;
    --typing: #1fa855;
    --typing-rgb: 31, 168, 85;
    --unread-background: #fff;
    --unread-background-rgb: 255, 255, 255;
    --unread-bar-background: hsla(0, 0%, 100%, 0.25);
    --unread-bar-background-rgb: 255, 255, 255;
    --unread-timestamp: #1fa855;
    --unread-timestamp-rgb: 31, 168, 85;
    --unread-marker-background: #25d366;
    --unread-marker-background-rgb: 37, 211, 102;
    --unread-marker-text: #fff;
    --unread-marker-text-rgb: 255, 255, 255;
    --vcard-placeholder-background: rgba(17, 27, 33, 0.04);
    --vcard-placeholder-background-rgb: 17, 27, 33;
    --vcard-placeholder-background-deeper: rgba(17, 27, 33, 0.08);
    --vcard-placeholder-background-deeper-rgb: 17, 27, 33;
    --video-player-background: #0b141a;
    --video-player-background-rgb: 11, 20, 26;
    --video-primary: #fff;
    --video-primary-rgb: 255, 255, 255;
    --voip-accept-background: #2ec452;
    --voip-accept-background-rgb: 46, 196, 82;
    --voip-background: #111b21;
    --voip-background-rgb: 17, 27, 33;
    --voip-background-deep: #0b141a;
    --voip-background-deep-rgb: 11, 20, 26;
    --voip-video-background: #242424;
    --voip-video-background-rgb: 36, 36, 36;
    --voip-controls-background: #2d2d2d;
    --voip-controls-background-rgb: 45, 45, 45;
    --voip-primary: #fff;
    --voip-primary-rgb: 255, 255, 255;
    --voip-alternative: #0b141a;
    --voip-alternative-rgb: 11, 20, 26;
    --voip-reject-background: #ff3b30;
    --voip-reject-background-rgb: 255, 59, 48;
    --voip-disabled-background: #222;
    --voip-disabled-background-rgb: 34, 34, 34;
    --wallpaper-background: #efeae2;
    --wallpaper-background-rgb: 239, 234, 226;
    --wallpaper-thumb-border-active: #009de2;
    --wallpaper-thumb-border-active-rgb: 0, 157, 226;
    --wallpaper-thumb-border-hover: #fff;
    --wallpaper-thumb-border-hover-rgb: 255, 255, 255;
    --win32-title-primary: #fff;
    --win32-title-primary-rgb: 255, 255, 255;
    --reactions-bubble-border: rgba(0, 0, 0, 0.05);
    --reactions-bubble-border-rgb: 0, 0, 0;
    --reactions-bubble-counter: rgba(60, 60, 67, 0.6);
    --reactions-bubble-counter-rgb: 60, 60, 67;
    --reactions-details-background: #fff;
    --reactions-details-background-rgb: 255, 255, 255;
    --reactions-tray-background: #fff;
    --reactions-tray-background-rgb: 255, 255, 255;
    --reactions-details-background-hover: #f5f6f6;
    --reactions-details-background-hover-rgb: 245, 246, 246;
    --reactions-tray-active-round-background: rgba(11, 20, 26, 0.1);
    --reactions-tray-active-round-background-rgb: 11, 20, 26;
    --reactions-picker-bg: #f2f2f7;
    --reactions-picker-bg-rgb: 242, 242, 247;
    --svg-gray-button: rgba(11, 20, 26, 0.5);
    --svg-gray-button-rgb: 11, 20, 26;
    --reactions-panel-background-color: #fff;
    --reactions-panel-background-color-rgb: 255, 255, 255;
    --reactions-panel-search-background-color: rgba(0, 0, 0, 0.05);
    --reactions-panel-search-background-color-rgb: 0, 0, 0;
    --reactions-search-color: #667781;
    --reactions-search-color-rgb: 102, 119, 129;
    --reactions-menu-tab-separator: rgba(60, 60, 67, 0.29);
    --reactions-menu-tab-separator-rgb: 60, 60, 67;
    --text-primary-strong: #111b21;
    --text-primary-strong-rgb: 17, 27, 33;
    --text-secondary-lighter: #667781;
    --text-secondary-lighter-rgb: 102, 119, 129;
    --text-medium-emphasis: #667781;
    --text-medium-emphasis-rgb: 102, 119, 129;
    --icon-medium-emphasis: #8696a0;
    --icon-medium-emphasis-rgb: 134, 150, 160;
    --icon-high-emphasis: #00a884;
    --icon-high-emphasis-rgb: 0, 168, 132;
    --switch-button-color: #ececec;
    --switch-button-color-rgb: 236, 236, 236;
    --switch-button-checked-color: #018579;
    --switch-button-checked-color-rgb: 1, 133, 121;
    --switch-track-color: #b2b2b2;
    --switch-track-color-rgb: 178, 178, 178;
    --switch-track-checked-color: #b2dbd7;
    --switch-track-checked-color-rgb: 178, 219, 215;
    --announcement-speaker-background: #d9fdd3;
    --announcement-speaker-background-rgb: 217, 253, 211;
    --communities-green: #008069;
    --communities-green-rgb: 0, 128, 105;
    --qc-button-border: #e9edef;
    --qc-button-border-rgb: 233, 237, 239;
    --qc-button-border-active: #d1d7db;
    --qc-button-border-active-rgb: 209, 215, 219;
    --qc-quantity-label-highlighted-background: #008069;
    --qc-quantity-label-highlighted-background-rgb: 0, 128, 105;
    --drawer-loading-backgroud: hsla(0, 0%, 100%, 0.5);
    --drawer-loading-backgroud-rgb: 255, 255, 255;
    --multi-skin-tone-picker-emoji-selected-background: #d1d7db;
    --multi-skin-tone-picker-emoji-selected-background-rgb: 209, 215, 219;
    --chat-assignment-icon-me: #009de2;
    --chat-assignment-icon-me-rgb: 0, 157, 226;
    --chat-assignment-icon-others: #8696a0;
    --chat-assignment-icon-others-rgb: 134, 150, 160;
    --pnh-nux: #53a69b;
    --pnh-nux-rgb: 83, 166, 155;
    --dm-logo-color: #f0770d;
    --wa-primary: #00a884;
    --wa-shadow: #00000069;
    --wa-shadow-light: #00000040;
    --wa-shadow-dark: #000000b3;
    --wa-shadow-xdark: #000000d9;
    --wa-rounded: 0.8rem;
    --wa-rounded-sm: 0.5rem;
    --wa-rounded-xs: 0.2rem;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: none;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}


/*whatsapp*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body {
    /*font-family: 'Roboto', sans-serif;*/
}

#navbar,
.navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5rem!important;
    padding-bottom: 0!important;
    background: var(--wa-primary);
    box-shadow: 0 2px 3px -2px #000000;
    height: 66px;
    z-index: 1;
    align-items: center!important;
}

#navbar h1 {
    font-size: 1.2rem;
    font-family: 'Roboto', sans-serif;
    margin: auto;
}

.nav-link {
    display: block;
    padding: 0rem 0.4rem;
    float: left;
}

.wa-tabs {
    width: 100%;
    border: none;
    margin-top: 0.5rem;
}

.wa-tabs>.nav-item {}

.wa-tabs>.nav-item>.nav-link {
    width: 100%;
    color: #fff;
}

.wa-tabs>.nav-item>.nav-link:hover,
.wa-tabs>.nav-item>.nav-link:focus,
.wa-tabs>.nav-item>.nav-link:focus-visible {
    border: none;
    outline: none;
}

.wa-tabs>.nav-item>.nav-link.active {
    background: transparent;
    border: none;
    border-bottom: 3px solid #fff;
}

a:hover {
    text-decoration: none;
}

.rounded {
    border-radius: var(--wa-rounded)!important;
}

.rounded-sm {
    border-radius: var(--wa-rounded-sm)!important;
}

.rounded-sm.IMAGE,
.rounded-sm.VIDEO {
    padding: var(--wa-rounded-sm)!important;
}

.badge-success {
    color: #fff;
    background-color: var(--wa-primary);
}

.text-muted {
    color: #45494c!important;
}

.time {
    /*width: 50px;*/
    font-size: 0.7rem;
    padding-right: 0.2rem;
    user-select: none;
}

.time>span {
    float: right;
}


/* .f-1 {
    font-size: ;
} */

.con-date {
    margin: 5px auto;
    padding: 4px 10px;
    text-align: center;
    font-size: .9rem;
    text-shadow: 0 1px 0 rgba(var(--inverse-rgb), .4);
    background-color: var(--system-message-background);
    border-radius: 7.5px;
    box-shadow: 0 1px 0.5px rgba(var(--shadow-rgb), .13);
}

.name-avt {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--wa-primary);
    color: #fff;
    font-weight: 600;
}

#name-avt {
    background: #fff;
    color: var(--wa-primary);
}

#chat-list-area {
    max-height: 100vh;
    background-color: #fff;
}

#chat-list::-webkit-scrollbar {
    width: 5px;
}

#chat-list::-webkit-scrollbar-track {
    background: none;
}

#chat-list::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

#chat-list::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

#messages {
    scroll-behavior: smooth;
    width: 100%;
    overflow-x: hidden!important;
}

.message-item {
    position: relative;
    max-width: 70%;
    min-width: 100px;
    word-break: break-word;
    box-shadow: 0px 0px 7px 2px var(--wa-shadow);
    font-size: .95rem;
    border-bottom-left-radius: 0!important;
}

.message-item .body {}

.message-item.AUDIO,
.message-item.VIDEO,
.message-item.IMAGE {
    width: 280px;
}

.message-item audio,
.message-item video,
.message-item img {
    max-width: 100%;
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}


/*.loader-logo{
   -webkit-animation: loaderLogo .75s linear infinite;
    animation: loaderLogo .75s linear infinite;  
}*/

.loader {
    position: absolute;
    width: 100%;
    z-index: 99999999;
    margin: auto;
}

.loader img {
    margin: auto;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}

.loader hr {
    left: 0;
    right: 0;
    border-top: 5px dotted var(--dm-logo-color);
    -webkit-animation: hr-loader 2s linear infinite;
    animation: hr-loader 2s linear infinite;
}

@keyframes hr-loader {
    0% {
        width: 0px;
    }
    100% {
        width: 250px;
    }
}

@keyframes spinner-border {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loaderLogo {
    10% {
        width: 150px;
    }
    100% {
        width: 250px;
    }
}

.message-item .options {
    position: absolute;
    top: 0;
    right: -3px;
    opacity: 0;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    z-index: 9999999;
    color: #000!important;
    text-shadow: 0px 0px 3px white;
}

.message-item:hover .options {
    opacity: 1;
    right: 0;
}

.message-item i.read {
    color: var(--wa-primary);
}

.sendMessage button,
.sendMessage button:focus,
.sendMessage button:focus-visible {
    border: none;
    outline: none;
}

.d-none-important {
    display: none!important;
}

.btn-success {
    background-color: var(--wa-primary);
}

label>sup {
    font-weight: 900;
}

#bulk-messages,
#contacts {
    max-height: calc(100vh - 66px);
    overflow: scroll;
}

.table-responsive .form-inline {
    display: block!important;
}

button {
    cursor: pointer;
}


/*whatsapp*/

#main-container {
    width: 100vw;
    height: 100vh;
}

.dropdown-toggle::after {
    display: none;
}

.chat-list-item {
    background: white;
    cursor: pointer;
}

.chat-list-item:hover {
    background: hsl(0, 0%, 95%);
}

.chat-list-item:active {
    background: hsl(0, 0%, 85%);
}

.chat-list-item.active {
    background: hsl(0, 0%, 90%);
}

.chat-list-item .chat-details {
    width: 60%;
}

.last-message {
    text-transform: capitalize;
    /* font-size: ; */
}


/*.last-message:first-letter {
  text-transform: capitalize;
}*/

.chat-list-item.unread .name,
.chat-list-item.unread .last-message {
    font-weight: bold;
}

.chat-list-item .last-message,
#message-area #navbar #details {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#message-area {
    border-left: 1px solid white;
}

@media(max-width: 575px) {
    #message-area {
        border-left: 0!important;
    }
}


/*@media(min-width: 575px){
    #message-area {
        display: none;
    } 
}
*/

#message-area .overlay {
    background: hsl(0, 0%, 80%);
}

#input-area {
    background: hsl(0, 0%, 95%);
}

#input-area #input {
    outline: none;
}

.message-item.self {
    background: #dcf8c6!important;
    border-bottom-left-radius: var(--wa-rounded-sm)!important;
    border-bottom-right-radius: 0!important;
}

.message-item .number {
    color: #1f7aec !important;
}

#messages {
    flex: 1!important;
    /*background: hsl(0, 0%, 80%);*/
    overflow: auto;
    position: relative;
}

#profile-settings {
    position: absolute;
    top: 0;
    left: -110%;
    background: hsl(0, 0%, 95%);
    transition: all 0.2s ease-in;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

#profile-pic {
    cursor: pointer;
    position: relative;
    width: 200px;
}

.profile-input {
    border-bottom: 2px solid transparent !important;
    outline: none;
}

.profile-input:focus {
    border-bottom-color: hsl(0, 0%, 50%) !important;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}