[data-bezier-theme="dark"] { --alpha-gradient-fg-black: linear-gradient(90deg, var(--alpha-color-bg-black-light) 0%, var(--alpha-color-bg-black-dark) 100%); --alpha-shadow-1: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 1px 2px 0 var(--alpha-color-shadow-small); --alpha-shadow-2: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 2px 6px 0 var(--alpha-color-shadow-small); --alpha-shadow-3: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 16px 0 var(--alpha-color-shadow-medium); --alpha-shadow-4: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 24px 0 var(--alpha-color-shadow-large); --alpha-shadow-5: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 6px 40px 0 var(--alpha-color-shadow-xlarge); --alpha-shadow-6: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 12px 60px 4px var(--alpha-color-shadow-xlarge); --alpha-shadow-error: 0 0 0 1px var(--alpha-color-warning-bg-normal); --alpha-shadow-active: 0 0 0 1px var(--alpha-color-primary-bg-normal); --alpha-shadow-input-default: inset 0 0 0 1px var(--alpha-color-shadow-medium), 0 0 2px 0 var(--alpha-color-shadow-base); --alpha-shadow-input-hover: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 6px 0 var(--alpha-color-shadow-base); --alpha-shadow-input-active: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 0 3px var(--alpha-color-primary-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base); --alpha-shadow-input-error: inset 0 0 0 1px var(--alpha-color-warning-bg-normal), 0 0 0 3px var(--alpha-color-warning-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base); --alpha-color-fg-black-pure: var(--alpha-color-white-100); --alpha-color-fg-black-pure-hovered: #edededff; --alpha-color-fg-black-darkest: var(--alpha-color-white-80); --alpha-color-fg-black-darkest-hovered: #edededcc; --alpha-color-fg-black-darker: var(--alpha-color-white-60); --alpha-color-fg-black-darker-hovered: #ededed99; --alpha-color-fg-black-dark: var(--alpha-color-white-40); --alpha-color-fg-black-dark-hovered: #ededed66; --alpha-color-fg-black-light: var(--alpha-color-white-20); --alpha-color-fg-black-light-hovered: #ededed4d; --alpha-color-fg-black-lightest: var(--alpha-color-white-12); --alpha-color-fg-black-lightest-hovered: #ededed2f; --alpha-color-fg-white-normal: var(--alpha-color-grey-900); --alpha-color-fg-white-normal-hovered: #2e2e33ff; --alpha-color-fg-blue-normal: var(--alpha-color-blue-300); --alpha-color-fg-blue-normal-hovered: #93aefbff; --alpha-color-fg-blue-light: var(--alpha-color-blue-300-45); --alpha-color-fg-blue-light-hovered: #93aefb73; --alpha-color-fg-blue-dark: var(--alpha-color-blue-300); --alpha-color-fg-blue-dark-hovered: #93aefbff; --alpha-color-fg-cobalt-normal: var(--alpha-color-cobalt-300); --alpha-color-fg-cobalt-normal-hovered: #83c4faff; --alpha-color-fg-cobalt-light: var(--alpha-color-cobalt-300-45); --alpha-color-fg-cobalt-light-hovered: #83c4fa73; --alpha-color-fg-cobalt-dark: var(--alpha-color-cobalt-300); --alpha-color-fg-cobalt-dark-hovered: #83c4faff; --alpha-color-fg-red-normal: var(--alpha-color-red-300); --alpha-color-fg-red-normal-hovered: #ffa2a2ff; --alpha-color-fg-red-light: var(--alpha-color-red-300-45); --alpha-color-fg-red-light-hovered: #ffa2a273; --alpha-color-fg-red-dark: var(--alpha-color-red-300); --alpha-color-fg-red-dark-hovered: #ffa2a2ff; --alpha-color-fg-orange-normal: var(--alpha-color-orange-300); --alpha-color-fg-orange-normal-hovered: #ffae74ff; --alpha-color-fg-orange-light: var(--alpha-color-orange-300-45); --alpha-color-fg-orange-light-hovered: #ffae7473; --alpha-color-fg-orange-dark: var(--alpha-color-orange-300); --alpha-color-fg-orange-dark-hovered: #ffae74ff; --alpha-color-fg-green-normal: var(--alpha-color-green-300); --alpha-color-fg-green-normal-hovered: #74d68bff; --alpha-color-fg-green-light: var(--alpha-color-green-300-45); --alpha-color-fg-green-light-hovered: #74d68b73; --alpha-color-fg-green-dark: var(--alpha-color-green-300); --alpha-color-fg-green-dark-hovered: #74d68bff; --alpha-color-fg-teal-normal: var(--alpha-color-teal-300); --alpha-color-fg-teal-normal-hovered: #4cdccfff; --alpha-color-fg-teal-light: var(--alpha-color-teal-300-45); --alpha-color-fg-teal-light-hovered: #4cdccf73; --alpha-color-fg-teal-dark: var(--alpha-color-teal-300); --alpha-color-fg-teal-dark-hovered: #4cdccfff; --alpha-color-fg-olive-normal: var(--alpha-color-olive-300); --alpha-color-fg-olive-normal-hovered: #d2df3dff; --alpha-color-fg-olive-light: var(--alpha-color-olive-300-45); --alpha-color-fg-olive-light-hovered: #d2df3d73; --alpha-color-fg-olive-dark: var(--alpha-color-olive-300); --alpha-color-fg-olive-dark-hovered: #d2df3dff; --alpha-color-fg-yellow-normal: var(--alpha-color-yellow-300); --alpha-color-fg-yellow-normal-hovered: #face4aff; --alpha-color-fg-yellow-light: var(--alpha-color-yellow-300-45); --alpha-color-fg-yellow-light-hovered: #face4a73; --alpha-color-fg-yellow-dark: var(--alpha-color-yellow-300); --alpha-color-fg-yellow-dark-hovered: #face4aff; --alpha-color-fg-pink-normal: var(--alpha-color-pink-300); --alpha-color-fg-pink-normal-hovered: #f27fdbff; --alpha-color-fg-pink-light: var(--alpha-color-pink-300-45); --alpha-color-fg-pink-light-hovered: #f27fdb73; --alpha-color-fg-pink-dark: var(--alpha-color-pink-300); --alpha-color-fg-pink-dark-hovered: #f27fdbff; --alpha-color-fg-purple-normal: var(--alpha-color-purple-300); --alpha-color-fg-purple-normal-hovered: #bf9affff; --alpha-color-fg-purple-light: var(--alpha-color-purple-300-45); --alpha-color-fg-purple-light-hovered: #bf9aff73; --alpha-color-fg-purple-dark: var(--alpha-color-purple-300); --alpha-color-fg-purple-dark-hovered: #bf9affff; --alpha-color-fg-navy-normal: var(--alpha-color-navy-300); --alpha-color-fg-navy-normal-hovered: #838fdcff; --alpha-color-fg-navy-light: var(--alpha-color-navy-300-45); --alpha-color-fg-navy-light-hovered: #838fdc73; --alpha-color-fg-navy-dark: var(--alpha-color-navy-300); --alpha-color-fg-navy-dark-hovered: #838fdcff; --alpha-color-fg-absolute-black-dark: var(--alpha-color-black-100); --alpha-color-fg-absolute-black-dark-hovered: #0a0a0aff; --alpha-color-fg-absolute-black-normal: var(--alpha-color-black-85); --alpha-color-fg-absolute-black-normal-hovered: #0a0a0ad9; --alpha-color-fg-absolute-black-light: var(--alpha-color-black-60); --alpha-color-fg-absolute-black-light-hovered: #0a0a0a99; --alpha-color-fg-absolute-black-lighter: var(--alpha-color-black-40); --alpha-color-fg-absolute-black-lighter-hovered: #0a0a0a66; --alpha-color-fg-absolute-black-lightest: var(--alpha-color-black-20); --alpha-color-fg-absolute-black-lightest-hovered: #0a0a0a4d; --alpha-color-fg-absolute-white-dark: var(--alpha-color-white-100); --alpha-color-fg-absolute-white-dark-hovered: #edededff; --alpha-color-fg-absolute-white-normal: var(--alpha-color-white-90); --alpha-color-fg-absolute-white-normal-hovered: #ededede6; --alpha-color-fg-absolute-white-light: var(--alpha-color-white-60); --alpha-color-fg-absolute-white-light-hovered: #ededed99; --alpha-color-fg-absolute-white-lighter: var(--alpha-color-white-40); --alpha-color-fg-absolute-white-lighter-hovered: #ededed66; --alpha-color-fg-absolute-white-lightest: var(--alpha-color-white-20); --alpha-color-fg-absolute-white-lightest-hovered: #ededed4d; --alpha-color-fg-grey-darkest: var(--alpha-color-white-100); --alpha-color-fg-grey-darkest-hovered: #edededff; --alpha-color-fg-grey-dark: var(--alpha-color-grey-500); --alpha-color-fg-grey-dark-hovered: #b2b2b5ff; --alpha-color-fg-grey-normal: var(--alpha-color-grey-600); --alpha-color-fg-grey-normal-hovered: #868686ff; --alpha-color-fg-grey-light: var(--alpha-color-grey-700); --alpha-color-fg-grey-light-hovered: #505253ff; --alpha-color-fg-grey-lighter: var(--alpha-color-grey-800); --alpha-color-fg-grey-lighter-hovered: #3b3c3fff; --alpha-color-fg-grey-lightest: var(--alpha-color-grey-850); --alpha-color-fg-grey-lightest-hovered: #343538ff; --alpha-color-fg-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90); --alpha-color-fg-grey-alpha-darker-hovered: #3b3c3fe6; --alpha-color-fg-grey-alpha-dark: var(--alpha-color-grey-alpha-800-80); --alpha-color-fg-grey-alpha-dark-hovered: #3b3c3fcc; --alpha-color-fg-grey-alpha-light: var(--alpha-color-grey-alpha-850-80); --alpha-color-fg-grey-alpha-light-hovered: #343538cc; --alpha-color-bg-black-darkest: var(--alpha-color-black-60); --alpha-color-bg-black-darkest-hovered: #0a0a0a99; --alpha-color-bg-black-darker: var(--alpha-color-white-40); --alpha-color-bg-black-darker-hovered: #ededed66; --alpha-color-bg-black-dark: var(--alpha-color-white-20); --alpha-color-bg-black-dark-hovered: #ededed4d; --alpha-color-bg-black-light: var(--alpha-color-white-12); --alpha-color-bg-black-light-hovered: #ededed2f; --alpha-color-bg-black-lighter: var(--alpha-color-white-8); --alpha-color-bg-black-lighter-hovered: #ededed1e; --alpha-color-bg-black-lightest: var(--alpha-color-white-5); --alpha-color-bg-black-lightest-hovered: #ededed14; --alpha-color-bg-black-transparent: var(--alpha-color-white-0); --alpha-color-bg-black-transparent-hovered: #ffffff0d; --alpha-color-bg-grey-darkest: var(--alpha-color-white-100); --alpha-color-bg-grey-darkest-hovered: #edededff; --alpha-color-bg-grey-dark: var(--alpha-color-grey-500); --alpha-color-bg-grey-dark-hovered: #b2b2b5ff; --alpha-color-bg-grey-light: var(--alpha-color-grey-700); --alpha-color-bg-grey-light-hovered: #505253ff; --alpha-color-bg-grey-lighter: var(--alpha-color-grey-800); --alpha-color-bg-grey-lighter-hovered: #3b3c3fff; --alpha-color-bg-grey-lightest: var(--alpha-color-grey-850); --alpha-color-bg-grey-lightest-hovered: #343538ff; --alpha-color-bg-grey-transparent: var(--alpha-color-white-0); --alpha-color-bg-grey-transparent-hovered: #ffffff0d; --alpha-color-bg-grey-normal: var(--alpha-color-grey-600); --alpha-color-bg-grey-normal-hovered: #868686ff; --alpha-color-bg-grey-alpha-darkest: var(--alpha-color-grey-alpha-700-80); --alpha-color-bg-grey-alpha-darkest-hovered: #505253cc; --alpha-color-bg-grey-alpha-darker: var(--alpha-color-grey-alpha-800-90); --alpha-color-bg-grey-alpha-darker-hovered: #3b3c3fe6; --alpha-color-bg-grey-alpha-dark: var(--alpha-color-grey-alpha-800-80); --alpha-color-bg-grey-alpha-dark-hovered: #3b3c3fcc; --alpha-color-bg-grey-alpha-light: var(--alpha-color-grey-alpha-850-80); --alpha-color-bg-grey-alpha-light-hovered: #343538cc; --alpha-color-bg-white-highest: var(--alpha-color-grey-700); --alpha-color-bg-white-highest-hovered: #505253ff; --alpha-color-bg-white-higher: var(--alpha-color-grey-800); --alpha-color-bg-white-higher-hovered: #3b3c3fff; --alpha-color-bg-white-normal: var(--alpha-color-grey-900); --alpha-color-bg-white-normal-hovered: #2e2e33ff; --alpha-color-bg-white-transparent: var(--alpha-color-white-0); --alpha-color-bg-white-transparent-hovered: #ffffff0d; --alpha-color-bg-white-alpha-lightest: var(--alpha-color-grey-alpha-800-80); --alpha-color-bg-white-alpha-lightest-hovered: #3b3c3fcc; --alpha-color-bg-white-alpha-lighter: var(--alpha-color-black-60); --alpha-color-bg-white-alpha-lighter-hovered: #0a0a0a99; --alpha-color-bg-white-alpha-light: var(--alpha-color-black-20); --alpha-color-bg-white-alpha-light-hovered: #0a0a0a4d; --alpha-color-bg-white-alpha-transparent: var(--alpha-color-black-0); --alpha-color-bg-white-alpha-transparent-hovered: #0000000d; --alpha-color-bg-blue-normal: var(--alpha-color-blue-300); --alpha-color-bg-blue-normal-hovered: #93aefbff; --alpha-color-bg-blue-light: var(--alpha-color-blue-300-45); --alpha-color-bg-blue-light-hovered: #93aefb73; --alpha-color-bg-blue-lighter: var(--alpha-color-blue-300-30); --alpha-color-bg-blue-lighter-hovered: #93aefb4d; --alpha-color-bg-blue-lightest: var(--alpha-color-blue-300-15); --alpha-color-bg-blue-lightest-hovered: #93aefb39; --alpha-color-bg-blue-dark: var(--alpha-color-blue-400); --alpha-color-bg-blue-dark-hovered: #8280fcff; --alpha-color-bg-blue-shade-lighter: var(--alpha-color-shade-blue-600-40); --alpha-color-bg-blue-shade-lighter-hovered: #4e569d66; --alpha-color-bg-blue-shade-normal: var(--alpha-color-shade-blue-600); --alpha-color-bg-blue-shade-normal-hovered: #4e569dff; --alpha-color-bg-blue-transparent: var(--alpha-color-blue-300-0); --alpha-color-bg-blue-transparent-hovered: #7d9efa1a; --alpha-color-bg-cobalt-normal: var(--alpha-color-cobalt-300); --alpha-color-bg-cobalt-normal-hovered: #83c4faff; --alpha-color-bg-cobalt-light: var(--alpha-color-cobalt-300-45); --alpha-color-bg-cobalt-light-hovered: #83c4fa73; --alpha-color-bg-cobalt-lighter: var(--alpha-color-cobalt-300-30); --alpha-color-bg-cobalt-lighter-hovered: #83c4fa4d; --alpha-color-bg-cobalt-lightest: var(--alpha-color-cobalt-300-15); --alpha-color-bg-cobalt-lightest-hovered: #83c4fa39; --alpha-color-bg-cobalt-dark: var(--alpha-color-cobalt-400); --alpha-color-bg-cobalt-dark-hovered: #5f9eecff; --alpha-color-bg-cobalt-shade-lighter: var(--alpha-color-shade-cobalt-600-40); --alpha-color-bg-cobalt-shade-lighter-hovered: #4c6a9966; --alpha-color-bg-cobalt-shade-normal: var(--alpha-color-shade-cobalt-600); --alpha-color-bg-cobalt-shade-normal-hovered: #4c6a99ff; --alpha-color-bg-cobalt-transparent: var(--alpha-color-cobalt-300-0); --alpha-color-bg-cobalt-transparent-hovered: #71b9f51a; --alpha-color-bg-red-normal: var(--alpha-color-red-300); --alpha-color-bg-red-normal-hovered: #ffa2a2ff; --alpha-color-bg-red-light: var(--alpha-color-red-300-45); --alpha-color-bg-red-light-hovered: #ffa2a273; --alpha-color-bg-red-lighter: var(--alpha-color-red-300-30); --alpha-color-bg-red-lighter-hovered: #ffa2a24d; --alpha-color-bg-red-lightest: var(--alpha-color-red-300-15); --alpha-color-bg-red-lightest-hovered: #ffa2a239; --alpha-color-bg-red-dark: var(--alpha-color-red-400); --alpha-color-bg-red-dark-hovered: #ec6b6bff; --alpha-color-bg-red-shade-lighter: var(--alpha-color-shade-red-600-40); --alpha-color-bg-red-shade-lighter-hovered: #a5434a66; --alpha-color-bg-red-shade-normal: var(--alpha-color-shade-red-600); --alpha-color-bg-red-shade-normal-hovered: #a5434aff; --alpha-color-bg-red-transparent: var(--alpha-color-red-300-0); --alpha-color-bg-red-transparent-hovered: #ff8c8c1a; --alpha-color-bg-orange-normal: var(--alpha-color-orange-300); --alpha-color-bg-orange-normal-hovered: #ffae74ff; --alpha-color-bg-orange-light: var(--alpha-color-orange-300-45); --alpha-color-bg-orange-light-hovered: #ffae7473; --alpha-color-bg-orange-lighter: var(--alpha-color-orange-300-30); --alpha-color-bg-orange-lighter-hovered: #ffae744d; --alpha-color-bg-orange-lightest: var(--alpha-color-orange-300-15); --alpha-color-bg-orange-lightest-hovered: #ffae7439; --alpha-color-bg-orange-dark: var(--alpha-color-orange-400); --alpha-color-bg-orange-dark-hovered: #ee8a39ff; --alpha-color-bg-orange-shade-lighter: var(--alpha-color-shade-orange-600-40); --alpha-color-bg-orange-shade-lighter-hovered: #9e643566; --alpha-color-bg-orange-shade-normal: var(--alpha-color-shade-orange-600); --alpha-color-bg-orange-shade-normal-hovered: #9e6435ff; --alpha-color-bg-orange-transparent: var(--alpha-color-orange-300-0); --alpha-color-bg-orange-transparent-hovered: #ffa15e1a; --alpha-color-bg-green-normal: var(--alpha-color-green-300); --alpha-color-bg-green-normal-hovered: #74d68bff; --alpha-color-bg-green-light: var(--alpha-color-green-300-45); --alpha-color-bg-green-light-hovered: #74d68b73; --alpha-color-bg-green-lighter: var(--alpha-color-green-300-30); --alpha-color-bg-green-lighter-hovered: #74d68b4d; --alpha-color-bg-green-lightest: var(--alpha-color-green-300-15); --alpha-color-bg-green-lightest-hovered: #74d68b39; --alpha-color-bg-green-dark: var(--alpha-color-green-400); --alpha-color-bg-green-dark-hovered: #41c16fff; --alpha-color-bg-green-shade-lighter: var(--alpha-color-shade-green-600-40); --alpha-color-bg-green-shade-lighter-hovered: #4f8d6766; --alpha-color-bg-green-shade-normal: var(--alpha-color-shade-green-600); --alpha-color-bg-green-shade-normal-hovered: #4f8d67ff; --alpha-color-bg-green-transparent: var(--alpha-color-green-300-0); --alpha-color-bg-green-transparent-hovered: #68cc7f1a; --alpha-color-bg-teal-normal: var(--alpha-color-teal-300); --alpha-color-bg-teal-normal-hovered: #4cdccfff; --alpha-color-bg-teal-light: var(--alpha-color-teal-300-45); --alpha-color-bg-teal-light-hovered: #4cdccf73; --alpha-color-bg-teal-lighter: var(--alpha-color-teal-300-30); --alpha-color-bg-teal-lighter-hovered: #4cdccf4d; --alpha-color-bg-teal-lightest: var(--alpha-color-teal-300-15); --alpha-color-bg-teal-lightest-hovered: #4cdccf39; --alpha-color-bg-teal-dark: var(--alpha-color-teal-400); --alpha-color-bg-teal-dark-hovered: #0ac6c0ff; --alpha-color-bg-teal-shade-lighter: var(--alpha-color-shade-teal-600-40); --alpha-color-bg-teal-shade-lighter-hovered: #49839066; --alpha-color-bg-teal-shade-normal: var(--alpha-color-shade-teal-600); --alpha-color-bg-teal-shade-normal-hovered: #498390ff; --alpha-color-bg-teal-transparent: var(--alpha-color-teal-300-0); --alpha-color-bg-teal-transparent-hovered: #40d3c51a; --alpha-color-bg-olive-normal: var(--alpha-color-olive-300); --alpha-color-bg-olive-normal-hovered: #d2df3dff; --alpha-color-bg-olive-light: var(--alpha-color-olive-300-45); --alpha-color-bg-olive-light-hovered: #d2df3d73; --alpha-color-bg-olive-lighter: var(--alpha-color-olive-300-30); --alpha-color-bg-olive-lighter-hovered: #d2df3d4d; --alpha-color-bg-olive-lightest: var(--alpha-color-olive-300-15); --alpha-color-bg-olive-lightest-hovered: #d2df3d39; --alpha-color-bg-olive-dark: var(--alpha-color-olive-400); --alpha-color-bg-olive-dark-hovered: #c1ca0cff; --alpha-color-bg-olive-shade-lighter: var(--alpha-color-shade-olive-600-40); --alpha-color-bg-olive-shade-lighter-hovered: #86893a66; --alpha-color-bg-olive-shade-normal: var(--alpha-color-shade-olive-600); --alpha-color-bg-olive-shade-normal-hovered: #86893aff; --alpha-color-bg-olive-transparent: var(--alpha-color-olive-300-0); --alpha-color-bg-olive-transparent-hovered: #c8d6301a; --alpha-color-bg-yellow-normal: var(--alpha-color-yellow-300); --alpha-color-bg-yellow-normal-hovered: #face4aff; --alpha-color-bg-yellow-light: var(--alpha-color-yellow-300-45); --alpha-color-bg-yellow-light-hovered: #face4a73; --alpha-color-bg-yellow-lighter: var(--alpha-color-yellow-300-30); --alpha-color-bg-yellow-lighter-hovered: #face4a4d; --alpha-color-bg-yellow-lightest: var(--alpha-color-yellow-300-15); --alpha-color-bg-yellow-lightest-hovered: #face4a39; --alpha-color-bg-yellow-dark: var(--alpha-color-yellow-400); --alpha-color-bg-yellow-dark-hovered: #f9b917ff; --alpha-color-bg-yellow-shade-lighter: var(--alpha-color-shade-yellow-600-40); --alpha-color-bg-yellow-shade-lighter-hovered: #927a2666; --alpha-color-bg-yellow-shade-normal: var(--alpha-color-shade-yellow-600); --alpha-color-bg-yellow-shade-normal-hovered: #927a26ff; --alpha-color-bg-yellow-transparent: var(--alpha-color-yellow-300-0); --alpha-color-bg-yellow-transparent-hovered: #f9c8351a; --alpha-color-bg-pink-normal: var(--alpha-color-pink-300); --alpha-color-bg-pink-normal-hovered: #f27fdbff; --alpha-color-bg-pink-light: var(--alpha-color-pink-300-45); --alpha-color-bg-pink-light-hovered: #f27fdb73; --alpha-color-bg-pink-lighter: var(--alpha-color-pink-300-30); --alpha-color-bg-pink-lighter-hovered: #f27fdb4d; --alpha-color-bg-pink-lightest: var(--alpha-color-pink-300-15); --alpha-color-bg-pink-lightest-hovered: #f27fdb39; --alpha-color-bg-pink-dark: var(--alpha-color-pink-400); --alpha-color-bg-pink-dark-hovered: #df58bfff; --alpha-color-bg-pink-shade-lighter: var(--alpha-color-shade-pink-600-40); --alpha-color-bg-pink-shade-lighter-hovered: #99428566; --alpha-color-bg-pink-shade-normal: var(--alpha-color-shade-pink-600); --alpha-color-bg-pink-shade-normal-hovered: #994285ff; --alpha-color-bg-pink-transparent: var(--alpha-color-pink-300-0); --alpha-color-bg-pink-transparent-hovered: #ec6fd31a; --alpha-color-bg-purple-normal: var(--alpha-color-purple-300); --alpha-color-bg-purple-normal-hovered: #bf9affff; --alpha-color-bg-purple-light: var(--alpha-color-purple-300-45); --alpha-color-bg-purple-light-hovered: #bf9aff73; --alpha-color-bg-purple-lighter: var(--alpha-color-purple-300-30); --alpha-color-bg-purple-lighter-hovered: #bf9aff4d; --alpha-color-bg-purple-lightest: var(--alpha-color-purple-300-15); --alpha-color-bg-purple-lightest-hovered: #bf9aff39; --alpha-color-bg-purple-dark: var(--alpha-color-purple-400); --alpha-color-bg-purple-dark-hovered: #9a66eeff; --alpha-color-bg-purple-shade-lighter: var(--alpha-color-shade-purple-600-40); --alpha-color-bg-purple-shade-lighter-hovered: #64489066; --alpha-color-bg-purple-shade-normal: var(--alpha-color-shade-purple-600); --alpha-color-bg-purple-shade-normal-hovered: #644890ff; --alpha-color-bg-purple-transparent: var(--alpha-color-purple-300-0); --alpha-color-bg-purple-transparent-hovered: #b184ff1a; --alpha-color-bg-navy-normal: var(--alpha-color-navy-300); --alpha-color-bg-navy-normal-hovered: #838fdcff; --alpha-color-bg-navy-light: var(--alpha-color-navy-300-45); --alpha-color-bg-navy-light-hovered: #838fdc73; --alpha-color-bg-navy-lighter: var(--alpha-color-navy-300-30); --alpha-color-bg-navy-lighter-hovered: #838fdc4d; --alpha-color-bg-navy-lightest: var(--alpha-color-navy-300-15); --alpha-color-bg-navy-lightest-hovered: #838fdc39; --alpha-color-bg-navy-dark: var(--alpha-color-navy-400); --alpha-color-bg-navy-dark-hovered: #4353bfff; --alpha-color-bg-navy-shade-lighter: var(--alpha-color-shade-navy-600-40); --alpha-color-bg-navy-shade-lighter-hovered: #3b416766; --alpha-color-bg-navy-shade-normal: var(--alpha-color-shade-navy-600); --alpha-color-bg-navy-shade-normal-hovered: #3b4167ff; --alpha-color-bg-navy-transparent: var(--alpha-color-navy-300-0); --alpha-color-bg-navy-transparent-hovered: #7683d31a; --alpha-color-bg-absolute-black-dark: var(--alpha-color-black-100); --alpha-color-bg-absolute-black-dark-hovered: #0a0a0aff; --alpha-color-bg-absolute-black-normal: var(--alpha-color-black-85); --alpha-color-bg-absolute-black-normal-hovered: #0a0a0ad9; --alpha-color-bg-absolute-black-light: var(--alpha-color-black-60); --alpha-color-bg-absolute-black-light-hovered: #0a0a0a99; --alpha-color-bg-absolute-black-lighter: var(--alpha-color-black-40); --alpha-color-bg-absolute-black-lighter-hovered: #0a0a0a66; --alpha-color-bg-absolute-black-lightest: var(--alpha-color-black-20); --alpha-color-bg-absolute-black-lightest-hovered: #0a0a0a4d; --alpha-color-bg-absolute-black-transparent: var(--alpha-color-black-0); --alpha-color-bg-absolute-black-transparent-hovered: #0000000d; --alpha-color-bg-absolute-white-dark: var(--alpha-color-white-100); --alpha-color-bg-absolute-white-dark-hovered: #edededff; --alpha-color-bg-absolute-white-normal: var(--alpha-color-white-90); --alpha-color-bg-absolute-white-normal-hovered: #ededede6; --alpha-color-bg-absolute-white-light: var(--alpha-color-white-60); --alpha-color-bg-absolute-white-light-hovered: #ededed99; --alpha-color-bg-absolute-white-lighter: var(--alpha-color-white-40); --alpha-color-bg-absolute-white-lighter-hovered: #ededed66; --alpha-color-bg-absolute-white-lightest: var(--alpha-color-white-20); --alpha-color-bg-absolute-white-lightest-hovered: #ededed4d; --alpha-color-bg-absolute-white-transparent: var(--alpha-color-white-0); --alpha-color-bg-absolute-white-transparent-hovered: #ffffff0d; --alpha-color-surface-lowest: var(--alpha-color-grey-850); --alpha-color-surface-lowest-hovered: #343538ff; --alpha-color-surface-lower: var(--alpha-color-grey-900); --alpha-color-surface-lower-hovered: #2e2e33ff; --alpha-color-surface-normal: var(--alpha-color-grey-950); --alpha-color-surface-normal-hovered: #242427ff; --alpha-color-shadow-xlarge: var(--alpha-color-black-60); --alpha-color-shadow-xlarge-hovered: #0a0a0a99; --alpha-color-shadow-large: var(--alpha-color-black-40); --alpha-color-shadow-large-hovered: #0a0a0a66; --alpha-color-shadow-medium: var(--alpha-color-black-20); --alpha-color-shadow-medium-hovered: #0a0a0a4d; --alpha-color-shadow-small: var(--alpha-color-black-15); --alpha-color-shadow-small-hovered: #0a0a0a39; --alpha-color-shadow-base: var(--alpha-color-black-8); --alpha-color-shadow-base-hovered: #0a0a0a1e; --alpha-color-shadow-base-inner: var(--alpha-color-white-8); --alpha-color-shadow-base-inner-hovered: #ededed1e; --alpha-color-dim-black-light: var(--alpha-color-bg-absolute-black-lightest); --alpha-color-dim-black-light-hovered: #0a0a0a4d; --alpha-color-dim-black-normal: var(--alpha-color-bg-absolute-black-lighter); --alpha-color-dim-black-normal-hovered: #0a0a0a66; --alpha-color-primary-bg-normal: var(--alpha-color-bg-blue-normal); --alpha-color-primary-bg-normal-hovered: #648bf9ff; --alpha-color-primary-bg-light: var(--alpha-color-bg-blue-light); --alpha-color-primary-bg-light-hovered: #648bf973; --alpha-color-primary-bg-lighter: var(--alpha-color-bg-blue-lighter); --alpha-color-primary-bg-lighter-hovered: #648bf94d; --alpha-color-primary-bg-lightest: var(--alpha-color-bg-blue-lightest); --alpha-color-primary-bg-lightest-hovered: #648bf939; --alpha-color-primary-bg-dark: var(--alpha-color-bg-blue-dark); --alpha-color-primary-bg-dark-hovered: #5551fcff; --alpha-color-primary-fg-normal: var(--alpha-color-fg-blue-normal); --alpha-color-primary-fg-normal-hovered: #648bf9ff; --alpha-color-primary-fg-light: var(--alpha-color-fg-blue-light); --alpha-color-primary-fg-light-hovered: #648bf973; --alpha-color-primary-fg-dark: var(--alpha-color-fg-blue-dark); --alpha-color-primary-fg-dark-hovered: #648bf9ff; --alpha-color-critical-bg-dark: var(--alpha-color-bg-red-dark); --alpha-color-critical-bg-dark-hovered: #df4c4cff; --alpha-color-critical-bg-normal: var(--alpha-color-fg-red-normal); --alpha-color-critical-bg-normal-hovered: #ff7070ff; --alpha-color-critical-bg-light: var(--alpha-color-bg-red-light); --alpha-color-critical-bg-light-hovered: #ff707073; --alpha-color-critical-bg-lighter: var(--alpha-color-bg-red-lighter); --alpha-color-critical-bg-lighter-hovered: #ff70704d; --alpha-color-critical-bg-lightest: var(--alpha-color-bg-red-lightest); --alpha-color-critical-bg-lightest-hovered: #ff707039; --alpha-color-critical-fg-normal: var(--alpha-color-fg-red-normal); --alpha-color-critical-fg-normal-hovered: #ff7070ff; --alpha-color-critical-fg-light: var(--alpha-color-fg-red-light); --alpha-color-critical-fg-light-hovered: #ff707073; --alpha-color-critical-fg-dark: var(--alpha-color-fg-red-dark); --alpha-color-critical-fg-dark-hovered: #ff7070ff; --alpha-color-warning-bg-dark: var(--alpha-color-bg-orange-dark); --alpha-color-warning-bg-dark-hovered: #df751fff; --alpha-color-warning-bg-normal: var(--alpha-color-bg-orange-normal); --alpha-color-warning-bg-normal-hovered: #ff9346ff; --alpha-color-warning-bg-light: var(--alpha-color-bg-orange-light); --alpha-color-warning-bg-light-hovered: #ff934673; --alpha-color-warning-bg-lighter: var(--alpha-color-bg-orange-lighter); --alpha-color-warning-bg-lighter-hovered: #ff93464d; --alpha-color-warning-bg-lightest: var(--alpha-color-bg-orange-lightest); --alpha-color-warning-bg-lightest-hovered: #ff934639; --alpha-color-warning-fg-normal: var(--alpha-color-fg-orange-normal); --alpha-color-warning-fg-normal-hovered: #ff9346ff; --alpha-color-warning-fg-light: var(--alpha-color-fg-orange-light); --alpha-color-warning-fg-light-hovered: #ff934673; --alpha-color-warning-fg-dark: var(--alpha-color-fg-orange-dark); --alpha-color-warning-fg-dark-hovered: #ff9346ff; --alpha-color-accent-bg-dark: var(--alpha-color-bg-cobalt-dark); --alpha-color-accent-bg-dark-hovered: #4088dfff; --alpha-color-accent-bg-normal: var(--alpha-color-bg-cobalt-normal); --alpha-color-accent-bg-normal-hovered: #5cadf1ff; --alpha-color-accent-bg-light: var(--alpha-color-bg-cobalt-light); --alpha-color-accent-bg-light-hovered: #5cadf173; --alpha-color-accent-bg-lighter: var(--alpha-color-bg-cobalt-lighter); --alpha-color-accent-bg-lighter-hovered: #5cadf14d; --alpha-color-accent-bg-lightest: var(--alpha-color-bg-cobalt-lightest); --alpha-color-accent-bg-lightest-hovered: #5cadf139; --alpha-color-accent-fg-normal: var(--alpha-color-fg-cobalt-normal); --alpha-color-accent-fg-normal-hovered: #5cadf1ff; --alpha-color-accent-fg-light: var(--alpha-color-fg-cobalt-light); --alpha-color-accent-fg-light-hovered: #5cadf173; --alpha-color-accent-fg-dark: var(--alpha-color-fg-cobalt-dark); --alpha-color-accent-fg-dark-hovered: #5cadf1ff; --alpha-color-success-bg-dark: var(--alpha-color-bg-green-dark); --alpha-color-success-bg-dark-hovered: #3f9e61ff; --alpha-color-success-bg-normal: var(--alpha-color-bg-green-normal); --alpha-color-success-bg-normal-hovered: #5bc373ff; --alpha-color-success-bg-light: var(--alpha-color-bg-green-light); --alpha-color-success-bg-light-hovered: #5bc37373; --alpha-color-success-bg-lighter: var(--alpha-color-bg-green-lighter); --alpha-color-success-bg-lighter-hovered: #5bc3734d; --alpha-color-success-bg-lightest: var(--alpha-color-bg-green-lightest); --alpha-color-success-bg-lightest-hovered: #5bc37339; --alpha-color-success-fg-normal: var(--alpha-color-fg-green-normal); --alpha-color-success-fg-normal-hovered: #5bc373ff; --alpha-color-success-fg-light: var(--alpha-color-fg-green-light); --alpha-color-success-fg-light-hovered: #5bc37373; --alpha-color-success-fg-dark: var(--alpha-color-fg-green-dark); --alpha-color-success-fg-dark-hovered: #5bc373ff; } :where(:root, :host) { --alpha-color-blue-100: #a9c6ff; --alpha-color-blue-200: #96b7ff; --alpha-color-blue-300: #7d9efa; --alpha-color-blue-400: #6d6afc; --alpha-color-blue-500: #5950dc; --alpha-color-blue-600: #4941bc; --alpha-color-blue-400-30: #6d6afc4d; --alpha-color-blue-400-20: #6d6afc33; --alpha-color-blue-400-10: #6d6afc1a; --alpha-color-blue-400-0: #6d6afc00; --alpha-color-blue-300-45: #7d9efa73; --alpha-color-blue-300-30: #7d9efa4d; --alpha-color-blue-300-15: #7d9efa26; --alpha-color-blue-300-0: #7d9efa00; --alpha-color-cobalt-100: #a1d5ff; --alpha-color-cobalt-200: #8dcafc; --alpha-color-cobalt-300: #71b9f5; --alpha-color-cobalt-400: #5093e5; --alpha-color-cobalt-500: #3870d1; --alpha-color-cobalt-600: #2b59b5; --alpha-color-cobalt-400-30: #5093e54d; --alpha-color-cobalt-400-20: #5093e533; --alpha-color-cobalt-400-10: #5093e51a; --alpha-color-cobalt-400-0: #5093e500; --alpha-color-cobalt-300-45: #71b9f573; --alpha-color-cobalt-300-30: #71b9f54d; --alpha-color-cobalt-300-15: #71b9f526; --alpha-color-cobalt-300-0: #71b9f500; --alpha-color-green-100: #a4ecb3; --alpha-color-green-200: #84e09a; --alpha-color-green-300: #68cc7f; --alpha-color-green-400: #40ad67; --alpha-color-green-500: #358761; --alpha-color-green-600: #327055; --alpha-color-green-400-30: #40ad674d; --alpha-color-green-400-20: #40ad6733; --alpha-color-green-400-10: #40ad671a; --alpha-color-green-400-0: #40ad6700; --alpha-color-green-300-45: #68cc7f73; --alpha-color-green-300-30: #68cc7f4d; --alpha-color-green-300-15: #68cc7f26; --alpha-color-green-300-0: #68cc7f00; --alpha-color-red-100: #ffb8b8; --alpha-color-red-200: #ffa6a6; --alpha-color-red-300: #ff8c8c; --alpha-color-red-400: #e55c5c; --alpha-color-red-500: #bc3a42; --alpha-color-red-600: #992c34; --alpha-color-red-400-30: #e55c5c4d; --alpha-color-red-400-20: #e55c5c33; --alpha-color-red-400-10: #e55c5c1a; --alpha-color-red-400-0: #e55c5c00; --alpha-color-red-300-45: #ff8c8c73; --alpha-color-red-300-30: #ff8c8c4d; --alpha-color-red-300-15: #ff8c8c26; --alpha-color-red-300-0: #ff8c8c00; --alpha-color-black-0: #00000000; --alpha-color-black-3: #00000008; --alpha-color-black-5: #0000000d; --alpha-color-black-8: #00000014; --alpha-color-black-15: #00000026; --alpha-color-black-20: #00000033; --alpha-color-black-22: #00000038; --alpha-color-black-30: #0000004d; --alpha-color-black-40: #00000066; --alpha-color-black-50: #00000080; --alpha-color-black-60: #00000099; --alpha-color-black-70: #000000b3; --alpha-color-black-85: #000000d9; --alpha-color-black-100: #000000; --alpha-color-white-0: #ffffff00; --alpha-color-white-5: #ffffff0d; --alpha-color-white-8: #ffffff14; --alpha-color-white-12: #ffffff1f; --alpha-color-white-20: #ffffff33; --alpha-color-white-40: #ffffff66; --alpha-color-white-60: #ffffff99; --alpha-color-white-80: #ffffffcc; --alpha-color-white-90: #ffffffe6; --alpha-color-white-100: #ffffff; --alpha-color-orange-100: #ffc38f; --alpha-color-orange-200: #ffb070; --alpha-color-orange-300: #ffa15e; --alpha-color-orange-400: #e67f2b; --alpha-color-orange-500: #c1630d; --alpha-color-orange-600: #a1540c; --alpha-color-orange-400-30: #e67f2b4d; --alpha-color-orange-400-20: #e67f2b33; --alpha-color-orange-400-10: #e67f2b1a; --alpha-color-orange-400-0: #e67f2b00; --alpha-color-orange-300-45: #ffa15e73; --alpha-color-orange-300-30: #ffa15e4d; --alpha-color-orange-300-15: #ffa15e26; --alpha-color-orange-300-0: #ffa15e00; --alpha-color-yellow-100: #ffe38f; --alpha-color-yellow-200: #fed968; --alpha-color-yellow-300: #f9c835; --alpha-color-yellow-400: #edae0d; --alpha-color-yellow-500: #c38f00; --alpha-color-yellow-600: #9e7504; --alpha-color-yellow-400-30: #edae0d4d; --alpha-color-yellow-400-20: #edae0d33; --alpha-color-yellow-400-10: #edae0d1a; --alpha-color-yellow-400-0: #edae0d00; --alpha-color-yellow-300-45: #f9c83573; --alpha-color-yellow-300-30: #f9c8354d; --alpha-color-yellow-300-15: #f9c83526; --alpha-color-yellow-300-0: #f9c83500; --alpha-color-pink-100: #ffafef; --alpha-color-pink-200: #f896e5; --alpha-color-pink-300: #ec6fd3; --alpha-color-pink-400: #d64bb5; --alpha-color-pink-500: #b0369e; --alpha-color-pink-600: #962c86; --alpha-color-pink-400-30: #d64bb54d; --alpha-color-pink-400-20: #d64bb533; --alpha-color-pink-400-10: #d64bb51a; --alpha-color-pink-400-0: #d64bb500; --alpha-color-pink-300-45: #ec6fd373; --alpha-color-pink-300-30: #ec6fd34d; --alpha-color-pink-300-15: #ec6fd326; --alpha-color-pink-300-0: #ec6fd300; --alpha-color-purple-100: #d1b5ff; --alpha-color-purple-200: #c19aff; --alpha-color-purple-300: #b184ff; --alpha-color-purple-400: #8e57e7; --alpha-color-purple-500: #6735b6; --alpha-color-purple-600: #54278f; --alpha-color-purple-400-30: #8e57e74d; --alpha-color-purple-400-20: #8e57e733; --alpha-color-purple-400-10: #8e57e71a; --alpha-color-purple-400-0: #8e57e700; --alpha-color-purple-300-45: #b184ff73; --alpha-color-purple-300-30: #b184ff4d; --alpha-color-purple-300-15: #b184ff26; --alpha-color-purple-300-0: #b184ff00; --alpha-color-navy-100: #a5b2ee; --alpha-color-navy-200: #8b99d9; --alpha-color-navy-300: #7683d3; --alpha-color-navy-400: #424fab; --alpha-color-navy-500: #353888; --alpha-color-navy-600: #22245b; --alpha-color-navy-400-30: #424fab4d; --alpha-color-navy-400-20: #424fab33; --alpha-color-navy-400-10: #424fab1a; --alpha-color-navy-400-0: #424fab00; --alpha-color-navy-300-45: #7683d373; --alpha-color-navy-300-30: #7683d34d; --alpha-color-navy-300-15: #7683d326; --alpha-color-navy-300-0: #7683d300; --alpha-color-teal-100: #9beee6; --alpha-color-teal-200: #72e0d5; --alpha-color-teal-300: #40d3c5; --alpha-color-teal-400: #09b2ac; --alpha-color-teal-500: #068e95; --alpha-color-teal-600: #06687d; --alpha-color-teal-400-30: #09b2ac4d; --alpha-color-teal-400-20: #09b2ac33; --alpha-color-teal-400-10: #09b2ac1a; --alpha-color-teal-400-0: #09b2ac00; --alpha-color-teal-300-45: #40d3c573; --alpha-color-teal-300-30: #40d3c54d; --alpha-color-teal-300-15: #40d3c526; --alpha-color-teal-300-0: #40d3c500; --alpha-color-olive-100: #e7f17c; --alpha-color-olive-200: #dbe56e; --alpha-color-olive-300: #c8d630; --alpha-color-olive-400: #a9b110; --alpha-color-olive-500: #7b801c; --alpha-color-olive-600: #65691c; --alpha-color-olive-400-30: #a9b1104d; --alpha-color-olive-400-20: #a9b11033; --alpha-color-olive-400-10: #a9b1101a; --alpha-color-olive-400-0: #a9b11000; --alpha-color-olive-300-45: #c8d63073; --alpha-color-olive-300-30: #c8d6304d; --alpha-color-olive-300-15: #c8d63026; --alpha-color-olive-300-0: #c8d63000; --alpha-color-grey-50: #fcfcfc; --alpha-color-grey-100: #f7f7f8; --alpha-color-grey-200: #efeff0; --alpha-color-grey-300: #e2e2e4; --alpha-color-grey-400: #cfcfd1; --alpha-color-grey-500: #a7a7aa; --alpha-color-grey-600: #7b7b7b; --alpha-color-grey-700: #464748; --alpha-color-grey-800: #313234; --alpha-color-grey-850: #2a2b2d; --alpha-color-grey-900: #242428; --alpha-color-grey-950: #1a1a1c; --alpha-color-grey-900-0: #24242800; --alpha-color-grey-alpha-900-90: #242428e6; --alpha-color-grey-alpha-850-80: #2a2b2dcc; --alpha-color-grey-alpha-800-80: #313234cc; --alpha-color-grey-alpha-700-80: #464748cc; --alpha-color-grey-alpha-200-80: #efeff0cc; --alpha-color-grey-alpha-100-80: #f7f7f8cc; --alpha-color-grey-alpha-50-80: #fcfcfccc; --alpha-color-grey-alpha-100-90: #f7f7f8e6; --alpha-color-grey-alpha-800-90: #313234e6; --alpha-color-shade-blue-400: #7175e0; --alpha-color-shade-blue-600: #4c5289; --alpha-color-shade-blue-400-20: #7175e033; --alpha-color-shade-blue-600-40: #4c528966; --alpha-color-shade-cobalt-400: #57ace8; --alpha-color-shade-cobalt-600: #4a6185; --alpha-color-shade-cobalt-400-20: #57ace833; --alpha-color-shade-cobalt-600-40: #4a618566; --alpha-color-shade-teal-400: #55aaa7; --alpha-color-shade-teal-600: #47737d; --alpha-color-shade-teal-400-20: #55aaa733; --alpha-color-shade-teal-600-40: #47737d66; --alpha-color-shade-red-400: #de6870; --alpha-color-shade-red-600: #904248; --alpha-color-shade-red-400-20: #de687033; --alpha-color-shade-red-600-40: #90424866; --alpha-color-shade-green-400: #62af7c; --alpha-color-shade-green-600: #4c7a5e; --alpha-color-shade-green-400-20: #62af7c33; --alpha-color-shade-green-600-40: #4c7a5e66; --alpha-color-shade-olive-400: #a5a953; --alpha-color-shade-olive-600: #737638; --alpha-color-shade-olive-400-20: #a5a95333; --alpha-color-shade-olive-600-40: #73763866; --alpha-color-shade-yellow-400: #e8ae3c; --alpha-color-shade-yellow-600: #7d6a26; --alpha-color-shade-yellow-400-20: #e8ae3c33; --alpha-color-shade-yellow-600-40: #7d6a2666; --alpha-color-shade-orange-400: #e08c48; --alpha-color-shade-orange-600: #895a34; --alpha-color-shade-orange-400-20: #e08c4833; --alpha-color-shade-orange-600-40: #895a3466; --alpha-color-shade-pink-400: #d369ba; --alpha-color-shade-pink-600: #854075; --alpha-color-shade-pink-400-20: #d369ba33; --alpha-color-shade-pink-600-40: #85407566; --alpha-color-shade-purple-400: #9d6fe5; --alpha-color-shade-purple-600: #5b467d; --alpha-color-shade-purple-400-20: #9d6fe533; --alpha-color-shade-purple-600-40: #5b467d66; --alpha-color-shade-navy-400: #5f69b0; --alpha-color-shade-navy-600: #373b56; --alpha-color-shade-navy-400-20: #5f69b033; --alpha-color-shade-navy-600-40: #373b5666; --alpha-font-family-sans: 'Pretendard', 'NotoSansJP', 'system-ui', 'sans-serif'; --alpha-font-family-mono: 'ui-monospace', 'Cascadia Code', 'Source Code Pro', 'Menlo', 'Consolas', 'DejaVu Sans Mono', 'monospace'; --alpha-font-size-11: 1.1rem; --alpha-font-size-12: 1.2rem; --alpha-font-size-13: 1.3rem; --alpha-font-size-14: 1.4rem; --alpha-font-size-15: 1.5rem; --alpha-font-size-16: 1.6rem; --alpha-font-size-17: 1.7rem; --alpha-font-size-18: 1.8rem; --alpha-font-size-22: 2.2rem; --alpha-font-size-24: 2.4rem; --alpha-font-size-30: 3rem; --alpha-font-size-36: 3.6rem; --alpha-font-size-15-5: 1.55rem; --alpha-font-weight-regular: 400; --alpha-font-weight-semibold: 600; --alpha-font-weight-bold: 700; --alpha-font-line-height-16: 1.6rem; --alpha-font-line-height-18: 1.8rem; --alpha-font-line-height-22: 2.2rem; --alpha-font-line-height-23: 2.3rem; --alpha-font-line-height-24: 2.4rem; --alpha-font-line-height-28: 2.8rem; --alpha-font-line-height-32: 3.2rem; --alpha-font-line-height-36: 3.6rem; --alpha-font-line-height-44: 4.4rem; --alpha-font-letter-spacing-0: 0rem; --alpha-font-letter-spacing-1: 0.01rem; --alpha-font-letter-spacing-2: 0.02rem; --alpha-font-letter-spacing-3: 0.03rem; --alpha-gradient-bg-purple: linear-gradient(90deg, var(--alpha-color-purple-300) 50%, var(--alpha-color-pink-200) 100%); --alpha-gradient-bg-orange: linear-gradient(90deg, var(--alpha-color-orange-300) 50%, var(--alpha-color-yellow-200) 100%); --alpha-gradient-bg-green: linear-gradient(90deg, var(--alpha-color-green-300) 50%, var(--alpha-color-teal-200) 100%); --alpha-gradient-bg-blue: linear-gradient(90deg, var(--alpha-color-blue-300) 50%, var(--alpha-color-green-200) 100%); --alpha-gradient-fg-green: linear-gradient(90deg, var(--alpha-color-green-400) 0%, var(--alpha-color-green-300) 100%); --alpha-opacity-disabled: 0.4; --alpha-radius-2: 2px; --alpha-radius-3: 3px; --alpha-radius-4: 4px; --alpha-radius-6: 6px; --alpha-radius-7: 7px; --alpha-radius-8: 8px; --alpha-radius-10: 10px; --alpha-radius-12: 12px; --alpha-radius-14: 14px; --alpha-radius-16: 16px; --alpha-radius-20: 20px; --alpha-radius-32: 32px; --alpha-radius-rounded-half: 9999px; --alpha-radius-smooth-corner: 42%; --alpha-typography-message-font-weight: var(--alpha-font-weight-regular); --alpha-typography-message-font-size: var(--alpha-font-size-15-5); --alpha-typography-message-line-height: var(--alpha-font-line-height-23); --alpha-typography-message-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-h1-bold-font-weight: var(--alpha-font-weight-bold); --alpha-typography-h1-bold-font-size: var(--alpha-font-size-36); --alpha-typography-h1-bold-line-height: var(--alpha-font-line-height-44); --alpha-typography-h1-bold-letter-spacing: var(--alpha-font-letter-spacing-0); --alpha-typography-h2-bold-font-weight: var(--alpha-font-weight-bold); --alpha-typography-h2-bold-font-size: var(--alpha-font-size-30); --alpha-typography-h2-bold-line-height: var(--alpha-font-line-height-36); --alpha-typography-h2-bold-letter-spacing: var(--alpha-font-letter-spacing-0); --alpha-typography-h2-regular-font-weight: var(--alpha-font-weight-regular); --alpha-typography-h2-regular-font-size: var(--alpha-font-size-30); --alpha-typography-h2-regular-line-height: var(--alpha-font-line-height-36); --alpha-typography-h2-regular-letter-spacing: var(--alpha-font-letter-spacing-0); --alpha-typography-h3-bold-font-weight: var(--alpha-font-weight-bold); --alpha-typography-h3-bold-font-size: var(--alpha-font-size-24); --alpha-typography-h3-bold-line-height: var(--alpha-font-line-height-32); --alpha-typography-h3-bold-letter-spacing: var(--alpha-font-letter-spacing-0); --alpha-typography-h3-regular-font-weight: var(--alpha-font-weight-regular); --alpha-typography-h3-regular-font-size: var(--alpha-font-size-24); --alpha-typography-h3-regular-line-height: var(--alpha-font-line-height-32); --alpha-typography-h3-regular-letter-spacing: var(--alpha-font-letter-spacing-0); --alpha-typography-title-1-bold-font-weight: var(--alpha-font-weight-bold); --alpha-typography-title-1-bold-font-size: var(--alpha-font-size-22); --alpha-typography-title-1-bold-line-height: var(--alpha-font-line-height-28); --alpha-typography-title-1-bold-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-title-2-bold-font-weight: var(--alpha-font-weight-bold); --alpha-typography-title-2-bold-font-size: var(--alpha-font-size-18); --alpha-typography-title-2-bold-line-height: var(--alpha-font-line-height-24); --alpha-typography-title-2-bold-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-title-2-semibold-font-weight: var(--alpha-font-weight-semibold); --alpha-typography-title-2-semibold-font-size: var(--alpha-font-size-18); --alpha-typography-title-2-semibold-line-height: var(--alpha-font-line-height-24); --alpha-typography-title-2-semibold-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-title-3-semibold-font-weight: var(--alpha-font-weight-semibold); --alpha-typography-title-3-semibold-font-size: var(--alpha-font-size-16); --alpha-typography-title-3-semibold-line-height: var(--alpha-font-line-height-24); --alpha-typography-title-3-semibold-letter-spacing: var(--alpha-font-letter-spacing-3); --alpha-typography-body-1-semibold-font-weight: var(--alpha-font-weight-semibold); --alpha-typography-body-1-semibold-font-size: var(--alpha-font-size-16); --alpha-typography-body-1-semibold-line-height: var(--alpha-font-line-height-24); --alpha-typography-body-1-semibold-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-body-1-regular-font-weight: var(--alpha-font-weight-regular); --alpha-typography-body-1-regular-font-size: var(--alpha-font-size-16); --alpha-typography-body-1-regular-line-height: var(--alpha-font-line-height-24); --alpha-typography-body-1-regular-letter-spacing: var(--alpha-font-letter-spacing-1); --alpha-typography-body-2-semibold-font-weight: var(--alpha-font-weight-semibold); --alpha-typography-body-2-semibold-font-size: var(--alpha-font-size-15); --alpha-typography-body-2-semibold-line-height: var(--alpha-font-line-height-22); --alpha-typography-body-2-semibold-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-body-2-regular-font-weight: var(--alpha-font-weight-regular); --alpha-typography-body-2-regular-font-size: var(--alpha-font-size-15); --alpha-typography-body-2-regular-line-height: var(--alpha-font-line-height-22); --alpha-typography-body-2-regular-letter-spacing: var(--alpha-font-letter-spacing-1); --alpha-typography-caption-1-semibold-font-weight: var(--alpha-font-weight-semibold); --alpha-typography-caption-1-semibold-font-size: var(--alpha-font-size-14); --alpha-typography-caption-1-semibold-line-height: var(--alpha-font-line-height-18); --alpha-typography-caption-1-semibold-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-caption-1-regular-font-weight: var(--alpha-font-weight-regular); --alpha-typography-caption-1-regular-font-size: var(--alpha-font-size-14); --alpha-typography-caption-1-regular-line-height: var(--alpha-font-line-height-18); --alpha-typography-caption-1-regular-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-caption-2-semibold-font-weight: var(--alpha-font-weight-semibold); --alpha-typography-caption-2-semibold-font-size: var(--alpha-font-size-13); --alpha-typography-caption-2-semibold-line-height: var(--alpha-font-line-height-18); --alpha-typography-caption-2-semibold-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-caption-2-regular-font-weight: var(--alpha-font-weight-regular); --alpha-typography-caption-2-regular-font-size: var(--alpha-font-size-13); --alpha-typography-caption-2-regular-line-height: var(--alpha-font-line-height-18); --alpha-typography-caption-2-regular-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-caption-3-semibold-font-weight: var(--alpha-font-weight-semibold); --alpha-typography-caption-3-semibold-font-size: var(--alpha-font-size-12); --alpha-typography-caption-3-semibold-line-height: var(--alpha-font-line-height-16); --alpha-typography-caption-3-semibold-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-caption-3-regular-font-weight: var(--alpha-font-weight-regular); --alpha-typography-caption-3-regular-font-size: var(--alpha-font-size-12); --alpha-typography-caption-3-regular-line-height: var(--alpha-font-line-height-16); --alpha-typography-caption-3-regular-letter-spacing: var(--alpha-font-letter-spacing-2); --alpha-typography-caption-4-semibold-font-weight: var(--alpha-font-weight-semibold); --alpha-typography-caption-4-semibold-font-size: var(--alpha-font-size-11); --alpha-typography-caption-4-semibold-line-height: var(--alpha-font-line-height-16); --alpha-typography-caption-4-semibold-letter-spacing: var(--alpha-font-letter-spacing-1); --alpha-typography-caption-4-regular-font-weight: var(--alpha-font-weight-regular); --alpha-typography-caption-4-regular-font-size: var(--alpha-font-size-11); --alpha-typography-caption-4-regular-line-height: var(--alpha-font-line-height-16); --alpha-typography-caption-4-regular-letter-spacing: var(--alpha-font-letter-spacing-1); } :where(:root, :host), [data-bezier-theme="light"] { --alpha-gradient-fg-black: linear-gradient(90deg, var(--alpha-color-bg-black-light) 0%, var(--alpha-color-bg-black-dark) 100%); --alpha-shadow-1: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 1px 2px 0 var(--alpha-color-shadow-small); --alpha-shadow-2: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 2px 6px 0 var(--alpha-color-shadow-small); --alpha-shadow-3: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 16px 0 var(--alpha-color-shadow-medium); --alpha-shadow-4: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 4px 24px 0 var(--alpha-color-shadow-large); --alpha-shadow-5: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 6px 40px 0 var(--alpha-color-shadow-xlarge); --alpha-shadow-6: inset 0 0 2px 0 var(--alpha-color-shadow-base-inner), 0 0 2px 1px var(--alpha-color-shadow-base), 0 12px 60px 4px var(--alpha-color-shadow-xlarge); --alpha-shadow-error: 0 0 0 1px var(--alpha-color-warning-bg-normal); --alpha-shadow-active: 0 0 0 1px var(--alpha-color-primary-bg-normal); --alpha-shadow-input-default: inset 0 0 0 1px var(--alpha-color-shadow-medium), 0 0 2px 0 var(--alpha-color-shadow-base); --alpha-shadow-input-hover: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 6px 0 var(--alpha-color-shadow-base); --alpha-shadow-input-active: inset 0 0 0 1px var(--alpha-color-primary-bg-normal), 0 0 0 3px var(--alpha-color-primary-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base); --alpha-shadow-input-error: inset 0 0 0 1px var(--alpha-color-warning-bg-normal), 0 0 0 3px var(--alpha-color-warning-bg-light), 0 0 6px 0 var(--alpha-color-shadow-base); --alpha-color-fg-black-pure: var(--alpha-color-black-100); --alpha-color-fg-black-pure-hovered: #1c1c1cff; --alpha-color-fg-black-darkest: var(--alpha-color-black-85); --alpha-color-fg-black-darkest-hovered: #1c1c1cd9; --alpha-color-fg-black-darker: var(--alpha-color-black-60); --alpha-color-fg-black-darker-hovered: #1c1c1c99; --alpha-color-fg-black-dark: var(--alpha-color-black-40); --alpha-color-fg-black-dark-hovered: #1c1c1c66; --alpha-color-fg-black-light: var(--alpha-color-black-15); --alpha-color-fg-black-light-hovered: #1c1c1c39; --alpha-color-fg-black-lightest: var(--alpha-color-black-8); --alpha-color-fg-black-lightest-hovered: #1c1c1c1e; --alpha-color-fg-white-normal: var(--alpha-color-white-100); --alpha-color-fg-white-normal-hovered: #edededff; --alpha-color-fg-blue-normal: var(--alpha-color-blue-400); --alpha-color-fg-blue-normal-hovered: #5551fcff; --alpha-color-fg-blue-light: var(--alpha-color-blue-400-30); --alpha-color-fg-blue-light-hovered: #5551fc4d; --alpha-color-fg-blue-dark: var(--alpha-color-blue-500); --alpha-color-fg-blue-dark-hovered: #4b42d5ff; --alpha-color-fg-cobalt-normal: var(--alpha-color-cobalt-400); --alpha-color-fg-cobalt-normal-hovered: #4088dfff; --alpha-color-fg-cobalt-light: var(--alpha-color-cobalt-400-30); --alpha-color-fg-cobalt-light-hovered: #4088df4d; --alpha-color-fg-cobalt-dark: var(--alpha-color-cobalt-500); --alpha-color-fg-cobalt-dark-hovered: #3268c4ff; --alpha-color-fg-red-normal: var(--alpha-color-red-400); --alpha-color-fg-red-normal-hovered: #df4c4cff; --alpha-color-fg-red-light: var(--alpha-color-red-400-30); --alpha-color-fg-red-light-hovered: #df4c4c4d; --alpha-color-fg-red-dark: var(--alpha-color-red-500); --alpha-color-fg-red-dark-hovered: #ab3940ff; --alpha-color-fg-orange-normal: var(--alpha-color-orange-400); --alpha-color-fg-orange-normal-hovered: #df751fff; --alpha-color-fg-orange-light: var(--alpha-color-orange-400-30); --alpha-color-fg-orange-light-hovered: #df751f4d; --alpha-color-fg-orange-dark: var(--alpha-color-orange-500); --alpha-color-fg-orange-dark-hovered: #b15c0fff; --alpha-color-fg-green-normal: var(--alpha-color-green-400); --alpha-color-fg-green-normal-hovered: #3f9e61ff; --alpha-color-fg-green-light: var(--alpha-color-green-400-30); --alpha-color-fg-green-light-hovered: #3f9e614d; --alpha-color-fg-green-dark: var(--alpha-color-green-500); --alpha-color-fg-green-dark-hovered: #347b5aff; --alpha-color-fg-teal-normal: var(--alpha-color-teal-400); --alpha-color-fg-teal-normal-hovered: #08a5a0ff; --alpha-color-fg-teal-light: var(--alpha-color-teal-400-30); --alpha-color-fg-teal-light-hovered: #08a5a04d; --alpha-color-fg-teal-dark: var(--alpha-color-teal-500); --alpha-color-fg-teal-dark-hovered: #06848bff; --alpha-color-fg-olive-normal: var(--alpha-color-olive-400); --alpha-color-fg-olive-normal-hovered: #9ba212ff; --alpha-color-fg-olive-light: var(--alpha-color-olive-400-30); --alpha-color-fg-olive-light-hovered: #9ba2124d; --alpha-color-fg-olive-dark: var(--alpha-color-olive-500); --alpha-color-fg-olive-dark-hovered: #70751cff; --alpha-color-fg-yellow-normal: var(--alpha-color-yellow-400); --alpha-color-fg-yellow-normal-hovered: #d9a010ff; --alpha-color-fg-yellow-light: var(--alpha-color-yellow-400-30); --alpha-color-fg-yellow-light-hovered: #d9a0104d; --alpha-color-fg-yellow-dark: var(--alpha-color-yellow-500); --alpha-color-fg-yellow-dark-hovered: #b58500ff; --alpha-color-fg-pink-normal: var(--alpha-color-pink-400); --alpha-color-fg-pink-normal-hovered: #cf3eacff; --alpha-color-fg-pink-light: var(--alpha-color-pink-400-30); --alpha-color-fg-pink-light-hovered: #cf3eac4d; --alpha-color-fg-pink-dark: var(--alpha-color-pink-500); --alpha-color-fg-pink-dark-hovered: #a03591ff; --alpha-color-fg-purple-normal: var(--alpha-color-purple-400); --alpha-color-fg-purple-normal-hovered: #8247e1ff; --alpha-color-fg-purple-light: var(--alpha-color-purple-400-30); --alpha-color-fg-purple-light-hovered: #8247e14d; --alpha-color-fg-purple-dark: var(--alpha-color-purple-500); --alpha-color-fg-purple-dark-hovered: #6135a6ff; --alpha-color-fg-navy-normal: var(--alpha-color-navy-400); --alpha-color-fg-navy-normal-hovered: #414c9cff; --alpha-color-fg-navy-light: var(--alpha-color-navy-400-30); --alpha-color-fg-navy-light-hovered: #414c9c4d; --alpha-color-fg-navy-dark: var(--alpha-color-navy-500); --alpha-color-fg-navy-dark-hovered: #34377cff; --alpha-color-fg-absolute-black-dark: var(--alpha-color-black-100); --alpha-color-fg-absolute-black-dark-hovered: #1c1c1cff; --alpha-color-fg-absolute-black-normal: var(--alpha-color-black-85); --alpha-color-fg-absolute-black-normal-hovered: #1c1c1cd9; --alpha-color-fg-absolute-black-light: var(--alpha-color-black-60); --alpha-color-fg-absolute-black-light-hovered: #1c1c1c99; --alpha-color-fg-absolute-black-lighter: var(--alpha-color-black-40); --alpha-color-fg-absolute-black-lighter-hovered: #1c1c1c66; --alpha-color-fg-absolute-black-lightest: var(--alpha-color-black-20); --alpha-color-fg-absolute-black-lightest-hovered: #1c1c1c4d; --alpha-color-fg-absolute-white-dark: var(--alpha-color-white-100); --alpha-color-fg-absolute-white-dark-hovered: #edededff; --alpha-color-fg-absolute-white-normal: var(--alpha-color-white-90); --alpha-color-fg-absolute-white-normal-hovered: #ededede6; --alpha-color-fg-absolute-white-light: var(--alpha-color-white-60); --alpha-color-fg-absolute-white-light-hovered: #ededed99; --alpha-color-fg-absolute-white-lighter: var(--alpha-color-white-40); --alpha-color-fg-absolute-white-lighter-hovered: #ededed66; --alpha-color-fg-absolute-white-lightest: var(--alpha-color-white-20); --alpha-color-fg-absolute-white-lightest-hovered: #ededed4d; --alpha-color-fg-grey-darkest: var(--alpha-color-grey-900); --alpha-color-fg-grey-darkest-hovered: #42424aff; --alpha-color-fg-grey-dark: var(--alpha-color-grey-500); --alpha-color-fg-grey-dark-hovered: #9b9b9eff; --alpha-color-fg-grey-normal: var(--alpha-color-grey-400); --alpha-color-fg-grey-normal-hovered: #c0c0c3ff; --alpha-color-fg-grey-light: var(--alpha-color-grey-200); --alpha-color-fg-grey-light-hovered: #dedee0ff; --alpha-color-fg-grey-lighter: var(--alpha-color-grey-100); --alpha-color-fg-grey-lighter-hovered: #e5e5e8ff; --alpha-color-fg-grey-lightest: var(--alpha-color-grey-50); --alpha-color-fg-grey-lightest-hovered: #eaeaeaff; --alpha-color-fg-grey-alpha-darker: var(--alpha-color-grey-alpha-200-80); --alpha-color-fg-grey-alpha-darker-hovered: #dedee0cc; --alpha-color-fg-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80); --alpha-color-fg-grey-alpha-dark-hovered: #e5e5e8cc; --alpha-color-fg-grey-alpha-light: var(--alpha-color-grey-alpha-50-80); --alpha-color-fg-grey-alpha-light-hovered: #eaeaeacc; --alpha-color-bg-black-darkest: var(--alpha-color-black-60); --alpha-color-bg-black-darkest-hovered: #1c1c1c99; --alpha-color-bg-black-darker: var(--alpha-color-black-40); --alpha-color-bg-black-darker-hovered: #1c1c1c66; --alpha-color-bg-black-dark: var(--alpha-color-black-15); --alpha-color-bg-black-dark-hovered: #1c1c1c39; --alpha-color-bg-black-light: var(--alpha-color-black-8); --alpha-color-bg-black-light-hovered: #1c1c1c1e; --alpha-color-bg-black-lighter: var(--alpha-color-black-5); --alpha-color-bg-black-lighter-hovered: #1c1c1c14; --alpha-color-bg-black-lightest: var(--alpha-color-black-3); --alpha-color-bg-black-lightest-hovered: #1c1c1c0c; --alpha-color-bg-black-transparent: var(--alpha-color-black-0); --alpha-color-bg-black-transparent-hovered: #0000000d; --alpha-color-bg-grey-darkest: var(--alpha-color-grey-900); --alpha-color-bg-grey-darkest-hovered: #42424aff; --alpha-color-bg-grey-dark: var(--alpha-color-grey-500); --alpha-color-bg-grey-dark-hovered: #9b9b9eff; --alpha-color-bg-grey-light: var(--alpha-color-grey-200); --alpha-color-bg-grey-light-hovered: #dedee0ff; --alpha-color-bg-grey-lighter: var(--alpha-color-grey-100); --alpha-color-bg-grey-lighter-hovered: #e5e5e8ff; --alpha-color-bg-grey-lightest: var(--alpha-color-grey-50); --alpha-color-bg-grey-lightest-hovered: #eaeaeaff; --alpha-color-bg-grey-transparent: var(--alpha-color-grey-900-0); --alpha-color-bg-grey-transparent-hovered: #2424280d; --alpha-color-bg-grey-normal: var(--alpha-color-grey-400); --alpha-color-bg-grey-normal-hovered: #c0c0c3ff; --alpha-color-bg-grey-alpha-darkest: var(--alpha-color-grey-alpha-200-80); --alpha-color-bg-grey-alpha-darkest-hovered: #dedee0cc; --alpha-color-bg-grey-alpha-darker: var(--alpha-color-grey-alpha-100-90); --alpha-color-bg-grey-alpha-darker-hovered: #e5e5e8e6; --alpha-color-bg-grey-alpha-dark: var(--alpha-color-grey-alpha-100-80); --alpha-color-bg-grey-alpha-dark-hovered: #e5e5e8cc; --alpha-color-bg-grey-alpha-light: var(--alpha-color-grey-alpha-50-80); --alpha-color-bg-grey-alpha-light-hovered: #eaeaeacc; --alpha-color-bg-white-highest: var(--alpha-color-white-100); --alpha-color-bg-white-highest-hovered: #edededff; --alpha-color-bg-white-higher: var(--alpha-color-white-100); --alpha-color-bg-white-higher-hovered: #edededff; --alpha-color-bg-white-normal: var(--alpha-color-white-100); --alpha-color-bg-white-normal-hovered: #edededff; --alpha-color-bg-white-transparent: var(--alpha-color-white-0); --alpha-color-bg-white-transparent-hovered: #ffffff0d; --alpha-color-bg-white-alpha-lightest: var(--alpha-color-white-90); --alpha-color-bg-white-alpha-lightest-hovered: #ededede6; --alpha-color-bg-white-alpha-lighter: var(--alpha-color-white-60); --alpha-color-bg-white-alpha-lighter-hovered: #ededed99; --alpha-color-bg-white-alpha-light: var(--alpha-color-white-20); --alpha-color-bg-white-alpha-light-hovered: #ededed4d; --alpha-color-bg-white-alpha-transparent: var(--alpha-color-white-0); --alpha-color-bg-white-alpha-transparent-hovered: #ffffff0d; --alpha-color-bg-blue-normal: var(--alpha-color-blue-400); --alpha-color-bg-blue-normal-hovered: #5551fcff; --alpha-color-bg-blue-light: var(--alpha-color-blue-400-30); --alpha-color-bg-blue-light-hovered: #5551fc4d; --alpha-color-bg-blue-lighter: var(--alpha-color-blue-400-20); --alpha-color-bg-blue-lighter-hovered: #5551fc4d; --alpha-color-bg-blue-lightest: var(--alpha-color-blue-400-10); --alpha-color-bg-blue-lightest-hovered: #5551fc27; --alpha-color-bg-blue-dark: var(--alpha-color-blue-500); --alpha-color-bg-blue-dark-hovered: #4b42d5ff; --alpha-color-bg-blue-shade-lighter: var(--alpha-color-shade-blue-400-20); --alpha-color-bg-blue-shade-lighter-hovered: #6165d94d; --alpha-color-bg-blue-shade-normal: var(--alpha-color-shade-blue-400); --alpha-color-bg-blue-shade-normal-hovered: #6165d9ff; --alpha-color-bg-blue-transparent: var(--alpha-color-blue-400-0); --alpha-color-bg-blue-transparent-hovered: #6d6afc1a; --alpha-color-bg-cobalt-normal: var(--alpha-color-cobalt-400); --alpha-color-bg-cobalt-normal-hovered: #4088dfff; --alpha-color-bg-cobalt-light: var(--alpha-color-cobalt-400-30); --alpha-color-bg-cobalt-light-hovered: #4088df4d; --alpha-color-bg-cobalt-lighter: var(--alpha-color-cobalt-400-20); --alpha-color-bg-cobalt-lighter-hovered: #4088df4d; --alpha-color-bg-cobalt-lightest: var(--alpha-color-cobalt-400-10); --alpha-color-bg-cobalt-lightest-hovered: #4088df27; --alpha-color-bg-cobalt-dark: var(--alpha-color-cobalt-500); --alpha-color-bg-cobalt-dark-hovered: #3268c4ff; --alpha-color-bg-cobalt-shade-lighter: var(--alpha-color-shade-cobalt-400-20); --alpha-color-bg-cobalt-shade-lighter-hovered: #47a2e24d; --alpha-color-bg-cobalt-shade-normal: var(--alpha-color-shade-cobalt-400); --alpha-color-bg-cobalt-shade-normal-hovered: #47a2e2ff; --alpha-color-bg-cobalt-transparent: var(--alpha-color-cobalt-400-0); --alpha-color-bg-cobalt-transparent-hovered: #5093e51a; --alpha-color-bg-red-normal: var(--alpha-color-red-400); --alpha-color-bg-red-normal-hovered: #df4c4cff; --alpha-color-bg-red-light: var(--alpha-color-red-400-30); --alpha-color-bg-red-light-hovered: #df4c4c4d; --alpha-color-bg-red-lighter: var(--alpha-color-red-400-20); --alpha-color-bg-red-lighter-hovered: #df4c4c4d; --alpha-color-bg-red-lightest: var(--alpha-color-red-400-10); --alpha-color-bg-red-lightest-hovered: #df4c4c27; --alpha-color-bg-red-dark: var(--alpha-color-red-500); --alpha-color-bg-red-dark-hovered: #ab3940ff; --alpha-color-bg-red-shade-lighter: var(--alpha-color-shade-red-400-20); --alpha-color-bg-red-shade-lighter-hovered: #d758614d; --alpha-color-bg-red-shade-normal: var(--alpha-color-shade-red-400); --alpha-color-bg-red-shade-normal-hovered: #d75861ff; --alpha-color-bg-red-transparent: var(--alpha-color-red-400-0); --alpha-color-bg-red-transparent-hovered: #e55c5c1a; --alpha-color-bg-orange-normal: var(--alpha-color-orange-400); --alpha-color-bg-orange-normal-hovered: #df751fff; --alpha-color-bg-orange-light: var(--alpha-color-orange-400-30); --alpha-color-bg-orange-light-hovered: #df751f4d; --alpha-color-bg-orange-lighter: var(--alpha-color-orange-400-20); --alpha-color-bg-orange-lighter-hovered: #df751f4d; --alpha-color-bg-orange-lightest: var(--alpha-color-orange-400-10); --alpha-color-bg-orange-lightest-hovered: #df751f27; --alpha-color-bg-orange-dark: var(--alpha-color-orange-500); --alpha-color-bg-orange-dark-hovered: #b15c0fff; --alpha-color-bg-orange-shade-lighter: var(--alpha-color-shade-orange-400-20); --alpha-color-bg-orange-shade-lighter-hovered: #d9813a4d; --alpha-color-bg-orange-shade-normal: var(--alpha-color-shade-orange-400); --alpha-color-bg-orange-shade-normal-hovered: #d9813aff; --alpha-color-bg-orange-transparent: var(--alpha-color-orange-400-0); --alpha-color-bg-orange-transparent-hovered: #e67f2b1a; --alpha-color-bg-green-normal: var(--alpha-color-green-400); --alpha-color-bg-green-normal-hovered: #3f9e61ff; --alpha-color-bg-green-light: var(--alpha-color-green-400-30); --alpha-color-bg-green-light-hovered: #3f9e614d; --alpha-color-bg-green-lighter: var(--alpha-color-green-400-20); --alpha-color-bg-green-lighter-hovered: #3f9e614d; --alpha-color-bg-green-lightest: var(--alpha-color-green-400-10); --alpha-color-bg-green-lightest-hovered: #3f9e6127; --alpha-color-bg-green-dark: var(--alpha-color-green-500); --alpha-color-bg-green-dark-hovered: #347b5aff; --alpha-color-bg-green-shade-lighter: var(--alpha-color-shade-green-400-20); --alpha-color-bg-green-shade-lighter-hovered: #5aa4734d; --alpha-color-bg-green-shade-normal: var(--alpha-color-shade-green-400); --alpha-color-bg-green-shade-normal-hovered: #5aa473ff; --alpha-color-bg-green-transparent: var(--alpha-color-green-400-0); --alpha-color-bg-green-transparent-hovered: #40ad671a; --alpha-color-bg-teal-normal: var(--alpha-color-teal-400); --alpha-color-bg-teal-normal-hovered: #08a5a0ff; --alpha-color-bg-teal-light: var(--alpha-color-teal-400-30); --alpha-color-bg-teal-light-hovered: #08a5a04d; --alpha-color-bg-teal-lighter: var(--alpha-color-teal-400-20); --alpha-color-bg-teal-lighter-hovered: #08a5a04d; --alpha-color-bg-teal-lightest: var(--alpha-color-teal-400-10); --alpha-color-bg-teal-lightest-hovered: #08a5a027; --alpha-color-bg-teal-dark: var(--alpha-color-teal-500); --alpha-color-bg-teal-dark-hovered: #06848bff; --alpha-color-bg-teal-shade-lighter: var(--alpha-color-shade-teal-400-20); --alpha-color-bg-teal-shade-lighter-hovered: #539b984d; --alpha-color-bg-teal-shade-normal: var(--alpha-color-shade-teal-400); --alpha-color-bg-teal-shade-normal-hovered: #539b98ff; --alpha-color-bg-teal-transparent: var(--alpha-color-teal-400-0); --alpha-color-bg-teal-transparent-hovered: #09b2ac1a; --alpha-color-bg-olive-normal: var(--alpha-color-olive-400); --alpha-color-bg-olive-normal-hovered: #9ba212ff; --alpha-color-bg-olive-light: var(--alpha-color-olive-400-30); --alpha-color-bg-olive-light-hovered: #9ba2124d; --alpha-color-bg-olive-lighter: var(--alpha-color-olive-400-20); --alpha-color-bg-olive-lighter-hovered: #9ba2124d; --alpha-color-bg-olive-lightest: var(--alpha-color-olive-400-10); --alpha-color-bg-olive-lightest-hovered: #9ba21227; --alpha-color-bg-olive-dark: var(--alpha-color-olive-500); --alpha-color-bg-olive-dark-hovered: #70751cff; --alpha-color-bg-olive-shade-lighter: var(--alpha-color-shade-olive-400-20); --alpha-color-bg-olive-shade-lighter-hovered: #969a514d; --alpha-color-bg-olive-shade-normal: var(--alpha-color-shade-olive-400); --alpha-color-bg-olive-shade-normal-hovered: #969a51ff; --alpha-color-bg-olive-transparent: var(--alpha-color-olive-400-0); --alpha-color-bg-olive-transparent-hovered: #a9b1101a; --alpha-color-bg-yellow-normal: var(--alpha-color-yellow-400); --alpha-color-bg-yellow-normal-hovered: #d9a010ff; --alpha-color-bg-yellow-light: var(--alpha-color-yellow-400-30); --alpha-color-bg-yellow-light-hovered: #d9a0104d; --alpha-color-bg-yellow-lighter: var(--alpha-color-yellow-400-20); --alpha-color-bg-yellow-lighter-hovered: #d9a0104d; --alpha-color-bg-yellow-lightest: var(--alpha-color-yellow-400-10); --alpha-color-bg-yellow-lightest-hovered: #d9a01027; --alpha-color-bg-yellow-dark: var(--alpha-color-yellow-500); --alpha-color-bg-yellow-dark-hovered: #b58500ff; --alpha-color-bg-yellow-shade-lighter: var(--alpha-color-shade-yellow-400-20); --alpha-color-bg-yellow-shade-lighter-hovered: #e2a52d4d; --alpha-color-bg-yellow-shade-normal: var(--alpha-color-shade-yellow-400); --alpha-color-bg-yellow-shade-normal-hovered: #e2a52dff; --alpha-color-bg-yellow-transparent: var(--alpha-color-yellow-400-0); --alpha-color-bg-yellow-transparent-hovered: #edae0d1a; --alpha-color-bg-pink-normal: var(--alpha-color-pink-400); --alpha-color-bg-pink-normal-hovered: #cf3eacff; --alpha-color-bg-pink-light: var(--alpha-color-pink-400-30); --alpha-color-bg-pink-light-hovered: #cf3eac4d; --alpha-color-bg-pink-lighter: var(--alpha-color-pink-400-20); --alpha-color-bg-pink-lighter-hovered: #cf3eac4d; --alpha-color-bg-pink-lightest: var(--alpha-color-pink-400-10); --alpha-color-bg-pink-lightest-hovered: #cf3eac27; --alpha-color-bg-pink-dark: var(--alpha-color-pink-500); --alpha-color-bg-pink-dark-hovered: #a03591ff; --alpha-color-bg-pink-shade-lighter: var(--alpha-color-shade-pink-400-20); --alpha-color-bg-pink-shade-lighter-hovered: #cb5bb04d; --alpha-color-bg-pink-shade-normal: var(--alpha-color-shade-pink-400); --alpha-color-bg-pink-shade-normal-hovered: #cb5bb0ff; --alpha-color-bg-pink-transparent: var(--alpha-color-pink-400-0); --alpha-color-bg-pink-transparent-hovered: #d64bb51a; --alpha-color-bg-purple-normal: var(--alpha-color-purple-400); --alpha-color-bg-purple-normal-hovered: #8247e1ff; --alpha-color-bg-purple-light: var(--alpha-color-purple-400-30); --alpha-color-bg-purple-light-hovered: #8247e14d; --alpha-color-bg-purple-lighter: var(--alpha-color-purple-400-20); --alpha-color-bg-purple-lighter-hovered: #8247e14d; --alpha-color-bg-purple-lightest: var(--alpha-color-purple-400-10); --alpha-color-bg-purple-lightest-hovered: #8247e127; --alpha-color-bg-purple-dark: var(--alpha-color-purple-500); --alpha-color-bg-purple-dark-hovered: #6135a6ff; --alpha-color-bg-purple-shade-lighter: var(--alpha-color-shade-purple-400-20); --alpha-color-bg-purple-shade-lighter-hovered: #905ede4d; --alpha-color-bg-purple-shade-normal: var(--alpha-color-shade-purple-400); --alpha-color-bg-purple-shade-normal-hovered: #905edeff; --alpha-color-bg-purple-transparent: var(--alpha-color-purple-400-0); --alpha-color-bg-purple-transparent-hovered: #8e57e71a; --alpha-color-bg-navy-normal: var(--alpha-color-navy-400); --alpha-color-bg-navy-normal-hovered: #414c9cff; --alpha-color-bg-navy-light: var(--alpha-color-navy-400-30); --alpha-color-bg-navy-light-hovered: #414c9c4d; --alpha-color-bg-navy-lighter: var(--alpha-color-navy-400-20); --alpha-color-bg-navy-lighter-hovered: #414c9c4d; --alpha-color-bg-navy-lightest: var(--alpha-color-navy-400-10); --alpha-color-bg-navy-lightest-hovered: #414c9c27; --alpha-color-bg-navy-dark: var(--alpha-color-navy-500); --alpha-color-bg-navy-dark-hovered: #34377cff; --alpha-color-bg-navy-shade-lighter: var(--alpha-color-shade-navy-400-20); --alpha-color-bg-navy-shade-lighter-hovered: #5761a54d; --alpha-color-bg-navy-shade-normal: var(--alpha-color-shade-navy-400); --alpha-color-bg-navy-shade-normal-hovered: #5761a5ff; --alpha-color-bg-navy-transparent: var(--alpha-color-navy-400-0); --alpha-color-bg-navy-transparent-hovered: #424fab1a; --alpha-color-bg-absolute-black-dark: var(--alpha-color-black-100); --alpha-color-bg-absolute-black-dark-hovered: #1c1c1cff; --alpha-color-bg-absolute-black-normal: var(--alpha-color-black-85); --alpha-color-bg-absolute-black-normal-hovered: #1c1c1cd9; --alpha-color-bg-absolute-black-light: var(--alpha-color-black-60); --alpha-color-bg-absolute-black-light-hovered: #1c1c1c99; --alpha-color-bg-absolute-black-lighter: var(--alpha-color-black-40); --alpha-color-bg-absolute-black-lighter-hovered: #1c1c1c66; --alpha-color-bg-absolute-black-lightest: var(--alpha-color-black-20); --alpha-color-bg-absolute-black-lightest-hovered: #1c1c1c4d; --alpha-color-bg-absolute-black-transparent: var(--alpha-color-black-0); --alpha-color-bg-absolute-black-transparent-hovered: #0000000d; --alpha-color-bg-absolute-white-dark: var(--alpha-color-white-100); --alpha-color-bg-absolute-white-dark-hovered: #edededff; --alpha-color-bg-absolute-white-normal: var(--alpha-color-white-90); --alpha-color-bg-absolute-white-normal-hovered: #ededede6; --alpha-color-bg-absolute-white-light: var(--alpha-color-white-60); --alpha-color-bg-absolute-white-light-hovered: #ededed99; --alpha-color-bg-absolute-white-lighter: var(--alpha-color-white-40); --alpha-color-bg-absolute-white-lighter-hovered: #ededed66; --alpha-color-bg-absolute-white-lightest: var(--alpha-color-white-20); --alpha-color-bg-absolute-white-lightest-hovered: #ededed4d; --alpha-color-bg-absolute-white-transparent: var(--alpha-color-white-0); --alpha-color-bg-absolute-white-transparent-hovered: #ffffff0d; --alpha-color-surface-lowest: var(--alpha-color-grey-100); --alpha-color-surface-lowest-hovered: #e5e5e8ff; --alpha-color-surface-lower: var(--alpha-color-grey-50); --alpha-color-surface-lower-hovered: #eaeaeaff; --alpha-color-surface-normal: var(--alpha-color-white-100); --alpha-color-surface-normal-hovered: #edededff; --alpha-color-shadow-xlarge: var(--alpha-color-black-30); --alpha-color-shadow-xlarge-hovered: #1c1c1c4d; --alpha-color-shadow-large: var(--alpha-color-black-22); --alpha-color-shadow-large-hovered: #1c1c1c38; --alpha-color-shadow-medium: var(--alpha-color-black-15); --alpha-color-shadow-medium-hovered: #1c1c1c39; --alpha-color-shadow-small: var(--alpha-color-black-8); --alpha-color-shadow-small-hovered: #1c1c1c1e; --alpha-color-shadow-base: var(--alpha-color-black-5); --alpha-color-shadow-base-hovered: #1c1c1c14; --alpha-color-shadow-base-inner: var(--alpha-color-white-12); --alpha-color-shadow-base-inner-hovered: #ededed2f; --alpha-color-dim-black-light: var(--alpha-color-bg-absolute-black-lightest); --alpha-color-dim-black-light-hovered: #1c1c1c4d; --alpha-color-dim-black-normal: var(--alpha-color-bg-absolute-black-lighter); --alpha-color-dim-black-normal-hovered: #1c1c1c66; --alpha-color-primary-bg-normal: var(--alpha-color-bg-blue-normal); --alpha-color-primary-bg-normal-hovered: #5551fcff; --alpha-color-primary-bg-light: var(--alpha-color-bg-blue-light); --alpha-color-primary-bg-light-hovered: #5551fc4d; --alpha-color-primary-bg-lighter: var(--alpha-color-bg-blue-lighter); --alpha-color-primary-bg-lighter-hovered: #5551fc4d; --alpha-color-primary-bg-lightest: var(--alpha-color-bg-blue-lightest); --alpha-color-primary-bg-lightest-hovered: #5551fc27; --alpha-color-primary-bg-dark: var(--alpha-color-bg-blue-dark); --alpha-color-primary-bg-dark-hovered: #4b42d5ff; --alpha-color-primary-fg-normal: var(--alpha-color-fg-blue-normal); --alpha-color-primary-fg-normal-hovered: #5551fcff; --alpha-color-primary-fg-light: var(--alpha-color-fg-blue-light); --alpha-color-primary-fg-light-hovered: #5551fc4d; --alpha-color-primary-fg-dark: var(--alpha-color-fg-blue-dark); --alpha-color-primary-fg-dark-hovered: #4b42d5ff; --alpha-color-critical-bg-dark: var(--alpha-color-bg-red-dark); --alpha-color-critical-bg-dark-hovered: #ab3940ff; --alpha-color-critical-bg-normal: var(--alpha-color-fg-red-normal); --alpha-color-critical-bg-normal-hovered: #df4c4cff; --alpha-color-critical-bg-light: var(--alpha-color-bg-red-light); --alpha-color-critical-bg-light-hovered: #df4c4c4d; --alpha-color-critical-bg-lighter: var(--alpha-color-bg-red-lighter); --alpha-color-critical-bg-lighter-hovered: #df4c4c4d; --alpha-color-critical-bg-lightest: var(--alpha-color-bg-red-lightest); --alpha-color-critical-bg-lightest-hovered: #df4c4c27; --alpha-color-critical-fg-normal: var(--alpha-color-fg-red-normal); --alpha-color-critical-fg-normal-hovered: #df4c4cff; --alpha-color-critical-fg-light: var(--alpha-color-fg-red-light); --alpha-color-critical-fg-light-hovered: #df4c4c4d; --alpha-color-critical-fg-dark: var(--alpha-color-fg-red-dark); --alpha-color-critical-fg-dark-hovered: #ab3940ff; --alpha-color-warning-bg-dark: var(--alpha-color-bg-orange-dark); --alpha-color-warning-bg-dark-hovered: #b15c0fff; --alpha-color-warning-bg-normal: var(--alpha-color-bg-orange-normal); --alpha-color-warning-bg-normal-hovered: #df751fff; --alpha-color-warning-bg-light: var(--alpha-color-bg-orange-light); --alpha-color-warning-bg-light-hovered: #df751f4d; --alpha-color-warning-bg-lighter: var(--alpha-color-bg-orange-lighter); --alpha-color-warning-bg-lighter-hovered: #df751f4d; --alpha-color-warning-bg-lightest: var(--alpha-color-bg-orange-lightest); --alpha-color-warning-bg-lightest-hovered: #df751f27; --alpha-color-warning-fg-normal: var(--alpha-color-fg-orange-normal); --alpha-color-warning-fg-normal-hovered: #df751fff; --alpha-color-warning-fg-light: var(--alpha-color-fg-orange-light); --alpha-color-warning-fg-light-hovered: #df751f4d; --alpha-color-warning-fg-dark: var(--alpha-color-fg-orange-dark); --alpha-color-warning-fg-dark-hovered: #b15c0fff; --alpha-color-accent-bg-dark: var(--alpha-color-bg-cobalt-dark); --alpha-color-accent-bg-dark-hovered: #3268c4ff; --alpha-color-accent-bg-normal: var(--alpha-color-bg-cobalt-normal); --alpha-color-accent-bg-normal-hovered: #4088dfff; --alpha-color-accent-bg-light: var(--alpha-color-bg-cobalt-light); --alpha-color-accent-bg-light-hovered: #4088df4d; --alpha-color-accent-bg-lighter: var(--alpha-color-bg-cobalt-lighter); --alpha-color-accent-bg-lighter-hovered: #4088df4d; --alpha-color-accent-bg-lightest: var(--alpha-color-bg-cobalt-lightest); --alpha-color-accent-bg-lightest-hovered: #4088df27; --alpha-color-accent-fg-normal: var(--alpha-color-fg-cobalt-normal); --alpha-color-accent-fg-normal-hovered: #4088dfff; --alpha-color-accent-fg-light: var(--alpha-color-fg-cobalt-light); --alpha-color-accent-fg-light-hovered: #4088df4d; --alpha-color-accent-fg-dark: var(--alpha-color-fg-cobalt-dark); --alpha-color-accent-fg-dark-hovered: #3268c4ff; --alpha-color-success-bg-dark: var(--alpha-color-bg-green-dark); --alpha-color-success-bg-dark-hovered: #347b5aff; --alpha-color-success-bg-normal: var(--alpha-color-bg-green-normal); --alpha-color-success-bg-normal-hovered: #3f9e61ff; --alpha-color-success-bg-light: var(--alpha-color-bg-green-light); --alpha-color-success-bg-light-hovered: #3f9e614d; --alpha-color-success-bg-lighter: var(--alpha-color-bg-green-lighter); --alpha-color-success-bg-lighter-hovered: #3f9e614d; --alpha-color-success-bg-lightest: var(--alpha-color-bg-green-lightest); --alpha-color-success-bg-lightest-hovered: #3f9e6127; --alpha-color-success-fg-normal: var(--alpha-color-fg-green-normal); --alpha-color-success-fg-normal-hovered: #3f9e61ff; --alpha-color-success-fg-light: var(--alpha-color-fg-green-light); --alpha-color-success-fg-light-hovered: #3f9e614d; --alpha-color-success-fg-dark: var(--alpha-color-fg-green-dark); --alpha-color-success-fg-dark-hovered: #347b5aff; }