/** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .layouts-PageLayout--layout { position: relative; width: 100%; height: 100%; background: var(--backgroundColor); } .layouts-PageLayout--layout.layouts-PageLayout--isScreenAbove1920 { display: flex; justify-content: center; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } :root { --menuWidthDefault: 360px; --menuWidthMedium: 272px; } .layouts-PageLayout-views-DefaultPageLayout--wrapper { display: flex; width: 100%; max-width: 1920px; height: 100%; } .layouts-PageLayout-views-DefaultPageLayout--wrapper .layouts-PageLayout-views-DefaultPageLayout--menu { position: sticky; top: 0; min-width: var(--menuWidthDefault); height: 100%; min-height: 100vh; } @media screen and (max-width: 1600px) { .layouts-PageLayout-views-DefaultPageLayout--wrapper { max-width: calc(var(--maxLayoutWidth) - var(--menuWidthMedium)) } .layouts-PageLayout-views-DefaultPageLayout--wrapper .layouts-PageLayout-views-DefaultPageLayout--menu { min-width: var(--menuWidthMedium); max-width: var(--menuWidthDefault); } } .layouts-PageLayout-views-DefaultPageLayout--contentWrapper { /* flex: 1; */ width: calc(100% - var(--menuWidthDefault)); height: 100%; padding: var(--layoutPadding); } .layouts-PageLayout-views-DefaultPageLayout--contentWrapper .layouts-PageLayout-views-DefaultPageLayout--content { width: 100%; height: 100%; padding-top: 20px; } @media screen and (max-width: 1600px) { .layouts-PageLayout-views-DefaultPageLayout--contentWrapper { width: calc(100% - var(--menuWidthMedium)); padding: var(--layoutPaddingWhen1440) } } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .components-Menus-views-CompactMenu--wrapper { position: fixed; left: 0; z-index: var(--modalBackgroundZIndex); width: 100%; height: 100vh; background: var(--white); } .components-Menus-views-CompactMenu--line { border: 1px solid var(--backgroundColorSecond); } .components-Menus-views-CompactMenu--buttonWrapper { width: 100%; padding: 16px 12px 0 12px; } .components-Menus-views-CompactMenu--buttonWrapper .components-Menus-views-CompactMenu--button { width: 100%; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .components-Menus-components-MenuItemWrapper--wrapper { display: flex; gap: 12px; align-items: center; padding: 12px 40px; cursor: pointer; } .components-Menus-components-MenuItemWrapper--wrapper.components-Menus-components-MenuItemWrapper--isFill { background-color: var(--backgroundColorSecond); } .components-Menus-components-MenuItemWrapper--fakeIcon { width: 24px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .entities-NotificationCenter-Status-ui--wrapper { display: flex; gap: 4px; } .entities-NotificationCenter-Status-ui--wrapper.entities-NotificationCenter-Status-ui--isFullVariant { gap: 16px; } .entities-NotificationCenter-Status-ui--button { border: 0; } .entities-NotificationCenter-Status-ui--button.entities-NotificationCenter-Status-ui--isFullVariant { cursor: pointer; } .entities-NotificationCenter-Status-ui--button.entities-NotificationCenter-Status-ui--isFullVariant.entities-NotificationCenter-Status-ui--isSelected { cursor: default; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .entities-NotificationCenter-NotificationEntity-ui--body { white-space: pre-wrap; word-break: break-word; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } /** Sizes: xxxs: 4 xxs: 8 xs: 12 s: 16 m: 24 l: 32 xl: 40 xxl: 56 {size}e: [e]xtended - slightly increased from base size Indent Types: mar: margin pad: padding Indent Location: '': all sides b: bottom t: top l: left r: right v: top + bottom h: left + right */ .styles--pad-s { padding: 16px; } .styles--pad-m { padding: 24px; } .styles--pad-l { padding-top: 32px; } .styles--padt-s { padding-top: 16px; } .styles--padt-m { padding-top: 24px; } .styles--padt-l { padding-top: 32px; } .styles--padb-xxxs { padding-bottom: 4px; } .styles--padb-xxs { padding-bottom: 8px; } .styles--padb-s { padding-bottom: 16px; } .styles--padb-m { padding-bottom: 24px; } .styles--padb-l { padding-bottom: 32px; } .styles--padb-xl { padding-bottom: 40px; } .styles--padr-xs { padding-right: 12px; } .styles--padr-s { padding-right: 16px; } .styles--padr-m { padding-right: 24px; } .styles--padr-l { padding-right: 32px; } .styles--padl-xxs { padding-left: 8px; } .styles--padl-s { padding-left: 16px; } .styles--padl-m { padding-left: 24px; } .styles--padl-l { padding-left: 32px; } .styles--padv-s { padding-top: 16px; padding-bottom: 16px; } .styles--padh-s { padding-right: 16px !important; padding-left: 16px !important; } /** margins */ .styles--marr-xxs { margin-right: 8px; } .styles--marr-xs { margin-right: 12px; } .styles--marr-s { margin-right: 16px; } .styles--marr-m { margin-right: 24px; } .styles--marr-l { margin-right: 32px; } .styles--marr-xl { margin-right: 40px; } .styles--marr-xxl { margin-right: 56px; } .styles--marl-xxs { margin-left: 8px; } .styles--marl-xs { margin-left: 12px; } .styles--marl-s { margin-left: 16px; } .styles--marl-m { margin-left: 24px; } .styles--marl-l { margin-left: 32px; } .styles--marl-xl { margin-left: 40px; } .styles--marl-xxl { margin-left: 56px; } .styles--marb-xxxs { margin-bottom: 4px; } .styles--marb-xxs { margin-bottom: 8px; } .styles--marb-xs { margin-bottom: 12px; } .styles--marb-s { margin-bottom: 16px; } .styles--marb-m { margin-bottom: 24px; } .styles--marb-l { margin-bottom: 32px; } .styles--marb-xl { margin-bottom: 40px; } .styles--marb-xxl { margin-bottom: 56px; } .styles--mart-xxxs { margin-top: 4px; } .styles--mart-xxs { margin-top: 8px; } .styles--mart-xs { margin-top: 12px; } .styles--mart-s { margin-top: 16px; } .styles--mart-m { margin-top: 24px; } .styles--mart-l { margin-top: 32px; } .styles--mart-xl { margin-top: 40px; } .styles--mart-xxl { margin-top: 56px; } .styles--marv-m { margin-top: 24px; margin-bottom: 24px; } .styles--marv-l { margin-top: 32px; margin-bottom: 32px; } /** do not change this to display none, it is hidden on purpose */ .styles--hidden { visibility: hidden; } .styles--p-0 { padding: 0 !important; } .styles--m-0 { margin: 0; } .styles--ml-0 { margin-left: 0; } /** display items */ .styles--baseline-al { align-items: baseline !important; } .styles--center-al-self { align-self: center; } .styles--d-fl { display: flex; } .styles--d-fl-clm { display: flex; flex-direction: column; } .styles--d-fl-rw { display: flex; flex-direction: row; } .styles--fl-g1 { flex-grow: 1; } .styles--center-al { display: flex; align-items: center !important; } .styles--center-jc { display: flex; justify-content: center !important; } .styles--space-between { display: flex; justify-content: space-between; } .styles--flex-end { display: flex; justify-content: flex-end; } .styles--flex-wrap { display: flex; flex-wrap: wrap; } .styles--text-center-al { text-align: center; } .styles--errorTextColor { color: var(--errorColor); } .styles--errorBlock { width: 100%; height: 100%; color: var(--errorColor); font: var(--baseFontFamily); font-size: 0.75rem; line-height: 16px; letter-spacing: 0.01em; white-space: pre-wrap; word-break: break-word; } .styles--errorBlock u { text-decoration: initial; border-bottom: 1px solid var(--errorColor); } .styles--descriptionBlock { width: 100%; color: var(--grey); font: var(--captionFontSecond); white-space: pre-wrap; user-select: none; } .styles--descriptionBlock u { text-decoration: initial; border-bottom: 1px solid var(--grey); } .styles--formWrapper { max-width: 576px; } .styles--inputGlobal { width: 100%; height: 48px; max-height: 48px; padding: 12px 16px; font: var(--baseFont); background-color: var(--white); border: 1px solid var(--boxDefault); border-radius: 8px; } .styles--inputGlobal::placeholder { color: var(--greyPlaceholder); opacity: 1; } .styles--inputGlobal:-ms-input-placeholder { color: var(--greyPlaceholder); } .styles--inputGlobal::-ms-input-placeholder { color: var(--greyPlaceholder); } .styles--inputGlobal:hover:not(.styles--inputGlobal.styles--isDisabled), .styles--inputGlobal:focus { color: var(--boxHoverFocus); border-color: var(--boxHoverFocus); } .styles--inputGlobal:hover:not(.styles--inputGlobal.styles--isDisabled)::placeholder, .styles--inputGlobal:focus::placeholder { color: var(--boxHoverFocus); opacity: 1; } .styles--inputGlobal:hover:not(.styles--inputGlobal.styles--isDisabled):-ms-input-placeholder, .styles--inputGlobal:focus:-ms-input-placeholder { color: var(--boxHoverFocus); } .styles--inputGlobal:hover:not(.styles--inputGlobal.styles--isDisabled)::-ms-input-placeholder, .styles--inputGlobal:focus::-ms-input-placeholder { color: var(--boxHoverFocus); } .styles--inputGlobal.styles--notEmpty:not(.styles--inputGlobal.styles--isDisabled):not(.styles--inputGlobal.styles--isError) { border-color: var(--boxHoverFocus); } .styles--inputGlobal.styles--isError { border-color: var(--errorColor); } .styles--inputGlobal.styles--isDisabled { color: var(--greyPlaceholder); background-color: var(--backgroundInputDisable); border-color: var(--boxDefault); cursor: default; user-select: none; } .styles--pointer { cursor: pointer; } .styles--isDashed { border-bottom: 1px dashed var(--baseFontColor); cursor: pointer; user-select: none; } .styles--width100 { width: 100%; } .styles--label { color: var(--color-text-grey-inactive); font-weight: var(--font-weight-body2); font-size: var(--font-size-body2); line-height: var(--font-line-height-body2); letter-spacing: var(--font-letter-spacing-body2); } .styles--preWrap { white-space: pre-wrap; } .styles--cellPadding { padding: 17px 16px; } .styles--cellLinkContainer { position: relative; } .styles--fakeLink { color: #1a73e8; text-decoration: none; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .features-NotificationCenter-ui-NotificationBatchList--oList { margin: 0; padding: 0; list-style: none; /* убираем стандартный номер */ background-color: var(--white); border-radius: 22px; counter-reset: item; /* старт счётчика */ } .features-NotificationCenter-ui-NotificationBatchList--oList > li { display: grid; grid-template-columns: 3ch 1fr; /* ширина колонки под цифры */ align-items: start; padding: 12px 24px 12px 0; column-gap: 32px; /* <<< расстояние между числом и текстом */ counter-increment: item; } /* +1 на пункт */ .features-NotificationCenter-ui-NotificationBatchList--oList > li:hover { background-color: var(--Light_Background_Secondary); cursor: pointer; } .features-NotificationCenter-ui-NotificationBatchList--oList > li:last-child { border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; } .features-NotificationCenter-ui-NotificationBatchList--oList > li::before { content: counter(item) '.'; text-align: right; font-variant-numeric: tabular-nums; /* ровные цифры по ширине */ } .features-NotificationCenter-ui-NotificationBatchList--text { padding-right: 32px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .features-NotificationCenter-ui-NotificationLevelIssuesList--oList { margin: 0; padding: 0; list-style: none; /* убираем стандартный номер */ background-color: var(--white); border-radius: 22px; counter-reset: item; /* старт счётчика */ } .features-NotificationCenter-ui-NotificationLevelIssuesList--oList li { display: grid; grid-template-columns: 3ch 1fr; /* ширина колонки под цифры */ align-items: start; padding: 12px 24px 12px 0; column-gap: 32px; /* <<< расстояние между числом и текстом */ counter-increment: item; } /* +1 на пункт */ /* Ховер/фокус по всей строке */ .features-NotificationCenter-ui-NotificationLevelIssuesList--oList li:hover, .features-NotificationCenter-ui-NotificationLevelIssuesList--oList li:focus-visible { background-color: var(--Light_Background_Secondary); outline: none; } .features-NotificationCenter-ui-NotificationLevelIssuesList--oList li::before { color: initial; content: counter(item) '.'; text-align: right; font-variant-numeric: tabular-nums; /* ровные цифры по ширине */ } /* Скругления — у крайних элементов */ .features-NotificationCenter-ui-NotificationLevelIssuesList--oList li:first-child, .features-NotificationCenter-ui-NotificationLevelIssuesList--oList li:first-child a { border-top-left-radius: 22px; border-top-right-radius: 22px; } .features-NotificationCenter-ui-NotificationLevelIssuesList--oList li:last-child, .features-NotificationCenter-ui-NotificationLevelIssuesList--oList li:last-child a { border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .features-ErrorModal-ui--dialog { z-index: var(--modalBackgroundZIndex); } .shared-ui-BeeModals-BeeAcknowledgementModal-ui--description { white-space: pre-wrap; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .shared-ui-BeeModals-BeeBaseModal-ui--modal { z-index: var(--modalBackgroundZIndex) !important; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .shared-ui-BeePreloader-ui-BeePreloader--isOnAllPage { position: fixed; top: 50%; left: 50%; z-index: 1000; text-align: center; transform: translate(-50%, -50%); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .features-NotificationCenter-ui-NotificationStatisticTabFrame--oList { margin: 0; padding: 0; list-style: none; /* убираем стандартный номер */ background-color: var(--white); border-radius: 22px; counter-reset: item; /* старт счётчика */ } .features-NotificationCenter-ui-NotificationStatisticTabFrame--oList > li { display: grid; grid-template-columns: 3ch 1fr; /* ширина колонки под цифры */ align-items: start; padding: 12px 24px 12px 0; column-gap: 32px; /* <<< расстояние между числом и текстом */ counter-increment: item; } /* +1 на пункт */ .features-NotificationCenter-ui-NotificationStatisticTabFrame--oList > li:hover { background-color: var(--Light_Background_Secondary); cursor: pointer; } .features-NotificationCenter-ui-NotificationStatisticTabFrame--oList > li:first-child { border-top-left-radius: 22px; border-top-right-radius: 22px; } .features-NotificationCenter-ui-NotificationStatisticTabFrame--oList > li:last-child { border-bottom-right-radius: 22px; border-bottom-left-radius: 22px; } .features-NotificationCenter-ui-NotificationStatisticTabFrame--oList > li::before { padding-left: 16px; text-align: right; content: counter(item) '.'; font-variant-numeric: tabular-nums; /* ровные цифры по ширине */ } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .shared-ui-BeeSideSheet-ui-BeeSideSheet--isOpen { position: fixed !important; top: 0; right: 0; z-index: var(--sideSheetZIndex); height: 100vh; overflow: hidden; /* чтобы внутренние слои не выходили */ } .shared-ui-BeeSideSheet-ui-BeeSideSheet--large { width: 444px; } .shared-ui-BeeSideSheet-ui-BeeSideSheet--default { width: 320px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } * { box-sizing: border-box; margin: 0; padding: 0; outline: none; } html { height: 100%; scroll-behavior: smooth; /* hotfix for Chrome to hide additional scroll */ overflow-y: overlay; color: var(--baseFontColor); font: var(--baseFont); font-family: var(--baseFontFamily); /* removes tap delay, but disables double tap zoom */ touch-action: manipulation; /* font aliasing for officina to look good */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { width: 100%; min-height: 100%; margin: 0; /* FIXME: That fixed workaround from bee ui when is opening their Portal components */ padding-right: calc(100vw - 100%) !important; overflow: unset !important; background-color: var(--backgroundColor); } p:first-child { margin-top: 0; } p:last-child { margin-top: 0; margin-bottom: 0; } p:empty { display: none; } p:empty:first-child + p { margin-top: 0; } p:empty:last-child + p { margin-bottom: 0; } img { display: inline-block; max-width: 100%; height: auto; vertical-align: middle; } input::-ms-clear, & input::-ms-reveal { display: none; } input[disabled] { background: inherit; } a { color: var(--linkColor); text-decoration: none; cursor: pointer; } h1 { font-weight: var(--font-weight-h1); font-size: var(--font-size-h1); line-height: var(--font-line-height-h1); letter-spacing: var(--font-letter-spacing-h1); } h2 { font-weight: var(--font-weight-h2); font-size: var(--font-size-h2); line-height: var(--font-line-height-h2); letter-spacing: var(--font-letter-spacing-h2); } h3 { font-weight: var(--font-weight-h3); font-size: var(--font-size-h3); line-height: var(--font-line-height-h3); letter-spacing: var(--font-letter-spacing-h3); } h4 { font-weight: var(--font-weight-h4); font-size: var(--font-size-h4); line-height: var(--font-line-height-h4); letter-spacing: var(--font-letter-spacing-h4); } h5 { font-weight: var(--font-weight-h5); font-size: var(--font-size-h5); line-height: var(--font-line-height-h5); letter-spacing: var(--font-letter-spacing-h5); } h6 { font-weight: var(--font-weight-h6); font-size: var(--font-size-h6); line-height: var(--font-line-height-h6); letter-spacing: var(--font-letter-spacing-h6); } .features-NotificationCenter-ui-NotificationBatchesPanel--lists { display: flex; flex-direction: column; gap: 16px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .shared-ui-Disclosure-ui--root { background: var(--white); border-radius: 22px; box-shadow: var(--shadow); } .shared-ui-Disclosure-ui--header { display: grid; grid-template-columns: 1fr auto; gap: 0.5rem; align-items: center; border-radius: inherit; cursor: pointer; transition: background 0.2s ease; user-select: none; } .shared-ui-Disclosure-ui--headerFilled:hover { background: var(--boxHoverFocus); } .shared-ui-Disclosure-ui--headerGhost { background: transparent; } .shared-ui-Disclosure-ui--s { padding: 0.5rem 0.1rem; } .shared-ui-Disclosure-ui--m { padding: 0.75rem 1.5rem; } .shared-ui-Disclosure-ui--l { padding: 1rem 2rem; } .shared-ui-Disclosure-ui--leading { display: inline-flex; } .shared-ui-Disclosure-ui--chevron { display: inline-flex; transition: transform 0.2s ease; } .shared-ui-Disclosure-ui--chevronOpen { transform: rotate(180deg); } .shared-ui-Disclosure-ui--disabled { cursor: not-allowed; opacity: 0.6; } .shared-ui-Disclosure-ui--bodyWrapper { height: 0; /* управляется инлайном через JS для анимации */ overflow: hidden; transition: height 0.22s ease; } .features-NotificationCenter-ui-NotificationBatchPageFrame--wrapper { width: 960px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .shared-ui-BeeTable-ui-Table--table { min-width: var(--tableMinWidth); table-layout: fixed; background: none; border: none; border-collapse: separate; } .shared-ui-BeeTable-ui-Table--table td { min-width: 40px; } .shared-ui-BeeTable-ui-Table--table tr:last-child td:first-child { border-bottom-left-radius: var(--tableCellRadius); } .shared-ui-BeeTable-ui-Table--table tr:last-child td:last-child { border-bottom-right-radius: var(--tableCellRadius); } .shared-ui-BeeTable-ui-Table--table tr th:first-child { border-top-left-radius: var(--tableCellRadius); } .shared-ui-BeeTable-ui-Table--table tr th:last-child { border-top-right-radius: var(--tableCellRadius); } .dsb_table { box-shadow: none !important; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .shared-ui-BeeTable-ui-TableContainer--tableContainer { clear: both; max-width: 100%; } .shared-ui-BeeTable-ui-TableContainer--tableMinWidth { min-width: var(--tableMinWidth); } .shared-ui-BeeTable-ui-TableContainer--tableWrapper { border-radius: 24px; box-shadow: var(--shadow); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .shared-ui-BeeTable-ui-HeaderData--headerData { background: var(--color-palette-white-alpha-100); border-radius: 0; } /* Ячейка — контейнер для абсолютного ::after ссылки */ .shared-ui-BeeTable-ui-TableData--beeTableDataDS { position: relative; padding: 0; } .shared-ui-LinkWithoutDefaultStyles--link { color: inherit; text-decoration: none; } .shared-ui-LinkWithoutDefaultStyles--link:hover, .shared-ui-LinkWithoutDefaultStyles--link:focus, .shared-ui-LinkWithoutDefaultStyles--link:visited, .shared-ui-LinkWithoutDefaultStyles--link:active { color: inherit; text-decoration: none; } /* * Растягивает кликабельную область на весь position: relative контейнер (td / ячейка). * height: 100% внутри td не работает — используем оверлей. */ .shared-ui-LinkWithoutDefaultStyles--stretched { display: block; width: 100%; height: 100%; } .shared-ui-LinkWithoutDefaultStyles--stretched::after { content: ''; position: absolute; z-index: 0; inset: 0; } /* Контент выше оверлея — hover/клики по поповерам и тултипам */ .shared-ui-LinkWithoutDefaultStyles--stretched > * { position: relative; z-index: 1; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .shared-ui-TemplateInsteadOfTableBody--template { border: 1px solid var(--color-palette-black-alpha-10); } .shared-ui-TemplateInsteadOfTableBody--textCenter { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .features-NotificationCenter-ui-EntityNotificationsPageFrame--wrapper { width: 960px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } /** Sizes: xxxs: 4 xxs: 8 xs: 12 s: 16 m: 24 l: 32 xl: 40 xxl: 56 {size}e: [e]xtended - slightly increased from base size Indent Types: mar: margin pad: padding Indent Location: '': all sides b: bottom t: top l: left r: right v: top + bottom h: left + right */ .styles--pad-s { padding: 16px; } .styles--pad-m { padding: 24px; } .styles--pad-l { padding-top: 32px; } .styles--padt-s { padding-top: 16px; } .styles--padt-m { padding-top: 24px; } .styles--padt-l { padding-top: 32px; } .styles--padb-xxxs { padding-bottom: 4px; } .styles--padb-xxs { padding-bottom: 8px; } .styles--padb-s { padding-bottom: 16px; } .styles--padb-m { padding-bottom: 24px; } .styles--padb-l { padding-bottom: 32px; } .styles--padb-xl { padding-bottom: 40px; } .styles--padr-xs { padding-right: 12px; } .styles--padr-s { padding-right: 16px; } .styles--padr-m { padding-right: 24px; } .styles--padr-l { padding-right: 32px; } .styles--padl-xxs { padding-left: 8px; } .styles--padl-s { padding-left: 16px; } .styles--padl-m { padding-left: 24px; } .styles--padl-l { padding-left: 32px; } .styles--padv-s { padding-top: 16px; padding-bottom: 16px; } .styles--padh-s { padding-right: 16px !important; padding-left: 16px !important; } /** margins */ .styles--marr-xxs { margin-right: 8px; } .styles--marr-xs { margin-right: 12px; } .styles--marr-s { margin-right: 16px; } .styles--marr-m { margin-right: 24px; } .styles--marr-l { margin-right: 32px; } .styles--marr-xl { margin-right: 40px; } .styles--marr-xxl { margin-right: 56px; } .styles--marl-xxs { margin-left: 8px; } .styles--marl-xs { margin-left: 12px; } .styles--marl-s { margin-left: 16px; } .styles--marl-m { margin-left: 24px; } .styles--marl-l { margin-left: 32px; } .styles--marl-xl { margin-left: 40px; } .styles--marl-xxl { margin-left: 56px; } .styles--marb-xxxs { margin-bottom: 4px; } .styles--marb-xxs { margin-bottom: 8px; } .styles--marb-xs { margin-bottom: 12px; } .styles--marb-s { margin-bottom: 16px; } .styles--marb-m { margin-bottom: 24px; } .styles--marb-l { margin-bottom: 32px; } .styles--marb-xl { margin-bottom: 40px; } .styles--marb-xxl { margin-bottom: 56px; } .styles--mart-xxxs { margin-top: 4px; } .styles--mart-xxs { margin-top: 8px; } .styles--mart-xs { margin-top: 12px; } .styles--mart-s { margin-top: 16px; } .styles--mart-m { margin-top: 24px; } .styles--mart-l { margin-top: 32px; } .styles--mart-xl { margin-top: 40px; } .styles--mart-xxl { margin-top: 56px; } .styles--marv-m { margin-top: 24px; margin-bottom: 24px; } .styles--marv-l { margin-top: 32px; margin-bottom: 32px; } /** do not change this to display none, it is hidden on purpose */ .styles--hidden { visibility: hidden; } .styles--p-0 { padding: 0 !important; } .styles--m-0 { margin: 0; } .styles--ml-0 { margin-left: 0; } /** display items */ .styles--baseline-al { align-items: baseline !important; } .styles--center-al-self { align-self: center; } .styles--d-fl { display: flex; } .styles--d-fl-clm { display: flex; flex-direction: column; } .styles--d-fl-rw { display: flex; flex-direction: row; } .styles--fl-g1 { flex-grow: 1; } .styles--center-al { display: flex; align-items: center !important; } .styles--center-jc { display: flex; justify-content: center !important; } .styles--space-between { display: flex; justify-content: space-between; } .styles--flex-end { display: flex; justify-content: flex-end; } .styles--flex-wrap { display: flex; flex-wrap: wrap; } .styles--text-center-al { text-align: center; } .styles--errorTextColor { color: var(--errorColor); } .styles--errorBlock { width: 100%; height: 100%; color: var(--errorColor); font: var(--baseFontFamily); font-size: 0.75rem; line-height: 16px; letter-spacing: 0.01em; white-space: pre-wrap; word-break: break-word; } .styles--errorBlock u { text-decoration: initial; border-bottom: 1px solid var(--errorColor); } .styles--descriptionBlock { width: 100%; color: var(--grey); font: var(--captionFontSecond); white-space: pre-wrap; user-select: none; } .styles--descriptionBlock u { text-decoration: initial; border-bottom: 1px solid var(--grey); } .styles--formWrapper { max-width: 576px; } .styles--inputGlobal { width: 100%; height: 48px; max-height: 48px; padding: 12px 16px; font: var(--baseFont); background-color: var(--white); border: 1px solid var(--boxDefault); border-radius: 8px; } .styles--inputGlobal::placeholder { color: var(--greyPlaceholder); opacity: 1; } .styles--inputGlobal:-ms-input-placeholder { color: var(--greyPlaceholder); } .styles--inputGlobal::-ms-input-placeholder { color: var(--greyPlaceholder); } .styles--inputGlobal:hover:not(.styles--inputGlobal.styles--isDisabled), .styles--inputGlobal:focus { color: var(--boxHoverFocus); border-color: var(--boxHoverFocus); } .styles--inputGlobal:hover:not(.styles--inputGlobal.styles--isDisabled)::placeholder, .styles--inputGlobal:focus::placeholder { color: var(--boxHoverFocus); opacity: 1; } .styles--inputGlobal:hover:not(.styles--inputGlobal.styles--isDisabled):-ms-input-placeholder, .styles--inputGlobal:focus:-ms-input-placeholder { color: var(--boxHoverFocus); } .styles--inputGlobal:hover:not(.styles--inputGlobal.styles--isDisabled)::-ms-input-placeholder, .styles--inputGlobal:focus::-ms-input-placeholder { color: var(--boxHoverFocus); } .styles--inputGlobal.styles--notEmpty:not(.styles--inputGlobal.styles--isDisabled):not(.styles--inputGlobal.styles--isError) { border-color: var(--boxHoverFocus); } .styles--inputGlobal.styles--isError { border-color: var(--errorColor); } .styles--inputGlobal.styles--isDisabled { color: var(--greyPlaceholder); background-color: var(--backgroundInputDisable); border-color: var(--boxDefault); cursor: default; user-select: none; } .styles--pointer { cursor: pointer; } .styles--isDashed { border-bottom: 1px dashed var(--baseFontColor); cursor: pointer; user-select: none; } .styles--width100 { width: 100%; } .styles--label { color: var(--color-text-grey-inactive); font-weight: var(--font-weight-body2); font-size: var(--font-size-body2); line-height: var(--font-line-height-body2); letter-spacing: var(--font-letter-spacing-body2); } .styles--preWrap { white-space: pre-wrap; } .styles--cellPadding { padding: 17px 16px; } .styles--cellLinkContainer { position: relative; } .styles--fakeLink { color: #1a73e8; text-decoration: none; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } /** Sizes: xxxs: 4 xxs: 8 xs: 12 s: 16 m: 24 l: 32 xl: 40 xxl: 56 {size}e: [e]xtended - slightly increased from base size Indent Types: mar: margin pad: padding Indent Location: '': all sides b: bottom t: top l: left r: right v: top + bottom h: left + right */ .entities-OrganizationAddress-ui-OrganizationAddressInput--pad-s { padding: 16px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--pad-m { padding: 24px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--pad-l { padding-top: 32px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padt-s { padding-top: 16px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padt-m { padding-top: 24px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padt-l { padding-top: 32px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padb-xxxs { padding-bottom: 4px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padb-xxs { padding-bottom: 8px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padb-s { padding-bottom: 16px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padb-m { padding-bottom: 24px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padb-l { padding-bottom: 32px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padb-xl { padding-bottom: 40px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padr-xs { padding-right: 12px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padr-s { padding-right: 16px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padr-m { padding-right: 24px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padr-l { padding-right: 32px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padl-xxs { padding-left: 8px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padl-s { padding-left: 16px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padl-m { padding-left: 24px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padl-l { padding-left: 32px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padv-s { padding-top: 16px; padding-bottom: 16px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--padh-s { padding-right: 16px !important; padding-left: 16px !important; } /** margins */ .entities-OrganizationAddress-ui-OrganizationAddressInput--marr-xxs { margin-right: 8px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marr-xs { margin-right: 12px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marr-s { margin-right: 16px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marr-m { margin-right: 24px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marr-l { margin-right: 32px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marr-xl { margin-right: 40px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marr-xxl { margin-right: 56px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marl-xxs { margin-left: 8px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marl-xs { margin-left: 12px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marl-s { margin-left: 16px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marl-m { margin-left: 24px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marl-l { margin-left: 32px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marl-xl { margin-left: 40px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marl-xxl { margin-left: 56px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marb-xxxs { margin-bottom: 4px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marb-xxs { margin-bottom: 8px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marb-xs { margin-bottom: 12px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marb-s { margin-bottom: 16px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marb-m { margin-bottom: 24px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marb-l { margin-bottom: 32px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marb-xl { margin-bottom: 40px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marb-xxl { margin-bottom: 56px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--mart-xxxs { margin-top: 4px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--mart-xxs { margin-top: 8px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--mart-xs { margin-top: 12px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--mart-s { margin-top: 16px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--mart-m { margin-top: 24px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--mart-l { margin-top: 32px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--mart-xl { margin-top: 40px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--mart-xxl { margin-top: 56px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marv-m { margin-top: 24px; margin-bottom: 24px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--marv-l { margin-top: 32px; margin-bottom: 32px; } /** do not change this to display none, it is hidden on purpose */ .entities-OrganizationAddress-ui-OrganizationAddressInput--hidden { visibility: hidden; } .entities-OrganizationAddress-ui-OrganizationAddressInput--p-0 { padding: 0 !important; } .entities-OrganizationAddress-ui-OrganizationAddressInput--m-0 { margin: 0; } .entities-OrganizationAddress-ui-OrganizationAddressInput--ml-0 { margin-left: 0; } /** display items */ .entities-OrganizationAddress-ui-OrganizationAddressInput--baseline-al { align-items: baseline !important; } .entities-OrganizationAddress-ui-OrganizationAddressInput--center-al-self { align-self: center; } .entities-OrganizationAddress-ui-OrganizationAddressInput--d-fl { display: flex; } .entities-OrganizationAddress-ui-OrganizationAddressInput--d-fl-clm { display: flex; flex-direction: column; } .entities-OrganizationAddress-ui-OrganizationAddressInput--d-fl-rw { display: flex; flex-direction: row; } .entities-OrganizationAddress-ui-OrganizationAddressInput--fl-g1 { flex-grow: 1; } .entities-OrganizationAddress-ui-OrganizationAddressInput--center-al { display: flex; align-items: center !important; } .entities-OrganizationAddress-ui-OrganizationAddressInput--center-jc { display: flex; justify-content: center !important; } .entities-OrganizationAddress-ui-OrganizationAddressInput--space-between { display: flex; justify-content: space-between; } .entities-OrganizationAddress-ui-OrganizationAddressInput--flex-end { display: flex; justify-content: flex-end; } .entities-OrganizationAddress-ui-OrganizationAddressInput--flex-wrap { display: flex; flex-wrap: wrap; } .entities-OrganizationAddress-ui-OrganizationAddressInput--text-center-al { text-align: center; } .entities-OrganizationAddress-ui-OrganizationAddressInput--errorTextColor { color: var(--errorColor); } .entities-OrganizationAddress-ui-OrganizationAddressInput--errorBlock { width: 100%; height: 100%; color: var(--errorColor); font: var(--baseFontFamily); font-size: 0.75rem; line-height: 16px; letter-spacing: 0.01em; white-space: pre-wrap; word-break: break-word; } .entities-OrganizationAddress-ui-OrganizationAddressInput--errorBlock u { text-decoration: initial; border-bottom: 1px solid var(--errorColor); } .entities-OrganizationAddress-ui-OrganizationAddressInput--descriptionBlock { width: 100%; color: var(--grey); font: var(--captionFontSecond); white-space: pre-wrap; user-select: none; } .entities-OrganizationAddress-ui-OrganizationAddressInput--descriptionBlock u { text-decoration: initial; border-bottom: 1px solid var(--grey); } .entities-OrganizationAddress-ui-OrganizationAddressInput--formWrapper { max-width: 576px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal { width: 100%; height: 48px; max-height: 48px; padding: 12px 16px; font: var(--baseFont); background-color: var(--white); border: 1px solid var(--boxDefault); border-radius: 8px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal::placeholder { color: var(--greyPlaceholder); opacity: 1; } .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal:-ms-input-placeholder { color: var(--greyPlaceholder); } .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal::-ms-input-placeholder { color: var(--greyPlaceholder); } .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal:hover:not(.entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal.entities-OrganizationAddress-ui-OrganizationAddressInput--isDisabled), .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal:focus { color: var(--boxHoverFocus); border-color: var(--boxHoverFocus); } .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal:hover:not(.entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal.entities-OrganizationAddress-ui-OrganizationAddressInput--isDisabled)::placeholder, .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal:focus::placeholder { color: var(--boxHoverFocus); opacity: 1; } .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal:hover:not(.entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal.entities-OrganizationAddress-ui-OrganizationAddressInput--isDisabled):-ms-input-placeholder, .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal:focus:-ms-input-placeholder { color: var(--boxHoverFocus); } .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal:hover:not(.entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal.entities-OrganizationAddress-ui-OrganizationAddressInput--isDisabled)::-ms-input-placeholder, .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal:focus::-ms-input-placeholder { color: var(--boxHoverFocus); } .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal.entities-OrganizationAddress-ui-OrganizationAddressInput--notEmpty:not(.entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal.entities-OrganizationAddress-ui-OrganizationAddressInput--isDisabled):not(.entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal.entities-OrganizationAddress-ui-OrganizationAddressInput--isError) { border-color: var(--boxHoverFocus); } .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal.entities-OrganizationAddress-ui-OrganizationAddressInput--isError { border-color: var(--errorColor); } .entities-OrganizationAddress-ui-OrganizationAddressInput--inputGlobal.entities-OrganizationAddress-ui-OrganizationAddressInput--isDisabled { color: var(--greyPlaceholder); background-color: var(--backgroundInputDisable); border-color: var(--boxDefault); cursor: default; user-select: none; } .entities-OrganizationAddress-ui-OrganizationAddressInput--pointer { cursor: pointer; } .entities-OrganizationAddress-ui-OrganizationAddressInput--isDashed { border-bottom: 1px dashed var(--baseFontColor); cursor: pointer; user-select: none; } .entities-OrganizationAddress-ui-OrganizationAddressInput--width100 { width: 100%; } .entities-OrganizationAddress-ui-OrganizationAddressInput--label { color: var(--color-text-grey-inactive); font-weight: var(--font-weight-body2); font-size: var(--font-size-body2); line-height: var(--font-line-height-body2); letter-spacing: var(--font-letter-spacing-body2); } .entities-OrganizationAddress-ui-OrganizationAddressInput--preWrap { white-space: pre-wrap; } .entities-OrganizationAddress-ui-OrganizationAddressInput--cellPadding { padding: 17px 16px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--cellLinkContainer { position: relative; } .entities-OrganizationAddress-ui-OrganizationAddressInput--fakeLink { color: #1a73e8; text-decoration: none; } .entities-OrganizationAddress-ui-OrganizationAddressInput--tooltipWrapper, .entities-OrganizationAddress-ui-OrganizationAddressInput--saveButtonWrapper { height: 50px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--tooltip { white-space: pre-wrap; } .entities-OrganizationAddress-ui-OrganizationAddressInput--gridContainer { display: grid; grid-template-columns: 1fr; gap: 8px; } .entities-OrganizationAddress-ui-OrganizationAddressInput--gridContainerWithSave { grid-template-columns: 1fr auto; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .layouts-PageLayout-views-CompactPageLayout--wrapper { display: flex; width: 100%; max-width: 1920px; height: 100%; } .layouts-PageLayout-views-CompactPageLayout--wrapper.layouts-PageLayout-views-CompactPageLayout--isOpenCompactMenu { position: relative; z-index: 2; } .layouts-PageLayout-views-CompactPageLayout--contentWrapper { width: 100%; padding: var(--layoutPadding); padding-right: 20px; padding-left: 20px; } .layouts-PageLayout-views-CompactPageLayout--contentWrapper .layouts-PageLayout-views-CompactPageLayout--content { z-index: 1; width: 100%; height: 100%; padding-top: 20px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } :root { --scroll-to-top-right: 24px; } .shared-ui-ScrollToTop-ui--host { position: relative; width: 100%; height: 0; pointer-events: none; } .shared-ui-ScrollToTop-ui--button { position: fixed; right: var(--scroll-to-top-right); bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 12; display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 48px; padding: 0; transform: translateY(8px); cursor: pointer; opacity: 0; transition: opacity 0.2s ease, transform 0.2s ease; } .shared-ui-ScrollToTop-ui--isVisible { transform: translateY(0); opacity: 1; pointer-events: auto; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .widgets-BeeHeader-ui-BeeHeader--wrapper { position: sticky; top: 0; z-index: var(--headerZIndex); display: flex; flex-direction: column; width: 100%; background: var(--backgroundColor); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .widgets-BeeHeader-ui-IconsList--icons { gap: 12px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .features-ErrorLogViewer-ui-ErrorLogDrawer--wrapper { position: relative; z-index: var(--tipZIndex); width: 360px !important; max-height: 400px; padding: 0 !important; overflow-y: auto; box-shadow: var(--shadow) !important; } .features-ErrorLogViewer-ui-ErrorLogDrawer--content { margin-top: 8px; padding: 0 20px 0 20px; background-color: var(--white); } .features-ErrorLogViewer-ui-ErrorLogDrawer--buttonsWrapper { position: sticky; top: 0; display: flex; justify-content: space-between; padding: 20px 8px 8px 8px; background-color: var(--white); } .features-ErrorLogViewer-ui-ErrorLogDrawer--description { padding: 8px; white-space: pre-line; border-bottom: 1px dotted var(--greyThird); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .shared-ui-UsuallyWrapper--usuallyWrapper { width: 100%; padding: 20px; background-color: var(--white); border-radius: 24px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .components-Menus-views-DefaultMenu--wrapper { width: 100%; height: 100%; } .components-Menus-views-DefaultMenu--logoWrapper { padding: 24px 40px 24px 56px; } .components-Menus-views-DefaultMenu--logo { height: 36px; } .components-Menus-views-DefaultMenu--divider { height: 100vh; } .innWidgetWorkAround { .dsb_input-helper-text { pointer-events: all !important; } } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .entities-DaData-ui-DaDataHref--tip a { color: var(--linkColor); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .components-InputWithBlocksWidget-components-BlockItem--component { position: relative; display: flex; align-items: center; box-sizing: border-box; overflow-wrap: break-word; background: var(--backgroundInputDisable); border-radius: 32px; resize: none; } .components-InputWithBlocksWidget-components-BlockItem--component.components-InputWithBlocksWidget-components-BlockItem--isDisabled { cursor: none !important; pointer-events: none; } .components-InputWithBlocksWidget-components-BlockItem--component.components-InputWithBlocksWidget-components-BlockItem--isDisabled .components-InputWithBlocksWidget-components-BlockItem--text { color: var(--greyPlaceholder); } .components-InputWithBlocksWidget-components-BlockItem--name { display: flex; align-items: center; padding: 6px 8px 6px 12px; } .components-InputWithBlocksWidget-components-BlockItem--text { max-width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .components-InputWithBlocksWidget-components-BlockItem--icon { display: inline-block; margin-top: 5px; margin-left: 40px; text-align: center; vertical-align: middle; cursor: pointer; } .components-InputWithBlocksWidget-components-BlockItem--icon svg path { fill: var(--boxDefault); } .components-InputWithBlocksWidget-components-BlockItem--icon:hover, .components-InputWithBlocksWidget-components-BlockItem--icon:focus { border-color: var(--black); } .components-InputWithBlocksWidget-components-BlockItem--icon:hover svg path, .components-InputWithBlocksWidget-components-BlockItem--icon:focus svg path { fill: var(--black); } .components-InputWithBlocksWidget-components-BlockItem--cross { width: 20px; height: 20px; margin: 0; padding: 3px; background-color: #fff; border: 1px solid var(--boxDefault); border-radius: 50%; cursor: pointer; } .components-InputWithBlocksWidget-components-BlockItem--blockItemTip { max-width: 200px !important; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .components-InputWithBlocksWidget--list { display: flex; flex-wrap: wrap; gap: 8px; } .layouts-GridLayout-GridColumns--gridColumns { display: grid; grid-auto-rows: min-content; grid-column-gap: 32px; grid-template-columns: repeat(12, 72px); grid-template-rows: min-content; /* max-width: 1216px; */ } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .layouts-GridLayout-GridRowGap--gap { grid-column: 1/-1; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .layouts-GridLayout-FormCols--wide { grid-column: 1/-1; } .layouts-GridLayout-FormCols--label { display: flex; grid-column: 1/2; align-items: center; font-size: 1rem; line-height: 24px; white-space: normal; background-color: transparent; } .layouts-GridLayout-FormCols--label .layouts-GridLayout-FormCols--star { user-select: none; } .layouts-GridLayout-FormCols--label.layouts-GridLayout-FormCols--isCompact { font-size: 0.875rem; line-height: 18px; } .layouts-GridLayout-FormCols--auto { grid-column: 2/-1; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .pages-NotFound--wrapper { height: 100%; padding: 40px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .pages-Fallback--wrapper { display: flex; flex-direction: row; justify-content: center; align-items: center; min-height: 400px; } .pages-Fallback--component { display: flex; flex-direction: column; width: 400px; } .pages-Fallback--title, .pages-Fallback--description { color: var(--baseColor); text-align: center; } .pages-Fallback--title { margin: 0 0 8px 0; font-weight: 500; font-size: 1.25rem; font-family: var(--baseFontFamily); } .pages-Fallback--description { font: var(--baseFont); white-space: pre-wrap; } .pages-Fallback--buttonWrapper { display: grid; justify-content: center; align-content: center; margin-top: 40px; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .shared-ui-BeeMenuWithItems-ui-BeeMenuWithItems--menu { z-index: var(--tipZIndex); min-width: 260px !important; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } .pages-OnlyDesctopPage--wrapper { display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; } .pages-OnlyDesctopPage--text { padding: 20px; font: var(--buttonFont); font-weight: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-background-brand: #fdd835; --color-background-brand-hover: #fdc435; --color-background-brand-pressed: #fdb435; --color-background-backdrop: rgba(0, 0, 0, 0.48); --color-background-white: #ffffff; --color-divider-grey: rgba(25, 28, 52, 0.12); --color-gradient-magma: linear-gradient(-46deg, #1a73e8 0%, #bc00b8 49.44%, #f55555 100%); --color-gradient-lazurit: linear-gradient(76deg, #fa1c8c 0%, #527ce7 46.89%, #2ebacf 100%); --color-gradient-ocean: linear-gradient(85deg, #6137cc 0%, #00b2ff 43.57%, #7effc3 100%); --color-gradient-oil-radial: radial-gradient(140.01% 127.68% at 18.75% 3%, #feca48 0%, #ff7d5d 21.17%, #b732a2 45.13%, #621a9f 71.18%, #030013 100%); --color-gradient-oil-linear: linear-gradient(90deg, #feca48 0%, #ff7d5d 19.46%, #b732a2 43.54%, #621a9f 70.39%, #030013 100%); --color-opacity-disabled: 0.48; --color-text-black-active: rgba(9, 11, 22, 0.94); --color-text-grey-inactive: rgba(25, 28, 52, 0.7); --color-text-grey-disabled: rgba(25, 28, 52, 0.48); --color-text-white-inverse: #ffffff; --color-text-dark-active: rgba(0, 0, 0, 0.87); --color-text-dark-inactive: rgba(0, 0, 0, 0.6); --color-text-dark-disabled: rgba(0, 0, 0, 0.38); --color-text-light-active: rgba(255, 255, 255, 0.87); --color-text-light-inactive: rgba(255, 255, 255, 0.6); --color-text-light-disabled: rgba(255, 255, 255, 0.38); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --elevation-low: 0px 2px 10px rgba(0, 0, 0, 0.08), 0px 2px 8px rgba(0, 0, 0, 0.08); --elevation-medium: 0px 4px 30px rgba(0, 0, 0, 0.1), 0px 0px 10px rgba(0, 0, 0, 0.1); --elevation-high: 0px 6px 38px rgba(0, 0, 0, 0.16), 0px 0px 10px rgba(0, 0, 0, 0.08); } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --font-family-header: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-text: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-code: 'Roboto Mono', monospace; --font-family-system: 'Beeline Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; --font-family-mono: 'Roboto Mono', monospace; --font-letter-spacing-h1: 0.3px; --font-letter-spacing-h2: 0.3px; --font-letter-spacing-h3: 0.3px; --font-letter-spacing-h4: 0.2px; --font-letter-spacing-h5: 0.2px; --font-letter-spacing-h6: 0.2px; --font-letter-spacing-subtitle1: 0.2px; --font-letter-spacing-subtitle2: 0.2px; --font-letter-spacing-subtitle3: 0.2px; --font-letter-spacing-body1: 0.2px; --font-letter-spacing-body2: 0.2px; --font-letter-spacing-body3: 0.2px; --font-letter-spacing-caption: 0.2px; --font-letter-spacing-overline: 1.2px; --font-letter-spacing-product-name: 0px; --font-line-height-h1: 66px; --font-line-height-h2: 56px; --font-line-height-h3: 44px; --font-line-height-h4: 32px; --font-line-height-h5: 28px; --font-line-height-h6: 22px; --font-line-height-subtitle1: 24px; --font-line-height-subtitle2: 22px; --font-line-height-subtitle3: 20px; --font-line-height-body1: 24px; --font-line-height-body2: 22px; --font-line-height-body3: 18px; --font-line-height-caption: 16px; --font-line-height-overline: 16px; --font-line-height-product-name: 28px; --font-size-h1: 54px; --font-size-h2: 44px; --font-size-h3: 34px; --font-size-h4: 26px; --font-size-h5: 20px; --font-size-h6: 17px; --font-size-subtitle1: 19px; --font-size-subtitle2: 17px; --font-size-subtitle3: 15px; --font-size-body1: 19px; --font-size-body2: 17px; --font-size-body3: 15px; --font-size-caption: 13px; --font-size-overline: 10px; --font-size-product-name: 25px; --font-variant-numeric-table-numbers: tabular-nums; --font-weight-medium: 500; --font-weight-regular: 400; --font-weight-bold: 700; --font-weight-h1: 500; --font-weight-h2: 500; --font-weight-h3: 500; --font-weight-h4: 500; --font-weight-h5: 500; --font-weight-h6: 500; --font-weight-subtitle1: 500; --font-weight-subtitle2: 500; --font-weight-subtitle3: 500; --font-weight-body1: 400; --font-weight-body2: 400; --font-weight-body3: 400; --font-weight-caption: 400; --font-weight-overline: 700; --font-weight-product-name: 500; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --color-palette-red-50: #ffecef; --color-palette-red-100: #ffcfd5; --color-palette-red-300: #f37678; --color-palette-red-400: #ff5555; --color-palette-red-950: #371313; --color-palette-green-50: #e7f6eb; --color-palette-green-100: #c5e9cd; --color-palette-green-300: #78ce8e; --color-palette-green-600: #2ca853; --color-palette-green-950: #10301a; --color-palette-blue-50: #e3f2ff; --color-palette-blue-100: #bbdeff; --color-palette-blue-300: #5cb5ff; --color-palette-blue-600: #1a73e8; --color-palette-blue-950: #132338; --color-palette-amber-50: #fff4e1; --color-palette-amber-100: #ffe3b5; --color-palette-amber-300: #ffbd55; --color-palette-amber-600: #ff9419; --color-palette-amber-950: #3d392a; --color-palette-grey-50: #eeeeee; --color-palette-grey-100: #e5e5e5; --color-palette-grey-200: #e0e0e0; --color-palette-grey-300: #d2d2d2; --color-palette-grey-500: #656565; --color-palette-grey-600: #383838; --color-palette-grey-700: #2e2e2e; --color-palette-grey-800: #212121; --color-palette-grey-900: #121212; --color-palette-yellow-100: #fff7d7; --color-palette-yellow-600: #fdd835; --color-palette-yellow-700: #fdc435; --color-palette-yellow-800: #fdb435; --color-palette-yellow-950: #494635; --color-palette-purple-50: #f3e7fe; --color-palette-purple-100: #dec3fb; --color-palette-purple-300: #b16cf9; --color-palette-purple-600: #7e00ed; --color-palette-purple-950: #27113a; --color-palette-magenta-50: #fae4f7; --color-palette-magenta-100: #f2bceb; --color-palette-magenta-300: #df59d1; --color-palette-magenta-600: #bc00b8; --color-palette-magenta-950: #370f37; --color-palette-teal-50: #e0f7fb; --color-palette-teal-100: #b2ebf5; --color-palette-teal-300: #4dd0e7; --color-palette-teal-600: #00adc7; --color-palette-teal-950: #123035; --color-palette-black-alpha-4: rgba(0, 0, 0, 0.04); --color-palette-black-alpha-8: rgba(0, 0, 0, 0.08); --color-palette-black-alpha-10: rgba(0, 0, 0, 0.1); --color-palette-black-alpha-12: rgba(0, 0, 0, 0.12); --color-palette-black-alpha-14: rgba(0, 0, 0, 0.14); --color-palette-black-alpha-18: rgba(0, 0, 0, 0.18); --color-palette-black-alpha-20: rgba(0, 0, 0, 0.2); --color-palette-black-alpha-38: rgba(0, 0, 0, 0.38); --color-palette-black-alpha-48: rgba(0, 0, 0, 0.48); --color-palette-black-alpha-60: rgba(0, 0, 0, 0.6); --color-palette-black-alpha-87: rgba(0, 0, 0, 0.87); --color-palette-black-alpha-100: #000000; --color-palette-white-alpha-4: rgba(255, 255, 255, 0.04); --color-palette-white-alpha-8: rgba(255, 255, 255, 0.08); --color-palette-white-alpha-10: rgba(255, 255, 255, 0.1); --color-palette-white-alpha-12: rgba(255, 255, 255, 0.12); --color-palette-white-alpha-14: rgba(255, 255, 255, 0.14); --color-palette-white-alpha-20: rgba(255, 255, 255, 0.2); --color-palette-white-alpha-26: rgba(255, 255, 255, 0.26); --color-palette-white-alpha-38: rgba(255, 255, 255, 0.38); --color-palette-white-alpha-48: rgba(255, 255, 255, 0.48); --color-palette-white-alpha-60: rgba(255, 255, 255, 0.6); --color-palette-white-alpha-87: rgba(255, 255, 255, 0.87); --color-palette-white-alpha-100: #ffffff; } /** * Do not edit directly * Generated on Wed, 13 May 2026 10:33:02 GMT */ :root { --size-border-radius-x1: 2px; --size-border-radius-x2: 4px; --size-border-radius-x3: 6px; --size-border-radius-x4: 8px; --size-border-radius-x5: 10px; --size-border-radius-x6: 12px; --size-border-radius-x8: 16px; --size-border-radius-x10: 20px; --size-border-radius-x12: 24px; --size-border-radius-x15: 30px; --size-border-radius-circle: 50%; --size-border-width-regular: 1px; --size-control-height-small: 40px; --size-control-height-medium: 48px; --size-control-height-large: 56px; --size-icon-small: 18px; --size-icon-medium: 20px; --size-icon-large: 24px; --size-spacing-x1: 4px; --size-spacing-x2: 8px; --size-spacing-x3: 12px; --size-spacing-x4: 16px; --size-spacing-x5: 20px; --size-spacing-x6: 24px; --size-spacing-x7: 28px; --size-spacing-x8: 32px; --size-spacing-x9: 36px; --size-spacing-x10: 40px; } :root { /* color */ --blueMain: #3f9fe4; --purpleMain: #9315b3; --purpleSecond: #8c32c8; --purpleThird: #7e00ed; --baseColor: #282828; --baseFontColor: #25282a; --white: var(--color-palette-white-alpha-100); --yellow: #fed305; --yellowSecond: #fbb712; --yellowThird: #c9ab1b; --black: #000; --blackSecond: #f6f6f6; --grey: #66696a; --greySecond: #d5d5d5; --greyThird: #787979; --greyTextDisable: #cbcccc; --greyPlaceholder: #8f9192; --backgroundColor: #f3f3f3; --backgroundColorSecond: #e4e4e4; --backgroundInputDisable: #f0f0f0; --boxDefault: #a5a6a6; --boxHoverFocus: #394149; --boxDisable: #dedfdf; --pinkColor: #ef25251a; --errorColor: var(--color-palette-red-400); --successColor: var(--color-palette-green-600); --linkColor: var(--color-palette-blue-600); --Light_Background_Secondary: #f9f9f9; } :root { --baseFontFamily: var(--font-family-text); --secondFontFamily: var(--font-family-mono); --baseFont: 1rem/1.5rem var(--baseFontFamily); /* 16/24 */ --baseFontBold: bold var(--baseFont); --secondFont: 0.875rem/1.25rem var(--baseFontFamily); /* 14/20 */ --secondFontBold: bold var(--secondFont); --captionFont: 0.8125rem/1.25rem var(--baseFontFamily); /* 13/20 */ --captionFontSecond: 0.75rem/1rem var(--baseFontFamily); /* 12/16 */ --buttonFont: 1rem/1.125rem var(--baseFontFamily); /* 16/18 */ --headMiddleFont: 1.25rem/1.5rem var(--secondFontFamily); /* 20/24 */ } :root { --layoutPadding: 0 56px 120px 56px; --layoutPaddingWhen1440: 0 40px 120px 40px; --maxLayoutWidth: 1920px; --tableMinWidth: 760px; --tableMaxWidth: 1464px; --tableCellRadius: 24px; } :root { --shadow: 10px 10px 15px rgba(182, 182, 182, 0.15); --buttonStickyGroupZIndex: 10; --sideSheetZIndex: 20; --dropdownZIndex: 30; --headerZIndex: 40; --datePickerZIndex: 90; --tipZIndex: 110; --modalBackgroundZIndex: 100; } * { box-sizing: border-box; margin: 0; padding: 0; outline: none; } html { height: 100%; scroll-behavior: smooth; /* hotfix for Chrome to hide additional scroll */ overflow-y: overlay; color: var(--baseFontColor); font: var(--baseFont); font-family: var(--baseFontFamily); /* removes tap delay, but disables double tap zoom */ touch-action: manipulation; /* font aliasing for officina to look good */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { width: 100%; min-height: 100%; margin: 0; /* FIXME: That fixed workaround from bee ui when is opening their Portal components */ padding-right: calc(100vw - 100%) !important; overflow: unset !important; background-color: var(--backgroundColor); } p:first-child { margin-top: 0; } p:last-child { margin-top: 0; margin-bottom: 0; } p:empty { display: none; } p:empty:first-child + p { margin-top: 0; } p:empty:last-child + p { margin-bottom: 0; } img { display: inline-block; max-width: 100%; height: auto; vertical-align: middle; } input::-ms-clear, & input::-ms-reveal { display: none; } input[disabled] { background: inherit; } a { color: var(--linkColor); text-decoration: none; cursor: pointer; } h1 { font-weight: var(--font-weight-h1); font-size: var(--font-size-h1); line-height: var(--font-line-height-h1); letter-spacing: var(--font-letter-spacing-h1); } h2 { font-weight: var(--font-weight-h2); font-size: var(--font-size-h2); line-height: var(--font-line-height-h2); letter-spacing: var(--font-letter-spacing-h2); } h3 { font-weight: var(--font-weight-h3); font-size: var(--font-size-h3); line-height: var(--font-line-height-h3); letter-spacing: var(--font-letter-spacing-h3); } h4 { font-weight: var(--font-weight-h4); font-size: var(--font-size-h4); line-height: var(--font-line-height-h4); letter-spacing: var(--font-letter-spacing-h4); } h5 { font-weight: var(--font-weight-h5); font-size: var(--font-size-h5); line-height: var(--font-line-height-h5); letter-spacing: var(--font-letter-spacing-h5); } h6 { font-weight: var(--font-weight-h6); font-size: var(--font-size-h6); line-height: var(--font-line-height-h6); letter-spacing: var(--font-letter-spacing-h6); }