:root,:host{--ts-primary: #3590de;--ts-primary-light: #eef6fc;--ts-primary-blue: #3086cf;--ts-white: #fff;--ts-black: #000;--ts-gray-3: #666;--ts-gray-2: #333;--ts-gray-1: #111;--ts-gray-900: #101828;--ts-gray-800: #1d2939;--ts-gray-700: #344054;--ts-gray-600: #475467;--ts-gray-500: #636c7e;--ts-gray-450: #929ba8;--ts-gray-400: #b0bcce;--ts-neutral-01: #edf6fe;--ts-gray-200: #f2f4f7;--ts-gray-100: #f9fafb;--ts-gray-300: #eaecf0;--ts-neutral-02: #f2f4f7;--ts-gray-lana-1: #dce4eb;--ts-gray-lana-2: #d8e8f6;--ts-red: #de353c;--ts-bg-overlay: rgba(237, 246, 255, .7);--ts-shadow-primary: 0 15px 20px rgba(53, 144, 222, .4);--ts-shadow-button: 0 8px 15px rgba(0, 0, 0, .1);--ts-shadow-dropdown: 0 8px 25px rgba(0, 0, 0, .15);--ts-shadow-avatar: 0 2px 8px rgba(0, 0, 0, .1);--ts-border-light: 1px solid rgba(0, 0, 0, .05);--ts-transition-default: all .3s ease 0s;--ts-transition-fast: all .2s ease}