@vector-crystal-web/atoms 1.25.1 → 1.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -1
- package/accordion/src/accordion.scss +1 -1
- package/avatar/src/avatar.scss +1 -1
- package/badge/src/badge.scss +1 -1
- package/button/index.d.ts +1 -1
- package/button/src/button.scss +1 -1
- package/checkbox/src/checkbox.scss +1 -1
- package/chip/src/chip.scss +1 -1
- package/datepicker/src/datepicker.scss +1 -1
- package/divider/index.d.ts +2 -2
- package/divider/src/divider.scss +1 -1
- package/dropdown/src/dropdown.scss +1 -1
- package/fesm2022/vector-crystal-web-atoms-accordion.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-avatar.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-badge.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-button.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-checkbox.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-chip.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-datepicker.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-divider.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-dropdown.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-hint.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-label.mjs +6 -6
- package/fesm2022/vector-crystal-web-atoms-message.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-multiselect.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-paginator.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-panel.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-popover.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-radio.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-segment-control.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-snackbar.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-stepper.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-switch.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-tabs.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-tag.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-text-field.mjs +23 -11
- package/fesm2022/vector-crystal-web-atoms-textarea.mjs +3 -3
- package/fesm2022/vector-crystal-web-atoms-toast.mjs +3 -3
- package/hint/src/hint.scss +1 -1
- package/label/index.d.ts +9 -8
- package/label/src/label.scss +4 -2
- package/message/src/message.scss +1 -1
- package/multiselect/src/multiselect.scss +1 -1
- package/package.json +23 -23
- package/paginator/src/paginator.scss +1 -1
- package/panel/src/panel.scss +1 -1
- package/popover/src/popover.scss +1 -1
- package/radio/src/radio.scss +1 -1
- package/segment-control/src/segment-control.scss +1 -1
- package/snackbar/src/snackbar.scss +1 -1
- package/stepper/src/stepper.scss +1 -1
- package/tabs/src/tabs.scss +1 -1
- package/tag/src/tag.scss +1 -1
- package/text-field/index.d.ts +17 -5
- package/text-field/src/text-field.scss +84 -85
- package/textarea/src/textarea.scss +1 -1
- package/toast/src/toast.scss +1 -1
|
@@ -9,10 +9,10 @@ class CrystalAvatar {
|
|
|
9
9
|
cargo = input(null, ...(ngDevMode ? [{ debugName: "cargo" }] : []));
|
|
10
10
|
align = input('right', ...(ngDevMode ? [{ debugName: "align" }] : []));
|
|
11
11
|
status = input(null, ...(ngDevMode ? [{ debugName: "status" }] : []));
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: CrystalAvatar, isStandalone: true, selector: "cw-avatar", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, cargo: { classPropertyName: "cargo", publicName: "cargo", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"cw-avatar-wrapper\"\n [class.cw-avatar--only]=\"!(name() || cargo())\"\n [class.cw-avatar--align-left]=\"align() === 'left'\">\n\n <div class=\"cw-avatar\" [style.width.px]=\"size()\" [style.height.px]=\"size()\">\n @if (src()) {\n <img [src]=\"src()\" alt=\"Avatar\" />\n }\n @if (status()) {\n <span class=\"cw-avatar-status\" \n [class.active]=\"status() === 'active'\" \n [class.inactive]=\"status() === 'inactive'\"></span>\n }\n </div>\n\n @if (name() || cargo()) {\n <div class=\"cw-avatar-text\">\n @if (cargo()) {\n <div class=\"cw-avatar-role\">{{ cargo() }}</div>\n }\n @if (name()) {\n <div class=\"cw-avatar-name\">{{ name() }}</div>\n }\n </div>\n }\n\n</div>\n", styles: [":root{--primitive-color-blue-100: #e7ecfd;--primitive-color-blue-200: #ced9fa;--primitive-color-blue-300: #9db3f6;--primitive-color-blue-400: #6d8cf1;--primitive-color-blue-500: #3c66ed;--primitive-color-blue-600: #1545de;--primitive-color-blue-700: #1137b2;--primitive-color-blue-800: #0d2985;--primitive-color-blue-900: #081c59;--primitive-color-blue-1000: #040e2c;--primitive-color-jade-100: #f2f8f4;--primitive-color-jade-200: #e4f0e9;--primitive-color-jade-300: #c6e0d0;--primitive-color-jade-400: #a1cfb4;--primitive-color-jade-500: #72bd93;--primitive-color-jade-600: #00a868;--primitive-color-jade-700: #00965d;--primitive-color-jade-800: #008251;--primitive-color-jade-900: #006a42;--primitive-color-jade-1000: #004b2f;--primitive-color-gray-100: #f9fafb;--primitive-color-gray-200: #f3f4f6;--primitive-color-gray-300: #e5e7eb;--primitive-color-gray-400: #d1d5db;--primitive-color-gray-500: #9ca3af;--primitive-color-gray-600: #6b7280;--primitive-color-gray-700: #4b5563;--primitive-color-gray-800: #374151;--primitive-color-gray-900: #1f2937;--primitive-color-gray-1000: #111827;--primitive-color-gray-1100: #030712;--primitive-color-neutral-100: #fafafa;--primitive-color-neutral-200: #f5f5f5;--primitive-color-neutral-300: #e5e5e5;--primitive-color-neutral-400: #d4d4d4;--primitive-color-neutral-500: #a3a3a3;--primitive-color-neutral-600: #737373;--primitive-color-neutral-700: #525252;--primitive-color-neutral-800: #404040;--primitive-color-neutral-900: #262626;--primitive-color-neutral-1000: #171717;--primitive-color-neutral-1100: #0a0a0a;--primitive-color-red-100: #fae1e1;--primitive-color-red-200: #f7cccc;--primitive-color-red-300: #f0a1a1;--primitive-color-red-400: #e97777;--primitive-color-red-500: #e24c4c;--primitive-color-red-600: #da2323;--primitive-color-red-700: #ae1c1c;--primitive-color-red-800: #831515;--primitive-color-red-900: #570e0e;--primitive-color-red-1000: #2c0707;--primitive-color-green-100: #f3f7f2;--primitive-color-green-200: #e6eee4;--primitive-color-green-300: #c9dcc6;--primitive-color-green-400: #a8c8a1;--primitive-color-green-500: #7eb272;--primitive-color-green-600: #3d9900;--primitive-color-green-700: #378900;--primitive-color-green-800: #2f7700;--primitive-color-green-900: #276100;--primitive-color-green-1000: #1b4400;--primitive-color-amber-100: #fef3e2;--primitive-color-amber-200: #fdeaca;--primitive-color-amber-300: #fbd799;--primitive-color-amber-400: #f9c369;--primitive-color-amber-500: #f7b039;--primitive-color-amber-600: #f59e0b;--primitive-color-amber-700: #c37d08;--primitive-color-amber-800: #925e06;--primitive-color-amber-900: #613f04;--primitive-color-amber-1000: #311f02;--primitive-color-orange-100: #fdf0e7;--primitive-color-orange-200: #fae1cf;--primitive-color-orange-300: #f6c29e;--primitive-color-orange-400: #f1a46e;--primitive-color-orange-500: #ed863d;--primitive-color-orange-600: #e06915;--primitive-color-orange-700: #b35411;--primitive-color-orange-800: #863f0d;--primitive-color-orange-900: #5a2a08;--primitive-color-orange-1000: #2d1504;--primitive-color-violet-100: #f2e7fd;--primitive-color-violet-200: #e5cffa;--primitive-color-violet-300: #cc9ef6;--primitive-color-violet-400: #b26ef1;--primitive-color-violet-500: #983ded;--primitive-color-violet-600: #7e15e0;--primitive-color-violet-700: #6511b3;--primitive-color-violet-800: #4c0d86;--primitive-color-violet-900: #32085a;--primitive-color-violet-1000: #19042d;--primitive-color-cyan-100: #d1f6fe;--primitive-color-cyan-200: #aaf0fc;--primitive-color-cyan-300: #84eaf8;--primitive-color-cyan-400: #5fe5f3;--primitive-color-cyan-500: #3ce1ed;--primitive-color-cyan-600: #18d5e3;--primitive-color-cyan-700: #16acb7;--primitive-color-cyan-800: #13848c;--primitive-color-cyan-900: #0f5d62;--primitive-color-cyan-950: #0a373a;--primitive-color-aquamarine-100: #d1fef5;--primitive-color-aquamarine-200: #a9fcea;--primitive-color-aquamarine-300: #83f8de;--primitive-color-aquamarine-400: #5ef3d1;--primitive-color-aquamarine-500: #3bedc3;--primitive-color-aquamarine-600: #18e3b0;--primitive-color-aquamarine-700: #15b78c;--primitive-color-aquamarine-800: #128c6a;--primitive-color-aquamarine-900: #0e634a;--primitive-color-aquamarine-950: #093a2b;--primitive-color-magenta-100: #fed1ec;--primitive-color-magenta-200: #fca9da;--primitive-color-magenta-300: #f883c6;--primitive-color-magenta-400: #f35eb3;--primitive-color-magenta-500: #ed3b9e;--primitive-color-magenta-600: #e3188b;--primitive-color-magenta-700: #b71573;--primitive-color-magenta-800: #8c125a;--primitive-color-magenta-900: #630e41;--primitive-color-magenta-1000: #3a0927}.color-blue-100{color:var(--primitive-color-blue-100)}.color-blue-200{color:var(--primitive-color-blue-200)}.color-blue-300{color:var(--primitive-color-blue-300)}.color-blue-400{color:var(--primitive-color-blue-400)}.color-blue-500{color:var(--primitive-color-blue-500)}.color-blue-600{color:var(--primitive-color-blue-600)}.color-blue-700{color:var(--primitive-color-blue-700)}.color-blue-800{color:var(--primitive-color-blue-800)}.color-blue-900{color:var(--primitive-color-blue-900)}.color-blue-1000{color:var(--primitive-color-blue-1000)}.color-jade-100{color:var(--primitive-color-jade-100)}.color-jade-200{color:var(--primitive-color-jade-200)}.color-jade-300{color:var(--primitive-color-jade-300)}.color-jade-400{color:var(--primitive-color-jade-400)}.color-jade-500{color:var(--primitive-color-jade-500)}.color-jade-600{color:var(--primitive-color-jade-600)}.color-jade-700{color:var(--primitive-color-jade-700)}.color-jade-800{color:var(--primitive-color-jade-800)}.color-jade-900{color:var(--primitive-color-jade-900)}.color-jade-1000{color:var(--primitive-color-jade-1000)}.color-gray-100{color:var(--primitive-color-gray-100)}.color-gray-200{color:var(--primitive-color-gray-200)}.color-gray-300{color:var(--primitive-color-gray-300)}.color-gray-400{color:var(--primitive-color-gray-400)}.color-gray-500{color:var(--primitive-color-gray-500)}.color-gray-600{color:var(--primitive-color-gray-600)}.color-gray-700{color:var(--primitive-color-gray-700)}.color-gray-800{color:var(--primitive-color-gray-800)}.color-gray-900{color:var(--primitive-color-gray-900)}.color-gray-1000{color:var(--primitive-color-gray-1000)}.color-gray-1100{color:var(--primitive-color-gray-1100)}.color-neutral-100{color:var(--primitive-color-neutral-100)}.color-neutral-200{color:var(--primitive-color-neutral-200)}.color-neutral-300{color:var(--primitive-color-neutral-300)}.color-neutral-400{color:var(--primitive-color-neutral-400)}.color-neutral-500{color:var(--primitive-color-neutral-500)}.color-neutral-600{color:var(--primitive-color-neutral-600)}.color-neutral-700{color:var(--primitive-color-neutral-700)}.color-neutral-800{color:var(--primitive-color-neutral-800)}.color-neutral-900{color:var(--primitive-color-neutral-900)}.color-neutral-1000{color:var(--primitive-color-neutral-1000)}.color-neutral-1100{color:var(--primitive-color-neutral-1100)}.color-red-100{color:var(--primitive-color-red-100)}.color-red-200{color:var(--primitive-color-red-200)}.color-red-300{color:var(--primitive-color-red-300)}.color-red-400{color:var(--primitive-color-red-400)}.color-red-500{color:var(--primitive-color-red-500)}.color-red-600{color:var(--primitive-color-red-600)}.color-red-700{color:var(--primitive-color-red-700)}.color-red-800{color:var(--primitive-color-red-800)}.color-red-900{color:var(--primitive-color-red-900)}.color-red-1000{color:var(--primitive-color-red-1000)}.color-green-100{color:var(--primitive-color-green-100)}.color-green-200{color:var(--primitive-color-green-200)}.color-green-300{color:var(--primitive-color-green-300)}.color-green-400{color:var(--primitive-color-green-400)}.color-green-500{color:var(--primitive-color-green-500)}.color-green-600{color:var(--primitive-color-green-600)}.color-green-700{color:var(--primitive-color-green-700)}.color-green-800{color:var(--primitive-color-green-800)}.color-green-900{color:var(--primitive-color-green-900)}.color-green-1000{color:var(--primitive-color-green-1000)}.color-amber-100{color:var(--primitive-color-amber-100)}.color-amber-200{color:var(--primitive-color-amber-200)}.color-amber-300{color:var(--primitive-color-amber-300)}.color-amber-400{color:var(--primitive-color-amber-400)}.color-amber-500{color:var(--primitive-color-amber-500)}.color-amber-600{color:var(--primitive-color-amber-600)}.color-amber-700{color:var(--primitive-color-amber-700)}.color-amber-800{color:var(--primitive-color-amber-800)}.color-amber-900{color:var(--primitive-color-amber-900)}.color-amber-1000{color:var(--primitive-color-amber-1000)}.color-orange-100{color:var(--primitive-color-orange-100)}.color-orange-200{color:var(--primitive-color-orange-200)}.color-orange-300{color:var(--primitive-color-orange-300)}.color-orange-400{color:var(--primitive-color-orange-400)}.color-orange-500{color:var(--primitive-color-orange-500)}.color-orange-600{color:var(--primitive-color-orange-600)}.color-orange-700{color:var(--primitive-color-orange-700)}.color-orange-800{color:var(--primitive-color-orange-800)}.color-orange-900{color:var(--primitive-color-orange-900)}.color-orange-1000{color:var(--primitive-color-orange-1000)}.color-violet-100{color:var(--primitive-color-violet-100)}.color-violet-200{color:var(--primitive-color-violet-200)}.color-violet-300{color:var(--primitive-color-violet-300)}.color-violet-400{color:var(--primitive-color-violet-400)}.color-violet-500{color:var(--primitive-color-violet-500)}.color-violet-600{color:var(--primitive-color-violet-600)}.color-violet-700{color:var(--primitive-color-violet-700)}.color-violet-800{color:var(--primitive-color-violet-800)}.color-violet-900{color:var(--primitive-color-violet-900)}.color-violet-1000{color:var(--primitive-color-violet-1000)}.color-cyan-100{color:var(--primitive-color-cyan-100)}.color-cyan-200{color:var(--primitive-color-cyan-200)}.color-cyan-300{color:var(--primitive-color-cyan-300)}.color-cyan-400{color:var(--primitive-color-cyan-400)}.color-cyan-500{color:var(--primitive-color-cyan-500)}.color-cyan-600{color:var(--primitive-color-cyan-600)}.color-cyan-700{color:var(--primitive-color-cyan-700)}.color-cyan-800{color:var(--primitive-color-cyan-800)}.color-cyan-900{color:var(--primitive-color-cyan-900)}.color-cyan-950{color:var(--primitive-color-cyan-950)}.color-aquamarine-100{color:var(--primitive-color-aquamarine-100)}.color-aquamarine-200{color:var(--primitive-color-aquamarine-200)}.color-aquamarine-300{color:var(--primitive-color-aquamarine-300)}.color-aquamarine-400{color:var(--primitive-color-aquamarine-400)}.color-aquamarine-500{color:var(--primitive-color-aquamarine-500)}.color-aquamarine-600{color:var(--primitive-color-aquamarine-600)}.color-aquamarine-700{color:var(--primitive-color-aquamarine-700)}.color-aquamarine-800{color:var(--primitive-color-aquamarine-800)}.color-aquamarine-900{color:var(--primitive-color-aquamarine-900)}.color-aquamarine-950{color:var(--primitive-color-aquamarine-950)}.color-magenta-100{color:var(--primitive-color-magenta-100)}.color-magenta-200{color:var(--primitive-color-magenta-200)}.color-magenta-300{color:var(--primitive-color-magenta-300)}.color-magenta-400{color:var(--primitive-color-magenta-400)}.color-magenta-500{color:var(--primitive-color-magenta-500)}.color-magenta-600{color:var(--primitive-color-magenta-600)}.color-magenta-700{color:var(--primitive-color-magenta-700)}.color-magenta-800{color:var(--primitive-color-magenta-800)}.color-magenta-900{color:var(--primitive-color-magenta-900)}.color-magenta-1000{color:var(--primitive-color-magenta-1000)}:root{--primitive-radius-0: 0px;--primitive-radius-1: 4px;--primitive-radius-2: 8px;--primitive-radius-3: 12px;--primitive-radius-4: 16px;--primitive-radius-5: 20px;--primitive-radius-full: 9999px;--primitive-stroke-0: 0px;--primitive-stroke-1: 1px;--primitive-stroke-2: 2px;--primitive-stroke-3: 3px;--primitive-stroke-4: 4px;--primitive-opacity-0: 0;--primitive-opacity-1: .1;--primitive-opacity-2: .2;--primitive-opacity-3: .3;--primitive-opacity-4: .4;--primitive-opacity-5: .5;--primitive-opacity-6: .6;--primitive-opacity-7: .7;--primitive-opacity-8: .8;--primitive-opacity-9: .9;--primitive-opacity-10: 1;--primitive-shadow-x-small: 0px, 1px, 2px, 0px, rgba(31, 41, 55, .07);--primitive-shadow-small: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07);--primitive-shadow-medium: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07);--primitive-shadow-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07);--primitive-shadow-x-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07), 0px 16px 32px 0px rgba(17, 55, 178, .07);--primitive-shadow-xx-large: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07), 0px 4px 8px 0px rgba(31, 41, 55, .07), 0px 8px 16px 0px rgba(31, 41, 55, .07), 0px 16px 32px 0px rgba(31, 41, 55, .07), 0px 32px 64px 0px rgba(31, 41, 55, .07)}.radius-0{border-radius:var(--primitive-radius-0)}.radius-1{border-radius:var(--primitive-radius-1)}.radius-2{border-radius:var(--primitive-radius-2)}.radius-3{border-radius:var(--primitive-radius-3)}.radius-4{border-radius:var(--primitive-radius-4)}.radius-5{border-radius:var(--primitive-radius-5)}.radius-full{border-radius:var(--primitive-radius-full)}.stroke-0{border-width:var(--primitive-stroke-0)}.stroke-1{border-width:var(--primitive-stroke-1)}.stroke-2{border-width:var(--primitive-stroke-2)}.stroke-3{border-width:var(--primitive-stroke-3)}.stroke-4{border-width:var(--primitive-stroke-4)}.opacity-0{opacity:var(--primitive-opacity-0)}.opacity-1{opacity:var(--primitive-opacity-1)}.opacity-2{opacity:var(--primitive-opacity-2)}.opacity-3{opacity:var(--primitive-opacity-3)}.opacity-4{opacity:var(--primitive-opacity-4)}.opacity-5{opacity:var(--primitive-opacity-5)}.opacity-6{opacity:var(--primitive-opacity-6)}.opacity-7{opacity:var(--primitive-opacity-7)}.opacity-8{opacity:var(--primitive-opacity-8)}.opacity-9{opacity:var(--primitive-opacity-9)}.opacity-10{opacity:var(--primitive-opacity-10)}.shadow-x-small{box-shadow:var(--primitive-shadow-x-small)}.shadow-small{box-shadow:var(--primitive-shadow-small)}.shadow-medium{box-shadow:var(--primitive-shadow-medium)}.shadow-large{box-shadow:var(--primitive-shadow-large)}.shadow-x-large{box-shadow:var(--primitive-shadow-x-large)}.shadow-xx-large{box-shadow:var(--primitive-shadow-xx-large)}:root{--primitive-font-family-title: Inter SemiBold, sans-serif;--primitive-font-family-body: Inter, sans-serif;--primitive-font-weight-1: 100;--primitive-font-weight-2: 200;--primitive-font-weight-3: 300;--primitive-font-weight-4: 400;--primitive-font-weight-5: 500;--primitive-font-weight-6: 600;--primitive-font-weight-7: 700;--primitive-font-weight-8: 800;--primitive-font-weight-9: 900;--primitive-font-size-title-1: 16px;--primitive-font-size-title-2: 18px;--primitive-font-size-title-3: 20px;--primitive-font-size-title-4: 24px;--primitive-font-size-title-5: 28px;--primitive-font-size-title-6: 32px;--primitive-font-size-body-1: 10px;--primitive-font-size-body-2: 12px;--primitive-font-size-body-3: 14px;--primitive-font-size-body-4: 16px;--primitive-font-size-body-5: 18px;--primitive-line-height-title-1: calc(var(--primitive-font-size-title-1) * 1.3);--primitive-line-height-title-2: calc(var(--primitive-font-size-title-2) * 1.3);--primitive-line-height-title-3: calc(var(--primitive-font-size-title-3) * 1.3);--primitive-line-height-title-4: calc(var(--primitive-font-size-title-4) * 1.3);--primitive-line-height-title-5: calc(var(--primitive-font-size-title-5) * 1.3);--primitive-line-height-title-6: calc(var(--primitive-font-size-title-6) * 1.3);--primitive-line-height-title-7: calc(var(--primitive-font-size-title-7) * 1.3);--primitive-line-height-title-8: calc(var(--primitive-font-size-title-8) * 1.3);--primitive-line-height-body-1: calc(var(--primitive-font-size-body-1) * 1.5);--primitive-line-height-body-2: calc(var(--primitive-font-size-body-2) * 1.5);--primitive-line-height-body-3: calc(var(--primitive-font-size-body-3) * 1.5);--primitive-line-height-body-4: calc(var(--primitive-font-size-body-4) * 1.5);--primitive-line-height-body-5: calc(var(--primitive-font-size-body-5) * 1.5);--primitive-heading-h1-font-family: Inter SemiBold, sans-serif;--primitive-heading-h1-font-weight: var(--primitive-font-weight-6);--primitive-heading-h1-font-size: var(--primitive-font-size-title-6);--primitive-heading-h1-line-height: var(--primitive-line-height-title-6);--primitive-heading-h2-font-family: Inter SemiBold, sans-serif;--primitive-heading-h2-font-weight: var(--primitive-font-weight-6);--primitive-heading-h2-font-size: var(--primitive-font-size-title-5);--primitive-heading-h2-line-height: var(--primitive-line-height-title-5);--primitive-heading-h3-font-family: Inter SemiBold, sans-serif;--primitive-heading-h3-font-weight: var(--primitive-font-weight-6);--primitive-heading-h3-font-size: var(--primitive-font-size-title-4);--primitive-heading-h3-line-height: var(--primitive-line-height-title-4);--primitive-heading-h4-font-family: Inter SemiBold, sans-serif;--primitive-heading-h4-font-weight: var(--primitive-font-weight-6);--primitive-heading-h4-font-size: var(--primitive-font-size-title-3);--primitive-heading-h4-line-height: var(--primitive-line-height-title-3);--primitive-heading-h5-font-family: Inter SemiBold, sans-serif;--primitive-heading-h5-font-weight: var(--primitive-font-weight-6);--primitive-heading-h5-font-size: var(--primitive-font-size-title-2);--primitive-heading-h5-line-height: var(--primitive-line-height-title-2);--primitive-heading-h6-font-family: Inter SemiBold, sans-serif;--primitive-heading-h6-font-weight: var(--primitive-font-weight-6);--primitive-heading-h6-font-size: var(--primitive-font-size-title-1);--primitive-heading-h6-line-height: var(--primitive-line-height-title-1);--primitive-label-large-font-family: Inter, sans-serif;--primitive-label-large-font-weight: 500;--primitive-label-large-font-size: 18px;--primitive-label-large-line-height: 24px;--primitive-label-medium-font-family: Inter, sans-serif;--primitive-label-medium-font-weight: 500;--primitive-label-medium-font-size: 16px;--primitive-label-medium-line-height: 18px;--primitive-label-small-font-family: Inter, sans-serif;--primitive-label-small-font-weight: 500;--primitive-label-small-font-size: 14px;--primitive-label-small-line-height: 16px;--primitive-label-uppercase-font-family: Inter, sans-serif;--primitive-label-uppercase-font-weight: 500;--primitive-label-uppercase-font-size: 18px;--primitive-label-uppercase-line-height: 24px;--primitive-label-uppercase-text-transform: uppercase;--primitive-label-underline-font-family: Inter, sans-serif;--primitive-label-underline-font-weight: 500;--primitive-label-underline-font-size: 16px;--primitive-label-underline-line-height: 18px;--primitive-label-underline-text-decoration: underline;--primitive-label-strike-font-family: Inter, sans-serif;--primitive-label-strike-font-weight: 500;--primitive-label-strike-font-size: 14px;--primitive-label-strike-line-height: 16px;--primitive-label-strike-text-decoration: line-through;--primitive-paragraph-large-font-family: Inter, sans-serif;--primitive-paragraph-large-font-weight: 400;--primitive-paragraph-large-font-size: 18px;--primitive-paragraph-large-line-height: 28px;--primitive-paragraph-medium-font-family: Inter, sans-serif;--primitive-paragraph-medium-font-weight: 400;--primitive-paragraph-medium-font-size: 16px;--primitive-paragraph-medium-line-height: 24px;--primitive-paragraph-small-font-family: Inter, sans-serif;--primitive-paragraph-small-font-weight: 400;--primitive-paragraph-small-font-size: 14px;--primitive-paragraph-small-line-height: 20px;--primitive-paragraph-uppercase-font-family: Inter, sans-serif;--primitive-paragraph-uppercase-font-weight: 400;--primitive-paragraph-uppercase-font-size: 18px;--primitive-paragraph-uppercase-line-height: 28px;--primitive-paragraph-uppercase-text-transform: uppercase;--primitive-paragraph-underline-font-family: Inter, sans-serif;--primitive-paragraph-underline-font-weight: 400;--primitive-paragraph-underline-font-size: 16px;--primitive-paragraph-underline-line-height: 24px;--primitive-paragraph-underline-text-decoration: underline;--primitive-paragraph-strikethrough-font-family: Inter, sans-serif;--primitive-paragraph-strikethrough-font-weight: 400;--primitive-paragraph-strikethrough-font-size: 14px;--primitive-paragraph-strikethrough-line-height: 20px;--primitive-paragraph-strikethrough-text-decoration: line-through;--primitive-caption-large-font-family: Inter, sans-serif;--primitive-caption-large-font-weight: 600;--primitive-caption-large-font-size: 12px;--primitive-caption-large-line-height: 20px;--primitive-caption-regular-font-family: Inter, sans-serif;--primitive-caption-regular-font-weight: 400;--primitive-caption-regular-font-size: 12px;--primitive-caption-regular-line-height: 20px;--primitive-caption-uppercase-font-family: Inter, sans-serif;--primitive-caption-uppercase-font-weight: 600;--primitive-caption-uppercase-font-size: 12px;--primitive-caption-uppercase-line-height: 20px;--primitive-caption-uppercase-text-transform: uppercase;--primitive-caption-underline-font-family: Inter, sans-serif;--primitive-caption-underline-font-weight: 400;--primitive-caption-underline-font-size: 12px;--primitive-caption-underline-line-height: 20px;--primitive-caption-underline-text-decoration: underline;--primitive-caption-strikethrough-font-family: Inter, sans-serif;--primitive-caption-strikethrough-font-weight: 400;--primitive-caption-strikethrough-font-size: 12px;--primitive-caption-strikethrough-line-height: 20px;--primitive-caption-strikethrough-text-decoration: line-through}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.font-size-title-1{font-size:16px}.font-size-title-2{font-size:18px}.font-size-title-3{font-size:20px}.font-size-title-4{font-size:24px}.font-size-title-5{font-size:28px}.font-size-title-6{font-size:32px}.font-size-body-1{font-size:10px}.font-size-body-2{font-size:12px}.font-size-body-3{font-size:14px}.font-size-body-4{font-size:16px}.font-size-body-5{font-size:18px}.line-height-title-1{line-height:calc(var(--primitive-font-size-title-1) * 1.3)}.line-height-title-2{line-height:calc(var(--primitive-font-size-title-2) * 1.3)}.line-height-title-3{line-height:calc(var(--primitive-font-size-title-3) * 1.3)}.line-height-title-4{line-height:calc(var(--primitive-font-size-title-4) * 1.3)}.line-height-title-5{line-height:calc(var(--primitive-font-size-title-5) * 1.3)}.line-height-title-6{line-height:calc(var(--primitive-font-size-title-6) * 1.3)}.line-height-title-7{line-height:calc(var(--primitive-font-size-title-7) * 1.3)}.line-height-title-8{line-height:calc(var(--primitive-font-size-title-8) * 1.3)}.line-height-body-1{line-height:calc(var(--primitive-font-size-body-1) * 1.5)}.line-height-body-2{line-height:calc(var(--primitive-font-size-body-2) * 1.5)}.line-height-body-3{line-height:calc(var(--primitive-font-size-body-3) * 1.5)}.line-height-body-4{line-height:calc(var(--primitive-font-size-body-4) * 1.5)}.line-height-body-5{line-height:calc(var(--primitive-font-size-body-5) * 1.5)}.heading-h1{font-family:var(--primitive-heading-h1-font-family);font-weight:var(--primitive-heading-h1-font-weight);font-size:var(--primitive-heading-h1-font-size);line-height:var(--primitive-heading-h1-line-height)}.heading-h2{font-family:var(--primitive-heading-h2-font-family);font-weight:var(--primitive-heading-h2-font-weight);font-size:var(--primitive-heading-h2-font-size);line-height:var(--primitive-heading-h2-line-height)}.heading-h3{font-family:var(--primitive-heading-h3-font-family);font-weight:var(--primitive-heading-h3-font-weight);font-size:var(--primitive-heading-h3-font-size);line-height:var(--primitive-heading-h3-line-height)}.heading-h4{font-family:var(--primitive-heading-h4-font-family);font-weight:var(--primitive-heading-h4-font-weight);font-size:var(--primitive-heading-h4-font-size);line-height:var(--primitive-heading-h4-line-height)}.heading-h5{font-family:var(--primitive-heading-h5-font-family);font-weight:var(--primitive-heading-h5-font-weight);font-size:var(--primitive-heading-h5-font-size);line-height:var(--primitive-heading-h5-line-height)}.heading-h6{font-family:var(--primitive-heading-h6-font-family);font-weight:var(--primitive-heading-h6-font-weight);font-size:var(--primitive-heading-h6-font-size);line-height:var(--primitive-heading-h6-line-height)}.label-large{font-family:var(--primitive-label-large-font-family);font-weight:var(--primitive-label-large-font-weight);font-size:var(--primitive-label-large-font-size);line-height:var(--primitive-label-large-line-height)}.label-medium{font-family:var(--primitive-label-medium-font-family);font-weight:var(--primitive-label-medium-font-weight);font-size:var(--primitive-label-medium-font-size);line-height:var(--primitive-label-medium-line-height)}.label-small{font-family:var(--primitive-label-small-font-family);font-weight:var(--primitive-label-small-font-weight);font-size:var(--primitive-label-small-font-size);line-height:var(--primitive-label-small-line-height)}.label-uppercase{font-family:var(--primitive-label-uppercase-font-family);font-weight:var(--primitive-label-uppercase-font-weight);font-size:var(--primitive-label-uppercase-font-size);line-height:var(--primitive-label-uppercase-line-height);text-transform:var(--primitive-label-uppercase-text-transform)}.label-underline{font-family:var(--primitive-label-underline-font-family);font-weight:var(--primitive-label-underline-font-weight);font-size:var(--primitive-label-underline-font-size);line-height:var(--primitive-label-underline-line-height);text-decoration:var(--primitive-label-underline-text-decoration)}.label-strike{font-family:var(--primitive-label-strike-font-family);font-weight:var(--primitive-label-strike-font-weight);font-size:var(--primitive-label-strike-font-size);line-height:var(--primitive-label-strike-line-height);text-decoration:var(--primitive-label-strike-text-decoration)}.paragraph-large{font-family:var(--primitive-paragraph-large-font-family);font-weight:var(--primitive-paragraph-large-font-weight);font-size:var(--primitive-paragraph-large-font-size);line-height:var(--primitive-paragraph-large-line-height)}.paragraph-medium{font-family:var(--primitive-paragraph-medium-font-family);font-weight:var(--primitive-paragraph-medium-font-weight);font-size:var(--primitive-paragraph-medium-font-size);line-height:var(--primitive-paragraph-medium-line-height)}.paragraph-small{font-family:var(--primitive-paragraph-small-font-family);font-weight:var(--primitive-paragraph-small-font-weight);font-size:var(--primitive-paragraph-small-font-size);line-height:var(--primitive-paragraph-small-line-height)}.paragraph-uppercase{font-family:var(--primitive-paragraph-uppercase-font-family);font-weight:var(--primitive-paragraph-uppercase-font-weight);font-size:var(--primitive-paragraph-uppercase-font-size);line-height:var(--primitive-paragraph-uppercase-line-height);text-transform:var(--primitive-paragraph-uppercase-text-transform)}.paragraph-underline{font-family:var(--primitive-paragraph-underline-font-family);font-weight:var(--primitive-paragraph-underline-font-weight);font-size:var(--primitive-paragraph-underline-font-size);line-height:var(--primitive-paragraph-underline-line-height);text-decoration:var(--primitive-paragraph-underline-text-decoration)}.paragraph-strikethrough{font-family:var(--primitive-paragraph-strikethrough-font-family);font-weight:var(--primitive-paragraph-strikethrough-font-weight);font-size:var(--primitive-paragraph-strikethrough-font-size);line-height:var(--primitive-paragraph-strikethrough-line-height);text-decoration:var(--primitive-paragraph-strikethrough-text-decoration)}.caption-large{font-family:var(--primitive-caption-large-font-family);font-weight:var(--primitive-caption-large-font-weight);font-size:var(--primitive-caption-large-font-size);line-height:var(--primitive-caption-large-line-height)}.caption-regular{font-family:var(--primitive-caption-regular-font-family);font-weight:var(--primitive-caption-regular-font-weight);font-size:var(--primitive-caption-regular-font-size);line-height:var(--primitive-caption-regular-line-height)}.caption-uppercase{font-family:var(--primitive-caption-uppercase-font-family);font-weight:var(--primitive-caption-uppercase-font-weight);font-size:var(--primitive-caption-uppercase-font-size);line-height:var(--primitive-caption-uppercase-line-height);text-transform:var(--primitive-caption-uppercase-text-transform)}.caption-underline{font-family:var(--primitive-caption-underline-font-family);font-weight:var(--primitive-caption-underline-font-weight);font-size:var(--primitive-caption-underline-font-size);line-height:var(--primitive-caption-underline-line-height);text-decoration:var(--primitive-caption-underline-text-decoration)}.caption-strikethrough{font-family:var(--primitive-caption-strikethrough-font-family);font-weight:var(--primitive-caption-strikethrough-font-weight);font-size:var(--primitive-caption-strikethrough-font-size);line-height:var(--primitive-caption-strikethrough-line-height);text-decoration:var(--primitive-caption-strikethrough-text-decoration)}html{font-size:14px}body{font-size:14px;font-family:Inter,sans-serif}:root{--primitive-dimension-0: 0px;--primitive-dimension-1: 1px;--primitive-dimension-2: 2px;--primitive-dimension-3: 4px;--primitive-dimension-4: 8px;--primitive-dimension-5: 12px;--primitive-dimension-6: 16px;--primitive-dimension-7: 20px;--primitive-dimension-8: 24px;--primitive-dimension-9: 28px;--primitive-dimension-10: 32px;--primitive-dimension-11: 36px;--primitive-dimension-12: 40px;--primitive-dimension-13: 44px;--primitive-dimension-14: 48px;--primitive-dimension-15: 52px;--primitive-dimension-16: 56px;--primitive-dimension-17: 60px;--primitive-dimension-18: 64px;--primitive-dimension-19: 68px;--primitive-dimension-20: 72px;--primitive-dimension-21: 76px;--primitive-dimension-22: 80px;--primitive-dimension-23: 100px;--primitive-dimension-24: 120px;--primitive-dimension-25: 140px;--primitive-padding-size-0: 0rem;--primitive-padding-size-1: .0714285714rem;--primitive-padding-size-2: .1428571429rem;--primitive-padding-size-3: .2857142857rem;--primitive-padding-size-4: .5714285714rem;--primitive-padding-size-5: .8571428571rem;--primitive-padding-size-6: 1.1428571429rem;--primitive-padding-size-7: 1.4285714286rem;--primitive-padding-size-8: 1.7142857143rem;--primitive-padding-size-9: 2rem;--primitive-padding-size-10: 2.2857142857rem;--primitive-padding-size-11: 2.5714285714rem;--primitive-padding-size-12: 2.8571428571rem;--primitive-padding-size-13: 3.1428571429rem;--primitive-padding-size-14: 3.4285714286rem;--primitive-padding-size-15: 3.7142857143rem;--primitive-padding-size-16: 4rem;--primitive-padding-size-17: 4.2857142857rem;--primitive-padding-size-18: 4.5714285714rem;--primitive-padding-size-19: 4.8571428571rem;--primitive-padding-size-20: 5.1428571429rem;--primitive-padding-size-21: 5.4285714286rem;--primitive-padding-size-22: 5.7142857143rem;--primitive-padding-size-23: 7.1428571429rem;--primitive-padding-size-24: 8.5714285714rem;--primitive-padding-size-25: 10rem}.dimension-0{gap:var(--primitive-dimension-0)}.dimension-1{gap:var(--primitive-dimension-1)}.dimension-2{gap:var(--primitive-dimension-2)}.dimension-3{gap:var(--primitive-dimension-3)}.dimension-4{gap:var(--primitive-dimension-4)}.dimension-5{gap:var(--primitive-dimension-5)}.dimension-6{gap:var(--primitive-dimension-6)}.dimension-7{gap:var(--primitive-dimension-7)}.dimension-8{gap:var(--primitive-dimension-8)}.dimension-9{gap:var(--primitive-dimension-9)}.dimension-10{gap:var(--primitive-dimension-10)}.dimension-11{gap:var(--primitive-dimension-11)}.dimension-12{gap:var(--primitive-dimension-12)}.dimension-13{gap:var(--primitive-dimension-13)}.dimension-14{gap:var(--primitive-dimension-14)}.dimension-15{gap:var(--primitive-dimension-15)}.dimension-16{gap:var(--primitive-dimension-16)}.dimension-17{gap:var(--primitive-dimension-17)}.dimension-18{gap:var(--primitive-dimension-18)}.dimension-19{gap:var(--primitive-dimension-19)}.dimension-20{gap:var(--primitive-dimension-20)}.dimension-21{gap:var(--primitive-dimension-21)}.dimension-22{gap:var(--primitive-dimension-22)}.dimension-23{gap:var(--primitive-dimension-23)}.dimension-24{gap:var(--primitive-dimension-24)}.dimension-25{gap:var(--primitive-dimension-25)}.padding-size-0{padding:var(--primitive-padding-size-0)}.padding-size-1{padding:var(--primitive-padding-size-1)}.padding-size-2{padding:var(--primitive-padding-size-2)}.padding-size-3{padding:var(--primitive-padding-size-3)}.padding-size-4{padding:var(--primitive-padding-size-4)}.padding-size-5{padding:var(--primitive-padding-size-5)}.padding-size-6{padding:var(--primitive-padding-size-6)}.padding-size-7{padding:var(--primitive-padding-size-7)}.padding-size-8{padding:var(--primitive-padding-size-8)}.padding-size-9{padding:var(--primitive-padding-size-9)}.padding-size-10{padding:var(--primitive-padding-size-10)}.padding-size-11{padding:var(--primitive-padding-size-11)}.padding-size-12{padding:var(--primitive-padding-size-12)}.padding-size-13{padding:var(--primitive-padding-size-13)}.padding-size-14{padding:var(--primitive-padding-size-14)}.padding-size-15{padding:var(--primitive-padding-size-15)}.padding-size-16{padding:var(--primitive-padding-size-16)}.padding-size-17{padding:var(--primitive-padding-size-17)}.padding-size-18{padding:var(--primitive-padding-size-18)}.padding-size-19{padding:var(--primitive-padding-size-19)}.padding-size-20{padding:var(--primitive-padding-size-20)}.padding-size-21{padding:var(--primitive-padding-size-21)}.padding-size-22{padding:var(--primitive-padding-size-22)}.padding-size-23{padding:var(--primitive-padding-size-23)}.padding-size-24{padding:var(--primitive-padding-size-24)}.padding-size-25{padding:var(--primitive-padding-size-25)}:host{display:inline-block}.cw-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible;border-radius:var(--primitive-radius-full, 9999px);background:var(--cw-avatar-bg, #f3f4f6)}.cw-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.cw-avatar-status{--cw-avatar-status-size: 16px;--cw-avatar-status-border: 3px;--cw-avatar-status-offset-x: -6px;--cw-avatar-status-offset-y: -6px;position:absolute;top:var(--cw-avatar-status-offset-y);right:var(--cw-avatar-status-offset-x);width:var(--cw-avatar-status-size);height:var(--cw-avatar-status-size);border-radius:50%;display:inline-block;box-sizing:border-box;border:var(--cw-avatar-status-border) solid var(--color-stroke-inverse, #ffffff)}.cw-avatar-status.active{background:var(--color-fill-feedback-success-bold, #3d9900)}.cw-avatar-status.inactive{background:var(--color-fill-feedback-neutral, #e5e7eb)}.cw-avatar-wrapper{display:inline-flex;align-items:center;gap:8px}.cw-avatar-wrapper.cw-avatar--only{justify-content:center}.cw-avatar-wrapper.cw-avatar--align-left{flex-direction:row-reverse}.cw-avatar-text{display:flex;flex-direction:column;justify-content:center}.cw-avatar-role{font-family:Inter,sans-serif;font-weight:var(--primitive-font-weight-6);font-size:var(--primitive-font-size-body-3);line-height:var(--primitive-line-height-3);color:#1f2937}.cw-avatar-name{font-family:Inter,sans-serif;font-weight:var(--primitive-font-weight-4);font-size:14px;line-height:var(--primitive-line-height-3);color:#1f2937}.cw-avatar-wrapper.cw-avatar--align-left .cw-avatar-text{text-align:right}.cw-avatar-text{text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrystalAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: CrystalAvatar, isStandalone: true, selector: "cw-avatar", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, cargo: { classPropertyName: "cargo", publicName: "cargo", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"cw-avatar-wrapper\"\n [class.cw-avatar--only]=\"!(name() || cargo())\"\n [class.cw-avatar--align-left]=\"align() === 'left'\">\n\n <div class=\"cw-avatar\" [style.width.px]=\"size()\" [style.height.px]=\"size()\">\n @if (src()) {\n <img [src]=\"src()\" alt=\"Avatar\" />\n }\n @if (status()) {\n <span class=\"cw-avatar-status\" \n [class.active]=\"status() === 'active'\" \n [class.inactive]=\"status() === 'inactive'\"></span>\n }\n </div>\n\n @if (name() || cargo()) {\n <div class=\"cw-avatar-text\">\n @if (cargo()) {\n <div class=\"cw-avatar-role\">{{ cargo() }}</div>\n }\n @if (name()) {\n <div class=\"cw-avatar-name\">{{ name() }}</div>\n }\n </div>\n }\n\n</div>\n", styles: [":root{--primitive-color-blue-100: #e7ecfd;--primitive-color-blue-200: #ced9fa;--primitive-color-blue-300: #9db3f6;--primitive-color-blue-400: #6d8cf1;--primitive-color-blue-500: #3c66ed;--primitive-color-blue-600: #1545de;--primitive-color-blue-700: #1137b2;--primitive-color-blue-800: #0d2985;--primitive-color-blue-900: #081c59;--primitive-color-blue-1000: #040e2c;--primitive-color-jade-100: #f2f8f4;--primitive-color-jade-200: #e4f0e9;--primitive-color-jade-300: #c6e0d0;--primitive-color-jade-400: #a1cfb4;--primitive-color-jade-500: #72bd93;--primitive-color-jade-600: #00a868;--primitive-color-jade-700: #00965d;--primitive-color-jade-800: #008251;--primitive-color-jade-900: #006a42;--primitive-color-jade-1000: #004b2f;--primitive-color-gray-100: #f9fafb;--primitive-color-gray-200: #f3f4f6;--primitive-color-gray-300: #e5e7eb;--primitive-color-gray-400: #d1d5db;--primitive-color-gray-500: #9ca3af;--primitive-color-gray-600: #6b7280;--primitive-color-gray-700: #4b5563;--primitive-color-gray-800: #374151;--primitive-color-gray-900: #1f2937;--primitive-color-gray-1000: #111827;--primitive-color-gray-1100: #030712;--primitive-color-neutral-100: #fafafa;--primitive-color-neutral-200: #f5f5f5;--primitive-color-neutral-300: #e5e5e5;--primitive-color-neutral-400: #d4d4d4;--primitive-color-neutral-500: #a3a3a3;--primitive-color-neutral-600: #737373;--primitive-color-neutral-700: #525252;--primitive-color-neutral-800: #404040;--primitive-color-neutral-900: #262626;--primitive-color-neutral-1000: #171717;--primitive-color-neutral-1100: #0a0a0a;--primitive-color-red-100: #fae1e1;--primitive-color-red-200: #f7cccc;--primitive-color-red-300: #f0a1a1;--primitive-color-red-400: #e97777;--primitive-color-red-500: #e24c4c;--primitive-color-red-600: #da2323;--primitive-color-red-700: #ae1c1c;--primitive-color-red-800: #831515;--primitive-color-red-900: #570e0e;--primitive-color-red-1000: #2c0707;--primitive-color-green-100: #f3f7f2;--primitive-color-green-200: #e6eee4;--primitive-color-green-300: #c9dcc6;--primitive-color-green-400: #a8c8a1;--primitive-color-green-500: #7eb272;--primitive-color-green-600: #3d9900;--primitive-color-green-700: #378900;--primitive-color-green-800: #2f7700;--primitive-color-green-900: #276100;--primitive-color-green-1000: #1b4400;--primitive-color-amber-100: #fef3e2;--primitive-color-amber-200: #fdeaca;--primitive-color-amber-300: #fbd799;--primitive-color-amber-400: #f9c369;--primitive-color-amber-500: #f7b039;--primitive-color-amber-600: #f59e0b;--primitive-color-amber-700: #c37d08;--primitive-color-amber-800: #925e06;--primitive-color-amber-900: #613f04;--primitive-color-amber-1000: #311f02;--primitive-color-orange-100: #fdf0e7;--primitive-color-orange-200: #fae1cf;--primitive-color-orange-300: #f6c29e;--primitive-color-orange-400: #f1a46e;--primitive-color-orange-500: #ed863d;--primitive-color-orange-600: #e06915;--primitive-color-orange-700: #b35411;--primitive-color-orange-800: #863f0d;--primitive-color-orange-900: #5a2a08;--primitive-color-orange-1000: #2d1504;--primitive-color-violet-100: #f2e7fd;--primitive-color-violet-200: #e5cffa;--primitive-color-violet-300: #cc9ef6;--primitive-color-violet-400: #b26ef1;--primitive-color-violet-500: #983ded;--primitive-color-violet-600: #7e15e0;--primitive-color-violet-700: #6511b3;--primitive-color-violet-800: #4c0d86;--primitive-color-violet-900: #32085a;--primitive-color-violet-1000: #19042d;--primitive-color-cyan-100: #d1f6fe;--primitive-color-cyan-200: #aaf0fc;--primitive-color-cyan-300: #84eaf8;--primitive-color-cyan-400: #5fe5f3;--primitive-color-cyan-500: #3ce1ed;--primitive-color-cyan-600: #18d5e3;--primitive-color-cyan-700: #16acb7;--primitive-color-cyan-800: #13848c;--primitive-color-cyan-900: #0f5d62;--primitive-color-cyan-950: #0a373a;--primitive-color-aquamarine-100: #d1fef5;--primitive-color-aquamarine-200: #a9fcea;--primitive-color-aquamarine-300: #83f8de;--primitive-color-aquamarine-400: #5ef3d1;--primitive-color-aquamarine-500: #3bedc3;--primitive-color-aquamarine-600: #18e3b0;--primitive-color-aquamarine-700: #15b78c;--primitive-color-aquamarine-800: #128c6a;--primitive-color-aquamarine-900: #0e634a;--primitive-color-aquamarine-950: #093a2b;--primitive-color-magenta-100: #fed1ec;--primitive-color-magenta-200: #fca9da;--primitive-color-magenta-300: #f883c6;--primitive-color-magenta-400: #f35eb3;--primitive-color-magenta-500: #ed3b9e;--primitive-color-magenta-600: #e3188b;--primitive-color-magenta-700: #b71573;--primitive-color-magenta-800: #8c125a;--primitive-color-magenta-900: #630e41;--primitive-color-magenta-1000: #3a0927}.color-blue-100{color:var(--primitive-color-blue-100)}.color-blue-200{color:var(--primitive-color-blue-200)}.color-blue-300{color:var(--primitive-color-blue-300)}.color-blue-400{color:var(--primitive-color-blue-400)}.color-blue-500{color:var(--primitive-color-blue-500)}.color-blue-600{color:var(--primitive-color-blue-600)}.color-blue-700{color:var(--primitive-color-blue-700)}.color-blue-800{color:var(--primitive-color-blue-800)}.color-blue-900{color:var(--primitive-color-blue-900)}.color-blue-1000{color:var(--primitive-color-blue-1000)}.color-jade-100{color:var(--primitive-color-jade-100)}.color-jade-200{color:var(--primitive-color-jade-200)}.color-jade-300{color:var(--primitive-color-jade-300)}.color-jade-400{color:var(--primitive-color-jade-400)}.color-jade-500{color:var(--primitive-color-jade-500)}.color-jade-600{color:var(--primitive-color-jade-600)}.color-jade-700{color:var(--primitive-color-jade-700)}.color-jade-800{color:var(--primitive-color-jade-800)}.color-jade-900{color:var(--primitive-color-jade-900)}.color-jade-1000{color:var(--primitive-color-jade-1000)}.color-gray-100{color:var(--primitive-color-gray-100)}.color-gray-200{color:var(--primitive-color-gray-200)}.color-gray-300{color:var(--primitive-color-gray-300)}.color-gray-400{color:var(--primitive-color-gray-400)}.color-gray-500{color:var(--primitive-color-gray-500)}.color-gray-600{color:var(--primitive-color-gray-600)}.color-gray-700{color:var(--primitive-color-gray-700)}.color-gray-800{color:var(--primitive-color-gray-800)}.color-gray-900{color:var(--primitive-color-gray-900)}.color-gray-1000{color:var(--primitive-color-gray-1000)}.color-gray-1100{color:var(--primitive-color-gray-1100)}.color-neutral-100{color:var(--primitive-color-neutral-100)}.color-neutral-200{color:var(--primitive-color-neutral-200)}.color-neutral-300{color:var(--primitive-color-neutral-300)}.color-neutral-400{color:var(--primitive-color-neutral-400)}.color-neutral-500{color:var(--primitive-color-neutral-500)}.color-neutral-600{color:var(--primitive-color-neutral-600)}.color-neutral-700{color:var(--primitive-color-neutral-700)}.color-neutral-800{color:var(--primitive-color-neutral-800)}.color-neutral-900{color:var(--primitive-color-neutral-900)}.color-neutral-1000{color:var(--primitive-color-neutral-1000)}.color-neutral-1100{color:var(--primitive-color-neutral-1100)}.color-red-100{color:var(--primitive-color-red-100)}.color-red-200{color:var(--primitive-color-red-200)}.color-red-300{color:var(--primitive-color-red-300)}.color-red-400{color:var(--primitive-color-red-400)}.color-red-500{color:var(--primitive-color-red-500)}.color-red-600{color:var(--primitive-color-red-600)}.color-red-700{color:var(--primitive-color-red-700)}.color-red-800{color:var(--primitive-color-red-800)}.color-red-900{color:var(--primitive-color-red-900)}.color-red-1000{color:var(--primitive-color-red-1000)}.color-green-100{color:var(--primitive-color-green-100)}.color-green-200{color:var(--primitive-color-green-200)}.color-green-300{color:var(--primitive-color-green-300)}.color-green-400{color:var(--primitive-color-green-400)}.color-green-500{color:var(--primitive-color-green-500)}.color-green-600{color:var(--primitive-color-green-600)}.color-green-700{color:var(--primitive-color-green-700)}.color-green-800{color:var(--primitive-color-green-800)}.color-green-900{color:var(--primitive-color-green-900)}.color-green-1000{color:var(--primitive-color-green-1000)}.color-amber-100{color:var(--primitive-color-amber-100)}.color-amber-200{color:var(--primitive-color-amber-200)}.color-amber-300{color:var(--primitive-color-amber-300)}.color-amber-400{color:var(--primitive-color-amber-400)}.color-amber-500{color:var(--primitive-color-amber-500)}.color-amber-600{color:var(--primitive-color-amber-600)}.color-amber-700{color:var(--primitive-color-amber-700)}.color-amber-800{color:var(--primitive-color-amber-800)}.color-amber-900{color:var(--primitive-color-amber-900)}.color-amber-1000{color:var(--primitive-color-amber-1000)}.color-orange-100{color:var(--primitive-color-orange-100)}.color-orange-200{color:var(--primitive-color-orange-200)}.color-orange-300{color:var(--primitive-color-orange-300)}.color-orange-400{color:var(--primitive-color-orange-400)}.color-orange-500{color:var(--primitive-color-orange-500)}.color-orange-600{color:var(--primitive-color-orange-600)}.color-orange-700{color:var(--primitive-color-orange-700)}.color-orange-800{color:var(--primitive-color-orange-800)}.color-orange-900{color:var(--primitive-color-orange-900)}.color-orange-1000{color:var(--primitive-color-orange-1000)}.color-violet-100{color:var(--primitive-color-violet-100)}.color-violet-200{color:var(--primitive-color-violet-200)}.color-violet-300{color:var(--primitive-color-violet-300)}.color-violet-400{color:var(--primitive-color-violet-400)}.color-violet-500{color:var(--primitive-color-violet-500)}.color-violet-600{color:var(--primitive-color-violet-600)}.color-violet-700{color:var(--primitive-color-violet-700)}.color-violet-800{color:var(--primitive-color-violet-800)}.color-violet-900{color:var(--primitive-color-violet-900)}.color-violet-1000{color:var(--primitive-color-violet-1000)}.color-cyan-100{color:var(--primitive-color-cyan-100)}.color-cyan-200{color:var(--primitive-color-cyan-200)}.color-cyan-300{color:var(--primitive-color-cyan-300)}.color-cyan-400{color:var(--primitive-color-cyan-400)}.color-cyan-500{color:var(--primitive-color-cyan-500)}.color-cyan-600{color:var(--primitive-color-cyan-600)}.color-cyan-700{color:var(--primitive-color-cyan-700)}.color-cyan-800{color:var(--primitive-color-cyan-800)}.color-cyan-900{color:var(--primitive-color-cyan-900)}.color-cyan-950{color:var(--primitive-color-cyan-950)}.color-aquamarine-100{color:var(--primitive-color-aquamarine-100)}.color-aquamarine-200{color:var(--primitive-color-aquamarine-200)}.color-aquamarine-300{color:var(--primitive-color-aquamarine-300)}.color-aquamarine-400{color:var(--primitive-color-aquamarine-400)}.color-aquamarine-500{color:var(--primitive-color-aquamarine-500)}.color-aquamarine-600{color:var(--primitive-color-aquamarine-600)}.color-aquamarine-700{color:var(--primitive-color-aquamarine-700)}.color-aquamarine-800{color:var(--primitive-color-aquamarine-800)}.color-aquamarine-900{color:var(--primitive-color-aquamarine-900)}.color-aquamarine-950{color:var(--primitive-color-aquamarine-950)}.color-magenta-100{color:var(--primitive-color-magenta-100)}.color-magenta-200{color:var(--primitive-color-magenta-200)}.color-magenta-300{color:var(--primitive-color-magenta-300)}.color-magenta-400{color:var(--primitive-color-magenta-400)}.color-magenta-500{color:var(--primitive-color-magenta-500)}.color-magenta-600{color:var(--primitive-color-magenta-600)}.color-magenta-700{color:var(--primitive-color-magenta-700)}.color-magenta-800{color:var(--primitive-color-magenta-800)}.color-magenta-900{color:var(--primitive-color-magenta-900)}.color-magenta-1000{color:var(--primitive-color-magenta-1000)}:root{--primitive-radius-0: 0px;--primitive-radius-1: 4px;--primitive-radius-2: 8px;--primitive-radius-3: 12px;--primitive-radius-4: 16px;--primitive-radius-5: 20px;--primitive-radius-full: 9999px;--primitive-stroke-0: 0px;--primitive-stroke-1: 1px;--primitive-stroke-2: 2px;--primitive-stroke-3: 3px;--primitive-stroke-4: 4px;--primitive-opacity-0: 0;--primitive-opacity-1: .1;--primitive-opacity-2: .2;--primitive-opacity-3: .3;--primitive-opacity-4: .4;--primitive-opacity-5: .5;--primitive-opacity-6: .6;--primitive-opacity-7: .7;--primitive-opacity-8: .8;--primitive-opacity-9: .9;--primitive-opacity-10: 1;--primitive-shadow-x-small: 0px, 1px, 2px, 0px, rgba(31, 41, 55, .07);--primitive-shadow-small: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07);--primitive-shadow-medium: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07);--primitive-shadow-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07);--primitive-shadow-x-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07), 0px 16px 32px 0px rgba(17, 55, 178, .07);--primitive-shadow-xx-large: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07), 0px 4px 8px 0px rgba(31, 41, 55, .07), 0px 8px 16px 0px rgba(31, 41, 55, .07), 0px 16px 32px 0px rgba(31, 41, 55, .07), 0px 32px 64px 0px rgba(31, 41, 55, .07)}.radius-0{border-radius:var(--primitive-radius-0)}.radius-1{border-radius:var(--primitive-radius-1)}.radius-2{border-radius:var(--primitive-radius-2)}.radius-3{border-radius:var(--primitive-radius-3)}.radius-4{border-radius:var(--primitive-radius-4)}.radius-5{border-radius:var(--primitive-radius-5)}.radius-full{border-radius:var(--primitive-radius-full)}.stroke-0{border-width:var(--primitive-stroke-0)}.stroke-1{border-width:var(--primitive-stroke-1)}.stroke-2{border-width:var(--primitive-stroke-2)}.stroke-3{border-width:var(--primitive-stroke-3)}.stroke-4{border-width:var(--primitive-stroke-4)}.opacity-0{opacity:var(--primitive-opacity-0)}.opacity-1{opacity:var(--primitive-opacity-1)}.opacity-2{opacity:var(--primitive-opacity-2)}.opacity-3{opacity:var(--primitive-opacity-3)}.opacity-4{opacity:var(--primitive-opacity-4)}.opacity-5{opacity:var(--primitive-opacity-5)}.opacity-6{opacity:var(--primitive-opacity-6)}.opacity-7{opacity:var(--primitive-opacity-7)}.opacity-8{opacity:var(--primitive-opacity-8)}.opacity-9{opacity:var(--primitive-opacity-9)}.opacity-10{opacity:var(--primitive-opacity-10)}.shadow-x-small{box-shadow:var(--primitive-shadow-x-small)}.shadow-small{box-shadow:var(--primitive-shadow-small)}.shadow-medium{box-shadow:var(--primitive-shadow-medium)}.shadow-large{box-shadow:var(--primitive-shadow-large)}.shadow-x-large{box-shadow:var(--primitive-shadow-x-large)}.shadow-xx-large{box-shadow:var(--primitive-shadow-xx-large)}:root{--primitive-font-family-title: Inter SemiBold, sans-serif;--primitive-font-family-body: Inter, sans-serif;--primitive-font-weight-1: 100;--primitive-font-weight-2: 200;--primitive-font-weight-3: 300;--primitive-font-weight-4: 400;--primitive-font-weight-5: 500;--primitive-font-weight-6: 600;--primitive-font-weight-7: 700;--primitive-font-weight-8: 800;--primitive-font-weight-9: 900;--primitive-font-size-title-1: 16px;--primitive-font-size-title-2: 18px;--primitive-font-size-title-3: 20px;--primitive-font-size-title-4: 24px;--primitive-font-size-title-5: 28px;--primitive-font-size-title-6: 32px;--primitive-font-size-body-1: 10px;--primitive-font-size-body-2: 12px;--primitive-font-size-body-3: 14px;--primitive-font-size-body-4: 16px;--primitive-font-size-body-5: 18px;--primitive-line-height-title-1: calc(var(--primitive-font-size-title-1) * 1.3);--primitive-line-height-title-2: calc(var(--primitive-font-size-title-2) * 1.3);--primitive-line-height-title-3: calc(var(--primitive-font-size-title-3) * 1.3);--primitive-line-height-title-4: calc(var(--primitive-font-size-title-4) * 1.3);--primitive-line-height-title-5: calc(var(--primitive-font-size-title-5) * 1.3);--primitive-line-height-title-6: calc(var(--primitive-font-size-title-6) * 1.3);--primitive-line-height-title-7: calc(var(--primitive-font-size-title-7) * 1.3);--primitive-line-height-title-8: calc(var(--primitive-font-size-title-8) * 1.3);--primitive-line-height-body-1: calc(var(--primitive-font-size-body-1) * 1.5);--primitive-line-height-body-2: calc(var(--primitive-font-size-body-2) * 1.5);--primitive-line-height-body-3: calc(var(--primitive-font-size-body-3) * 1.5);--primitive-line-height-body-4: calc(var(--primitive-font-size-body-4) * 1.5);--primitive-line-height-body-5: calc(var(--primitive-font-size-body-5) * 1.5);--primitive-heading-h1-font-family: Inter SemiBold, sans-serif;--primitive-heading-h1-font-weight: var(--primitive-font-weight-6);--primitive-heading-h1-font-size: var(--primitive-font-size-title-6);--primitive-heading-h1-line-height: var(--primitive-line-height-title-6);--primitive-heading-h2-font-family: Inter SemiBold, sans-serif;--primitive-heading-h2-font-weight: var(--primitive-font-weight-6);--primitive-heading-h2-font-size: var(--primitive-font-size-title-5);--primitive-heading-h2-line-height: var(--primitive-line-height-title-5);--primitive-heading-h3-font-family: Inter SemiBold, sans-serif;--primitive-heading-h3-font-weight: var(--primitive-font-weight-6);--primitive-heading-h3-font-size: var(--primitive-font-size-title-4);--primitive-heading-h3-line-height: var(--primitive-line-height-title-4);--primitive-heading-h4-font-family: Inter SemiBold, sans-serif;--primitive-heading-h4-font-weight: var(--primitive-font-weight-6);--primitive-heading-h4-font-size: var(--primitive-font-size-title-3);--primitive-heading-h4-line-height: var(--primitive-line-height-title-3);--primitive-heading-h5-font-family: Inter SemiBold, sans-serif;--primitive-heading-h5-font-weight: var(--primitive-font-weight-6);--primitive-heading-h5-font-size: var(--primitive-font-size-title-2);--primitive-heading-h5-line-height: var(--primitive-line-height-title-2);--primitive-heading-h6-font-family: Inter SemiBold, sans-serif;--primitive-heading-h6-font-weight: var(--primitive-font-weight-6);--primitive-heading-h6-font-size: var(--primitive-font-size-title-1);--primitive-heading-h6-line-height: var(--primitive-line-height-title-1);--primitive-label-large-font-family: Inter, sans-serif;--primitive-label-large-font-weight: 500;--primitive-label-large-font-size: 18px;--primitive-label-large-line-height: 24px;--primitive-label-medium-font-family: Inter, sans-serif;--primitive-label-medium-font-weight: 500;--primitive-label-medium-font-size: 16px;--primitive-label-medium-line-height: 18px;--primitive-label-small-font-family: Inter, sans-serif;--primitive-label-small-font-weight: 500;--primitive-label-small-font-size: 14px;--primitive-label-small-line-height: 16px;--primitive-label-uppercase-font-family: Inter, sans-serif;--primitive-label-uppercase-font-weight: 500;--primitive-label-uppercase-font-size: 18px;--primitive-label-uppercase-line-height: 24px;--primitive-label-uppercase-text-transform: uppercase;--primitive-label-underline-font-family: Inter, sans-serif;--primitive-label-underline-font-weight: 500;--primitive-label-underline-font-size: 16px;--primitive-label-underline-line-height: 18px;--primitive-label-underline-text-decoration: underline;--primitive-label-strike-font-family: Inter, sans-serif;--primitive-label-strike-font-weight: 500;--primitive-label-strike-font-size: 14px;--primitive-label-strike-line-height: 16px;--primitive-label-strike-text-decoration: line-through;--primitive-paragraph-large-font-family: Inter, sans-serif;--primitive-paragraph-large-font-weight: 400;--primitive-paragraph-large-font-size: 18px;--primitive-paragraph-large-line-height: 28px;--primitive-paragraph-medium-font-family: Inter, sans-serif;--primitive-paragraph-medium-font-weight: 400;--primitive-paragraph-medium-font-size: 16px;--primitive-paragraph-medium-line-height: 24px;--primitive-paragraph-small-font-family: Inter, sans-serif;--primitive-paragraph-small-font-weight: 400;--primitive-paragraph-small-font-size: 14px;--primitive-paragraph-small-line-height: 20px;--primitive-paragraph-uppercase-font-family: Inter, sans-serif;--primitive-paragraph-uppercase-font-weight: 400;--primitive-paragraph-uppercase-font-size: 18px;--primitive-paragraph-uppercase-line-height: 28px;--primitive-paragraph-uppercase-text-transform: uppercase;--primitive-paragraph-underline-font-family: Inter, sans-serif;--primitive-paragraph-underline-font-weight: 400;--primitive-paragraph-underline-font-size: 16px;--primitive-paragraph-underline-line-height: 24px;--primitive-paragraph-underline-text-decoration: underline;--primitive-paragraph-strikethrough-font-family: Inter, sans-serif;--primitive-paragraph-strikethrough-font-weight: 400;--primitive-paragraph-strikethrough-font-size: 14px;--primitive-paragraph-strikethrough-line-height: 20px;--primitive-paragraph-strikethrough-text-decoration: line-through;--primitive-caption-large-font-family: Inter, sans-serif;--primitive-caption-large-font-weight: 600;--primitive-caption-large-font-size: 12px;--primitive-caption-large-line-height: 20px;--primitive-caption-regular-font-family: Inter, sans-serif;--primitive-caption-regular-font-weight: 400;--primitive-caption-regular-font-size: 12px;--primitive-caption-regular-line-height: 20px;--primitive-caption-uppercase-font-family: Inter, sans-serif;--primitive-caption-uppercase-font-weight: 600;--primitive-caption-uppercase-font-size: 12px;--primitive-caption-uppercase-line-height: 20px;--primitive-caption-uppercase-text-transform: uppercase;--primitive-caption-underline-font-family: Inter, sans-serif;--primitive-caption-underline-font-weight: 400;--primitive-caption-underline-font-size: 12px;--primitive-caption-underline-line-height: 20px;--primitive-caption-underline-text-decoration: underline;--primitive-caption-strikethrough-font-family: Inter, sans-serif;--primitive-caption-strikethrough-font-weight: 400;--primitive-caption-strikethrough-font-size: 12px;--primitive-caption-strikethrough-line-height: 20px;--primitive-caption-strikethrough-text-decoration: line-through}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.font-size-title-1{font-size:16px}.font-size-title-2{font-size:18px}.font-size-title-3{font-size:20px}.font-size-title-4{font-size:24px}.font-size-title-5{font-size:28px}.font-size-title-6{font-size:32px}.font-size-body-1{font-size:10px}.font-size-body-2{font-size:12px}.font-size-body-3{font-size:14px}.font-size-body-4{font-size:16px}.font-size-body-5{font-size:18px}.line-height-title-1{line-height:calc(var(--primitive-font-size-title-1) * 1.3)}.line-height-title-2{line-height:calc(var(--primitive-font-size-title-2) * 1.3)}.line-height-title-3{line-height:calc(var(--primitive-font-size-title-3) * 1.3)}.line-height-title-4{line-height:calc(var(--primitive-font-size-title-4) * 1.3)}.line-height-title-5{line-height:calc(var(--primitive-font-size-title-5) * 1.3)}.line-height-title-6{line-height:calc(var(--primitive-font-size-title-6) * 1.3)}.line-height-title-7{line-height:calc(var(--primitive-font-size-title-7) * 1.3)}.line-height-title-8{line-height:calc(var(--primitive-font-size-title-8) * 1.3)}.line-height-body-1{line-height:calc(var(--primitive-font-size-body-1) * 1.5)}.line-height-body-2{line-height:calc(var(--primitive-font-size-body-2) * 1.5)}.line-height-body-3{line-height:calc(var(--primitive-font-size-body-3) * 1.5)}.line-height-body-4{line-height:calc(var(--primitive-font-size-body-4) * 1.5)}.line-height-body-5{line-height:calc(var(--primitive-font-size-body-5) * 1.5)}.heading-h1{font-family:var(--primitive-heading-h1-font-family);font-weight:var(--primitive-heading-h1-font-weight);font-size:var(--primitive-heading-h1-font-size);line-height:var(--primitive-heading-h1-line-height)}.heading-h2{font-family:var(--primitive-heading-h2-font-family);font-weight:var(--primitive-heading-h2-font-weight);font-size:var(--primitive-heading-h2-font-size);line-height:var(--primitive-heading-h2-line-height)}.heading-h3{font-family:var(--primitive-heading-h3-font-family);font-weight:var(--primitive-heading-h3-font-weight);font-size:var(--primitive-heading-h3-font-size);line-height:var(--primitive-heading-h3-line-height)}.heading-h4{font-family:var(--primitive-heading-h4-font-family);font-weight:var(--primitive-heading-h4-font-weight);font-size:var(--primitive-heading-h4-font-size);line-height:var(--primitive-heading-h4-line-height)}.heading-h5{font-family:var(--primitive-heading-h5-font-family);font-weight:var(--primitive-heading-h5-font-weight);font-size:var(--primitive-heading-h5-font-size);line-height:var(--primitive-heading-h5-line-height)}.heading-h6{font-family:var(--primitive-heading-h6-font-family);font-weight:var(--primitive-heading-h6-font-weight);font-size:var(--primitive-heading-h6-font-size);line-height:var(--primitive-heading-h6-line-height)}.label-large{font-family:var(--primitive-label-large-font-family);font-weight:var(--primitive-label-large-font-weight);font-size:var(--primitive-label-large-font-size);line-height:var(--primitive-label-large-line-height)}.label-medium{font-family:var(--primitive-label-medium-font-family);font-weight:var(--primitive-label-medium-font-weight);font-size:var(--primitive-label-medium-font-size);line-height:var(--primitive-label-medium-line-height)}.label-small{font-family:var(--primitive-label-small-font-family);font-weight:var(--primitive-label-small-font-weight);font-size:var(--primitive-label-small-font-size);line-height:var(--primitive-label-small-line-height)}.label-uppercase{font-family:var(--primitive-label-uppercase-font-family);font-weight:var(--primitive-label-uppercase-font-weight);font-size:var(--primitive-label-uppercase-font-size);line-height:var(--primitive-label-uppercase-line-height);text-transform:var(--primitive-label-uppercase-text-transform)}.label-underline{font-family:var(--primitive-label-underline-font-family);font-weight:var(--primitive-label-underline-font-weight);font-size:var(--primitive-label-underline-font-size);line-height:var(--primitive-label-underline-line-height);text-decoration:var(--primitive-label-underline-text-decoration)}.label-strike{font-family:var(--primitive-label-strike-font-family);font-weight:var(--primitive-label-strike-font-weight);font-size:var(--primitive-label-strike-font-size);line-height:var(--primitive-label-strike-line-height);text-decoration:var(--primitive-label-strike-text-decoration)}.paragraph-large{font-family:var(--primitive-paragraph-large-font-family);font-weight:var(--primitive-paragraph-large-font-weight);font-size:var(--primitive-paragraph-large-font-size);line-height:var(--primitive-paragraph-large-line-height)}.paragraph-medium{font-family:var(--primitive-paragraph-medium-font-family);font-weight:var(--primitive-paragraph-medium-font-weight);font-size:var(--primitive-paragraph-medium-font-size);line-height:var(--primitive-paragraph-medium-line-height)}.paragraph-small{font-family:var(--primitive-paragraph-small-font-family);font-weight:var(--primitive-paragraph-small-font-weight);font-size:var(--primitive-paragraph-small-font-size);line-height:var(--primitive-paragraph-small-line-height)}.paragraph-uppercase{font-family:var(--primitive-paragraph-uppercase-font-family);font-weight:var(--primitive-paragraph-uppercase-font-weight);font-size:var(--primitive-paragraph-uppercase-font-size);line-height:var(--primitive-paragraph-uppercase-line-height);text-transform:var(--primitive-paragraph-uppercase-text-transform)}.paragraph-underline{font-family:var(--primitive-paragraph-underline-font-family);font-weight:var(--primitive-paragraph-underline-font-weight);font-size:var(--primitive-paragraph-underline-font-size);line-height:var(--primitive-paragraph-underline-line-height);text-decoration:var(--primitive-paragraph-underline-text-decoration)}.paragraph-strikethrough{font-family:var(--primitive-paragraph-strikethrough-font-family);font-weight:var(--primitive-paragraph-strikethrough-font-weight);font-size:var(--primitive-paragraph-strikethrough-font-size);line-height:var(--primitive-paragraph-strikethrough-line-height);text-decoration:var(--primitive-paragraph-strikethrough-text-decoration)}.caption-large{font-family:var(--primitive-caption-large-font-family);font-weight:var(--primitive-caption-large-font-weight);font-size:var(--primitive-caption-large-font-size);line-height:var(--primitive-caption-large-line-height)}.caption-regular{font-family:var(--primitive-caption-regular-font-family);font-weight:var(--primitive-caption-regular-font-weight);font-size:var(--primitive-caption-regular-font-size);line-height:var(--primitive-caption-regular-line-height)}.caption-uppercase{font-family:var(--primitive-caption-uppercase-font-family);font-weight:var(--primitive-caption-uppercase-font-weight);font-size:var(--primitive-caption-uppercase-font-size);line-height:var(--primitive-caption-uppercase-line-height);text-transform:var(--primitive-caption-uppercase-text-transform)}.caption-underline{font-family:var(--primitive-caption-underline-font-family);font-weight:var(--primitive-caption-underline-font-weight);font-size:var(--primitive-caption-underline-font-size);line-height:var(--primitive-caption-underline-line-height);text-decoration:var(--primitive-caption-underline-text-decoration)}.caption-strikethrough{font-family:var(--primitive-caption-strikethrough-font-family);font-weight:var(--primitive-caption-strikethrough-font-weight);font-size:var(--primitive-caption-strikethrough-font-size);line-height:var(--primitive-caption-strikethrough-line-height);text-decoration:var(--primitive-caption-strikethrough-text-decoration)}html{font-size:14px}body{font-size:14px;font-family:Inter,sans-serif}:root{--primitive-dimension-0: 0px;--primitive-dimension-1: 1px;--primitive-dimension-2: 2px;--primitive-dimension-3: 4px;--primitive-dimension-4: 8px;--primitive-dimension-5: 12px;--primitive-dimension-6: 16px;--primitive-dimension-7: 20px;--primitive-dimension-8: 24px;--primitive-dimension-9: 28px;--primitive-dimension-10: 32px;--primitive-dimension-11: 36px;--primitive-dimension-12: 40px;--primitive-dimension-13: 44px;--primitive-dimension-14: 48px;--primitive-dimension-15: 52px;--primitive-dimension-16: 56px;--primitive-dimension-17: 60px;--primitive-dimension-18: 64px;--primitive-dimension-19: 68px;--primitive-dimension-20: 72px;--primitive-dimension-21: 76px;--primitive-dimension-22: 80px;--primitive-dimension-23: 100px;--primitive-dimension-24: 120px;--primitive-dimension-25: 140px;--primitive-padding-size-0: 0rem;--primitive-padding-size-1: .0714285714rem;--primitive-padding-size-2: .1428571429rem;--primitive-padding-size-3: .2857142857rem;--primitive-padding-size-4: .5714285714rem;--primitive-padding-size-5: .8571428571rem;--primitive-padding-size-6: 1.1428571429rem;--primitive-padding-size-7: 1.4285714286rem;--primitive-padding-size-8: 1.7142857143rem;--primitive-padding-size-9: 2rem;--primitive-padding-size-10: 2.2857142857rem;--primitive-padding-size-11: 2.5714285714rem;--primitive-padding-size-12: 2.8571428571rem;--primitive-padding-size-13: 3.1428571429rem;--primitive-padding-size-14: 3.4285714286rem;--primitive-padding-size-15: 3.7142857143rem;--primitive-padding-size-16: 4rem;--primitive-padding-size-17: 4.2857142857rem;--primitive-padding-size-18: 4.5714285714rem;--primitive-padding-size-19: 4.8571428571rem;--primitive-padding-size-20: 5.1428571429rem;--primitive-padding-size-21: 5.4285714286rem;--primitive-padding-size-22: 5.7142857143rem;--primitive-padding-size-23: 7.1428571429rem;--primitive-padding-size-24: 8.5714285714rem;--primitive-padding-size-25: 10rem}.dimension-0{gap:var(--primitive-dimension-0)}.dimension-1{gap:var(--primitive-dimension-1)}.dimension-2{gap:var(--primitive-dimension-2)}.dimension-3{gap:var(--primitive-dimension-3)}.dimension-4{gap:var(--primitive-dimension-4)}.dimension-5{gap:var(--primitive-dimension-5)}.dimension-6{gap:var(--primitive-dimension-6)}.dimension-7{gap:var(--primitive-dimension-7)}.dimension-8{gap:var(--primitive-dimension-8)}.dimension-9{gap:var(--primitive-dimension-9)}.dimension-10{gap:var(--primitive-dimension-10)}.dimension-11{gap:var(--primitive-dimension-11)}.dimension-12{gap:var(--primitive-dimension-12)}.dimension-13{gap:var(--primitive-dimension-13)}.dimension-14{gap:var(--primitive-dimension-14)}.dimension-15{gap:var(--primitive-dimension-15)}.dimension-16{gap:var(--primitive-dimension-16)}.dimension-17{gap:var(--primitive-dimension-17)}.dimension-18{gap:var(--primitive-dimension-18)}.dimension-19{gap:var(--primitive-dimension-19)}.dimension-20{gap:var(--primitive-dimension-20)}.dimension-21{gap:var(--primitive-dimension-21)}.dimension-22{gap:var(--primitive-dimension-22)}.dimension-23{gap:var(--primitive-dimension-23)}.dimension-24{gap:var(--primitive-dimension-24)}.dimension-25{gap:var(--primitive-dimension-25)}.padding-size-0{padding:var(--primitive-padding-size-0)}.padding-size-1{padding:var(--primitive-padding-size-1)}.padding-size-2{padding:var(--primitive-padding-size-2)}.padding-size-3{padding:var(--primitive-padding-size-3)}.padding-size-4{padding:var(--primitive-padding-size-4)}.padding-size-5{padding:var(--primitive-padding-size-5)}.padding-size-6{padding:var(--primitive-padding-size-6)}.padding-size-7{padding:var(--primitive-padding-size-7)}.padding-size-8{padding:var(--primitive-padding-size-8)}.padding-size-9{padding:var(--primitive-padding-size-9)}.padding-size-10{padding:var(--primitive-padding-size-10)}.padding-size-11{padding:var(--primitive-padding-size-11)}.padding-size-12{padding:var(--primitive-padding-size-12)}.padding-size-13{padding:var(--primitive-padding-size-13)}.padding-size-14{padding:var(--primitive-padding-size-14)}.padding-size-15{padding:var(--primitive-padding-size-15)}.padding-size-16{padding:var(--primitive-padding-size-16)}.padding-size-17{padding:var(--primitive-padding-size-17)}.padding-size-18{padding:var(--primitive-padding-size-18)}.padding-size-19{padding:var(--primitive-padding-size-19)}.padding-size-20{padding:var(--primitive-padding-size-20)}.padding-size-21{padding:var(--primitive-padding-size-21)}.padding-size-22{padding:var(--primitive-padding-size-22)}.padding-size-23{padding:var(--primitive-padding-size-23)}.padding-size-24{padding:var(--primitive-padding-size-24)}.padding-size-25{padding:var(--primitive-padding-size-25)}:host{display:inline-block}.cw-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible;border-radius:var(--primitive-radius-full, 9999px);background:var(--cw-avatar-bg, #f3f4f6)}.cw-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.cw-avatar-status{--cw-avatar-status-size: 16px;--cw-avatar-status-border: 3px;--cw-avatar-status-offset-x: -6px;--cw-avatar-status-offset-y: -6px;position:absolute;top:var(--cw-avatar-status-offset-y);right:var(--cw-avatar-status-offset-x);width:var(--cw-avatar-status-size);height:var(--cw-avatar-status-size);border-radius:50%;display:inline-block;box-sizing:border-box;border:var(--cw-avatar-status-border) solid var(--color-stroke-inverse, #ffffff)}.cw-avatar-status.active{background:var(--color-fill-feedback-success-bold, #3d9900)}.cw-avatar-status.inactive{background:var(--color-fill-feedback-neutral, #e5e7eb)}.cw-avatar-wrapper{display:inline-flex;align-items:center;gap:8px}.cw-avatar-wrapper.cw-avatar--only{justify-content:center}.cw-avatar-wrapper.cw-avatar--align-left{flex-direction:row-reverse}.cw-avatar-text{display:flex;flex-direction:column;justify-content:center}.cw-avatar-role{font-family:Inter,sans-serif;font-weight:var(--primitive-font-weight-6);font-size:var(--primitive-font-size-body-3);line-height:var(--primitive-line-height-3);color:#1f2937}.cw-avatar-name{font-family:Inter,sans-serif;font-weight:var(--primitive-font-weight-4);font-size:14px;line-height:var(--primitive-line-height-3);color:#1f2937}.cw-avatar-wrapper.cw-avatar--align-left .cw-avatar-text{text-align:right}.cw-avatar-text{text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrystalAvatar, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'cw-avatar', standalone: true, imports: [CommonModule], template: "<div class=\"cw-avatar-wrapper\"\n [class.cw-avatar--only]=\"!(name() || cargo())\"\n [class.cw-avatar--align-left]=\"align() === 'left'\">\n\n <div class=\"cw-avatar\" [style.width.px]=\"size()\" [style.height.px]=\"size()\">\n @if (src()) {\n <img [src]=\"src()\" alt=\"Avatar\" />\n }\n @if (status()) {\n <span class=\"cw-avatar-status\" \n [class.active]=\"status() === 'active'\" \n [class.inactive]=\"status() === 'inactive'\"></span>\n }\n </div>\n\n @if (name() || cargo()) {\n <div class=\"cw-avatar-text\">\n @if (cargo()) {\n <div class=\"cw-avatar-role\">{{ cargo() }}</div>\n }\n @if (name()) {\n <div class=\"cw-avatar-name\">{{ name() }}</div>\n }\n </div>\n }\n\n</div>\n", styles: [":root{--primitive-color-blue-100: #e7ecfd;--primitive-color-blue-200: #ced9fa;--primitive-color-blue-300: #9db3f6;--primitive-color-blue-400: #6d8cf1;--primitive-color-blue-500: #3c66ed;--primitive-color-blue-600: #1545de;--primitive-color-blue-700: #1137b2;--primitive-color-blue-800: #0d2985;--primitive-color-blue-900: #081c59;--primitive-color-blue-1000: #040e2c;--primitive-color-jade-100: #f2f8f4;--primitive-color-jade-200: #e4f0e9;--primitive-color-jade-300: #c6e0d0;--primitive-color-jade-400: #a1cfb4;--primitive-color-jade-500: #72bd93;--primitive-color-jade-600: #00a868;--primitive-color-jade-700: #00965d;--primitive-color-jade-800: #008251;--primitive-color-jade-900: #006a42;--primitive-color-jade-1000: #004b2f;--primitive-color-gray-100: #f9fafb;--primitive-color-gray-200: #f3f4f6;--primitive-color-gray-300: #e5e7eb;--primitive-color-gray-400: #d1d5db;--primitive-color-gray-500: #9ca3af;--primitive-color-gray-600: #6b7280;--primitive-color-gray-700: #4b5563;--primitive-color-gray-800: #374151;--primitive-color-gray-900: #1f2937;--primitive-color-gray-1000: #111827;--primitive-color-gray-1100: #030712;--primitive-color-neutral-100: #fafafa;--primitive-color-neutral-200: #f5f5f5;--primitive-color-neutral-300: #e5e5e5;--primitive-color-neutral-400: #d4d4d4;--primitive-color-neutral-500: #a3a3a3;--primitive-color-neutral-600: #737373;--primitive-color-neutral-700: #525252;--primitive-color-neutral-800: #404040;--primitive-color-neutral-900: #262626;--primitive-color-neutral-1000: #171717;--primitive-color-neutral-1100: #0a0a0a;--primitive-color-red-100: #fae1e1;--primitive-color-red-200: #f7cccc;--primitive-color-red-300: #f0a1a1;--primitive-color-red-400: #e97777;--primitive-color-red-500: #e24c4c;--primitive-color-red-600: #da2323;--primitive-color-red-700: #ae1c1c;--primitive-color-red-800: #831515;--primitive-color-red-900: #570e0e;--primitive-color-red-1000: #2c0707;--primitive-color-green-100: #f3f7f2;--primitive-color-green-200: #e6eee4;--primitive-color-green-300: #c9dcc6;--primitive-color-green-400: #a8c8a1;--primitive-color-green-500: #7eb272;--primitive-color-green-600: #3d9900;--primitive-color-green-700: #378900;--primitive-color-green-800: #2f7700;--primitive-color-green-900: #276100;--primitive-color-green-1000: #1b4400;--primitive-color-amber-100: #fef3e2;--primitive-color-amber-200: #fdeaca;--primitive-color-amber-300: #fbd799;--primitive-color-amber-400: #f9c369;--primitive-color-amber-500: #f7b039;--primitive-color-amber-600: #f59e0b;--primitive-color-amber-700: #c37d08;--primitive-color-amber-800: #925e06;--primitive-color-amber-900: #613f04;--primitive-color-amber-1000: #311f02;--primitive-color-orange-100: #fdf0e7;--primitive-color-orange-200: #fae1cf;--primitive-color-orange-300: #f6c29e;--primitive-color-orange-400: #f1a46e;--primitive-color-orange-500: #ed863d;--primitive-color-orange-600: #e06915;--primitive-color-orange-700: #b35411;--primitive-color-orange-800: #863f0d;--primitive-color-orange-900: #5a2a08;--primitive-color-orange-1000: #2d1504;--primitive-color-violet-100: #f2e7fd;--primitive-color-violet-200: #e5cffa;--primitive-color-violet-300: #cc9ef6;--primitive-color-violet-400: #b26ef1;--primitive-color-violet-500: #983ded;--primitive-color-violet-600: #7e15e0;--primitive-color-violet-700: #6511b3;--primitive-color-violet-800: #4c0d86;--primitive-color-violet-900: #32085a;--primitive-color-violet-1000: #19042d;--primitive-color-cyan-100: #d1f6fe;--primitive-color-cyan-200: #aaf0fc;--primitive-color-cyan-300: #84eaf8;--primitive-color-cyan-400: #5fe5f3;--primitive-color-cyan-500: #3ce1ed;--primitive-color-cyan-600: #18d5e3;--primitive-color-cyan-700: #16acb7;--primitive-color-cyan-800: #13848c;--primitive-color-cyan-900: #0f5d62;--primitive-color-cyan-950: #0a373a;--primitive-color-aquamarine-100: #d1fef5;--primitive-color-aquamarine-200: #a9fcea;--primitive-color-aquamarine-300: #83f8de;--primitive-color-aquamarine-400: #5ef3d1;--primitive-color-aquamarine-500: #3bedc3;--primitive-color-aquamarine-600: #18e3b0;--primitive-color-aquamarine-700: #15b78c;--primitive-color-aquamarine-800: #128c6a;--primitive-color-aquamarine-900: #0e634a;--primitive-color-aquamarine-950: #093a2b;--primitive-color-magenta-100: #fed1ec;--primitive-color-magenta-200: #fca9da;--primitive-color-magenta-300: #f883c6;--primitive-color-magenta-400: #f35eb3;--primitive-color-magenta-500: #ed3b9e;--primitive-color-magenta-600: #e3188b;--primitive-color-magenta-700: #b71573;--primitive-color-magenta-800: #8c125a;--primitive-color-magenta-900: #630e41;--primitive-color-magenta-1000: #3a0927}.color-blue-100{color:var(--primitive-color-blue-100)}.color-blue-200{color:var(--primitive-color-blue-200)}.color-blue-300{color:var(--primitive-color-blue-300)}.color-blue-400{color:var(--primitive-color-blue-400)}.color-blue-500{color:var(--primitive-color-blue-500)}.color-blue-600{color:var(--primitive-color-blue-600)}.color-blue-700{color:var(--primitive-color-blue-700)}.color-blue-800{color:var(--primitive-color-blue-800)}.color-blue-900{color:var(--primitive-color-blue-900)}.color-blue-1000{color:var(--primitive-color-blue-1000)}.color-jade-100{color:var(--primitive-color-jade-100)}.color-jade-200{color:var(--primitive-color-jade-200)}.color-jade-300{color:var(--primitive-color-jade-300)}.color-jade-400{color:var(--primitive-color-jade-400)}.color-jade-500{color:var(--primitive-color-jade-500)}.color-jade-600{color:var(--primitive-color-jade-600)}.color-jade-700{color:var(--primitive-color-jade-700)}.color-jade-800{color:var(--primitive-color-jade-800)}.color-jade-900{color:var(--primitive-color-jade-900)}.color-jade-1000{color:var(--primitive-color-jade-1000)}.color-gray-100{color:var(--primitive-color-gray-100)}.color-gray-200{color:var(--primitive-color-gray-200)}.color-gray-300{color:var(--primitive-color-gray-300)}.color-gray-400{color:var(--primitive-color-gray-400)}.color-gray-500{color:var(--primitive-color-gray-500)}.color-gray-600{color:var(--primitive-color-gray-600)}.color-gray-700{color:var(--primitive-color-gray-700)}.color-gray-800{color:var(--primitive-color-gray-800)}.color-gray-900{color:var(--primitive-color-gray-900)}.color-gray-1000{color:var(--primitive-color-gray-1000)}.color-gray-1100{color:var(--primitive-color-gray-1100)}.color-neutral-100{color:var(--primitive-color-neutral-100)}.color-neutral-200{color:var(--primitive-color-neutral-200)}.color-neutral-300{color:var(--primitive-color-neutral-300)}.color-neutral-400{color:var(--primitive-color-neutral-400)}.color-neutral-500{color:var(--primitive-color-neutral-500)}.color-neutral-600{color:var(--primitive-color-neutral-600)}.color-neutral-700{color:var(--primitive-color-neutral-700)}.color-neutral-800{color:var(--primitive-color-neutral-800)}.color-neutral-900{color:var(--primitive-color-neutral-900)}.color-neutral-1000{color:var(--primitive-color-neutral-1000)}.color-neutral-1100{color:var(--primitive-color-neutral-1100)}.color-red-100{color:var(--primitive-color-red-100)}.color-red-200{color:var(--primitive-color-red-200)}.color-red-300{color:var(--primitive-color-red-300)}.color-red-400{color:var(--primitive-color-red-400)}.color-red-500{color:var(--primitive-color-red-500)}.color-red-600{color:var(--primitive-color-red-600)}.color-red-700{color:var(--primitive-color-red-700)}.color-red-800{color:var(--primitive-color-red-800)}.color-red-900{color:var(--primitive-color-red-900)}.color-red-1000{color:var(--primitive-color-red-1000)}.color-green-100{color:var(--primitive-color-green-100)}.color-green-200{color:var(--primitive-color-green-200)}.color-green-300{color:var(--primitive-color-green-300)}.color-green-400{color:var(--primitive-color-green-400)}.color-green-500{color:var(--primitive-color-green-500)}.color-green-600{color:var(--primitive-color-green-600)}.color-green-700{color:var(--primitive-color-green-700)}.color-green-800{color:var(--primitive-color-green-800)}.color-green-900{color:var(--primitive-color-green-900)}.color-green-1000{color:var(--primitive-color-green-1000)}.color-amber-100{color:var(--primitive-color-amber-100)}.color-amber-200{color:var(--primitive-color-amber-200)}.color-amber-300{color:var(--primitive-color-amber-300)}.color-amber-400{color:var(--primitive-color-amber-400)}.color-amber-500{color:var(--primitive-color-amber-500)}.color-amber-600{color:var(--primitive-color-amber-600)}.color-amber-700{color:var(--primitive-color-amber-700)}.color-amber-800{color:var(--primitive-color-amber-800)}.color-amber-900{color:var(--primitive-color-amber-900)}.color-amber-1000{color:var(--primitive-color-amber-1000)}.color-orange-100{color:var(--primitive-color-orange-100)}.color-orange-200{color:var(--primitive-color-orange-200)}.color-orange-300{color:var(--primitive-color-orange-300)}.color-orange-400{color:var(--primitive-color-orange-400)}.color-orange-500{color:var(--primitive-color-orange-500)}.color-orange-600{color:var(--primitive-color-orange-600)}.color-orange-700{color:var(--primitive-color-orange-700)}.color-orange-800{color:var(--primitive-color-orange-800)}.color-orange-900{color:var(--primitive-color-orange-900)}.color-orange-1000{color:var(--primitive-color-orange-1000)}.color-violet-100{color:var(--primitive-color-violet-100)}.color-violet-200{color:var(--primitive-color-violet-200)}.color-violet-300{color:var(--primitive-color-violet-300)}.color-violet-400{color:var(--primitive-color-violet-400)}.color-violet-500{color:var(--primitive-color-violet-500)}.color-violet-600{color:var(--primitive-color-violet-600)}.color-violet-700{color:var(--primitive-color-violet-700)}.color-violet-800{color:var(--primitive-color-violet-800)}.color-violet-900{color:var(--primitive-color-violet-900)}.color-violet-1000{color:var(--primitive-color-violet-1000)}.color-cyan-100{color:var(--primitive-color-cyan-100)}.color-cyan-200{color:var(--primitive-color-cyan-200)}.color-cyan-300{color:var(--primitive-color-cyan-300)}.color-cyan-400{color:var(--primitive-color-cyan-400)}.color-cyan-500{color:var(--primitive-color-cyan-500)}.color-cyan-600{color:var(--primitive-color-cyan-600)}.color-cyan-700{color:var(--primitive-color-cyan-700)}.color-cyan-800{color:var(--primitive-color-cyan-800)}.color-cyan-900{color:var(--primitive-color-cyan-900)}.color-cyan-950{color:var(--primitive-color-cyan-950)}.color-aquamarine-100{color:var(--primitive-color-aquamarine-100)}.color-aquamarine-200{color:var(--primitive-color-aquamarine-200)}.color-aquamarine-300{color:var(--primitive-color-aquamarine-300)}.color-aquamarine-400{color:var(--primitive-color-aquamarine-400)}.color-aquamarine-500{color:var(--primitive-color-aquamarine-500)}.color-aquamarine-600{color:var(--primitive-color-aquamarine-600)}.color-aquamarine-700{color:var(--primitive-color-aquamarine-700)}.color-aquamarine-800{color:var(--primitive-color-aquamarine-800)}.color-aquamarine-900{color:var(--primitive-color-aquamarine-900)}.color-aquamarine-950{color:var(--primitive-color-aquamarine-950)}.color-magenta-100{color:var(--primitive-color-magenta-100)}.color-magenta-200{color:var(--primitive-color-magenta-200)}.color-magenta-300{color:var(--primitive-color-magenta-300)}.color-magenta-400{color:var(--primitive-color-magenta-400)}.color-magenta-500{color:var(--primitive-color-magenta-500)}.color-magenta-600{color:var(--primitive-color-magenta-600)}.color-magenta-700{color:var(--primitive-color-magenta-700)}.color-magenta-800{color:var(--primitive-color-magenta-800)}.color-magenta-900{color:var(--primitive-color-magenta-900)}.color-magenta-1000{color:var(--primitive-color-magenta-1000)}:root{--primitive-radius-0: 0px;--primitive-radius-1: 4px;--primitive-radius-2: 8px;--primitive-radius-3: 12px;--primitive-radius-4: 16px;--primitive-radius-5: 20px;--primitive-radius-full: 9999px;--primitive-stroke-0: 0px;--primitive-stroke-1: 1px;--primitive-stroke-2: 2px;--primitive-stroke-3: 3px;--primitive-stroke-4: 4px;--primitive-opacity-0: 0;--primitive-opacity-1: .1;--primitive-opacity-2: .2;--primitive-opacity-3: .3;--primitive-opacity-4: .4;--primitive-opacity-5: .5;--primitive-opacity-6: .6;--primitive-opacity-7: .7;--primitive-opacity-8: .8;--primitive-opacity-9: .9;--primitive-opacity-10: 1;--primitive-shadow-x-small: 0px, 1px, 2px, 0px, rgba(31, 41, 55, .07);--primitive-shadow-small: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07);--primitive-shadow-medium: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07);--primitive-shadow-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07);--primitive-shadow-x-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07), 0px 16px 32px 0px rgba(17, 55, 178, .07);--primitive-shadow-xx-large: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07), 0px 4px 8px 0px rgba(31, 41, 55, .07), 0px 8px 16px 0px rgba(31, 41, 55, .07), 0px 16px 32px 0px rgba(31, 41, 55, .07), 0px 32px 64px 0px rgba(31, 41, 55, .07)}.radius-0{border-radius:var(--primitive-radius-0)}.radius-1{border-radius:var(--primitive-radius-1)}.radius-2{border-radius:var(--primitive-radius-2)}.radius-3{border-radius:var(--primitive-radius-3)}.radius-4{border-radius:var(--primitive-radius-4)}.radius-5{border-radius:var(--primitive-radius-5)}.radius-full{border-radius:var(--primitive-radius-full)}.stroke-0{border-width:var(--primitive-stroke-0)}.stroke-1{border-width:var(--primitive-stroke-1)}.stroke-2{border-width:var(--primitive-stroke-2)}.stroke-3{border-width:var(--primitive-stroke-3)}.stroke-4{border-width:var(--primitive-stroke-4)}.opacity-0{opacity:var(--primitive-opacity-0)}.opacity-1{opacity:var(--primitive-opacity-1)}.opacity-2{opacity:var(--primitive-opacity-2)}.opacity-3{opacity:var(--primitive-opacity-3)}.opacity-4{opacity:var(--primitive-opacity-4)}.opacity-5{opacity:var(--primitive-opacity-5)}.opacity-6{opacity:var(--primitive-opacity-6)}.opacity-7{opacity:var(--primitive-opacity-7)}.opacity-8{opacity:var(--primitive-opacity-8)}.opacity-9{opacity:var(--primitive-opacity-9)}.opacity-10{opacity:var(--primitive-opacity-10)}.shadow-x-small{box-shadow:var(--primitive-shadow-x-small)}.shadow-small{box-shadow:var(--primitive-shadow-small)}.shadow-medium{box-shadow:var(--primitive-shadow-medium)}.shadow-large{box-shadow:var(--primitive-shadow-large)}.shadow-x-large{box-shadow:var(--primitive-shadow-x-large)}.shadow-xx-large{box-shadow:var(--primitive-shadow-xx-large)}:root{--primitive-font-family-title: Inter SemiBold, sans-serif;--primitive-font-family-body: Inter, sans-serif;--primitive-font-weight-1: 100;--primitive-font-weight-2: 200;--primitive-font-weight-3: 300;--primitive-font-weight-4: 400;--primitive-font-weight-5: 500;--primitive-font-weight-6: 600;--primitive-font-weight-7: 700;--primitive-font-weight-8: 800;--primitive-font-weight-9: 900;--primitive-font-size-title-1: 16px;--primitive-font-size-title-2: 18px;--primitive-font-size-title-3: 20px;--primitive-font-size-title-4: 24px;--primitive-font-size-title-5: 28px;--primitive-font-size-title-6: 32px;--primitive-font-size-body-1: 10px;--primitive-font-size-body-2: 12px;--primitive-font-size-body-3: 14px;--primitive-font-size-body-4: 16px;--primitive-font-size-body-5: 18px;--primitive-line-height-title-1: calc(var(--primitive-font-size-title-1) * 1.3);--primitive-line-height-title-2: calc(var(--primitive-font-size-title-2) * 1.3);--primitive-line-height-title-3: calc(var(--primitive-font-size-title-3) * 1.3);--primitive-line-height-title-4: calc(var(--primitive-font-size-title-4) * 1.3);--primitive-line-height-title-5: calc(var(--primitive-font-size-title-5) * 1.3);--primitive-line-height-title-6: calc(var(--primitive-font-size-title-6) * 1.3);--primitive-line-height-title-7: calc(var(--primitive-font-size-title-7) * 1.3);--primitive-line-height-title-8: calc(var(--primitive-font-size-title-8) * 1.3);--primitive-line-height-body-1: calc(var(--primitive-font-size-body-1) * 1.5);--primitive-line-height-body-2: calc(var(--primitive-font-size-body-2) * 1.5);--primitive-line-height-body-3: calc(var(--primitive-font-size-body-3) * 1.5);--primitive-line-height-body-4: calc(var(--primitive-font-size-body-4) * 1.5);--primitive-line-height-body-5: calc(var(--primitive-font-size-body-5) * 1.5);--primitive-heading-h1-font-family: Inter SemiBold, sans-serif;--primitive-heading-h1-font-weight: var(--primitive-font-weight-6);--primitive-heading-h1-font-size: var(--primitive-font-size-title-6);--primitive-heading-h1-line-height: var(--primitive-line-height-title-6);--primitive-heading-h2-font-family: Inter SemiBold, sans-serif;--primitive-heading-h2-font-weight: var(--primitive-font-weight-6);--primitive-heading-h2-font-size: var(--primitive-font-size-title-5);--primitive-heading-h2-line-height: var(--primitive-line-height-title-5);--primitive-heading-h3-font-family: Inter SemiBold, sans-serif;--primitive-heading-h3-font-weight: var(--primitive-font-weight-6);--primitive-heading-h3-font-size: var(--primitive-font-size-title-4);--primitive-heading-h3-line-height: var(--primitive-line-height-title-4);--primitive-heading-h4-font-family: Inter SemiBold, sans-serif;--primitive-heading-h4-font-weight: var(--primitive-font-weight-6);--primitive-heading-h4-font-size: var(--primitive-font-size-title-3);--primitive-heading-h4-line-height: var(--primitive-line-height-title-3);--primitive-heading-h5-font-family: Inter SemiBold, sans-serif;--primitive-heading-h5-font-weight: var(--primitive-font-weight-6);--primitive-heading-h5-font-size: var(--primitive-font-size-title-2);--primitive-heading-h5-line-height: var(--primitive-line-height-title-2);--primitive-heading-h6-font-family: Inter SemiBold, sans-serif;--primitive-heading-h6-font-weight: var(--primitive-font-weight-6);--primitive-heading-h6-font-size: var(--primitive-font-size-title-1);--primitive-heading-h6-line-height: var(--primitive-line-height-title-1);--primitive-label-large-font-family: Inter, sans-serif;--primitive-label-large-font-weight: 500;--primitive-label-large-font-size: 18px;--primitive-label-large-line-height: 24px;--primitive-label-medium-font-family: Inter, sans-serif;--primitive-label-medium-font-weight: 500;--primitive-label-medium-font-size: 16px;--primitive-label-medium-line-height: 18px;--primitive-label-small-font-family: Inter, sans-serif;--primitive-label-small-font-weight: 500;--primitive-label-small-font-size: 14px;--primitive-label-small-line-height: 16px;--primitive-label-uppercase-font-family: Inter, sans-serif;--primitive-label-uppercase-font-weight: 500;--primitive-label-uppercase-font-size: 18px;--primitive-label-uppercase-line-height: 24px;--primitive-label-uppercase-text-transform: uppercase;--primitive-label-underline-font-family: Inter, sans-serif;--primitive-label-underline-font-weight: 500;--primitive-label-underline-font-size: 16px;--primitive-label-underline-line-height: 18px;--primitive-label-underline-text-decoration: underline;--primitive-label-strike-font-family: Inter, sans-serif;--primitive-label-strike-font-weight: 500;--primitive-label-strike-font-size: 14px;--primitive-label-strike-line-height: 16px;--primitive-label-strike-text-decoration: line-through;--primitive-paragraph-large-font-family: Inter, sans-serif;--primitive-paragraph-large-font-weight: 400;--primitive-paragraph-large-font-size: 18px;--primitive-paragraph-large-line-height: 28px;--primitive-paragraph-medium-font-family: Inter, sans-serif;--primitive-paragraph-medium-font-weight: 400;--primitive-paragraph-medium-font-size: 16px;--primitive-paragraph-medium-line-height: 24px;--primitive-paragraph-small-font-family: Inter, sans-serif;--primitive-paragraph-small-font-weight: 400;--primitive-paragraph-small-font-size: 14px;--primitive-paragraph-small-line-height: 20px;--primitive-paragraph-uppercase-font-family: Inter, sans-serif;--primitive-paragraph-uppercase-font-weight: 400;--primitive-paragraph-uppercase-font-size: 18px;--primitive-paragraph-uppercase-line-height: 28px;--primitive-paragraph-uppercase-text-transform: uppercase;--primitive-paragraph-underline-font-family: Inter, sans-serif;--primitive-paragraph-underline-font-weight: 400;--primitive-paragraph-underline-font-size: 16px;--primitive-paragraph-underline-line-height: 24px;--primitive-paragraph-underline-text-decoration: underline;--primitive-paragraph-strikethrough-font-family: Inter, sans-serif;--primitive-paragraph-strikethrough-font-weight: 400;--primitive-paragraph-strikethrough-font-size: 14px;--primitive-paragraph-strikethrough-line-height: 20px;--primitive-paragraph-strikethrough-text-decoration: line-through;--primitive-caption-large-font-family: Inter, sans-serif;--primitive-caption-large-font-weight: 600;--primitive-caption-large-font-size: 12px;--primitive-caption-large-line-height: 20px;--primitive-caption-regular-font-family: Inter, sans-serif;--primitive-caption-regular-font-weight: 400;--primitive-caption-regular-font-size: 12px;--primitive-caption-regular-line-height: 20px;--primitive-caption-uppercase-font-family: Inter, sans-serif;--primitive-caption-uppercase-font-weight: 600;--primitive-caption-uppercase-font-size: 12px;--primitive-caption-uppercase-line-height: 20px;--primitive-caption-uppercase-text-transform: uppercase;--primitive-caption-underline-font-family: Inter, sans-serif;--primitive-caption-underline-font-weight: 400;--primitive-caption-underline-font-size: 12px;--primitive-caption-underline-line-height: 20px;--primitive-caption-underline-text-decoration: underline;--primitive-caption-strikethrough-font-family: Inter, sans-serif;--primitive-caption-strikethrough-font-weight: 400;--primitive-caption-strikethrough-font-size: 12px;--primitive-caption-strikethrough-line-height: 20px;--primitive-caption-strikethrough-text-decoration: line-through}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.font-size-title-1{font-size:16px}.font-size-title-2{font-size:18px}.font-size-title-3{font-size:20px}.font-size-title-4{font-size:24px}.font-size-title-5{font-size:28px}.font-size-title-6{font-size:32px}.font-size-body-1{font-size:10px}.font-size-body-2{font-size:12px}.font-size-body-3{font-size:14px}.font-size-body-4{font-size:16px}.font-size-body-5{font-size:18px}.line-height-title-1{line-height:calc(var(--primitive-font-size-title-1) * 1.3)}.line-height-title-2{line-height:calc(var(--primitive-font-size-title-2) * 1.3)}.line-height-title-3{line-height:calc(var(--primitive-font-size-title-3) * 1.3)}.line-height-title-4{line-height:calc(var(--primitive-font-size-title-4) * 1.3)}.line-height-title-5{line-height:calc(var(--primitive-font-size-title-5) * 1.3)}.line-height-title-6{line-height:calc(var(--primitive-font-size-title-6) * 1.3)}.line-height-title-7{line-height:calc(var(--primitive-font-size-title-7) * 1.3)}.line-height-title-8{line-height:calc(var(--primitive-font-size-title-8) * 1.3)}.line-height-body-1{line-height:calc(var(--primitive-font-size-body-1) * 1.5)}.line-height-body-2{line-height:calc(var(--primitive-font-size-body-2) * 1.5)}.line-height-body-3{line-height:calc(var(--primitive-font-size-body-3) * 1.5)}.line-height-body-4{line-height:calc(var(--primitive-font-size-body-4) * 1.5)}.line-height-body-5{line-height:calc(var(--primitive-font-size-body-5) * 1.5)}.heading-h1{font-family:var(--primitive-heading-h1-font-family);font-weight:var(--primitive-heading-h1-font-weight);font-size:var(--primitive-heading-h1-font-size);line-height:var(--primitive-heading-h1-line-height)}.heading-h2{font-family:var(--primitive-heading-h2-font-family);font-weight:var(--primitive-heading-h2-font-weight);font-size:var(--primitive-heading-h2-font-size);line-height:var(--primitive-heading-h2-line-height)}.heading-h3{font-family:var(--primitive-heading-h3-font-family);font-weight:var(--primitive-heading-h3-font-weight);font-size:var(--primitive-heading-h3-font-size);line-height:var(--primitive-heading-h3-line-height)}.heading-h4{font-family:var(--primitive-heading-h4-font-family);font-weight:var(--primitive-heading-h4-font-weight);font-size:var(--primitive-heading-h4-font-size);line-height:var(--primitive-heading-h4-line-height)}.heading-h5{font-family:var(--primitive-heading-h5-font-family);font-weight:var(--primitive-heading-h5-font-weight);font-size:var(--primitive-heading-h5-font-size);line-height:var(--primitive-heading-h5-line-height)}.heading-h6{font-family:var(--primitive-heading-h6-font-family);font-weight:var(--primitive-heading-h6-font-weight);font-size:var(--primitive-heading-h6-font-size);line-height:var(--primitive-heading-h6-line-height)}.label-large{font-family:var(--primitive-label-large-font-family);font-weight:var(--primitive-label-large-font-weight);font-size:var(--primitive-label-large-font-size);line-height:var(--primitive-label-large-line-height)}.label-medium{font-family:var(--primitive-label-medium-font-family);font-weight:var(--primitive-label-medium-font-weight);font-size:var(--primitive-label-medium-font-size);line-height:var(--primitive-label-medium-line-height)}.label-small{font-family:var(--primitive-label-small-font-family);font-weight:var(--primitive-label-small-font-weight);font-size:var(--primitive-label-small-font-size);line-height:var(--primitive-label-small-line-height)}.label-uppercase{font-family:var(--primitive-label-uppercase-font-family);font-weight:var(--primitive-label-uppercase-font-weight);font-size:var(--primitive-label-uppercase-font-size);line-height:var(--primitive-label-uppercase-line-height);text-transform:var(--primitive-label-uppercase-text-transform)}.label-underline{font-family:var(--primitive-label-underline-font-family);font-weight:var(--primitive-label-underline-font-weight);font-size:var(--primitive-label-underline-font-size);line-height:var(--primitive-label-underline-line-height);text-decoration:var(--primitive-label-underline-text-decoration)}.label-strike{font-family:var(--primitive-label-strike-font-family);font-weight:var(--primitive-label-strike-font-weight);font-size:var(--primitive-label-strike-font-size);line-height:var(--primitive-label-strike-line-height);text-decoration:var(--primitive-label-strike-text-decoration)}.paragraph-large{font-family:var(--primitive-paragraph-large-font-family);font-weight:var(--primitive-paragraph-large-font-weight);font-size:var(--primitive-paragraph-large-font-size);line-height:var(--primitive-paragraph-large-line-height)}.paragraph-medium{font-family:var(--primitive-paragraph-medium-font-family);font-weight:var(--primitive-paragraph-medium-font-weight);font-size:var(--primitive-paragraph-medium-font-size);line-height:var(--primitive-paragraph-medium-line-height)}.paragraph-small{font-family:var(--primitive-paragraph-small-font-family);font-weight:var(--primitive-paragraph-small-font-weight);font-size:var(--primitive-paragraph-small-font-size);line-height:var(--primitive-paragraph-small-line-height)}.paragraph-uppercase{font-family:var(--primitive-paragraph-uppercase-font-family);font-weight:var(--primitive-paragraph-uppercase-font-weight);font-size:var(--primitive-paragraph-uppercase-font-size);line-height:var(--primitive-paragraph-uppercase-line-height);text-transform:var(--primitive-paragraph-uppercase-text-transform)}.paragraph-underline{font-family:var(--primitive-paragraph-underline-font-family);font-weight:var(--primitive-paragraph-underline-font-weight);font-size:var(--primitive-paragraph-underline-font-size);line-height:var(--primitive-paragraph-underline-line-height);text-decoration:var(--primitive-paragraph-underline-text-decoration)}.paragraph-strikethrough{font-family:var(--primitive-paragraph-strikethrough-font-family);font-weight:var(--primitive-paragraph-strikethrough-font-weight);font-size:var(--primitive-paragraph-strikethrough-font-size);line-height:var(--primitive-paragraph-strikethrough-line-height);text-decoration:var(--primitive-paragraph-strikethrough-text-decoration)}.caption-large{font-family:var(--primitive-caption-large-font-family);font-weight:var(--primitive-caption-large-font-weight);font-size:var(--primitive-caption-large-font-size);line-height:var(--primitive-caption-large-line-height)}.caption-regular{font-family:var(--primitive-caption-regular-font-family);font-weight:var(--primitive-caption-regular-font-weight);font-size:var(--primitive-caption-regular-font-size);line-height:var(--primitive-caption-regular-line-height)}.caption-uppercase{font-family:var(--primitive-caption-uppercase-font-family);font-weight:var(--primitive-caption-uppercase-font-weight);font-size:var(--primitive-caption-uppercase-font-size);line-height:var(--primitive-caption-uppercase-line-height);text-transform:var(--primitive-caption-uppercase-text-transform)}.caption-underline{font-family:var(--primitive-caption-underline-font-family);font-weight:var(--primitive-caption-underline-font-weight);font-size:var(--primitive-caption-underline-font-size);line-height:var(--primitive-caption-underline-line-height);text-decoration:var(--primitive-caption-underline-text-decoration)}.caption-strikethrough{font-family:var(--primitive-caption-strikethrough-font-family);font-weight:var(--primitive-caption-strikethrough-font-weight);font-size:var(--primitive-caption-strikethrough-font-size);line-height:var(--primitive-caption-strikethrough-line-height);text-decoration:var(--primitive-caption-strikethrough-text-decoration)}html{font-size:14px}body{font-size:14px;font-family:Inter,sans-serif}:root{--primitive-dimension-0: 0px;--primitive-dimension-1: 1px;--primitive-dimension-2: 2px;--primitive-dimension-3: 4px;--primitive-dimension-4: 8px;--primitive-dimension-5: 12px;--primitive-dimension-6: 16px;--primitive-dimension-7: 20px;--primitive-dimension-8: 24px;--primitive-dimension-9: 28px;--primitive-dimension-10: 32px;--primitive-dimension-11: 36px;--primitive-dimension-12: 40px;--primitive-dimension-13: 44px;--primitive-dimension-14: 48px;--primitive-dimension-15: 52px;--primitive-dimension-16: 56px;--primitive-dimension-17: 60px;--primitive-dimension-18: 64px;--primitive-dimension-19: 68px;--primitive-dimension-20: 72px;--primitive-dimension-21: 76px;--primitive-dimension-22: 80px;--primitive-dimension-23: 100px;--primitive-dimension-24: 120px;--primitive-dimension-25: 140px;--primitive-padding-size-0: 0rem;--primitive-padding-size-1: .0714285714rem;--primitive-padding-size-2: .1428571429rem;--primitive-padding-size-3: .2857142857rem;--primitive-padding-size-4: .5714285714rem;--primitive-padding-size-5: .8571428571rem;--primitive-padding-size-6: 1.1428571429rem;--primitive-padding-size-7: 1.4285714286rem;--primitive-padding-size-8: 1.7142857143rem;--primitive-padding-size-9: 2rem;--primitive-padding-size-10: 2.2857142857rem;--primitive-padding-size-11: 2.5714285714rem;--primitive-padding-size-12: 2.8571428571rem;--primitive-padding-size-13: 3.1428571429rem;--primitive-padding-size-14: 3.4285714286rem;--primitive-padding-size-15: 3.7142857143rem;--primitive-padding-size-16: 4rem;--primitive-padding-size-17: 4.2857142857rem;--primitive-padding-size-18: 4.5714285714rem;--primitive-padding-size-19: 4.8571428571rem;--primitive-padding-size-20: 5.1428571429rem;--primitive-padding-size-21: 5.4285714286rem;--primitive-padding-size-22: 5.7142857143rem;--primitive-padding-size-23: 7.1428571429rem;--primitive-padding-size-24: 8.5714285714rem;--primitive-padding-size-25: 10rem}.dimension-0{gap:var(--primitive-dimension-0)}.dimension-1{gap:var(--primitive-dimension-1)}.dimension-2{gap:var(--primitive-dimension-2)}.dimension-3{gap:var(--primitive-dimension-3)}.dimension-4{gap:var(--primitive-dimension-4)}.dimension-5{gap:var(--primitive-dimension-5)}.dimension-6{gap:var(--primitive-dimension-6)}.dimension-7{gap:var(--primitive-dimension-7)}.dimension-8{gap:var(--primitive-dimension-8)}.dimension-9{gap:var(--primitive-dimension-9)}.dimension-10{gap:var(--primitive-dimension-10)}.dimension-11{gap:var(--primitive-dimension-11)}.dimension-12{gap:var(--primitive-dimension-12)}.dimension-13{gap:var(--primitive-dimension-13)}.dimension-14{gap:var(--primitive-dimension-14)}.dimension-15{gap:var(--primitive-dimension-15)}.dimension-16{gap:var(--primitive-dimension-16)}.dimension-17{gap:var(--primitive-dimension-17)}.dimension-18{gap:var(--primitive-dimension-18)}.dimension-19{gap:var(--primitive-dimension-19)}.dimension-20{gap:var(--primitive-dimension-20)}.dimension-21{gap:var(--primitive-dimension-21)}.dimension-22{gap:var(--primitive-dimension-22)}.dimension-23{gap:var(--primitive-dimension-23)}.dimension-24{gap:var(--primitive-dimension-24)}.dimension-25{gap:var(--primitive-dimension-25)}.padding-size-0{padding:var(--primitive-padding-size-0)}.padding-size-1{padding:var(--primitive-padding-size-1)}.padding-size-2{padding:var(--primitive-padding-size-2)}.padding-size-3{padding:var(--primitive-padding-size-3)}.padding-size-4{padding:var(--primitive-padding-size-4)}.padding-size-5{padding:var(--primitive-padding-size-5)}.padding-size-6{padding:var(--primitive-padding-size-6)}.padding-size-7{padding:var(--primitive-padding-size-7)}.padding-size-8{padding:var(--primitive-padding-size-8)}.padding-size-9{padding:var(--primitive-padding-size-9)}.padding-size-10{padding:var(--primitive-padding-size-10)}.padding-size-11{padding:var(--primitive-padding-size-11)}.padding-size-12{padding:var(--primitive-padding-size-12)}.padding-size-13{padding:var(--primitive-padding-size-13)}.padding-size-14{padding:var(--primitive-padding-size-14)}.padding-size-15{padding:var(--primitive-padding-size-15)}.padding-size-16{padding:var(--primitive-padding-size-16)}.padding-size-17{padding:var(--primitive-padding-size-17)}.padding-size-18{padding:var(--primitive-padding-size-18)}.padding-size-19{padding:var(--primitive-padding-size-19)}.padding-size-20{padding:var(--primitive-padding-size-20)}.padding-size-21{padding:var(--primitive-padding-size-21)}.padding-size-22{padding:var(--primitive-padding-size-22)}.padding-size-23{padding:var(--primitive-padding-size-23)}.padding-size-24{padding:var(--primitive-padding-size-24)}.padding-size-25{padding:var(--primitive-padding-size-25)}:host{display:inline-block}.cw-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:visible;border-radius:var(--primitive-radius-full, 9999px);background:var(--cw-avatar-bg, #f3f4f6)}.cw-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.cw-avatar-status{--cw-avatar-status-size: 16px;--cw-avatar-status-border: 3px;--cw-avatar-status-offset-x: -6px;--cw-avatar-status-offset-y: -6px;position:absolute;top:var(--cw-avatar-status-offset-y);right:var(--cw-avatar-status-offset-x);width:var(--cw-avatar-status-size);height:var(--cw-avatar-status-size);border-radius:50%;display:inline-block;box-sizing:border-box;border:var(--cw-avatar-status-border) solid var(--color-stroke-inverse, #ffffff)}.cw-avatar-status.active{background:var(--color-fill-feedback-success-bold, #3d9900)}.cw-avatar-status.inactive{background:var(--color-fill-feedback-neutral, #e5e7eb)}.cw-avatar-wrapper{display:inline-flex;align-items:center;gap:8px}.cw-avatar-wrapper.cw-avatar--only{justify-content:center}.cw-avatar-wrapper.cw-avatar--align-left{flex-direction:row-reverse}.cw-avatar-text{display:flex;flex-direction:column;justify-content:center}.cw-avatar-role{font-family:Inter,sans-serif;font-weight:var(--primitive-font-weight-6);font-size:var(--primitive-font-size-body-3);line-height:var(--primitive-line-height-3);color:#1f2937}.cw-avatar-name{font-family:Inter,sans-serif;font-weight:var(--primitive-font-weight-4);font-size:14px;line-height:var(--primitive-line-height-3);color:#1f2937}.cw-avatar-wrapper.cw-avatar--align-left .cw-avatar-text{text-align:right}.cw-avatar-text{text-align:left}\n"] }]
|
|
18
18
|
}] });
|
|
@@ -24,10 +24,10 @@ class CrystalBadge {
|
|
|
24
24
|
'cw-badge--small': this.size() === 'small',
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
28
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.6", type: CrystalBadge, isStandalone: true, selector: "cw-badge", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"cw-badge\" [ngClass]=\"badgeClasses\"> {{ label() }} </span>\n", styles: [":root{--primitive-color-blue-100: #e7ecfd;--primitive-color-blue-200: #ced9fa;--primitive-color-blue-300: #9db3f6;--primitive-color-blue-400: #6d8cf1;--primitive-color-blue-500: #3c66ed;--primitive-color-blue-600: #1545de;--primitive-color-blue-700: #1137b2;--primitive-color-blue-800: #0d2985;--primitive-color-blue-900: #081c59;--primitive-color-blue-1000: #040e2c;--primitive-color-jade-100: #f2f8f4;--primitive-color-jade-200: #e4f0e9;--primitive-color-jade-300: #c6e0d0;--primitive-color-jade-400: #a1cfb4;--primitive-color-jade-500: #72bd93;--primitive-color-jade-600: #00a868;--primitive-color-jade-700: #00965d;--primitive-color-jade-800: #008251;--primitive-color-jade-900: #006a42;--primitive-color-jade-1000: #004b2f;--primitive-color-gray-100: #f9fafb;--primitive-color-gray-200: #f3f4f6;--primitive-color-gray-300: #e5e7eb;--primitive-color-gray-400: #d1d5db;--primitive-color-gray-500: #9ca3af;--primitive-color-gray-600: #6b7280;--primitive-color-gray-700: #4b5563;--primitive-color-gray-800: #374151;--primitive-color-gray-900: #1f2937;--primitive-color-gray-1000: #111827;--primitive-color-gray-1100: #030712;--primitive-color-neutral-100: #fafafa;--primitive-color-neutral-200: #f5f5f5;--primitive-color-neutral-300: #e5e5e5;--primitive-color-neutral-400: #d4d4d4;--primitive-color-neutral-500: #a3a3a3;--primitive-color-neutral-600: #737373;--primitive-color-neutral-700: #525252;--primitive-color-neutral-800: #404040;--primitive-color-neutral-900: #262626;--primitive-color-neutral-1000: #171717;--primitive-color-neutral-1100: #0a0a0a;--primitive-color-red-100: #fae1e1;--primitive-color-red-200: #f7cccc;--primitive-color-red-300: #f0a1a1;--primitive-color-red-400: #e97777;--primitive-color-red-500: #e24c4c;--primitive-color-red-600: #da2323;--primitive-color-red-700: #ae1c1c;--primitive-color-red-800: #831515;--primitive-color-red-900: #570e0e;--primitive-color-red-1000: #2c0707;--primitive-color-green-100: #f3f7f2;--primitive-color-green-200: #e6eee4;--primitive-color-green-300: #c9dcc6;--primitive-color-green-400: #a8c8a1;--primitive-color-green-500: #7eb272;--primitive-color-green-600: #3d9900;--primitive-color-green-700: #378900;--primitive-color-green-800: #2f7700;--primitive-color-green-900: #276100;--primitive-color-green-1000: #1b4400;--primitive-color-amber-100: #fef3e2;--primitive-color-amber-200: #fdeaca;--primitive-color-amber-300: #fbd799;--primitive-color-amber-400: #f9c369;--primitive-color-amber-500: #f7b039;--primitive-color-amber-600: #f59e0b;--primitive-color-amber-700: #c37d08;--primitive-color-amber-800: #925e06;--primitive-color-amber-900: #613f04;--primitive-color-amber-1000: #311f02;--primitive-color-orange-100: #fdf0e7;--primitive-color-orange-200: #fae1cf;--primitive-color-orange-300: #f6c29e;--primitive-color-orange-400: #f1a46e;--primitive-color-orange-500: #ed863d;--primitive-color-orange-600: #e06915;--primitive-color-orange-700: #b35411;--primitive-color-orange-800: #863f0d;--primitive-color-orange-900: #5a2a08;--primitive-color-orange-1000: #2d1504;--primitive-color-violet-100: #f2e7fd;--primitive-color-violet-200: #e5cffa;--primitive-color-violet-300: #cc9ef6;--primitive-color-violet-400: #b26ef1;--primitive-color-violet-500: #983ded;--primitive-color-violet-600: #7e15e0;--primitive-color-violet-700: #6511b3;--primitive-color-violet-800: #4c0d86;--primitive-color-violet-900: #32085a;--primitive-color-violet-1000: #19042d;--primitive-color-cyan-100: #d1f6fe;--primitive-color-cyan-200: #aaf0fc;--primitive-color-cyan-300: #84eaf8;--primitive-color-cyan-400: #5fe5f3;--primitive-color-cyan-500: #3ce1ed;--primitive-color-cyan-600: #18d5e3;--primitive-color-cyan-700: #16acb7;--primitive-color-cyan-800: #13848c;--primitive-color-cyan-900: #0f5d62;--primitive-color-cyan-950: #0a373a;--primitive-color-aquamarine-100: #d1fef5;--primitive-color-aquamarine-200: #a9fcea;--primitive-color-aquamarine-300: #83f8de;--primitive-color-aquamarine-400: #5ef3d1;--primitive-color-aquamarine-500: #3bedc3;--primitive-color-aquamarine-600: #18e3b0;--primitive-color-aquamarine-700: #15b78c;--primitive-color-aquamarine-800: #128c6a;--primitive-color-aquamarine-900: #0e634a;--primitive-color-aquamarine-950: #093a2b;--primitive-color-magenta-100: #fed1ec;--primitive-color-magenta-200: #fca9da;--primitive-color-magenta-300: #f883c6;--primitive-color-magenta-400: #f35eb3;--primitive-color-magenta-500: #ed3b9e;--primitive-color-magenta-600: #e3188b;--primitive-color-magenta-700: #b71573;--primitive-color-magenta-800: #8c125a;--primitive-color-magenta-900: #630e41;--primitive-color-magenta-1000: #3a0927}.color-blue-100{color:var(--primitive-color-blue-100)}.color-blue-200{color:var(--primitive-color-blue-200)}.color-blue-300{color:var(--primitive-color-blue-300)}.color-blue-400{color:var(--primitive-color-blue-400)}.color-blue-500{color:var(--primitive-color-blue-500)}.color-blue-600{color:var(--primitive-color-blue-600)}.color-blue-700{color:var(--primitive-color-blue-700)}.color-blue-800{color:var(--primitive-color-blue-800)}.color-blue-900{color:var(--primitive-color-blue-900)}.color-blue-1000{color:var(--primitive-color-blue-1000)}.color-jade-100{color:var(--primitive-color-jade-100)}.color-jade-200{color:var(--primitive-color-jade-200)}.color-jade-300{color:var(--primitive-color-jade-300)}.color-jade-400{color:var(--primitive-color-jade-400)}.color-jade-500{color:var(--primitive-color-jade-500)}.color-jade-600{color:var(--primitive-color-jade-600)}.color-jade-700{color:var(--primitive-color-jade-700)}.color-jade-800{color:var(--primitive-color-jade-800)}.color-jade-900{color:var(--primitive-color-jade-900)}.color-jade-1000{color:var(--primitive-color-jade-1000)}.color-gray-100{color:var(--primitive-color-gray-100)}.color-gray-200{color:var(--primitive-color-gray-200)}.color-gray-300{color:var(--primitive-color-gray-300)}.color-gray-400{color:var(--primitive-color-gray-400)}.color-gray-500{color:var(--primitive-color-gray-500)}.color-gray-600{color:var(--primitive-color-gray-600)}.color-gray-700{color:var(--primitive-color-gray-700)}.color-gray-800{color:var(--primitive-color-gray-800)}.color-gray-900{color:var(--primitive-color-gray-900)}.color-gray-1000{color:var(--primitive-color-gray-1000)}.color-gray-1100{color:var(--primitive-color-gray-1100)}.color-neutral-100{color:var(--primitive-color-neutral-100)}.color-neutral-200{color:var(--primitive-color-neutral-200)}.color-neutral-300{color:var(--primitive-color-neutral-300)}.color-neutral-400{color:var(--primitive-color-neutral-400)}.color-neutral-500{color:var(--primitive-color-neutral-500)}.color-neutral-600{color:var(--primitive-color-neutral-600)}.color-neutral-700{color:var(--primitive-color-neutral-700)}.color-neutral-800{color:var(--primitive-color-neutral-800)}.color-neutral-900{color:var(--primitive-color-neutral-900)}.color-neutral-1000{color:var(--primitive-color-neutral-1000)}.color-neutral-1100{color:var(--primitive-color-neutral-1100)}.color-red-100{color:var(--primitive-color-red-100)}.color-red-200{color:var(--primitive-color-red-200)}.color-red-300{color:var(--primitive-color-red-300)}.color-red-400{color:var(--primitive-color-red-400)}.color-red-500{color:var(--primitive-color-red-500)}.color-red-600{color:var(--primitive-color-red-600)}.color-red-700{color:var(--primitive-color-red-700)}.color-red-800{color:var(--primitive-color-red-800)}.color-red-900{color:var(--primitive-color-red-900)}.color-red-1000{color:var(--primitive-color-red-1000)}.color-green-100{color:var(--primitive-color-green-100)}.color-green-200{color:var(--primitive-color-green-200)}.color-green-300{color:var(--primitive-color-green-300)}.color-green-400{color:var(--primitive-color-green-400)}.color-green-500{color:var(--primitive-color-green-500)}.color-green-600{color:var(--primitive-color-green-600)}.color-green-700{color:var(--primitive-color-green-700)}.color-green-800{color:var(--primitive-color-green-800)}.color-green-900{color:var(--primitive-color-green-900)}.color-green-1000{color:var(--primitive-color-green-1000)}.color-amber-100{color:var(--primitive-color-amber-100)}.color-amber-200{color:var(--primitive-color-amber-200)}.color-amber-300{color:var(--primitive-color-amber-300)}.color-amber-400{color:var(--primitive-color-amber-400)}.color-amber-500{color:var(--primitive-color-amber-500)}.color-amber-600{color:var(--primitive-color-amber-600)}.color-amber-700{color:var(--primitive-color-amber-700)}.color-amber-800{color:var(--primitive-color-amber-800)}.color-amber-900{color:var(--primitive-color-amber-900)}.color-amber-1000{color:var(--primitive-color-amber-1000)}.color-orange-100{color:var(--primitive-color-orange-100)}.color-orange-200{color:var(--primitive-color-orange-200)}.color-orange-300{color:var(--primitive-color-orange-300)}.color-orange-400{color:var(--primitive-color-orange-400)}.color-orange-500{color:var(--primitive-color-orange-500)}.color-orange-600{color:var(--primitive-color-orange-600)}.color-orange-700{color:var(--primitive-color-orange-700)}.color-orange-800{color:var(--primitive-color-orange-800)}.color-orange-900{color:var(--primitive-color-orange-900)}.color-orange-1000{color:var(--primitive-color-orange-1000)}.color-violet-100{color:var(--primitive-color-violet-100)}.color-violet-200{color:var(--primitive-color-violet-200)}.color-violet-300{color:var(--primitive-color-violet-300)}.color-violet-400{color:var(--primitive-color-violet-400)}.color-violet-500{color:var(--primitive-color-violet-500)}.color-violet-600{color:var(--primitive-color-violet-600)}.color-violet-700{color:var(--primitive-color-violet-700)}.color-violet-800{color:var(--primitive-color-violet-800)}.color-violet-900{color:var(--primitive-color-violet-900)}.color-violet-1000{color:var(--primitive-color-violet-1000)}.color-cyan-100{color:var(--primitive-color-cyan-100)}.color-cyan-200{color:var(--primitive-color-cyan-200)}.color-cyan-300{color:var(--primitive-color-cyan-300)}.color-cyan-400{color:var(--primitive-color-cyan-400)}.color-cyan-500{color:var(--primitive-color-cyan-500)}.color-cyan-600{color:var(--primitive-color-cyan-600)}.color-cyan-700{color:var(--primitive-color-cyan-700)}.color-cyan-800{color:var(--primitive-color-cyan-800)}.color-cyan-900{color:var(--primitive-color-cyan-900)}.color-cyan-950{color:var(--primitive-color-cyan-950)}.color-aquamarine-100{color:var(--primitive-color-aquamarine-100)}.color-aquamarine-200{color:var(--primitive-color-aquamarine-200)}.color-aquamarine-300{color:var(--primitive-color-aquamarine-300)}.color-aquamarine-400{color:var(--primitive-color-aquamarine-400)}.color-aquamarine-500{color:var(--primitive-color-aquamarine-500)}.color-aquamarine-600{color:var(--primitive-color-aquamarine-600)}.color-aquamarine-700{color:var(--primitive-color-aquamarine-700)}.color-aquamarine-800{color:var(--primitive-color-aquamarine-800)}.color-aquamarine-900{color:var(--primitive-color-aquamarine-900)}.color-aquamarine-950{color:var(--primitive-color-aquamarine-950)}.color-magenta-100{color:var(--primitive-color-magenta-100)}.color-magenta-200{color:var(--primitive-color-magenta-200)}.color-magenta-300{color:var(--primitive-color-magenta-300)}.color-magenta-400{color:var(--primitive-color-magenta-400)}.color-magenta-500{color:var(--primitive-color-magenta-500)}.color-magenta-600{color:var(--primitive-color-magenta-600)}.color-magenta-700{color:var(--primitive-color-magenta-700)}.color-magenta-800{color:var(--primitive-color-magenta-800)}.color-magenta-900{color:var(--primitive-color-magenta-900)}.color-magenta-1000{color:var(--primitive-color-magenta-1000)}:root{--primitive-radius-0: 0px;--primitive-radius-1: 4px;--primitive-radius-2: 8px;--primitive-radius-3: 12px;--primitive-radius-4: 16px;--primitive-radius-5: 20px;--primitive-radius-full: 9999px;--primitive-stroke-0: 0px;--primitive-stroke-1: 1px;--primitive-stroke-2: 2px;--primitive-stroke-3: 3px;--primitive-stroke-4: 4px;--primitive-opacity-0: 0;--primitive-opacity-1: .1;--primitive-opacity-2: .2;--primitive-opacity-3: .3;--primitive-opacity-4: .4;--primitive-opacity-5: .5;--primitive-opacity-6: .6;--primitive-opacity-7: .7;--primitive-opacity-8: .8;--primitive-opacity-9: .9;--primitive-opacity-10: 1;--primitive-shadow-x-small: 0px, 1px, 2px, 0px, rgba(31, 41, 55, .07);--primitive-shadow-small: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07);--primitive-shadow-medium: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07);--primitive-shadow-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07);--primitive-shadow-x-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07), 0px 16px 32px 0px rgba(17, 55, 178, .07);--primitive-shadow-xx-large: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07), 0px 4px 8px 0px rgba(31, 41, 55, .07), 0px 8px 16px 0px rgba(31, 41, 55, .07), 0px 16px 32px 0px rgba(31, 41, 55, .07), 0px 32px 64px 0px rgba(31, 41, 55, .07)}.radius-0{border-radius:var(--primitive-radius-0)}.radius-1{border-radius:var(--primitive-radius-1)}.radius-2{border-radius:var(--primitive-radius-2)}.radius-3{border-radius:var(--primitive-radius-3)}.radius-4{border-radius:var(--primitive-radius-4)}.radius-5{border-radius:var(--primitive-radius-5)}.radius-full{border-radius:var(--primitive-radius-full)}.stroke-0{border-width:var(--primitive-stroke-0)}.stroke-1{border-width:var(--primitive-stroke-1)}.stroke-2{border-width:var(--primitive-stroke-2)}.stroke-3{border-width:var(--primitive-stroke-3)}.stroke-4{border-width:var(--primitive-stroke-4)}.opacity-0{opacity:var(--primitive-opacity-0)}.opacity-1{opacity:var(--primitive-opacity-1)}.opacity-2{opacity:var(--primitive-opacity-2)}.opacity-3{opacity:var(--primitive-opacity-3)}.opacity-4{opacity:var(--primitive-opacity-4)}.opacity-5{opacity:var(--primitive-opacity-5)}.opacity-6{opacity:var(--primitive-opacity-6)}.opacity-7{opacity:var(--primitive-opacity-7)}.opacity-8{opacity:var(--primitive-opacity-8)}.opacity-9{opacity:var(--primitive-opacity-9)}.opacity-10{opacity:var(--primitive-opacity-10)}.shadow-x-small{box-shadow:var(--primitive-shadow-x-small)}.shadow-small{box-shadow:var(--primitive-shadow-small)}.shadow-medium{box-shadow:var(--primitive-shadow-medium)}.shadow-large{box-shadow:var(--primitive-shadow-large)}.shadow-x-large{box-shadow:var(--primitive-shadow-x-large)}.shadow-xx-large{box-shadow:var(--primitive-shadow-xx-large)}:root{--primitive-font-family-title: Inter SemiBold, sans-serif;--primitive-font-family-body: Inter, sans-serif;--primitive-font-weight-1: 100;--primitive-font-weight-2: 200;--primitive-font-weight-3: 300;--primitive-font-weight-4: 400;--primitive-font-weight-5: 500;--primitive-font-weight-6: 600;--primitive-font-weight-7: 700;--primitive-font-weight-8: 800;--primitive-font-weight-9: 900;--primitive-font-size-title-1: 16px;--primitive-font-size-title-2: 18px;--primitive-font-size-title-3: 20px;--primitive-font-size-title-4: 24px;--primitive-font-size-title-5: 28px;--primitive-font-size-title-6: 32px;--primitive-font-size-body-1: 10px;--primitive-font-size-body-2: 12px;--primitive-font-size-body-3: 14px;--primitive-font-size-body-4: 16px;--primitive-font-size-body-5: 18px;--primitive-line-height-title-1: calc(var(--primitive-font-size-title-1) * 1.3);--primitive-line-height-title-2: calc(var(--primitive-font-size-title-2) * 1.3);--primitive-line-height-title-3: calc(var(--primitive-font-size-title-3) * 1.3);--primitive-line-height-title-4: calc(var(--primitive-font-size-title-4) * 1.3);--primitive-line-height-title-5: calc(var(--primitive-font-size-title-5) * 1.3);--primitive-line-height-title-6: calc(var(--primitive-font-size-title-6) * 1.3);--primitive-line-height-title-7: calc(var(--primitive-font-size-title-7) * 1.3);--primitive-line-height-title-8: calc(var(--primitive-font-size-title-8) * 1.3);--primitive-line-height-body-1: calc(var(--primitive-font-size-body-1) * 1.5);--primitive-line-height-body-2: calc(var(--primitive-font-size-body-2) * 1.5);--primitive-line-height-body-3: calc(var(--primitive-font-size-body-3) * 1.5);--primitive-line-height-body-4: calc(var(--primitive-font-size-body-4) * 1.5);--primitive-line-height-body-5: calc(var(--primitive-font-size-body-5) * 1.5);--primitive-heading-h1-font-family: Inter SemiBold, sans-serif;--primitive-heading-h1-font-weight: var(--primitive-font-weight-6);--primitive-heading-h1-font-size: var(--primitive-font-size-title-6);--primitive-heading-h1-line-height: var(--primitive-line-height-title-6);--primitive-heading-h2-font-family: Inter SemiBold, sans-serif;--primitive-heading-h2-font-weight: var(--primitive-font-weight-6);--primitive-heading-h2-font-size: var(--primitive-font-size-title-5);--primitive-heading-h2-line-height: var(--primitive-line-height-title-5);--primitive-heading-h3-font-family: Inter SemiBold, sans-serif;--primitive-heading-h3-font-weight: var(--primitive-font-weight-6);--primitive-heading-h3-font-size: var(--primitive-font-size-title-4);--primitive-heading-h3-line-height: var(--primitive-line-height-title-4);--primitive-heading-h4-font-family: Inter SemiBold, sans-serif;--primitive-heading-h4-font-weight: var(--primitive-font-weight-6);--primitive-heading-h4-font-size: var(--primitive-font-size-title-3);--primitive-heading-h4-line-height: var(--primitive-line-height-title-3);--primitive-heading-h5-font-family: Inter SemiBold, sans-serif;--primitive-heading-h5-font-weight: var(--primitive-font-weight-6);--primitive-heading-h5-font-size: var(--primitive-font-size-title-2);--primitive-heading-h5-line-height: var(--primitive-line-height-title-2);--primitive-heading-h6-font-family: Inter SemiBold, sans-serif;--primitive-heading-h6-font-weight: var(--primitive-font-weight-6);--primitive-heading-h6-font-size: var(--primitive-font-size-title-1);--primitive-heading-h6-line-height: var(--primitive-line-height-title-1);--primitive-label-large-font-family: Inter, sans-serif;--primitive-label-large-font-weight: 500;--primitive-label-large-font-size: 18px;--primitive-label-large-line-height: 24px;--primitive-label-medium-font-family: Inter, sans-serif;--primitive-label-medium-font-weight: 500;--primitive-label-medium-font-size: 16px;--primitive-label-medium-line-height: 18px;--primitive-label-small-font-family: Inter, sans-serif;--primitive-label-small-font-weight: 500;--primitive-label-small-font-size: 14px;--primitive-label-small-line-height: 16px;--primitive-label-uppercase-font-family: Inter, sans-serif;--primitive-label-uppercase-font-weight: 500;--primitive-label-uppercase-font-size: 18px;--primitive-label-uppercase-line-height: 24px;--primitive-label-uppercase-text-transform: uppercase;--primitive-label-underline-font-family: Inter, sans-serif;--primitive-label-underline-font-weight: 500;--primitive-label-underline-font-size: 16px;--primitive-label-underline-line-height: 18px;--primitive-label-underline-text-decoration: underline;--primitive-label-strike-font-family: Inter, sans-serif;--primitive-label-strike-font-weight: 500;--primitive-label-strike-font-size: 14px;--primitive-label-strike-line-height: 16px;--primitive-label-strike-text-decoration: line-through;--primitive-paragraph-large-font-family: Inter, sans-serif;--primitive-paragraph-large-font-weight: 400;--primitive-paragraph-large-font-size: 18px;--primitive-paragraph-large-line-height: 28px;--primitive-paragraph-medium-font-family: Inter, sans-serif;--primitive-paragraph-medium-font-weight: 400;--primitive-paragraph-medium-font-size: 16px;--primitive-paragraph-medium-line-height: 24px;--primitive-paragraph-small-font-family: Inter, sans-serif;--primitive-paragraph-small-font-weight: 400;--primitive-paragraph-small-font-size: 14px;--primitive-paragraph-small-line-height: 20px;--primitive-paragraph-uppercase-font-family: Inter, sans-serif;--primitive-paragraph-uppercase-font-weight: 400;--primitive-paragraph-uppercase-font-size: 18px;--primitive-paragraph-uppercase-line-height: 28px;--primitive-paragraph-uppercase-text-transform: uppercase;--primitive-paragraph-underline-font-family: Inter, sans-serif;--primitive-paragraph-underline-font-weight: 400;--primitive-paragraph-underline-font-size: 16px;--primitive-paragraph-underline-line-height: 24px;--primitive-paragraph-underline-text-decoration: underline;--primitive-paragraph-strikethrough-font-family: Inter, sans-serif;--primitive-paragraph-strikethrough-font-weight: 400;--primitive-paragraph-strikethrough-font-size: 14px;--primitive-paragraph-strikethrough-line-height: 20px;--primitive-paragraph-strikethrough-text-decoration: line-through;--primitive-caption-large-font-family: Inter, sans-serif;--primitive-caption-large-font-weight: 600;--primitive-caption-large-font-size: 12px;--primitive-caption-large-line-height: 20px;--primitive-caption-regular-font-family: Inter, sans-serif;--primitive-caption-regular-font-weight: 400;--primitive-caption-regular-font-size: 12px;--primitive-caption-regular-line-height: 20px;--primitive-caption-uppercase-font-family: Inter, sans-serif;--primitive-caption-uppercase-font-weight: 600;--primitive-caption-uppercase-font-size: 12px;--primitive-caption-uppercase-line-height: 20px;--primitive-caption-uppercase-text-transform: uppercase;--primitive-caption-underline-font-family: Inter, sans-serif;--primitive-caption-underline-font-weight: 400;--primitive-caption-underline-font-size: 12px;--primitive-caption-underline-line-height: 20px;--primitive-caption-underline-text-decoration: underline;--primitive-caption-strikethrough-font-family: Inter, sans-serif;--primitive-caption-strikethrough-font-weight: 400;--primitive-caption-strikethrough-font-size: 12px;--primitive-caption-strikethrough-line-height: 20px;--primitive-caption-strikethrough-text-decoration: line-through}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.font-size-title-1{font-size:16px}.font-size-title-2{font-size:18px}.font-size-title-3{font-size:20px}.font-size-title-4{font-size:24px}.font-size-title-5{font-size:28px}.font-size-title-6{font-size:32px}.font-size-body-1{font-size:10px}.font-size-body-2{font-size:12px}.font-size-body-3{font-size:14px}.font-size-body-4{font-size:16px}.font-size-body-5{font-size:18px}.line-height-title-1{line-height:calc(var(--primitive-font-size-title-1) * 1.3)}.line-height-title-2{line-height:calc(var(--primitive-font-size-title-2) * 1.3)}.line-height-title-3{line-height:calc(var(--primitive-font-size-title-3) * 1.3)}.line-height-title-4{line-height:calc(var(--primitive-font-size-title-4) * 1.3)}.line-height-title-5{line-height:calc(var(--primitive-font-size-title-5) * 1.3)}.line-height-title-6{line-height:calc(var(--primitive-font-size-title-6) * 1.3)}.line-height-title-7{line-height:calc(var(--primitive-font-size-title-7) * 1.3)}.line-height-title-8{line-height:calc(var(--primitive-font-size-title-8) * 1.3)}.line-height-body-1{line-height:calc(var(--primitive-font-size-body-1) * 1.5)}.line-height-body-2{line-height:calc(var(--primitive-font-size-body-2) * 1.5)}.line-height-body-3{line-height:calc(var(--primitive-font-size-body-3) * 1.5)}.line-height-body-4{line-height:calc(var(--primitive-font-size-body-4) * 1.5)}.line-height-body-5{line-height:calc(var(--primitive-font-size-body-5) * 1.5)}.heading-h1{font-family:var(--primitive-heading-h1-font-family);font-weight:var(--primitive-heading-h1-font-weight);font-size:var(--primitive-heading-h1-font-size);line-height:var(--primitive-heading-h1-line-height)}.heading-h2{font-family:var(--primitive-heading-h2-font-family);font-weight:var(--primitive-heading-h2-font-weight);font-size:var(--primitive-heading-h2-font-size);line-height:var(--primitive-heading-h2-line-height)}.heading-h3{font-family:var(--primitive-heading-h3-font-family);font-weight:var(--primitive-heading-h3-font-weight);font-size:var(--primitive-heading-h3-font-size);line-height:var(--primitive-heading-h3-line-height)}.heading-h4{font-family:var(--primitive-heading-h4-font-family);font-weight:var(--primitive-heading-h4-font-weight);font-size:var(--primitive-heading-h4-font-size);line-height:var(--primitive-heading-h4-line-height)}.heading-h5{font-family:var(--primitive-heading-h5-font-family);font-weight:var(--primitive-heading-h5-font-weight);font-size:var(--primitive-heading-h5-font-size);line-height:var(--primitive-heading-h5-line-height)}.heading-h6{font-family:var(--primitive-heading-h6-font-family);font-weight:var(--primitive-heading-h6-font-weight);font-size:var(--primitive-heading-h6-font-size);line-height:var(--primitive-heading-h6-line-height)}.label-large{font-family:var(--primitive-label-large-font-family);font-weight:var(--primitive-label-large-font-weight);font-size:var(--primitive-label-large-font-size);line-height:var(--primitive-label-large-line-height)}.label-medium{font-family:var(--primitive-label-medium-font-family);font-weight:var(--primitive-label-medium-font-weight);font-size:var(--primitive-label-medium-font-size);line-height:var(--primitive-label-medium-line-height)}.label-small{font-family:var(--primitive-label-small-font-family);font-weight:var(--primitive-label-small-font-weight);font-size:var(--primitive-label-small-font-size);line-height:var(--primitive-label-small-line-height)}.label-uppercase{font-family:var(--primitive-label-uppercase-font-family);font-weight:var(--primitive-label-uppercase-font-weight);font-size:var(--primitive-label-uppercase-font-size);line-height:var(--primitive-label-uppercase-line-height);text-transform:var(--primitive-label-uppercase-text-transform)}.label-underline{font-family:var(--primitive-label-underline-font-family);font-weight:var(--primitive-label-underline-font-weight);font-size:var(--primitive-label-underline-font-size);line-height:var(--primitive-label-underline-line-height);text-decoration:var(--primitive-label-underline-text-decoration)}.label-strike{font-family:var(--primitive-label-strike-font-family);font-weight:var(--primitive-label-strike-font-weight);font-size:var(--primitive-label-strike-font-size);line-height:var(--primitive-label-strike-line-height);text-decoration:var(--primitive-label-strike-text-decoration)}.paragraph-large{font-family:var(--primitive-paragraph-large-font-family);font-weight:var(--primitive-paragraph-large-font-weight);font-size:var(--primitive-paragraph-large-font-size);line-height:var(--primitive-paragraph-large-line-height)}.paragraph-medium{font-family:var(--primitive-paragraph-medium-font-family);font-weight:var(--primitive-paragraph-medium-font-weight);font-size:var(--primitive-paragraph-medium-font-size);line-height:var(--primitive-paragraph-medium-line-height)}.paragraph-small{font-family:var(--primitive-paragraph-small-font-family);font-weight:var(--primitive-paragraph-small-font-weight);font-size:var(--primitive-paragraph-small-font-size);line-height:var(--primitive-paragraph-small-line-height)}.paragraph-uppercase{font-family:var(--primitive-paragraph-uppercase-font-family);font-weight:var(--primitive-paragraph-uppercase-font-weight);font-size:var(--primitive-paragraph-uppercase-font-size);line-height:var(--primitive-paragraph-uppercase-line-height);text-transform:var(--primitive-paragraph-uppercase-text-transform)}.paragraph-underline{font-family:var(--primitive-paragraph-underline-font-family);font-weight:var(--primitive-paragraph-underline-font-weight);font-size:var(--primitive-paragraph-underline-font-size);line-height:var(--primitive-paragraph-underline-line-height);text-decoration:var(--primitive-paragraph-underline-text-decoration)}.paragraph-strikethrough{font-family:var(--primitive-paragraph-strikethrough-font-family);font-weight:var(--primitive-paragraph-strikethrough-font-weight);font-size:var(--primitive-paragraph-strikethrough-font-size);line-height:var(--primitive-paragraph-strikethrough-line-height);text-decoration:var(--primitive-paragraph-strikethrough-text-decoration)}.caption-large{font-family:var(--primitive-caption-large-font-family);font-weight:var(--primitive-caption-large-font-weight);font-size:var(--primitive-caption-large-font-size);line-height:var(--primitive-caption-large-line-height)}.caption-regular{font-family:var(--primitive-caption-regular-font-family);font-weight:var(--primitive-caption-regular-font-weight);font-size:var(--primitive-caption-regular-font-size);line-height:var(--primitive-caption-regular-line-height)}.caption-uppercase{font-family:var(--primitive-caption-uppercase-font-family);font-weight:var(--primitive-caption-uppercase-font-weight);font-size:var(--primitive-caption-uppercase-font-size);line-height:var(--primitive-caption-uppercase-line-height);text-transform:var(--primitive-caption-uppercase-text-transform)}.caption-underline{font-family:var(--primitive-caption-underline-font-family);font-weight:var(--primitive-caption-underline-font-weight);font-size:var(--primitive-caption-underline-font-size);line-height:var(--primitive-caption-underline-line-height);text-decoration:var(--primitive-caption-underline-text-decoration)}.caption-strikethrough{font-family:var(--primitive-caption-strikethrough-font-family);font-weight:var(--primitive-caption-strikethrough-font-weight);font-size:var(--primitive-caption-strikethrough-font-size);line-height:var(--primitive-caption-strikethrough-line-height);text-decoration:var(--primitive-caption-strikethrough-text-decoration)}html{font-size:14px}body{font-size:14px;font-family:Inter,sans-serif}:root{--primitive-dimension-0: 0px;--primitive-dimension-1: 1px;--primitive-dimension-2: 2px;--primitive-dimension-3: 4px;--primitive-dimension-4: 8px;--primitive-dimension-5: 12px;--primitive-dimension-6: 16px;--primitive-dimension-7: 20px;--primitive-dimension-8: 24px;--primitive-dimension-9: 28px;--primitive-dimension-10: 32px;--primitive-dimension-11: 36px;--primitive-dimension-12: 40px;--primitive-dimension-13: 44px;--primitive-dimension-14: 48px;--primitive-dimension-15: 52px;--primitive-dimension-16: 56px;--primitive-dimension-17: 60px;--primitive-dimension-18: 64px;--primitive-dimension-19: 68px;--primitive-dimension-20: 72px;--primitive-dimension-21: 76px;--primitive-dimension-22: 80px;--primitive-dimension-23: 100px;--primitive-dimension-24: 120px;--primitive-dimension-25: 140px;--primitive-padding-size-0: 0rem;--primitive-padding-size-1: .0714285714rem;--primitive-padding-size-2: .1428571429rem;--primitive-padding-size-3: .2857142857rem;--primitive-padding-size-4: .5714285714rem;--primitive-padding-size-5: .8571428571rem;--primitive-padding-size-6: 1.1428571429rem;--primitive-padding-size-7: 1.4285714286rem;--primitive-padding-size-8: 1.7142857143rem;--primitive-padding-size-9: 2rem;--primitive-padding-size-10: 2.2857142857rem;--primitive-padding-size-11: 2.5714285714rem;--primitive-padding-size-12: 2.8571428571rem;--primitive-padding-size-13: 3.1428571429rem;--primitive-padding-size-14: 3.4285714286rem;--primitive-padding-size-15: 3.7142857143rem;--primitive-padding-size-16: 4rem;--primitive-padding-size-17: 4.2857142857rem;--primitive-padding-size-18: 4.5714285714rem;--primitive-padding-size-19: 4.8571428571rem;--primitive-padding-size-20: 5.1428571429rem;--primitive-padding-size-21: 5.4285714286rem;--primitive-padding-size-22: 5.7142857143rem;--primitive-padding-size-23: 7.1428571429rem;--primitive-padding-size-24: 8.5714285714rem;--primitive-padding-size-25: 10rem}.dimension-0{gap:var(--primitive-dimension-0)}.dimension-1{gap:var(--primitive-dimension-1)}.dimension-2{gap:var(--primitive-dimension-2)}.dimension-3{gap:var(--primitive-dimension-3)}.dimension-4{gap:var(--primitive-dimension-4)}.dimension-5{gap:var(--primitive-dimension-5)}.dimension-6{gap:var(--primitive-dimension-6)}.dimension-7{gap:var(--primitive-dimension-7)}.dimension-8{gap:var(--primitive-dimension-8)}.dimension-9{gap:var(--primitive-dimension-9)}.dimension-10{gap:var(--primitive-dimension-10)}.dimension-11{gap:var(--primitive-dimension-11)}.dimension-12{gap:var(--primitive-dimension-12)}.dimension-13{gap:var(--primitive-dimension-13)}.dimension-14{gap:var(--primitive-dimension-14)}.dimension-15{gap:var(--primitive-dimension-15)}.dimension-16{gap:var(--primitive-dimension-16)}.dimension-17{gap:var(--primitive-dimension-17)}.dimension-18{gap:var(--primitive-dimension-18)}.dimension-19{gap:var(--primitive-dimension-19)}.dimension-20{gap:var(--primitive-dimension-20)}.dimension-21{gap:var(--primitive-dimension-21)}.dimension-22{gap:var(--primitive-dimension-22)}.dimension-23{gap:var(--primitive-dimension-23)}.dimension-24{gap:var(--primitive-dimension-24)}.dimension-25{gap:var(--primitive-dimension-25)}.padding-size-0{padding:var(--primitive-padding-size-0)}.padding-size-1{padding:var(--primitive-padding-size-1)}.padding-size-2{padding:var(--primitive-padding-size-2)}.padding-size-3{padding:var(--primitive-padding-size-3)}.padding-size-4{padding:var(--primitive-padding-size-4)}.padding-size-5{padding:var(--primitive-padding-size-5)}.padding-size-6{padding:var(--primitive-padding-size-6)}.padding-size-7{padding:var(--primitive-padding-size-7)}.padding-size-8{padding:var(--primitive-padding-size-8)}.padding-size-9{padding:var(--primitive-padding-size-9)}.padding-size-10{padding:var(--primitive-padding-size-10)}.padding-size-11{padding:var(--primitive-padding-size-11)}.padding-size-12{padding:var(--primitive-padding-size-12)}.padding-size-13{padding:var(--primitive-padding-size-13)}.padding-size-14{padding:var(--primitive-padding-size-14)}.padding-size-15{padding:var(--primitive-padding-size-15)}.padding-size-16{padding:var(--primitive-padding-size-16)}.padding-size-17{padding:var(--primitive-padding-size-17)}.padding-size-18{padding:var(--primitive-padding-size-18)}.padding-size-19{padding:var(--primitive-padding-size-19)}.padding-size-20{padding:var(--primitive-padding-size-20)}.padding-size-21{padding:var(--primitive-padding-size-21)}.padding-size-22{padding:var(--primitive-padding-size-22)}.padding-size-23{padding:var(--primitive-padding-size-23)}.padding-size-24{padding:var(--primitive-padding-size-24)}.padding-size-25{padding:var(--primitive-padding-size-25)}:host ::ng-deep .cw-badge{display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:9999px;box-sizing:border-box;opacity:1}:host ::ng-deep .cw-badge.cw-badge--large{width:var(--primitive-dimension-8);height:var(--primitive-dimension-8);font-size:var(--primitive-font-size-body-3)}:host ::ng-deep .cw-badge.cw-badge--medium{width:var(--primitive-dimension-6);height:var(--primitive-dimension-6);font-size:var(--primitive-font-size-body-1)}:host ::ng-deep .cw-badge.cw-badge--small{width:var(--primitive-dimension-4);height:var(--primitive-dimension-4);font-size:0}:host ::ng-deep .cw-badge.cw-badge--has-label.cw-badge--large{min-width:var(--primitive-dimension-8);padding:.1428571429rem .5714285714rem}:host ::ng-deep .cw-badge.cw-badge--has-label.cw-badge--medium{min-width:16px;padding:.0714285714rem .2857142857rem}:host ::ng-deep .cw-badge.cw-badge--has-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center}:host ::ng-deep .cw-badge.cw-badge--brand-default{background-color:var(--primitive-color-blue-600)}:host ::ng-deep .cw-badge.cw-badge--danger-bold{background-color:var(--primitive-color-red-600)}:host ::ng-deep .cw-badge.cw-badge--warning-bold{background-color:var(--primitive-color-amber-600)}:host ::ng-deep .cw-badge.cw-badge--fill-secondary{background-color:var(--primitive-color-gray-200);color:var(--primitive-color-gray-500)}:host ::ng-deep .cw-badge.cw-badge--icon-success{background-color:var(--primitive-color-green-600)}:host ::ng-deep .cw-badge.cw-badge--positioned{position:absolute;top:20px;left:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: BadgeModule }] });
|
|
27
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrystalBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.17", type: CrystalBadge, isStandalone: true, selector: "cw-badge", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"cw-badge\" [ngClass]=\"badgeClasses\"> {{ label() }} </span>\n", styles: [":root{--primitive-color-blue-100: #e7ecfd;--primitive-color-blue-200: #ced9fa;--primitive-color-blue-300: #9db3f6;--primitive-color-blue-400: #6d8cf1;--primitive-color-blue-500: #3c66ed;--primitive-color-blue-600: #1545de;--primitive-color-blue-700: #1137b2;--primitive-color-blue-800: #0d2985;--primitive-color-blue-900: #081c59;--primitive-color-blue-1000: #040e2c;--primitive-color-jade-100: #f2f8f4;--primitive-color-jade-200: #e4f0e9;--primitive-color-jade-300: #c6e0d0;--primitive-color-jade-400: #a1cfb4;--primitive-color-jade-500: #72bd93;--primitive-color-jade-600: #00a868;--primitive-color-jade-700: #00965d;--primitive-color-jade-800: #008251;--primitive-color-jade-900: #006a42;--primitive-color-jade-1000: #004b2f;--primitive-color-gray-100: #f9fafb;--primitive-color-gray-200: #f3f4f6;--primitive-color-gray-300: #e5e7eb;--primitive-color-gray-400: #d1d5db;--primitive-color-gray-500: #9ca3af;--primitive-color-gray-600: #6b7280;--primitive-color-gray-700: #4b5563;--primitive-color-gray-800: #374151;--primitive-color-gray-900: #1f2937;--primitive-color-gray-1000: #111827;--primitive-color-gray-1100: #030712;--primitive-color-neutral-100: #fafafa;--primitive-color-neutral-200: #f5f5f5;--primitive-color-neutral-300: #e5e5e5;--primitive-color-neutral-400: #d4d4d4;--primitive-color-neutral-500: #a3a3a3;--primitive-color-neutral-600: #737373;--primitive-color-neutral-700: #525252;--primitive-color-neutral-800: #404040;--primitive-color-neutral-900: #262626;--primitive-color-neutral-1000: #171717;--primitive-color-neutral-1100: #0a0a0a;--primitive-color-red-100: #fae1e1;--primitive-color-red-200: #f7cccc;--primitive-color-red-300: #f0a1a1;--primitive-color-red-400: #e97777;--primitive-color-red-500: #e24c4c;--primitive-color-red-600: #da2323;--primitive-color-red-700: #ae1c1c;--primitive-color-red-800: #831515;--primitive-color-red-900: #570e0e;--primitive-color-red-1000: #2c0707;--primitive-color-green-100: #f3f7f2;--primitive-color-green-200: #e6eee4;--primitive-color-green-300: #c9dcc6;--primitive-color-green-400: #a8c8a1;--primitive-color-green-500: #7eb272;--primitive-color-green-600: #3d9900;--primitive-color-green-700: #378900;--primitive-color-green-800: #2f7700;--primitive-color-green-900: #276100;--primitive-color-green-1000: #1b4400;--primitive-color-amber-100: #fef3e2;--primitive-color-amber-200: #fdeaca;--primitive-color-amber-300: #fbd799;--primitive-color-amber-400: #f9c369;--primitive-color-amber-500: #f7b039;--primitive-color-amber-600: #f59e0b;--primitive-color-amber-700: #c37d08;--primitive-color-amber-800: #925e06;--primitive-color-amber-900: #613f04;--primitive-color-amber-1000: #311f02;--primitive-color-orange-100: #fdf0e7;--primitive-color-orange-200: #fae1cf;--primitive-color-orange-300: #f6c29e;--primitive-color-orange-400: #f1a46e;--primitive-color-orange-500: #ed863d;--primitive-color-orange-600: #e06915;--primitive-color-orange-700: #b35411;--primitive-color-orange-800: #863f0d;--primitive-color-orange-900: #5a2a08;--primitive-color-orange-1000: #2d1504;--primitive-color-violet-100: #f2e7fd;--primitive-color-violet-200: #e5cffa;--primitive-color-violet-300: #cc9ef6;--primitive-color-violet-400: #b26ef1;--primitive-color-violet-500: #983ded;--primitive-color-violet-600: #7e15e0;--primitive-color-violet-700: #6511b3;--primitive-color-violet-800: #4c0d86;--primitive-color-violet-900: #32085a;--primitive-color-violet-1000: #19042d;--primitive-color-cyan-100: #d1f6fe;--primitive-color-cyan-200: #aaf0fc;--primitive-color-cyan-300: #84eaf8;--primitive-color-cyan-400: #5fe5f3;--primitive-color-cyan-500: #3ce1ed;--primitive-color-cyan-600: #18d5e3;--primitive-color-cyan-700: #16acb7;--primitive-color-cyan-800: #13848c;--primitive-color-cyan-900: #0f5d62;--primitive-color-cyan-950: #0a373a;--primitive-color-aquamarine-100: #d1fef5;--primitive-color-aquamarine-200: #a9fcea;--primitive-color-aquamarine-300: #83f8de;--primitive-color-aquamarine-400: #5ef3d1;--primitive-color-aquamarine-500: #3bedc3;--primitive-color-aquamarine-600: #18e3b0;--primitive-color-aquamarine-700: #15b78c;--primitive-color-aquamarine-800: #128c6a;--primitive-color-aquamarine-900: #0e634a;--primitive-color-aquamarine-950: #093a2b;--primitive-color-magenta-100: #fed1ec;--primitive-color-magenta-200: #fca9da;--primitive-color-magenta-300: #f883c6;--primitive-color-magenta-400: #f35eb3;--primitive-color-magenta-500: #ed3b9e;--primitive-color-magenta-600: #e3188b;--primitive-color-magenta-700: #b71573;--primitive-color-magenta-800: #8c125a;--primitive-color-magenta-900: #630e41;--primitive-color-magenta-1000: #3a0927}.color-blue-100{color:var(--primitive-color-blue-100)}.color-blue-200{color:var(--primitive-color-blue-200)}.color-blue-300{color:var(--primitive-color-blue-300)}.color-blue-400{color:var(--primitive-color-blue-400)}.color-blue-500{color:var(--primitive-color-blue-500)}.color-blue-600{color:var(--primitive-color-blue-600)}.color-blue-700{color:var(--primitive-color-blue-700)}.color-blue-800{color:var(--primitive-color-blue-800)}.color-blue-900{color:var(--primitive-color-blue-900)}.color-blue-1000{color:var(--primitive-color-blue-1000)}.color-jade-100{color:var(--primitive-color-jade-100)}.color-jade-200{color:var(--primitive-color-jade-200)}.color-jade-300{color:var(--primitive-color-jade-300)}.color-jade-400{color:var(--primitive-color-jade-400)}.color-jade-500{color:var(--primitive-color-jade-500)}.color-jade-600{color:var(--primitive-color-jade-600)}.color-jade-700{color:var(--primitive-color-jade-700)}.color-jade-800{color:var(--primitive-color-jade-800)}.color-jade-900{color:var(--primitive-color-jade-900)}.color-jade-1000{color:var(--primitive-color-jade-1000)}.color-gray-100{color:var(--primitive-color-gray-100)}.color-gray-200{color:var(--primitive-color-gray-200)}.color-gray-300{color:var(--primitive-color-gray-300)}.color-gray-400{color:var(--primitive-color-gray-400)}.color-gray-500{color:var(--primitive-color-gray-500)}.color-gray-600{color:var(--primitive-color-gray-600)}.color-gray-700{color:var(--primitive-color-gray-700)}.color-gray-800{color:var(--primitive-color-gray-800)}.color-gray-900{color:var(--primitive-color-gray-900)}.color-gray-1000{color:var(--primitive-color-gray-1000)}.color-gray-1100{color:var(--primitive-color-gray-1100)}.color-neutral-100{color:var(--primitive-color-neutral-100)}.color-neutral-200{color:var(--primitive-color-neutral-200)}.color-neutral-300{color:var(--primitive-color-neutral-300)}.color-neutral-400{color:var(--primitive-color-neutral-400)}.color-neutral-500{color:var(--primitive-color-neutral-500)}.color-neutral-600{color:var(--primitive-color-neutral-600)}.color-neutral-700{color:var(--primitive-color-neutral-700)}.color-neutral-800{color:var(--primitive-color-neutral-800)}.color-neutral-900{color:var(--primitive-color-neutral-900)}.color-neutral-1000{color:var(--primitive-color-neutral-1000)}.color-neutral-1100{color:var(--primitive-color-neutral-1100)}.color-red-100{color:var(--primitive-color-red-100)}.color-red-200{color:var(--primitive-color-red-200)}.color-red-300{color:var(--primitive-color-red-300)}.color-red-400{color:var(--primitive-color-red-400)}.color-red-500{color:var(--primitive-color-red-500)}.color-red-600{color:var(--primitive-color-red-600)}.color-red-700{color:var(--primitive-color-red-700)}.color-red-800{color:var(--primitive-color-red-800)}.color-red-900{color:var(--primitive-color-red-900)}.color-red-1000{color:var(--primitive-color-red-1000)}.color-green-100{color:var(--primitive-color-green-100)}.color-green-200{color:var(--primitive-color-green-200)}.color-green-300{color:var(--primitive-color-green-300)}.color-green-400{color:var(--primitive-color-green-400)}.color-green-500{color:var(--primitive-color-green-500)}.color-green-600{color:var(--primitive-color-green-600)}.color-green-700{color:var(--primitive-color-green-700)}.color-green-800{color:var(--primitive-color-green-800)}.color-green-900{color:var(--primitive-color-green-900)}.color-green-1000{color:var(--primitive-color-green-1000)}.color-amber-100{color:var(--primitive-color-amber-100)}.color-amber-200{color:var(--primitive-color-amber-200)}.color-amber-300{color:var(--primitive-color-amber-300)}.color-amber-400{color:var(--primitive-color-amber-400)}.color-amber-500{color:var(--primitive-color-amber-500)}.color-amber-600{color:var(--primitive-color-amber-600)}.color-amber-700{color:var(--primitive-color-amber-700)}.color-amber-800{color:var(--primitive-color-amber-800)}.color-amber-900{color:var(--primitive-color-amber-900)}.color-amber-1000{color:var(--primitive-color-amber-1000)}.color-orange-100{color:var(--primitive-color-orange-100)}.color-orange-200{color:var(--primitive-color-orange-200)}.color-orange-300{color:var(--primitive-color-orange-300)}.color-orange-400{color:var(--primitive-color-orange-400)}.color-orange-500{color:var(--primitive-color-orange-500)}.color-orange-600{color:var(--primitive-color-orange-600)}.color-orange-700{color:var(--primitive-color-orange-700)}.color-orange-800{color:var(--primitive-color-orange-800)}.color-orange-900{color:var(--primitive-color-orange-900)}.color-orange-1000{color:var(--primitive-color-orange-1000)}.color-violet-100{color:var(--primitive-color-violet-100)}.color-violet-200{color:var(--primitive-color-violet-200)}.color-violet-300{color:var(--primitive-color-violet-300)}.color-violet-400{color:var(--primitive-color-violet-400)}.color-violet-500{color:var(--primitive-color-violet-500)}.color-violet-600{color:var(--primitive-color-violet-600)}.color-violet-700{color:var(--primitive-color-violet-700)}.color-violet-800{color:var(--primitive-color-violet-800)}.color-violet-900{color:var(--primitive-color-violet-900)}.color-violet-1000{color:var(--primitive-color-violet-1000)}.color-cyan-100{color:var(--primitive-color-cyan-100)}.color-cyan-200{color:var(--primitive-color-cyan-200)}.color-cyan-300{color:var(--primitive-color-cyan-300)}.color-cyan-400{color:var(--primitive-color-cyan-400)}.color-cyan-500{color:var(--primitive-color-cyan-500)}.color-cyan-600{color:var(--primitive-color-cyan-600)}.color-cyan-700{color:var(--primitive-color-cyan-700)}.color-cyan-800{color:var(--primitive-color-cyan-800)}.color-cyan-900{color:var(--primitive-color-cyan-900)}.color-cyan-950{color:var(--primitive-color-cyan-950)}.color-aquamarine-100{color:var(--primitive-color-aquamarine-100)}.color-aquamarine-200{color:var(--primitive-color-aquamarine-200)}.color-aquamarine-300{color:var(--primitive-color-aquamarine-300)}.color-aquamarine-400{color:var(--primitive-color-aquamarine-400)}.color-aquamarine-500{color:var(--primitive-color-aquamarine-500)}.color-aquamarine-600{color:var(--primitive-color-aquamarine-600)}.color-aquamarine-700{color:var(--primitive-color-aquamarine-700)}.color-aquamarine-800{color:var(--primitive-color-aquamarine-800)}.color-aquamarine-900{color:var(--primitive-color-aquamarine-900)}.color-aquamarine-950{color:var(--primitive-color-aquamarine-950)}.color-magenta-100{color:var(--primitive-color-magenta-100)}.color-magenta-200{color:var(--primitive-color-magenta-200)}.color-magenta-300{color:var(--primitive-color-magenta-300)}.color-magenta-400{color:var(--primitive-color-magenta-400)}.color-magenta-500{color:var(--primitive-color-magenta-500)}.color-magenta-600{color:var(--primitive-color-magenta-600)}.color-magenta-700{color:var(--primitive-color-magenta-700)}.color-magenta-800{color:var(--primitive-color-magenta-800)}.color-magenta-900{color:var(--primitive-color-magenta-900)}.color-magenta-1000{color:var(--primitive-color-magenta-1000)}:root{--primitive-radius-0: 0px;--primitive-radius-1: 4px;--primitive-radius-2: 8px;--primitive-radius-3: 12px;--primitive-radius-4: 16px;--primitive-radius-5: 20px;--primitive-radius-full: 9999px;--primitive-stroke-0: 0px;--primitive-stroke-1: 1px;--primitive-stroke-2: 2px;--primitive-stroke-3: 3px;--primitive-stroke-4: 4px;--primitive-opacity-0: 0;--primitive-opacity-1: .1;--primitive-opacity-2: .2;--primitive-opacity-3: .3;--primitive-opacity-4: .4;--primitive-opacity-5: .5;--primitive-opacity-6: .6;--primitive-opacity-7: .7;--primitive-opacity-8: .8;--primitive-opacity-9: .9;--primitive-opacity-10: 1;--primitive-shadow-x-small: 0px, 1px, 2px, 0px, rgba(31, 41, 55, .07);--primitive-shadow-small: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07);--primitive-shadow-medium: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07);--primitive-shadow-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07);--primitive-shadow-x-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07), 0px 16px 32px 0px rgba(17, 55, 178, .07);--primitive-shadow-xx-large: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07), 0px 4px 8px 0px rgba(31, 41, 55, .07), 0px 8px 16px 0px rgba(31, 41, 55, .07), 0px 16px 32px 0px rgba(31, 41, 55, .07), 0px 32px 64px 0px rgba(31, 41, 55, .07)}.radius-0{border-radius:var(--primitive-radius-0)}.radius-1{border-radius:var(--primitive-radius-1)}.radius-2{border-radius:var(--primitive-radius-2)}.radius-3{border-radius:var(--primitive-radius-3)}.radius-4{border-radius:var(--primitive-radius-4)}.radius-5{border-radius:var(--primitive-radius-5)}.radius-full{border-radius:var(--primitive-radius-full)}.stroke-0{border-width:var(--primitive-stroke-0)}.stroke-1{border-width:var(--primitive-stroke-1)}.stroke-2{border-width:var(--primitive-stroke-2)}.stroke-3{border-width:var(--primitive-stroke-3)}.stroke-4{border-width:var(--primitive-stroke-4)}.opacity-0{opacity:var(--primitive-opacity-0)}.opacity-1{opacity:var(--primitive-opacity-1)}.opacity-2{opacity:var(--primitive-opacity-2)}.opacity-3{opacity:var(--primitive-opacity-3)}.opacity-4{opacity:var(--primitive-opacity-4)}.opacity-5{opacity:var(--primitive-opacity-5)}.opacity-6{opacity:var(--primitive-opacity-6)}.opacity-7{opacity:var(--primitive-opacity-7)}.opacity-8{opacity:var(--primitive-opacity-8)}.opacity-9{opacity:var(--primitive-opacity-9)}.opacity-10{opacity:var(--primitive-opacity-10)}.shadow-x-small{box-shadow:var(--primitive-shadow-x-small)}.shadow-small{box-shadow:var(--primitive-shadow-small)}.shadow-medium{box-shadow:var(--primitive-shadow-medium)}.shadow-large{box-shadow:var(--primitive-shadow-large)}.shadow-x-large{box-shadow:var(--primitive-shadow-x-large)}.shadow-xx-large{box-shadow:var(--primitive-shadow-xx-large)}:root{--primitive-font-family-title: Inter SemiBold, sans-serif;--primitive-font-family-body: Inter, sans-serif;--primitive-font-weight-1: 100;--primitive-font-weight-2: 200;--primitive-font-weight-3: 300;--primitive-font-weight-4: 400;--primitive-font-weight-5: 500;--primitive-font-weight-6: 600;--primitive-font-weight-7: 700;--primitive-font-weight-8: 800;--primitive-font-weight-9: 900;--primitive-font-size-title-1: 16px;--primitive-font-size-title-2: 18px;--primitive-font-size-title-3: 20px;--primitive-font-size-title-4: 24px;--primitive-font-size-title-5: 28px;--primitive-font-size-title-6: 32px;--primitive-font-size-body-1: 10px;--primitive-font-size-body-2: 12px;--primitive-font-size-body-3: 14px;--primitive-font-size-body-4: 16px;--primitive-font-size-body-5: 18px;--primitive-line-height-title-1: calc(var(--primitive-font-size-title-1) * 1.3);--primitive-line-height-title-2: calc(var(--primitive-font-size-title-2) * 1.3);--primitive-line-height-title-3: calc(var(--primitive-font-size-title-3) * 1.3);--primitive-line-height-title-4: calc(var(--primitive-font-size-title-4) * 1.3);--primitive-line-height-title-5: calc(var(--primitive-font-size-title-5) * 1.3);--primitive-line-height-title-6: calc(var(--primitive-font-size-title-6) * 1.3);--primitive-line-height-title-7: calc(var(--primitive-font-size-title-7) * 1.3);--primitive-line-height-title-8: calc(var(--primitive-font-size-title-8) * 1.3);--primitive-line-height-body-1: calc(var(--primitive-font-size-body-1) * 1.5);--primitive-line-height-body-2: calc(var(--primitive-font-size-body-2) * 1.5);--primitive-line-height-body-3: calc(var(--primitive-font-size-body-3) * 1.5);--primitive-line-height-body-4: calc(var(--primitive-font-size-body-4) * 1.5);--primitive-line-height-body-5: calc(var(--primitive-font-size-body-5) * 1.5);--primitive-heading-h1-font-family: Inter SemiBold, sans-serif;--primitive-heading-h1-font-weight: var(--primitive-font-weight-6);--primitive-heading-h1-font-size: var(--primitive-font-size-title-6);--primitive-heading-h1-line-height: var(--primitive-line-height-title-6);--primitive-heading-h2-font-family: Inter SemiBold, sans-serif;--primitive-heading-h2-font-weight: var(--primitive-font-weight-6);--primitive-heading-h2-font-size: var(--primitive-font-size-title-5);--primitive-heading-h2-line-height: var(--primitive-line-height-title-5);--primitive-heading-h3-font-family: Inter SemiBold, sans-serif;--primitive-heading-h3-font-weight: var(--primitive-font-weight-6);--primitive-heading-h3-font-size: var(--primitive-font-size-title-4);--primitive-heading-h3-line-height: var(--primitive-line-height-title-4);--primitive-heading-h4-font-family: Inter SemiBold, sans-serif;--primitive-heading-h4-font-weight: var(--primitive-font-weight-6);--primitive-heading-h4-font-size: var(--primitive-font-size-title-3);--primitive-heading-h4-line-height: var(--primitive-line-height-title-3);--primitive-heading-h5-font-family: Inter SemiBold, sans-serif;--primitive-heading-h5-font-weight: var(--primitive-font-weight-6);--primitive-heading-h5-font-size: var(--primitive-font-size-title-2);--primitive-heading-h5-line-height: var(--primitive-line-height-title-2);--primitive-heading-h6-font-family: Inter SemiBold, sans-serif;--primitive-heading-h6-font-weight: var(--primitive-font-weight-6);--primitive-heading-h6-font-size: var(--primitive-font-size-title-1);--primitive-heading-h6-line-height: var(--primitive-line-height-title-1);--primitive-label-large-font-family: Inter, sans-serif;--primitive-label-large-font-weight: 500;--primitive-label-large-font-size: 18px;--primitive-label-large-line-height: 24px;--primitive-label-medium-font-family: Inter, sans-serif;--primitive-label-medium-font-weight: 500;--primitive-label-medium-font-size: 16px;--primitive-label-medium-line-height: 18px;--primitive-label-small-font-family: Inter, sans-serif;--primitive-label-small-font-weight: 500;--primitive-label-small-font-size: 14px;--primitive-label-small-line-height: 16px;--primitive-label-uppercase-font-family: Inter, sans-serif;--primitive-label-uppercase-font-weight: 500;--primitive-label-uppercase-font-size: 18px;--primitive-label-uppercase-line-height: 24px;--primitive-label-uppercase-text-transform: uppercase;--primitive-label-underline-font-family: Inter, sans-serif;--primitive-label-underline-font-weight: 500;--primitive-label-underline-font-size: 16px;--primitive-label-underline-line-height: 18px;--primitive-label-underline-text-decoration: underline;--primitive-label-strike-font-family: Inter, sans-serif;--primitive-label-strike-font-weight: 500;--primitive-label-strike-font-size: 14px;--primitive-label-strike-line-height: 16px;--primitive-label-strike-text-decoration: line-through;--primitive-paragraph-large-font-family: Inter, sans-serif;--primitive-paragraph-large-font-weight: 400;--primitive-paragraph-large-font-size: 18px;--primitive-paragraph-large-line-height: 28px;--primitive-paragraph-medium-font-family: Inter, sans-serif;--primitive-paragraph-medium-font-weight: 400;--primitive-paragraph-medium-font-size: 16px;--primitive-paragraph-medium-line-height: 24px;--primitive-paragraph-small-font-family: Inter, sans-serif;--primitive-paragraph-small-font-weight: 400;--primitive-paragraph-small-font-size: 14px;--primitive-paragraph-small-line-height: 20px;--primitive-paragraph-uppercase-font-family: Inter, sans-serif;--primitive-paragraph-uppercase-font-weight: 400;--primitive-paragraph-uppercase-font-size: 18px;--primitive-paragraph-uppercase-line-height: 28px;--primitive-paragraph-uppercase-text-transform: uppercase;--primitive-paragraph-underline-font-family: Inter, sans-serif;--primitive-paragraph-underline-font-weight: 400;--primitive-paragraph-underline-font-size: 16px;--primitive-paragraph-underline-line-height: 24px;--primitive-paragraph-underline-text-decoration: underline;--primitive-paragraph-strikethrough-font-family: Inter, sans-serif;--primitive-paragraph-strikethrough-font-weight: 400;--primitive-paragraph-strikethrough-font-size: 14px;--primitive-paragraph-strikethrough-line-height: 20px;--primitive-paragraph-strikethrough-text-decoration: line-through;--primitive-caption-large-font-family: Inter, sans-serif;--primitive-caption-large-font-weight: 600;--primitive-caption-large-font-size: 12px;--primitive-caption-large-line-height: 20px;--primitive-caption-regular-font-family: Inter, sans-serif;--primitive-caption-regular-font-weight: 400;--primitive-caption-regular-font-size: 12px;--primitive-caption-regular-line-height: 20px;--primitive-caption-uppercase-font-family: Inter, sans-serif;--primitive-caption-uppercase-font-weight: 600;--primitive-caption-uppercase-font-size: 12px;--primitive-caption-uppercase-line-height: 20px;--primitive-caption-uppercase-text-transform: uppercase;--primitive-caption-underline-font-family: Inter, sans-serif;--primitive-caption-underline-font-weight: 400;--primitive-caption-underline-font-size: 12px;--primitive-caption-underline-line-height: 20px;--primitive-caption-underline-text-decoration: underline;--primitive-caption-strikethrough-font-family: Inter, sans-serif;--primitive-caption-strikethrough-font-weight: 400;--primitive-caption-strikethrough-font-size: 12px;--primitive-caption-strikethrough-line-height: 20px;--primitive-caption-strikethrough-text-decoration: line-through}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.font-size-title-1{font-size:16px}.font-size-title-2{font-size:18px}.font-size-title-3{font-size:20px}.font-size-title-4{font-size:24px}.font-size-title-5{font-size:28px}.font-size-title-6{font-size:32px}.font-size-body-1{font-size:10px}.font-size-body-2{font-size:12px}.font-size-body-3{font-size:14px}.font-size-body-4{font-size:16px}.font-size-body-5{font-size:18px}.line-height-title-1{line-height:calc(var(--primitive-font-size-title-1) * 1.3)}.line-height-title-2{line-height:calc(var(--primitive-font-size-title-2) * 1.3)}.line-height-title-3{line-height:calc(var(--primitive-font-size-title-3) * 1.3)}.line-height-title-4{line-height:calc(var(--primitive-font-size-title-4) * 1.3)}.line-height-title-5{line-height:calc(var(--primitive-font-size-title-5) * 1.3)}.line-height-title-6{line-height:calc(var(--primitive-font-size-title-6) * 1.3)}.line-height-title-7{line-height:calc(var(--primitive-font-size-title-7) * 1.3)}.line-height-title-8{line-height:calc(var(--primitive-font-size-title-8) * 1.3)}.line-height-body-1{line-height:calc(var(--primitive-font-size-body-1) * 1.5)}.line-height-body-2{line-height:calc(var(--primitive-font-size-body-2) * 1.5)}.line-height-body-3{line-height:calc(var(--primitive-font-size-body-3) * 1.5)}.line-height-body-4{line-height:calc(var(--primitive-font-size-body-4) * 1.5)}.line-height-body-5{line-height:calc(var(--primitive-font-size-body-5) * 1.5)}.heading-h1{font-family:var(--primitive-heading-h1-font-family);font-weight:var(--primitive-heading-h1-font-weight);font-size:var(--primitive-heading-h1-font-size);line-height:var(--primitive-heading-h1-line-height)}.heading-h2{font-family:var(--primitive-heading-h2-font-family);font-weight:var(--primitive-heading-h2-font-weight);font-size:var(--primitive-heading-h2-font-size);line-height:var(--primitive-heading-h2-line-height)}.heading-h3{font-family:var(--primitive-heading-h3-font-family);font-weight:var(--primitive-heading-h3-font-weight);font-size:var(--primitive-heading-h3-font-size);line-height:var(--primitive-heading-h3-line-height)}.heading-h4{font-family:var(--primitive-heading-h4-font-family);font-weight:var(--primitive-heading-h4-font-weight);font-size:var(--primitive-heading-h4-font-size);line-height:var(--primitive-heading-h4-line-height)}.heading-h5{font-family:var(--primitive-heading-h5-font-family);font-weight:var(--primitive-heading-h5-font-weight);font-size:var(--primitive-heading-h5-font-size);line-height:var(--primitive-heading-h5-line-height)}.heading-h6{font-family:var(--primitive-heading-h6-font-family);font-weight:var(--primitive-heading-h6-font-weight);font-size:var(--primitive-heading-h6-font-size);line-height:var(--primitive-heading-h6-line-height)}.label-large{font-family:var(--primitive-label-large-font-family);font-weight:var(--primitive-label-large-font-weight);font-size:var(--primitive-label-large-font-size);line-height:var(--primitive-label-large-line-height)}.label-medium{font-family:var(--primitive-label-medium-font-family);font-weight:var(--primitive-label-medium-font-weight);font-size:var(--primitive-label-medium-font-size);line-height:var(--primitive-label-medium-line-height)}.label-small{font-family:var(--primitive-label-small-font-family);font-weight:var(--primitive-label-small-font-weight);font-size:var(--primitive-label-small-font-size);line-height:var(--primitive-label-small-line-height)}.label-uppercase{font-family:var(--primitive-label-uppercase-font-family);font-weight:var(--primitive-label-uppercase-font-weight);font-size:var(--primitive-label-uppercase-font-size);line-height:var(--primitive-label-uppercase-line-height);text-transform:var(--primitive-label-uppercase-text-transform)}.label-underline{font-family:var(--primitive-label-underline-font-family);font-weight:var(--primitive-label-underline-font-weight);font-size:var(--primitive-label-underline-font-size);line-height:var(--primitive-label-underline-line-height);text-decoration:var(--primitive-label-underline-text-decoration)}.label-strike{font-family:var(--primitive-label-strike-font-family);font-weight:var(--primitive-label-strike-font-weight);font-size:var(--primitive-label-strike-font-size);line-height:var(--primitive-label-strike-line-height);text-decoration:var(--primitive-label-strike-text-decoration)}.paragraph-large{font-family:var(--primitive-paragraph-large-font-family);font-weight:var(--primitive-paragraph-large-font-weight);font-size:var(--primitive-paragraph-large-font-size);line-height:var(--primitive-paragraph-large-line-height)}.paragraph-medium{font-family:var(--primitive-paragraph-medium-font-family);font-weight:var(--primitive-paragraph-medium-font-weight);font-size:var(--primitive-paragraph-medium-font-size);line-height:var(--primitive-paragraph-medium-line-height)}.paragraph-small{font-family:var(--primitive-paragraph-small-font-family);font-weight:var(--primitive-paragraph-small-font-weight);font-size:var(--primitive-paragraph-small-font-size);line-height:var(--primitive-paragraph-small-line-height)}.paragraph-uppercase{font-family:var(--primitive-paragraph-uppercase-font-family);font-weight:var(--primitive-paragraph-uppercase-font-weight);font-size:var(--primitive-paragraph-uppercase-font-size);line-height:var(--primitive-paragraph-uppercase-line-height);text-transform:var(--primitive-paragraph-uppercase-text-transform)}.paragraph-underline{font-family:var(--primitive-paragraph-underline-font-family);font-weight:var(--primitive-paragraph-underline-font-weight);font-size:var(--primitive-paragraph-underline-font-size);line-height:var(--primitive-paragraph-underline-line-height);text-decoration:var(--primitive-paragraph-underline-text-decoration)}.paragraph-strikethrough{font-family:var(--primitive-paragraph-strikethrough-font-family);font-weight:var(--primitive-paragraph-strikethrough-font-weight);font-size:var(--primitive-paragraph-strikethrough-font-size);line-height:var(--primitive-paragraph-strikethrough-line-height);text-decoration:var(--primitive-paragraph-strikethrough-text-decoration)}.caption-large{font-family:var(--primitive-caption-large-font-family);font-weight:var(--primitive-caption-large-font-weight);font-size:var(--primitive-caption-large-font-size);line-height:var(--primitive-caption-large-line-height)}.caption-regular{font-family:var(--primitive-caption-regular-font-family);font-weight:var(--primitive-caption-regular-font-weight);font-size:var(--primitive-caption-regular-font-size);line-height:var(--primitive-caption-regular-line-height)}.caption-uppercase{font-family:var(--primitive-caption-uppercase-font-family);font-weight:var(--primitive-caption-uppercase-font-weight);font-size:var(--primitive-caption-uppercase-font-size);line-height:var(--primitive-caption-uppercase-line-height);text-transform:var(--primitive-caption-uppercase-text-transform)}.caption-underline{font-family:var(--primitive-caption-underline-font-family);font-weight:var(--primitive-caption-underline-font-weight);font-size:var(--primitive-caption-underline-font-size);line-height:var(--primitive-caption-underline-line-height);text-decoration:var(--primitive-caption-underline-text-decoration)}.caption-strikethrough{font-family:var(--primitive-caption-strikethrough-font-family);font-weight:var(--primitive-caption-strikethrough-font-weight);font-size:var(--primitive-caption-strikethrough-font-size);line-height:var(--primitive-caption-strikethrough-line-height);text-decoration:var(--primitive-caption-strikethrough-text-decoration)}html{font-size:14px}body{font-size:14px;font-family:Inter,sans-serif}:root{--primitive-dimension-0: 0px;--primitive-dimension-1: 1px;--primitive-dimension-2: 2px;--primitive-dimension-3: 4px;--primitive-dimension-4: 8px;--primitive-dimension-5: 12px;--primitive-dimension-6: 16px;--primitive-dimension-7: 20px;--primitive-dimension-8: 24px;--primitive-dimension-9: 28px;--primitive-dimension-10: 32px;--primitive-dimension-11: 36px;--primitive-dimension-12: 40px;--primitive-dimension-13: 44px;--primitive-dimension-14: 48px;--primitive-dimension-15: 52px;--primitive-dimension-16: 56px;--primitive-dimension-17: 60px;--primitive-dimension-18: 64px;--primitive-dimension-19: 68px;--primitive-dimension-20: 72px;--primitive-dimension-21: 76px;--primitive-dimension-22: 80px;--primitive-dimension-23: 100px;--primitive-dimension-24: 120px;--primitive-dimension-25: 140px;--primitive-padding-size-0: 0rem;--primitive-padding-size-1: .0714285714rem;--primitive-padding-size-2: .1428571429rem;--primitive-padding-size-3: .2857142857rem;--primitive-padding-size-4: .5714285714rem;--primitive-padding-size-5: .8571428571rem;--primitive-padding-size-6: 1.1428571429rem;--primitive-padding-size-7: 1.4285714286rem;--primitive-padding-size-8: 1.7142857143rem;--primitive-padding-size-9: 2rem;--primitive-padding-size-10: 2.2857142857rem;--primitive-padding-size-11: 2.5714285714rem;--primitive-padding-size-12: 2.8571428571rem;--primitive-padding-size-13: 3.1428571429rem;--primitive-padding-size-14: 3.4285714286rem;--primitive-padding-size-15: 3.7142857143rem;--primitive-padding-size-16: 4rem;--primitive-padding-size-17: 4.2857142857rem;--primitive-padding-size-18: 4.5714285714rem;--primitive-padding-size-19: 4.8571428571rem;--primitive-padding-size-20: 5.1428571429rem;--primitive-padding-size-21: 5.4285714286rem;--primitive-padding-size-22: 5.7142857143rem;--primitive-padding-size-23: 7.1428571429rem;--primitive-padding-size-24: 8.5714285714rem;--primitive-padding-size-25: 10rem}.dimension-0{gap:var(--primitive-dimension-0)}.dimension-1{gap:var(--primitive-dimension-1)}.dimension-2{gap:var(--primitive-dimension-2)}.dimension-3{gap:var(--primitive-dimension-3)}.dimension-4{gap:var(--primitive-dimension-4)}.dimension-5{gap:var(--primitive-dimension-5)}.dimension-6{gap:var(--primitive-dimension-6)}.dimension-7{gap:var(--primitive-dimension-7)}.dimension-8{gap:var(--primitive-dimension-8)}.dimension-9{gap:var(--primitive-dimension-9)}.dimension-10{gap:var(--primitive-dimension-10)}.dimension-11{gap:var(--primitive-dimension-11)}.dimension-12{gap:var(--primitive-dimension-12)}.dimension-13{gap:var(--primitive-dimension-13)}.dimension-14{gap:var(--primitive-dimension-14)}.dimension-15{gap:var(--primitive-dimension-15)}.dimension-16{gap:var(--primitive-dimension-16)}.dimension-17{gap:var(--primitive-dimension-17)}.dimension-18{gap:var(--primitive-dimension-18)}.dimension-19{gap:var(--primitive-dimension-19)}.dimension-20{gap:var(--primitive-dimension-20)}.dimension-21{gap:var(--primitive-dimension-21)}.dimension-22{gap:var(--primitive-dimension-22)}.dimension-23{gap:var(--primitive-dimension-23)}.dimension-24{gap:var(--primitive-dimension-24)}.dimension-25{gap:var(--primitive-dimension-25)}.padding-size-0{padding:var(--primitive-padding-size-0)}.padding-size-1{padding:var(--primitive-padding-size-1)}.padding-size-2{padding:var(--primitive-padding-size-2)}.padding-size-3{padding:var(--primitive-padding-size-3)}.padding-size-4{padding:var(--primitive-padding-size-4)}.padding-size-5{padding:var(--primitive-padding-size-5)}.padding-size-6{padding:var(--primitive-padding-size-6)}.padding-size-7{padding:var(--primitive-padding-size-7)}.padding-size-8{padding:var(--primitive-padding-size-8)}.padding-size-9{padding:var(--primitive-padding-size-9)}.padding-size-10{padding:var(--primitive-padding-size-10)}.padding-size-11{padding:var(--primitive-padding-size-11)}.padding-size-12{padding:var(--primitive-padding-size-12)}.padding-size-13{padding:var(--primitive-padding-size-13)}.padding-size-14{padding:var(--primitive-padding-size-14)}.padding-size-15{padding:var(--primitive-padding-size-15)}.padding-size-16{padding:var(--primitive-padding-size-16)}.padding-size-17{padding:var(--primitive-padding-size-17)}.padding-size-18{padding:var(--primitive-padding-size-18)}.padding-size-19{padding:var(--primitive-padding-size-19)}.padding-size-20{padding:var(--primitive-padding-size-20)}.padding-size-21{padding:var(--primitive-padding-size-21)}.padding-size-22{padding:var(--primitive-padding-size-22)}.padding-size-23{padding:var(--primitive-padding-size-23)}.padding-size-24{padding:var(--primitive-padding-size-24)}.padding-size-25{padding:var(--primitive-padding-size-25)}:host ::ng-deep .cw-badge{display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:9999px;box-sizing:border-box;opacity:1}:host ::ng-deep .cw-badge.cw-badge--large{width:var(--primitive-dimension-8);height:var(--primitive-dimension-8);font-size:var(--primitive-font-size-body-3)}:host ::ng-deep .cw-badge.cw-badge--medium{width:var(--primitive-dimension-6);height:var(--primitive-dimension-6);font-size:var(--primitive-font-size-body-1)}:host ::ng-deep .cw-badge.cw-badge--small{width:var(--primitive-dimension-4);height:var(--primitive-dimension-4);font-size:0}:host ::ng-deep .cw-badge.cw-badge--has-label.cw-badge--large{min-width:var(--primitive-dimension-8);padding:.1428571429rem .5714285714rem}:host ::ng-deep .cw-badge.cw-badge--has-label.cw-badge--medium{min-width:16px;padding:.0714285714rem .2857142857rem}:host ::ng-deep .cw-badge.cw-badge--has-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center}:host ::ng-deep .cw-badge.cw-badge--brand-default{background-color:var(--primitive-color-blue-600)}:host ::ng-deep .cw-badge.cw-badge--danger-bold{background-color:var(--primitive-color-red-600)}:host ::ng-deep .cw-badge.cw-badge--warning-bold{background-color:var(--primitive-color-amber-600)}:host ::ng-deep .cw-badge.cw-badge--fill-secondary{background-color:var(--primitive-color-gray-200);color:var(--primitive-color-gray-500)}:host ::ng-deep .cw-badge.cw-badge--icon-success{background-color:var(--primitive-color-green-600)}:host ::ng-deep .cw-badge.cw-badge--positioned{position:absolute;top:20px;left:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: BadgeModule }] });
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CrystalBadge, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ selector: 'cw-badge', standalone: true, imports: [CommonModule, BadgeModule], template: "<span class=\"cw-badge\" [ngClass]=\"badgeClasses\"> {{ label() }} </span>\n", styles: [":root{--primitive-color-blue-100: #e7ecfd;--primitive-color-blue-200: #ced9fa;--primitive-color-blue-300: #9db3f6;--primitive-color-blue-400: #6d8cf1;--primitive-color-blue-500: #3c66ed;--primitive-color-blue-600: #1545de;--primitive-color-blue-700: #1137b2;--primitive-color-blue-800: #0d2985;--primitive-color-blue-900: #081c59;--primitive-color-blue-1000: #040e2c;--primitive-color-jade-100: #f2f8f4;--primitive-color-jade-200: #e4f0e9;--primitive-color-jade-300: #c6e0d0;--primitive-color-jade-400: #a1cfb4;--primitive-color-jade-500: #72bd93;--primitive-color-jade-600: #00a868;--primitive-color-jade-700: #00965d;--primitive-color-jade-800: #008251;--primitive-color-jade-900: #006a42;--primitive-color-jade-1000: #004b2f;--primitive-color-gray-100: #f9fafb;--primitive-color-gray-200: #f3f4f6;--primitive-color-gray-300: #e5e7eb;--primitive-color-gray-400: #d1d5db;--primitive-color-gray-500: #9ca3af;--primitive-color-gray-600: #6b7280;--primitive-color-gray-700: #4b5563;--primitive-color-gray-800: #374151;--primitive-color-gray-900: #1f2937;--primitive-color-gray-1000: #111827;--primitive-color-gray-1100: #030712;--primitive-color-neutral-100: #fafafa;--primitive-color-neutral-200: #f5f5f5;--primitive-color-neutral-300: #e5e5e5;--primitive-color-neutral-400: #d4d4d4;--primitive-color-neutral-500: #a3a3a3;--primitive-color-neutral-600: #737373;--primitive-color-neutral-700: #525252;--primitive-color-neutral-800: #404040;--primitive-color-neutral-900: #262626;--primitive-color-neutral-1000: #171717;--primitive-color-neutral-1100: #0a0a0a;--primitive-color-red-100: #fae1e1;--primitive-color-red-200: #f7cccc;--primitive-color-red-300: #f0a1a1;--primitive-color-red-400: #e97777;--primitive-color-red-500: #e24c4c;--primitive-color-red-600: #da2323;--primitive-color-red-700: #ae1c1c;--primitive-color-red-800: #831515;--primitive-color-red-900: #570e0e;--primitive-color-red-1000: #2c0707;--primitive-color-green-100: #f3f7f2;--primitive-color-green-200: #e6eee4;--primitive-color-green-300: #c9dcc6;--primitive-color-green-400: #a8c8a1;--primitive-color-green-500: #7eb272;--primitive-color-green-600: #3d9900;--primitive-color-green-700: #378900;--primitive-color-green-800: #2f7700;--primitive-color-green-900: #276100;--primitive-color-green-1000: #1b4400;--primitive-color-amber-100: #fef3e2;--primitive-color-amber-200: #fdeaca;--primitive-color-amber-300: #fbd799;--primitive-color-amber-400: #f9c369;--primitive-color-amber-500: #f7b039;--primitive-color-amber-600: #f59e0b;--primitive-color-amber-700: #c37d08;--primitive-color-amber-800: #925e06;--primitive-color-amber-900: #613f04;--primitive-color-amber-1000: #311f02;--primitive-color-orange-100: #fdf0e7;--primitive-color-orange-200: #fae1cf;--primitive-color-orange-300: #f6c29e;--primitive-color-orange-400: #f1a46e;--primitive-color-orange-500: #ed863d;--primitive-color-orange-600: #e06915;--primitive-color-orange-700: #b35411;--primitive-color-orange-800: #863f0d;--primitive-color-orange-900: #5a2a08;--primitive-color-orange-1000: #2d1504;--primitive-color-violet-100: #f2e7fd;--primitive-color-violet-200: #e5cffa;--primitive-color-violet-300: #cc9ef6;--primitive-color-violet-400: #b26ef1;--primitive-color-violet-500: #983ded;--primitive-color-violet-600: #7e15e0;--primitive-color-violet-700: #6511b3;--primitive-color-violet-800: #4c0d86;--primitive-color-violet-900: #32085a;--primitive-color-violet-1000: #19042d;--primitive-color-cyan-100: #d1f6fe;--primitive-color-cyan-200: #aaf0fc;--primitive-color-cyan-300: #84eaf8;--primitive-color-cyan-400: #5fe5f3;--primitive-color-cyan-500: #3ce1ed;--primitive-color-cyan-600: #18d5e3;--primitive-color-cyan-700: #16acb7;--primitive-color-cyan-800: #13848c;--primitive-color-cyan-900: #0f5d62;--primitive-color-cyan-950: #0a373a;--primitive-color-aquamarine-100: #d1fef5;--primitive-color-aquamarine-200: #a9fcea;--primitive-color-aquamarine-300: #83f8de;--primitive-color-aquamarine-400: #5ef3d1;--primitive-color-aquamarine-500: #3bedc3;--primitive-color-aquamarine-600: #18e3b0;--primitive-color-aquamarine-700: #15b78c;--primitive-color-aquamarine-800: #128c6a;--primitive-color-aquamarine-900: #0e634a;--primitive-color-aquamarine-950: #093a2b;--primitive-color-magenta-100: #fed1ec;--primitive-color-magenta-200: #fca9da;--primitive-color-magenta-300: #f883c6;--primitive-color-magenta-400: #f35eb3;--primitive-color-magenta-500: #ed3b9e;--primitive-color-magenta-600: #e3188b;--primitive-color-magenta-700: #b71573;--primitive-color-magenta-800: #8c125a;--primitive-color-magenta-900: #630e41;--primitive-color-magenta-1000: #3a0927}.color-blue-100{color:var(--primitive-color-blue-100)}.color-blue-200{color:var(--primitive-color-blue-200)}.color-blue-300{color:var(--primitive-color-blue-300)}.color-blue-400{color:var(--primitive-color-blue-400)}.color-blue-500{color:var(--primitive-color-blue-500)}.color-blue-600{color:var(--primitive-color-blue-600)}.color-blue-700{color:var(--primitive-color-blue-700)}.color-blue-800{color:var(--primitive-color-blue-800)}.color-blue-900{color:var(--primitive-color-blue-900)}.color-blue-1000{color:var(--primitive-color-blue-1000)}.color-jade-100{color:var(--primitive-color-jade-100)}.color-jade-200{color:var(--primitive-color-jade-200)}.color-jade-300{color:var(--primitive-color-jade-300)}.color-jade-400{color:var(--primitive-color-jade-400)}.color-jade-500{color:var(--primitive-color-jade-500)}.color-jade-600{color:var(--primitive-color-jade-600)}.color-jade-700{color:var(--primitive-color-jade-700)}.color-jade-800{color:var(--primitive-color-jade-800)}.color-jade-900{color:var(--primitive-color-jade-900)}.color-jade-1000{color:var(--primitive-color-jade-1000)}.color-gray-100{color:var(--primitive-color-gray-100)}.color-gray-200{color:var(--primitive-color-gray-200)}.color-gray-300{color:var(--primitive-color-gray-300)}.color-gray-400{color:var(--primitive-color-gray-400)}.color-gray-500{color:var(--primitive-color-gray-500)}.color-gray-600{color:var(--primitive-color-gray-600)}.color-gray-700{color:var(--primitive-color-gray-700)}.color-gray-800{color:var(--primitive-color-gray-800)}.color-gray-900{color:var(--primitive-color-gray-900)}.color-gray-1000{color:var(--primitive-color-gray-1000)}.color-gray-1100{color:var(--primitive-color-gray-1100)}.color-neutral-100{color:var(--primitive-color-neutral-100)}.color-neutral-200{color:var(--primitive-color-neutral-200)}.color-neutral-300{color:var(--primitive-color-neutral-300)}.color-neutral-400{color:var(--primitive-color-neutral-400)}.color-neutral-500{color:var(--primitive-color-neutral-500)}.color-neutral-600{color:var(--primitive-color-neutral-600)}.color-neutral-700{color:var(--primitive-color-neutral-700)}.color-neutral-800{color:var(--primitive-color-neutral-800)}.color-neutral-900{color:var(--primitive-color-neutral-900)}.color-neutral-1000{color:var(--primitive-color-neutral-1000)}.color-neutral-1100{color:var(--primitive-color-neutral-1100)}.color-red-100{color:var(--primitive-color-red-100)}.color-red-200{color:var(--primitive-color-red-200)}.color-red-300{color:var(--primitive-color-red-300)}.color-red-400{color:var(--primitive-color-red-400)}.color-red-500{color:var(--primitive-color-red-500)}.color-red-600{color:var(--primitive-color-red-600)}.color-red-700{color:var(--primitive-color-red-700)}.color-red-800{color:var(--primitive-color-red-800)}.color-red-900{color:var(--primitive-color-red-900)}.color-red-1000{color:var(--primitive-color-red-1000)}.color-green-100{color:var(--primitive-color-green-100)}.color-green-200{color:var(--primitive-color-green-200)}.color-green-300{color:var(--primitive-color-green-300)}.color-green-400{color:var(--primitive-color-green-400)}.color-green-500{color:var(--primitive-color-green-500)}.color-green-600{color:var(--primitive-color-green-600)}.color-green-700{color:var(--primitive-color-green-700)}.color-green-800{color:var(--primitive-color-green-800)}.color-green-900{color:var(--primitive-color-green-900)}.color-green-1000{color:var(--primitive-color-green-1000)}.color-amber-100{color:var(--primitive-color-amber-100)}.color-amber-200{color:var(--primitive-color-amber-200)}.color-amber-300{color:var(--primitive-color-amber-300)}.color-amber-400{color:var(--primitive-color-amber-400)}.color-amber-500{color:var(--primitive-color-amber-500)}.color-amber-600{color:var(--primitive-color-amber-600)}.color-amber-700{color:var(--primitive-color-amber-700)}.color-amber-800{color:var(--primitive-color-amber-800)}.color-amber-900{color:var(--primitive-color-amber-900)}.color-amber-1000{color:var(--primitive-color-amber-1000)}.color-orange-100{color:var(--primitive-color-orange-100)}.color-orange-200{color:var(--primitive-color-orange-200)}.color-orange-300{color:var(--primitive-color-orange-300)}.color-orange-400{color:var(--primitive-color-orange-400)}.color-orange-500{color:var(--primitive-color-orange-500)}.color-orange-600{color:var(--primitive-color-orange-600)}.color-orange-700{color:var(--primitive-color-orange-700)}.color-orange-800{color:var(--primitive-color-orange-800)}.color-orange-900{color:var(--primitive-color-orange-900)}.color-orange-1000{color:var(--primitive-color-orange-1000)}.color-violet-100{color:var(--primitive-color-violet-100)}.color-violet-200{color:var(--primitive-color-violet-200)}.color-violet-300{color:var(--primitive-color-violet-300)}.color-violet-400{color:var(--primitive-color-violet-400)}.color-violet-500{color:var(--primitive-color-violet-500)}.color-violet-600{color:var(--primitive-color-violet-600)}.color-violet-700{color:var(--primitive-color-violet-700)}.color-violet-800{color:var(--primitive-color-violet-800)}.color-violet-900{color:var(--primitive-color-violet-900)}.color-violet-1000{color:var(--primitive-color-violet-1000)}.color-cyan-100{color:var(--primitive-color-cyan-100)}.color-cyan-200{color:var(--primitive-color-cyan-200)}.color-cyan-300{color:var(--primitive-color-cyan-300)}.color-cyan-400{color:var(--primitive-color-cyan-400)}.color-cyan-500{color:var(--primitive-color-cyan-500)}.color-cyan-600{color:var(--primitive-color-cyan-600)}.color-cyan-700{color:var(--primitive-color-cyan-700)}.color-cyan-800{color:var(--primitive-color-cyan-800)}.color-cyan-900{color:var(--primitive-color-cyan-900)}.color-cyan-950{color:var(--primitive-color-cyan-950)}.color-aquamarine-100{color:var(--primitive-color-aquamarine-100)}.color-aquamarine-200{color:var(--primitive-color-aquamarine-200)}.color-aquamarine-300{color:var(--primitive-color-aquamarine-300)}.color-aquamarine-400{color:var(--primitive-color-aquamarine-400)}.color-aquamarine-500{color:var(--primitive-color-aquamarine-500)}.color-aquamarine-600{color:var(--primitive-color-aquamarine-600)}.color-aquamarine-700{color:var(--primitive-color-aquamarine-700)}.color-aquamarine-800{color:var(--primitive-color-aquamarine-800)}.color-aquamarine-900{color:var(--primitive-color-aquamarine-900)}.color-aquamarine-950{color:var(--primitive-color-aquamarine-950)}.color-magenta-100{color:var(--primitive-color-magenta-100)}.color-magenta-200{color:var(--primitive-color-magenta-200)}.color-magenta-300{color:var(--primitive-color-magenta-300)}.color-magenta-400{color:var(--primitive-color-magenta-400)}.color-magenta-500{color:var(--primitive-color-magenta-500)}.color-magenta-600{color:var(--primitive-color-magenta-600)}.color-magenta-700{color:var(--primitive-color-magenta-700)}.color-magenta-800{color:var(--primitive-color-magenta-800)}.color-magenta-900{color:var(--primitive-color-magenta-900)}.color-magenta-1000{color:var(--primitive-color-magenta-1000)}:root{--primitive-radius-0: 0px;--primitive-radius-1: 4px;--primitive-radius-2: 8px;--primitive-radius-3: 12px;--primitive-radius-4: 16px;--primitive-radius-5: 20px;--primitive-radius-full: 9999px;--primitive-stroke-0: 0px;--primitive-stroke-1: 1px;--primitive-stroke-2: 2px;--primitive-stroke-3: 3px;--primitive-stroke-4: 4px;--primitive-opacity-0: 0;--primitive-opacity-1: .1;--primitive-opacity-2: .2;--primitive-opacity-3: .3;--primitive-opacity-4: .4;--primitive-opacity-5: .5;--primitive-opacity-6: .6;--primitive-opacity-7: .7;--primitive-opacity-8: .8;--primitive-opacity-9: .9;--primitive-opacity-10: 1;--primitive-shadow-x-small: 0px, 1px, 2px, 0px, rgba(31, 41, 55, .07);--primitive-shadow-small: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07);--primitive-shadow-medium: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07);--primitive-shadow-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07);--primitive-shadow-x-large: 0px 1px 2px 0px rgba(17, 55, 178, .07), 0px 2px 4px 0px rgba(17, 55, 178, .07), 0px 4px 8px 0px rgba(17, 55, 178, .07), 0px 8px 16px 0px rgba(17, 55, 178, .07), 0px 16px 32px 0px rgba(17, 55, 178, .07);--primitive-shadow-xx-large: 0px 1px 2px 0px rgba(31, 41, 55, .07), 0px 2px 4px 0px rgba(31, 41, 55, .07), 0px 4px 8px 0px rgba(31, 41, 55, .07), 0px 8px 16px 0px rgba(31, 41, 55, .07), 0px 16px 32px 0px rgba(31, 41, 55, .07), 0px 32px 64px 0px rgba(31, 41, 55, .07)}.radius-0{border-radius:var(--primitive-radius-0)}.radius-1{border-radius:var(--primitive-radius-1)}.radius-2{border-radius:var(--primitive-radius-2)}.radius-3{border-radius:var(--primitive-radius-3)}.radius-4{border-radius:var(--primitive-radius-4)}.radius-5{border-radius:var(--primitive-radius-5)}.radius-full{border-radius:var(--primitive-radius-full)}.stroke-0{border-width:var(--primitive-stroke-0)}.stroke-1{border-width:var(--primitive-stroke-1)}.stroke-2{border-width:var(--primitive-stroke-2)}.stroke-3{border-width:var(--primitive-stroke-3)}.stroke-4{border-width:var(--primitive-stroke-4)}.opacity-0{opacity:var(--primitive-opacity-0)}.opacity-1{opacity:var(--primitive-opacity-1)}.opacity-2{opacity:var(--primitive-opacity-2)}.opacity-3{opacity:var(--primitive-opacity-3)}.opacity-4{opacity:var(--primitive-opacity-4)}.opacity-5{opacity:var(--primitive-opacity-5)}.opacity-6{opacity:var(--primitive-opacity-6)}.opacity-7{opacity:var(--primitive-opacity-7)}.opacity-8{opacity:var(--primitive-opacity-8)}.opacity-9{opacity:var(--primitive-opacity-9)}.opacity-10{opacity:var(--primitive-opacity-10)}.shadow-x-small{box-shadow:var(--primitive-shadow-x-small)}.shadow-small{box-shadow:var(--primitive-shadow-small)}.shadow-medium{box-shadow:var(--primitive-shadow-medium)}.shadow-large{box-shadow:var(--primitive-shadow-large)}.shadow-x-large{box-shadow:var(--primitive-shadow-x-large)}.shadow-xx-large{box-shadow:var(--primitive-shadow-xx-large)}:root{--primitive-font-family-title: Inter SemiBold, sans-serif;--primitive-font-family-body: Inter, sans-serif;--primitive-font-weight-1: 100;--primitive-font-weight-2: 200;--primitive-font-weight-3: 300;--primitive-font-weight-4: 400;--primitive-font-weight-5: 500;--primitive-font-weight-6: 600;--primitive-font-weight-7: 700;--primitive-font-weight-8: 800;--primitive-font-weight-9: 900;--primitive-font-size-title-1: 16px;--primitive-font-size-title-2: 18px;--primitive-font-size-title-3: 20px;--primitive-font-size-title-4: 24px;--primitive-font-size-title-5: 28px;--primitive-font-size-title-6: 32px;--primitive-font-size-body-1: 10px;--primitive-font-size-body-2: 12px;--primitive-font-size-body-3: 14px;--primitive-font-size-body-4: 16px;--primitive-font-size-body-5: 18px;--primitive-line-height-title-1: calc(var(--primitive-font-size-title-1) * 1.3);--primitive-line-height-title-2: calc(var(--primitive-font-size-title-2) * 1.3);--primitive-line-height-title-3: calc(var(--primitive-font-size-title-3) * 1.3);--primitive-line-height-title-4: calc(var(--primitive-font-size-title-4) * 1.3);--primitive-line-height-title-5: calc(var(--primitive-font-size-title-5) * 1.3);--primitive-line-height-title-6: calc(var(--primitive-font-size-title-6) * 1.3);--primitive-line-height-title-7: calc(var(--primitive-font-size-title-7) * 1.3);--primitive-line-height-title-8: calc(var(--primitive-font-size-title-8) * 1.3);--primitive-line-height-body-1: calc(var(--primitive-font-size-body-1) * 1.5);--primitive-line-height-body-2: calc(var(--primitive-font-size-body-2) * 1.5);--primitive-line-height-body-3: calc(var(--primitive-font-size-body-3) * 1.5);--primitive-line-height-body-4: calc(var(--primitive-font-size-body-4) * 1.5);--primitive-line-height-body-5: calc(var(--primitive-font-size-body-5) * 1.5);--primitive-heading-h1-font-family: Inter SemiBold, sans-serif;--primitive-heading-h1-font-weight: var(--primitive-font-weight-6);--primitive-heading-h1-font-size: var(--primitive-font-size-title-6);--primitive-heading-h1-line-height: var(--primitive-line-height-title-6);--primitive-heading-h2-font-family: Inter SemiBold, sans-serif;--primitive-heading-h2-font-weight: var(--primitive-font-weight-6);--primitive-heading-h2-font-size: var(--primitive-font-size-title-5);--primitive-heading-h2-line-height: var(--primitive-line-height-title-5);--primitive-heading-h3-font-family: Inter SemiBold, sans-serif;--primitive-heading-h3-font-weight: var(--primitive-font-weight-6);--primitive-heading-h3-font-size: var(--primitive-font-size-title-4);--primitive-heading-h3-line-height: var(--primitive-line-height-title-4);--primitive-heading-h4-font-family: Inter SemiBold, sans-serif;--primitive-heading-h4-font-weight: var(--primitive-font-weight-6);--primitive-heading-h4-font-size: var(--primitive-font-size-title-3);--primitive-heading-h4-line-height: var(--primitive-line-height-title-3);--primitive-heading-h5-font-family: Inter SemiBold, sans-serif;--primitive-heading-h5-font-weight: var(--primitive-font-weight-6);--primitive-heading-h5-font-size: var(--primitive-font-size-title-2);--primitive-heading-h5-line-height: var(--primitive-line-height-title-2);--primitive-heading-h6-font-family: Inter SemiBold, sans-serif;--primitive-heading-h6-font-weight: var(--primitive-font-weight-6);--primitive-heading-h6-font-size: var(--primitive-font-size-title-1);--primitive-heading-h6-line-height: var(--primitive-line-height-title-1);--primitive-label-large-font-family: Inter, sans-serif;--primitive-label-large-font-weight: 500;--primitive-label-large-font-size: 18px;--primitive-label-large-line-height: 24px;--primitive-label-medium-font-family: Inter, sans-serif;--primitive-label-medium-font-weight: 500;--primitive-label-medium-font-size: 16px;--primitive-label-medium-line-height: 18px;--primitive-label-small-font-family: Inter, sans-serif;--primitive-label-small-font-weight: 500;--primitive-label-small-font-size: 14px;--primitive-label-small-line-height: 16px;--primitive-label-uppercase-font-family: Inter, sans-serif;--primitive-label-uppercase-font-weight: 500;--primitive-label-uppercase-font-size: 18px;--primitive-label-uppercase-line-height: 24px;--primitive-label-uppercase-text-transform: uppercase;--primitive-label-underline-font-family: Inter, sans-serif;--primitive-label-underline-font-weight: 500;--primitive-label-underline-font-size: 16px;--primitive-label-underline-line-height: 18px;--primitive-label-underline-text-decoration: underline;--primitive-label-strike-font-family: Inter, sans-serif;--primitive-label-strike-font-weight: 500;--primitive-label-strike-font-size: 14px;--primitive-label-strike-line-height: 16px;--primitive-label-strike-text-decoration: line-through;--primitive-paragraph-large-font-family: Inter, sans-serif;--primitive-paragraph-large-font-weight: 400;--primitive-paragraph-large-font-size: 18px;--primitive-paragraph-large-line-height: 28px;--primitive-paragraph-medium-font-family: Inter, sans-serif;--primitive-paragraph-medium-font-weight: 400;--primitive-paragraph-medium-font-size: 16px;--primitive-paragraph-medium-line-height: 24px;--primitive-paragraph-small-font-family: Inter, sans-serif;--primitive-paragraph-small-font-weight: 400;--primitive-paragraph-small-font-size: 14px;--primitive-paragraph-small-line-height: 20px;--primitive-paragraph-uppercase-font-family: Inter, sans-serif;--primitive-paragraph-uppercase-font-weight: 400;--primitive-paragraph-uppercase-font-size: 18px;--primitive-paragraph-uppercase-line-height: 28px;--primitive-paragraph-uppercase-text-transform: uppercase;--primitive-paragraph-underline-font-family: Inter, sans-serif;--primitive-paragraph-underline-font-weight: 400;--primitive-paragraph-underline-font-size: 16px;--primitive-paragraph-underline-line-height: 24px;--primitive-paragraph-underline-text-decoration: underline;--primitive-paragraph-strikethrough-font-family: Inter, sans-serif;--primitive-paragraph-strikethrough-font-weight: 400;--primitive-paragraph-strikethrough-font-size: 14px;--primitive-paragraph-strikethrough-line-height: 20px;--primitive-paragraph-strikethrough-text-decoration: line-through;--primitive-caption-large-font-family: Inter, sans-serif;--primitive-caption-large-font-weight: 600;--primitive-caption-large-font-size: 12px;--primitive-caption-large-line-height: 20px;--primitive-caption-regular-font-family: Inter, sans-serif;--primitive-caption-regular-font-weight: 400;--primitive-caption-regular-font-size: 12px;--primitive-caption-regular-line-height: 20px;--primitive-caption-uppercase-font-family: Inter, sans-serif;--primitive-caption-uppercase-font-weight: 600;--primitive-caption-uppercase-font-size: 12px;--primitive-caption-uppercase-line-height: 20px;--primitive-caption-uppercase-text-transform: uppercase;--primitive-caption-underline-font-family: Inter, sans-serif;--primitive-caption-underline-font-weight: 400;--primitive-caption-underline-font-size: 12px;--primitive-caption-underline-line-height: 20px;--primitive-caption-underline-text-decoration: underline;--primitive-caption-strikethrough-font-family: Inter, sans-serif;--primitive-caption-strikethrough-font-weight: 400;--primitive-caption-strikethrough-font-size: 12px;--primitive-caption-strikethrough-line-height: 20px;--primitive-caption-strikethrough-text-decoration: line-through}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.font-size-title-1{font-size:16px}.font-size-title-2{font-size:18px}.font-size-title-3{font-size:20px}.font-size-title-4{font-size:24px}.font-size-title-5{font-size:28px}.font-size-title-6{font-size:32px}.font-size-body-1{font-size:10px}.font-size-body-2{font-size:12px}.font-size-body-3{font-size:14px}.font-size-body-4{font-size:16px}.font-size-body-5{font-size:18px}.line-height-title-1{line-height:calc(var(--primitive-font-size-title-1) * 1.3)}.line-height-title-2{line-height:calc(var(--primitive-font-size-title-2) * 1.3)}.line-height-title-3{line-height:calc(var(--primitive-font-size-title-3) * 1.3)}.line-height-title-4{line-height:calc(var(--primitive-font-size-title-4) * 1.3)}.line-height-title-5{line-height:calc(var(--primitive-font-size-title-5) * 1.3)}.line-height-title-6{line-height:calc(var(--primitive-font-size-title-6) * 1.3)}.line-height-title-7{line-height:calc(var(--primitive-font-size-title-7) * 1.3)}.line-height-title-8{line-height:calc(var(--primitive-font-size-title-8) * 1.3)}.line-height-body-1{line-height:calc(var(--primitive-font-size-body-1) * 1.5)}.line-height-body-2{line-height:calc(var(--primitive-font-size-body-2) * 1.5)}.line-height-body-3{line-height:calc(var(--primitive-font-size-body-3) * 1.5)}.line-height-body-4{line-height:calc(var(--primitive-font-size-body-4) * 1.5)}.line-height-body-5{line-height:calc(var(--primitive-font-size-body-5) * 1.5)}.heading-h1{font-family:var(--primitive-heading-h1-font-family);font-weight:var(--primitive-heading-h1-font-weight);font-size:var(--primitive-heading-h1-font-size);line-height:var(--primitive-heading-h1-line-height)}.heading-h2{font-family:var(--primitive-heading-h2-font-family);font-weight:var(--primitive-heading-h2-font-weight);font-size:var(--primitive-heading-h2-font-size);line-height:var(--primitive-heading-h2-line-height)}.heading-h3{font-family:var(--primitive-heading-h3-font-family);font-weight:var(--primitive-heading-h3-font-weight);font-size:var(--primitive-heading-h3-font-size);line-height:var(--primitive-heading-h3-line-height)}.heading-h4{font-family:var(--primitive-heading-h4-font-family);font-weight:var(--primitive-heading-h4-font-weight);font-size:var(--primitive-heading-h4-font-size);line-height:var(--primitive-heading-h4-line-height)}.heading-h5{font-family:var(--primitive-heading-h5-font-family);font-weight:var(--primitive-heading-h5-font-weight);font-size:var(--primitive-heading-h5-font-size);line-height:var(--primitive-heading-h5-line-height)}.heading-h6{font-family:var(--primitive-heading-h6-font-family);font-weight:var(--primitive-heading-h6-font-weight);font-size:var(--primitive-heading-h6-font-size);line-height:var(--primitive-heading-h6-line-height)}.label-large{font-family:var(--primitive-label-large-font-family);font-weight:var(--primitive-label-large-font-weight);font-size:var(--primitive-label-large-font-size);line-height:var(--primitive-label-large-line-height)}.label-medium{font-family:var(--primitive-label-medium-font-family);font-weight:var(--primitive-label-medium-font-weight);font-size:var(--primitive-label-medium-font-size);line-height:var(--primitive-label-medium-line-height)}.label-small{font-family:var(--primitive-label-small-font-family);font-weight:var(--primitive-label-small-font-weight);font-size:var(--primitive-label-small-font-size);line-height:var(--primitive-label-small-line-height)}.label-uppercase{font-family:var(--primitive-label-uppercase-font-family);font-weight:var(--primitive-label-uppercase-font-weight);font-size:var(--primitive-label-uppercase-font-size);line-height:var(--primitive-label-uppercase-line-height);text-transform:var(--primitive-label-uppercase-text-transform)}.label-underline{font-family:var(--primitive-label-underline-font-family);font-weight:var(--primitive-label-underline-font-weight);font-size:var(--primitive-label-underline-font-size);line-height:var(--primitive-label-underline-line-height);text-decoration:var(--primitive-label-underline-text-decoration)}.label-strike{font-family:var(--primitive-label-strike-font-family);font-weight:var(--primitive-label-strike-font-weight);font-size:var(--primitive-label-strike-font-size);line-height:var(--primitive-label-strike-line-height);text-decoration:var(--primitive-label-strike-text-decoration)}.paragraph-large{font-family:var(--primitive-paragraph-large-font-family);font-weight:var(--primitive-paragraph-large-font-weight);font-size:var(--primitive-paragraph-large-font-size);line-height:var(--primitive-paragraph-large-line-height)}.paragraph-medium{font-family:var(--primitive-paragraph-medium-font-family);font-weight:var(--primitive-paragraph-medium-font-weight);font-size:var(--primitive-paragraph-medium-font-size);line-height:var(--primitive-paragraph-medium-line-height)}.paragraph-small{font-family:var(--primitive-paragraph-small-font-family);font-weight:var(--primitive-paragraph-small-font-weight);font-size:var(--primitive-paragraph-small-font-size);line-height:var(--primitive-paragraph-small-line-height)}.paragraph-uppercase{font-family:var(--primitive-paragraph-uppercase-font-family);font-weight:var(--primitive-paragraph-uppercase-font-weight);font-size:var(--primitive-paragraph-uppercase-font-size);line-height:var(--primitive-paragraph-uppercase-line-height);text-transform:var(--primitive-paragraph-uppercase-text-transform)}.paragraph-underline{font-family:var(--primitive-paragraph-underline-font-family);font-weight:var(--primitive-paragraph-underline-font-weight);font-size:var(--primitive-paragraph-underline-font-size);line-height:var(--primitive-paragraph-underline-line-height);text-decoration:var(--primitive-paragraph-underline-text-decoration)}.paragraph-strikethrough{font-family:var(--primitive-paragraph-strikethrough-font-family);font-weight:var(--primitive-paragraph-strikethrough-font-weight);font-size:var(--primitive-paragraph-strikethrough-font-size);line-height:var(--primitive-paragraph-strikethrough-line-height);text-decoration:var(--primitive-paragraph-strikethrough-text-decoration)}.caption-large{font-family:var(--primitive-caption-large-font-family);font-weight:var(--primitive-caption-large-font-weight);font-size:var(--primitive-caption-large-font-size);line-height:var(--primitive-caption-large-line-height)}.caption-regular{font-family:var(--primitive-caption-regular-font-family);font-weight:var(--primitive-caption-regular-font-weight);font-size:var(--primitive-caption-regular-font-size);line-height:var(--primitive-caption-regular-line-height)}.caption-uppercase{font-family:var(--primitive-caption-uppercase-font-family);font-weight:var(--primitive-caption-uppercase-font-weight);font-size:var(--primitive-caption-uppercase-font-size);line-height:var(--primitive-caption-uppercase-line-height);text-transform:var(--primitive-caption-uppercase-text-transform)}.caption-underline{font-family:var(--primitive-caption-underline-font-family);font-weight:var(--primitive-caption-underline-font-weight);font-size:var(--primitive-caption-underline-font-size);line-height:var(--primitive-caption-underline-line-height);text-decoration:var(--primitive-caption-underline-text-decoration)}.caption-strikethrough{font-family:var(--primitive-caption-strikethrough-font-family);font-weight:var(--primitive-caption-strikethrough-font-weight);font-size:var(--primitive-caption-strikethrough-font-size);line-height:var(--primitive-caption-strikethrough-line-height);text-decoration:var(--primitive-caption-strikethrough-text-decoration)}html{font-size:14px}body{font-size:14px;font-family:Inter,sans-serif}:root{--primitive-dimension-0: 0px;--primitive-dimension-1: 1px;--primitive-dimension-2: 2px;--primitive-dimension-3: 4px;--primitive-dimension-4: 8px;--primitive-dimension-5: 12px;--primitive-dimension-6: 16px;--primitive-dimension-7: 20px;--primitive-dimension-8: 24px;--primitive-dimension-9: 28px;--primitive-dimension-10: 32px;--primitive-dimension-11: 36px;--primitive-dimension-12: 40px;--primitive-dimension-13: 44px;--primitive-dimension-14: 48px;--primitive-dimension-15: 52px;--primitive-dimension-16: 56px;--primitive-dimension-17: 60px;--primitive-dimension-18: 64px;--primitive-dimension-19: 68px;--primitive-dimension-20: 72px;--primitive-dimension-21: 76px;--primitive-dimension-22: 80px;--primitive-dimension-23: 100px;--primitive-dimension-24: 120px;--primitive-dimension-25: 140px;--primitive-padding-size-0: 0rem;--primitive-padding-size-1: .0714285714rem;--primitive-padding-size-2: .1428571429rem;--primitive-padding-size-3: .2857142857rem;--primitive-padding-size-4: .5714285714rem;--primitive-padding-size-5: .8571428571rem;--primitive-padding-size-6: 1.1428571429rem;--primitive-padding-size-7: 1.4285714286rem;--primitive-padding-size-8: 1.7142857143rem;--primitive-padding-size-9: 2rem;--primitive-padding-size-10: 2.2857142857rem;--primitive-padding-size-11: 2.5714285714rem;--primitive-padding-size-12: 2.8571428571rem;--primitive-padding-size-13: 3.1428571429rem;--primitive-padding-size-14: 3.4285714286rem;--primitive-padding-size-15: 3.7142857143rem;--primitive-padding-size-16: 4rem;--primitive-padding-size-17: 4.2857142857rem;--primitive-padding-size-18: 4.5714285714rem;--primitive-padding-size-19: 4.8571428571rem;--primitive-padding-size-20: 5.1428571429rem;--primitive-padding-size-21: 5.4285714286rem;--primitive-padding-size-22: 5.7142857143rem;--primitive-padding-size-23: 7.1428571429rem;--primitive-padding-size-24: 8.5714285714rem;--primitive-padding-size-25: 10rem}.dimension-0{gap:var(--primitive-dimension-0)}.dimension-1{gap:var(--primitive-dimension-1)}.dimension-2{gap:var(--primitive-dimension-2)}.dimension-3{gap:var(--primitive-dimension-3)}.dimension-4{gap:var(--primitive-dimension-4)}.dimension-5{gap:var(--primitive-dimension-5)}.dimension-6{gap:var(--primitive-dimension-6)}.dimension-7{gap:var(--primitive-dimension-7)}.dimension-8{gap:var(--primitive-dimension-8)}.dimension-9{gap:var(--primitive-dimension-9)}.dimension-10{gap:var(--primitive-dimension-10)}.dimension-11{gap:var(--primitive-dimension-11)}.dimension-12{gap:var(--primitive-dimension-12)}.dimension-13{gap:var(--primitive-dimension-13)}.dimension-14{gap:var(--primitive-dimension-14)}.dimension-15{gap:var(--primitive-dimension-15)}.dimension-16{gap:var(--primitive-dimension-16)}.dimension-17{gap:var(--primitive-dimension-17)}.dimension-18{gap:var(--primitive-dimension-18)}.dimension-19{gap:var(--primitive-dimension-19)}.dimension-20{gap:var(--primitive-dimension-20)}.dimension-21{gap:var(--primitive-dimension-21)}.dimension-22{gap:var(--primitive-dimension-22)}.dimension-23{gap:var(--primitive-dimension-23)}.dimension-24{gap:var(--primitive-dimension-24)}.dimension-25{gap:var(--primitive-dimension-25)}.padding-size-0{padding:var(--primitive-padding-size-0)}.padding-size-1{padding:var(--primitive-padding-size-1)}.padding-size-2{padding:var(--primitive-padding-size-2)}.padding-size-3{padding:var(--primitive-padding-size-3)}.padding-size-4{padding:var(--primitive-padding-size-4)}.padding-size-5{padding:var(--primitive-padding-size-5)}.padding-size-6{padding:var(--primitive-padding-size-6)}.padding-size-7{padding:var(--primitive-padding-size-7)}.padding-size-8{padding:var(--primitive-padding-size-8)}.padding-size-9{padding:var(--primitive-padding-size-9)}.padding-size-10{padding:var(--primitive-padding-size-10)}.padding-size-11{padding:var(--primitive-padding-size-11)}.padding-size-12{padding:var(--primitive-padding-size-12)}.padding-size-13{padding:var(--primitive-padding-size-13)}.padding-size-14{padding:var(--primitive-padding-size-14)}.padding-size-15{padding:var(--primitive-padding-size-15)}.padding-size-16{padding:var(--primitive-padding-size-16)}.padding-size-17{padding:var(--primitive-padding-size-17)}.padding-size-18{padding:var(--primitive-padding-size-18)}.padding-size-19{padding:var(--primitive-padding-size-19)}.padding-size-20{padding:var(--primitive-padding-size-20)}.padding-size-21{padding:var(--primitive-padding-size-21)}.padding-size-22{padding:var(--primitive-padding-size-22)}.padding-size-23{padding:var(--primitive-padding-size-23)}.padding-size-24{padding:var(--primitive-padding-size-24)}.padding-size-25{padding:var(--primitive-padding-size-25)}:host ::ng-deep .cw-badge{display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:9999px;box-sizing:border-box;opacity:1}:host ::ng-deep .cw-badge.cw-badge--large{width:var(--primitive-dimension-8);height:var(--primitive-dimension-8);font-size:var(--primitive-font-size-body-3)}:host ::ng-deep .cw-badge.cw-badge--medium{width:var(--primitive-dimension-6);height:var(--primitive-dimension-6);font-size:var(--primitive-font-size-body-1)}:host ::ng-deep .cw-badge.cw-badge--small{width:var(--primitive-dimension-4);height:var(--primitive-dimension-4);font-size:0}:host ::ng-deep .cw-badge.cw-badge--has-label.cw-badge--large{min-width:var(--primitive-dimension-8);padding:.1428571429rem .5714285714rem}:host ::ng-deep .cw-badge.cw-badge--has-label.cw-badge--medium{min-width:16px;padding:.0714285714rem .2857142857rem}:host ::ng-deep .cw-badge.cw-badge--has-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center}:host ::ng-deep .cw-badge.cw-badge--brand-default{background-color:var(--primitive-color-blue-600)}:host ::ng-deep .cw-badge.cw-badge--danger-bold{background-color:var(--primitive-color-red-600)}:host ::ng-deep .cw-badge.cw-badge--warning-bold{background-color:var(--primitive-color-amber-600)}:host ::ng-deep .cw-badge.cw-badge--fill-secondary{background-color:var(--primitive-color-gray-200);color:var(--primitive-color-gray-500)}:host ::ng-deep .cw-badge.cw-badge--icon-success{background-color:var(--primitive-color-green-600)}:host ::ng-deep .cw-badge.cw-badge--positioned{position:absolute;top:20px;left:20px}\n"] }]
|
|
33
33
|
}] });
|