@autofleet/theme 0.3.14 → 0.3.16

package/dist/main.css

@@ -1 +1,1694 @@
-:root{--theme-spacing-none: 0px;--theme-spacing-xs: 2px;--theme-spacing-sm: 4px;--theme-spacing-md: 6px;--theme-spacing-lg: 8px;--theme-spacing-xl: 12px;--theme-spacing-2xl: 16px;--theme-spacing-3xl: 24px;--theme-spacing-4xl: 32px;--theme-spacing-5xl: 40px;--theme-spacing-6xl: 48px;--theme-spacing-7xl: 56px;--theme-spacing-8xl: 64px}:root{--theme-border-radius-none: 0px;--theme-border-radius-xs: 2px;--theme-border-radius-sm: 4px;--theme-border-radius-md: 6px;--theme-border-radius-lg: 8px;--theme-border-radius-xl: 16px;--theme-border-radius-2xl: 24px}@property --theme-atomic-n-00{syntax: "<color>"; inherits: true; initial-value: rgb(255,255,255);}@property --theme-atomic-n-01{syntax: "<color>"; inherits: true; initial-value: rgb(244,245,248);}@property --theme-atomic-n-02{syntax: "<color>"; inherits: true; initial-value: rgb(173,174,186);}@property --theme-atomic-n-03{syntax: "<color>"; inherits: true; initial-value: rgb(102,105,117);}@property --theme-atomic-n-04{syntax: "<color>"; inherits: true; initial-value: rgb(52,55,64);}@property --theme-atomic-n-05{syntax: "<color>"; inherits: true; initial-value: rgb(33,34,41);}@property --theme-atomic-n-opa{syntax: "<color>"; inherits: true; initial-value: rgb(124,134,163);}@property --theme-atomic-n-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(124,134,163,.1);}@property --theme-atomic-n-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(124,134,163,.16);}@property --theme-atomic-n-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(124,134,163,.24);}@property --theme-atomic-n-opa-32{syntax: "<color>"; inherits: true; initial-value: rgba(125,139,172,.32);}@property --theme-atomic-n-00-opa-32{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.32);}@property --theme-atomic-brand{syntax: "<color>"; inherits: true; initial-value: rgb(17,164,255);}@property --theme-atomic-brand-hover{syntax: "<color>"; inherits: true; initial-value: rgb(0,132,214);}@property --theme-atomic-brand-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.1);}@property --theme-atomic-brand-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.16);}@property --theme-atomic-brand-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.24);}@property --theme-atomic-brand-opa-32{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.32);}@property --theme-atomic-b-01{syntax: "<color>"; inherits: true; initial-value: rgb(231,246,255);}@property --theme-atomic-b-02{syntax: "<color>"; inherits: true; initial-value: rgb(17,164,255);}@property --theme-atomic-b-03{syntax: "<color>"; inherits: true; initial-value: rgb(0,132,214);}@property --theme-atomic-b-04{syntax: "<color>"; inherits: true; initial-value: rgb(30,55,75);}@property --theme-atomic-b-05{syntax: "<color>"; inherits: true; initial-value: rgb(66,183,255);}@property --theme-atomic-b-06{syntax: "<color>"; inherits: true; initial-value: rgb(0,75,122);}@property --theme-atomic-b-07{syntax: "<color>"; inherits: true; initial-value: rgb(158,218,255);}@property --theme-atomic-b-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.1);}@property --theme-atomic-b-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.16);}@property --theme-atomic-b-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.24);}@property --theme-atomic-b-opa-32{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.32);}@property --theme-atomic-g-01{syntax: "<color>"; inherits: true; initial-value: rgb(233,248,239);}@property --theme-atomic-g-02{syntax: "<color>"; inherits: true; initial-value: rgb(37,184,97);}@property --theme-atomic-g-03{syntax: "<color>"; inherits: true; initial-value: rgb(28,140,74);}@property --theme-atomic-g-04{syntax: "<color>"; inherits: true; initial-value: rgb(34,58,50);}@property --theme-atomic-g-05{syntax: "<color>"; inherits: true; initial-value: rgb(55,215,120);}@property --theme-atomic-g-06{syntax: "<color>"; inherits: true; initial-value: rgb(17,85,44);}@property --theme-atomic-g-07{syntax: "<color>"; inherits: true; initial-value: rgb(136,231,174);}@property --theme-atomic-g-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(37,184,97,.1);}@property --theme-atomic-g-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(37,184,97,.16);}@property --theme-atomic-g-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(37,184,97,.24);}@property --theme-atomic-g-opa-32{syntax: "<color>"; inherits: true; initial-value: rgba(37,184,97,.32);}@property --theme-atomic-y-01{syntax: "<color>"; inherits: true; initial-value: rgb(254,246,231);}@property --theme-atomic-y-02{syntax: "<color>"; inherits: true; initial-value: rgb(244,156,0);}@property --theme-atomic-y-03{syntax: "<color>"; inherits: true; initial-value: rgb(214,138,5);}@property --theme-atomic-y-04{syntax: "<color>"; inherits: true; initial-value: rgb(68,55,37);}@property --theme-atomic-y-05{syntax: "<color>"; inherits: true; initial-value: rgb(251,185,70);}@property --theme-atomic-y-06{syntax: "<color>"; inherits: true; initial-value: rgb(107,68,0);}@property --theme-atomic-y-07{syntax: "<color>"; inherits: true; initial-value: rgb(255,210,133);}@property --theme-atomic-y-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(244,156,0,.1);}@property --theme-atomic-y-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(244,156,0,.16);}@property --theme-atomic-y-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(244,156,0,.24);}@property --theme-atomic-y-opa-32{syntax: "<color>"; inherits: true; initial-value: rgba(244,156,0,.32);}@property --theme-atomic-r-01{syntax: "<color>"; inherits: true; initial-value: rgb(254,235,236);}@property --theme-atomic-r-02{syntax: "<color>"; inherits: true; initial-value: rgb(248,55,67);}@property --theme-atomic-r-03{syntax: "<color>"; inherits: true; initial-value: rgb(197,7,19);}@property --theme-atomic-r-04{syntax: "<color>"; inherits: true; initial-value: rgb(67,37,45);}@property --theme-atomic-r-05{syntax: "<color>"; inherits: true; initial-value: rgb(249,103,112);}@property --theme-atomic-r-06{syntax: "<color>"; inherits: true; initial-value: rgb(137,6,14);}@property --theme-atomic-r-07{syntax: "<color>"; inherits: true; initial-value: rgb(248,180,186);}@property --theme-atomic-r-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(248,55,67,.1);}@property --theme-atomic-r-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(248,55,67,.16);}@property --theme-atomic-r-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(248,55,67,.24);}@property --theme-atomic-r-opa-32{syntax: "<color>"; inherits: true; initial-value: rgba(248,55,67,.32);}@property --theme-atomic-pu-02{syntax: "<color>"; inherits: true; initial-value: rgb(143,101,255);}@property --theme-atomic-pu-06{syntax: "<color>"; inherits: true; initial-value: rgb(58,0,219);}@property --theme-atomic-pu-07{syntax: "<color>"; inherits: true; initial-value: rgb(209,194,255);}@property --theme-atomic-pu-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(143,101,255,.1);}@property --theme-atomic-pu-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(143,101,255,.16);}@property --theme-atomic-pu-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(143,101,255,.24);}@property --theme-atomic-or-02{syntax: "<color>"; inherits: true; initial-value: rgb(255,116,87);}@property --theme-atomic-or-06{syntax: "<color>"; inherits: true; initial-value: rgb(143,24,0);}@property --theme-atomic-or-07{syntax: "<color>"; inherits: true; initial-value: rgb(255,198,189);}@property --theme-atomic-or-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(255,116,87,.1);}@property --theme-atomic-or-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(255,116,87,.16);}@property --theme-atomic-or-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(255,116,87,.24);}@property --theme-atomic-tu-02{syntax: "<color>"; inherits: true; initial-value: rgb(0,198,181);}@property --theme-atomic-tu-06{syntax: "<color>"; inherits: true; initial-value: rgb(0,82,72);}@property --theme-atomic-tu-07{syntax: "<color>"; inherits: true; initial-value: rgb(0,245,224);}@property --theme-atomic-tu-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(0,198,181,.1);}@property --theme-atomic-tu-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(0,198,181,.16);}@property --theme-atomic-tu-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(0,198,181,.24);}@property --theme-atomic-pi-02{syntax: "<color>"; inherits: true; initial-value: rgb(255,85,138);}@property --theme-atomic-pi-06{syntax: "<color>"; inherits: true; initial-value: rgb(143,0,45);}@property --theme-atomic-pi-07{syntax: "<color>"; inherits: true; initial-value: rgb(255,189,210);}@property --theme-atomic-pi-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(255,85,138,.1);}@property --theme-atomic-pi-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(255,85,138,.16);}@property --theme-atomic-pi-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(255,85,138,.24);}@property --theme-atomic-ul-02{syntax: "<color>"; inherits: true; initial-value: rgb(84,119,255);}@property --theme-atomic-ul-06{syntax: "<color>"; inherits: true; initial-value: rgb(0,41,204);}@property --theme-atomic-ul-07{syntax: "<color>"; inherits: true; initial-value: rgb(184,198,255);}@property --theme-atomic-ul-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(84,119,255,.1);}@property --theme-atomic-ul-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(84,119,255,.16);}@property --theme-atomic-ul-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(84,119,255,.24);}@property --theme-atomic-pe-02{syntax: "<color>"; inherits: true; initial-value: rgb(255,147,69);}@property --theme-atomic-pe-06{syntax: "<color>"; inherits: true; initial-value: rgb(128,53,0);}@property --theme-atomic-pe-07{syntax: "<color>"; inherits: true; initial-value: rgb(255,209,179);}@property --theme-atomic-pe-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(255,147,69,.1);}@property --theme-atomic-pe-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(255,147,69,.16);}@property --theme-atomic-pe-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(255,147,69,.24);}@property --theme-atomic-ap-02{syntax: "<color>"; inherits: true; initial-value: rgb(127,185,81);}@property --theme-atomic-ap-06{syntax: "<color>"; inherits: true; initial-value: rgb(54,81,31);}@property --theme-atomic-ap-07{syntax: "<color>"; inherits: true; initial-value: rgb(198,225,173);}@property --theme-atomic-ap-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(127,185,81,.1);}@property --theme-atomic-ap-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(127,185,81,.16);}@property --theme-atomic-ap-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(127,185,81,.24);}@property --theme-atomic-bu-02{syntax: "<color>"; inherits: true; initial-value: rgb(238,91,197);}@property --theme-atomic-bu-06{syntax: "<color>"; inherits: true; initial-value: rgb(135,13,100);}@property --theme-atomic-bu-07{syntax: "<color>"; inherits: true; initial-value: rgb(249,190,234);}@property --theme-atomic-bu-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(238,91,197,.1);}@property --theme-atomic-bu-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(238,91,197,.16);}@property --theme-atomic-bu-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(238,91,197,.24);}@property --theme-atomic-oc-02{syntax: "<color>"; inherits: true; initial-value: rgb(251,171,0);}@property --theme-atomic-oc-06{syntax: "<color>"; inherits: true; initial-value: rgb(102,70,0);}@property --theme-atomic-oc-07{syntax: "<color>"; inherits: true; initial-value: rgb(255,218,138);}@property --theme-atomic-oc-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(251,171,0,.1);}@property --theme-atomic-oc-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(251,171,0,.16);}@property --theme-atomic-oc-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(251,171,0,.24);}@property --theme-atomic-br-02{syntax: "<color>"; inherits: true; initial-value: rgb(101,98,255);}@property --theme-atomic-br-06{syntax: "<color>"; inherits: true; initial-value: rgb(4,0,230);}@property --theme-atomic-br-07{syntax: "<color>"; inherits: true; initial-value: rgb(95,194,255);}@property --theme-atomic-br-opa-10{syntax: "<color>"; inherits: true; initial-value: rgba(101,98,255,.1);}@property --theme-atomic-br-opa-16{syntax: "<color>"; inherits: true; initial-value: rgba(101,98,255,.16);}@property --theme-atomic-br-opa-24{syntax: "<color>"; inherits: true; initial-value: rgba(101,98,255,.24);}:root{--theme-atomic-n-00: rgb(255, 255, 255);--theme-atomic-n-01: rgb(244, 245, 248);--theme-atomic-n-02: rgb(173, 174, 186);--theme-atomic-n-03: rgb(102, 105, 117);--theme-atomic-n-04: rgb(52, 55, 64);--theme-atomic-n-05: rgb(33, 34, 41);--theme-atomic-n-opa: rgb(124, 134, 163);--theme-atomic-n-opa-10: rgb(from var(--theme-atomic-n-opa) r g b / 10%);--theme-atomic-n-opa-16: rgb(from var(--theme-atomic-n-opa) r g b / 16%);--theme-atomic-n-opa-24: rgb(from var(--theme-atomic-n-opa) r g b / 24%);--theme-atomic-n-opa-32: rgb(125 139 172 / 32%);--theme-atomic-n-00-opa-32: rgb(from var(--theme-atomic-n-00) r g b / 32%);--theme-atomic-brand: rgb(17, 164, 255);--theme-atomic-brand-hover: rgb(0, 132, 214);--theme-atomic-brand-opa-10: rgb(from var(--theme-atomic-brand) r g b / 10%);--theme-atomic-brand-opa-16: rgb(from var(--theme-atomic-brand) r g b / 16%);--theme-atomic-brand-opa-24: rgb(from var(--theme-atomic-brand) r g b / 24%);--theme-atomic-brand-opa-32: rgb(from var(--theme-atomic-brand) r g b / 32%);--theme-atomic-b-01: rgb(231, 246, 255);--theme-atomic-b-02: rgb(17, 164, 255);--theme-atomic-b-03: rgb(0, 132, 214);--theme-atomic-b-04: rgb(30, 55, 75);--theme-atomic-b-05: rgb(66, 183, 255);--theme-atomic-b-06: rgb(0, 75, 122);--theme-atomic-b-07: rgb(158, 218, 255);--theme-atomic-b-opa-10: rgb(from var(--theme-atomic-b-02) r g b / 10%);--theme-atomic-b-opa-16: rgb(from var(--theme-atomic-b-02) r g b / 16%);--theme-atomic-b-opa-24: rgb(from var(--theme-atomic-b-02) r g b / 24%);--theme-atomic-b-opa-32: rgb(from var(--theme-atomic-b-02) r g b / 32%);--theme-atomic-g-01: rgb(233, 248, 239);--theme-atomic-g-02: rgb(37, 184, 97);--theme-atomic-g-03: rgb(28, 140, 74);--theme-atomic-g-04: rgb(34, 58, 50);--theme-atomic-g-05: rgb(55, 215, 120);--theme-atomic-g-06: rgb(17, 85, 44);--theme-atomic-g-07: rgb(136, 231, 174);--theme-atomic-g-opa-10: rgb(from var(--theme-atomic-g-02) r g b / 10%);--theme-atomic-g-opa-16: rgb(from var(--theme-atomic-g-02) r g b / 16%);--theme-atomic-g-opa-24: rgb(from var(--theme-atomic-g-02) r g b / 24%);--theme-atomic-g-opa-32: rgb(from var(--theme-atomic-g-02) r g b / 32%);--theme-atomic-y-01: rgb(254, 246, 231);--theme-atomic-y-02: rgb(244, 156, 0);--theme-atomic-y-03: rgb(214, 138, 5);--theme-atomic-y-04: rgb(68, 55, 37);--theme-atomic-y-05: rgb(251, 185, 70);--theme-atomic-y-06: rgb(107, 68, 0);--theme-atomic-y-07: rgb(255, 210, 133);--theme-atomic-y-opa-10: rgb(from var(--theme-atomic-y-02) r g b / 10%);--theme-atomic-y-opa-16: rgb(from var(--theme-atomic-y-02) r g b / 16%);--theme-atomic-y-opa-24: rgb(from var(--theme-atomic-y-02) r g b / 24%);--theme-atomic-y-opa-32: rgb(from var(--theme-atomic-y-02) r g b / 32%);--theme-atomic-r-01: rgb(254, 235, 236);--theme-atomic-r-02: rgb(248, 55, 67);--theme-atomic-r-03: rgb(197, 7, 19);--theme-atomic-r-04: rgb(67, 37, 45);--theme-atomic-r-05: rgb(249, 103, 112);--theme-atomic-r-06: rgb(137, 6, 14);--theme-atomic-r-07: rgb(248, 180, 186);--theme-atomic-r-opa-10: rgb(from var(--theme-atomic-r-02) r g b / 10%);--theme-atomic-r-opa-16: rgb(from var(--theme-atomic-r-02) r g b / 16%);--theme-atomic-r-opa-24: rgb(from var(--theme-atomic-r-02) r g b / 24%);--theme-atomic-r-opa-32: rgb(from var(--theme-atomic-r-02) r g b / 32%);--theme-atomic-pu-02: rgb(143, 101, 255);--theme-atomic-pu-06: rgb(58, 0, 219);--theme-atomic-pu-07: rgb(209, 194, 255);--theme-atomic-pu-opa-10: rgb(from var(--theme-atomic-pu-02) r g b / 10%);--theme-atomic-pu-opa-16: rgb(from var(--theme-atomic-pu-02) r g b / 16%);--theme-atomic-pu-opa-24: rgb(from var(--theme-atomic-pu-02) r g b / 24%);--theme-atomic-or-02: rgb(255, 116, 87);--theme-atomic-or-06: rgb(143, 24, 0);--theme-atomic-or-07: rgb(255, 198, 189);--theme-atomic-or-opa-10: rgb(from var(--theme-atomic-or-02) r g b / 10%);--theme-atomic-or-opa-16: rgb(from var(--theme-atomic-or-02) r g b / 16%);--theme-atomic-or-opa-24: rgb(from var(--theme-atomic-or-02) r g b / 24%);--theme-atomic-tu-02: rgb(0, 198, 181);--theme-atomic-tu-06: rgb(0, 82, 72);--theme-atomic-tu-07: rgb(0, 245, 224);--theme-atomic-tu-opa-10: rgb(from var(--theme-atomic-tu-02) r g b / 10%);--theme-atomic-tu-opa-16: rgb(from var(--theme-atomic-tu-02) r g b / 16%);--theme-atomic-tu-opa-24: rgb(from var(--theme-atomic-tu-02) r g b / 24%);--theme-atomic-pi-02: rgb(255, 85, 138);--theme-atomic-pi-06: rgb(143, 0, 45);--theme-atomic-pi-07: rgb(255, 189, 210);--theme-atomic-pi-opa-10: rgb(from var(--theme-atomic-pi-02) r g b / 10%);--theme-atomic-pi-opa-16: rgb(from var(--theme-atomic-pi-02) r g b / 16%);--theme-atomic-pi-opa-24: rgb(from var(--theme-atomic-pi-02) r g b / 24%);--theme-atomic-ul-02: rgb(84, 119, 255);--theme-atomic-ul-06: rgb(0, 41, 204);--theme-atomic-ul-07: rgb(184, 198, 255);--theme-atomic-ul-opa-10: rgb(from var(--theme-atomic-ul-02) r g b / 10%);--theme-atomic-ul-opa-16: rgb(from var(--theme-atomic-ul-02) r g b / 16%);--theme-atomic-ul-opa-24: rgb(from var(--theme-atomic-ul-02) r g b / 24%);--theme-atomic-pe-02: rgb(255, 147, 69);--theme-atomic-pe-06: rgb(128, 53, 0);--theme-atomic-pe-07: rgb(255, 209, 179);--theme-atomic-pe-opa-10: rgb(from var(--theme-atomic-pe-02) r g b / 10%);--theme-atomic-pe-opa-16: rgb(from var(--theme-atomic-pe-02) r g b / 16%);--theme-atomic-pe-opa-24: rgb(from var(--theme-atomic-pe-02) r g b / 24%);--theme-atomic-ap-02: rgb(127, 185, 81);--theme-atomic-ap-06: rgb(54, 81, 31);--theme-atomic-ap-07: rgb(198, 225, 173);--theme-atomic-ap-opa-10: rgb(from var(--theme-atomic-ap-02) r g b / 10%);--theme-atomic-ap-opa-16: rgb(from var(--theme-atomic-ap-02) r g b / 16%);--theme-atomic-ap-opa-24: rgb(from var(--theme-atomic-ap-02) r g b / 24%);--theme-atomic-bu-02: rgb(238, 91, 197);--theme-atomic-bu-06: rgb(135, 13, 100);--theme-atomic-bu-07: rgb(249, 190, 234);--theme-atomic-bu-opa-10: rgb(from var(--theme-atomic-bu-02) r g b / 10%);--theme-atomic-bu-opa-16: rgb(from var(--theme-atomic-bu-02) r g b / 16%);--theme-atomic-bu-opa-24: rgb(from var(--theme-atomic-bu-02) r g b / 24%);--theme-atomic-oc-02: rgb(251, 171, 0);--theme-atomic-oc-06: rgb(102, 70, 0);--theme-atomic-oc-07: rgb(255, 218, 138);--theme-atomic-oc-opa-10: rgb(from var(--theme-atomic-oc-02) r g b / 10%);--theme-atomic-oc-opa-16: rgb(from var(--theme-atomic-oc-02) r g b / 16%);--theme-atomic-oc-opa-24: rgb(from var(--theme-atomic-oc-02) r g b / 24%);--theme-atomic-br-02: rgb(101, 98, 255);--theme-atomic-br-06: rgb(4, 0, 230);--theme-atomic-br-07: rgb(95, 194, 255);--theme-atomic-br-opa-10: rgb(from var(--theme-atomic-br-02) r g b / 10%);--theme-atomic-br-opa-16: rgb(from var(--theme-atomic-br-02) r g b / 16%);--theme-atomic-br-opa-24: rgb(from var(--theme-atomic-br-02) r g b / 24%)}@property --theme-colors-bg-primary{syntax: "<color>"; inherits: true; initial-value: rgb(255,255,255);}@property --theme-colors-bg-secondary{syntax: "<color>"; inherits: true; initial-value: rgb(244,245,248);}@property --theme-colors-bg-info{syntax: "<color>"; inherits: true; initial-value: rgb(231,246,255);}@property --theme-colors-bg-success{syntax: "<color>"; inherits: true; initial-value: rgb(233,248,239);}@property --theme-colors-bg-warning{syntax: "<color>"; inherits: true; initial-value: rgb(254,246,231);}@property --theme-colors-bg-error{syntax: "<color>"; inherits: true; initial-value: rgb(254,235,236);}@property --theme-colors-divider-neutral{syntax: "<color>"; inherits: true; initial-value: rgba(125,139,172,.32);}@property --theme-colors-divider-invert{syntax: "<color>"; inherits: true; initial-value: rgba(255,255,255,.32);}@property --theme-colors-divider-brand{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.32);}@property --theme-colors-divider-info{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.32);}@property --theme-colors-divider-success{syntax: "<color>"; inherits: true; initial-value: rgba(37,184,97,.32);}@property --theme-colors-divider-warning{syntax: "<color>"; inherits: true; initial-value: rgba(244,156,0,.32);}@property --theme-colors-divider-error{syntax: "<color>"; inherits: true; initial-value: rgba(248,55,67,.32);}@property --theme-colors-primary-btn{syntax: "<color>"; inherits: true; initial-value: rgb(17,164,255);}@property --theme-colors-primary-btn-hover{syntax: "<color>"; inherits: true; initial-value: rgb(0,132,214);}@property --theme-colors-primary-btn-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.1);}@property --theme-colors-primary-btn-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.24);}@property --theme-colors-other{syntax: "<color>"; inherits: true; initial-value: rgb(17,164,255);}@property --theme-colors-other-hover{syntax: "<color>"; inherits: true; initial-value: rgb(0,132,214);}@property --theme-colors-other-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.1);}@property --theme-colors-other-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.24);}@property --theme-colors-other-text{syntax: "<color>"; inherits: true; initial-value: rgb(0,75,122);}@property --theme-colors-neutral-dark{syntax: "<color>"; inherits: true; initial-value: rgb(33,34,41);}@property --theme-colors-neutral-charcoal{syntax: "<color>"; inherits: true; initial-value: rgb(102,105,117);}@property --theme-colors-neutral-light{syntax: "<color>"; inherits: true; initial-value: rgb(173,174,186);}@property --theme-colors-neutral-invert{syntax: "<color>"; inherits: true; initial-value: rgb(255,255,255);}@property --theme-colors-neutral-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(124,134,163,.1);}@property --theme-colors-neutral-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(124,134,163,.24);}@property --theme-colors-neutral{syntax: "<color>"; inherits: true; initial-value: rgb(173,174,186);}@property --theme-colors-neutral-text{syntax: "<color>"; inherits: true; initial-value: rgb(33,34,41);}@property --theme-colors-info-hover{syntax: "<color>"; inherits: true; initial-value: rgb(0,132,214);}@property --theme-colors-info{syntax: "<color>"; inherits: true; initial-value: rgb(17,164,255);}@property --theme-colors-info-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.1);}@property --theme-colors-info-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(17,164,255,.24);}@property --theme-colors-info-text{syntax: "<color>"; inherits: true; initial-value: rgb(0,75,122);}@property --theme-colors-success-hover{syntax: "<color>"; inherits: true; initial-value: rgb(28,140,74);}@property --theme-colors-success{syntax: "<color>"; inherits: true; initial-value: rgb(37,184,97);}@property --theme-colors-success-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(37,184,97,.1);}@property --theme-colors-success-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(37,184,97,.24);}@property --theme-colors-success-text{syntax: "<color>"; inherits: true; initial-value: rgb(17,85,44);}@property --theme-colors-warning-hover{syntax: "<color>"; inherits: true; initial-value: rgb(214,138,5);}@property --theme-colors-warning{syntax: "<color>"; inherits: true; initial-value: rgb(244,156,0);}@property --theme-colors-warning-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(244,156,0,.1);}@property --theme-colors-warning-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(244,156,0,.24);}@property --theme-colors-warning-text{syntax: "<color>"; inherits: true; initial-value: rgb(107,68,0);}@property --theme-colors-error-hover{syntax: "<color>"; inherits: true; initial-value: rgb(197,7,19);}@property --theme-colors-error{syntax: "<color>"; inherits: true; initial-value: rgb(248,55,67);}@property --theme-colors-error-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(248,55,67,.1);}@property --theme-colors-error-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(248,55,67,.24);}@property --theme-colors-error-text{syntax: "<color>"; inherits: true; initial-value: rgb(137,6,14);}@property --theme-colors-purple{syntax: "<color>"; inherits: true; initial-value: rgb(143,101,255);}@property --theme-colors-purple-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(143,101,255,.1);}@property --theme-colors-purple-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(143,101,255,.24);}@property --theme-colors-purple-text{syntax: "<color>"; inherits: true; initial-value: rgb(58,0,219);}@property --theme-colors-orange{syntax: "<color>"; inherits: true; initial-value: rgb(255,116,87);}@property --theme-colors-orange-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(255,116,87,.1);}@property --theme-colors-orange-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(255,116,87,.24);}@property --theme-colors-orange-text{syntax: "<color>"; inherits: true; initial-value: rgb(143,24,0);}@property --theme-colors-turquoise{syntax: "<color>"; inherits: true; initial-value: rgb(0,198,181);}@property --theme-colors-turquoise-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(0,198,181,.1);}@property --theme-colors-turquoise-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(0,198,181,.24);}@property --theme-colors-turquoise-text{syntax: "<color>"; inherits: true; initial-value: rgb(0,82,72);}@property --theme-colors-pink{syntax: "<color>"; inherits: true; initial-value: rgb(255,85,138);}@property --theme-colors-pink-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(255,85,138,.1);}@property --theme-colors-pink-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(255,85,138,.24);}@property --theme-colors-pink-text{syntax: "<color>"; inherits: true; initial-value: rgb(143,0,45);}@property --theme-colors-ultramarine{syntax: "<color>"; inherits: true; initial-value: rgb(84,119,255);}@property --theme-colors-ultramarine-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(84,119,255,.1);}@property --theme-colors-ultramarine-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(84,119,255,.24);}@property --theme-colors-ultramarine-text{syntax: "<color>"; inherits: true; initial-value: rgb(0,41,204);}@property --theme-colors-peach{syntax: "<color>"; inherits: true; initial-value: rgb(255,147,69);}@property --theme-colors-peach-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(255,147,69,.1);}@property --theme-colors-peach-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(255,147,69,.24);}@property --theme-colors-peach-text{syntax: "<color>"; inherits: true; initial-value: rgb(128,53,0);}@property --theme-colors-apple{syntax: "<color>"; inherits: true; initial-value: rgb(127,185,81);}@property --theme-colors-apple-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(127,185,81,.1);}@property --theme-colors-apple-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(127,185,81,.24);}@property --theme-colors-apple-text{syntax: "<color>"; inherits: true; initial-value: rgb(54,81,31);}@property --theme-colors-bubblegum{syntax: "<color>"; inherits: true; initial-value: rgb(238,91,197);}@property --theme-colors-bubblegum-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(238,91,197,.1);}@property --theme-colors-bubblegum-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(238,91,197,.24);}@property --theme-colors-bubblegum-text{syntax: "<color>"; inherits: true; initial-value: rgb(135,13,100);}@property --theme-colors-ocher{syntax: "<color>"; inherits: true; initial-value: rgb(251,171,0);}@property --theme-colors-ocher-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(251,171,0,.1);}@property --theme-colors-ocher-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(251,171,0,.24);}@property --theme-colors-ocher-text{syntax: "<color>"; inherits: true; initial-value: rgb(102,70,0);}@property --theme-colors-blueberry{syntax: "<color>"; inherits: true; initial-value: rgb(101,98,255);}@property --theme-colors-blueberry-opa-01{syntax: "<color>"; inherits: true; initial-value: rgba(101,98,255,.1);}@property --theme-colors-blueberry-opa-02{syntax: "<color>"; inherits: true; initial-value: rgba(101,98,255,.24);}@property --theme-colors-blueberry-text{syntax: "<color>"; inherits: true; initial-value: rgb(4,0,230);}.theme-autofleet{--theme-colors-bg-primary: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));--theme-colors-bg-secondary: light-dark(var(--theme-atomic-n-01), var(--theme-atomic-n-04));--theme-colors-bg-info: light-dark(var(--theme-atomic-b-01), var(--theme-atomic-b-04));--theme-colors-bg-success: light-dark(var(--theme-atomic-g-01), var(--theme-atomic-g-04));--theme-colors-bg-warning: light-dark(var(--theme-atomic-y-01), var(--theme-atomic-y-04));--theme-colors-bg-error: light-dark(var(--theme-atomic-r-01), var(--theme-atomic-r-04));--theme-colors-divider-neutral: light-dark(var(--theme-atomic-n-opa-32), var(--theme-atomic-n-opa-32));--theme-colors-divider-invert: light-dark(var(--theme-atomic-n-00-opa-32), var(--theme-atomic-n-00-opa-32));--theme-colors-divider-brand: light-dark(var(--theme-atomic-brand-opa-32), var(--theme-atomic-brand-opa-32));--theme-colors-divider-info: light-dark(var(--theme-atomic-b-opa-32), var(--theme-atomic-b-opa-32));--theme-colors-divider-success: light-dark(var(--theme-atomic-g-opa-32), var(--theme-atomic-g-opa-32));--theme-colors-divider-warning: light-dark(var(--theme-atomic-y-opa-32), var(--theme-atomic-y-opa-32));--theme-colors-divider-error: light-dark(var(--theme-atomic-r-opa-32), var(--theme-atomic-r-opa-32));--theme-colors-primary-btn: light-dark(var(--theme-atomic-brand), var(--theme-atomic-brand));--theme-colors-primary-btn-hover: light-dark(var(--theme-atomic-brand-hover), var(--theme-atomic-brand-hover));--theme-colors-primary-btn-opa-01: light-dark(var(--theme-atomic-brand-opa-10), var(--theme-atomic-brand-opa-16));--theme-colors-primary-btn-opa-02: light-dark(var(--theme-atomic-brand-opa-24), var(--theme-atomic-brand-opa-24));--theme-colors-other: light-dark(var(--theme-atomic-brand), var(--theme-atomic-brand));--theme-colors-other-hover: light-dark(var(--theme-atomic-brand-hover), var(--theme-atomic-brand-hover));--theme-colors-other-opa-01: light-dark(var(--theme-atomic-brand-opa-10), var(--theme-atomic-brand-opa-16));--theme-colors-other-opa-02: light-dark(var(--theme-atomic-brand-opa-24), var(--theme-atomic-brand-opa-24));--theme-colors-other-text: light-dark(var(--theme-atomic-b-06), var(--theme-atomic-b-07));--theme-colors-neutral-dark: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));--theme-colors-neutral-charcoal: light-dark(var(--theme-atomic-n-03), var(--theme-atomic-n-02));--theme-colors-neutral-light: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));--theme-colors-neutral-invert: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));--theme-colors-neutral-opa-01: light-dark(var(--theme-atomic-n-opa-10), var(--theme-atomic-n-opa-16));--theme-colors-neutral-opa-02: light-dark(var(--theme-atomic-n-opa-24), var(--theme-atomic-n-opa-24));--theme-colors-neutral: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));--theme-colors-neutral-text: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));--theme-colors-info-hover: light-dark(var(--theme-atomic-b-03), var(--theme-atomic-b-05));--theme-colors-info: light-dark(var(--theme-atomic-b-02), var(--theme-atomic-b-02));--theme-colors-info-opa-01: light-dark(var(--theme-atomic-b-opa-10), var(--theme-atomic-b-opa-16));--theme-colors-info-opa-02: light-dark(var(--theme-atomic-b-opa-24), var(--theme-atomic-b-opa-24));--theme-colors-info-text: light-dark(var(--theme-atomic-b-06), var(--theme-atomic-b-07));--theme-colors-success-hover: light-dark(var(--theme-atomic-g-03), var(--theme-atomic-g-05));--theme-colors-success: light-dark(var(--theme-atomic-g-02), var(--theme-atomic-g-02));--theme-colors-success-opa-01: light-dark(var(--theme-atomic-g-opa-10), var(--theme-atomic-g-opa-16));--theme-colors-success-opa-02: light-dark(var(--theme-atomic-g-opa-24), var(--theme-atomic-g-opa-24));--theme-colors-success-text: light-dark(var(--theme-atomic-g-06), var(--theme-atomic-g-07));--theme-colors-warning-hover: light-dark(var(--theme-atomic-y-03), var(--theme-atomic-y-05));--theme-colors-warning: light-dark(var(--theme-atomic-y-02), var(--theme-atomic-y-02));--theme-colors-warning-opa-01: light-dark(var(--theme-atomic-y-opa-10), var(--theme-atomic-y-opa-16));--theme-colors-warning-opa-02: light-dark(var(--theme-atomic-y-opa-24), var(--theme-atomic-y-opa-24));--theme-colors-warning-text: light-dark(var(--theme-atomic-y-06), var(--theme-atomic-y-07));--theme-colors-error-hover: light-dark(var(--theme-atomic-r-03), var(--theme-atomic-r-05));--theme-colors-error: light-dark(var(--theme-atomic-r-02), var(--theme-atomic-r-02));--theme-colors-error-opa-01: light-dark(var(--theme-atomic-r-opa-10), var(--theme-atomic-r-opa-16));--theme-colors-error-opa-02: light-dark(var(--theme-atomic-r-opa-24), var(--theme-atomic-r-opa-24));--theme-colors-error-text: light-dark(var(--theme-atomic-r-06), var(--theme-atomic-r-07));--theme-colors-purple: light-dark(var(--theme-atomic-pu-02), var(--theme-atomic-pu-02));--theme-colors-purple-opa-01: light-dark(var(--theme-atomic-pu-opa-10), var(--theme-atomic-pu-opa-16));--theme-colors-purple-opa-02: light-dark(var(--theme-atomic-pu-opa-24), var(--theme-atomic-pu-opa-24));--theme-colors-purple-text: light-dark(var(--theme-atomic-pu-06), var(--theme-atomic-pu-07));--theme-colors-orange: light-dark(var(--theme-atomic-or-02), var(--theme-atomic-or-02));--theme-colors-orange-opa-01: light-dark(var(--theme-atomic-or-opa-10), var(--theme-atomic-or-opa-16));--theme-colors-orange-opa-02: light-dark(var(--theme-atomic-or-opa-24), var(--theme-atomic-or-opa-24));--theme-colors-orange-text: light-dark(var(--theme-atomic-or-06), var(--theme-atomic-or-07));--theme-colors-turquoise: light-dark(var(--theme-atomic-tu-02), var(--theme-atomic-tu-02));--theme-colors-turquoise-opa-01: light-dark(var(--theme-atomic-tu-opa-10), var(--theme-atomic-tu-opa-16));--theme-colors-turquoise-opa-02: light-dark(var(--theme-atomic-tu-opa-24), var(--theme-atomic-tu-opa-24));--theme-colors-turquoise-text: light-dark(var(--theme-atomic-tu-06), var(--theme-atomic-tu-07));--theme-colors-pink: light-dark(var(--theme-atomic-pi-02), var(--theme-atomic-pi-02));--theme-colors-pink-opa-01: light-dark(var(--theme-atomic-pi-opa-10), var(--theme-atomic-pi-opa-16));--theme-colors-pink-opa-02: light-dark(var(--theme-atomic-pi-opa-24), var(--theme-atomic-pi-opa-24));--theme-colors-pink-text: light-dark(var(--theme-atomic-pi-06), var(--theme-atomic-pi-07));--theme-colors-ultramarine: light-dark(var(--theme-atomic-ul-02), var(--theme-atomic-ul-02));--theme-colors-ultramarine-opa-01: light-dark(var(--theme-atomic-ul-opa-10), var(--theme-atomic-ul-opa-16));--theme-colors-ultramarine-opa-02: light-dark(var(--theme-atomic-ul-opa-24), var(--theme-atomic-ul-opa-24));--theme-colors-ultramarine-text: light-dark(var(--theme-atomic-ul-06), var(--theme-atomic-ul-07));--theme-colors-peach: light-dark(var(--theme-atomic-pe-02), var(--theme-atomic-pe-02));--theme-colors-peach-opa-01: light-dark(var(--theme-atomic-pe-opa-10), var(--theme-atomic-pe-opa-16));--theme-colors-peach-opa-02: light-dark(var(--theme-atomic-pe-opa-24), var(--theme-atomic-pe-opa-24));--theme-colors-peach-text: light-dark(var(--theme-atomic-pe-06), var(--theme-atomic-pe-07));--theme-colors-apple: light-dark(var(--theme-atomic-ap-02), var(--theme-atomic-ap-02));--theme-colors-apple-opa-01: light-dark(var(--theme-atomic-ap-opa-10), var(--theme-atomic-ap-opa-16));--theme-colors-apple-opa-02: light-dark(var(--theme-atomic-ap-opa-24), var(--theme-atomic-ap-opa-24));--theme-colors-apple-text: light-dark(var(--theme-atomic-ap-06), var(--theme-atomic-ap-07));--theme-colors-bubblegum: light-dark(var(--theme-atomic-bu-02), var(--theme-atomic-bu-02));--theme-colors-bubblegum-opa-01: light-dark(var(--theme-atomic-bu-opa-10), var(--theme-atomic-bu-opa-16));--theme-colors-bubblegum-opa-02: light-dark(var(--theme-atomic-bu-opa-24), var(--theme-atomic-bu-opa-24));--theme-colors-bubblegum-text: light-dark(var(--theme-atomic-bu-06), var(--theme-atomic-bu-07));--theme-colors-ocher: light-dark(var(--theme-atomic-oc-02), var(--theme-atomic-oc-02));--theme-colors-ocher-opa-01: light-dark(var(--theme-atomic-oc-opa-10), var(--theme-atomic-oc-opa-16));--theme-colors-ocher-opa-02: light-dark(var(--theme-atomic-oc-opa-24), var(--theme-atomic-oc-opa-24));--theme-colors-ocher-text: light-dark(var(--theme-atomic-oc-06), var(--theme-atomic-oc-07));--theme-colors-blueberry: light-dark(var(--theme-atomic-br-02), var(--theme-atomic-br-02));--theme-colors-blueberry-opa-01: light-dark(var(--theme-atomic-br-opa-10), var(--theme-atomic-br-opa-16));--theme-colors-blueberry-opa-02: light-dark(var(--theme-atomic-br-opa-24), var(--theme-atomic-br-opa-24));--theme-colors-blueberry-text: light-dark(var(--theme-atomic-br-06), var(--theme-atomic-br-07))}.theme-whiteLabel{--theme-colors-bg-primary: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));--theme-colors-bg-secondary: light-dark(var(--theme-atomic-n-01), var(--theme-atomic-n-04));--theme-colors-bg-info: light-dark(var(--theme-atomic-b-01), var(--theme-atomic-b-04));--theme-colors-bg-success: light-dark(var(--theme-atomic-g-01), var(--theme-atomic-g-04));--theme-colors-bg-warning: light-dark(var(--theme-atomic-y-01), var(--theme-atomic-y-04));--theme-colors-bg-error: light-dark(var(--theme-atomic-r-01), var(--theme-atomic-r-04));--theme-colors-divider-neutral: light-dark(var(--theme-atomic-n-opa-32), var(--theme-atomic-n-opa-32));--theme-colors-divider-invert: light-dark(var(--theme-atomic-n-00-opa-32), var(--theme-atomic-n-00-opa-32));--theme-colors-divider-brand: light-dark(var(--theme-atomic-brand-opa-32), var(--theme-atomic-brand-opa-32));--theme-colors-divider-info: light-dark(var(--theme-atomic-b-opa-32), var(--theme-atomic-b-opa-32));--theme-colors-divider-success: light-dark(var(--theme-atomic-g-opa-32), var(--theme-atomic-g-opa-32));--theme-colors-divider-warning: light-dark(var(--theme-atomic-y-opa-32), var(--theme-atomic-y-opa-32));--theme-colors-divider-error: light-dark(var(--theme-atomic-r-opa-32), var(--theme-atomic-r-opa-32));--theme-colors-primary-btn: light-dark(var(--theme-atomic-brand), var(--theme-atomic-brand));--theme-colors-primary-btn-hover: light-dark(var(--theme-atomic-brand-hover), var(--theme-atomic-brand-hover));--theme-colors-primary-btn-opa-01: light-dark(var(--theme-atomic-brand-opa-10), var(--theme-atomic-brand-opa-16));--theme-colors-primary-btn-opa-02: light-dark(var(--theme-atomic-brand-opa-24), var(--theme-atomic-brand-opa-24));--theme-colors-other: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));--theme-colors-other-hover: light-dark(var(--theme-atomic-n-03), var(--theme-atomic-n-02));--theme-colors-other-opa-01: light-dark(var(--theme-atomic-n-opa-10), var(--theme-atomic-n-opa-16));--theme-colors-other-opa-02: light-dark(var(--theme-atomic-n-opa-24), var(--theme-atomic-n-opa-24));--theme-colors-other-text: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-b-07));--theme-colors-neutral-dark: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));--theme-colors-neutral-charcoal: light-dark(var(--theme-atomic-n-03), var(--theme-atomic-n-02));--theme-colors-neutral-light: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));--theme-colors-neutral-invert: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));--theme-colors-neutral-opa-01: light-dark(var(--theme-atomic-n-opa-10), var(--theme-atomic-n-opa-16));--theme-colors-neutral-opa-02: light-dark(var(--theme-atomic-n-opa-24), var(--theme-atomic-n-opa-24));--theme-colors-neutral: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));--theme-colors-neutral-text: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));--theme-colors-info-hover: light-dark(var(--theme-atomic-b-03), var(--theme-atomic-b-05));--theme-colors-info: light-dark(var(--theme-atomic-b-02), var(--theme-atomic-b-02));--theme-colors-info-opa-01: light-dark(var(--theme-atomic-b-opa-10), var(--theme-atomic-b-opa-16));--theme-colors-info-opa-02: light-dark(var(--theme-atomic-b-opa-24), var(--theme-atomic-b-opa-24));--theme-colors-info-text: light-dark(var(--theme-atomic-b-06), var(--theme-atomic-b-07));--theme-colors-success-hover: light-dark(var(--theme-atomic-g-03), var(--theme-atomic-g-05));--theme-colors-success: light-dark(var(--theme-atomic-g-02), var(--theme-atomic-g-02));--theme-colors-success-opa-01: light-dark(var(--theme-atomic-g-opa-10), var(--theme-atomic-g-opa-16));--theme-colors-success-opa-02: light-dark(var(--theme-atomic-g-opa-24), var(--theme-atomic-g-opa-24));--theme-colors-success-text: light-dark(var(--theme-atomic-g-06), var(--theme-atomic-g-07));--theme-colors-warning-hover: light-dark(var(--theme-atomic-y-03), var(--theme-atomic-y-05));--theme-colors-warning: light-dark(var(--theme-atomic-y-02), var(--theme-atomic-y-02));--theme-colors-warning-opa-01: light-dark(var(--theme-atomic-y-opa-10), var(--theme-atomic-y-opa-16));--theme-colors-warning-opa-02: light-dark(var(--theme-atomic-y-opa-24), var(--theme-atomic-y-opa-24));--theme-colors-warning-text: light-dark(var(--theme-atomic-y-06), var(--theme-atomic-y-07));--theme-colors-error-hover: light-dark(var(--theme-atomic-r-03), var(--theme-atomic-r-05));--theme-colors-error: light-dark(var(--theme-atomic-r-02), var(--theme-atomic-r-02));--theme-colors-error-opa-01: light-dark(var(--theme-atomic-r-opa-10), var(--theme-atomic-r-opa-16));--theme-colors-error-opa-02: light-dark(var(--theme-atomic-r-opa-24), var(--theme-atomic-r-opa-24));--theme-colors-error-text: light-dark(var(--theme-atomic-r-06), var(--theme-atomic-r-07));--theme-colors-purple: light-dark(var(--theme-atomic-pu-02), var(--theme-atomic-pu-02));--theme-colors-purple-opa-01: light-dark(var(--theme-atomic-pu-opa-10), var(--theme-atomic-pu-opa-16));--theme-colors-purple-opa-02: light-dark(var(--theme-atomic-pu-opa-24), var(--theme-atomic-pu-opa-24));--theme-colors-purple-text: light-dark(var(--theme-atomic-pu-06), var(--theme-atomic-pu-07));--theme-colors-orange: light-dark(var(--theme-atomic-or-02), var(--theme-atomic-or-02));--theme-colors-orange-opa-01: light-dark(var(--theme-atomic-or-opa-10), var(--theme-atomic-or-opa-16));--theme-colors-orange-opa-02: light-dark(var(--theme-atomic-or-opa-24), var(--theme-atomic-or-opa-24));--theme-colors-orange-text: light-dark(var(--theme-atomic-or-06), var(--theme-atomic-or-07));--theme-colors-turquoise: light-dark(var(--theme-atomic-tu-02), var(--theme-atomic-tu-02));--theme-colors-turquoise-opa-01: light-dark(var(--theme-atomic-tu-opa-10), var(--theme-atomic-tu-opa-16));--theme-colors-turquoise-opa-02: light-dark(var(--theme-atomic-tu-opa-24), var(--theme-atomic-tu-opa-24));--theme-colors-turquoise-text: light-dark(var(--theme-atomic-tu-06), var(--theme-atomic-tu-07));--theme-colors-pink: light-dark(var(--theme-atomic-pi-02), var(--theme-atomic-pi-02));--theme-colors-pink-opa-01: light-dark(var(--theme-atomic-pi-opa-10), var(--theme-atomic-pi-opa-16));--theme-colors-pink-opa-02: light-dark(var(--theme-atomic-pi-opa-24), var(--theme-atomic-pi-opa-24));--theme-colors-pink-text: light-dark(var(--theme-atomic-pi-06), var(--theme-atomic-pi-07));--theme-colors-ultramarine: light-dark(var(--theme-atomic-ul-02), var(--theme-atomic-ul-02));--theme-colors-ultramarine-opa-01: light-dark(var(--theme-atomic-ul-opa-10), var(--theme-atomic-ul-opa-16));--theme-colors-ultramarine-opa-02: light-dark(var(--theme-atomic-ul-opa-24), var(--theme-atomic-ul-opa-24));--theme-colors-ultramarine-text: light-dark(var(--theme-atomic-ul-06), var(--theme-atomic-ul-07));--theme-colors-peach: light-dark(var(--theme-atomic-pe-02), var(--theme-atomic-pe-02));--theme-colors-peach-opa-01: light-dark(var(--theme-atomic-pe-opa-10), var(--theme-atomic-pe-opa-16));--theme-colors-peach-opa-02: light-dark(var(--theme-atomic-pe-opa-24), var(--theme-atomic-pe-opa-24));--theme-colors-peach-text: light-dark(var(--theme-atomic-pe-06), var(--theme-atomic-pe-07));--theme-colors-apple: light-dark(var(--theme-atomic-ap-02), var(--theme-atomic-ap-02));--theme-colors-apple-opa-01: light-dark(var(--theme-atomic-ap-opa-10), var(--theme-atomic-ap-opa-16));--theme-colors-apple-opa-02: light-dark(var(--theme-atomic-ap-opa-24), var(--theme-atomic-ap-opa-24));--theme-colors-apple-text: light-dark(var(--theme-atomic-ap-06), var(--theme-atomic-ap-07));--theme-colors-bubblegum: light-dark(var(--theme-atomic-bu-02), var(--theme-atomic-bu-02));--theme-colors-bubblegum-opa-01: light-dark(var(--theme-atomic-bu-opa-10), var(--theme-atomic-bu-opa-16));--theme-colors-bubblegum-opa-02: light-dark(var(--theme-atomic-bu-opa-24), var(--theme-atomic-bu-opa-24));--theme-colors-bubblegum-text: light-dark(var(--theme-atomic-bu-06), var(--theme-atomic-bu-07));--theme-colors-ocher: light-dark(var(--theme-atomic-oc-02), var(--theme-atomic-oc-02));--theme-colors-ocher-opa-01: light-dark(var(--theme-atomic-oc-opa-10), var(--theme-atomic-oc-opa-16));--theme-colors-ocher-opa-02: light-dark(var(--theme-atomic-oc-opa-24), var(--theme-atomic-oc-opa-24));--theme-colors-ocher-text: light-dark(var(--theme-atomic-oc-06), var(--theme-atomic-oc-07));--theme-colors-blueberry: light-dark(var(--theme-atomic-br-02), var(--theme-atomic-br-02));--theme-colors-blueberry-opa-01: light-dark(var(--theme-atomic-br-opa-10), var(--theme-atomic-br-opa-16));--theme-colors-blueberry-opa-02: light-dark(var(--theme-atomic-br-opa-24), var(--theme-atomic-br-opa-24));--theme-colors-blueberry-text: light-dark(var(--theme-atomic-br-06), var(--theme-atomic-br-07))}.theme-whiteLabel:not([data-theme]),.theme-whiteLabel[data-theme=system],.theme-autofleet:not([data-theme]),.theme-autofleet[data-theme=system]{color-scheme:light dark}.theme-whiteLabel[data-theme=light],.theme-autofleet[data-theme=light]{color-scheme:light}.theme-whiteLabel[data-theme=dark],.theme-autofleet[data-theme=dark]{color-scheme:dark}:root{--theme-shadows-shadow-map-element: 0px 3px 8px rgb(from var(--theme-colors-neutral-dark) r g b / 32%);--theme-shadows-shadow-neutral-low: 0px 2px 4px rgb(from var(--theme-colors-neutral-dark) r g b / 8%);--theme-shadows-shadow-neutral-medium: 0px 4px 8px rgb(from var(--theme-colors-neutral-dark) r g b / 8%);--theme-shadows-shadow-neutral-high: 0px 8px 40px rgb(from var(--theme-colors-neutral-dark) r g b / 16%);--theme-shadows-shadow-info-low: 0px 2px 4px rgb(from var(--theme-colors-info) r g b / 12%);--theme-shadows-shadow-info-medium: 0px 4px 8px rgb(from var(--theme-colors-info) r g b / 12%);--theme-shadows-shadow-info-high: 0px 8px 40px rgb(from var(--theme-colors-info) r g b / 16%);--theme-shadows-shadow-success-low: 0px 2px 4px rgb(from var(--theme-colors-success) r g b / 12%);--theme-shadows-shadow-success-medium: 0px 4px 8px rgb(from var(--theme-colors-success) r g b / 12%);--theme-shadows-shadow-success-high: 0px 8px 40px rgb(from var(--theme-colors-success) r g b / 16%);--theme-shadows-shadow-warning-low: 0px 2px 4px rgb(from var(--theme-colors-warning) r g b / 12%);--theme-shadows-shadow-warning-medium: 0px 4px 8px rgb(from var(--theme-colors-warning) r g b / 12%);--theme-shadows-shadow-warning-high: 0px 8px 40px rgb(from var(--theme-colors-warning) r g b / 16%);--theme-shadows-shadow-error-low: 0px 2px 4px rgb(from var(--theme-colors-error) r g b / 12%);--theme-shadows-shadow-error-medium: 0px 4px 8px rgb(from var(--theme-colors-error) r g b / 12%);--theme-shadows-shadow-error-high: 0px 8px 40px rgb(from var(--theme-colors-error) r g b / 16%)}:root{--theme-font-family: Montserrat, sans-serif;--theme-font-weight-bold: 700;--theme-font-weight-medium: 500;--theme-font-weight-regular: 400;--theme-typography-1: var(--theme-font-weight-medium) 12px/18px var(--theme-font-family);--theme-typography-2: var(--theme-font-weight-bold) 12px/18px var(--theme-font-family);--theme-typography-3: var(--theme-font-weight-bold) 14px/20px var(--theme-font-family);--theme-typography-4: var(--theme-font-weight-medium) 14px/20px var(--theme-font-family);--theme-typography-5: var(--theme-font-weight-bold) 16px/24px var(--theme-font-family);--theme-typography-6: var(--theme-font-weight-medium) 16px/24px var(--theme-font-family);--theme-typography-7: var(--theme-font-weight-bold) 18px/24px var(--theme-font-family);--theme-typography-8: var(--theme-font-weight-bold) 20px/26px var(--theme-font-family);--theme-typography-9: var(--theme-font-weight-regular) 24px/30px var(--theme-font-family);--theme-typography-10: var(--theme-font-weight-bold) 24px/30px var(--theme-font-family);--theme-typography-11: var(--theme-font-weight-bold) 32px/40px var(--theme-font-family);--theme-font-desktop-fine: var(--theme-typography-1);--theme-font-desktop-fine-strong: var(--theme-typography-2);--theme-font-desktop-body-strong: var(--theme-typography-3);--theme-font-desktop-body: var(--theme-typography-4);--theme-font-desktop-small-title: var(--theme-typography-7);--theme-font-desktop-placeholder-title-input: var(--theme-typography-9);--theme-font-desktop-medium-title: var(--theme-typography-10);--theme-font-desktop-large-title: var(--theme-typography-11);--theme-font-mobile-fine-strong: var(--theme-typography-3);--theme-font-mobile-fine: var(--theme-typography-4);--theme-font-mobile-body-strong: var(--theme-typography-5);--theme-font-mobile-body: var(--theme-typography-6);--theme-font-mobile-small-title: var(--theme-typography-8);--theme-font-mobile-large-title: var(--theme-typography-10);--theme-font-mobile-xl-title: var(--theme-typography-11)}@property --theme-breakpoint-mobile{syntax: "<length>"; inherits: false; initial-value: 768px;}@property --theme-breakpoint-tablet{syntax: "<length>"; inherits: false; initial-value: 992px;}@property --theme-breakpoint-desktop{syntax: "<length>"; inherits: false; initial-value: 1200px;}
+:root {
+  --theme-spacing-none: 0px;
+  --theme-spacing-xs: 2px;
+  --theme-spacing-sm: 4px;
+  --theme-spacing-md: 6px;
+  --theme-spacing-lg: 8px;
+  --theme-spacing-xl: 12px;
+  --theme-spacing-2xl: 16px;
+  --theme-spacing-3xl: 24px;
+  --theme-spacing-4xl: 32px;
+  --theme-spacing-5xl: 40px;
+  --theme-spacing-6xl: 48px;
+  --theme-spacing-7xl: 56px;
+  --theme-spacing-8xl: 64px;
+}
+
+:root {
+  /* BORDER RADIUS */
+  --theme-border-radius-none: 0px;
+  --theme-border-radius-xs: 2px;
+  --theme-border-radius-sm: 4px;
+  --theme-border-radius-md: 6px;
+  --theme-border-radius-lg: 8px;
+  --theme-border-radius-xl: 16px;
+  --theme-border-radius-2xl: 24px;
+}
+
+/* Neutral Colors */
+@property --theme-atomic-n-00 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(255, 255, 255);
+}
+@property --theme-atomic-n-01 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(244, 245, 248);
+}
+@property --theme-atomic-n-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(173, 174, 186);
+}
+@property --theme-atomic-n-03 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(102, 105, 117);
+}
+@property --theme-atomic-n-04 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(52, 55, 64);
+}
+@property --theme-atomic-n-05 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(33, 34, 41);
+}
+@property --theme-atomic-n-opa {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(124, 134, 163);
+}
+@property --theme-atomic-n-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(124, 134, 163, 0.1);
+}
+@property --theme-atomic-n-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(124, 134, 163, 0.16);
+}
+@property --theme-atomic-n-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(124, 134, 163, 0.24);
+}
+@property --theme-atomic-n-opa-32 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(125, 139, 172, 0.32);
+}
+@property --theme-atomic-n-00-opa-32 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(255, 255, 255, 0.32);
+}
+
+/* Brand Colors */
+@property --theme-atomic-brand {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(17, 164, 255);
+}
+@property --theme-atomic-brand-hover {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(0, 132, 214);
+}
+@property --theme-atomic-brand-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.1);
+}
+@property --theme-atomic-brand-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.16);
+}
+@property --theme-atomic-brand-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.24);
+}
+@property --theme-atomic-brand-opa-32 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.32);
+}
+
+/* Blue Colors */
+@property --theme-atomic-b-01 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(231, 246, 255);
+}
+@property --theme-atomic-b-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(17, 164, 255);
+}
+@property --theme-atomic-b-03 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(0, 132, 214);
+}
+@property --theme-atomic-b-04 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(30, 55, 75);
+}
+@property --theme-atomic-b-05 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(66, 183, 255);
+}
+@property --theme-atomic-b-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(0, 75, 122);
+}
+@property --theme-atomic-b-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(158, 218, 255);
+}
+@property --theme-atomic-b-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.1);
+}
+@property --theme-atomic-b-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.16);
+}
+@property --theme-atomic-b-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.24);
+}
+@property --theme-atomic-b-opa-32 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.32);
+}
+
+/* Green Colors */
+@property --theme-atomic-g-01 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(233, 248, 239);
+}
+@property --theme-atomic-g-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(37, 184, 97);
+}
+@property --theme-atomic-g-03 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(28, 140, 74);
+}
+@property --theme-atomic-g-04 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(34, 58, 50);
+}
+@property --theme-atomic-g-05 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(55, 215, 120);
+}
+@property --theme-atomic-g-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(17, 85, 44);
+}
+@property --theme-atomic-g-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(136, 231, 174);
+}
+@property --theme-atomic-g-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(37, 184, 97, 0.1);
+}
+@property --theme-atomic-g-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(37, 184, 97, 0.16);
+}
+@property --theme-atomic-g-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(37, 184, 97, 0.24);
+}
+@property --theme-atomic-g-opa-32 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(37, 184, 97, 0.32);
+}
+
+/* Yellow Colors */
+@property --theme-atomic-y-01 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(254, 246, 231);
+}
+@property --theme-atomic-y-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(244, 156, 0);
+}
+@property --theme-atomic-y-03 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(214, 138, 5);
+}
+@property --theme-atomic-y-04 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(68, 55, 37);
+}
+@property --theme-atomic-y-05 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(251, 185, 70);
+}
+@property --theme-atomic-y-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(107, 68, 0);
+}
+@property --theme-atomic-y-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(255, 210, 133);
+}
+@property --theme-atomic-y-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(244, 156, 0, 0.1);
+}
+@property --theme-atomic-y-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(244, 156, 0, 0.16);
+}
+@property --theme-atomic-y-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(244, 156, 0, 0.24);
+}
+@property --theme-atomic-y-opa-32 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(244, 156, 0, 0.32);
+}
+
+/* Red Colors */
+@property --theme-atomic-r-01 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(254, 235, 236);
+}
+@property --theme-atomic-r-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(248, 55, 67);
+}
+@property --theme-atomic-r-03 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(197, 7, 19);
+}
+@property --theme-atomic-r-04 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(67, 37, 45);
+}
+@property --theme-atomic-r-05 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(249, 103, 112);
+}
+@property --theme-atomic-r-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(137, 6, 14);
+}
+@property --theme-atomic-r-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(248, 180, 186);
+}
+@property --theme-atomic-r-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(248, 55, 67, 0.1);
+}
+@property --theme-atomic-r-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(248, 55, 67, 0.16);
+}
+@property --theme-atomic-r-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(248, 55, 67, 0.24);
+}
+@property --theme-atomic-r-opa-32 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(248, 55, 67, 0.32);
+}
+
+/* Purple Colors */
+@property --theme-atomic-pu-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(143, 101, 255);
+}
+@property --theme-atomic-pu-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(58, 0, 219);
+}
+@property --theme-atomic-pu-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(209, 194, 255);
+}
+@property --theme-atomic-pu-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(143, 101, 255, 0.1);
+}
+@property --theme-atomic-pu-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(143, 101, 255, 0.16);
+}
+@property --theme-atomic-pu-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(143, 101, 255, 0.24);
+}
+
+/* Orange Colors */
+@property --theme-atomic-or-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(255, 116, 87);
+}
+@property --theme-atomic-or-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(143, 24, 0);
+}
+@property --theme-atomic-or-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(255, 198, 189);
+}
+@property --theme-atomic-or-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(255, 116, 87, 0.1);
+}
+@property --theme-atomic-or-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(255, 116, 87, 0.16);
+}
+@property --theme-atomic-or-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(255, 116, 87, 0.24);
+}
+
+/* Turquoise Colors */
+@property --theme-atomic-tu-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(0, 198, 181);
+}
+@property --theme-atomic-tu-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(0, 82, 72);
+}
+@property --theme-atomic-tu-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(0, 245, 224);
+}
+@property --theme-atomic-tu-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(0, 198, 181, 0.1);
+}
+@property --theme-atomic-tu-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(0, 198, 181, 0.16);
+}
+@property --theme-atomic-tu-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(0, 198, 181, 0.24);
+}
+
+/* Pink Colors */
+@property --theme-atomic-pi-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(255, 85, 138);
+}
+@property --theme-atomic-pi-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(143, 0, 45);
+}
+@property --theme-atomic-pi-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(255, 189, 210);
+}
+@property --theme-atomic-pi-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(255, 85, 138, 0.1);
+}
+@property --theme-atomic-pi-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(255, 85, 138, 0.16);
+}
+@property --theme-atomic-pi-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(255, 85, 138, 0.24);
+}
+
+/* Ultramarine Colors */
+@property --theme-atomic-ul-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(84, 119, 255);
+}
+@property --theme-atomic-ul-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(0, 41, 204);
+}
+@property --theme-atomic-ul-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(184, 198, 255);
+}
+@property --theme-atomic-ul-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(84, 119, 255, 0.1);
+}
+@property --theme-atomic-ul-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(84, 119, 255, 0.16);
+}
+@property --theme-atomic-ul-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(84, 119, 255, 0.24);
+}
+
+/* Peach Colors */
+@property --theme-atomic-pe-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(255, 147, 69);
+}
+@property --theme-atomic-pe-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(128, 53, 0);
+}
+@property --theme-atomic-pe-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(255, 209, 179);
+}
+@property --theme-atomic-pe-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(255, 147, 69, 0.1);
+}
+@property --theme-atomic-pe-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(255, 147, 69, 0.16);
+}
+@property --theme-atomic-pe-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(255, 147, 69, 0.24);
+}
+
+/* Apple Colors */
+@property --theme-atomic-ap-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(127, 185, 81);
+}
+@property --theme-atomic-ap-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(54, 81, 31);
+}
+@property --theme-atomic-ap-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(198, 225, 173);
+}
+@property --theme-atomic-ap-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(127, 185, 81, 0.1);
+}
+@property --theme-atomic-ap-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(127, 185, 81, 0.16);
+}
+@property --theme-atomic-ap-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(127, 185, 81, 0.24);
+}
+
+/* Bubblegum Colors */
+@property --theme-atomic-bu-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(238, 91, 197);
+}
+@property --theme-atomic-bu-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(135, 13, 100);
+}
+@property --theme-atomic-bu-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(249, 190, 234);
+}
+@property --theme-atomic-bu-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(238, 91, 197, 0.1);
+}
+@property --theme-atomic-bu-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(238, 91, 197, 0.16);
+}
+@property --theme-atomic-bu-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(238, 91, 197, 0.24);
+}
+
+/* Ocher Colors */
+@property --theme-atomic-oc-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(251, 171, 0);
+}
+@property --theme-atomic-oc-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(102, 70, 0);
+}
+@property --theme-atomic-oc-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(255, 218, 138);
+}
+@property --theme-atomic-oc-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(251, 171, 0, 0.1);
+}
+@property --theme-atomic-oc-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(251, 171, 0, 0.16);
+}
+@property --theme-atomic-oc-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(251, 171, 0, 0.24);
+}
+
+/* Blueberry Colors */
+@property --theme-atomic-br-02 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(101, 98, 255);
+}
+@property --theme-atomic-br-06 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(4, 0, 230);
+}
+@property --theme-atomic-br-07 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgb(95, 194, 255);
+}
+@property --theme-atomic-br-opa-10 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(101, 98, 255, 0.1);
+}
+@property --theme-atomic-br-opa-16 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(101, 98, 255, 0.16);
+}
+@property --theme-atomic-br-opa-24 {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: rgba(101, 98, 255, 0.24);
+}
+
+
+:root {
+  /* ATOMIC-COLORS */
+  /* Neutral Colors */
+  --theme-atomic-n-00: rgb(255, 255, 255);
+  --theme-atomic-n-01: rgb(244, 245, 248);
+  --theme-atomic-n-02: rgb(173, 174, 186);
+  --theme-atomic-n-03: rgb(102, 105, 117);
+  --theme-atomic-n-04: rgb(52, 55, 64);
+  --theme-atomic-n-05: rgb(33, 34, 41);
+  --theme-atomic-n-opa: rgb(124, 134, 163);
+  --theme-atomic-n-opa-10: rgb(from var(--theme-atomic-n-opa) r g b / 10%);
+  --theme-atomic-n-opa-16: rgb(from var(--theme-atomic-n-opa) r g b / 16%);
+  --theme-atomic-n-opa-24: rgb(from var(--theme-atomic-n-opa) r g b / 24%);
+  --theme-atomic-n-opa-32: rgb(125 139 172 / 32%);
+  --theme-atomic-n-00-opa-32: rgb(from var(--theme-atomic-n-00) r g b / 32%);
+
+  /* Brand Colors */
+  --theme-atomic-brand: rgb(17, 164, 255);
+  --theme-atomic-brand-hover: rgb(0, 132, 214);
+  --theme-atomic-brand-opa-10: rgb(from var(--theme-atomic-brand) r g b / 10%);
+  --theme-atomic-brand-opa-16: rgb(from var(--theme-atomic-brand) r g b / 16%);
+  --theme-atomic-brand-opa-24: rgb(from var(--theme-atomic-brand) r g b / 24%);
+  --theme-atomic-brand-opa-32: rgb(from var(--theme-atomic-brand) r g b / 32%);
+
+  /* Blue Colors */
+  --theme-atomic-b-01: rgb(231, 246, 255);
+  --theme-atomic-b-02: rgb(17, 164, 255);
+  --theme-atomic-b-03: rgb(0, 132, 214);
+  --theme-atomic-b-04: rgb(30, 55, 75);
+  --theme-atomic-b-05: rgb(66, 183, 255);
+  --theme-atomic-b-06: rgb(0, 75, 122);
+  --theme-atomic-b-07: rgb(158, 218, 255);
+  --theme-atomic-b-opa-10: rgb(from var(--theme-atomic-b-02) r g b / 10%);
+  --theme-atomic-b-opa-16: rgb(from var(--theme-atomic-b-02) r g b / 16%);
+  --theme-atomic-b-opa-24: rgb(from var(--theme-atomic-b-02) r g b / 24%);
+  --theme-atomic-b-opa-32: rgb(from var(--theme-atomic-b-02) r g b / 32%);
+
+  /* Green Colors */
+  --theme-atomic-g-01: rgb(233, 248, 239);
+  --theme-atomic-g-02: rgb(37, 184, 97);
+  --theme-atomic-g-03: rgb(28, 140, 74);
+  --theme-atomic-g-04: rgb(34, 58, 50);
+  --theme-atomic-g-05: rgb(55, 215, 120);
+  --theme-atomic-g-06: rgb(17, 85, 44);
+  --theme-atomic-g-07: rgb(136, 231, 174);
+  --theme-atomic-g-opa-10: rgb(from var(--theme-atomic-g-02) r g b / 10%);
+  --theme-atomic-g-opa-16: rgb(from var(--theme-atomic-g-02) r g b / 16%);
+  --theme-atomic-g-opa-24: rgb(from var(--theme-atomic-g-02) r g b / 24%);
+  --theme-atomic-g-opa-32: rgb(from var(--theme-atomic-g-02) r g b / 32%);
+
+  /* Yellow Colors */
+  --theme-atomic-y-01: rgb(254, 246, 231);
+  --theme-atomic-y-02: rgb(244, 156, 0);
+  --theme-atomic-y-03: rgb(214, 138, 5);
+  --theme-atomic-y-04: rgb(68, 55, 37);
+  --theme-atomic-y-05: rgb(251, 185, 70);
+  --theme-atomic-y-06: rgb(107, 68, 0);
+  --theme-atomic-y-07: rgb(255, 210, 133);
+  --theme-atomic-y-opa-10: rgb(from var(--theme-atomic-y-02) r g b / 10%);
+  --theme-atomic-y-opa-16: rgb(from var(--theme-atomic-y-02) r g b / 16%);
+  --theme-atomic-y-opa-24: rgb(from var(--theme-atomic-y-02) r g b / 24%);
+  --theme-atomic-y-opa-32: rgb(from var(--theme-atomic-y-02) r g b / 32%);
+
+  /* Red Colors */
+  --theme-atomic-r-01: rgb(254, 235, 236);
+  --theme-atomic-r-02: rgb(248, 55, 67);
+  --theme-atomic-r-03: rgb(197, 7, 19);
+  --theme-atomic-r-04: rgb(67, 37, 45);
+  --theme-atomic-r-05: rgb(249, 103, 112);
+  --theme-atomic-r-06: rgb(137, 6, 14);
+  --theme-atomic-r-07: rgb(248, 180, 186);
+  --theme-atomic-r-opa-10: rgb(from var(--theme-atomic-r-02) r g b / 10%);
+  --theme-atomic-r-opa-16: rgb(from var(--theme-atomic-r-02) r g b / 16%);
+  --theme-atomic-r-opa-24: rgb(from var(--theme-atomic-r-02) r g b / 24%);
+  --theme-atomic-r-opa-32: rgb(from var(--theme-atomic-r-02) r g b / 32%);
+
+  /* Purple Colors */
+  --theme-atomic-pu-02: rgb(143, 101, 255);
+  --theme-atomic-pu-06: rgb(58, 0, 219);
+  --theme-atomic-pu-07: rgb(209, 194, 255);
+  --theme-atomic-pu-opa-10: rgb(from var(--theme-atomic-pu-02) r g b / 10%);
+  --theme-atomic-pu-opa-16: rgb(from var(--theme-atomic-pu-02) r g b / 16%);
+  --theme-atomic-pu-opa-24: rgb(from var(--theme-atomic-pu-02) r g b / 24%);
+
+  /* Orange Colors */
+  --theme-atomic-or-02: rgb(255, 116, 87);
+  --theme-atomic-or-06: rgb(143, 24, 0);
+  --theme-atomic-or-07: rgb(255, 198, 189);
+  --theme-atomic-or-opa-10: rgb(from var(--theme-atomic-or-02) r g b / 10%);
+  --theme-atomic-or-opa-16: rgb(from var(--theme-atomic-or-02) r g b / 16%);
+  --theme-atomic-or-opa-24: rgb(from var(--theme-atomic-or-02) r g b / 24%);
+
+  /* Turquoise Colors */
+  --theme-atomic-tu-02: rgb(0, 198, 181);
+  --theme-atomic-tu-06: rgb(0, 82, 72);
+  --theme-atomic-tu-07: rgb(0, 245, 224);
+  --theme-atomic-tu-opa-10: rgb(from var(--theme-atomic-tu-02) r g b / 10%);
+  --theme-atomic-tu-opa-16: rgb(from var(--theme-atomic-tu-02) r g b / 16%);
+  --theme-atomic-tu-opa-24: rgb(from var(--theme-atomic-tu-02) r g b / 24%);
+
+  /* Pink Colors */
+  --theme-atomic-pi-02: rgb(255, 85, 138);
+  --theme-atomic-pi-06: rgb(143, 0, 45);
+  --theme-atomic-pi-07: rgb(255, 189, 210);
+  --theme-atomic-pi-opa-10: rgb(from var(--theme-atomic-pi-02) r g b / 10%);
+  --theme-atomic-pi-opa-16: rgb(from var(--theme-atomic-pi-02) r g b / 16%);
+  --theme-atomic-pi-opa-24: rgb(from var(--theme-atomic-pi-02) r g b / 24%);
+
+  /* Ultramarine Colors */
+  --theme-atomic-ul-02: rgb(84, 119, 255);
+  --theme-atomic-ul-06: rgb(0, 41, 204);
+  --theme-atomic-ul-07: rgb(184, 198, 255);
+  --theme-atomic-ul-opa-10: rgb(from var(--theme-atomic-ul-02) r g b / 10%);
+  --theme-atomic-ul-opa-16: rgb(from var(--theme-atomic-ul-02) r g b / 16%);
+  --theme-atomic-ul-opa-24: rgb(from var(--theme-atomic-ul-02) r g b / 24%);
+
+  /* Peach Colors */
+  --theme-atomic-pe-02: rgb(255, 147, 69);
+  --theme-atomic-pe-06: rgb(128, 53, 0);
+  --theme-atomic-pe-07: rgb(255, 209, 179);
+  --theme-atomic-pe-opa-10: rgb(from var(--theme-atomic-pe-02) r g b / 10%);
+  --theme-atomic-pe-opa-16: rgb(from var(--theme-atomic-pe-02) r g b / 16%);
+  --theme-atomic-pe-opa-24: rgb(from var(--theme-atomic-pe-02) r g b / 24%);
+
+  /* Apple Colors */
+  --theme-atomic-ap-02: rgb(127, 185, 81);
+  --theme-atomic-ap-06: rgb(54, 81, 31);
+  --theme-atomic-ap-07: rgb(198, 225, 173);
+  --theme-atomic-ap-opa-10: rgb(from var(--theme-atomic-ap-02) r g b / 10%);
+  --theme-atomic-ap-opa-16: rgb(from var(--theme-atomic-ap-02) r g b / 16%);
+  --theme-atomic-ap-opa-24: rgb(from var(--theme-atomic-ap-02) r g b / 24%);
+
+  /* Bubblegum Colors */
+  --theme-atomic-bu-02: rgb(238, 91, 197);
+  --theme-atomic-bu-06: rgb(135, 13, 100);
+  --theme-atomic-bu-07: rgb(249, 190, 234);
+  --theme-atomic-bu-opa-10: rgb(from var(--theme-atomic-bu-02) r g b / 10%);
+  --theme-atomic-bu-opa-16: rgb(from var(--theme-atomic-bu-02) r g b / 16%);
+  --theme-atomic-bu-opa-24: rgb(from var(--theme-atomic-bu-02) r g b / 24%);
+
+  /* Ocher Colors */
+  --theme-atomic-oc-02: rgb(251, 171, 0);
+  --theme-atomic-oc-06: rgb(102, 70, 0);
+  --theme-atomic-oc-07: rgb(255, 218, 138);
+  --theme-atomic-oc-opa-10: rgb(from var(--theme-atomic-oc-02) r g b / 10%);
+  --theme-atomic-oc-opa-16: rgb(from var(--theme-atomic-oc-02) r g b / 16%);
+  --theme-atomic-oc-opa-24: rgb(from var(--theme-atomic-oc-02) r g b / 24%);
+
+  /* Blueberry Colors */
+  --theme-atomic-br-02: rgb(101, 98, 255);
+  --theme-atomic-br-06: rgb(4, 0, 230);
+  --theme-atomic-br-07: rgb(95, 194, 255);
+  --theme-atomic-br-opa-10: rgb(from var(--theme-atomic-br-02) r g b / 10%);
+  --theme-atomic-br-opa-16: rgb(from var(--theme-atomic-br-02) r g b / 16%);
+  --theme-atomic-br-opa-24: rgb(from var(--theme-atomic-br-02) r g b / 24%);
+}
+
+/* Define all color token properties */
+@property --theme-colors-bg-primary {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(255, 255, 255);
+}
+
+@property --theme-colors-bg-secondary {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(244, 245, 248);
+}
+
+@property --theme-colors-bg-info {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(231, 246, 255);
+}
+
+@property --theme-colors-bg-success {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(233, 248, 239);
+}
+
+@property --theme-colors-bg-warning {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(254, 246, 231);
+}
+
+@property --theme-colors-bg-error {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(254, 235, 236);
+}
+
+@property --theme-colors-divider-neutral {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(125, 139, 172, 0.32);
+}
+
+@property --theme-colors-divider-invert {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(255, 255, 255, 0.32);
+}
+
+@property --theme-colors-divider-brand {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.32);
+}
+
+@property --theme-colors-divider-info {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.32);
+}
+
+@property --theme-colors-divider-success {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(37, 184, 97, 0.32);
+}
+
+@property --theme-colors-divider-warning {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(244, 156, 0, 0.32);
+}
+
+@property --theme-colors-divider-error {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(248, 55, 67, 0.32);
+}
+
+@property --theme-colors-primary-btn {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(17, 164, 255);
+}
+
+@property --theme-colors-primary-btn-hover {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(0, 132, 214);
+}
+
+@property --theme-colors-primary-btn-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.1);
+}
+
+@property --theme-colors-primary-btn-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.24);
+}
+
+@property --theme-colors-other {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(17, 164, 255);
+}
+
+@property --theme-colors-other-hover {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(0, 132, 214);
+}
+
+@property --theme-colors-other-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.1);
+}
+
+@property --theme-colors-other-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.24);
+}
+
+@property --theme-colors-other-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(0, 75, 122);
+}
+
+@property --theme-colors-neutral-dark {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(33, 34, 41);
+}
+
+@property --theme-colors-neutral-charcoal {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(102, 105, 117);
+}
+
+@property --theme-colors-neutral-light {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(173, 174, 186);
+}
+
+@property --theme-colors-neutral-invert {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(255, 255, 255);
+}
+
+@property --theme-colors-neutral-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(124, 134, 163, 0.1);
+}
+
+@property --theme-colors-neutral-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(124, 134, 163, 0.24);
+}
+
+@property --theme-colors-neutral {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(173, 174, 186);
+}
+
+@property --theme-colors-neutral-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(33, 34, 41);
+}
+
+@property --theme-colors-info-hover {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(0, 132, 214);
+}
+
+@property --theme-colors-info {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(17, 164, 255);
+}
+
+@property --theme-colors-info-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.1);
+}
+
+@property --theme-colors-info-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(17, 164, 255, 0.24);
+}
+
+@property --theme-colors-info-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(0, 75, 122);
+}
+
+@property --theme-colors-success-hover {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(28, 140, 74);
+}
+
+@property --theme-colors-success {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(37, 184, 97);
+}
+
+@property --theme-colors-success-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(37, 184, 97, 0.1);
+}
+
+@property --theme-colors-success-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(37, 184, 97, 0.24);
+}
+
+@property --theme-colors-success-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(17, 85, 44);
+}
+
+@property --theme-colors-warning-hover {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(214, 138, 5);
+}
+
+@property --theme-colors-warning {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(244, 156, 0);
+}
+
+@property --theme-colors-warning-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(244, 156, 0, 0.1);
+}
+
+@property --theme-colors-warning-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(244, 156, 0, 0.24);
+}
+
+@property --theme-colors-warning-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(107, 68, 0);
+}
+
+@property --theme-colors-error-hover {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(197, 7, 19);
+}
+
+@property --theme-colors-error {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(248, 55, 67);
+}
+
+@property --theme-colors-error-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(248, 55, 67, 0.1);
+}
+
+@property --theme-colors-error-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(248, 55, 67, 0.24);
+}
+
+@property --theme-colors-error-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(137, 6, 14);
+}
+
+@property --theme-colors-purple {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(143, 101, 255);
+}
+
+@property --theme-colors-purple-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(143, 101, 255, 0.1);
+}
+
+@property --theme-colors-purple-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(143, 101, 255, 0.24);
+}
+
+@property --theme-colors-purple-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(58, 0, 219);
+}
+
+@property --theme-colors-orange {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(255, 116, 87);
+}
+
+@property --theme-colors-orange-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(255, 116, 87, 0.1);
+}
+
+@property --theme-colors-orange-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(255, 116, 87, 0.24);
+}
+
+@property --theme-colors-orange-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(143, 24, 0);
+}
+
+@property --theme-colors-turquoise {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(0, 198, 181);
+}
+
+@property --theme-colors-turquoise-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(0, 198, 181, 0.1);
+}
+
+@property --theme-colors-turquoise-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(0, 198, 181, 0.24);
+}
+
+@property --theme-colors-turquoise-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(0, 82, 72);
+}
+
+@property --theme-colors-pink {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(255, 85, 138);
+}
+
+@property --theme-colors-pink-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(255, 85, 138, 0.1);
+}
+
+@property --theme-colors-pink-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(255, 85, 138, 0.24);
+}
+
+@property --theme-colors-pink-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(143, 0, 45);
+}
+
+@property --theme-colors-ultramarine {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(84, 119, 255);
+}
+
+@property --theme-colors-ultramarine-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(84, 119, 255, 0.1);
+}
+
+@property --theme-colors-ultramarine-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(84, 119, 255, 0.24);
+}
+
+@property --theme-colors-ultramarine-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(0, 41, 204);
+}
+
+@property --theme-colors-peach {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(255, 147, 69);
+}
+
+@property --theme-colors-peach-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(255, 147, 69, 0.1);
+}
+
+@property --theme-colors-peach-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(255, 147, 69, 0.24);
+}
+
+@property --theme-colors-peach-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(128, 53, 0);
+}
+
+@property --theme-colors-apple {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(127, 185, 81);
+}
+
+@property --theme-colors-apple-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(127, 185, 81, 0.1);
+}
+
+@property --theme-colors-apple-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(127, 185, 81, 0.24);
+}
+
+@property --theme-colors-apple-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(54, 81, 31);
+}
+
+@property --theme-colors-bubblegum {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(238, 91, 197);
+}
+
+@property --theme-colors-bubblegum-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(238, 91, 197, 0.1);
+}
+
+@property --theme-colors-bubblegum-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(238, 91, 197, 0.24);
+}
+
+@property --theme-colors-bubblegum-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(135, 13, 100);
+}
+
+@property --theme-colors-ocher {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(251, 171, 0);
+}
+
+@property --theme-colors-ocher-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(251, 171, 0, 0.1);
+}
+
+@property --theme-colors-ocher-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(251, 171, 0, 0.24);
+}
+
+@property --theme-colors-ocher-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(102, 70, 0);
+}
+
+@property --theme-colors-blueberry {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(101, 98, 255);
+}
+
+@property --theme-colors-blueberry-opa-01 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(101, 98, 255, 0.1);
+}
+
+@property --theme-colors-blueberry-opa-02 {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgba(101, 98, 255, 0.24);
+}
+
+@property --theme-colors-blueberry-text {
+  syntax: "<color>";
+  inherits: true;
+  initial-value: rgb(4, 0, 230);
+}
+
+.theme-autofleet {
+  --theme-colors-bg-primary: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));
+  --theme-colors-bg-secondary: light-dark(var(--theme-atomic-n-01), var(--theme-atomic-n-04));
+  --theme-colors-bg-info: light-dark(var(--theme-atomic-b-01), var(--theme-atomic-b-04));
+  --theme-colors-bg-success: light-dark(var(--theme-atomic-g-01), var(--theme-atomic-g-04));
+  --theme-colors-bg-warning: light-dark(var(--theme-atomic-y-01), var(--theme-atomic-y-04));
+  --theme-colors-bg-error: light-dark(var(--theme-atomic-r-01), var(--theme-atomic-r-04));
+  
+  --theme-colors-divider-neutral: light-dark(var(--theme-atomic-n-opa-32), var(--theme-atomic-n-opa-32));
+  --theme-colors-divider-invert: light-dark(var(--theme-atomic-n-00-opa-32), var(--theme-atomic-n-00-opa-32));
+  --theme-colors-divider-brand: light-dark(var(--theme-atomic-brand-opa-32), var(--theme-atomic-brand-opa-32));
+  --theme-colors-divider-info: light-dark(var(--theme-atomic-b-opa-32), var(--theme-atomic-b-opa-32));
+  --theme-colors-divider-success: light-dark(var(--theme-atomic-g-opa-32), var(--theme-atomic-g-opa-32));
+  --theme-colors-divider-warning: light-dark(var(--theme-atomic-y-opa-32), var(--theme-atomic-y-opa-32));
+  --theme-colors-divider-error: light-dark(var(--theme-atomic-r-opa-32), var(--theme-atomic-r-opa-32));
+  
+  --theme-colors-primary-btn: light-dark(var(--theme-atomic-brand), var(--theme-atomic-brand));
+  --theme-colors-primary-btn-hover: light-dark(var(--theme-atomic-brand-hover), var(--theme-atomic-brand-hover));
+  --theme-colors-primary-btn-opa-01: light-dark(var(--theme-atomic-brand-opa-10), var(--theme-atomic-brand-opa-16));
+  --theme-colors-primary-btn-opa-02: light-dark(var(--theme-atomic-brand-opa-24), var(--theme-atomic-brand-opa-24));
+  
+  --theme-colors-other: light-dark(var(--theme-atomic-brand), var(--theme-atomic-brand));
+  --theme-colors-other-hover: light-dark(var(--theme-atomic-brand-hover), var(--theme-atomic-brand-hover));
+  --theme-colors-other-opa-01: light-dark(var(--theme-atomic-brand-opa-10), var(--theme-atomic-brand-opa-16));
+  --theme-colors-other-opa-02: light-dark(var(--theme-atomic-brand-opa-24), var(--theme-atomic-brand-opa-24));
+  --theme-colors-other-text: light-dark(var(--theme-atomic-b-06), var(--theme-atomic-b-07));
+  
+  --theme-colors-neutral-dark: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));
+  --theme-colors-neutral-charcoal: light-dark(var(--theme-atomic-n-03), var(--theme-atomic-n-02));
+  --theme-colors-neutral-light: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));
+  --theme-colors-neutral-invert: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));
+  --theme-colors-neutral-opa-01: light-dark(var(--theme-atomic-n-opa-10), var(--theme-atomic-n-opa-16));
+  --theme-colors-neutral-opa-02: light-dark(var(--theme-atomic-n-opa-24), var(--theme-atomic-n-opa-24));
+  
+  --theme-colors-neutral: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));
+  --theme-colors-neutral-text: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));
+  
+  --theme-colors-info-hover: light-dark(var(--theme-atomic-b-03), var(--theme-atomic-b-05));
+  --theme-colors-info: light-dark(var(--theme-atomic-b-02), var(--theme-atomic-b-02));
+  --theme-colors-info-opa-01: light-dark(var(--theme-atomic-b-opa-10), var(--theme-atomic-b-opa-16));
+  --theme-colors-info-opa-02: light-dark(var(--theme-atomic-b-opa-24), var(--theme-atomic-b-opa-24));
+  --theme-colors-info-text: light-dark(var(--theme-atomic-b-06), var(--theme-atomic-b-07));
+  
+  --theme-colors-success-hover: light-dark(var(--theme-atomic-g-03), var(--theme-atomic-g-05));
+  --theme-colors-success: light-dark(var(--theme-atomic-g-02), var(--theme-atomic-g-02));
+  --theme-colors-success-opa-01: light-dark(var(--theme-atomic-g-opa-10), var(--theme-atomic-g-opa-16));
+  --theme-colors-success-opa-02: light-dark(var(--theme-atomic-g-opa-24), var(--theme-atomic-g-opa-24));
+  --theme-colors-success-text: light-dark(var(--theme-atomic-g-06), var(--theme-atomic-g-07));
+  
+  --theme-colors-warning-hover: light-dark(var(--theme-atomic-y-03), var(--theme-atomic-y-05));
+  --theme-colors-warning: light-dark(var(--theme-atomic-y-02), var(--theme-atomic-y-02));
+  --theme-colors-warning-opa-01: light-dark(var(--theme-atomic-y-opa-10), var(--theme-atomic-y-opa-16));
+  --theme-colors-warning-opa-02: light-dark(var(--theme-atomic-y-opa-24), var(--theme-atomic-y-opa-24));
+  --theme-colors-warning-text: light-dark(var(--theme-atomic-y-06), var(--theme-atomic-y-07));
+  
+  --theme-colors-error-hover: light-dark(var(--theme-atomic-r-03), var(--theme-atomic-r-05));
+  --theme-colors-error: light-dark(var(--theme-atomic-r-02), var(--theme-atomic-r-02));
+  --theme-colors-error-opa-01: light-dark(var(--theme-atomic-r-opa-10), var(--theme-atomic-r-opa-16));
+  --theme-colors-error-opa-02: light-dark(var(--theme-atomic-r-opa-24), var(--theme-atomic-r-opa-24));
+  --theme-colors-error-text: light-dark(var(--theme-atomic-r-06), var(--theme-atomic-r-07));
+  
+  --theme-colors-purple: light-dark(var(--theme-atomic-pu-02), var(--theme-atomic-pu-02));
+  --theme-colors-purple-opa-01: light-dark(var(--theme-atomic-pu-opa-10), var(--theme-atomic-pu-opa-16));
+  --theme-colors-purple-opa-02: light-dark(var(--theme-atomic-pu-opa-24), var(--theme-atomic-pu-opa-24));
+  --theme-colors-purple-text: light-dark(var(--theme-atomic-pu-06), var(--theme-atomic-pu-07));
+  
+  --theme-colors-orange: light-dark(var(--theme-atomic-or-02), var(--theme-atomic-or-02));
+  --theme-colors-orange-opa-01: light-dark(var(--theme-atomic-or-opa-10), var(--theme-atomic-or-opa-16));
+  --theme-colors-orange-opa-02: light-dark(var(--theme-atomic-or-opa-24), var(--theme-atomic-or-opa-24));
+  --theme-colors-orange-text: light-dark(var(--theme-atomic-or-06), var(--theme-atomic-or-07));
+  
+  --theme-colors-turquoise: light-dark(var(--theme-atomic-tu-02), var(--theme-atomic-tu-02));
+  --theme-colors-turquoise-opa-01: light-dark(var(--theme-atomic-tu-opa-10), var(--theme-atomic-tu-opa-16));
+  --theme-colors-turquoise-opa-02: light-dark(var(--theme-atomic-tu-opa-24), var(--theme-atomic-tu-opa-24));
+  --theme-colors-turquoise-text: light-dark(var(--theme-atomic-tu-06), var(--theme-atomic-tu-07));
+  
+  --theme-colors-pink: light-dark(var(--theme-atomic-pi-02), var(--theme-atomic-pi-02));
+  --theme-colors-pink-opa-01: light-dark(var(--theme-atomic-pi-opa-10), var(--theme-atomic-pi-opa-16));
+  --theme-colors-pink-opa-02: light-dark(var(--theme-atomic-pi-opa-24), var(--theme-atomic-pi-opa-24));
+  --theme-colors-pink-text: light-dark(var(--theme-atomic-pi-06), var(--theme-atomic-pi-07));
+  
+  --theme-colors-ultramarine: light-dark(var(--theme-atomic-ul-02), var(--theme-atomic-ul-02));
+  --theme-colors-ultramarine-opa-01: light-dark(var(--theme-atomic-ul-opa-10), var(--theme-atomic-ul-opa-16));
+  --theme-colors-ultramarine-opa-02: light-dark(var(--theme-atomic-ul-opa-24), var(--theme-atomic-ul-opa-24));
+  --theme-colors-ultramarine-text: light-dark(var(--theme-atomic-ul-06), var(--theme-atomic-ul-07));
+  
+  --theme-colors-peach: light-dark(var(--theme-atomic-pe-02), var(--theme-atomic-pe-02));
+  --theme-colors-peach-opa-01: light-dark(var(--theme-atomic-pe-opa-10), var(--theme-atomic-pe-opa-16));
+  --theme-colors-peach-opa-02: light-dark(var(--theme-atomic-pe-opa-24), var(--theme-atomic-pe-opa-24));
+  --theme-colors-peach-text: light-dark(var(--theme-atomic-pe-06), var(--theme-atomic-pe-07));
+  
+  --theme-colors-apple: light-dark(var(--theme-atomic-ap-02), var(--theme-atomic-ap-02));
+  --theme-colors-apple-opa-01: light-dark(var(--theme-atomic-ap-opa-10), var(--theme-atomic-ap-opa-16));
+  --theme-colors-apple-opa-02: light-dark(var(--theme-atomic-ap-opa-24), var(--theme-atomic-ap-opa-24));
+  --theme-colors-apple-text: light-dark(var(--theme-atomic-ap-06), var(--theme-atomic-ap-07));
+  
+  --theme-colors-bubblegum: light-dark(var(--theme-atomic-bu-02), var(--theme-atomic-bu-02));
+  --theme-colors-bubblegum-opa-01: light-dark(var(--theme-atomic-bu-opa-10), var(--theme-atomic-bu-opa-16));
+  --theme-colors-bubblegum-opa-02: light-dark(var(--theme-atomic-bu-opa-24), var(--theme-atomic-bu-opa-24));
+  --theme-colors-bubblegum-text: light-dark(var(--theme-atomic-bu-06), var(--theme-atomic-bu-07));
+  
+  --theme-colors-ocher: light-dark(var(--theme-atomic-oc-02), var(--theme-atomic-oc-02));
+  --theme-colors-ocher-opa-01: light-dark(var(--theme-atomic-oc-opa-10), var(--theme-atomic-oc-opa-16));
+  --theme-colors-ocher-opa-02: light-dark(var(--theme-atomic-oc-opa-24), var(--theme-atomic-oc-opa-24));
+  --theme-colors-ocher-text: light-dark(var(--theme-atomic-oc-06), var(--theme-atomic-oc-07));
+  
+  --theme-colors-blueberry: light-dark(var(--theme-atomic-br-02), var(--theme-atomic-br-02));
+  --theme-colors-blueberry-opa-01: light-dark(var(--theme-atomic-br-opa-10), var(--theme-atomic-br-opa-16));
+  --theme-colors-blueberry-opa-02: light-dark(var(--theme-atomic-br-opa-24), var(--theme-atomic-br-opa-24));
+  --theme-colors-blueberry-text: light-dark(var(--theme-atomic-br-06), var(--theme-atomic-br-07));
+}
+
+.theme-whiteLabel {
+  --theme-colors-bg-primary: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));
+  --theme-colors-bg-secondary: light-dark(var(--theme-atomic-n-01), var(--theme-atomic-n-04));
+  --theme-colors-bg-info: light-dark(var(--theme-atomic-b-01), var(--theme-atomic-b-04));
+  --theme-colors-bg-success: light-dark(var(--theme-atomic-g-01), var(--theme-atomic-g-04));
+  --theme-colors-bg-warning: light-dark(var(--theme-atomic-y-01), var(--theme-atomic-y-04));
+  --theme-colors-bg-error: light-dark(var(--theme-atomic-r-01), var(--theme-atomic-r-04));
+  
+  --theme-colors-divider-neutral: light-dark(var(--theme-atomic-n-opa-32), var(--theme-atomic-n-opa-32));
+  --theme-colors-divider-invert: light-dark(var(--theme-atomic-n-00-opa-32), var(--theme-atomic-n-00-opa-32));
+  --theme-colors-divider-brand: light-dark(var(--theme-atomic-brand-opa-32), var(--theme-atomic-brand-opa-32));
+  --theme-colors-divider-info: light-dark(var(--theme-atomic-b-opa-32), var(--theme-atomic-b-opa-32));
+  --theme-colors-divider-success: light-dark(var(--theme-atomic-g-opa-32), var(--theme-atomic-g-opa-32));
+  --theme-colors-divider-warning: light-dark(var(--theme-atomic-y-opa-32), var(--theme-atomic-y-opa-32));
+  --theme-colors-divider-error: light-dark(var(--theme-atomic-r-opa-32), var(--theme-atomic-r-opa-32));
+  
+  --theme-colors-primary-btn: light-dark(var(--theme-atomic-brand), var(--theme-atomic-brand));
+  --theme-colors-primary-btn-hover: light-dark(var(--theme-atomic-brand-hover), var(--theme-atomic-brand-hover));
+  --theme-colors-primary-btn-opa-01: light-dark(var(--theme-atomic-brand-opa-10), var(--theme-atomic-brand-opa-16));
+  --theme-colors-primary-btn-opa-02: light-dark(var(--theme-atomic-brand-opa-24), var(--theme-atomic-brand-opa-24));
+  
+  --theme-colors-other: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));
+  --theme-colors-other-hover: light-dark(var(--theme-atomic-n-03), var(--theme-atomic-n-02));
+  --theme-colors-other-opa-01: light-dark(var(--theme-atomic-n-opa-10), var(--theme-atomic-n-opa-16));
+  --theme-colors-other-opa-02: light-dark(var(--theme-atomic-n-opa-24), var(--theme-atomic-n-opa-24));
+  --theme-colors-other-text: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-b-07));
+  
+  --theme-colors-neutral-dark: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));
+  --theme-colors-neutral-charcoal: light-dark(var(--theme-atomic-n-03), var(--theme-atomic-n-02));
+  --theme-colors-neutral-light: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));
+  --theme-colors-neutral-invert: light-dark(var(--theme-atomic-n-00), var(--theme-atomic-n-05));
+  --theme-colors-neutral-opa-01: light-dark(var(--theme-atomic-n-opa-10), var(--theme-atomic-n-opa-16));
+  --theme-colors-neutral-opa-02: light-dark(var(--theme-atomic-n-opa-24), var(--theme-atomic-n-opa-24));
+  
+  --theme-colors-neutral: light-dark(var(--theme-atomic-n-02), var(--theme-atomic-n-03));
+  --theme-colors-neutral-text: light-dark(var(--theme-atomic-n-05), var(--theme-atomic-n-00));
+  
+  --theme-colors-info-hover: light-dark(var(--theme-atomic-b-03), var(--theme-atomic-b-05));
+  --theme-colors-info: light-dark(var(--theme-atomic-b-02), var(--theme-atomic-b-02));
+  --theme-colors-info-opa-01: light-dark(var(--theme-atomic-b-opa-10), var(--theme-atomic-b-opa-16));
+  --theme-colors-info-opa-02: light-dark(var(--theme-atomic-b-opa-24), var(--theme-atomic-b-opa-24));
+  --theme-colors-info-text: light-dark(var(--theme-atomic-b-06), var(--theme-atomic-b-07));
+  
+  --theme-colors-success-hover: light-dark(var(--theme-atomic-g-03), var(--theme-atomic-g-05));
+  --theme-colors-success: light-dark(var(--theme-atomic-g-02), var(--theme-atomic-g-02));
+  --theme-colors-success-opa-01: light-dark(var(--theme-atomic-g-opa-10), var(--theme-atomic-g-opa-16));
+  --theme-colors-success-opa-02: light-dark(var(--theme-atomic-g-opa-24), var(--theme-atomic-g-opa-24));
+  --theme-colors-success-text: light-dark(var(--theme-atomic-g-06), var(--theme-atomic-g-07));
+  
+  --theme-colors-warning-hover: light-dark(var(--theme-atomic-y-03), var(--theme-atomic-y-05));
+  --theme-colors-warning: light-dark(var(--theme-atomic-y-02), var(--theme-atomic-y-02));
+  --theme-colors-warning-opa-01: light-dark(var(--theme-atomic-y-opa-10), var(--theme-atomic-y-opa-16));
+  --theme-colors-warning-opa-02: light-dark(var(--theme-atomic-y-opa-24), var(--theme-atomic-y-opa-24));
+  --theme-colors-warning-text: light-dark(var(--theme-atomic-y-06), var(--theme-atomic-y-07));
+  
+  --theme-colors-error-hover: light-dark(var(--theme-atomic-r-03), var(--theme-atomic-r-05));
+  --theme-colors-error: light-dark(var(--theme-atomic-r-02), var(--theme-atomic-r-02));
+  --theme-colors-error-opa-01: light-dark(var(--theme-atomic-r-opa-10), var(--theme-atomic-r-opa-16));
+  --theme-colors-error-opa-02: light-dark(var(--theme-atomic-r-opa-24), var(--theme-atomic-r-opa-24));
+  --theme-colors-error-text: light-dark(var(--theme-atomic-r-06), var(--theme-atomic-r-07));
+  
+  --theme-colors-purple: light-dark(var(--theme-atomic-pu-02), var(--theme-atomic-pu-02));
+  --theme-colors-purple-opa-01: light-dark(var(--theme-atomic-pu-opa-10), var(--theme-atomic-pu-opa-16));
+  --theme-colors-purple-opa-02: light-dark(var(--theme-atomic-pu-opa-24), var(--theme-atomic-pu-opa-24));
+  --theme-colors-purple-text: light-dark(var(--theme-atomic-pu-06), var(--theme-atomic-pu-07));
+  
+  --theme-colors-orange: light-dark(var(--theme-atomic-or-02), var(--theme-atomic-or-02));
+  --theme-colors-orange-opa-01: light-dark(var(--theme-atomic-or-opa-10), var(--theme-atomic-or-opa-16));
+  --theme-colors-orange-opa-02: light-dark(var(--theme-atomic-or-opa-24), var(--theme-atomic-or-opa-24));
+  --theme-colors-orange-text: light-dark(var(--theme-atomic-or-06), var(--theme-atomic-or-07));
+  
+  --theme-colors-turquoise: light-dark(var(--theme-atomic-tu-02), var(--theme-atomic-tu-02));
+  --theme-colors-turquoise-opa-01: light-dark(var(--theme-atomic-tu-opa-10), var(--theme-atomic-tu-opa-16));
+  --theme-colors-turquoise-opa-02: light-dark(var(--theme-atomic-tu-opa-24), var(--theme-atomic-tu-opa-24));
+  --theme-colors-turquoise-text: light-dark(var(--theme-atomic-tu-06), var(--theme-atomic-tu-07));
+  
+  --theme-colors-pink: light-dark(var(--theme-atomic-pi-02), var(--theme-atomic-pi-02));
+  --theme-colors-pink-opa-01: light-dark(var(--theme-atomic-pi-opa-10), var(--theme-atomic-pi-opa-16));
+  --theme-colors-pink-opa-02: light-dark(var(--theme-atomic-pi-opa-24), var(--theme-atomic-pi-opa-24));
+  --theme-colors-pink-text: light-dark(var(--theme-atomic-pi-06), var(--theme-atomic-pi-07));
+  
+  --theme-colors-ultramarine: light-dark(var(--theme-atomic-ul-02), var(--theme-atomic-ul-02));
+  --theme-colors-ultramarine-opa-01: light-dark(var(--theme-atomic-ul-opa-10), var(--theme-atomic-ul-opa-16));
+  --theme-colors-ultramarine-opa-02: light-dark(var(--theme-atomic-ul-opa-24), var(--theme-atomic-ul-opa-24));
+  --theme-colors-ultramarine-text: light-dark(var(--theme-atomic-ul-06), var(--theme-atomic-ul-07));
+  
+  --theme-colors-peach: light-dark(var(--theme-atomic-pe-02), var(--theme-atomic-pe-02));
+  --theme-colors-peach-opa-01: light-dark(var(--theme-atomic-pe-opa-10), var(--theme-atomic-pe-opa-16));
+  --theme-colors-peach-opa-02: light-dark(var(--theme-atomic-pe-opa-24), var(--theme-atomic-pe-opa-24));
+  --theme-colors-peach-text: light-dark(var(--theme-atomic-pe-06), var(--theme-atomic-pe-07));
+  
+  --theme-colors-apple: light-dark(var(--theme-atomic-ap-02), var(--theme-atomic-ap-02));
+  --theme-colors-apple-opa-01: light-dark(var(--theme-atomic-ap-opa-10), var(--theme-atomic-ap-opa-16));
+  --theme-colors-apple-opa-02: light-dark(var(--theme-atomic-ap-opa-24), var(--theme-atomic-ap-opa-24));
+  --theme-colors-apple-text: light-dark(var(--theme-atomic-ap-06), var(--theme-atomic-ap-07));
+  
+  --theme-colors-bubblegum: light-dark(var(--theme-atomic-bu-02), var(--theme-atomic-bu-02));
+  --theme-colors-bubblegum-opa-01: light-dark(var(--theme-atomic-bu-opa-10), var(--theme-atomic-bu-opa-16));
+  --theme-colors-bubblegum-opa-02: light-dark(var(--theme-atomic-bu-opa-24), var(--theme-atomic-bu-opa-24));
+  --theme-colors-bubblegum-text: light-dark(var(--theme-atomic-bu-06), var(--theme-atomic-bu-07));
+  
+  --theme-colors-ocher: light-dark(var(--theme-atomic-oc-02), var(--theme-atomic-oc-02));
+  --theme-colors-ocher-opa-01: light-dark(var(--theme-atomic-oc-opa-10), var(--theme-atomic-oc-opa-16));
+  --theme-colors-ocher-opa-02: light-dark(var(--theme-atomic-oc-opa-24), var(--theme-atomic-oc-opa-24));
+  --theme-colors-ocher-text: light-dark(var(--theme-atomic-oc-06), var(--theme-atomic-oc-07));
+  
+  --theme-colors-blueberry: light-dark(var(--theme-atomic-br-02), var(--theme-atomic-br-02));
+  --theme-colors-blueberry-opa-01: light-dark(var(--theme-atomic-br-opa-10), var(--theme-atomic-br-opa-16));
+  --theme-colors-blueberry-opa-02: light-dark(var(--theme-atomic-br-opa-24), var(--theme-atomic-br-opa-24));
+  --theme-colors-blueberry-text: light-dark(var(--theme-atomic-br-06), var(--theme-atomic-br-07));
+}
+
+
+.theme-whiteLabel, .theme-autofleet {
+  &:not([data-theme]), &[data-theme='system'] {
+    color-scheme: light dark;
+  }
+  
+  &[data-theme='light'] {
+    color-scheme: light;
+  }
+  
+  &[data-theme='dark'] {
+    color-scheme: dark;
+  }
+}
+
+.theme-autofleet, .theme-whitelabel {
+  /* SHADOWS */
+  --theme-shadows-shadow-map-element: 0px 3px 8px rgb(from var(--theme-colors-neutral-dark) r g b / 32%);
+
+  /* Neutral Shadows */
+  --theme-shadows-shadow-neutral-low: 0px 2px 4px rgb(from var(--theme-colors-neutral-dark) r g b / 8%);
+  --theme-shadows-shadow-neutral-medium: 0px 4px 8px rgb(from var(--theme-colors-neutral-dark) r g b / 8%);
+  --theme-shadows-shadow-neutral-high: 0px 8px 40px rgb(from var(--theme-colors-neutral-dark) r g b / 16%);
+  
+  /* Info Shadows */
+  --theme-shadows-shadow-info-low: 0px 2px 4px rgb(from var(--theme-colors-info) r g b / 12%);
+  --theme-shadows-shadow-info-medium: 0px 4px 8px rgb(from var(--theme-colors-info) r g b / 12%);
+  --theme-shadows-shadow-info-high: 0px 8px 40px rgb(from var(--theme-colors-info) r g b / 16%);
+  
+  /* Success Shadows */
+  --theme-shadows-shadow-success-low: 0px 2px 4px rgb(from var(--theme-colors-success) r g b / 12%);
+  --theme-shadows-shadow-success-medium: 0px 4px 8px rgb(from var(--theme-colors-success) r g b / 12%);
+  --theme-shadows-shadow-success-high: 0px 8px 40px rgb(from var(--theme-colors-success) r g b / 16%);
+   
+  /* Warning Shadows */
+  --theme-shadows-shadow-warning-low: 0px 2px 4px rgb(from var(--theme-colors-warning) r g b / 12%);
+  --theme-shadows-shadow-warning-medium: 0px 4px 8px rgb(from var(--theme-colors-warning) r g b / 12%);
+  --theme-shadows-shadow-warning-high: 0px 8px 40px rgb(from var(--theme-colors-warning) r g b / 16%);
+  
+  /* Error Shadows */
+  --theme-shadows-shadow-error-low: 0px 2px 4px rgb(from var(--theme-colors-error) r g b / 12%); 
+  --theme-shadows-shadow-error-medium: 0px 4px 8px rgb(from var(--theme-colors-error) r g b / 12%);
+  --theme-shadows-shadow-error-high: 0px 8px 40px rgb(from var(--theme-colors-error) r g b / 16%);
+}
+
+:root {
+  /* Atomic font tokens */
+  --theme-font-family: Montserrat, sans-serif;
+  --theme-font-weight-bold: 700;
+  --theme-font-weight-medium: 500;
+  --theme-font-weight-regular: 400;
+
+  --theme-typography-1: var(--theme-font-weight-medium) 12px/18px var(--theme-font-family);
+  --theme-typography-2: var(--theme-font-weight-bold) 12px/18px var(--theme-font-family);
+  --theme-typography-3: var(--theme-font-weight-bold) 14px/20px var(--theme-font-family);
+  --theme-typography-4: var(--theme-font-weight-medium) 14px/20px var(--theme-font-family);
+  --theme-typography-5: var(--theme-font-weight-bold) 16px/24px var(--theme-font-family);
+  --theme-typography-6: var(--theme-font-weight-medium) 16px/24px var(--theme-font-family);
+  --theme-typography-7: var(--theme-font-weight-bold) 18px/24px var(--theme-font-family);
+  --theme-typography-8: var(--theme-font-weight-bold) 20px/26px var(--theme-font-family);
+  --theme-typography-9: var(--theme-font-weight-regular) 24px/30px var(--theme-font-family);
+  --theme-typography-10: var(--theme-font-weight-bold) 24px/30px var(--theme-font-family);
+  --theme-typography-11: var(--theme-font-weight-bold) 32px/40px var(--theme-font-family);
+
+  /* Desktop fonts */
+  --theme-font-desktop-fine: var(--theme-typography-1);
+  --theme-font-desktop-fine-strong: var(--theme-typography-2);
+  --theme-font-desktop-body-strong: var(--theme-typography-3);
+  --theme-font-desktop-body: var(--theme-typography-4);
+  --theme-font-desktop-small-title: var(--theme-typography-7);
+  --theme-font-desktop-placeholder-title-input: var(--theme-typography-9);
+  --theme-font-desktop-medium-title: var(--theme-typography-10);
+  --theme-font-desktop-large-title: var(--theme-typography-11);
+
+  /* Mobile fonts */
+  --theme-font-mobile-fine-strong: var(--theme-typography-3);
+  --theme-font-mobile-fine: var(--theme-typography-4);
+  --theme-font-mobile-body-strong: var(--theme-typography-5);
+  --theme-font-mobile-body: var(--theme-typography-6);
+  --theme-font-mobile-small-title: var(--theme-typography-8);
+  --theme-font-mobile-large-title: var(--theme-typography-10);
+  --theme-font-mobile-xl-title: var(--theme-typography-11);
+}
+
+@property --theme-breakpoint-mobile {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 768px;
+}
+@property --theme-breakpoint-tablet {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 992px;
+}
+@property --theme-breakpoint-desktop {
+  syntax: '<length>';
+  inherits: false;
+  initial-value: 1200px;
+}
+
+
+/*# sourceMappingURL=main.css.map*/