/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/core.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400..700&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/variables.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/** Application BAZIS CSS Variables **/
:root {
  /**
  **
  ** COLORS
  **
  **/
  /*** Theme colors ***/
  /** primary **/
  --bazis-color-primary: #0c5cff;
  --bazis-color-primary-rgb: 12, 92, 255;
  --bazis-color-primary-contrast: #ffffff;
  --bazis-color-primary-contrast-rgb: 255, 255, 255;
  --bazis-color-primary-shade: #00236b;
  --bazis-color-primary-shade-rgb: 0, 35, 107;
  --bazis-color-primary-tint: #0043CC;
  /** secondary **/
  /** tertiary **/
  /** action **/
  --bazis-color-action: #0C5CFF;
  --bazis-color-action-rgb: 12, 92, 255;
  --bazis-color-action-contrast: #ffffff;
  --bazis-color-action-contrast-rgb: 255, 255, 255;
  --bazis-color-action-shade: #00236B;
  --bazis-color-action-shade-rgb: 0, 35, 107;
  --bazis-color-action-tint: #0043CC;
  /** info **/
  /** success **/
  --bazis-color-success: #00b876;
  --bazis-color-success-rgb: 0, 184, 118;
  --bazis-color-success-contrast: #ffffff;
  --bazis-color-success-contrast-rgb: 255, 255, 255;
  --bazis-color-success-shade: #00422b;
  --bazis-color-success-shade-rgb: 0, 66, 43;
  --bazis-color-success-tint: #007048;
  /** warning **/
  --bazis-color-warning: #ffc456;
  --bazis-color-warning-rgb: 255, 196, 86;
  --bazis-color-warning-contrast: #ffffff;
  --bazis-color-warning-contrast-rgb: 255, 255, 255;
  --bazis-color-warning-shade: #bd7b00;
  --bazis-color-warning-shade-rgb: 189, 123, 0;
  --bazis-color-warning-tint: #FFB224;
  /** danger **/
  --bazis-color-danger: #fb4343;
  --bazis-color-danger-rgb: 251, 67, 67;
  --bazis-color-danger-contrast: #ffffff;
  --bazis-color-danger-contrast-rgb: 255, 255, 255;
  --bazis-color-danger-shade: #990a0a;
  --bazis-color-danger-shade-rgb: 153, 10, 10;
  --bazis-color-danger-tint: #EE1B1B;
  /*** Stepped Colors ***/
  --bazis-color-white: #ffffff;
  --bazis-color-white-rgb: 255, 255, 255;
  --bazis-color-step-50: #f2f2f2;
  --bazis-color-step-100: #e6e6e6;
  --bazis-color-step-150: #d9d9d9;
  --bazis-color-step-200: #cccccc;
  --bazis-color-step-250: #bfbfbf;
  --bazis-color-step-300: #b3b3b3;
  --bazis-color-step-350: #a6a6a6;
  --bazis-color-step-400: #999999;
  --bazis-color-step-450: #8c8c8c;
  --bazis-color-step-500: #808080;
  --bazis-color-step-550: #737373;
  --bazis-color-step-600: #666666;
  --bazis-color-step-650: #595959;
  --bazis-color-step-700: #4d4d4d;
  --bazis-color-step-750: #404040;
  --bazis-color-step-800: #333333;
  --bazis-color-step-850: #262626;
  --bazis-color-step-900: #191919;
  --bazis-color-step-950: #0d0d0d;
  --bazis-color-black: #000000;
  --bazis-color-black-rgb: 0, 0, 0;
  /*** Base colors ***/
  /** text colors **/
  --bazis-text-color: #1e1f25;
  --bazis-text-color-rgb: 30, 31, 37;
  --bazis-text-color-secondary: #66778a;
  --bazis-text-color-secondary-rgb: 102, 119, 138;
  --bazis-text-color-contrast: var(--bazis-color-white);
  --bazis-text-color-contrast-rgb: var(--bazis-color-white-rgb);
  --bazis-text-color-disabled: #cdd3da;
  --bazis-icon-color: #919FAE;
  /* link color */
  --bazis-link-color: var(--bazis-color-action);
  --bazis-link-hover-color: var(--bazis-color-action-tint);
  --bazis-link-active-color: #000D29;
  /** placeholder color  **/
  --bazis-placeholder-color: var(--bazis-text-color-secondary);
  --bazis-placeholder-color-rgb: 102, 119, 138;
  /** background light **/
  --bazis-background-light: var(--bazis-color-white);
  --bazis-background-light-rgb: var(--bazis-color-white-rgb);
  /** background medium **/
  --bazis-background-medium: #f7f8f9;
  --bazis-background-medium-rgb: 247, 248, 249;
  /** background strong **/
  --bazis-background-strong: #e5e9f0;
  /** background dark **/
  --bazis-background-dark: rgba(94, 123, 156, 0.05);
  --bazis-background-dark-rgb: 94, 123, 156;
  /** background accent **/
  /** background info secondary **/
  /** background header **/
  /** background footer **/
  /** border default  **/
  --bazis-border-color: #e5e7e9;
  --bazis-border-color-rgb: 229, 231, 233;
  /** border light  **/
  --bazis-border-color-light: rgba(0, 0, 0, 0.05);
  /** border medium  **/
  --bazis-border-color-medium: #dadce0;
  --bazis-border-color-medium-rgb: 218, 220, 224;
  /** border dark  **/
  --bazis-border-color-dark: #a4aab2;
  --bazis-border-color-dark-rgb: 164, 170, 178;
  /** shadow **/
  /**
  **
  ** APPLICATION VARIABLES
  **
  **/
  /** Font family of the app **/
  --bazis-font-family: "Manrope", serif;
  --bazis-font-size: 14px;
  --bazis-line-height: 20px;
  /** H1 **/
  --bazis-font-size-h1: 32px;
  --bazis-line-height-h1: 40px;
  --bazis-h1-margin: 0;
  /** H2 **/
  --bazis-font-size-h2: 24px;
  --bazis-line-height-h2: 32px;
  --bazis-h2-margin: 0;
  /** H3 **/
  --bazis-font-size-h3: 18px;
  --bazis-font-size-h3-major: 20px;
  --bazis-line-height-h3: normal;
  --bazis-line-height-h3-major: normal;
  --bazis-h3-margin: 0;
  --bazis-h3-margin-major: 0;
  /** H4 **/
  --bazis-font-size-h4: 16px;
  --bazis-line-height-h4: 24px;
  /** H5 **/
  --bazis-font-size-h5: 14px;
  --bazis-line-height-h5: 12px;
  --bazis-h5-margin: 0;
  /** H6 **/
  --bazis-font-size-h6: 12px;
  --bazis-line-height-h6: 16px;
  --bazis-h6-margin: 0;
  /** p **/
  --bazis-font-size-p: 14px;
  --bazis-font-size-p-minor: 12px;
  --bazis-line-height-p: 20px;
  --bazis-line-height-p-minor: 16px;
  --bazis-p-margin: var(--bazis-multiple-px) 0;
  /** small **/
  --bazis-font-size-small: 11px;
  --bazis-line-height-small: 14px;
  /** Базовое число пикселей, используемое для кратности определяемых размеров **/
  --bazis-multiple-px: 4px;
  /** Adjust the safe area inset top of the app **/
  /** Adjust the safe area inset right of the app **/
  /** Adjust the safe area inset bottom of the app **/
  /** Adjust the safe area inset left of the app **/
  /** Adjust the margin **/
  --bazis-margin-1x: var(--bazis-multiple-px);
  --bazis-margin-2x: calc(var(--bazis-multiple-px) * 2);
  --bazis-margin-3x: calc(var(--bazis-multiple-px) * 3);
  --bazis-margin-4x: calc(var(--bazis-multiple-px) * 4);
  --bazis-margin-5x: calc(var(--bazis-multiple-px) * 5);
  --bazis-margin-6x: calc(var(--bazis-multiple-px) * 6);
  --bazis-margin-7x: calc(var(--bazis-multiple-px) * 7);
  --bazis-margin-8x: calc(var(--bazis-multiple-px) * 8);
  --bazis-margin: var(--bazis-margin-3x);
  /** Adjust the padding **/
  --bazis-padding-1x: var(--bazis-multiple-px);
  --bazis-padding-2x: calc(var(--bazis-multiple-px) * 2);
  --bazis-padding-3x: calc(var(--bazis-multiple-px) * 3);
  --bazis-padding-4x: calc(var(--bazis-multiple-px) * 4);
  --bazis-padding-5x: calc(var(--bazis-multiple-px) * 5);
  --bazis-padding-6x: calc(var(--bazis-multiple-px) * 6);
  --bazis-padding-7x: calc(var(--bazis-multiple-px) * 7);
  --bazis-padding-8x: calc(var(--bazis-multiple-px) * 8);
  --bazis-padding: var(--bazis-padding-3x);
  /** Adjust the box shadow **/
  /** Adjust the border-radius **/
  --bazis-border-radius: 8px;
  /**
  **
  ** GRID VARIABLES
  **
  **/
  /** Number of columns in the grid **/
  /** Padding of the grid **/
  --bazis-grid-padding: 0;
  /** Padding of the grid for xs breakpoints **/
  /** Padding of the grid for sm breakpoints **/
  /** Padding of the grid for md breakpoints **/
  /** Padding of the grid for lg breakpoints **/
  /** Padding of the grid for xl breakpoints **/
  /** Padding of the grid columns for xs breakpoints **/
  /** Padding of the grid columns for sm breakpoints **/
  /** Padding of the grid columns for md breakpoints **/
  /** Padding of the grid columns for lg breakpoints **/
  /** Padding of the grid columns for xl breakpoints **/
  /**
  **
  ** TMS VARIABLES
  **
  **/
  --tms-background-dark-hover: rgba(var(--bazis-background-dark-rgb), 0.12);
  --tms-background-dark-active: rgba(var(--bazis-background-dark-rgb), 0.20);
  --tms-background-strong-light: #75A3FF;
  --tms-background-strong-light-2: #C7D9FF;
  --tms-color-alpha-light: 0.08;
  --tms-color-alpha-medium: 0.2;
  --tms-color-alpha-strong: 0.24;
  --tms-danger-text-color: #F00505;
  --tms-warning-text-color: #EB9900;
  --tms-success-text-color: #006B45;
  --tms-purple: #5A0CFF;
  --tms-purple-rgb: 90, 12, 255;
  --tms-purple-light: #9E70FF;
  --tms-purple-hovered: #3501A4;
  --tms-purple-active: #210165;
  --tms-purple-active-rgb: 33, 1, 101;
  --tms-violet: #c30cff;
  --tms-violet-rgb: 195, 12, 255;
  --tms-violet-light: #D966FF;
  --tms-violet-hovered: #A100D6;
  --tms-violet-active: #6F0094;
  --tms-violet-active-rgb: 111, 0, 148;
  --tms-green: #62c986;
  --tms-green-rgb: 98, 201, 134;
  --tms-green-light: #91D9AA;
  --tms-green-hovered: #339456;
  --tms-green-active: #256A3E;
  --tms-green-active-rgb: 37, 106, 62;
  --tms-peach: #e04171;
  --tms-peach-rgb: 224, 65, 113;
  --tms-peach-light: #E97799;
  --tms-peach-hovered: #CE2256;
  --tms-peach-active: #95193E;
  --tms-peach-active-rgb: 149, 25, 62;
  --tms-blue: #259ed1;
  --tms-blue-rgb: 37, 158, 209;
  --tms-blue-light: #5ABAE2;
  --tms-blue-hovered: #1C769C;
  --tms-blue-active: #145571;
  --tms-blue-active-rgb: 20, 85, 113;
  --tms-teal: #28cabf;
  --tms-teal-rgb: 40, 202, 191;
  --tms-teal-light: #50DCD3;
  --tms-teal-hovered: #1D9189;
  --tms-teal-active: #13625D;
  --tms-teal-active-rgb: 19, 98, 93;
  --tms-turquoise: #25a0a5;
  --tms-turquoise-rgb: 37, 160, 165;
  --tms-turquoise-light: #7EDEE2;
  --tms-turquoise-hovered: #1B7579;
  --tms-turquoise-active: #135153;
  --tms-turquoise-active-rgb: 19, 81, 83;
  --tms-orange: #ff8c47;
  --tms-orange-rgb: 255, 140, 71;
  --tms-orange-light: #FFA670;
  --tms-orange-hovered: #FF6305;
  --tms-orange-active: #C24900;
  --tms-orange-active-rgb: 194, 73, 0;
  --tms-pink: #ff82cd;
  --tms-pink-rgb: 255, 130, 205;
  --tms-pink-light: #FFB8E2;
  --tms-pink-hovered: #FF3DB1;
  --tms-pink-active: #AD0068;
  --tms-pink-active-rgb: 173, 0, 104;
  --tms-lightblue: #aacfe4;
  --tms-lightblue-rgb: 170, 207, 228;
  --tms-lightblue-light: #CFE4F0;
  --tms-lightblue-hovered: #6CACD0;
  --tms-lightblue-active: #307296;
  --tms-lightblue-active-rgb: 48, 114, 150;
  --tms-yellow: #faa33f;
  --tms-yellow-rgb: 250, 163, 63;
  --tms-yellow-light: #FCC17E;
  --tms-yellow-hovered: #F98A0B;
  --tms-yellow-active: #C26A05;
  --tms-yellow-active-rgb: 194, 106, 5;
  --tms-darkorange: #ff7347;
  --tms-darkorange-rgb: 255, 115, 71;
  --tms-darkorange-light: #FFA285;
  --tms-darkorange-hovered: #FF490F;
  --tms-darkorange-active: #AD2A00;
  --tms-darkorange-active-rgb: 173, 42, 0;
  --tms-header-height: 95px;
  --tms-scroll-margin-side: 6px;
}
@media screen and (max-width: 1920px) {
  :root {
    --tms-header-height: 79px;
  }
}
@media screen and (max-width: 1280px) {
  :root {
    --tms-header-height: 71px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/core.scss?ngGlobalStyle (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Core CSS required for components to work properly */
.bazis-color-primary {
  --bazis-color-base: var(--bazis-color-primary) !important;
  --bazis-color-base-rgb: var(--bazis-color-primary-rgb) !important;
  --bazis-color-contrast: var(--bazis-color-primary-contrast) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-primary-contrast-rgb) !important;
  --bazis-color-shade: var(--bazis-color-primary-shade) !important;
  --bazis-color-shade-rgb: var(--bazis-color-primary-shade-grb) !important;
  --bazis-color-tint: var(--bazis-color-primary-tint) !important;
}

.bazis-color-secondary {
  --bazis-color-base: var(--bazis-color-secondary) !important;
  --bazis-color-base-rgb: var(--bazis-color-secondary-rgb);
  --bazis-color-contrast: var(--bazis-color-secondary-contrast) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-secondary-contrast-rgb) !important;
  --bazis-color-shade: var(--bazis-color-secondary-shade) !important;
  --bazis-color-shade-rgb: var(--bazis-color-secondary-shade-rgb) !important;
  --bazis-color-tint: var(--bazis-color-secondary-tint) !important;
}

.bazis-color-tertiary {
  --bazis-color-base: var(--bazis-color-tertiary) !important;
  --bazis-color-base-rgb: var(--bazis-color-tertiary-rgb) !important;
  --bazis-color-contrast: var(--bazis-color-tertiary-contrast) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-tertiary-contrast-rgb) !important;
  --bazis-color-shade: var(--bazis-color-tertiary-shade) !important;
  --bazis-color-shade-rgb: var(--bazis-color-tertiary-shade-grb) !important;
  --bazis-color-tint: var(--bazis-color-tertiary-tint) !important;
}

.bazis-color-action {
  --bazis-color-base: var(--bazis-color-action) !important;
  --bazis-color-base-rgb: var(--bazis-color-action-rgb) !important;
  --bazis-color-contrast: var(--bazis-color-action-contrast) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-action-contrast-rgb) !important;
  --bazis-color-shade: var(--bazis-color-action-shade) !important;
  --bazis-color-shade-grb: var(--bazis-color-action-shade-rgb) !important;
  --bazis-color-tint: var(--bazis-color-action-tint) !important;
}

.bazis-color-info {
  --bazis-color-base: var(--bazis-color-info) !important;
  --bazis-color-base-rgb: var(--bazis-color-info-rgb) !important;
  --bazis-color-contrast: var(--bazis-color-info-contrast) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-info-contrast-rgb) !important;
  --bazis-color-shade: var(--bazis-color-info-shade) !important;
  --bazis-color-shade-grb: var(--bazis-color-info-shade-rgb) !important;
  --bazis-color-tint: var(--bazis-color-info-tint) !important;
}

.bazis-color-success {
  --bazis-color-base: var(--bazis-color-success) !important;
  --bazis-color-base-rgb: var(--bazis-color-success-rgb) !important;
  --bazis-color-contrast: var(--bazis-color-success-contrast) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-success-contrast-rgb) !important;
  --bazis-color-shade: var(--bazis-color-success-shade) !important;
  --bazis-color-shade-rgb: var(--bazis-color-success-shade-rgb) !important;
  --bazis-color-tint: var(--bazis-color-success-tint) !important;
}

.bazis-color-warning {
  --bazis-color-base: var(--bazis-color-warning) !important;
  --bazis-color-base-rgb: var(--bazis-color-warning-rgb) !important;
  --bazis-color-contrast: var(--bazis-color-warning-contrast) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-warning-contrast-rgb) !important;
  --bazis-color-shade: var(--bazis-color-warning-shade) !important;
  --bazis-color-shade-rgb: var(--bazis-color-warning-shade-rgb) !important;
  --bazis-color-tint: var(--bazis-color-warning-tint) !important;
}

.bazis-color-danger {
  --bazis-color-base: var(--bazis-color-danger) !important;
  --bazis-color-base-rgb: var(--bazis-color-danger-rgb) !important;
  --bazis-color-contrast: var(--bazis-color-danger-contrast) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-danger-contrast-rgb) !important;
  --bazis-color-shade: var(--bazis-color-danger-shade) !important;
  --bazis-color-shade-rgb: var(--bazis-color-danger-shade-rgb) !important;
  --bazis-color-tint: var(--bazis-color-danger-tint) !important;
}

.bazis-color-light {
  --bazis-color-base: var(--bazis-color-light, #f4f5f8) !important;
  --bazis-color-base-rgb: var(--bazis-color-light-rgb, 244, 245, 248) !important;
  --bazis-color-contrast: var(--bazis-color-light-contrast, #000) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-light-contrast-rgb, 0, 0, 0) !important;
  --bazis-color-shade: var(--bazis-color-light-shade, #d7d8da) !important;
  --bazis-color-shade-rgb: var(--bazis-color-light-shade-rgb, 215, 216, 218) !important;
  --bazis-color-tint: var(--bazis-color-light-tint, #f5f6f9) !important;
}

.bazis-color-medium {
  --bazis-color-base: var(--bazis-color-medium, #92949c) !important;
  --bazis-color-base-rgb: var(--bazis-color-medium-rgb, 146, 148, 156) !important;
  --bazis-color-contrast: var(--bazis-color-medium-contrast, #fff) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-medium-contrast-rgb, 255, 255, 255) !important;
  --bazis-color-shade: var(--bazis-color-medium-shade, #808289) !important;
  --bazis-color-shade-rgb: var(--bazis-color-medium-shade-rgb, 128, 130, 137) !important;
  --bazis-color-tint: var(--bazis-color-medium-tint, #9d9fa6) !important;
}

.bazis-color-dark {
  --bazis-color-base: var(--bazis-color-dark, #111214) !important;
  --bazis-color-base-rgb: var(--bazis-color-dark-rgb, 17, 18, 20) !important;
  --bazis-color-contrast: var(--bazis-color-dark-contrast, #fff) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-dark-contrast-rgb, 255, 255, 255) !important;
  --bazis-color-shade: var(--bazis-color-dark-shade, #0f1012) !important;
  --bazis-color-shade-rgb: var(--bazis-color-dark-shade-rgb, 15, 16, 18) !important;
  --bazis-color-tint: var(--bazis-color-dark-tint, #292a2c) !important;
}

.bazis-bg-base {
  --bazis-bg-base: var(--bazis-background) !important;
  --bazis-bg-base-rgb: var(--bazis-background-rgb) !important;
}

.bazis-bg-light {
  --bazis-bg-base: var(--bazis-background-light, var(--bazis-background)) !important;
  --bazis-bg-base-rgb: var(--bazis-background-light-rgb, var(--bazis-background-rgb)) !important;
}

.bazis-bg-medium {
  --bazis-bg-base: var(--bazis-background-medium) !important;
  --bazis-bg-base-rgb: var(--bazis-background-medium-rgb) !important;
}

.bazis-bg-dark {
  --bazis-bg-base: var(--bazis-background-dark) !important;
  --bazis-bg-base-rgb: var(--bazis-background-dark-rgb) !important;
}

.bazis-bg-accent {
  --bazis-bg-base: var(--bazis-background-accent) !important;
  --bazis-bg-base-rgb: var(--bazis-background-accent-rgb) !important;
}

.bazis-bg-info-secondary {
  --bazis-bg-base: var(--bazis-background-info-secondary) !important;
  --bazis-bg-base-rgb: var(--bazis-background-info-secondary-rgb) !important;
}

.bazis-bg-header {
  --bazis-bg-base: var(--bazis-header-background) !important;
  --bazis-bg-base-rgb: var(--bazis-header-background-rgb) !important;
}

.bazis-bg-footer {
  --bazis-bg-base: var(--bazis-footer-background) !important;
  --bazis-bg-base-rgb: var(--bazis-footer-background-rgb) !important;
}

body {
  background: var(--bazis-background);
}

body.bazis-backdrop-no-scroll {
  overflow: hidden;
}

@supports (padding-top: constant(safe-area-inset-top)) {
  html {
    --bazis-safe-area-top: constant(safe-area-inset-top);
    --bazis-safe-area-bottom: constant(safe-area-inset-bottom);
    --bazis-safe-area-left: constant(safe-area-inset-left);
    --bazis-safe-area-right: constant(safe-area-inset-right);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --bazis-safe-area-top: env(safe-area-inset-top);
    --bazis-safe-area-bottom: env(safe-area-inset-bottom);
    --bazis-safe-area-left: env(safe-area-inset-left);
    --bazis-safe-area-right: env(safe-area-inset-right);
  }
}
input::-webkit-date-and-time-value {
  text-align: start;
}

/* Basic CSS for apps built */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

b,
strong {
  font-weight: bold;
}

img {
  max-width: 100%;
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}

textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}

textarea::placeholder {
  padding-left: 2px;
}

form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}

html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

a,
a div,
a span,
button,
button div,
button span,
[tappable],
[tappable] div,
[tappable] span,
input,
textarea {
  touch-action: manipulation;
}

button {
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}

[tappable] {
  cursor: pointer;
}

a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type=checkbox],
input[type=radio] {
  padding: 0;
  box-sizing: border-box;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 100%;
  scrollbar-gutter: stable;
}
body:has(.bazis-modal) {
  overflow: hidden;
}

.bazis-container, .bazis-blocking-message {
  /*
  * @prop --max-width-container: максимальная ширина контента
  * @prop --padding-side: высчитываемая величина внутренних начального и конечного отступов
  */
  padding: 0 calc(50% - 680px);
  --padding-side: calc(var(--max-width-container) / 2);
  padding: 0 calc(50% - var(--padding-side));
}
.bazis-container::after, .bazis-blocking-message::after, .bazis-container::before, .bazis-blocking-message::before {
  display: table;
  content: "";
  clear: both;
}
.bazis-container .bazis-container, .bazis-blocking-message .bazis-container, .bazis-container .bazis-blocking-message, .bazis-blocking-message .bazis-blocking-message {
  padding-left: 0;
  padding-right: 0;
}

.bazis-container_margin {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-width-container);
  padding-left: 40px;
  padding-right: 40px;
}

.bazis-container, .bazis-blocking-message,
.bazis-container_margin {
  --max-width-container: 1440px;
}
@media (min-width: 1199.98px) {
  .bazis-container, .bazis-blocking-message,
  .bazis-container_margin {
    --max-width-container: 1120px;
  }
}
@media (min-width: 1279.98px) {
  .bazis-container, .bazis-blocking-message,
  .bazis-container_margin {
    --max-width-container: 1200px;
  }
}
@media (min-width: 1359.98px) {
  .bazis-container, .bazis-blocking-message,
  .bazis-container_margin {
    --max-width-container: 1280px;
  }
}
@media (min-width: 1436px) {
  .bazis-container, .bazis-blocking-message,
  .bazis-container_margin {
    --max-width-container: 1360px;
  }
}
@media (max-width: 1435px) {
  .bazis-container, .bazis-blocking-message,
  .bazis-container_margin {
    padding: 0 40px;
  }
}
@media (max-width: 1024px) {
  .bazis-container, .bazis-blocking-message,
  .bazis-container_margin {
    padding: 0 32px;
  }
}
@media (max-width: 576.98px) {
  .bazis-container, .bazis-blocking-message,
  .bazis-container_margin {
    padding: 0 20px;
  }
}
@media print {
  .bazis-container, .bazis-blocking-message,
  .bazis-container_margin {
    padding: 0;
  }
}

hr {
  --margin-top: initial;
  --margin-bottom: initial;
  --border-color: var(--bazis-border-color);
  --border-style: solid;
  border-width: 1px 0 0;
  border-color: var(--border-color);
  border-style: var(--border-style);
  height: 0;
  margin-top: var(--margin-top, var(--bazis-margin-8x));
  margin-bottom: var(--margin-bottom, var(--bazis-margin-8x));
}
section hr {
  --margin-top: var(--bazis-margin-6x);
  --margin-bottom: var(--bazis-margin-6x);
}
section hr.bazis-hr_no-top {
  --margin-top: 0;
}

*,
html {
  scrollbar-color: var(--bazis-background-dark) var(--bazis-border-color-dark);
  scrollbar-width: thin;
}

@supports selector(::-webkit-scrollbar) {
  *,
  html {
    scrollbar-color: unset;
    scrollbar-width: unset;
  }
  *::-webkit-scrollbar,
  ::-webkit-scrollbar {
    -webkit-appearance: none;
    -webkit-overflow-scrolling: auto;
    width: 4px;
    height: 4px;
  }
  *::-webkit-scrollbar-track,
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: var(--bazis-border-radius);
    background: var(--bazis-background-dark);
  }
  *::-webkit-scrollbar-track:horizontal,
  ::-webkit-scrollbar-track:horizontal {
    -webkit-box-shadow: none;
  }
  *::-webkit-scrollbar-thumb,
  ::-webkit-scrollbar-thumb {
    border-radius: var(--bazis-border-radius);
    background: var(--bazis-border-color-dark);
  }
}
html {
  font-family: var(--bazis-font-family);
  font-weight: 400;
  font-size: var(--bazis-font-size);
  line-height: var(--bazis-line-height);
  color: var(--bazis-text-color);
}

h1,
.bazis-h1 {
  margin: var(--bazis-h1-margin);
  font-size: var(--bazis-font-size-h1);
  line-height: var(--bazis-line-height-h1);
}

.bazis-h1_major {
  margin: var(--bazis-h1-margin-major, var(--bazis-h1-margin));
  font-size: var(--bazis-font-size-h1-major, var(--bazis-font-size-h1));
  line-height: var(--bazis-line-height-h1-major, var(--bazis-line-height-h1));
}

.bazis-h1_minor {
  margin: var(--bazis-h1-margin-minor, var(--bazis-h1-margin));
  font-size: var(--bazis-font-size-h1-minor, var(--bazis-font-size-h1));
  line-height: var(--bazis-line-height-h1-minor, var(--bazis-line-height-h1));
}

h2,
.bazis-h2 {
  margin: var(--bazis-h2-margin);
  font-size: var(--bazis-font-size-h2);
  line-height: var(--bazis-line-height-h2);
}

.bazis-h2_major {
  margin: var(--bazis-h2-margin-major, var(--bazis-h2-margin));
  font-size: var(--bazis-font-size-h2-major, var(--bazis-font-size-h2));
  line-height: var(--bazis-line-height-h2-major, var(--bazis-line-height-h2));
}

.bazis-h2_minor {
  margin: var(--bazis-h2-margin-minor, var(--bazis-h2-margin));
  font-size: var(--bazis-font-size-h2-minor, var(--bazis-font-size-h2));
  line-height: var(--bazis-line-height-h2-minor, var(--bazis-line-height-h2));
}

h3,
.bazis-h3 {
  margin: var(--bazis-h3-margin);
  font-size: var(--bazis-font-size-h3);
  line-height: var(--bazis-line-height-h3);
}

.bazis-h3_major {
  margin: var(--bazis-h3-margin-major, var(--bazis-h3-margin));
  font-size: var(--bazis-font-size-h3-major, var(--bazis-font-size-h3));
  line-height: var(--bazis-line-height-h3-major, var(--bazis-line-height-h3));
}

.bazis-h3_minor {
  margin: var(--bazis-h3-margin-minor, var(--bazis-h3-margin));
  font-size: var(--bazis-font-size-h3-minor, var(--bazis-font-size-h3));
  line-height: var(--bazis-line-height-h3-minor, var(--bazis-line-height-h3));
}

h4,
.bazis-h4 {
  margin: var(--bazis-h4-margin);
  font-size: var(--bazis-font-size-h4);
  line-height: var(--bazis-line-height-h4);
}

.bazis-h4_major {
  margin: var(--bazis-h4-margin-major, var(--bazis-h4-margin));
  font-size: var(--bazis-font-size-h4-major, var(--bazis-font-size-h4));
  line-height: var(--bazis-line-height-h4-major, var(--bazis-line-height-h4));
}

.bazis-h4_minor {
  margin: var(--bazis-h4-margin-minor, var(--bazis-h4-margin));
  font-size: var(--bazis-font-size-h4-minor, var(--bazis-font-size-h4));
  line-height: var(--bazis-line-height-h4-minor, var(--bazis-line-height-h4));
}

h5,
.bazis-h5 {
  margin: var(--bazis-h5-margin);
  font-size: var(--bazis-font-size-h5);
  line-height: var(--bazis-line-height-h5);
}

.bazis-h5_major {
  margin: var(--bazis-h5-margin-major, var(--bazis-h5-margin));
  font-size: var(--bazis-font-size-h5-major, var(--bazis-font-size-h5));
  line-height: var(--bazis-line-height-h5-major, var(--bazis-line-height-h5));
}

.bazis-h5_minor {
  margin: var(--bazis-h5-margin-minor, var(--bazis-h5-margin));
  font-size: var(--bazis-font-size-h5-minor, var(--bazis-font-size-h5));
  line-height: var(--bazis-line-height-h5-minor, var(--bazis-line-height-h5));
}

h6,
.bazis-h6 {
  margin: var(--bazis-h6-margin);
  font-size: var(--bazis-font-size-h6);
  line-height: var(--bazis-line-height-h6);
}

.bazis-h6_major {
  margin: var(--bazis-h6-margin-major, var(--bazis-h6-margin));
  font-size: var(--bazis-font-size-h6-major, var(--bazis-font-size-h6));
  line-height: var(--bazis-line-height-h6-major, var(--bazis-line-height-h6));
}

.bazis-h6_minor {
  margin: var(--bazis-h6-margin-minor, var(--bazis-h6-margin));
  font-size: var(--bazis-font-size-h6-minor, var(--bazis-font-size-h6));
  line-height: var(--bazis-line-height-h6-minor, var(--bazis-line-height-h6));
}

p,
.bazis-p {
  margin: var(--bazis-p-margin);
  font-size: var(--bazis-font-size-p);
  line-height: var(--bazis-line-height-p);
}

.bazis-p_major {
  margin: var(--bazis-p-margin-major, var(--bazis-p-margin));
  font-size: var(--bazis-font-size-p-major, var(--bazis-font-size-p));
  line-height: var(--bazis-line-height-p-major, var(--bazis-line-height-p));
}

.bazis-p_minor {
  margin: var(--bazis-p-margin-minor, var(--bazis-p-margin));
  font-size: var(--bazis-font-size-p-minor, var(--bazis-font-size-p));
  line-height: var(--bazis-line-height-p-minor, var(--bazis-line-height-p));
}

small {
  font-size: 75%;
}

.bazis-small, .bazis-small_uppercase {
  font-size: var(--bazis-font-size-small);
  line-height: var(--bazis-line-height-small);
}

.bazis-small_uppercase {
  text-transform: uppercase;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

a {
  background-color: transparent;
  color: var(--bazis-link-color);
}
a:hover:not(.bazis-block) {
  color: var(--bazis-link-hover-color);
}

.bazis-text {
  font-size: var(--bazis-font-size-p);
  line-height: var(--bazis-line-height-p);
}
.bazis-text-action {
  color: var(--bazis-color-action);
}
.bazis-text_secondary {
  color: var(--bazis-text-color-secondary);
}
.bazis-text_placeholder {
  color: var(--bazis-placeholder-color);
}
.bazis-text_major {
  font-size: var(--bazis-font-size-p-major);
  line-height: var(--bazis-line-height-p-major);
}
.bazis-text_minor {
  font-size: var(--bazis-font-size-p-minor);
  line-height: var(--bazis-line-height-p-minor);
}
/* Optional CSS utils that can be commented out */
.bh-block {
  display: block;
}

.bh-inline {
  display: inline;
}

.bh-inline-block {
  display: inline-block;
}

.bh-table {
  display: table;
}

.bh-flex, .bh-flex-column-reverse, .bh-flex-row-reverse, .bh-flex-column {
  display: flex;
}

.bh-inline-flex {
  display: inline-flex;
}

.bh-grid {
  display: grid;
}

.bh-hide {
  display: none !important;
}

.bh-contents {
  display: contents;
}

.bh-hidden {
  visibility: hidden;
}

.bh-visible-hover {
  display: none;
}

@media screen and (min-width: 576.98px) {
  .bh-hide-sm-up {
    display: none !important;
  }
}
@media screen and (max-width: 576px) {
  .bh-hide-sm-down {
    display: none !important;
  }
}
@media screen and (min-width: 768.98px) {
  .bh-hide-md-up {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .bh-hide-md-down {
    display: none !important;
  }
}
@media screen and (min-width: 992.98px) {
  .bh-hide-lg-up {
    display: none !important;
  }
}
@media screen and (max-width: 992px) {
  .bh-hide-lg-down {
    display: none !important;
  }
}
@media screen and (min-width: 1024.98px) {
  .bh-hide-xl-up {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .bh-hide-xl-down {
    display: none !important;
  }
}
@media screen and (min-width: 1280.98px) {
  .bh-hide-xxl-up {
    display: none !important;
  }
}
@media screen and (max-width: 1280px) {
  .bh-hide-xxl-down {
    display: none !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 768px) {
  .bh-hide-sm-md {
    display: none !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 992px) {
  .bh-hide-sm-lg {
    display: none !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 1024px) {
  .bh-hide-sm-xl {
    display: none !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 1280px) {
  .bh-hide-sm-xxl {
    display: none !important;
  }
}
@media screen and (min-width: 768.98px) and (max-width: 992px) {
  .bh-hide-md-lg {
    display: none !important;
  }
}
@media screen and (min-width: 768.98px) and (max-width: 1024px) {
  .bh-hide-md-xl {
    display: none !important;
  }
}
@media screen and (min-width: 768.98px) and (max-width: 1280px) {
  .bh-hide-md-xxl {
    display: none !important;
  }
}
@media screen and (min-width: 992.98px) and (max-width: 1024px) {
  .bh-hide-lg-xl {
    display: none !important;
  }
}
@media screen and (min-width: 992.98px) and (max-width: 1280px) {
  .bh-hide-lg-xxl {
    display: none !important;
  }
}
@media screen and (min-width: 1024.98px) and (max-width: 1280px) {
  .bh-hide-xl-xxl {
    display: none !important;
  }
}
@media print {
  .bh-hide-print {
    display: none !important;
  }
}
@media (min-device-width: 576.98px) {
  .bh-hide-device-sm-up {
    display: none !important;
  }
}
@media (max-device-width: 576px) {
  .bh-hide-device-sm-down {
    display: none !important;
  }
}
@media (min-device-width: 768.98px) {
  .bh-hide-device-md-up {
    display: none !important;
  }
}
@media (max-device-width: 768px) {
  .bh-hide-device-md-down {
    display: none !important;
  }
}
@media (min-device-width: 992.98px) {
  .bh-hide-device-lg-up {
    display: none !important;
  }
}
@media (max-device-width: 992px) {
  .bh-hide-device-lg-down {
    display: none !important;
  }
}
@media (min-device-width: 1024.98px) {
  .bh-hide-device-xl-up {
    display: none !important;
  }
}
@media (max-device-width: 1024px) {
  .bh-hide-device-xl-down {
    display: none !important;
  }
}
@media (min-device-width: 1280.98px) {
  .bh-hide-device-xxl-up {
    display: none !important;
  }
}
@media (max-device-width: 1280px) {
  .bh-hide-device-xxl-down {
    display: none !important;
  }
}
/* смартфоны, устройства с сенсорным экраном, с которым работают пальцами */
@media (hover: none) and (pointer: coarse) {
  .bh-hide-touch-device {
    display: none !important;
  }
}
/* мышь, тачпад */
@media (hover: hover) and (pointer: fine) {
  .bh-hide-cursor-device {
    display: none !important;
  }
}
/* устройства с сенсорным экраном, с которым работают стилусом */
@media (hover: none) and (pointer: fine) {
  /* ... */
}
.bh-align-self-start {
  align-self: flex-start !important;
}

.bh-align-self-end {
  align-self: flex-end !important;
}

.bh-align-self-center {
  align-self: center !important;
}

.bh-align-self-stretch {
  align-self: stretch !important;
}

.bh-align-self-baseline {
  align-self: baseline !important;
}

.bh-align-self-auto {
  align-self: auto !important;
}

.bh-flex-wrap {
  flex-wrap: wrap !important;
}

.bh-flex-nowrap {
  flex-wrap: nowrap !important;
}

.bh-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.bh-justify-content-start {
  justify-content: flex-start !important;
}

.bh-justify-content-center {
  justify-content: center !important;
}

.bh-justify-content-end {
  justify-content: flex-end !important;
}

.bh-justify-content-around {
  justify-content: space-around !important;
}

.bh-justify-content-between {
  justify-content: space-between !important;
}

.bh-justify-content-evenly {
  justify-content: space-evenly !important;
}

.bh-align-items-start {
  align-items: flex-start !important;
}

.bh-align-items-center {
  align-items: center !important;
}

.bh-align-items-end {
  align-items: flex-end !important;
}

.bh-align-items-stretch {
  align-items: stretch !important;
}

.bh-align-items-baseline {
  align-items: baseline !important;
}

.bh-shrink {
  flex-shrink: 0;
}

.bh-flex-row {
  display: flex;
  flex-direction: row;
}

.bh-flex-column {
  flex-direction: column;
}

.bh-flex-row-reverse {
  flex-direction: row-reverse;
}

.bh-flex-column-reverse {
  flex-direction: column-reverse;
}

.bh-flex-all-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

@media (min-width: 576.98px) {
  .bh-align-self-sm-start {
    align-self: flex-start !important;
  }
  .bh-align-self-sm-end {
    align-self: flex-end !important;
  }
  .bh-align-self-sm-center {
    align-self: center !important;
  }
  .bh-align-self-sm-stretch {
    align-self: stretch !important;
  }
  .bh-align-self-sm-baseline {
    align-self: baseline !important;
  }
  .bh-align-self-sm-auto {
    align-self: auto !important;
  }
  .bh-flex-wrap-sm {
    flex-wrap: wrap !important;
  }
  .bh-flex-nowrap-sm {
    flex-wrap: nowrap !important;
  }
  .bh-flex-wrap-reverse-sm {
    flex-wrap: wrap-reverse !important;
  }
  .bh-justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .bh-justify-content-sm-center {
    justify-content: center !important;
  }
  .bh-justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .bh-justify-content-sm-around {
    justify-content: space-around !important;
  }
  .bh-justify-content-sm-between {
    justify-content: space-between !important;
  }
  .bh-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .bh-align-items-sm-start {
    align-items: flex-start !important;
  }
  .bh-align-items-sm-center {
    align-items: center !important;
  }
  .bh-align-items-sm-end {
    align-items: flex-end !important;
  }
  .bh-align-items-sm-stretch {
    align-items: stretch !important;
  }
  .bh-align-items-sm-baseline {
    align-items: baseline !important;
  }
  .bh-flex-sm-row {
    flex-direction: row;
  }
  .bh-flex-sm-column {
    flex-direction: column;
  }
  .bh-flex-sm-row-reverse {
    flex-direction: row-reverse;
  }
  .bh-flex-sm-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768.98px) {
  .bh-align-self-md-start {
    align-self: flex-start !important;
  }
  .bh-align-self-md-end {
    align-self: flex-end !important;
  }
  .bh-align-self-md-center {
    align-self: center !important;
  }
  .bh-align-self-md-stretch {
    align-self: stretch !important;
  }
  .bh-align-self-md-baseline {
    align-self: baseline !important;
  }
  .bh-align-self-md-auto {
    align-self: auto !important;
  }
  .bh-flex-wrap-md {
    flex-wrap: wrap !important;
  }
  .bh-flex-nowrap-md {
    flex-wrap: nowrap !important;
  }
  .bh-flex-wrap-reverse-md {
    flex-wrap: wrap-reverse !important;
  }
  .bh-justify-content-md-start {
    justify-content: flex-start !important;
  }
  .bh-justify-content-md-center {
    justify-content: center !important;
  }
  .bh-justify-content-md-end {
    justify-content: flex-end !important;
  }
  .bh-justify-content-md-around {
    justify-content: space-around !important;
  }
  .bh-justify-content-md-between {
    justify-content: space-between !important;
  }
  .bh-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .bh-align-items-md-start {
    align-items: flex-start !important;
  }
  .bh-align-items-md-center {
    align-items: center !important;
  }
  .bh-align-items-md-end {
    align-items: flex-end !important;
  }
  .bh-align-items-md-stretch {
    align-items: stretch !important;
  }
  .bh-align-items-md-baseline {
    align-items: baseline !important;
  }
  .bh-flex-md-row {
    flex-direction: row;
  }
  .bh-flex-md-column {
    flex-direction: column;
  }
  .bh-flex-md-row-reverse {
    flex-direction: row-reverse;
  }
  .bh-flex-md-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 992.98px) {
  .bh-align-self-lg-start {
    align-self: flex-start !important;
  }
  .bh-align-self-lg-end {
    align-self: flex-end !important;
  }
  .bh-align-self-lg-center {
    align-self: center !important;
  }
  .bh-align-self-lg-stretch {
    align-self: stretch !important;
  }
  .bh-align-self-lg-baseline {
    align-self: baseline !important;
  }
  .bh-align-self-lg-auto {
    align-self: auto !important;
  }
  .bh-flex-wrap-lg {
    flex-wrap: wrap !important;
  }
  .bh-flex-nowrap-lg {
    flex-wrap: nowrap !important;
  }
  .bh-flex-wrap-reverse-lg {
    flex-wrap: wrap-reverse !important;
  }
  .bh-justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .bh-justify-content-lg-center {
    justify-content: center !important;
  }
  .bh-justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .bh-justify-content-lg-around {
    justify-content: space-around !important;
  }
  .bh-justify-content-lg-between {
    justify-content: space-between !important;
  }
  .bh-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .bh-align-items-lg-start {
    align-items: flex-start !important;
  }
  .bh-align-items-lg-center {
    align-items: center !important;
  }
  .bh-align-items-lg-end {
    align-items: flex-end !important;
  }
  .bh-align-items-lg-stretch {
    align-items: stretch !important;
  }
  .bh-align-items-lg-baseline {
    align-items: baseline !important;
  }
  .bh-flex-lg-row {
    flex-direction: row;
  }
  .bh-flex-lg-column {
    flex-direction: column;
  }
  .bh-flex-lg-row-reverse {
    flex-direction: row-reverse;
  }
  .bh-flex-lg-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1024.98px) {
  .bh-align-self-xl-start {
    align-self: flex-start !important;
  }
  .bh-align-self-xl-end {
    align-self: flex-end !important;
  }
  .bh-align-self-xl-center {
    align-self: center !important;
  }
  .bh-align-self-xl-stretch {
    align-self: stretch !important;
  }
  .bh-align-self-xl-baseline {
    align-self: baseline !important;
  }
  .bh-align-self-xl-auto {
    align-self: auto !important;
  }
  .bh-flex-wrap-xl {
    flex-wrap: wrap !important;
  }
  .bh-flex-nowrap-xl {
    flex-wrap: nowrap !important;
  }
  .bh-flex-wrap-reverse-xl {
    flex-wrap: wrap-reverse !important;
  }
  .bh-justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .bh-justify-content-xl-center {
    justify-content: center !important;
  }
  .bh-justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .bh-justify-content-xl-around {
    justify-content: space-around !important;
  }
  .bh-justify-content-xl-between {
    justify-content: space-between !important;
  }
  .bh-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .bh-align-items-xl-start {
    align-items: flex-start !important;
  }
  .bh-align-items-xl-center {
    align-items: center !important;
  }
  .bh-align-items-xl-end {
    align-items: flex-end !important;
  }
  .bh-align-items-xl-stretch {
    align-items: stretch !important;
  }
  .bh-align-items-xl-baseline {
    align-items: baseline !important;
  }
  .bh-flex-xl-row {
    flex-direction: row;
  }
  .bh-flex-xl-column {
    flex-direction: column;
  }
  .bh-flex-xl-row-reverse {
    flex-direction: row-reverse;
  }
  .bh-flex-xl-column-reverse {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1280.98px) {
  .bh-align-self-xxl-start {
    align-self: flex-start !important;
  }
  .bh-align-self-xxl-end {
    align-self: flex-end !important;
  }
  .bh-align-self-xxl-center {
    align-self: center !important;
  }
  .bh-align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .bh-align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .bh-align-self-xxl-auto {
    align-self: auto !important;
  }
  .bh-flex-wrap-xxl {
    flex-wrap: wrap !important;
  }
  .bh-flex-nowrap-xxl {
    flex-wrap: nowrap !important;
  }
  .bh-flex-wrap-reverse-xxl {
    flex-wrap: wrap-reverse !important;
  }
  .bh-justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .bh-justify-content-xxl-center {
    justify-content: center !important;
  }
  .bh-justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .bh-justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .bh-justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .bh-justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .bh-align-items-xxl-start {
    align-items: flex-start !important;
  }
  .bh-align-items-xxl-center {
    align-items: center !important;
  }
  .bh-align-items-xxl-end {
    align-items: flex-end !important;
  }
  .bh-align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .bh-align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .bh-flex-xxl-row {
    flex-direction: row;
  }
  .bh-flex-xxl-column {
    flex-direction: column;
  }
  .bh-flex-xxl-row-reverse {
    flex-direction: row-reverse;
  }
  .bh-flex-xxl-column-reverse {
    flex-direction: column-reverse;
  }
}
.bh-float-left {
  float: left !important;
}

.bh-float-right {
  float: right !important;
}

.bh-float-start {
  float: left !important;
}

[dir=rtl] .bh-float-start, :host-context([dir=rtl]) .bh-float-start {
  float: right !important;
}

.bh-float-end {
  float: right !important;
}

[dir=rtl] .bh-float-end, :host-context([dir=rtl]) .bh-float-end {
  float: left !important;
}

@media (min-width: 576.98px) {
  .bh-float-sm-left {
    float: left !important;
  }
  .bh-float-sm-right {
    float: right !important;
  }
  .bh-float-sm-start {
    float: left !important;
  }
  [dir=rtl] .bh-float-sm-start, :host-context([dir=rtl]) .bh-float-sm-start {
    float: right !important;
  }
  .bh-float-sm-end {
    float: right !important;
  }
  [dir=rtl] .bh-float-sm-end, :host-context([dir=rtl]) .bh-float-sm-end {
    float: left !important;
  }
}
@media (min-width: 768.98px) {
  .bh-float-md-left {
    float: left !important;
  }
  .bh-float-md-right {
    float: right !important;
  }
  .bh-float-md-start {
    float: left !important;
  }
  [dir=rtl] .bh-float-md-start, :host-context([dir=rtl]) .bh-float-md-start {
    float: right !important;
  }
  .bh-float-md-end {
    float: right !important;
  }
  [dir=rtl] .bh-float-md-end, :host-context([dir=rtl]) .bh-float-md-end {
    float: left !important;
  }
}
@media (min-width: 992.98px) {
  .bh-float-lg-left {
    float: left !important;
  }
  .bh-float-lg-right {
    float: right !important;
  }
  .bh-float-lg-start {
    float: left !important;
  }
  [dir=rtl] .bh-float-lg-start, :host-context([dir=rtl]) .bh-float-lg-start {
    float: right !important;
  }
  .bh-float-lg-end {
    float: right !important;
  }
  [dir=rtl] .bh-float-lg-end, :host-context([dir=rtl]) .bh-float-lg-end {
    float: left !important;
  }
}
@media (min-width: 1024.98px) {
  .bh-float-xl-left {
    float: left !important;
  }
  .bh-float-xl-right {
    float: right !important;
  }
  .bh-float-xl-start {
    float: left !important;
  }
  [dir=rtl] .bh-float-xl-start, :host-context([dir=rtl]) .bh-float-xl-start {
    float: right !important;
  }
  .bh-float-xl-end {
    float: right !important;
  }
  [dir=rtl] .bh-float-xl-end, :host-context([dir=rtl]) .bh-float-xl-end {
    float: left !important;
  }
}
@media (min-width: 1200px) {
  .bh-float-xxl-left {
    float: left !important;
  }
  .bh-float-xxl-right {
    float: right !important;
  }
  .bh-float-xxl-start {
    float: left !important;
  }
  [dir=rtl] .bh-float-xxl-start, :host-context([dir=rtl]) .bh-float-xxl-start {
    float: right !important;
  }
  .bh-float-xxl-end {
    float: right !important;
  }
  [dir=rtl] .bh-float-xxl-end, :host-context([dir=rtl]) .bh-float-xxl-end {
    float: left !important;
  }
}
.bh-font-normal {
  font-weight: 400;
}

.bh-font-medium {
  font-weight: 500;
}

.bh-font-semibold {
  font-weight: 600;
}

.bh-font-bold {
  font-weight: 700;
}

.bh-line-elements {
  --gap: var(--bazis-margin-4x);
  display: flex;
  gap: var(--gap);
}

.bh-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.bh-padding-1x {
  --bazis-padding: var(--bazis-padding-1x);
  --padding-start: var(--bazis-padding, 12px);
  --padding-end: var(--bazis-padding, 12px);
  --padding-top: var(--bazis-padding, 12px);
  --padding-bottom: var(--bazis-padding, 12px);
  padding-left: var(--bazis-padding, 12px) !important;
  padding-right: var(--bazis-padding, 12px) !important;
  padding-top: var(--bazis-padding, 12px) !important;
  padding-bottom: var(--bazis-padding, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-1x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding, 12px) !important;
    padding-inline-end: var(--bazis-padding, 12px) !important;
  }
}
.bh-padding-top-1x {
  --bazis-padding-top: var(--bazis-padding-1x);
  --padding-top: var(--bazis-padding-top, 12px);
  padding-top: var(--bazis-padding-top, 12px) !important;
}

.bh-padding-start-1x {
  --bazis-padding-start: var(--bazis-padding-1x);
  --padding-start: var(--bazis-padding-start, 12px);
  padding-left: var(--bazis-padding-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-start-1x {
    padding-left: unset;
    padding-inline-start: var(--bazis-padding-start, 12px) !important;
  }
}
.bh-padding-end-1x {
  --bazis-padding-end: var(--bazis-padding-1x);
  --padding-end: var(--bazis-padding-end, 12px);
  padding-right: var(--bazis-padding-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-end-1x {
    padding-right: unset;
    padding-inline-end: var(--bazis-padding-end, 12px) !important;
  }
}
.bh-padding-bottom-1x {
  --bazis-padding-bottom: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-bottom, 12px);
  padding-bottom: var(--bazis-padding-bottom, 12px) !important;
}

.bh-padding-vertical-1x {
  --bazis-padding-vertical: var(--bazis-padding-1x);
  --padding-top: var(--bazis-padding-vertical, 12px);
  --padding-bottom: var(--bazis-padding-vertical, 12px);
  padding-top: var(--bazis-padding-vertical, 12px) !important;
  padding-bottom: var(--bazis-padding-vertical, 12px) !important;
}

.bh-padding-horizontal-1x {
  --bazis-padding-horizontal: var(--bazis-padding-1x);
  --padding-start: var(--bazis-padding-horizontal, 12px);
  --padding-end: var(--bazis-padding-horizontal, 12px);
  padding-left: var(--bazis-padding-horizontal, 12px) !important;
  padding-right: var(--bazis-padding-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-horizontal-1x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding-horizontal, 12px) !important;
    padding-inline-end: var(--bazis-padding-horizontal, 12px) !important;
  }
}
.bh-padding-2x {
  --bazis-padding: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding, 12px);
  --padding-end: var(--bazis-padding, 12px);
  --padding-top: var(--bazis-padding, 12px);
  --padding-bottom: var(--bazis-padding, 12px);
  padding-left: var(--bazis-padding, 12px) !important;
  padding-right: var(--bazis-padding, 12px) !important;
  padding-top: var(--bazis-padding, 12px) !important;
  padding-bottom: var(--bazis-padding, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-2x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding, 12px) !important;
    padding-inline-end: var(--bazis-padding, 12px) !important;
  }
}
.bh-padding-top-2x {
  --bazis-padding-top: var(--bazis-padding-2x);
  --padding-top: var(--bazis-padding-top, 12px);
  padding-top: var(--bazis-padding-top, 12px) !important;
}

.bh-padding-start-2x {
  --bazis-padding-start: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-start, 12px);
  padding-left: var(--bazis-padding-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-start-2x {
    padding-left: unset;
    padding-inline-start: var(--bazis-padding-start, 12px) !important;
  }
}
.bh-padding-end-2x {
  --bazis-padding-end: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-end, 12px);
  padding-right: var(--bazis-padding-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-end-2x {
    padding-right: unset;
    padding-inline-end: var(--bazis-padding-end, 12px) !important;
  }
}
.bh-padding-bottom-2x {
  --bazis-padding-bottom: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-bottom, 12px);
  padding-bottom: var(--bazis-padding-bottom, 12px) !important;
}

.bh-padding-vertical-2x {
  --bazis-padding-vertical: var(--bazis-padding-2x);
  --padding-top: var(--bazis-padding-vertical, 12px);
  --padding-bottom: var(--bazis-padding-vertical, 12px);
  padding-top: var(--bazis-padding-vertical, 12px) !important;
  padding-bottom: var(--bazis-padding-vertical, 12px) !important;
}

.bh-padding-horizontal-2x {
  --bazis-padding-horizontal: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-horizontal, 12px);
  --padding-end: var(--bazis-padding-horizontal, 12px);
  padding-left: var(--bazis-padding-horizontal, 12px) !important;
  padding-right: var(--bazis-padding-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-horizontal-2x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding-horizontal, 12px) !important;
    padding-inline-end: var(--bazis-padding-horizontal, 12px) !important;
  }
}
.bh-padding-3x {
  --bazis-padding: var(--bazis-padding-3x);
  --padding-start: var(--bazis-padding, 12px);
  --padding-end: var(--bazis-padding, 12px);
  --padding-top: var(--bazis-padding, 12px);
  --padding-bottom: var(--bazis-padding, 12px);
  padding-left: var(--bazis-padding, 12px) !important;
  padding-right: var(--bazis-padding, 12px) !important;
  padding-top: var(--bazis-padding, 12px) !important;
  padding-bottom: var(--bazis-padding, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-3x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding, 12px) !important;
    padding-inline-end: var(--bazis-padding, 12px) !important;
  }
}
.bh-padding-top-3x {
  --bazis-padding-top: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-top, 12px);
  padding-top: var(--bazis-padding-top, 12px) !important;
}

.bh-padding-start-3x {
  --bazis-padding-start: var(--bazis-padding-3x);
  --padding-start: var(--bazis-padding-start, 12px);
  padding-left: var(--bazis-padding-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-start-3x {
    padding-left: unset;
    padding-inline-start: var(--bazis-padding-start, 12px) !important;
  }
}
.bh-padding-end-3x {
  --bazis-padding-end: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-end, 12px);
  padding-right: var(--bazis-padding-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-end-3x {
    padding-right: unset;
    padding-inline-end: var(--bazis-padding-end, 12px) !important;
  }
}
.bh-padding-bottom-3x {
  --bazis-padding-bottom: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-bottom, 12px);
  padding-bottom: var(--bazis-padding-bottom, 12px) !important;
}

.bh-padding-vertical-3x {
  --bazis-padding-vertical: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-vertical, 12px);
  --padding-bottom: var(--bazis-padding-vertical, 12px);
  padding-top: var(--bazis-padding-vertical, 12px) !important;
  padding-bottom: var(--bazis-padding-vertical, 12px) !important;
}

.bh-padding-horizontal-3x {
  --bazis-padding-horizontal: var(--bazis-padding-3x);
  --padding-start: var(--bazis-padding-horizontal, 12px);
  --padding-end: var(--bazis-padding-horizontal, 12px);
  padding-left: var(--bazis-padding-horizontal, 12px) !important;
  padding-right: var(--bazis-padding-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-horizontal-3x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding-horizontal, 12px) !important;
    padding-inline-end: var(--bazis-padding-horizontal, 12px) !important;
  }
}
.bh-padding-4x {
  --bazis-padding: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding, 12px);
  --padding-end: var(--bazis-padding, 12px);
  --padding-top: var(--bazis-padding, 12px);
  --padding-bottom: var(--bazis-padding, 12px);
  padding-left: var(--bazis-padding, 12px) !important;
  padding-right: var(--bazis-padding, 12px) !important;
  padding-top: var(--bazis-padding, 12px) !important;
  padding-bottom: var(--bazis-padding, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-4x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding, 12px) !important;
    padding-inline-end: var(--bazis-padding, 12px) !important;
  }
}
.bh-padding-top-4x {
  --bazis-padding-top: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-top, 12px);
  padding-top: var(--bazis-padding-top, 12px) !important;
}

.bh-padding-start-4x {
  --bazis-padding-start: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-start, 12px);
  padding-left: var(--bazis-padding-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-start-4x {
    padding-left: unset;
    padding-inline-start: var(--bazis-padding-start, 12px) !important;
  }
}
.bh-padding-end-4x {
  --bazis-padding-end: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-end, 12px);
  padding-right: var(--bazis-padding-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-end-4x {
    padding-right: unset;
    padding-inline-end: var(--bazis-padding-end, 12px) !important;
  }
}
.bh-padding-bottom-4x {
  --bazis-padding-bottom: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-bottom, 12px);
  padding-bottom: var(--bazis-padding-bottom, 12px) !important;
}

.bh-padding-vertical-4x {
  --bazis-padding-vertical: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-vertical, 12px);
  --padding-bottom: var(--bazis-padding-vertical, 12px);
  padding-top: var(--bazis-padding-vertical, 12px) !important;
  padding-bottom: var(--bazis-padding-vertical, 12px) !important;
}

.bh-padding-horizontal-4x {
  --bazis-padding-horizontal: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-horizontal, 12px);
  --padding-end: var(--bazis-padding-horizontal, 12px);
  padding-left: var(--bazis-padding-horizontal, 12px) !important;
  padding-right: var(--bazis-padding-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-horizontal-4x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding-horizontal, 12px) !important;
    padding-inline-end: var(--bazis-padding-horizontal, 12px) !important;
  }
}
.bh-padding-5x {
  --bazis-padding: var(--bazis-padding-5x);
  --padding-start: var(--bazis-padding, 12px);
  --padding-end: var(--bazis-padding, 12px);
  --padding-top: var(--bazis-padding, 12px);
  --padding-bottom: var(--bazis-padding, 12px);
  padding-left: var(--bazis-padding, 12px) !important;
  padding-right: var(--bazis-padding, 12px) !important;
  padding-top: var(--bazis-padding, 12px) !important;
  padding-bottom: var(--bazis-padding, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-5x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding, 12px) !important;
    padding-inline-end: var(--bazis-padding, 12px) !important;
  }
}
.bh-padding-top-5x {
  --bazis-padding-top: var(--bazis-padding-5x);
  --padding-top: var(--bazis-padding-top, 12px);
  padding-top: var(--bazis-padding-top, 12px) !important;
}

.bh-padding-start-5x {
  --bazis-padding-start: var(--bazis-padding-5x);
  --padding-start: var(--bazis-padding-start, 12px);
  padding-left: var(--bazis-padding-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-start-5x {
    padding-left: unset;
    padding-inline-start: var(--bazis-padding-start, 12px) !important;
  }
}
.bh-padding-end-5x {
  --bazis-padding-end: var(--bazis-padding-5x);
  --padding-end: var(--bazis-padding-end, 12px);
  padding-right: var(--bazis-padding-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-end-5x {
    padding-right: unset;
    padding-inline-end: var(--bazis-padding-end, 12px) !important;
  }
}
.bh-padding-bottom-5x {
  --bazis-padding-bottom: var(--bazis-padding-5x);
  --padding-bottom: var(--bazis-padding-bottom, 12px);
  padding-bottom: var(--bazis-padding-bottom, 12px) !important;
}

.bh-padding-vertical-5x {
  --bazis-padding-vertical: var(--bazis-padding-5x);
  --padding-top: var(--bazis-padding-vertical, 12px);
  --padding-bottom: var(--bazis-padding-vertical, 12px);
  padding-top: var(--bazis-padding-vertical, 12px) !important;
  padding-bottom: var(--bazis-padding-vertical, 12px) !important;
}

.bh-padding-horizontal-5x {
  --bazis-padding-horizontal: var(--bazis-padding-5x);
  --padding-start: var(--bazis-padding-horizontal, 12px);
  --padding-end: var(--bazis-padding-horizontal, 12px);
  padding-left: var(--bazis-padding-horizontal, 12px) !important;
  padding-right: var(--bazis-padding-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-horizontal-5x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding-horizontal, 12px) !important;
    padding-inline-end: var(--bazis-padding-horizontal, 12px) !important;
  }
}
.bh-padding-6x {
  --bazis-padding: var(--bazis-padding-6x);
  --padding-start: var(--bazis-padding, 12px);
  --padding-end: var(--bazis-padding, 12px);
  --padding-top: var(--bazis-padding, 12px);
  --padding-bottom: var(--bazis-padding, 12px);
  padding-left: var(--bazis-padding, 12px) !important;
  padding-right: var(--bazis-padding, 12px) !important;
  padding-top: var(--bazis-padding, 12px) !important;
  padding-bottom: var(--bazis-padding, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-6x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding, 12px) !important;
    padding-inline-end: var(--bazis-padding, 12px) !important;
  }
}
.bh-padding-top-6x {
  --bazis-padding-top: var(--bazis-padding-6x);
  --padding-top: var(--bazis-padding-top, 12px);
  padding-top: var(--bazis-padding-top, 12px) !important;
}

.bh-padding-start-6x {
  --bazis-padding-start: var(--bazis-padding-6x);
  --padding-start: var(--bazis-padding-start, 12px);
  padding-left: var(--bazis-padding-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-start-6x {
    padding-left: unset;
    padding-inline-start: var(--bazis-padding-start, 12px) !important;
  }
}
.bh-padding-end-6x {
  --bazis-padding-end: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-end, 12px);
  padding-right: var(--bazis-padding-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-end-6x {
    padding-right: unset;
    padding-inline-end: var(--bazis-padding-end, 12px) !important;
  }
}
.bh-padding-bottom-6x {
  --bazis-padding-bottom: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-bottom, 12px);
  padding-bottom: var(--bazis-padding-bottom, 12px) !important;
}

.bh-padding-vertical-6x {
  --bazis-padding-vertical: var(--bazis-padding-6x);
  --padding-top: var(--bazis-padding-vertical, 12px);
  --padding-bottom: var(--bazis-padding-vertical, 12px);
  padding-top: var(--bazis-padding-vertical, 12px) !important;
  padding-bottom: var(--bazis-padding-vertical, 12px) !important;
}

.bh-padding-horizontal-6x {
  --bazis-padding-horizontal: var(--bazis-padding-6x);
  --padding-start: var(--bazis-padding-horizontal, 12px);
  --padding-end: var(--bazis-padding-horizontal, 12px);
  padding-left: var(--bazis-padding-horizontal, 12px) !important;
  padding-right: var(--bazis-padding-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-horizontal-6x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding-horizontal, 12px) !important;
    padding-inline-end: var(--bazis-padding-horizontal, 12px) !important;
  }
}
.bh-padding-7x {
  --bazis-padding: var(--bazis-padding-7x);
  --padding-start: var(--bazis-padding, 12px);
  --padding-end: var(--bazis-padding, 12px);
  --padding-top: var(--bazis-padding, 12px);
  --padding-bottom: var(--bazis-padding, 12px);
  padding-left: var(--bazis-padding, 12px) !important;
  padding-right: var(--bazis-padding, 12px) !important;
  padding-top: var(--bazis-padding, 12px) !important;
  padding-bottom: var(--bazis-padding, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-7x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding, 12px) !important;
    padding-inline-end: var(--bazis-padding, 12px) !important;
  }
}
.bh-padding-top-7x {
  --bazis-padding-top: var(--bazis-padding-7x);
  --padding-top: var(--bazis-padding-top, 12px);
  padding-top: var(--bazis-padding-top, 12px) !important;
}

.bh-padding-start-7x {
  --bazis-padding-start: var(--bazis-padding-7x);
  --padding-start: var(--bazis-padding-start, 12px);
  padding-left: var(--bazis-padding-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-start-7x {
    padding-left: unset;
    padding-inline-start: var(--bazis-padding-start, 12px) !important;
  }
}
.bh-padding-end-7x {
  --bazis-padding-end: var(--bazis-padding-7x);
  --padding-end: var(--bazis-padding-end, 12px);
  padding-right: var(--bazis-padding-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-end-7x {
    padding-right: unset;
    padding-inline-end: var(--bazis-padding-end, 12px) !important;
  }
}
.bh-padding-bottom-7x {
  --bazis-padding-bottom: var(--bazis-padding-7x);
  --padding-bottom: var(--bazis-padding-bottom, 12px);
  padding-bottom: var(--bazis-padding-bottom, 12px) !important;
}

.bh-padding-vertical-7x {
  --bazis-padding-vertical: var(--bazis-padding-7x);
  --padding-top: var(--bazis-padding-vertical, 12px);
  --padding-bottom: var(--bazis-padding-vertical, 12px);
  padding-top: var(--bazis-padding-vertical, 12px) !important;
  padding-bottom: var(--bazis-padding-vertical, 12px) !important;
}

.bh-padding-horizontal-7x {
  --bazis-padding-horizontal: var(--bazis-padding-7x);
  --padding-start: var(--bazis-padding-horizontal, 12px);
  --padding-end: var(--bazis-padding-horizontal, 12px);
  padding-left: var(--bazis-padding-horizontal, 12px) !important;
  padding-right: var(--bazis-padding-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-horizontal-7x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding-horizontal, 12px) !important;
    padding-inline-end: var(--bazis-padding-horizontal, 12px) !important;
  }
}
.bh-padding-8x {
  --bazis-padding: var(--bazis-padding-8x);
  --padding-start: var(--bazis-padding, 12px);
  --padding-end: var(--bazis-padding, 12px);
  --padding-top: var(--bazis-padding, 12px);
  --padding-bottom: var(--bazis-padding, 12px);
  padding-left: var(--bazis-padding, 12px) !important;
  padding-right: var(--bazis-padding, 12px) !important;
  padding-top: var(--bazis-padding, 12px) !important;
  padding-bottom: var(--bazis-padding, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-8x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding, 12px) !important;
    padding-inline-end: var(--bazis-padding, 12px) !important;
  }
}
.bh-padding-top-8x {
  --bazis-padding-top: var(--bazis-padding-8x);
  --padding-top: var(--bazis-padding-top, 12px);
  padding-top: var(--bazis-padding-top, 12px) !important;
}

.bh-padding-start-8x {
  --bazis-padding-start: var(--bazis-padding-8x);
  --padding-start: var(--bazis-padding-start, 12px);
  padding-left: var(--bazis-padding-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-start-8x {
    padding-left: unset;
    padding-inline-start: var(--bazis-padding-start, 12px) !important;
  }
}
.bh-padding-end-8x {
  --bazis-padding-end: var(--bazis-padding-8x);
  --padding-end: var(--bazis-padding-end, 12px);
  padding-right: var(--bazis-padding-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-end-8x {
    padding-right: unset;
    padding-inline-end: var(--bazis-padding-end, 12px) !important;
  }
}
.bh-padding-bottom-8x {
  --bazis-padding-bottom: var(--bazis-padding-8x);
  --padding-bottom: var(--bazis-padding-bottom, 12px);
  padding-bottom: var(--bazis-padding-bottom, 12px) !important;
}

.bh-padding-vertical-8x {
  --bazis-padding-vertical: var(--bazis-padding-8x);
  --padding-top: var(--bazis-padding-vertical, 12px);
  --padding-bottom: var(--bazis-padding-vertical, 12px);
  padding-top: var(--bazis-padding-vertical, 12px) !important;
  padding-bottom: var(--bazis-padding-vertical, 12px) !important;
}

.bh-padding-horizontal-8x {
  --bazis-padding-horizontal: var(--bazis-padding-8x);
  --padding-start: var(--bazis-padding-horizontal, 12px);
  --padding-end: var(--bazis-padding-horizontal, 12px);
  padding-left: var(--bazis-padding-horizontal, 12px) !important;
  padding-right: var(--bazis-padding-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-padding-horizontal-8x {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--bazis-padding-horizontal, 12px) !important;
    padding-inline-end: var(--bazis-padding-horizontal, 12px) !important;
  }
}
@media screen and (min-width: 576.98px) {
  .bh-no-padding-sm-up {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 576px) {
  .bh-no-padding-sm-down {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 768.98px) {
  .bh-no-padding-md-up {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .bh-no-padding-md-down {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 992.98px) {
  .bh-no-padding-lg-up {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 992px) {
  .bh-no-padding-lg-down {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024.98px) {
  .bh-no-padding-xl-up {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  .bh-no-padding-xl-down {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1280.98px) {
  .bh-no-padding-xxl-up {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 1280px) {
  .bh-no-padding-xxl-down {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 768px) {
  .bh-no-padding-sm-md {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 992px) {
  .bh-no-padding-sm-lg {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 1024px) {
  .bh-no-padding-sm-xl {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 1280px) {
  .bh-no-padding-sm-xxl {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 768.98px) and (max-width: 992px) {
  .bh-no-padding-md-lg {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 768.98px) and (max-width: 1024px) {
  .bh-no-padding-md-xl {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 768.98px) and (max-width: 1280px) {
  .bh-no-padding-md-xxl {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 992.98px) and (max-width: 1024px) {
  .bh-no-padding-lg-xl {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 992.98px) and (max-width: 1280px) {
  .bh-no-padding-lg-xxl {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024.98px) and (max-width: 1280px) {
  .bh-no-padding-xl-xxl {
    --padding-start: 0;
    --padding-end: 0;
    --padding-top: 0;
    --padding-bottom: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
.bh-no-margin {
  --margin-start: 0 !important;
  --margin-end: 0 !important;
  --margin-top: 0 !important;
  --margin-bottom: 0 !important;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.bh-margin-1x {
  --bazis-margin: var(--bazis-margin-1x);
  --margin-start: var(--bazis-margin, 12px);
  --margin-end: var(--bazis-margin, 12px);
  --margin-top: var(--bazis-margin, 12px);
  --margin-bottom: var(--bazis-margin, 12px);
  margin-left: var(--bazis-margin, 12px) !important;
  margin-right: var(--bazis-margin, 12px) !important;
  margin-top: var(--bazis-margin, 12px) !important;
  margin-bottom: var(--bazis-margin, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-1x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin, 12px) !important;
    margin-inline-end: var(--bazis-margin, 12px) !important;
  }
}
.bh-margin-top-1x {
  --bazis-margin-top: var(--bazis-margin-1x);
  --margin-top: var(--bazis-margin-top, 12px) !important;
  margin-top: var(--bazis-margin-top, 12px) !important;
}

.bh-margin-start-1x {
  --bazis-margin-start: var(--bazis-margin-1x);
  --margin-start: var(--bazis-margin-start, 12px);
  margin-left: var(--bazis-margin-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-start-1x {
    margin-left: unset !important;
    margin-inline-start: var(--bazis-margin-start, 12px) !important;
  }
}
.bh-margin-end-1x {
  --bazis-margin-end: var(--bazis-margin-1x);
  --margin-end: var(--bazis-margin-end, 12px);
  margin-right: var(--bazis-margin-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-end-1x {
    margin-right: unset !important;
    margin-inline-end: var(--bazis-margin-end, 12px) !important;
  }
}
.bh-margin-bottom-1x {
  --bazis-margin-bottom: var(--bazis-margin-1x);
  --margin-bottom: var(--bazis-margin-bottom, 12px);
  margin-bottom: var(--bazis-margin-bottom, 12px) !important;
}

.bh-margin-vertical-1x {
  --bazis-margin-vertical: var(--bazis-margin-1x);
  --margin-top: var(--bazis-margin-vertical, 12px);
  --margin-bottom: var(--bazis-margin-vertical, 12px);
  margin-top: var(--bazis-margin-vertical, 12px) !important;
  margin-bottom: var(--bazis-margin-vertical, 12px) !important;
}

.bh-margin-horizontal-1x {
  --bazis-margin-horizontal: var(--bazis-margin-1x);
  --margin-start: var(--bazis-margin-horizontal, 12px);
  --margin-end: var(--bazis-margin-horizontal, 12px);
  margin-left: var(--bazis-margin-horizontal, 12px) !important;
  margin-right: var(--bazis-margin-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-horizontal-1x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin-horizontal, 12px) !important;
    margin-inline-end: var(--bazis-margin-horizontal, 12px) !important;
  }
}
.bh-margin-2x {
  --bazis-margin: var(--bazis-margin-2x);
  --margin-start: var(--bazis-margin, 12px);
  --margin-end: var(--bazis-margin, 12px);
  --margin-top: var(--bazis-margin, 12px);
  --margin-bottom: var(--bazis-margin, 12px);
  margin-left: var(--bazis-margin, 12px) !important;
  margin-right: var(--bazis-margin, 12px) !important;
  margin-top: var(--bazis-margin, 12px) !important;
  margin-bottom: var(--bazis-margin, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-2x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin, 12px) !important;
    margin-inline-end: var(--bazis-margin, 12px) !important;
  }
}
.bh-margin-top-2x {
  --bazis-margin-top: var(--bazis-margin-2x);
  --margin-top: var(--bazis-margin-top, 12px) !important;
  margin-top: var(--bazis-margin-top, 12px) !important;
}

.bh-margin-start-2x {
  --bazis-margin-start: var(--bazis-margin-2x);
  --margin-start: var(--bazis-margin-start, 12px);
  margin-left: var(--bazis-margin-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-start-2x {
    margin-left: unset !important;
    margin-inline-start: var(--bazis-margin-start, 12px) !important;
  }
}
.bh-margin-end-2x {
  --bazis-margin-end: var(--bazis-margin-2x);
  --margin-end: var(--bazis-margin-end, 12px);
  margin-right: var(--bazis-margin-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-end-2x {
    margin-right: unset !important;
    margin-inline-end: var(--bazis-margin-end, 12px) !important;
  }
}
.bh-margin-bottom-2x {
  --bazis-margin-bottom: var(--bazis-margin-2x);
  --margin-bottom: var(--bazis-margin-bottom, 12px);
  margin-bottom: var(--bazis-margin-bottom, 12px) !important;
}

.bh-margin-vertical-2x {
  --bazis-margin-vertical: var(--bazis-margin-2x);
  --margin-top: var(--bazis-margin-vertical, 12px);
  --margin-bottom: var(--bazis-margin-vertical, 12px);
  margin-top: var(--bazis-margin-vertical, 12px) !important;
  margin-bottom: var(--bazis-margin-vertical, 12px) !important;
}

.bh-margin-horizontal-2x {
  --bazis-margin-horizontal: var(--bazis-margin-2x);
  --margin-start: var(--bazis-margin-horizontal, 12px);
  --margin-end: var(--bazis-margin-horizontal, 12px);
  margin-left: var(--bazis-margin-horizontal, 12px) !important;
  margin-right: var(--bazis-margin-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-horizontal-2x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin-horizontal, 12px) !important;
    margin-inline-end: var(--bazis-margin-horizontal, 12px) !important;
  }
}
.bh-margin-3x {
  --bazis-margin: var(--bazis-margin-3x);
  --margin-start: var(--bazis-margin, 12px);
  --margin-end: var(--bazis-margin, 12px);
  --margin-top: var(--bazis-margin, 12px);
  --margin-bottom: var(--bazis-margin, 12px);
  margin-left: var(--bazis-margin, 12px) !important;
  margin-right: var(--bazis-margin, 12px) !important;
  margin-top: var(--bazis-margin, 12px) !important;
  margin-bottom: var(--bazis-margin, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-3x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin, 12px) !important;
    margin-inline-end: var(--bazis-margin, 12px) !important;
  }
}
.bh-margin-top-3x {
  --bazis-margin-top: var(--bazis-margin-3x);
  --margin-top: var(--bazis-margin-top, 12px) !important;
  margin-top: var(--bazis-margin-top, 12px) !important;
}

.bh-margin-start-3x {
  --bazis-margin-start: var(--bazis-margin-3x);
  --margin-start: var(--bazis-margin-start, 12px);
  margin-left: var(--bazis-margin-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-start-3x {
    margin-left: unset !important;
    margin-inline-start: var(--bazis-margin-start, 12px) !important;
  }
}
.bh-margin-end-3x {
  --bazis-margin-end: var(--bazis-margin-3x);
  --margin-end: var(--bazis-margin-end, 12px);
  margin-right: var(--bazis-margin-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-end-3x {
    margin-right: unset !important;
    margin-inline-end: var(--bazis-margin-end, 12px) !important;
  }
}
.bh-margin-bottom-3x {
  --bazis-margin-bottom: var(--bazis-margin-3x);
  --margin-bottom: var(--bazis-margin-bottom, 12px);
  margin-bottom: var(--bazis-margin-bottom, 12px) !important;
}

.bh-margin-vertical-3x {
  --bazis-margin-vertical: var(--bazis-margin-3x);
  --margin-top: var(--bazis-margin-vertical, 12px);
  --margin-bottom: var(--bazis-margin-vertical, 12px);
  margin-top: var(--bazis-margin-vertical, 12px) !important;
  margin-bottom: var(--bazis-margin-vertical, 12px) !important;
}

.bh-margin-horizontal-3x {
  --bazis-margin-horizontal: var(--bazis-margin-3x);
  --margin-start: var(--bazis-margin-horizontal, 12px);
  --margin-end: var(--bazis-margin-horizontal, 12px);
  margin-left: var(--bazis-margin-horizontal, 12px) !important;
  margin-right: var(--bazis-margin-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-horizontal-3x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin-horizontal, 12px) !important;
    margin-inline-end: var(--bazis-margin-horizontal, 12px) !important;
  }
}
.bh-margin-4x {
  --bazis-margin: var(--bazis-margin-4x);
  --margin-start: var(--bazis-margin, 12px);
  --margin-end: var(--bazis-margin, 12px);
  --margin-top: var(--bazis-margin, 12px);
  --margin-bottom: var(--bazis-margin, 12px);
  margin-left: var(--bazis-margin, 12px) !important;
  margin-right: var(--bazis-margin, 12px) !important;
  margin-top: var(--bazis-margin, 12px) !important;
  margin-bottom: var(--bazis-margin, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-4x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin, 12px) !important;
    margin-inline-end: var(--bazis-margin, 12px) !important;
  }
}
.bh-margin-top-4x {
  --bazis-margin-top: var(--bazis-margin-4x);
  --margin-top: var(--bazis-margin-top, 12px) !important;
  margin-top: var(--bazis-margin-top, 12px) !important;
}

.bh-margin-start-4x {
  --bazis-margin-start: var(--bazis-margin-4x);
  --margin-start: var(--bazis-margin-start, 12px);
  margin-left: var(--bazis-margin-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-start-4x {
    margin-left: unset !important;
    margin-inline-start: var(--bazis-margin-start, 12px) !important;
  }
}
.bh-margin-end-4x {
  --bazis-margin-end: var(--bazis-margin-4x);
  --margin-end: var(--bazis-margin-end, 12px);
  margin-right: var(--bazis-margin-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-end-4x {
    margin-right: unset !important;
    margin-inline-end: var(--bazis-margin-end, 12px) !important;
  }
}
.bh-margin-bottom-4x {
  --bazis-margin-bottom: var(--bazis-margin-4x);
  --margin-bottom: var(--bazis-margin-bottom, 12px);
  margin-bottom: var(--bazis-margin-bottom, 12px) !important;
}

.bh-margin-vertical-4x {
  --bazis-margin-vertical: var(--bazis-margin-4x);
  --margin-top: var(--bazis-margin-vertical, 12px);
  --margin-bottom: var(--bazis-margin-vertical, 12px);
  margin-top: var(--bazis-margin-vertical, 12px) !important;
  margin-bottom: var(--bazis-margin-vertical, 12px) !important;
}

.bh-margin-horizontal-4x {
  --bazis-margin-horizontal: var(--bazis-margin-4x);
  --margin-start: var(--bazis-margin-horizontal, 12px);
  --margin-end: var(--bazis-margin-horizontal, 12px);
  margin-left: var(--bazis-margin-horizontal, 12px) !important;
  margin-right: var(--bazis-margin-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-horizontal-4x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin-horizontal, 12px) !important;
    margin-inline-end: var(--bazis-margin-horizontal, 12px) !important;
  }
}
.bh-margin-5x {
  --bazis-margin: var(--bazis-margin-5x);
  --margin-start: var(--bazis-margin, 12px);
  --margin-end: var(--bazis-margin, 12px);
  --margin-top: var(--bazis-margin, 12px);
  --margin-bottom: var(--bazis-margin, 12px);
  margin-left: var(--bazis-margin, 12px) !important;
  margin-right: var(--bazis-margin, 12px) !important;
  margin-top: var(--bazis-margin, 12px) !important;
  margin-bottom: var(--bazis-margin, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-5x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin, 12px) !important;
    margin-inline-end: var(--bazis-margin, 12px) !important;
  }
}
.bh-margin-top-5x {
  --bazis-margin-top: var(--bazis-margin-5x);
  --margin-top: var(--bazis-margin-top, 12px) !important;
  margin-top: var(--bazis-margin-top, 12px) !important;
}

.bh-margin-start-5x {
  --bazis-margin-start: var(--bazis-margin-5x);
  --margin-start: var(--bazis-margin-start, 12px);
  margin-left: var(--bazis-margin-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-start-5x {
    margin-left: unset !important;
    margin-inline-start: var(--bazis-margin-start, 12px) !important;
  }
}
.bh-margin-end-5x {
  --bazis-margin-end: var(--bazis-margin-5x);
  --margin-end: var(--bazis-margin-end, 12px);
  margin-right: var(--bazis-margin-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-end-5x {
    margin-right: unset !important;
    margin-inline-end: var(--bazis-margin-end, 12px) !important;
  }
}
.bh-margin-bottom-5x {
  --bazis-margin-bottom: var(--bazis-margin-5x);
  --margin-bottom: var(--bazis-margin-bottom, 12px);
  margin-bottom: var(--bazis-margin-bottom, 12px) !important;
}

.bh-margin-vertical-5x {
  --bazis-margin-vertical: var(--bazis-margin-5x);
  --margin-top: var(--bazis-margin-vertical, 12px);
  --margin-bottom: var(--bazis-margin-vertical, 12px);
  margin-top: var(--bazis-margin-vertical, 12px) !important;
  margin-bottom: var(--bazis-margin-vertical, 12px) !important;
}

.bh-margin-horizontal-5x {
  --bazis-margin-horizontal: var(--bazis-margin-5x);
  --margin-start: var(--bazis-margin-horizontal, 12px);
  --margin-end: var(--bazis-margin-horizontal, 12px);
  margin-left: var(--bazis-margin-horizontal, 12px) !important;
  margin-right: var(--bazis-margin-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-horizontal-5x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin-horizontal, 12px) !important;
    margin-inline-end: var(--bazis-margin-horizontal, 12px) !important;
  }
}
.bh-margin-6x {
  --bazis-margin: var(--bazis-margin-6x);
  --margin-start: var(--bazis-margin, 12px);
  --margin-end: var(--bazis-margin, 12px);
  --margin-top: var(--bazis-margin, 12px);
  --margin-bottom: var(--bazis-margin, 12px);
  margin-left: var(--bazis-margin, 12px) !important;
  margin-right: var(--bazis-margin, 12px) !important;
  margin-top: var(--bazis-margin, 12px) !important;
  margin-bottom: var(--bazis-margin, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-6x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin, 12px) !important;
    margin-inline-end: var(--bazis-margin, 12px) !important;
  }
}
.bh-margin-top-6x {
  --bazis-margin-top: var(--bazis-margin-6x);
  --margin-top: var(--bazis-margin-top, 12px) !important;
  margin-top: var(--bazis-margin-top, 12px) !important;
}

.bh-margin-start-6x {
  --bazis-margin-start: var(--bazis-margin-6x);
  --margin-start: var(--bazis-margin-start, 12px);
  margin-left: var(--bazis-margin-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-start-6x {
    margin-left: unset !important;
    margin-inline-start: var(--bazis-margin-start, 12px) !important;
  }
}
.bh-margin-end-6x {
  --bazis-margin-end: var(--bazis-margin-6x);
  --margin-end: var(--bazis-margin-end, 12px);
  margin-right: var(--bazis-margin-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-end-6x {
    margin-right: unset !important;
    margin-inline-end: var(--bazis-margin-end, 12px) !important;
  }
}
.bh-margin-bottom-6x {
  --bazis-margin-bottom: var(--bazis-margin-6x);
  --margin-bottom: var(--bazis-margin-bottom, 12px);
  margin-bottom: var(--bazis-margin-bottom, 12px) !important;
}

.bh-margin-vertical-6x {
  --bazis-margin-vertical: var(--bazis-margin-6x);
  --margin-top: var(--bazis-margin-vertical, 12px);
  --margin-bottom: var(--bazis-margin-vertical, 12px);
  margin-top: var(--bazis-margin-vertical, 12px) !important;
  margin-bottom: var(--bazis-margin-vertical, 12px) !important;
}

.bh-margin-horizontal-6x {
  --bazis-margin-horizontal: var(--bazis-margin-6x);
  --margin-start: var(--bazis-margin-horizontal, 12px);
  --margin-end: var(--bazis-margin-horizontal, 12px);
  margin-left: var(--bazis-margin-horizontal, 12px) !important;
  margin-right: var(--bazis-margin-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-horizontal-6x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin-horizontal, 12px) !important;
    margin-inline-end: var(--bazis-margin-horizontal, 12px) !important;
  }
}
.bh-margin-7x {
  --bazis-margin: var(--bazis-margin-7x);
  --margin-start: var(--bazis-margin, 12px);
  --margin-end: var(--bazis-margin, 12px);
  --margin-top: var(--bazis-margin, 12px);
  --margin-bottom: var(--bazis-margin, 12px);
  margin-left: var(--bazis-margin, 12px) !important;
  margin-right: var(--bazis-margin, 12px) !important;
  margin-top: var(--bazis-margin, 12px) !important;
  margin-bottom: var(--bazis-margin, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-7x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin, 12px) !important;
    margin-inline-end: var(--bazis-margin, 12px) !important;
  }
}
.bh-margin-top-7x {
  --bazis-margin-top: var(--bazis-margin-7x);
  --margin-top: var(--bazis-margin-top, 12px) !important;
  margin-top: var(--bazis-margin-top, 12px) !important;
}

.bh-margin-start-7x {
  --bazis-margin-start: var(--bazis-margin-7x);
  --margin-start: var(--bazis-margin-start, 12px);
  margin-left: var(--bazis-margin-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-start-7x {
    margin-left: unset !important;
    margin-inline-start: var(--bazis-margin-start, 12px) !important;
  }
}
.bh-margin-end-7x {
  --bazis-margin-end: var(--bazis-margin-7x);
  --margin-end: var(--bazis-margin-end, 12px);
  margin-right: var(--bazis-margin-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-end-7x {
    margin-right: unset !important;
    margin-inline-end: var(--bazis-margin-end, 12px) !important;
  }
}
.bh-margin-bottom-7x {
  --bazis-margin-bottom: var(--bazis-margin-7x);
  --margin-bottom: var(--bazis-margin-bottom, 12px);
  margin-bottom: var(--bazis-margin-bottom, 12px) !important;
}

.bh-margin-vertical-7x {
  --bazis-margin-vertical: var(--bazis-margin-7x);
  --margin-top: var(--bazis-margin-vertical, 12px);
  --margin-bottom: var(--bazis-margin-vertical, 12px);
  margin-top: var(--bazis-margin-vertical, 12px) !important;
  margin-bottom: var(--bazis-margin-vertical, 12px) !important;
}

.bh-margin-horizontal-7x {
  --bazis-margin-horizontal: var(--bazis-margin-7x);
  --margin-start: var(--bazis-margin-horizontal, 12px);
  --margin-end: var(--bazis-margin-horizontal, 12px);
  margin-left: var(--bazis-margin-horizontal, 12px) !important;
  margin-right: var(--bazis-margin-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-horizontal-7x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin-horizontal, 12px) !important;
    margin-inline-end: var(--bazis-margin-horizontal, 12px) !important;
  }
}
.bh-margin-8x {
  --bazis-margin: var(--bazis-margin-8x);
  --margin-start: var(--bazis-margin, 12px);
  --margin-end: var(--bazis-margin, 12px);
  --margin-top: var(--bazis-margin, 12px);
  --margin-bottom: var(--bazis-margin, 12px);
  margin-left: var(--bazis-margin, 12px) !important;
  margin-right: var(--bazis-margin, 12px) !important;
  margin-top: var(--bazis-margin, 12px) !important;
  margin-bottom: var(--bazis-margin, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-8x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin, 12px) !important;
    margin-inline-end: var(--bazis-margin, 12px) !important;
  }
}
.bh-margin-top-8x {
  --bazis-margin-top: var(--bazis-margin-8x);
  --margin-top: var(--bazis-margin-top, 12px) !important;
  margin-top: var(--bazis-margin-top, 12px) !important;
}

.bh-margin-start-8x {
  --bazis-margin-start: var(--bazis-margin-8x);
  --margin-start: var(--bazis-margin-start, 12px);
  margin-left: var(--bazis-margin-start, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-start-8x {
    margin-left: unset !important;
    margin-inline-start: var(--bazis-margin-start, 12px) !important;
  }
}
.bh-margin-end-8x {
  --bazis-margin-end: var(--bazis-margin-8x);
  --margin-end: var(--bazis-margin-end, 12px);
  margin-right: var(--bazis-margin-end, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-end-8x {
    margin-right: unset !important;
    margin-inline-end: var(--bazis-margin-end, 12px) !important;
  }
}
.bh-margin-bottom-8x {
  --bazis-margin-bottom: var(--bazis-margin-8x);
  --margin-bottom: var(--bazis-margin-bottom, 12px);
  margin-bottom: var(--bazis-margin-bottom, 12px) !important;
}

.bh-margin-vertical-8x {
  --bazis-margin-vertical: var(--bazis-margin-8x);
  --margin-top: var(--bazis-margin-vertical, 12px);
  --margin-bottom: var(--bazis-margin-vertical, 12px);
  margin-top: var(--bazis-margin-vertical, 12px) !important;
  margin-bottom: var(--bazis-margin-vertical, 12px) !important;
}

.bh-margin-horizontal-8x {
  --bazis-margin-horizontal: var(--bazis-margin-8x);
  --margin-start: var(--bazis-margin-horizontal, 12px);
  --margin-end: var(--bazis-margin-horizontal, 12px);
  margin-left: var(--bazis-margin-horizontal, 12px) !important;
  margin-right: var(--bazis-margin-horizontal, 12px) !important;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bh-margin-horizontal-8x {
    margin-left: unset !important;
    margin-right: unset !important;
    margin-inline-start: var(--bazis-margin-horizontal, 12px) !important;
    margin-inline-end: var(--bazis-margin-horizontal, 12px) !important;
  }
}
@media screen and (min-width: 576.98px) {
  .bh-no-margin-sm-up {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 576px) {
  .bh-no-margin-sm-down {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 768.98px) {
  .bh-no-margin-md-up {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .bh-no-margin-md-down {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 992.98px) {
  .bh-no-margin-lg-up {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 992px) {
  .bh-no-margin-lg-down {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024.98px) {
  .bh-no-margin-xl-up {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  .bh-no-margin-xl-down {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1280.98px) {
  .bh-no-margin-xxl-up {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 1280px) {
  .bh-no-margin-xxl-down {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 768px) {
  .bh-no-margin-sm-md {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 992px) {
  .bh-no-margin-sm-lg {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 1024px) {
  .bh-no-margin-sm-xl {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 576.98px) and (max-width: 1280px) {
  .bh-no-margin-sm-xxl {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 768.98px) and (max-width: 992px) {
  .bh-no-margin-md-lg {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 768.98px) and (max-width: 1024px) {
  .bh-no-margin-md-xl {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 768.98px) and (max-width: 1280px) {
  .bh-no-margin-md-xxl {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 992.98px) and (max-width: 1024px) {
  .bh-no-margin-lg-xl {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 992.98px) and (max-width: 1280px) {
  .bh-no-margin-lg-xxl {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1024.98px) and (max-width: 1280px) {
  .bh-no-margin-xl-xxl {
    --margin-start: 0;
    --margin-end: 0;
    --margin-top: 0;
    --margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
.bh-text-center {
  text-align: center !important;
}

.bh-text-justify {
  text-align: justify !important;
}

.bh-text-start {
  text-align: start !important;
}

.bh-text-end {
  text-align: end !important;
}

.bh-text-left {
  text-align: left !important;
}

.bh-text-right {
  text-align: right !important;
}

.bh-text-nowrap {
  white-space: nowrap !important;
}

.bh-text-wrap {
  white-space: normal !important;
}

.bh-text-prewrap {
  white-space: pre-wrap !important;
}

.bh-text-preline {
  white-space: pre-line !important;
}

@media (min-width: 576.98px) {
  .bh-text-sm-center {
    text-align: center !important;
  }
  .bh-text-sm-justify {
    text-align: justify !important;
  }
  .bh-text-sm-start {
    text-align: start !important;
  }
  .bh-text-sm-end {
    text-align: end !important;
  }
  .bh-text-sm-left {
    text-align: left !important;
  }
  .bh-text-sm-right {
    text-align: right !important;
  }
  .bh-text-sm-nowrap {
    white-space: nowrap !important;
  }
  .bh-text-sm-wrap {
    white-space: normal !important;
  }
  .bh-text-sm-prewrap {
    white-space: pre-wrap !important;
  }
}
@media (min-width: 768.98px) {
  .bh-text-md-center {
    text-align: center !important;
  }
  .bh-text-md-justify {
    text-align: justify !important;
  }
  .bh-text-md-start {
    text-align: start !important;
  }
  .bh-text-md-end {
    text-align: end !important;
  }
  .bh-text-md-left {
    text-align: left !important;
  }
  .bh-text-md-right {
    text-align: right !important;
  }
  .bh-text-md-nowrap {
    white-space: nowrap !important;
  }
  .bh-text-md-wrap {
    white-space: normal !important;
  }
  .bh-text-md-prewrap {
    white-space: pre-wrap !important;
  }
}
@media (min-width: 992.98px) {
  .bh-text-lg-center {
    text-align: center !important;
  }
  .bh-text-lg-justify {
    text-align: justify !important;
  }
  .bh-text-lg-start {
    text-align: start !important;
  }
  .bh-text-lg-end {
    text-align: end !important;
  }
  .bh-text-lg-left {
    text-align: left !important;
  }
  .bh-text-lg-right {
    text-align: right !important;
  }
  .bh-text-lg-nowrap {
    white-space: nowrap !important;
  }
  .bh-text-lg-wrap {
    white-space: normal !important;
  }
  .bh-text-lg-prewrap {
    white-space: pre-wrap !important;
  }
}
@media (min-width: 1024.98px) {
  .bh-text-xl-center {
    text-align: center !important;
  }
  .bh-text-xl-justify {
    text-align: justify !important;
  }
  .bh-text-xl-start {
    text-align: start !important;
  }
  .bh-text-xl-end {
    text-align: end !important;
  }
  .bh-text-xl-left {
    text-align: left !important;
  }
  .bh-text-xl-right {
    text-align: right !important;
  }
  .bh-text-xl-nowrap {
    white-space: nowrap !important;
  }
  .bh-text-xl-wrap {
    white-space: normal !important;
  }
  .bh-text-xl-prewrap {
    white-space: pre-wrap !important;
  }
}
@media (min-width: 1280.98px) {
  .bh-text-xxl-center {
    text-align: center !important;
  }
  .bh-text-xxl-justify {
    text-align: justify !important;
  }
  .bh-text-xxl-start {
    text-align: start !important;
  }
  .bh-text-xxl-end {
    text-align: end !important;
  }
  .bh-text-xxl-left {
    text-align: left !important;
  }
  .bh-text-xxl-right {
    text-align: right !important;
  }
  .bh-text-xxl-nowrap {
    white-space: nowrap !important;
  }
  .bh-text-xxl-wrap {
    white-space: normal !important;
  }
  .bh-text-xxl-prewrap {
    white-space: pre-wrap !important;
  }
}
.bh-text-overline {
  text-decoration: overline !important;
}

.bh-text-underline {
  text-decoration: underline !important;
}

.bh-text-decornone {
  text-decoration: none !important;
}

.bh-text-dotted {
  border-bottom: 1px dotted currentColor !important;
}

.bh-text-dashed {
  border-bottom: 1px dashed currentColor !important;
}

.bh-text-line-through {
  text-decoration: line-through !important;
}

@media (min-width: 576.98px) {
  .bh-text-sm-overline {
    text-decoration: overline !important;
  }
  .bh-text-sm-underline {
    text-decoration: underline !important;
  }
  .bh-text-sm-decornone {
    text-decoration: none !important;
  }
  .bh-text-sm-dotted {
    border-bottom: 1px dotted currentColor !important;
  }
  .bh-text-sm-dashed {
    border-bottom: 1px dashed currentColor !important;
  }
  .bh-text-sm-line-through {
    text-decoration: line-through !important;
  }
}
@media (min-width: 768.98px) {
  .bh-text-md-overline {
    text-decoration: overline !important;
  }
  .bh-text-md-underline {
    text-decoration: underline !important;
  }
  .bh-text-md-decornone {
    text-decoration: none !important;
  }
  .bh-text-md-dotted {
    border-bottom: 1px dotted currentColor !important;
  }
  .bh-text-md-dashed {
    border-bottom: 1px dashed currentColor !important;
  }
  .bh-text-md-line-through {
    text-decoration: line-through !important;
  }
}
@media (min-width: 992.98px) {
  .bh-text-lg-overline {
    text-decoration: overline !important;
  }
  .bh-text-lg-underline {
    text-decoration: underline !important;
  }
  .bh-text-lg-decornone {
    text-decoration: none !important;
  }
  .bh-text-lg-dotted {
    border-bottom: 1px dotted currentColor !important;
  }
  .bh-text-lg-dashed {
    border-bottom: 1px dashed currentColor !important;
  }
  .bh-text-lg-line-through {
    text-decoration: line-through !important;
  }
}
@media (min-width: 1024/98px) {
  .bh-text-xl-overline {
    text-decoration: overline !important;
  }
  .bh-text-xl-underline {
    text-decoration: underline !important;
  }
  .bh-text-xl-decornone {
    text-decoration: none !important;
  }
  .bh-text-xl-dotted {
    border-bottom: 1px dotted currentColor !important;
  }
  .bh-text-xl-dashed {
    border-bottom: 1px dashed currentColor !important;
  }
  .bh-text-xl-line-through {
    text-decoration: line-through !important;
  }
}
@media (min-width: 1280.98px) {
  .bh-text-xxl-overline {
    text-decoration: overline !important;
  }
  .bh-text-xxl-underline {
    text-decoration: underline !important;
  }
  .bh-text-xxl-decornone {
    text-decoration: none !important;
  }
  .bh-text-xxl-dotted {
    border-bottom: 1px dotted currentColor !important;
  }
  .bh-text-xxl-dashed {
    border-bottom: 1px dashed currentColor !important;
  }
  .bh-text-xxl-line-through {
    text-decoration: line-through !important;
  }
}
.bh-text-uppercase {
  text-transform: uppercase !important;
}

.bh-text-lowercase {
  text-transform: lowercase !important;
}

.bh-text-capitalize {
  text-transform: capitalize !important;
}

@media (min-width: 576.98px) {
  .bh-text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .bh-text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .bh-text-sm-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 768.98px) {
  .bh-text-md-uppercase {
    text-transform: uppercase !important;
  }
  .bh-text-md-lowercase {
    text-transform: lowercase !important;
  }
  .bh-text-md-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 992.98px) {
  .bh-text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .bh-text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .bh-text-lg-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 1024.98px) {
  .bh-text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .bh-text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .bh-text-xl-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 1280.98px) {
  .bh-text-xxl-uppercase {
    text-transform: uppercase !important;
  }
  .bh-text-xxl-lowercase {
    text-transform: lowercase !important;
  }
  .bh-text-xxl-capitalize {
    text-transform: capitalize !important;
  }
}
.bh-pointer {
  cursor: pointer;
}

.bh-events-none {
  pointer-events: none;
}

.bh-opacity_1 {
  opacity: calc(1 / 10);
}
.bh-opacity_2 {
  opacity: calc(2 / 10);
}
.bh-opacity_3 {
  opacity: calc(3 / 10);
}
.bh-opacity_4 {
  opacity: calc(4 / 10);
}
.bh-opacity_5 {
  opacity: calc(5 / 10);
}
.bh-opacity_6 {
  opacity: calc(6 / 10);
}
.bh-opacity_7 {
  opacity: calc(7 / 10);
}
.bh-opacity_8 {
  opacity: calc(8 / 10);
}
.bh-opacity_9 {
  opacity: calc(9 / 10);
}

.bh-sticky {
  position: sticky;
  top: var(--bazis-sticky-top);
  bottom: var(--bazis-sticky-bottom);
  left: var(--bazis-sticky-start);
  right: var(--bazis-sticky-end);
  z-index: var(--bazis-sticky-z, 150);
}

.bh-popper-z-index {
  z-index: 1000;
}

.bh-bg {
  --background: var(--bazis-bg-base);
  background: var(--background);
}

.bh-absolute {
  position: absolute;
}

.bh-relative {
  position: relative;
}

.bh-static {
  position: static;
}

.bh-overhide {
  overflow: hidden;
}

.bh-scroll {
  overflow: auto;
}

.bh-scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.bh-scroll-y {
  overflow-x: hidden;
  overflow-y: auto;
}

.bh-scroll_hidden::-webkit-scrollbar {
  display: none;
}

.bh-scroll_hidden-x::-webkit-scrollbar:horizontal {
  display: none;
}

.bh-scroll_hidden-y::-webkit-scrollbar:vertical {
  display: none;
}

.bh-scroll_hidden {
  -ms-overflow-style: none; /* IE и Edge */
  scrollbar-width: none; /* Firefox */
}

.bh-scroll_hidden-x {
  /* нет решения для мозиллы */
}

.bh-scroll_hidden-y {
  margin-right: -14px;
  padding-right: 14px;
}

.bh-ellipsis {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: middle;
}

p.bh-ellipsis,
h1.bh-ellipsis,
.bh-block.bh-ellipsis {
  display: block;
}

.bh-underconstruction,
.bh-disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.bh-underconstruction *,
.bh-underconstruction bazis-button::part(native),
.bh-disabled *,
.bh-disabled bazis-button::part(native) {
  pointer-events: none;
  cursor: not-allowed !important;
}

.bh-stop-scroll {
  position: fixed;
  left: 0;
  right: 0;
  padding-right: var(--bazis-padding-1x);
}

.bh-word-break {
  word-break: break-all;
}

.bh-word-break-word {
  word-break: break-word;
}

.bh-clear-left {
  clear: left;
}

@media screen and (max-width: 576px) {
  .bh-mobile-rtl-ellipsis {
    text-overflow: ellipsis;
    direction: rtl;
    text-align: left;
  }
}

.bh-direction-rtl {
  direction: rtl;
  text-align: left;
}

.bh-direction-ltr {
  direction: ltr;
}

/* Mixins */
/* Base classes and Common components of alphabet */
.bazis-backdrop {
  /*
  * @prop --background: фон подложки
  * @prop --opacity: прозрачность подложки
  */
  --background: initial;
  --opacity: initial;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: var(--background);
  opacity: var(--opacity);
}

.bazis-block {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --background: initial;
  --color: inherit;
  --background-hover: var(--background);
  --border-color-hover: var(--border-color);
  --box-shadow-hover: var(--box-shadow);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  background: var(--background);
  color: var(--color);
}
.bazis-block__content_start, .bazis-block__content_main, .bazis-block__content_end {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  position: relative;
}
.bazis-block__footer, .bazis-block__header {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
}
.bazis-block_hoverable:hover, .bazis-block_editable:hover {
  background: var(--background-hover);
  border-color: var(--border-color-hover);
  box-shadow: var(--box-shadow-hover);
}
.bazis-block_outline {
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-color-hover: var(--bazis-border-color-dark);
}
.bazis-block_shadow {
  --box-shadow: 0px 15px 15px -10px rgba(var(--bazis-shadow-color-rgb), 0.4);
  --box-shadow-hover: 0px 10px 20px -10px rgba(144, 150, 162, 0.2);
}
.bazis-block_editable {
  display: block;
  position: relative;
  cursor: pointer;
}
.bazis-block_editable > bazis-icon {
  position: absolute;
  right: 16px;
  bottom: 10px;
  visibility: hidden;
  color: var(--bazis-color-action);
}
.bazis-block_editable:hover bazis-icon {
  visibility: visible;
}
.bazis-block_on-map {
  position: absolute;
  z-index: 150;
  top: var(--bazis-margin-4x);
  left: var(--bazis-margin-4x);
}
.bazis-block_popup, .bazis-block_search {
  --margin-bottom: 0;
  position: absolute;
  z-index: 150;
  bottom: 0;
  left: 0;
}
.bazis-block_popup.bazis-block_shadow, .bazis-block_shadow.bazis-block_search {
  --box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.1);
}
.bazis-block_search {
  --max-width: 612px;
  --padding-top: var(--bazis-padding-5x);
  --padding-start: var(--bazis-padding-5x);
  --padding-end: var(--bazis-padding-5x);
  --padding-bottom: var(--bazis-padding-5x);
}
.bazis-block_search .bazis-block__footer {
  --margin-bottom: calc(var(--bazis-margin-5x) * -1);
  --margin-start: calc(var(--bazis-margin-5x) * -1);
  --margin-end: calc(var(--bazis-margin-5x) * -1);
  --padding-top: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
}
.bazis-empty .bazis-block_search {
  text-align: left;
}
.bazis-block.bh-bg {
  --background: var(--bazis-bg-base);
}

a.bazis-block {
  display: block;
  text-decoration: none;
}

.bazis-blocking-message {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --background: initial;
  --color: inherit;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  background: var(--background);
  color: var(--color);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}
.bazis-container .bazis-blocking-message, .bazis-blocking-message .bazis-blocking-message {
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
}
.bazis-blocking-message.bazis-color {
  --background: var(--bazis-color-base);
  --color: var(--bazis-color-contrast);
}
.bazis-blocking-message__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bazis-blocking-message__item > *:not(.bazis-blocking-message__close) {
  width: 100%;
}
.bazis-blocking-message__item > .bazis-blocking-message__close {
  flex-shrink: 0;
}

.bazis-btn-group {
  display: flex;
  border-radius: var(--border-radius);
}
.bazis-btn-group__item:first-child > bazis-button::part(native) {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  border-left: var(--border-width) var(--border-style) var(--border-color);
}
.bazis-btn-group__item:last-child > bazis-button::part(native) {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.bazis-btn-group__item:last-child > bazis-button.bazis-btn_clear::part(native)::after {
  opacity: 0;
}
.bazis-btn-group__item:only-child > bazis-button::part(native) {
  border-radius: var(--border-radius);
}
.bazis-btn-group__item > bazis-button {
  --outline-width: none;
  --outline-color: none;
  --outline-style: none;
}
.bazis-btn-group__item > bazis-button::part(native) {
  border-radius: 0;
  border: var(--border-width) var(--border-style) var(--border-color);
  border-left: none;
}
.bazis-btn-group__item > bazis-button:hover::part(native), .bazis-btn-group__item > bazis-button:focus-visible::part(native) {
  background: var(--background-hover);
  color: var(--color-hover);
}
.bazis-btn-group__item > bazis-button.bazis-btn_large bazis-icon {
  font-size: 24px;
}
.bazis-btn-group__item > bazis-button.bazis-btn_clear::part(native)::after {
  top: var(--padding-top);
  bottom: var(--padding-bottom);
  left: auto;
  opacity: 1;
}
.bazis-btn-group__item > bazis-button.bazis-btn_clear bazis-icon[slot=icon-only] {
  margin-left: 0;
  margin-right: 0;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bazis-btn-group__item > bazis-button.bazis-btn_clear bazis-icon[slot=icon-only] {
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}
.bazis-btn-group--disabled .bazis-btn-group__item > bazis-button {
  cursor: default;
  pointer-events: none;
}
.bazis-btn-group--disabled .bazis-btn-group__item > bazis-button::part(native) {
  background: var(--background-disabled);
  opacity: var(--disabled-opacity);
  color: var(--color-disabled);
}
.bazis-btn-group_h {
  flex-direction: column;
}
.bazis-btn-group_h .bazis-btn-group__item > bazis-button::part(native) {
  border: var(--border-width) var(--border-style) var(--border-color);
  border-top: none;
}
.bazis-btn-group_h .bazis-btn-group__item:first-child > bazis-button::part(native) {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  border-top: var(--border-width) var(--border-style) var(--border-color);
}
.bazis-btn-group_h .bazis-btn-group__item:last-child > bazis-button::part(native) {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

.bazis-card {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --background: initial;
  --color: inherit;
  --background-hover: var(--background);
  --border-color-hover: var(--border-color);
  --box-shadow-hover: var(--box-shadow);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  background: var(--background);
  color: var(--color);
}
.bazis-card:hover {
  background: var(--background-hover);
  border-color: var(--border-color-hover);
  box-shadow: var(--box-shadow-hover);
}
.bazis-cckeditor {
  --cckeditor-font-size: 14px;
  --cckeditor-line-height: 20px;
  --cckeditor-margin-major: 0 0 var(--bazis-margin-3x);
  --cckeditor-margin-minor: 0 0 var(--bazis-margin-2x);
  --cckeditor-margin-h3: 40px 0 var(--bazis-margin-5x);
  --cckeditor-margin-h6: 0 0 var(--bazis-margin-4x);
  --bazis-font-size: var(--cckeditor-font-size);
  --bazis-line-height: var(--cckeditor-line-height);
  font-size: var(--cckeditor-font-size);
  line-height: var(--cckeditor-line-height);
}
.bazis-cckeditor b,
.bazis-cckeditor strong {
  font-weight: 500;
}
.bazis-cckeditor i,
.bazis-cckeditor em {
  font-style: italic;
}
.bazis-cckeditor ol {
  margin: var(--cckeditor-margin-major);
  padding-left: var(--bazis-padding-5x);
}
.bazis-cckeditor ol li {
  margin: 0 0 var(--bazis-margin-2x);
}
.bazis-cckeditor ol li a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.bazis-cckeditor ul {
  margin: var(--cckeditor-margin-major);
  padding-left: 0;
  list-style: none;
}
.bazis-cckeditor ul li {
  margin: 0 0 var(--bazis-margin-2x);
}
.bazis-cckeditor ul li a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.bazis-cckeditor p {
  --bazis-font-size-p: var(--cckeditor-font-size);
  --bazis-line-height-p: var(--cckeditor-line-height);
  --bazis-p-margin: var(--cckeditor-margin-major);
}
.bazis-cckeditor p:last-child {
  margin: 0;
}
.bazis-cckeditor a {
  text-decoration: underline;
}
.bazis-cckeditor h3 {
  --bazis-h3-margin: var(--cckeditor-margin-h3);
}
.bazis-cckeditor h6 {
  --bazis-h6-margin: var(--cckeditor-margin-h6);
}
.bazis-cckeditor table td {
  border: 0;
  padding: var(--bazis-padding-2x);
}
.bazis-cckeditor table td p:last-child {
  margin: 0;
}
.bazis-cckeditor table:not([border]) td:first-child {
  padding-left: 0;
}
.bazis-cckeditor table:not([border]) td:last-child {
  padding-right: 0;
}
.bazis-cckeditor table[border] {
  border-color: var(--bazis-border-color-dark);
}
.bazis-cckeditor table[border] td {
  border: 1px solid var(--bazis-border-color-dark);
}

.bazis-corner {
  position: absolute;
}
.bazis-corner_left-top {
  left: var(--bazis-corner-left, 0);
  top: var(--bazis-corner-top, 0);
}
.bazis-corner_left-bottom {
  left: var(--bazis-corner-left, 0);
  bottom: var(--bazis-corner-bottom, 0);
}
.bazis-corner_right-top {
  right: var(--bazis-corner-right, 0);
  top: var(--bazis-corner-top, 0);
}
.bazis-corner_right-bottom {
  right: var(--bazis-corner-right, 0);
  bottom: var(--bazis-corner-bottom, 0);
}

.bazis-counter__total {
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  --margin-side: initial;
}
.bazis-counter__item {
  --height: initial;
  --width: initial;
  --border-radius: initial;
  border-radius: var(--border-radius);
  height: var(--height);
  width: var(--width);
  background: var(--bazis-color-base, var(--bazis-placeholder-color));
}
.bazis-counter_line {
  display: flex;
  align-items: center;
}
.bazis-counter_line .bazis-counter__total:first-child {
  margin-right: var(--margin-side);
}
.bazis-counter_line .bazis-counter__total:last-child {
  margin-left: var(--margin-side);
}

details.bazis-details summary {
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  --background: initial;
  --color: inherit;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  background: var(--background);
  color: var(--color);
  /* Убираем стандартный маркер Firefox */
  list-style: none;
  /* Убираем стандартный маркер Chrome */
}
details.bazis-details summary::-webkit-details-marker {
  display: none;
}

.bazis-dialog {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --background: initial;
  --color: inherit;
  --position-start: inherit;
  --position-end: inherit;
  --position-top: inherit;
  --position-bottom: inherit;
  --background-hover: var(--background);
  --border-color-hover: var(--border-color);
  --box-shadow-hover: var(--box-shadow);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  background: var(--background);
  color: var(--color);
}
.bazis-dialog__footer, .bazis-dialog__header {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
}
.bazis-dialog__content {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
}
.bazis-dialog_top {
  top: var(--position-top);
  left: var(--position-start);
  right: var(--position-end);
  bottom: auto;
}
.bazis-dialog_bottom {
  bottom: var(--position-bottom);
  left: var(--position-start);
  right: var(--position-end);
  top: auto;
}
.bazis-dialog_left {
  top: var(--position-top);
  bottom: var(--position-bottom);
  left: var(--position-start);
}
.bazis-dialog_left_top {
  top: var(--position-top);
  left: var(--position-start);
  right: auto;
  bottom: auto;
}
.bazis-dialog_left_bottom {
  bottom: var(--position-bottom);
  left: var(--position-start);
  right: auto;
  top: auto;
}
.bazis-dialog_right {
  top: var(--position-top);
  bottom: var(--position-bottom);
  right: var(--position-end);
  left: auto;
}
.bazis-dialog_right_top {
  top: var(--position-top);
  right: var(--position-end);
  left: auto;
  bottom: auto;
}
.bazis-dialog_right_bottom {
  bottom: var(--position-bottom);
  right: var(--position-end);
  left: auto;
  top: auto;
}

dl {
  --width-dt: initial;
  --width-dd: initial;
  --padding-end-dt: initial;
  --padding-start-dd: initial;
  --margin-bottom-dt: initial;
  --margin-bottom-dd: initial;
  --margin-top-dl: initial;
  --margin-bottom-dl: initial;
  --color-dt: inherit;
  --color-dd: inherit;
  margin-top: var(--margin-top-dl);
  margin-bottom: var(--margin-bottom-dl);
}
dl dt {
  padding-right: var(--padding-end-dt);
  margin: 0 0 var(--margin-bottom-dt);
  color: var(--color-dt);
}
dl dd {
  margin: 0 0 var(--margin-bottom-dd);
  color: var(--color-dd);
}
dl.bazis-dl_inline, dl.bazis-dl_dot-leaders, dl.bazis-dl_dot-leaders_nowrap {
  clear: both;
}
dl.bazis-dl_inline::after, dl.bazis-dl_dot-leaders::after, dl.bazis-dl_dot-leaders_nowrap::after {
  content: "";
  display: table;
  width: 100%;
  clear: both;
}
dl.bazis-dl_inline dt, dl.bazis-dl_dot-leaders dt, dl.bazis-dl_dot-leaders_nowrap dt {
  float: left;
  clear: left;
  width: var(--width-dt);
}
dl.bazis-dl_inline dd, dl.bazis-dl_dot-leaders dd, dl.bazis-dl_dot-leaders_nowrap dd {
  float: left;
  width: var(--width-dd);
}
dl.bazis-dl_inline dd::after, dl.bazis-dl_dot-leaders dd::after, dl.bazis-dl_dot-leaders_nowrap dd::after {
  content: "";
  display: table;
  width: 100%;
  clear: both;
}
dl.bazis-dl_dot-leaders, dl.bazis-dl_dot-leaders_nowrap {
  --color-dot: inherit;
}
dl.bazis-dl_dot-leaders dt, dl.bazis-dl_dot-leaders_nowrap dt {
  display: inline-flex;
  padding-right: 0;
}
dl.bazis-dl_dot-leaders dt > *, dl.bazis-dl_dot-leaders_nowrap dt > * {
  flex-shrink: 0;
}
dl.bazis-dl_dot-leaders dt::after, dl.bazis-dl_dot-leaders_nowrap dt::after {
  content: "";
  position: relative;
  width: 100%;
  top: -7px;
  opacity: 0.5;
  margin-left: 2px;
  border-bottom: 1px dotted var(--color-dot);
}
dl.bazis-dl_dot-leaders dd, dl.bazis-dl_dot-leaders_nowrap dd {
  padding-left: var(--padding-start-dd);
}
dl.bazis-dl_dot-leaders_nowrap dt {
  white-space: nowrap;
}
/*
    TODO: подумать над преобразованием в компонент.

    Принять ко вниманию при классификации ссылку ниже
    https://ux.pub/editorial/vsie-chto-nuzhno-znat-o-raskryvaiushchikhsia-spiskakh-dropdown-5ea2

    Можно ипользовать теги <details><summary></summary></details>
*/
.bazis-dropdown {
  /*
  * @prop --width:
  *
  * @prop --padding-start:
  * @prop --padding-end:
  * @prop --padding-top:
  * @prop --padding-bottom:
  * @prop --background:
  * @prop --border-radius:
  * @prop --border-width:
  * @prop --border-style:
  * @prop --border-color:
  * @prop --box-shadow:
  *
  * @prop --top:
  * @prop --bottom:
  * @prop --left:
  * @prop --right:
  */
  --width: initial;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --background: initial;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --top: initial;
  --bottom: initial;
  --left: initial;
  --right: initial;
  position: relative;
}
.bazis-dropdown__body {
  position: absolute;
  z-index: 161;
  top: var(--top);
  bottom: var(--bottom);
  left: var(--left);
  right: var(--right);
  width: var(--width);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  background: var(--background);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
}
.bazis-dropdown_hoverable .bazis-dropdown__body {
  visibility: hidden;
}
.bazis-dropdown_hoverable:hover .bazis-dropdown__body {
  visibility: visible;
}
.bazis-dropdown bazis-button.bazis-dropdown__trigger, .bazis-dropdown__trigger bazis-button,
.bazis-dropdown a.bazis-dropdown__trigger, .bazis-dropdown__trigger a {
  --color: inherit;
  --color-link-hover: var(--color);
  --background-hover: var(--background);
  white-space: nowrap;
}
.bazis-dropdown .bazis-list_select, .bazis-dropdown .bazis-list_control-dd {
  position: static;
}

.bazis-e-sign {
  display: block;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  margin-right: 30px;
  background: var(--bazis-color-base, var(--bazis-text-color-secondary));
  border: 2px solid var(--bazis-color-contrast, var(--bazis-color-white));
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(var(--bazis-color-base-rgb, var(--bazis-text-color-secondary-rgb)), 0.2);
  text-align: center;
  line-height: 38px;
}
.bazis-e-sign bazis-icon {
  --bazis-icon-s-size: 16px;
  color: var(--bazis-color-contrast, var(--bazis-color-white));
}

.bazis-figure {
  /**
  * @prop --background: фон кнопки или подложки картинки
  * @prop --border-radius: радиус скругления
  * @prop --border-width: толщина границы
  * @prop --border-style: стиль границы
  * @prop --border-color: цвет границы
  *
  * @prop --height: высота
  * @prop --width: ширина
  * @prop --min-width: минимальная ширина
  *
  * @prop --font-size: размер шрифта
  * @prop --font-weight: жирность шрифта
  */
  --background: initial;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --height: initial;
  --width: initial;
  --min-width: initial;
  --font-size: inherit;
  --font-weight: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  height: var(--height);
  width: var(--width);
  background: var(--background);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  overflow: hidden;
}
.bazis-figure img, .bazis-figure video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: var(--border-radius);
}
.bazis-figure__close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  outline: 0;
  padding: 0;
}
.bazis-figure_btn {
  outline: none;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
}
.bazis-figure_btn bazis-icon {
  --bazis-icon-s-size: 16px;
  margin-bottom: var(--bazis-margin-2x);
}
.bazis-figure_btn.bazis-color {
  border-color: var(--bazis-color-base);
  color: var(--bazis-color-base);
}
.bazis-figure_long {
  width: auto;
}

.bazis-grid-css {
  --gap: var(--bazis-margin-4x);
  --gap-row: var(--gap);
  --gap-col: var(--gap);
  --max-column-number: 6;
  --max-width: 1fr;
  --min-width: calc(
      (100% - var(--gap-col) * (var(--max-column-number) - 1)) / var(--max-column-number)
  );
  display: grid;
  gap: var(--gap-row) var(--gap-col);
  grid-template-columns: repeat(auto-fit, minmax(var(--min-width), var(--max-width)));
}
.bazis-grid-css_analytics {
  --max-width: calc((100% - var(--gap-col) * 3) / 4);
  justify-content: center;
}
.bazis-grid-css_fr {
  --max-width: 1fr;
  justify-content: center;
}

.bazis-infinite-scroll-content {
  overflow: auto;
  overscroll-behavior: contain;
  max-height: var(--max-height-infinite-scroll-content);
}

.bazis-list {
  /*
  * @prop --background-list: фон списка
  *
  * @prop --border-radius-list: радиус скругления списка
  * @prop --border-width-list: толщина границы списка
  * @prop --border-style-list: стиль границы списка
  * @prop --border-color-list: цвет границы списка
  *
  * @prop --padding-top-list: внутренний верхний отступ списка
  * @prop --padding-end-list: внутренний конечный отступ списка
  * @prop --padding-bottom-list: внутренний нижний отступ списка
  * @prop --padding-start-list: внутренний начальный отступ списка
  *
  * @prop --margin-top-list: внешний верхний отступ списка
  * @prop --margin-end-list: внешний конечный отступ списка
  * @prop --margin-bottom-list: внешний нижний отступ списка
  * @prop --margin-start-list: внешний начальный отступ списка
  * @prop --box-shadow: тень списка
  *
  * @prop --max-height: максимальная высота списка
  *
  * @prop --background: фон итема
  * @prop --background-hover: фон итема при наведении
  * @prop --background-selected: фон выбранного итема
  *
  * @prop --border-radius: радиус скругления итема
  * @prop --border-width: толщина границы итема
  * @prop --border-style: стиль границы итема
  * @prop --border-color: цвет границы итема
  *
  * @prop --padding-top: внутренний верхний отступ итема
  * @prop --padding-end: внутренний конечный отступ итема
  * @prop --padding-bottom: внутренний нижний отступ итема
  * @prop --padding-start: внутренний начальный отступ итема
  *
  * @prop --margin-top: внешний верхний отступ итема
  * @prop --margin-end: внешний конечный отступ итема
  * @prop --margin-bottom: внешний нижний отступ итема
  * @prop --margin-start: внешний начальный отступ итема
  *
  * @prop --min-height: минимальная высота итема
  *
  * @prop --list-style: стиль списка
  *
  * @prop --color: цвет текста
  * @prop --color-hover: цвет текста при наведении
  * @prop --color-selected: цвет текста выбранного пункта
  * @prop --font-size: размер шрифта
  * @prop --font-weight: жирность шрифта
  * @prop --line-height: межстрочный интервал для текста
  */
  --min-height: initial;
  --border-width: initial;
  --border-color: initial;
  --border-style: initial;
  --padding-start: initial;
  --padding-end: initial;
  --padding-top: initial;
  --padding-bottom: initial;
  --margin-start: initial;
  --margin-end: initial;
  --margin-top: initial;
  --margin-bottom: initial;
  --background: initial;
  --background-hover: var(--background);
  --background-selected: var(--background);
  --color: inherit;
  --color-hover: var(--color);
  --color-selected: var(--color);
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: inherit;
  --max-height: initial;
  --padding-start-list: 0;
  --padding-end-list: 0;
  --padding-top-list: 0;
  --padding-bottom-list: 0;
  --margin-start-list: 0;
  --margin-end-list: 0;
  --margin-top-list: 0;
  --margin-bottom-list: 0;
  --background-list: initial;
  --border-radius-list: initial;
  --border-width-list: initial;
  --border-color-list: initial;
  --border-style-list: initial;
  --box-shadow: none;
  max-height: var(--max-height);
  border-radius: var(--border-radius-list);
  border-width: var(--border-width-list);
  border-style: var(--border-style-list);
  border-color: var(--border-color-list);
  padding: var(--padding-top-list) var(--padding-end-list) var(--padding-bottom-list) var(--padding-start-list);
  margin: var(--margin-top-list) var(--margin-end-list) var(--margin-bottom-list) var(--margin-start-list);
  background: var(--background-list);
  box-shadow: var(--box-shadow);
  list-style: var(--list-style);
}
.bazis-list.bh-no-margin {
  margin: 0;
}
.bazis-list .bazis-item {
  display: list-item;
  min-height: var(--min-height);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  background: var(--background);
  list-style: var(--list-style);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  color: var(--color);
}
.bazis-list .bazis-item:hover, .bazis-list .bazis-item.active, .bazis-list .bazis-item--active {
  background: var(--background-hover);
  color: var(--color-hover);
}
.bazis-list .bazis-item--selected, .bazis-list .bazis-item--selected:hover {
  background: var(--background-selected);
  color: var(--color-selected);
}
.bazis-list_h {
  display: flex;
  align-items: center;
}
.bazis-list_short-info {
  display: flex;
  align-items: center;
}
.bazis-list_short-info .bazis-item {
  padding-left: 0;
}
.bazis-list_short-info .bazis-item::after {
  content: "";
  display: inline-block;
  margin-left: var(--padding-end);
  margin-bottom: 2px;
  width: 2px;
  height: 2px;
  background: var(--color);
  border-radius: 50%;
}
.bazis-list_short-info .bazis-item:last-child {
  --padding-start: 0;
}
.bazis-list_short-info .bazis-item:last-child::after {
  display: none;
}
.bazis-list_short-info .bazis-item a {
  text-decoration: none;
}
.bazis-list_short-info .bazis-item > *:not(bazis-tooltip) {
  display: inline-block;
}
@media (max-width: 576px) {
  .bazis-list_short-info .bazis-item {
    padding-left: 0;
  }
  .bazis-list_short-info .bazis-item::before {
    display: none;
  }
  .bazis-list_short-info .bazis-item::after {
    content: "";
    display: inline-block;
    margin-left: var(--padding-end);
    margin-bottom: 2px;
    width: 2px;
    height: 2px;
    background: var(--color);
    border-radius: 50%;
  }
  .bazis-list_short-info .bazis-item:last-child {
    --padding-start: 0;
  }
  .bazis-list_short-info .bazis-item:last-child::after {
    display: none;
  }
}
.bazis-list_vline, .bazis-list_vline_mini {
  display: flex;
  align-items: center;
}
.bazis-list_vline > .bazis-item, .bazis-list_vline_mini > .bazis-item {
  display: inline-flex;
}
.bazis-list_vline > .bazis-item::before, .bazis-list_vline_mini > .bazis-item::before {
  content: "";
  border-left: 1px solid var(--border-color);
  padding-right: var(--padding-start);
}
.bazis-list_vline > .bazis-item:first-child, .bazis-list_vline_mini > .bazis-item:first-child {
  --padding-start: 0;
}
.bazis-list_vline > .bazis-item:first-child::before, .bazis-list_vline_mini > .bazis-item:first-child::before {
  display: none;
}
.bazis-list_vline > .bazis-item_noline::before, .bazis-list_vline_mini > .bazis-item_noline::before {
  display: none;
}
.bazis-list_select, .bazis-list_control-dd {
  width: 100%;
  overflow: auto;
}
.bazis-list_select .bazis-item, .bazis-list_control-dd .bazis-item {
  --height: initial;
  --border-radius: 0;
  position: relative;
  cursor: pointer;
}
.bazis-list_select .bazis-item:not(.bazis-list_short-info > .bazis-item), .bazis-list_control-dd .bazis-item:not(.bazis-list_short-info > .bazis-item) {
  min-height: var(--height, 36px);
}
.bazis-list_select a.bazis-item, .bazis-list_control-dd a.bazis-item,
.bazis-list_select bazis-link.bazis-item,
.bazis-list_control-dd bazis-link.bazis-item,
.bazis-list_select button.bazis-item,
.bazis-list_control-dd button.bazis-item {
  display: block;
  width: 100%;
  line-height: var(--line-height);
  text-decoration: none;
  letter-spacing: 0;
  text-align: left;
}
.bazis-list_control-dd {
  position: absolute;
  top: var(--position-top, var(--height, 0));
  left: 0;
  z-index: 160;
  cursor: default;
}
.bazis-list_control-dd-wrapper {
  position: relative;
  padding-bottom: var(--padding-bottom);
}
.bazis-list_control-dd .bazis-item_group {
  --background-hover: var(--background);
  --background-selected: var(--background);
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--color);
  --color-selected: var(--color);
  -webkit-user-select: none;
          user-select: none;
}
.bazis-list_control-dd .bazis-item_group .bazis-list {
  --padding-top-list: var(--bazis-padding-2x);
  --color: var(--bazis-text-color);
}
.bazis-list_control-dd .bazis-item_placeholder {
  cursor: default;
}
.bazis-list_control-dd .bazis-item_placeholder:hover, .bazis-list_control-dd .bazis-item_placeholder.active, .bazis-list_control-dd .bazis-item_placeholder:active, .bazis-list_control-dd .bazis-item_placeholder:active:hover {
  background: var(--background);
  color: var(--color);
}
.bazis-dropdown .bazis-list_control-dd bazis-button.bazis-item {
  text-align: left;
}
.bazis-dropdown .bazis-list_control-dd bazis-button.bazis-item::part(inner) {
  justify-content: flex-start;
}
.bazis-list_control-dd.bh-overhide {
  overflow: hidden;
}
.bazis-list_gallery {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  flex-wrap: nowrap;
  transition: margin-left 0.5s ease-in;
}
.bazis-list_between > .bazis-item, .bazis-list_between_dot-leaders > .bazis-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.bazis-block__content_end .bazis-list_between, .bazis-block__content_end .bazis-list_between_dot-leaders {
  --margin-top-list: 26px;
}
.bazis-list_between_dot-leaders > .bazis-item {
  position: relative;
}
.bazis-list_between_dot-leaders > .bazis-item::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 4px;
  opacity: 0.5;
  border-bottom: 1px dotted var(--color-dot);
}
.bazis-list_between_dot-leaders > .bazis-item > * {
  position: relative;
  z-index: 1;
  background: var(--bazis-background);
}
.bazis-list_between_dot-leaders > .bazis-item > *:first-child {
  padding-right: var(--bazis-padding-2x);
}
.bazis-list_between_dot-leaders > .bazis-item > *:last-child {
  padding-left: var(--bazis-padding-2x);
}
.bazis-list_underline {
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --border-width: 0 0 1px 0;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
}
.bazis-list_overline {
  --padding-top: var(--bazis-padding-8x);
  --padding-bottom: var(--bazis-padding-8x);
  --border-width: 1px 0 0 0;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
}
.bazis-list_history {
  --width-bullet: 9px;
}
.bazis-list_history > .bazis-item {
  position: relative;
}
.bazis-list_history > .bazis-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: var(--width-bullet);
  height: var(--width-bullet);
  border: 1px solid var(--bazis-placeholder-color);
  border-radius: 50%;
}
.bazis-list_history > .bazis-item::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 16px;
  bottom: calc(var(--margin-bottom) * -1 - 5px);
  width: 1px;
  background: var(--bazis-placeholder-color);
}
.bazis-list_history > .bazis-item:last-child::after {
  display: none;
}
.bazis-list_history.bazis-color > .bazis-item::before {
  border-color: var(--bazis-color-base);
  background: var(--bazis-color-base);
}
.bazis-list_history.bazis-color > .bazis-item::after {
  background: var(--bazis-color-base);
}
.bazis-list_step .bazis-item > bazis-step {
  cursor: pointer;
}
.bazis-list_step .bazis-item_parent > bazis-step::part(sign) {
  visibility: hidden;
}
.bazis-list_step .bazis-item_parent > bazis-step::part(label) {
  border-bottom: none;
}
.bazis-list_e-sign .bazis-e-sign + div {
  width: 100%;
}
.bazis-list_e-sign textarea {
  resize: vertical;
  width: 100%;
}

.bazis-loader, .bazis-loader_inner, .bazis-loader_inline {
  /**
   * @prop --background: фон лоадера
   * @prop --background-dark: фон темного лоадера
   * @prop --border-radius: радиус скругления лоадера
   * @prop --border-width: толщина границы лоадера
   * @prop --border-style: стиль границы лоадера
   * @prop --border-color: цвет границы лоадера
   * @prop --box-shadow: тень лоадера
   *
   * @prop --max-width: максимальная ширина лоадера
   * @prop --min-width: минимальная ширина лоадера
   * @prop --width: ширина лоадера
   * @prop --height: высота лоадера
   *
   * @prop --spinner-background: фон спиннера
   * @prop --spinner-color: цвет спиннера
   * @prop --spinner-size: размер спиннера
   *
   * @prop --dot-size: размер точки (для лоадера точек)
   * @prop --dots-margin: отступ между точек
   *
   * @prop --font-size: размер шрифта сообщения
   * @prop --font-weight: жирность шрифта сообщения
   * @prop --color: цвет текста сообщения
   * @prop --color-dark: цвет текста сообщения нв темной теме
   * @prop --color-rgb: цвет текста сообщения
  */
  --min-width: initial;
  --max-width: initial;
  --border-radius: var(--bazis-border-radius);
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --font-size: inherit;
  --font-weight: initial;
  --color: var(--bazis-text-color);
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: var(--min-width);
  max-width: var(--max-width);
  width: var(--width);
  min-height: var(--height);
  margin: auto;
}
.bazis-loader__content {
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  background: var(--background);
  text-align: center;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  color: var(--color);
}
.bazis-loader__spinner {
  width: var(--spinner-size);
  height: var(--spinner-size);
  margin: var(--bazis-margin-4x) auto;
  border-radius: 50%;
  background: var(--spinner-background);
  text-align: center;
  animation: rotate 2s linear infinite;
}
.bazis-loader__spinner circle {
  stroke: var(--spinner-color);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
.bazis-loader__spinner bazis-icon {
  --bazis-icon-l-size: calc(var(--spinner-size) / 2);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: var(--spinner-color);
}
.bazis-loader_inline {
  position: relative;
  width: 100%;
}
.bazis-loader_inner {
  position: absolute;
}
.bazis-loader_dots {
  display: inline-block;
  position: relative;
  margin: 0 calc(var(--dots-margin) + var(--dot-size));
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background-color: var(--color);
  color: var(--color);
  vertical-align: middle;
  animation: dot-flashing 1s infinite linear alternate;
  animation-delay: 0.5s;
}
.bazis-loader_dots::before, .bazis-loader_dots::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.bazis-loader_dots::before {
  left: calc(var(--dots-margin) * -1);
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background-color: var(--color);
  color: var(--color);
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 0s;
}
.bazis-loader_dots::after {
  left: var(--dots-margin);
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background-color: var(--color);
  color: var(--color);
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 1s;
}
.bazis-loader__dots {
  display: inline-flex;
  gap: var(--dots-margin);
}
.bazis-loader__dots .bazis-loader__dot {
  display: inline-block;
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background-color: var(--color);
  color: var(--color);
  animation: dot-flashing 1.5s infinite alternate;
}
.bazis-loader__dots .bazis-loader__dot:nth-child(0n) {
  animation-delay: 0s;
}
.bazis-loader__dots .bazis-loader__dot:nth-child(1n) {
  animation-delay: 0.5s;
}
.bazis-loader__dots .bazis-loader__dot:nth-child(2n) {
  animation-delay: 1s;
}
.bazis-loader__dots .bazis-loader__dot:nth-child(3n) {
  animation-delay: 1.5s;
}
.bazis-loader__dots .bazis-loader__dot:nth-child(4n) {
  animation-delay: 2s;
}
.bazis-loader__dots .bazis-loader__dot:nth-child(5n) {
  animation-delay: 2.5s;
}
.bazis-loader__dots .bazis-loader__dot:nth-child(6n) {
  animation-delay: 3s;
}
.bazis-loader__dots .bazis-loader__dot:nth-child(7n) {
  animation-delay: 3.5s;
}
.bazis-loader__dots .bazis-loader__dot:nth-child(8n) {
  animation-delay: 4s;
}
.bazis-loader__dots .bazis-loader__dot:nth-child(9n) {
  animation-delay: 4.5s;
}
.bazis-loader__dots .bazis-loader__dot:nth-child(10n) {
  animation-delay: 5s;
}
.bazis-loader_dark .bazis-loader__content {
  background: var(--background-dark);
  color: var(--color-dark);
}
.bazis-loader_transparent .bazis-loader__content {
  --spinner-background: var(--bazis-color-white);
  background: transparent;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 94;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 56, 94;
    stroke-dashoffset: -19;
  }
  100% {
    stroke-dasharray: 56, 94;
    stroke-dashoffset: -87;
  }
}
@keyframes dot-flashing {
  0% {
    background-color: var(--color);
  }
  50%, 100% {
    background-color: rgba(var(--color-rgb), 0.2);
  }
}
bazis-skeleton:first-child:last-child {
  --margin-top: 0;
  --margin-bottom: 0;
}

bazis-skeleton:last-of-type {
  --margin-bottom: 0;
}

.bazis-loadmore-button {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  text-align: center;
}

.bazis-menu, .bazis-menu_rounded {
  /*
  * @prop --background-list: фон списка
  *
  * @prop --border-radius-list: радиус скругления списка
  * @prop --border-width-list: толщина границы списка
  * @prop --border-style-list: стиль границы списка
  * @prop --border-color-list: цвет границы списка
  *
  * @prop --padding-top-list: внутренний верхний отступ списка
  * @prop --padding-end-list: внутренний конечный отступ списка
  * @prop --padding-bottom-list: внутренний нижний отступ списка
  * @prop --padding-start-list: внутренний начальный отступ списка
  *
  * @prop --margin-top-list: внешний верхний отступ списка
  * @prop --margin-end-list: внешний конечный отступ списка
  * @prop --margin-bottom-list: внешний нижний отступ списка
  * @prop --margin-start-list: внешний начальный отступ списка
  * @prop --box-shadow: тень списка
  *
  * @prop --max-height: максимальная высота списка
  *
  * @prop --background: фон итема
  * @prop --background-hover: фон итема при наведении
  * @prop --background-selected: фон выбранного итема
  *
  * @prop --border-radius: радиус скругления итема
  * @prop --border-width: толщина границы итема
  * @prop --border-style: стиль границы итема
  * @prop --border-color: цвет границы итема
  *
  * @prop --padding-top: внутренний верхний отступ итема
  * @prop --padding-end: внутренний конечный отступ итема
  * @prop --padding-bottom: внутренний нижний отступ итема
  * @prop --padding-start: внутренний начальный отступ итема
  *
  * @prop --margin-top: внешний верхний отступ итема
  * @prop --margin-end: внешний конечный отступ итема
  * @prop --margin-bottom: внешний нижний отступ итема
  * @prop --margin-start: внешний начальный отступ итема
  *
  * @prop --min-height: минимальная высота итема
  *
  * @prop --list-style: стиль списка
  *
  * @prop --color: цвет текста
  * @prop --color-hover: цвет текста при наведении
  * @prop --color-selected: цвет текста выбранного пункта
  * @prop --font-size: размер шрифта
  * @prop --font-weight: жирность шрифта
  * @prop --line-height: межстрочный интервал для текста
  */
  --min-height: initial;
  --border-width: initial;
  --border-color: initial;
  --border-style: initial;
  --padding-start: initial;
  --padding-end: initial;
  --padding-top: initial;
  --padding-bottom: initial;
  --margin-start: initial;
  --margin-end: initial;
  --margin-top: initial;
  --margin-bottom: initial;
  --background: initial;
  --background-hover: var(--background);
  --background-selected: var(--background);
  --color: inherit;
  --color-hover: var(--color);
  --color-selected: var(--color);
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: inherit;
  --max-height: initial;
  --padding-start-list: 0;
  --padding-end-list: 0;
  --padding-top-list: 0;
  --padding-bottom-list: 0;
  --margin-start-list: 0;
  --margin-end-list: 0;
  --margin-top-list: 0;
  --margin-bottom-list: 0;
  --background-list: initial;
  --border-radius-list: initial;
  --border-width-list: initial;
  --border-color-list: initial;
  --border-style-list: initial;
  --box-shadow: none;
  max-height: var(--max-height);
  border-radius: var(--border-radius-list);
  border-width: var(--border-width-list);
  border-style: var(--border-style-list);
  border-color: var(--border-color-list);
  padding: var(--padding-top-list) var(--padding-end-list) var(--padding-bottom-list) var(--padding-start-list);
  margin: var(--margin-top-list) var(--margin-end-list) var(--margin-bottom-list) var(--margin-start-list);
  background: var(--background-list);
  box-shadow: var(--box-shadow);
  list-style: var(--list-style);
  clear: both;
}
.bazis-menu.bh-no-margin, .bh-no-margin.bazis-menu_rounded {
  margin: 0;
}
.bazis-menu .bazis-item, .bazis-menu_rounded .bazis-item {
  display: list-item;
  min-height: var(--min-height);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  background: var(--background);
  list-style: var(--list-style);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  color: var(--color);
}
.bazis-menu .bazis-item:hover, .bazis-menu_rounded .bazis-item:hover, .bazis-menu .bazis-item.active, .bazis-menu_rounded .bazis-item.active {
  background: var(--background-hover);
  color: var(--color-hover);
}
.bazis-menu .bazis-item--selected, .bazis-menu_rounded .bazis-item--selected, .bazis-menu .bazis-item--selected:hover, .bazis-menu .bazis-item:active, .bazis-menu_rounded .bazis-item:active, .bazis-menu .bazis-item:active:hover {
  background: var(--background-selected);
  color: var(--color-selected);
}
.bazis-menu .bazis-item--disabled, .bazis-menu_rounded .bazis-item--disabled {
  opacity: 0.5;
}
.bazis-menu .bazis-item:not(a, bazis-button, button), .bazis-menu_rounded .bazis-item:not(a, bazis-button, button) {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.bazis-menu bazis-button, .bazis-menu_rounded bazis-button {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --height: auto;
  --background: transparent;
  --background-hover: var(--background);
  --background-activated: var(--background);
  --background-focused: var(--background);
  --color-hover: var(--color);
  --color-focused: var(--color);
  --color-activated: var(--color);
  display: block;
  width: 100%;
  text-align: center;
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  font-size: var(--font-size);
  letter-spacing: 0;
}
.bazis-menu bazis-button::part(inner), .bazis-menu_rounded bazis-button::part(inner) {
  justify-content: flex-start;
}
.bazis-menu a, .bazis-menu_rounded a {
  display: block;
  color: var(--color);
  text-decoration: none;
}
.bazis-menu a:hover, .bazis-menu_rounded a:hover {
  color: var(--color-hover);
}
.bazis-menu a:not(.bazis-item), .bazis-menu_rounded a:not(.bazis-item) {
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
}
.bazis-menu button, .bazis-menu_rounded button {
  display: block;
  outline: 0;
  background: var(--background);
  line-height: var(--line-height);
  color: var(--color);
}
.bazis-menu button:hover, .bazis-menu_rounded button:hover {
  color: var(--color-hover);
}
.bazis-menu button:not(.bazis-item), .bazis-menu_rounded button:not(.bazis-item) {
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
}
.bazis-menu_rounded bazis-icon {
  border-radius: 50%;
}

.bazis-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001;
}

.bazis-paginator {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bazis-paginator_secondary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bazis-paginator_secondary .bazis-btn-group:last-child bazis-button {
  margin-left: var(--bazis-margin-2x);
}
.bazis-paginator_secondary .bazis-btn-group:last-child bazis-button.bh-hidden {
  display: none;
}
.bazis-paginator_secondary .bazis-btn-group:last-child bazis-button::part(native) {
  border: var(--border-width) var(--border-style) var(--border-color);
}
@media (max-width: 992px) {
  .bazis-paginator .bazis-btn-group bazis-button.bazis-btn_solid {
    --background: var(--bazis-color-white);
    font-weight: 400;
  }
}
@media (max-width: 400px) {
  .bazis-paginator_secondary {
    display: block;
  }
  .bazis-paginator_secondary .bazis-btn-group:last-child {
    margin-top: var(--bazis-margin-2x);
  }
  .bazis-paginator_secondary .bazis-btn-group:last-child bazis-button:first-child, .bazis-paginator_secondary .bazis-btn-group:last-child bazis-button.bh-hidden + bazis-button {
    margin-left: 0;
  }
}

.bazis-pane {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --background: initial;
  --color: inherit;
  --background-hover: var(--background);
  --border-color-hover: var(--border-color);
  --box-shadow-hover: var(--box-shadow);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  background: var(--background);
  color: var(--color);
  --height-header: initial;
  height: 100%;
}
.bazis-pane__footer, .bazis-pane__header {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
}
.bazis-pane__header {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--height-header);
}
.bazis-pane__header bazis-tabs {
  --height: var(--height-header);
}
.bazis-pane__header__btns {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 11;
  display: flex;
  align-items: center;
}
.bazis-pane__content {
  height: calc(100% - var(--height-header));
}
.bazis-panel {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --background: initial;
  --color: inherit;
  --position-start: inherit;
  --position-end: inherit;
  --position-top: inherit;
  --position-bottom: inherit;
  --background-hover: var(--background);
  --border-color-hover: var(--border-color);
  --box-shadow-hover: var(--box-shadow);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  background: var(--background);
  color: var(--color);
}
.bazis-panel__footer, .bazis-panel__header {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
}
.bazis-panel__content {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
}
.bazis-panel_top[popover] {
  top: var(--position-top);
  left: var(--position-start);
  right: var(--position-end);
  bottom: auto;
}
.bazis-panel_bottom[popover] {
  bottom: var(--position-bottom);
  left: var(--position-start);
  right: var(--position-end);
  top: auto;
}
.bazis-panel_left[popover] {
  top: var(--position-top);
  bottom: var(--position-bottom);
  left: var(--position-start);
}
.bazis-panel_left_top[popover] {
  top: var(--position-top);
  left: var(--position-start);
  right: auto;
  bottom: auto;
}
.bazis-panel_left_bottom[popover] {
  bottom: var(--position-bottom);
  left: var(--position-start);
  right: auto;
  top: auto;
}
.bazis-panel_right[popover] {
  top: var(--position-top);
  bottom: var(--position-bottom);
  right: var(--position-end);
  left: auto;
}
.bazis-panel_right_top[popover] {
  top: var(--position-top);
  right: var(--position-end);
  left: auto;
  bottom: auto;
}
.bazis-panel_right_bottom[popover] {
  bottom: var(--position-bottom);
  right: var(--position-end);
  left: auto;
  top: auto;
}
.bazis-percentage-bar, .bazis-percentage-bar_mini {
  --min-height: initial;
  --height: initial;
  --max-height: initial;
  --background: initial;
  min-height: var(--min-height);
  height: var(--height);
  max-height: var(--max-height);
  background: var(--background);
}
.bazis-percentage-bar__part {
  --opacity: 1;
  --min-width: 0;
  display: block;
  float: left;
  height: var(--height);
  opacity: var(--opacity);
  min-width: var(--min-width);
}
.bazis-percentage-bar__part.bazis-color {
  background: var(--bazis-color-base);
}
.bazis-percentage-bar__part_full {
  width: 100%;
}
.bazis-percentage-block {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --background: initial;
  --color: inherit;
  --background-hover: var(--background);
  --border-color-hover: var(--border-color);
  --box-shadow-hover: var(--box-shadow);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  background: var(--background);
  color: var(--color);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-color-hover: var(--bazis-border-color-dark);
}
.bazis-percentage-block__count {
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}
.bazis-percentage-block__percent {
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}
.bazis-percentage-block:hover {
  background: var(--background-hover);
  border-color: var(--border-color-hover);
  box-shadow: var(--box-shadow-hover);
}
.bazis-spinner {
  margin: var(--bazis-margin-6x) 0;
  text-align: center;
  color: var(--bazis-text-color-secondary);
}
.bazis-spinner bazis-icon {
  animation: rotate 2s linear infinite;
}

bazis-status .bazis-status {
  cursor: default;
}
bazis-status > div {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

.bazis-stepper {
  /*
  * @prop --background-list: фон списка
  *
  * @prop --border-radius-list: радиус скругления списка
  * @prop --border-width-list: толщина границы списка
  * @prop --border-style-list: стиль границы списка
  * @prop --border-color-list: цвет границы списка
  *
  * @prop --padding-top-list: внутренний верхний отступ списка
  * @prop --padding-end-list: внутренний конечный отступ списка
  * @prop --padding-bottom-list: внутренний нижний отступ списка
  * @prop --padding-start-list: внутренний начальный отступ списка
  *
  * @prop --margin-top-list: внешний верхний отступ списка
  * @prop --margin-end-list: внешний конечный отступ списка
  * @prop --margin-bottom-list: внешний нижний отступ списка
  * @prop --margin-start-list: внешний начальный отступ списка
  * @prop --box-shadow: тень списка
  *
  * @prop --max-height: максимальная высота списка
  *
  * @prop --background: фон шага
  * @prop --background-hover: фон шага при наведении
  * @prop --background-active: фон активного шага
  *
  * @prop --border-radius: радиус скругления шага
  * @prop --border-width: толщина границы шага
  * @prop --border-style: стиль границы шага
  * @prop --border-color: цвет границы шага
  *
  * @prop --padding-top: внутренний верхний отступ шага
  * @prop --padding-end: внутренний конечный отступ шага
  * @prop --padding-bottom: внутренний нижний отступ шага
  * @prop --padding-start: внутренний начальный отступ шага
  *
  * @prop --margin-top: внешний верхний отступ шага
  * @prop --margin-end: внешний конечный отступ шага
  * @prop --margin-bottom: внешний нижний отступ шага
  * @prop --margin-start: внешний начальный отступ шага
  *
  * @prop --min-height: минимальная высота шага
  *
  * @prop --list-style: стиль списка
  *
  * @prop --color: цвет текста
  * @prop --color-hover: цвет текста при наведении
  * @prop --color-active: цвет текста активного шага
  * @prop --font-size: размер шрифта
  * @prop --font-weight: жирность шрифта
  * @prop --line-height: межстрочный интервал для текста
  */
  --min-height: initial;
  --min-width: initial;
  --border-width: initial;
  --border-color: initial;
  --border-style: initial;
  --padding-start: initial;
  --padding-end: initial;
  --padding-top: initial;
  --padding-bottom: initial;
  --margin-start: initial;
  --margin-end: initial;
  --margin-top: initial;
  --margin-bottom: initial;
  --background: initial;
  --background-hover: var(--background);
  --background-disabled: var(--background);
  --background-active: var(--background);
  --color: inherit;
  --color-hover: var(--color);
  --color-disabled: var(--color);
  --color-active: var(--color);
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: inherit;
  --width-item-before: initial;
  --width-item-after: initial;
  --max-height: initial;
  --padding-start-list: 0;
  --padding-end-list: 0;
  --padding-top-list: 0;
  --padding-bottom-list: 0;
  --margin-start-list: 0;
  --margin-end-list: 0;
  --margin-top-list: 0;
  --margin-bottom-list: 0;
  --background-list: initial;
  --border-radius-list: initial;
  --border-width-list: initial;
  --border-color-list: initial;
  --border-style-list: initial;
  --box-shadow: none;
  display: flex;
  align-items: center;
  max-height: var(--max-height);
  border-radius: var(--border-radius-list);
  border-width: var(--border-width-list);
  border-style: var(--border-style-list);
  border-color: var(--border-color-list);
  padding: var(--padding-top-list) var(--padding-end-list) var(--padding-bottom-list) var(--padding-start-list);
  margin: var(--margin-top-list) var(--margin-end-list) var(--margin-bottom-list) var(--margin-start-list);
  background: var(--background-list);
  box-shadow: var(--box-shadow);
}
.bazis-stepper .bazis-item {
  position: relative;
  flex-shrink: 0;
  min-width: var(--min-width);
  min-height: var(--min-height);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  background: var(--background);
  list-style: var(--list-style);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  color: var(--color);
  cursor: pointer;
}
.bazis-stepper .bazis-item:first-child::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  clip-path: url(#step-arrow);
  width: var(--width-item-before);
  height: var(--min-height);
  transform: translateY(-50%);
  background-color: var(--background);
}
.bazis-stepper .bazis-item::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: calc(100% - 0.5px);
  clip-path: url(#step-arrow);
  width: var(--width-item-after);
  height: var(--min-height);
  transform: translateY(-50%);
  background-color: var(--background);
  background-image: url("/assets/images/step-border.svg");
  background-position: 100% 50%;
}
.bazis-stepper .bazis-item:hover {
  background: var(--background-hover);
  color: var(--color-hover);
}
.bazis-stepper .bazis-item--disabled {
  background: var(--background-disabled);
  color: var(--color-disabled);
  pointer-events: none;
}
.bazis-stepper .bazis-item--disabled::after {
  background-color: var(--background-disabled);
}
.bazis-stepper .bazis-item--active, .bazis-stepper .bazis-item--active:hover, .bazis-stepper .bazis-item:active, .bazis-stepper .bazis-item:active:hover {
  background: var(--background-active);
  color: var(--color-active);
}
.bazis-stepper .bazis-item--active::after, .bazis-stepper .bazis-item--active:hover::after, .bazis-stepper .bazis-item:active::after, .bazis-stepper .bazis-item:active:hover::after {
  background-color: var(--background-active);
}

.bazis-tab-status {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  display: inline-flex;
  align-items: flex-end;
}
.bazis-tab-status__item {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --border-color-active: var(--border-color);
  --border-color-hover: var(--border-color);
  --border-color-disabled: var(--border-color);
  --border-color-active-disabled: var(--border-color);
  --background: initial;
  --color: inherit;
  --background-active: var(--background);
  --color-active: var(--color);
  --background-hover: var(--background);
  --color-hover: var(--color);
  --background-disabled: var(--background);
  --color-disabled: var(--color);
  --background-active-disabled: var(--background);
  --color-active-disabled: var(--color);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  background: var(--background);
  color: var(--color);
  margin-right: var(--bazis-margin-1x);
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.bazis-tab-status__item > * {
  display: inline-block;
  border-bottom: 1px dashed var(--background-active);
  position: relative;
  top: 1px;
}
.bazis-tab-status__item--active > *, .bazis-tab-status__item.active > *, .bazis-tab-status__item--disabled > *, .bazis-tab-status__item:hover > * {
  border-bottom-color: transparent;
}
.bazis-tab-status__item--active, .bazis-tab-status__item.active {
  background: var(--background-active);
  border-color: var(--border-color-active);
  color: var(--color-active);
}
.bazis-tab-status__item:hover {
  background: var(--background-hover);
  border-color: var(--border-color-hover);
  color: var(--color-hover);
}
.bazis-tab-status__item--disabled {
  background: var(--background-disabled);
  border-color: var(--border-color-disabled);
  color: var(--color-disabled);
  pointer-events: none;
}
.bazis-tab-status__item--disabled.bazis-tab-status__item--active, .bazis-tab-status__item--disabled.active {
  background: var(--background-active-disabled);
  border-color: var(--border-color-active-disabled);
  color: var(--color-active-disabled);
}

.bazis-tag {
  /**
  * @prop --background: фон тега
  * @prop --background-hover: фон тега при наведении
  * @prop --background-disabled: фон тега при отключенной теге
  *
  * @prop --color: цвет текста тега
  * @prop --color-hover: цвет текста тега при наведении
  * @prop --color-disabled: цвет текста тега при отключенной теге
  *
  * @prop --transition: переход
  *
  * @prop --border-radius: радиус скругления
  * @prop --border-width: толщина границы
  * @prop --border-style: стиль границы
  * @prop --border-color: цвет границы
  * @prop --border-color-hover: цвет границы при наведении
  * @prop --border-color-disabled: цвет границы при отключенной кнопке
  *
  * @prop --box-shadow: тень тега
  * @prop --opacity: прозрачность тега
  *
  * @prop --padding-top: внутренний верхний отступ
  * @prop --padding-end: внутренний правый отступ
  * @prop --padding-bottom: внутренний нижний отступ
  * @prop --padding-start: внутренний левый отступ
  *
  * @prop --height: высота тега
  * @prop --width: ширина тега
  *
  * @prop --height-s: высота тега поменьше
  * @prop --height-l: высота тега побольше
  */
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --width: initial;
  --height: initial;
  --background: initial;
  --color: inherit;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  width: var(--width);
  height: var(--height);
  background: var(--background);
  color: var(--color);
  --height-s: var(--height);
  --height-l: var(--height);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--bazis-margin-1x);
  opacity: var(--opacity);
  font-size: 13px;
  font-weight: 500;
}
.bazis-tag button {
  outline: none;
  background: transparent;
  border: none;
  padding: var(--bazis-padding-1x);
}
.bazis-tag button bazis-icon {
  color: var(--bazis-text-color-secondary);
}
.bazis-tag.bazis-color {
  --background: var(--bazis-color-base);
  --color: var(--bazis-color-contrast);
}
.bazis-tag.bazis-color bazis-icon {
  color: var(--color);
}
.bazis-tag_small {
  height: var(--height-s);
}
.bazis-tag_large {
  height: var(--height-l);
}

.bazis-tile {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --background: initial;
  --color: inherit;
  --background-hover: var(--background);
  --border-color-hover: var(--border-color);
  --box-shadow-hover: var(--box-shadow);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  background: var(--background);
  color: var(--color);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-color-hover: var(--bazis-border-color-dark);
  --height-header: initial;
  --max-height: 281px;
  min-height: 100%;
  overflow: hidden;
}
.bazis-tile__header, .bazis-tile__content, .bazis-tile__footer {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
}
.bazis-tile__header {
  position: relative;
  z-index: 1;
}
.bazis-tile__content ::-webkit-scrollbar-track, .bazis-tile__content::-webkit-scrollbar-track {
  margin-top: 1px;
  margin-bottom: 1px;
}
.bazis-tile__content:not(.bazis-tile_full .bazis-tile__content) {
  max-height: calc(var(--max-height) - var(--height-header));
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.bazis-alert {
  --top: initial;
  --bottom: initial;
  --left: initial;
  --right: initial;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --min-height: initial;
  --height: initial;
  --max-height: initial;
  --background: initial;
  --color: inherit;
  top: var(--top);
  bottom: var(--bottom);
  left: var(--left);
  right: var(--right);
  position: fixed;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bazis-alert__wrapper {
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  min-height: var(--min-height);
  height: var(--height);
  max-height: var(--max-height);
  background: var(--background);
  color: var(--color);
  display: flex;
  outline: none;
  font-family: var(--bazis-font-family, inherit);
}
.bazis-alert__content {
  flex: 1;
  overflow: auto;
}
.bazis-alert__title {
  margin-bottom: var(--bazis-margin-1x);
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  color: var(--bazis-text-color);
}
.bazis-alert__message {
  white-space: var(--white-space);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--bazis-text-color-secondary);
}
.bazis-alert__message p:not(.bazis-control__error p) {
  margin-top: var(--bazis-margin-3x);
  font-size: 14px;
  line-height: 20px;
}
.bazis-alert__message p:not(.bazis-control__error p) strong {
  font-weight: 500;
}
.bazis-alert__icon {
  flex-shrink: 0;
  position: relative;
  margin-left: var(--bazis-margin-3x);
  padding-right: var(--bazis-padding-5x);
}
.bazis-alert__icon + .bazis-alert__content {
  padding-left: var(--bazis-padding-4x);
  border-left: 1px solid var(--bazis-border-color);
}
.bazis-alert__close {
  border: none;
  outline: 0;
  background: transparent;
  width: 24px;
  height: 24px;
  padding: 0;
  color: var(--bazis-placeholder-color);
}
.bazis-alert + .bazis-backdrop {
  --background: var(--bazis-background-medium);
  --opacity: 1;
}
.bazis-alert__buttons {
  display: flex;
}
.bazis-alert__buttons bazis-button {
  margin-top: calc(var(--bazis-margin-6x) * 2);
}
.bazis-alert__buttons bazis-button + bazis-button {
  margin-left: var(--bazis-margin-3x);
}
@media (max-width: 1024px) {
  .bazis-alert {
    left: 20px;
    right: 20px;
  }
  .bazis-alert__content {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .bazis-alert__buttons {
    flex-direction: column;
    gap: var(--bazis-margin-4x);
  }
  .bazis-alert__buttons bazis-button {
    margin-top: var(--bazis-margin-6x);
  }
  .bazis-alert__buttons bazis-button + bazis-button {
    margin-left: 0;
    margin-top: 0;
  }
}
@media (max-width: 576px) {
  .bazis-alert {
    z-index: 1102;
  }
  .bazis-alert + .bazis-backdrop {
    z-index: 1101;
  }
  .bazis-alert__wrapper {
    position: relative;
    flex-direction: column;
    align-items: center;
    padding: var(--bazis-padding-5x);
  }
  .bazis-alert__icon {
    padding-right: 0;
    margin-left: 0;
    margin-bottom: var(--bazis-margin-6x);
  }
  .bazis-alert__content {
    padding-left: 0;
    border-left: 0;
    text-align: center;
  }
  .bazis-alert__title {
    font-size: 18px;
    line-height: 24px;
  }
  .bazis-alert__message {
    font-size: 14px;
    line-height: 20px;
    color: var(--bazis-text-color);
  }
  .bazis-alert__close {
    position: absolute;
    top: 8px;
    right: 8px;
  }
}

.bazis-breadcrumbs {
  --padding-top: initial;
  --padding-bottom: initial;
  --margin-bottom: initial;
  --text-decoration: initial;
  --color: initial;
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  margin-bottom: var(--margin-bottom);
  color: var(--color);
}
.bazis-breadcrumbs a {
  -webkit-text-decoration: var(--text-decoration);
          text-decoration: var(--text-decoration);
  color: var(--color);
}
.bazis-container .bazis-breadcrumbs, .bazis-blocking-message .bazis-breadcrumbs {
  padding-left: 0;
  padding-right: 0;
}

.bazis-contact {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  display: block;
  color: inherit;
}
.bazis-contact a {
  text-decoration: none;
}
.bazis-collapsible-to-more {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding-top: var(--bazis-padding-8x);
  padding-bottom: var(--bazis-padding-5x);
}
.bazis-collapsible-to-more__start {
  position: relative;
}
.bazis-collapsible-to-more__start .bazis-collapsible-to-more__shake {
  top: 0;
  bottom: 0;
  height: 36px;
}
.bazis-collapsible-to-more__end {
  flex-shrink: 0;
}
.bazis-collapsible-to-more__shake {
  position: absolute;
  z-index: 1;
  top: var(--bazis-padding-8x);
  bottom: var(--bazis-padding-5x);
  left: 0;
  right: 0;
  background: var(--bazis-color-white);
}
.bazis-collapsible-to-more__shake bazis-skeleton {
  height: 100%;
}
.bazis-collapsible-to-more--opacity .bazis-collapsible-to-more__start bazis-tabs {
  opacity: 0;
}
.bazis-collapsible-to-more--notabs .bazis-collapsible-to-more__start {
  flex: 1 1 auto;
}

.bazis-context-menu {
  --position-x: 0;
  --position-y: 0;
  position: fixed;
  z-index: 2000;
  top: calc(var(--position-y) * 1px - 10px);
  left: calc(var(--position-x) * 1px + 10px);
}

.bazis-cookie {
  --bottom: 20px;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  position: fixed;
  z-index: 1001;
  bottom: var(--bottom);
  left: 0;
  right: 0;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}
.bazis-cookie .bazis-block {
  --max-width: 1360px;
  --margin-bottom: 0;
  --padding-top: 10px;
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.bazis-cookie .bazis-block bazis-icon {
  margin-right: var(--bazis-margin-3x);
  flex-shrink: 0;
}
.bazis-cookie .bazis-block a {
  font-weight: 500;
  letter-spacing: 0.25px;
  text-decoration: none;
}
.bazis-cookie .bazis-block > div {
  justify-content: center;
  width: 100%;
  padding: 6px 0;
}
@media (max-width: 992px) {
  .bazis-cookie .bazis-block > div {
    justify-content: flex-start;
    padding-right: 72px;
  }
}
@media (max-width: 576px) {
  .bazis-cookie .bazis-block {
    display: block;
  }
  .bazis-cookie .bazis-block > div {
    padding-right: 0;
  }
  .bazis-cookie bazis-button {
    margin-top: var(--bazis-margin-4x);
    margin-left: var(--bazis-margin-8x);
  }
}

.bazis-cookie {
  --font-size: 13px;
  --font-weight: 400;
  --line-height: 20px;
}

.bazis-coordinates {
  display: inline-flex;
  align-items: center;
  margin-bottom: var(--bazis-margin-3x);
  color: var(--bazis-text-color-secondary);
  cursor: pointer;
}
.bazis-coordinates bazis-icon {
  margin-left: var(--bazis-margin-2x);
  font-size: 12px;
}

.bazis-dateplate {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.bazis-dateplate__time {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.bazis-dateplate__time bazis-icon {
  --bazis-icon-xs-size: 14px;
  margin-right: 6px;
}
.bazis-dateplate__time_small {
  font-size: 14px;
  line-height: 20px;
}
.bazis-dateplate__time_small bazis-icon {
  margin-bottom: 2px;
}

.bazis-accordion_doc .bazis-file-inline bazis-link {
  font-weight: 400;
}
.bazis-accordion_doc .bazis-dropdown {
  --top: 24px;
  --width: 250px;
}
.bazis-accordion_doc .bh-line-elements {
  --gap: var(--bazis-margin-2x);
}
.bazis-accordion_doc .bazis-btn_small bazis-link[slot=icon-only] {
  margin-left: calc(var(--bazis-margin-1x) * -1);
  margin-right: calc(var(--bazis-margin-1x) * -1);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bazis-accordion_doc .bazis-btn_small bazis-link[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: calc(var(--bazis-margin-1x) * -1);
    margin-inline-end: calc(var(--bazis-margin-1x) * -1);
  }
}
.bazis-accordion_doc bazis-button bazis-icon {
  color: var(--bazis-text-color-secondary);
}
.bazis-accordion_doc .iframe_desktop {
  display: block;
}
.dt-desktop .bazis-accordion_doc .iframe_desktop {
  display: block;
}
.dt-mobile .bazis-accordion_doc .iframe_desktop {
  display: none;
}
.bazis-accordion_doc .iframe_mobile {
  display: none;
}
.dt-desktop .bazis-accordion_doc .iframe_mobile {
  display: none;
}
.dt-mobile .bazis-accordion_doc .iframe_mobile {
  display: block;
}
@media screen and (max-device-width: 666px) {
  .bazis-accordion_doc .iframe_desktop {
    display: none;
  }
  .dt-desktop .bazis-accordion_doc .iframe_desktop {
    display: block;
  }
  .dt-mobile .bazis-accordion_doc .iframe_desktop {
    display: none;
  }
  .bazis-accordion_doc .iframe_mobile {
    display: block;
  }
  .dt-desktop .bazis-accordion_doc .iframe_mobile {
    display: none;
  }
  .dt-mobile .bazis-accordion_doc .iframe_mobile {
    display: block;
  }
}

.bazis-empty {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --background: initial;
  --color: inherit;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  --margin-top: 0;
  --margin-bottom: 0;
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  background: var(--background);
  text-align: center;
}
.bazis-empty p {
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  color: var(--color);
}

.bazis-file-inline {
  display: inline-flex;
  width: 100%;
  justify-content: flex-start;
}
.bazis-file-inline bazis-badge {
  --margin-start: var(--bazis-margin-2x);
  --margin-end: var(--bazis-margin-2x);
  margin-top: 2px;
  margin-left: 0;
  border-radius: 2px;
  text-transform: uppercase;
  line-height: 16px;
  flex-shrink: 0;
}
.bazis-file-inline .bazis-list {
  width: calc(100% - 56px);
  justify-content: flex-start;
}
.bazis-file-inline .bazis-list > .bazis-item {
  white-space: nowrap;
}
.bazis-file-inline .bazis-list > .bazis-item:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 1px);
  display: inline-block;
}
.bazis-file-inline .bazis-list > .bazis-item:first-child::after {
  display: none;
}
.bazis-file-inline .bazis-list > .bazis-item:last-child {
  padding-right: 0;
}
.bazis-file-inline .bazis-list > .bazis-item:last-child:not(:first-child) {
  padding-left: var(--padding-end);
}
.bazis-file-inline .bazis-list > .bazis-item:last-child:not(:first-child)::before {
  content: "";
  display: inline-block;
  margin-right: var(--padding-end);
  margin-bottom: 2px;
  width: 2px;
  height: 2px;
  background: var(--color);
  border-radius: 50%;
}
.bazis-file-inline .bazis-list > .bazis-item bazis-link {
  display: contents;
  font-weight: 400;
}

.bazis-signed-file-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bazis-signed-file-inline .bazis-file-inline {
  overflow: hidden;
}
.bazis-signed-file-inline .bazis-file-inline .bazis-list {
  width: calc(100% - 56px - 36px);
}
.bazis-signed-file-inline .bazis-file-inline + bazis-button {
  flex-shrink: 0;
  align-self: flex-start;
}
.bazis-signed-file-inline .bazis-dropdown {
  --top: 24px;
  --width: 185px;
  --color: var(--bazis-placeholder-color);
}

.bazis-gallery-preview {
  --width: initial;
  --height: initial;
  width: var(--width);
  height: var(--height);
  position: relative;
}
.bazis-gallery-preview__more {
  /*
  * @prop --opacity: прозрачность кнопки more
  * @prop --border-radius: скругление кнопки more
  */
  --opacity: initial;
  --border-radius: initial;
  --top: initial;
  --bottom: initial;
  --left: initial;
  --right: initial;
  --width: initial;
  --height: initial;
  --background: initial;
  --color: inherit;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  top: var(--top);
  bottom: var(--bottom);
  left: var(--left);
  right: var(--right);
  width: var(--width);
  height: var(--height);
  background: var(--background);
  color: var(--color);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  position: absolute;
  background: rgba(var(--background), var(--opacity));
  border-radius: var(--border-radius);
  text-align: center;
}
.bazis-gallery-preview .bazis-figure {
  cursor: pointer;
}
.bazis-gallery-slider {
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  position: relative;
}
.bazis-gallery-slider > bazis-button {
  --border-radius: 50%;
  position: absolute;
  z-index: 150;
  top: 50%;
  margin-top: -18px;
}
.bazis-gallery-slider > bazis-button.bazis-gallery-slider__prev {
  left: -18px;
}
.bazis-gallery-slider > bazis-button.bazis-gallery-slider__next {
  right: -18px;
}
.bazis-gallery-slider .bazis-list_gallery {
  overflow: visible;
}
.bazis-gallery-single {
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  position: relative;
}
.bazis-gallery-single > bazis-button {
  position: absolute;
  top: 50%;
  margin-top: -18px;
}
.bazis-gallery-single > bazis-button.bazis-gallery-single__prev {
  left: 20px;
}
.bazis-gallery-single > bazis-button.bazis-gallery-single__next {
  right: 20px;
}

.bazis-modal {
  /*
  * @prop --backdrop-opacity:	прозрачность подложки
  * @prop --background: фон модалки
  * @prop --border-radius: радиус скругления модалки
  * @prop --border-width:	толщина границы
  * @prop --border-style:	стиль границы
  * @prop --border-color:	цвет границы
  * @prop --box-shadow: тень модального окна
  * @prop --height: высота модального окна
  * @prop --width: ширина модального окна
  * @prop --max-height: максимальная высота модального окна
  * @prop --max-width: максимальная ширина модального окна
  * @prop --min-height: минимальная высота модального окна
  * @prop --min-width: минимальная ширина модального окна
  *
  * @prop --top-close: позиционирование кнопки закрытия по верху окна
  * @prop --bottom-close: позиционирование кнопки закрытия по низу окна
  * @prop --left-close: позиционирование кнопки закрытия слева окна
  * @prop --right-close: позиционирование кнопки закрытия справа окна
  *
  * @prop --padding-start-header: внутренний начальный отступ шапки модального окна
  * @prop --padding-end-header: внутренний конечный отступ шапки модального окна
  * @prop --padding-top-header: внутренний верхний отступ шапки модального окна
  * @prop --padding-bottom-header: внутренний нижний отступ шапки модального окна
  *
  * @prop --padding-start-content: внутренний начальный отступ контента модального окна
  * @prop --padding-end-content: внутренний конечнй отступ контента модального окна
  * @prop --padding-top-content: внутренний верхний отступ контента модального окна
  * @prop --padding-bottom-content: внутренний начальный отступ контента модального окна
  *
  * @prop --padding-start-footer: внутренний начальный отступ подвала модального окна
  * @prop --padding-end-footer: внутренний конечный отступ подвала модального окна
  * @prop --padding-top-footer: внутренний верхний отступ подвала модального окна
  * @prop --padding-bottom-footer: внутренний нижний отступ подвала модального окна
  */
  --backdrop-opacity: initial;
  --background: initial;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --height: initial;
  --width: initial;
  --max-height: initial;
  --max-width: initial;
  --min-height: initial;
  --min-width: initial;
  position: fixed;
  z-index: 1101;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: var(--background);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  height: var(--height);
  max-height: var(--max-height);
  min-height: var(--min-height);
  width: var(--width);
  max-width: var(--max-width);
  min-width: var(--min-width);
}
.bazis-modal-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.bazis-modal__close {
  position: absolute;
  z-index: 1;
  right: var(--right-close);
  top: var(--top-close);
  left: var(--left-close);
  bottom: var(--bottom-close);
}
.bazis-modal__header, .bazis-modal__header_shadow {
  padding-left: var(--padding-start-header);
  padding-right: var(--padding-end-header);
  padding-top: var(--padding-top-header);
  padding-bottom: var(--padding-bottom-header);
}
.bazis-modal__content {
  height: 100%;
  overflow: auto;
  overscroll-behavior: contain;
  padding-left: var(--padding-start-content);
  padding-right: var(--padding-end-content);
  padding-top: var(--padding-top-content);
  padding-bottom: var(--padding-bottom-content);
}
.bazis-modal__footer {
  padding-left: var(--padding-start-footer);
  padding-right: var(--padding-end-footer);
  padding-top: var(--padding-top-footer);
  padding-bottom: var(--padding-bottom-footer);
}
.bazis-modal__header, .bazis-modal__header_shadow, .bazis-modal__footer {
  flex-shrink: 1;
}
.bazis-modal__header_shadow {
  box-shadow: var(--box-shadow);
}
.bazis-modal.map .bazis-map-wrapper {
  --margin-start: calc(var(--padding-start-content) * -1);
  --margin-end: calc(var(--padding-end-content) * -1);
  --margin-bottom: calc(var(--padding-bottom-content) * -1);
  --width: calc(100% + var(--padding-end-content) + var(--padding-start-content));
}
.bazis-modal.fullscreen {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  border-radius: 0;
}
.bazis-modal.dummy {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  border-radius: 0;
}
.bazis-modal.gallery .bazis-modal__content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bazis-modal.gallery img,
.bazis-modal.gallery video {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.bazis-modal.gallery bazis-button {
  --background: transparent;
  --border-color: var(--bazis-color-white);
  --color: var(--bazis-color-white);
  --color-hover: var(--bazis-text-color);
}
.bazis-modal.gallery bazis-button.bazis-btn-prev, .bazis-modal.gallery bazis-button.bazis-btn-next {
  position: absolute;
  top: calc(50% - 18px);
}
.bazis-modal.gallery bazis-button.bazis-btn-prev {
  left: 40px;
}
.bazis-modal.gallery bazis-button.bazis-btn-next {
  right: 40px;
}
.bazis-modal.video .bazis-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bazis-modal.video .bazis-modal__content iframe {
  width: 100%;
  height: 100%;
}
.bazis-modal.files {
  --max-width: 480px;
  --padding-top-header: var(--bazis-padding-2x);
  --padding-bottom-header: var(--bazis-padding-2x);
  --padding-start-header: var(--bazis-padding-6x);
  --padding-end-header: var(--bazis-padding-6x);
  --padding-top-content: var(--bazis-padding-6x);
  --padding-bottom-content: 0;
  --padding-start-content: var(--bazis-padding-6x);
  --padding-end-content: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: transparent;
  box-shadow: none;
}
.bazis-modal.files .bazis-modal-wrap {
  height: auto;
  max-height: 100%;
  background: var(--background);
  box-shadow: var(--box-shadow);
}
.bazis-modal.files .bazis-modal__header, .bazis-modal.files .bazis-modal__header_shadow {
  position: relative;
  border-bottom: 1px solid var(--bazis-border-color);
}
.bazis-modal.files .bazis-modal__close {
  position: static;
}
.bazis-modal.files .bazis-modal__title {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}
.bazis-modal.docusign {
  --height: 100%;
  --max-width: 1142px;
}
.bazis-modal.docusign .bazis-modal__content {
  display: flex;
  flex-direction: column;
}
.bazis-modal.docusign .bazis-modal__content .bazis-list {
  flex-shrink: 0;
}
.bazis-modal.docusign .bazis-modal__content .bazis-docusign {
  height: calc(100% - 40px);
}
@media (max-width: 576px) {
  .bazis-modal.signing bazis-signing {
    display: contents;
  }
  .bazis-modal.signing .bazis-modal-wrap {
    --max-height: auto;
  }
  .bazis-modal.signing .bazis-modal__footer bazis-toolbar {
    flex-direction: row;
  }
  .bazis-modal.signing .bazis-modal__footer bazis-toolbar::part(start), .bazis-modal.signing .bazis-modal__footer bazis-toolbar::part(end) {
    width: calc(50% - 4px);
  }
  .bazis-modal.signing .bazis-modal__footer bazis-toolbar > *[slot] {
    display: block;
  }
  .bazis-modal.signing .bazis-modal__footer bazis-toolbar bazis-button {
    display: block;
  }
}

.bazis-slider {
  --indicator-gap: 4px;
  --indicator-margin-top: 0;
  --indicator-margin-bottom: 0;
  --indicator-dot-width: 4px;
  --indicator-dot-height: 4px;
  --indicator-radius: 50%;
  --indicator-bg: initial;
  --indicator-color: initial;
  --indicator-dot-width-active: var(--indicator-dot-width);
  --indicator-dot-height-active: var(--indicator-dot-height);
  --indicator-radius-active: var(--indicator-radius);
  --indicator-bg-active: var(--indicator-bg);
  --indicator-color-active: var(--indicator-color);
}
.bazis-slider__wrapper {
  overflow: hidden;
}
.bazis-slider__content {
  display: flex;
  align-items: stretch;
  will-change: transform;
  transition: transform 300ms;
}
.bazis-slider__content > * {
  flex-shrink: 0;
}
.bazis-slider__controls {
  margin-top: var(--bazis-margin-8x);
  text-align: center;
}
.bazis-slider__controls bazis-button {
  margin: 0 var(--bazis-margin-1x);
}
.bazis-slider__indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--indicator-gap);
  margin: var(--indicator-margin-top) auto var(--indicator-margin-bottom);
}
.bazis-slider__indicator__item {
  width: var(--indicator-dot-width);
  height: var(--indicator-dot-height);
  border-radius: var(--indicator-radius);
  background: var(--indicator-bg);
  color: var(--indicator-color);
}
.bazis-slider__indicator__item--active {
  width: var(--indicator-dot-width-active);
  height: var(--indicator-dot-height-active);
  border-radius: var(--indicator-radius-active);
  background: var(--indicator-bg-active);
  color: var(--indicator-color-active);
}

.bazis-timeline {
  display: flex;
  align-items: flex-end;
}
.bazis-timeline > *:not(.bazis-timeline__slider-wrapper) {
  flex-shrink: 0;
}
.bazis-map-wrapper .bazis-timeline {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  z-index: 150;
  border-radius: var(--bazis-border-radius);
  background: var(--bazis-color-white);
  padding: 10px 12px;
  width: calc(100% - 16px);
}
.bazis-map_fullscreen .bazis-timeline {
  position: fixed;
  z-index: 10000;
}
.bazis-timeline__slider-wrapper {
  max-width: 1080px;
  width: 100%;
  padding: 0 var(--bazis-margin-6x) calc(var(--bazis-margin-1x) * -1);
  overflow: hidden;
}
.bazis-map_fullscreen .bazis-timeline__slider-wrapper {
  max-width: 100%;
}
.bazis-timeline__graph, .bazis-timeline__graph_brick {
  height: 40px;
  width: 100%;
  max-width: 1080px;
}
.bazis-timeline__graph_brick {
  display: flex;
  align-items: flex-end;
}
.bazis-timeline__labels {
  display: flex;
  width: 100%;
  max-width: 1080px;
  justify-content: space-between;
  font-size: 11px;
  line-height: 12px;
  color: var(--bazis-text-color-secondary);
}
.bazis-timeline__labels span {
  width: 0;
}
.bazis-timeline__labels span:first-child {
  visibility: hidden;
}
.bazis-timeline__labels span:last-child {
  position: relative;
  left: -30px;
}
.bazis-timeline__brickwork {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 2px 0 3px;
}
.bazis-timeline__brickwork::before {
  position: absolute;
  left: 0;
  content: "";
  height: 100%;
  width: 1px;
  border-left: 1px solid var(--bazis-border-color);
}
.bazis-timeline__brickwork:nth-child(even)::before {
  height: 12px;
}
.bazis-timeline__brick, .bazis-timeline__brick_xs {
  height: 12px;
  width: 100%;
  padding: 1px;
  margin-bottom: 1px;
  border-radius: 1px;
  background: var(--bazis-color-base);
  color: var(--bazis-color-white);
  text-align: center;
  font-size: 10px;
  line-height: 1;
}
.bazis-timeline__brick:last-child, .bazis-timeline__brick_xs:last-child {
  margin-bottom: 0;
}
.bazis-timeline__brick_xs {
  height: 4px;
}
.bazis-timeline .bazis-timeline__play {
  margin-right: 22px;
}
.bazis-timeline .bazis-timeline__speed {
  --border-radius: 50%;
  --border-color: transparent;
  --border-color-activated: var(--bazis-border-color-dark);
  --background-activated: var(--bazis-color-white);
  --padding-start: 0;
  --padding-end: 0;
  width: 32px;
  margin: 0 2px;
  font-size: 10px;
  line-height: 16px;
  font-weight: 500;
}
.bazis-timeline .ngx-slider {
  margin: 2px 0 6px;
}
.bazis-timeline .ngx-slider.with-legend {
  margin-bottom: 20px;
}
.bazis-timeline .ngx-slider.bazis-timeline__slider_mobile {
  margin-bottom: 15px;
}
.bazis-timeline .ngx-slider.bazis-timeline__slider_mobile .ngx-slider-tick {
  display: none;
}
.bazis-timeline .ngx-slider .ngx-slider-pointer {
  background-color: var(--bazis-text-color);
  width: 3px;
  height: 12px;
  border-radius: 1.5px;
  top: -4px;
}
.bazis-timeline .ngx-slider .ngx-slider-pointer::after, .bazis-timeline .ngx-slider .ngx-slider-pointer::before {
  content: "";
  position: absolute;
  top: 4px;
  width: 2px;
  height: 4px;
  border-radius: 0;
  background: var(--bazis-border-color);
}
.bazis-timeline .ngx-slider .ngx-slider-pointer::after {
  left: 3px;
}
.bazis-timeline .ngx-slider .ngx-slider-pointer::before {
  left: -2px;
}
.bazis-timeline .ngx-slider .ngx-slider-pointer.ngx-slider-active::after {
  background: var(--bazis-border-color);
}
.bazis-timeline .ngx-slider .ngx-slider-bar-wrapper {
  margin-top: calc(var(--bazis-margin-2x) * -1);
  padding-top: var(--bazis-padding-2x);
}
.bazis-timeline .ngx-slider .ngx-slider-bar-wrapper.ngx-slider-selection-bar {
  visibility: visible !important;
}
.bazis-timeline .ngx-slider .ngx-slider-bar {
  background-color: var(--bazis-border-color);
}
.bazis-timeline .ngx-slider .ngx-slider-selection {
  background-color: var(--bazis-text-color);
}
.bazis-timeline .ngx-slider .ngx-slider-bubble:not(.ngx-slider-model-value) {
  display: none;
}
.bazis-timeline .ngx-slider .ngx-slider-model-value {
  background: var(--bazis-text-color);
  color: var(--bazis-color-white);
  font-size: 11px;
  line-height: 12px;
  border-radius: 8px;
  padding: 2px 6px;
  bottom: 10px;
}
.bazis-timeline .ngx-slider .ngx-slider-tick {
  margin-left: 0;
  width: 0;
  height: 0;
}
.bazis-timeline .ngx-slider .ngx-slider-tick .ngx-slider-tick-legend {
  top: 17px;
  font-size: 11px;
  line-height: 12px;
  color: var(--bazis-text-color-secondary);
}
.bazis-timeline .ngx-slider .ngx-slider-tick:first-of-type {
  display: none;
}

.bazis-vehicle-number {
  /**
  *
  **/
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --min-height: initial;
  --height: initial;
  --max-height: initial;
  --background: initial;
  --color: inherit;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
  min-height: var(--min-height);
  height: var(--height);
  max-height: var(--max-height);
  background: var(--background);
  color: var(--color);
  display: inline-flex;
  align-items: flex-end;
  font-family: "RoadNumbers";
  width: auto;
}
.bazis-vehicle-number .bazis-vehicle-number__part {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}

/* Web Components, reserved classes */
bazis-row.bazis-row_vertical-zero > bazis-col {
  --bazis-grid-column-padding-top: 0;
  --bazis-grid-column-padding-bottom: 0;
  --bazis-grid-column-padding-top-xs: 0;
  --bazis-grid-column-padding-bottom-xs: 0;
  --bazis-grid-column-padding-top-sm: 0;
  --bazis-grid-column-padding-bottom-sm: 0;
  --bazis-grid-column-padding-top-md: 0;
  --bazis-grid-column-padding-bottom-md: 0;
  --bazis-grid-column-padding-top-xl: 0;
  --bazis-grid-column-padding-bottom-xl: 0;
}

bazis-segment {
  --width-segment: initial;
  --margin-top-segment: 0;
  --margin-bottom-segment: 0;
  --margin-start-segment: 0;
  --margin-end-segment: 0;
  --padding-start-segment: var(--bazis-padding-1x);
  --padding-end-segment: var(--bazis-padding-1x);
  --padding-top-segment: var(--bazis-padding-1x);
  --padding-bottom-segment: var(--bazis-padding-1x);
  --background-segment: rgba(var(--bazis-text-color-rgb, 0, 0, 0), 0.065);
  --border-radius-segment: 22px;
  --border-width-segment: 1px;
  --border-color-segment: var(--bazis-color-white);
  --border-style-segment: solid;
  --gap: var(--bazis-margin-2x);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  overflow: hidden;
  z-index: 0;
  width: var(--width-segment);
  margin-left: var(--margin-start-segment);
  margin-right: var(--margin-end-segment);
  margin-top: var(--margin-top-segment);
  margin-bottom: var(--margin-bottom-segment);
}
bazis-segment.bazis-color .bazis-segment__content {
  --indicator-color: var(--bazis-color-white);
  --color-selected: var(--bazis-text-color);
  background: rgba(var(--bazis-color-base-rgb), var(--background-opacity));
}

.bazis-segment__content {
  display: grid;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  gap: var(--gap);
  position: relative;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
  background: var(--background-segment);
  padding-left: var(--padding-start-segment);
  padding-right: var(--padding-end-segment);
  padding-top: var(--padding-top-segment);
  padding-bottom: var(--padding-bottom-segment);
  border-radius: var(--border-radius-segment);
  border-width: var(--border-width-segment);
  border-style: var(--border-style-segment);
  border-color: var(--border-color-segment);
  font-family: var(--bazis-font-family, inherit);
  text-align: center;
  contain: paint;
  -webkit-user-select: none;
          user-select: none;
}
.bazis-segment__content .bazis-segment__item--selected ~ .bazis-segment__item::part(indicator) {
  transform: translate3d(-100%, 0, 0);
}

.bazis-segment__content_equal {
  grid-auto-columns: 1fr;
}

.bazis-segment__content_scrollable {
  grid-auto-columns: minmax(min-content, 1fr);
  overflow-x: auto;
  width: auto;
}

bazis-tab-btn bazis-icon {
  font-size: 12px;
}
bazis-tab-btn bazis-icon:first-child {
  margin-right: var(--bazis-margin-2x);
}
bazis-tab-btn bazis-icon:last-child {
  margin-left: var(--bazis-margin-2x);
}
bazis-tab-btn bazis-icon:only-child {
  margin-left: -6px;
  margin-right: -6px;
  font-size: 16px;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  bazis-tab-btn bazis-icon:first-child {
    margin-right: unset;
    margin-inline-end: var(--bazis-margin-2x);
  }
  bazis-tab-btn bazis-icon:last-child {
    margin-left: unset;
    margin-inline-start: var(--bazis-margin-2x);
  }
  bazis-tab-btn bazis-icon:only-child {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: -6px;
    margin-inline-end: -6px;
  }
}
bazis-tab-btn bazis-badge {
  border-color: var(--badge-border-color);
}
bazis-tab-btn.bazis-tab-btn--focused bazis-badge, bazis-tab-btn:focus bazis-badge, bazis-tab-btn:active bazis-badge {
  background: var(--badge-background-focused, initial);
  border-color: var(--badge-border-color-focused, initial);
  color: var(--badge-color-focused, initial);
}
bazis-tab-btn:hover bazis-badge {
  background: var(--badge-background-hover, initial);
  border-color: var(--badge-border-color-hover, initial);
  color: var(--badge-color-hover, initial);
}
bazis-tab-btn.bazis-tab-btn--selected bazis-badge {
  background: var(--badge-background-selected, initial);
  border-color: var(--badge-border-color-selected, initial);
  color: var(--badge-color-selected, initial);
}
bazis-tab-btn.bazis-tab-btn--disabled bazis-badge {
  background: var(--badge-background-disabled, initial);
  border-color: var(--badge-border-color-disabled, initial);
  color: var(--badge-color-disabled, initial);
}

bazis-tabs {
  --height: initial;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --tab-border-color-focused: var(--tab-border-color);
  --tab-border-color-hover: var(--tab-border-color);
  --tab-border-color-selected: var(--tab-border-color);
  --tab-border-color-disabled: var(--tab-border-color);
  --background: initial;
  --box-shadow: none;
  --color: inherit;
  --color-focused: var(--color);
  --color-hover: var(--color);
  --color-selected: var(--color);
  --color-disabled: var(--color);
  --font-size: initial;
  --font-weight: initial;
  --line-height: initial;
  --font-size-selected: var(--font-size);
  --font-weight-selected: var(--font-weight);
  --line-height-selected: var(--line-height);
  --font-size-disabled: var(--font-size);
  --font-weight-disabled: var(--font-weight);
  --line-height-disabled: var(--line-height);
  --dropdown-min-width: initial;
  --dropdown-top: var(--height);
  --dropdown-z-index: 100;
  --dropdown-padding-start: 0;
  --dropdown-padding-end: 0;
  --dropdown-padding-top: 0;
  --dropdown-padding-bottom: 0;
  --dropdown-background: initial;
  --dropdown-border-radius: initial;
  --dropdown-border-width: initial;
  --dropdown-border-style: initial;
  --dropdown-border-color: initial;
  --dropdown-box-shadow: initial;
  display: block;
}
bazis-tabs .bazis-tabs-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--tabs-gap, var(--tab-margin-end));
  width: auto;
  height: var(--height);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  background: var(--background);
  box-shadow: var(--box-shadow);
  color: var(--color);
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
  z-index: 10;
}
bazis-tabs .bazis-tab_more {
  position: relative;
  height: 100%;
}
bazis-tabs .bazis-tab_more > bazis-tab-btn::part(native) {
  text-transform: capitalize;
}
bazis-tabs .bazis-tab__dropdown {
  position: absolute;
  top: var(--dropdown-top);
  right: 0;
  z-index: var(--dropdown-z-index);
  min-width: var(--dropdown-min-width);
  padding-left: var(--dropdown-padding-start);
  padding-right: var(--dropdown-padding-end);
  padding-top: var(--dropdown-padding-top);
  padding-bottom: var(--dropdown-padding-bottom);
  background: var(--dropdown-background);
  border-radius: var(--dropdown-border-radius);
  border-width: var(--dropdown-border-width);
  border-style: var(--dropdown-border-style);
  border-color: var(--dropdown-border-color);
  box-shadow: var(--dropdown-box-shadow);
}
bazis-tabs .bazis-tab__dropdown bazis-tab-btn::part(native) {
  width: 100%;
  justify-content: flex-start;
}

@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bazis-tabs-wrapper {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--padding-start);
    padding-inline-end: var(--padding-end);
  }
}
bazis-tabs.bazis-color bazis-tab-btn {
  --tab-border-color-focused: var(--bazis-color-shade);
  --color-selected: var(--bazis-color-contrast);
}
bazis-tabs.bazis-color bazis-tab-btn.bazis-tab-btn--focused::part(native), bazis-tabs.bazis-color bazis-tab-btn:focus::part(native) {
  background: var(--tab-background-focused);
}
bazis-tabs.bazis-color bazis-tab-btn.bazis-tab-btn--selected::part(native) {
  color: var(--bazis-color-contrast);
}

bazis-tabs.bazis-color .bazis-tabs-wrapper,
bazis-tabs.bazis-color bazis-tab-btn::part(native) {
  background: var(--bazis-color-base);
  color: rgba(var(--bazis-color-contrast-rgb), 0.7);
}

bazis-tabs.bazis-tabs_scroll {
  overflow: hidden;
}
bazis-tabs.bazis-tabs_scroll .bazis-tabs-wrapper {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}
bazis-tabs.bazis-tabs_scroll .bazis-tabs-wrapper bazis-tab-btn::part(native) {
  scroll-snap-align: start;
}

/* Form Components */
.bazis-error, .bazis-control__error {
  /*
  * @prop --error-font-size: размер шрифта ошибки
  * @prop --error-line-height: интерльяж ошибки
  * @prop --error-margin: отступ ошибки
  * @prop --error-color: цвет ошибки
  */
  --error-font-size: 11px;
  --error-line-height: 12px;
  --error-margin: var(--bazis-margin-2x);
  --error-color: var(--bazis-color-danger);
  font-size: var(--error-font-size);
  font-weight: 400;
  line-height: var(--error-line-height);
  color: var(--error-color);
}
.bazis-error p, .bazis-control__error p {
  --bazis-font-size-p: var(--error-font-size);
  --bazis-line-height-p: var(--error-line-height);
  --bazis-p-margin: var(--error-margin) 0 0;
}
.bazis-error bazis-link, .bazis-control__error bazis-link {
  --font-size: var(--error-font-size);
  --line-height: var(--error-line-height);
}
.bazis-error .bazis-color, .bazis-control__error .bazis-color {
  color: var(--bazis-color-base);
}

.bazis-control {
  /*
  * @prop --margin-start: внешний начальный отступ контрола
  * @prop --margin-end: внешний конечный отступ контрола
  * @prop --margin-top: внешний верхний отступ контрола
  * @prop --margin-bottom: внешний нижний отступ контрола
  *
  * @prop --padding-field-start: внутренний начальный отступ поля
  * @prop --padding-field-end: внутренний конечный отступ поля
  * @prop --padding-field-top: внутренний верхний отступ поля
  * @prop --padding-field-bottom: внутренний нижний отступ поля
  *
  * @prop --background: фон поля
  * @prop --background-hover: фон поля при наведении
  * @prop --background-focus: фон поля при фокусе посредством клавиш
  * @prop --background-active: фон поля при состоянии active
  * @prop --background-invalid: фон поля при состоянии invalid
  * @prop --background-disabled: фон отключенного поля 

  * @prop --border-radius: радиус скругления поля
  * @prop --border-width: толщина границы поля
  * @prop --border-style: стиль границы поля
  * @prop --border-style-hover: стиль границы при наведении
  * @prop --border-style-focus: стиль границы при фокусе посредством клавиш
  * @prop --border-style-active: стиль границы при состоянии active
  * @prop --border-style-invalid: стиль границы при состоянии invalid
  * @prop --border-style-disabled: стиль границы отключенного поля
  * @prop --border-style-estimated: стиль границы расчетного поля (ридонли, но значения образуется из других полей)
  * @prop --border-color: цвет границы поля
  * @prop --border-color-hover: цвет границы поля при при наведении
  * @prop --border-color-focus: цвет границы поля при фокусе посредством клавиш
  * @prop --border-color-active: цвет границы поля при состоянии active
  * @prop --border-color-invalid: цвет границы поля при состоянии invalid
  * @prop --border-color-disabled: цвет границы отключенного поля
  *
  * @prop --control-width: ширина контрола, по умолчанию не задана
  *
  * @prop --color: цвет текста поля 
  * @prop --color-hover: цвет текста поля при наведении
  * @prop --color-focus: цвет текста поля при фокусе посредством клавиш
  * @prop --color-active: цвет текста поля при состоянии active
  * @prop --color-invalid: цвет текста поля при состоянии invalid
  * @prop --color-disabled: цвет текста отключенного поля
  *
  * @prop --height: высота поля
  * @prop --font-size: размер шрифта поля
  * @prop --size-icon: размер иконки
  *
  * @prop --note-font-size: размер шрифта комментария
  * @prop --note-line-height: интерльяж комментария
  * @prop --note-margin: отступ комментария
  * @prop --note-color: цвет комментария
  *
  * @prop --error-font-size: размер шрифта ошибки
  * @prop --error-line-height: интерльяж ошибки
  * @prop --error-margin: отступ ошибки
  * @prop --error-color: цвет ошибки
  *
  * @prop --comment-font-size: размер шрифта коммента
  * @prop --comment-line-height: интерльяж коммента
  * @prop --comment-margin: отступ коммента
  * @prop --comment-color: цвет коммента
  */
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --padding-field-start: 0;
  --padding-field-end: 0;
  --padding-field-top: 0;
  --padding-field-bottom: 0;
  --background-hover: var(--background);
  --background-focus: var(--background);
  --background-active: var(--background);
  --background-disabled: var(--background);
  --border-radius: initial;
  --border-width: initial;
  --border-color: initial;
  --border-color-hover: var(--border-color);
  --border-color-focus: var(--border-color);
  --border-color-active: var(--border-color);
  --border-color-disabled: var(--border-color);
  --border-style: initial;
  --border-style-hover: var(--border-style);
  --border-style-focus: var(--border-style);
  --border-style-active: var(--border-style);
  --border-style-disabled: var(--border-style);
  --border-style-estimated: var(--border-style);
  --color: inherit;
  --color-hover: var(--color);
  --color-focus: var(--color);
  --color-active: var(--color);
  --color-disabled: var(--color);
  --font-size: inherit;
  --size-icon: initial;
  --note-font-size: calc(var(--font-size) - 2px);
  --note-line-height: 12px;
  --note-margin: var(--bazis-margin-3x);
  --note-color: var(--bazis-text-color-secondary);
  --comment-font-size: var(--font-size);
  --comment-line-height: 20px;
  --comment-margin: var(--bazis-margin-4x);
  --comment-color: var(--bazis-text-color);
  position: relative;
  width: var(--control-width);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
}
.bazis-control__field-group {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--background);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
}
.bazis-control__field-group-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.bazis-control__field-group-wrapper bazis-button {
  flex-shrink: 0;
}
.bazis-control__field-group:hover {
  background: var(--background-hover);
  border-color: var(--border-color-hover);
  border-style: var(--border-style-hover);
}
.bazis-control__field-group:hover .bazis-control__field {
  color: var(--color-hover);
}
.bazis-control__field-group:hover .bazis-control__field.bazis-text_placeholder {
  color: var(--bazis-placeholder-color);
}
.bazis-control__field-group:focus, .bazis-control__field-group--focused, .bazis-control__field-group:focus:hover, .bazis-control__field-group--focused:hover {
  background: var(--background-focus);
  border-color: var(--border-color-focus);
  border-style: var(--border-style-focus);
}
.bazis-control__field-group:focus .bazis-control__field, .bazis-control__field-group--focused .bazis-control__field, .bazis-control__field-group:focus:hover .bazis-control__field, .bazis-control__field-group--focused:hover .bazis-control__field {
  color: var(--color-focus);
}
.bazis-control__field-group:focus .bazis-control__field-group__end bazis-button.bazis-btn_clear:not(.bazis-eraser) bazis-icon, .bazis-control__field-group--focused .bazis-control__field-group__end bazis-button.bazis-btn_clear:not(.bazis-eraser) bazis-icon, .bazis-control__field-group:focus:hover .bazis-control__field-group__end bazis-button.bazis-btn_clear:not(.bazis-eraser) bazis-icon, .bazis-control__field-group--focused:hover .bazis-control__field-group__end bazis-button.bazis-btn_clear:not(.bazis-eraser) bazis-icon {
  color: var(--color-focused);
}
.bazis-control__field-group:active, .bazis-control__field-group--activated {
  background: var(--background-active);
  border-color: var(--border-color-active);
  border-style: var(--border-style-active);
}
.bazis-control__field-group:active .bazis-control__field, .bazis-control__field-group--activated .bazis-control__field {
  color: var(--color-active);
}
.bazis-control__field-group:active .bazis-control__field-group__end bazis-button.bazis-btn_clear:not(.bazis-eraser) bazis-icon, .bazis-control__field-group--activated .bazis-control__field-group__end bazis-button.bazis-btn_clear:not(.bazis-eraser) bazis-icon {
  color: var(--color-activated);
}
.bazis-control__field-group:disabled, .bazis-control__field-group[disabled], .bazis-control__field-group--disabled {
  background: var(--background-disabled);
  border-color: var(--border-color-disabled);
  border-style: var(--border-style-disabled);
  color: var(--color-disabled);
  pointer-events: none;
}
.bazis-control__field-group:disabled input,
.bazis-control__field-group:disabled select,
.bazis-control__field-group:disabled .bazis-control__field-group__start,
.bazis-control__field-group:disabled .bazis-control__field-group__end, .bazis-control__field-group[disabled] input,
.bazis-control__field-group[disabled] select,
.bazis-control__field-group[disabled] .bazis-control__field-group__start,
.bazis-control__field-group[disabled] .bazis-control__field-group__end, .bazis-control__field-group--disabled input,
.bazis-control__field-group--disabled select,
.bazis-control__field-group--disabled .bazis-control__field-group__start,
.bazis-control__field-group--disabled .bazis-control__field-group__end {
  background: transparent;
}
.bazis-control__field-group:disabled .bazis-select__trigger, .bazis-control__field-group[disabled] .bazis-select__trigger, .bazis-control__field-group--disabled .bazis-select__trigger {
  background: var(--background-disabled);
}
.bazis-control__field-group_estimated {
  border-style: var(--border-style-estimated);
}
.bazis-control__field-group_estimated:hover, .bazis-control__field-group_estimated:focus, .bazis-control__field-group_estimated.bazis-control__field-group--focused, .bazis-control__field-group_estimated:active, .bazis-control__field-group_estimated.bazis-control__field-group--activated, .bazis-control__field-group_estimated:disabled, .bazis-control__field-group_estimated[disabled], .bazis-control__field-group_estimated.bazis-control__field-group--disabled {
  background: var(--background);
  border-color: var(--border-color);
  border-style: var(--border-style-estimated);
  color: var(--color);
}
.bazis-control__field-group bazis-icon {
  color: var(--bazis-placeholder-color);
}
.bazis-control__field-group button {
  flex-shrink: 0;
  outline: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  min-width: var(--height);
  height: var(--height);
}
.bazis-control__field-group bazis-badge.bazis-badge-medium {
  border-radius: 2px;
  padding: 0 6px;
  text-transform: uppercase;
}
.bazis-control__field-group__start, .bazis-control__field-group__end {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  background: var(--background);
  color: var(--bazis-placeholder-color);
  text-align: center;
}
.bazis-control__field-group__start > *, .bazis-control__field-group__end > * {
  flex-shrink: 0;
  min-width: var(--height);
}
.bazis-control__field-group__start bazis-interrogation, .bazis-control__field-group__end bazis-interrogation {
  --margin-start: 0;
  display: block;
  text-align: center;
}
.bazis-control__field-group__start bazis-button.bazis-btn_clear, .bazis-control__field-group__end bazis-button.bazis-btn_clear {
  --padding-end: var(--bazis-padding-3x);
  --padding-start: var(--bazis-padding-3x);
}
.bazis-control__field-group__start bazis-button.bazis-btn_clear :hover bazis-icon, .bazis-control__field-group__end bazis-button.bazis-btn_clear :hover bazis-icon {
  color: var(--color-hover);
}
.bazis-control__field-group__start bazis-icon, .bazis-control__field-group__end bazis-icon {
  width: var(--size-icon);
  height: var(--size-icon);
}
.bazis-control__field-group__start {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.bazis-control__field-group__start + .bazis-control__field,
.bazis-control__field-group__start + .bazis-control__field .bazis-select,
.bazis-control__field-group__start + .bazis-control__field-wrapper .bazis-control__field,
.bazis-control__field-group__start + .bazis-control__field-wrapper .bazis-control__field .bazis-select {
  padding-left: 0;
}
.bazis-control__field-group__end {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.bazis-control__field-group__end button {
  border-left: 1px solid var(--bazis-border-color);
}
.bazis-control__field-group__end .bazis-eraser {
  visibility: hidden;
}
.bazis-control__field-group:hover .bazis-control__field-group__end .bazis-eraser:not(.bazis-control_autocomplete .bazis-control__field-group__end .bazis-eraser) {
  visibility: visible;
}
.bazis-control_autocomplete.bazis-control--activated .bazis-control__field-group__end .bazis-eraser, .bazis-control_autocomplete.bazis-control--focused .bazis-control__field-group__end .bazis-eraser, .bazis-control_autocomplete:not(.bazis-control--empty) .bazis-control__field-group__end .bazis-eraser {
  visibility: visible;
}
.bazis-control__field-wrapper {
  position: relative;
  flex: 1 1 auto;
}
.bazis-control__field {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--height);
  outline: none;
  border: none;
  border-radius: var(--border-radius);
  background: transparent;
  padding-left: var(--padding-field-start);
  padding-right: var(--padding-field-end);
  padding-top: var(--padding-field-top);
  padding-bottom: var(--padding-field-bottom);
  font-size: var(--font-size);
  font-weight: 400;
}
.bazis-control__field::placeholder {
  color: var(--bazis-placeholder-color);
}
.bazis-control__field[type=number] {
  -moz-appearance: textfield;
}
.bazis-control__field::-webkit-outer-spin-button, .bazis-control__field::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.bazis-control__field-group_estimated .bazis-control__field, .bazis-control__field[disabled], .bazis-control__field-group--disabled .bazis-control__field {
  pointer-events: none;
}
.bazis-control__field.bh-no-padding, .bazis-control__field.bh-no-padding + .bazis-mask {
  padding-left: 0;
  padding-right: 0;
}
.bazis-control__field--erasable {
  padding-right: 0;
}
.bazis-control__units {
  display: block;
  border-left: 1px solid var(--bazis-border-color);
  padding-left: var(--bazis-padding-3x);
  padding-right: var(--bazis-padding-3x);
  font-size: var(--font-size);
  font-weight: 500;
  line-height: var(--height);
  white-space: nowrap;
  letter-spacing: 0.3px;
}
.bazis-control__note {
  margin: var(--note-margin) 0 0;
  font-size: var(--note-font-size);
  font-weight: 400;
  line-height: var(--note-line-height);
  color: var(--note-color);
}
.bazis-control__note p {
  --bazis-font-size-p: var(--note-font-size);
  --bazis-line-height-p: var(--note-line-height);
  --bazis-p-margin: var(--note-margin) 0 0;
}
.bazis-control__note p:first-child {
  --bazis-p-margin: 0;
}
.bazis-control__note .bazis-color {
  color: var(--bazis-color-base);
}
.bazis-control__comment {
  margin: var(--comment-margin) 0 0;
  font-size: var(--comment-font-size);
  font-weight: 400;
  line-height: var(--comment-line-height);
  color: var(--comment-color);
}
.bazis-control__comment p {
  --bazis-font-size-p: var(--comment-font-size);
  --bazis-line-height-p: var(--comment-line-height);
  --bazis-p-margin: var(--comment-margin) 0 0;
}
.bazis-control__comment p:first-child {
  --bazis-p-margin: 0;
}
.bazis-control textarea {
  resize: vertical;
}
.bazis-control_autocomplete {
  /* Hide the popper when the reference is hidden */
}
.bazis-control_autocomplete,
.bazis-control_autocomplete .bazis-control__field-group__end button {
  cursor: text;
}
.bazis-control_autocomplete [data-popper-reference-hidden] {
  visibility: hidden;
  pointer-events: none;
}
.bazis-control_autocomplete [data-popper-placement] .bazis-list_control-dd {
  position: static;
  display: block;
}

.bazis-browse-default {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  --margin-title: 0;
  --color: inherit;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}
.bazis-browse-default__title {
  margin: var(--margin-title);
  color: var(--color);
}

.bazis-checkbox {
  /**
   * @prop --background: фон флажка
   * @prop --background-hover: фон флажка при наведении
   * @prop --background-focus: фон флажка при фокусе
   * @prop --background-checked: фон при установленном флажке
   * @prop --background-checked-hover: фон наведения при установленном флажке
   * @prop --background-checked-focus: фон фокуса при установленном флажке
   * @prop --background-disabled: фон при отключенном флажке
   * @prop --background-checked-disabled: фон при отключенном и установленном флажке
   * @prop --disabled-opacity: прозрачность чекбокса при отключенном флажке
   *
   * @prop --color: цвет метки чекбокса
   * @prop --color-hover: цвет метки чекбокса при наведении
   * @prop --color-focus: цвет метки чекбокса в фокуе
   * @prop --color-checked: цвет метки при установленном флажке
   * @prop --color-disabled: цвет метки при отключенном флажке
   *
   * @prop --transition: переход
   *
   * @prop --border-radius: радиус скругления
   * @prop --border-width: толщина границы
   * @prop --border-style: стиль границы
   * @prop --border-color: цвет границы
   * @prop --border-color-hover: цвет границы при наведении
   * @prop --border-color-focus: цвет границы в фокусе
   * @prop --border-color-checked: цвет границы при установленном флажке
   * @prop --border-color-checked-hover: цвет границы при наведении при установленном флажке
   * @prop --border-color-checked-focus: цвет границы в фокусе при установленном флажке
   * @prop --border-color-disabled: цвет границы при отключенном флажке
   * @prop --border-color-checked-disabled: цвет границы при отключенном и установленном флажке
   *
   * @prop --checkmark-color: Цвет галочки флажка при установленном флажке
   *
   * @prop --size: Размер значка флажка.
   */
  --background-hover: var(--background);
  --background-focus: var(--background);
  --background-checked: var(--bazis-color-primary);
  --background-checked-hover: var(--background-checked);
  --background-checked-focus: var(--background-checked);
  --background-disabled: initial;
  --background-checked-disabled: var(--background-disabled);
  --border-color-hover: var(--border-color);
  --border-color-focus: var(--border-color);
  --border-color-checked: var(--bazis-color-primary);
  --border-color-checked-hover: var(--border-color-checked);
  --border-color-checked-focus: var(--border-color-checked);
  --border-color-disabled: initial;
  --border-color-checked-disabled: var(--border-color-disabled);
  --color-hover: var(--color);
  --color-focus: var(--color);
  --color-checked: var(--color);
  --color-disabled: var(--color);
  --checkmark-color: var(--bazis-color-primary-contrast);
  --transition: none;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  z-index: 2;
}
.bazis-checkbox.bazis-color {
  --background-checked: var(--bazis-color-base);
  --background-checked-hover: var(--bazis-color-hovered);
  --background-checked-focus: var(--bazis-color-active);
  --border-color-focus: var(--bazis-color-base);
  --border-color-checked: var(--bazis-color-base);
  --border-color-checked-hover: var(--bazis-color-hovered);
  --border-color-checked-focus: var(--bazis-color-active);
  --checkmark-color: var(--bazis-color-contrast);
}
.bazis-checkbox label {
  position: relative;
}
.bazis-checkbox__label {
  position: relative;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  appearance: none;
  outline: none;
  align-items: flex-start;
}
.bazis-checkbox__label::-moz-focus-inner {
  border: 0;
}
.bazis-checkbox__label::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8'%3E%3Cpath d='M0 4.17391L0.6875 3.47826L3.78125 6.6087L10.3125 0L11 0.695652L3.78125 8L0 4.17391Z' fill='white' /%3E%3C/svg%3E");
  flex-shrink: 0;
  border-radius: var(--border-radius);
  position: relative;
  width: var(--size);
  height: var(--size);
  margin-left: calc(var(--size) / 2);
  margin-right: calc(var(--size) / 2);
  transition: var(--transition);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  background: var(--background);
  box-sizing: border-box;
  text-align: center;
}
.bazis-checkbox__label.bazis-label-hidden {
  margin-right: 0;
}
.bazis-checkbox:hover .bazis-checkbox__label {
  color: var(--color-hover);
}
.bazis-checkbox:hover .bazis-checkbox__label::before {
  border-color: var(--border-color-hover);
  background: var(--background-hover);
}
.bazis-checkbox:hover input:checked + .bazis-checkbox__label::before {
  border-color: var(--border-color-checked-hover);
  background: var(--background-checked-hover);
}
.bazis-checkbox:focus .bazis-checkbox__label, .bazis-checkbox:active .bazis-checkbox__label {
  color: var(--color-focus);
}
.bazis-checkbox:focus .bazis-checkbox__label::before, .bazis-checkbox:active .bazis-checkbox__label::before {
  border-color: var(--border-color-focus);
  background: var(--background-focus);
}
.bazis-checkbox:focus input:checked + .bazis-checkbox__label::before, .bazis-checkbox:active input:checked + .bazis-checkbox__label::before {
  border-color: var(--border-color-checked-focus);
  background: var(--background-checked-focus);
}
.bazis-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  clip: rect(0 0 0 0);
  opacity: 0;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.bazis-checkbox input:checked + .bazis-checkbox__label {
  color: var(--color-checked);
}
.bazis-checkbox input:checked + .bazis-checkbox__label::before {
  border-color: var(--border-color-checked);
  background: var(--background-checked);
  color: var(--checkmark-color);
}
.bazis-checkbox input:disabled + .bazis-checkbox__label {
  pointer-events: none;
  color: var(--color-disabled);
}
.bazis-checkbox input:disabled + .bazis-checkbox__label::before {
  opacity: var(--disabled-opacity);
}
.bazis-checkbox input:disabled:not(:checked) + .bazis-checkbox__label::before {
  content: "";
  background: var(--background-disabled);
  border-color: var(--border-color-disabled);
}
.bazis-checkbox input:disabled:checked + .bazis-checkbox__label::before {
  background: var(--background-checked-disabled);
  border-color: var(--border-color-checked-disabled);
}
.bazis-checkbox_right {
  direction: rtl;
  text-align: left;
}
.bazis-checkbox_right .bazis-checkbox__label {
  justify-content: flex-end;
}

.bazis-contacts-control__group {
  --margin-bottom: 0;
  margin-bottom: var(--margin-bottom);
}
.bazis-contacts-control__group:last-of-type {
  margin-bottom: 0;
}
.bazis-contacts-control__group + bazis-button,
.bazis-contacts-control__group + bazis-link {
  display: inline-block;
  margin-top: var(--margin-bottom);
}
@media screen and (max-width: 1024px) {
  .bazis-contacts-control .bazis-grid_form > bazis-row bazis-col {
    --bazis-grid-column-padding-start-sm: 0;
    --bazis-grid-column-padding-end-sm: 0;
    --bazis-grid-column-padding-start-md: 0;
    --bazis-grid-column-padding-end-md: 0;
  }
}

.bazis-datetime-control {
  --margin-bottom: 0;
  position: relative;
  margin-bottom: var(--margin-bottom);
}
.bazis-datetime-control > .bazis-control__note {
  display: flex;
  align-items: center;
}
.bazis-datetime-control > .bazis-control__note .bazis-checkbox label::before {
  margin-left: 0;
}

.bazis-input-file_photo__container {
  --margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--margin-top);
}

.bazis-interval-control {
  --background: initial;
  --box-shadow: initial;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: var(--background);
  box-shadow: var(--box-shadow);
}

.bazis-map-point-control .bazis-coordinates {
  margin-top: var(--bazis-margin-4x);
  margin-bottom: 0;
}

.bazis-mask {
  position: absolute;
  width: 100%;
  opacity: 0.4;
  pointer-events: none;
  border-color: transparent !important;
  top: 0;
  left: 0;
  outline: none;
}

.bazis-number-buttons-control .bazis-control__field-group {
  --size-icon: 12px;
}
.bazis-number-buttons-control .bazis-control__field-group bazis-button {
  --height: 24px;
  --border-radius: 50%;
  --padding-start: 11px;
  --padding-end: 11px;
}
.bazis-number-buttons-control .bazis-control__field-group bazis-button ::slotted(bazis-icon[slot=icon-only]) {
  font-size: var(--size-icon);
}
.bazis-number-buttons-control__data {
  margin: 0 var(--bazis-margin-3x);
  white-space: nowrap;
}

.bazis-options-content {
  --margin-top: 0;
  --margin-bottom: 0;
  --max-height: inherit;
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-top);
  max-height: var(--max-height);
  overflow: auto;
}
.bazis-dropdown__body .bazis-options-content {
  margin-top: 0;
}

.bazis-radio {
  /**
   * @prop --background: фон radio
   * @prop --background-hover: фон radio при наведении
   * @prop --background-focus: фон radio при фокусе
   * @prop --background-checked: фон при установленном radio
   * @prop --background-checked-hover: фон наведения при установленном radio
   * @prop --background-checked-focus: фон фокуса при установленном radio
   * @prop --background-disabled: фон при отключенном radio
   * @prop --background-checked-disabled: фон при отключенном и установленном radio
   * @prop --disabled-opacity: прозрачность чекбокса при отключенном radio
   *
   * @prop --color: цвет метки radio
   * @prop --color-hover: цвет метки radio при наведении
   * @prop --color-focus: цвет метки radio в фокуе
   * @prop --color-checked: цвет метки при установленном radio
   * @prop --color-disabled: цвет метки при отключенном radio
   *
   * @prop --transition: переход
   *
   * @prop --border-radius: радиус скругления
   * @prop --border-width: толщина границы
   * @prop --border-width-checked: толщина границы при установленном radio
   * @prop --border-style: стиль границы
   * @prop --border-color: цвет границы
   * @prop --border-color-hover: цвет границы при наведении
   * @prop --border-color-focus: цвет границы в фокусе
   * @prop --border-color-checked: цвет границы при установленном radio
   * @prop --border-color-checked-hover: цвет границы при наведении при установленном radio
   * @prop --border-color-checked-focus: цвет границы в фокусе при установленном radio
   * @prop --border-color-disabled: цвет границы при отключенном radio
   * @prop --border-color-checked-disabled: цвет границы при отключенном и установленном radio
   *
   * @prop --size: Размер значка radio.
   */
  --background-hover: var(--background);
  --background-focus: var(--background);
  --background-checked: var(--bazis-color-primary);
  --background-checked-hover: var(--background-checked);
  --background-checked-focus: var(--background-checked);
  --background-disabled: initial;
  --background-checked-disabled: var(--background-disabled);
  --border-color-hover: var(--border-color);
  --border-color-focus: var(--border-color);
  --border-color-checked: var(--bazis-color-primary);
  --border-color-checked-hover: var(--border-color-checked);
  --border-color-checked-focus: var(--border-color-checked);
  --border-color-disabled: initial;
  --border-color-checked-disabled: var(--border-color-disabled);
  --color-hover: var(--color);
  --color-focus: var(--color);
  --color-checked: var(--color);
  --color-disabled: var(--color);
  --transition: none;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  z-index: 2;
}
.bazis-radio.bazis-color {
  --background-checked: var(--bazis-color-base);
  --background-checked-hover: var(--bazis-color-hovered);
  --background-checked-focus: var(--bazis-color-active);
  --border-color-focus: var(--bazis-color-base);
  --border-color-checked: var(--bazis-color-base);
  --border-color-checked-hover: var(--bazis-color-hovered);
  --border-color-checked-focus: var(--bazis-color-active);
}
.bazis-radio label {
  position: relative;
}
.bazis-radio__label {
  position: relative;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  appearance: none;
  outline: none;
  align-items: flex-start;
}
.bazis-radio__label::-moz-focus-inner {
  border: 0;
}
.bazis-radio__label::before {
  content: "";
  flex-shrink: 0;
  border-radius: var(--border-radius);
  position: relative;
  width: var(--size);
  height: var(--size);
  margin-left: calc(var(--size) / 2);
  margin-right: calc(var(--size) / 2);
  transition: var(--transition);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  background: var(--background);
  box-sizing: border-box;
}
.bazis-radio__label.bazis-label-hidden {
  margin-right: 0;
}
.bazis-radio:hover .bazis-radio__label {
  color: var(--color-hover);
}
.bazis-radio:hover .bazis-radio__label::before {
  border-color: var(--border-color-hover);
  background: var(--background-hover);
}
.bazis-radio:hover input:checked + .bazis-radio__label::before {
  border-color: var(--border-color-checked-hover);
  background: var(--background-checked-hover);
}
.bazis-radio:focus input:not(:disabled) + .bazis-radio__label, .bazis-radio:active input:not(:disabled) + .bazis-radio__label {
  color: var(--color-focus);
}
.bazis-radio:focus input:not(:disabled) + .bazis-radio__label::before, .bazis-radio:active input:not(:disabled) + .bazis-radio__label::before {
  border-color: var(--border-color-focus);
  background: var(--background-focus);
}
.bazis-radio:focus input:checked:not(:disabled) + .bazis-radio__label::before, .bazis-radio:active input:checked:not(:disabled) + .bazis-radio__label::before {
  border-color: var(--border-color-checked-focus);
  background: var(--background-checked-focus);
}
.bazis-radio input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  clip: rect(0 0 0 0);
  opacity: 0;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.bazis-radio input:checked + .bazis-radio__label {
  color: var(--color-checked);
}
.bazis-radio input:checked + .bazis-radio__label::before {
  border-color: var(--border-color-checked);
  border-width: var(--border-width-checked);
  background: var(--background-checked);
}
.bazis-radio input:disabled + .bazis-radio__label {
  pointer-events: none;
  color: var(--color-disabled);
}
.bazis-radio input:disabled + .bazis-radio__label::before {
  opacity: var(--disabled-opacity);
}
.bazis-radio input:disabled:not(:checked) + .bazis-radio__label::before {
  background: var(--background-disabled);
  border-color: var(--border-color-disabled);
}
.bazis-radio input:disabled:checked + .bazis-radio__label::before {
  background: var(--background-checked-disabled);
  border-color: var(--border-color-checked-disabled);
}
.bazis-radio_right {
  direction: rtl;
  text-align: left;
}
.bazis-radio_right .bazis-radio__label {
  justify-content: flex-end;
}
.bazis-radio_tab {
  width: 100%;
}
.bazis-radio_tab .bazis-radio__label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bazis-radio_tab input:checked + .bazis-radio__label {
  background: var(--border-color-checked);
  color: var(--background-checked);
}
.bazis-radio_tab:first-child .bazis-radio__label {
  border-radius: var(--bazis-border-radius) 0 0 var(--bazis-border-radius);
}
.bazis-radio_tab:last-child .bazis-radio__label {
  border-radius: 0 var(--bazis-border-radius) var(--bazis-border-radius) 0;
}
.bazis-radio_block .bazis-radio__label {
  display: block;
}
.bazis-radio_block .bazis-radio__label::before {
  display: block;
  float: left;
}
.bazis-input-options_sort .bazis-radio .bazis-radio__label::before {
  display: none;
}

.bazis-select-during-date-control {
  --width: initial;
  width: var(--width);
}
@media (max-width: 1024px) {
  .bazis-select-during-date-control {
    --width: 100%;
  }
}

bazis-select-native {
  display: contents;
}

bazis-select-native select,
.bazis-select {
  position: relative;
  width: 100%;
  height: 100%;
}

.bazis-select {
  --padding-start: initial;
  --padding-end: initial;
  --border-radius: initial;
  --background: initial;
  --background-hover: initial;
  --background-focus: initial;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  border-radius: var(--border-radius);
}

.bazis-select {
  display: block;
}

bazis-select-native:focus + .bazis-select {
  display: none;
}

bazis-select-native select {
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  outline: 0;
  margin-left: var(--bazis-margin-6x);
  padding-right: 0;
}
app-select-filter bazis-select-native select {
  margin-left: 0;
}
bazis-select-native select option {
  height: calc(var(--height) - 2 * var(--border-width));
  padding-block-end: 0;
  padding-inline: 0;
  line-height: calc(var(--height) - 2 * var(--border-width)) !important;
}

.bazis-select__trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: var(--background);
  cursor: pointer;
  line-height: inherit;
}
.bazis-control__field-group:hover .bazis-select__trigger {
  background: var(--background-hover);
}
.bazis-control__field-group:focus .bazis-select__trigger, .bazis-control__field-group:focus:hover .bazis-select__trigger {
  background: var(--background-focus);
}
.bazis-control__field-group:active .bazis-select__trigger, .bazis-control__field-group:active:hover .bazis-select__trigger {
  background: var(--background-active);
}
.bazis-select__trigger span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bazis-select__trigger + .bazis-control__field {
  position: absolute;
  top: 0;
  opacity: 0;
  background: var(--bazis-background);
}
.bazis-select__trigger + .bazis-control__field--focused {
  opacity: 1;
}

.bazis-control__field .bazis-select .bazis-control__field {
  --padding-field-start: 0;
  --padding-field-end: 0;
}

.bazis-select-text {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  display: inline-block;
}
.bazis-select-text__label {
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}

.bazis-selectable-cards {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --background: initial;
  --color: inherit;
  --background-active: var(--background);
  --border-color-active: var(--border-color);
  --color-active: var(--color);
  --background-disabled: var(--background);
  --border-color-disabled: var(--border-color);
  --color-disabled: var(--color);
  --columns: 3;
  --gap: var(--bazis-margin-6x);
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  gap: var(--gap);
}
.bazis-selectable-cards .bazis-selectable-card {
  position: relative;
}
.bazis-selectable-cards input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
}
.bazis-selectable-cards__item {
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  background: var(--background);
  color: var(--color);
  display: block;
  height: 100%;
}
.bazis-selectable-cards__item__title {
  display: flex;
  justify-content: space-between;
}
input:checked + .bazis-selectable-cards__item {
  background: var(--background-active);
  border-color: var(--border-color-active);
  color: var(--color-active);
}
input:disabled + .bazis-selectable-cards__item {
  background: var(--background-disabled);
  border-color: var(--border-color-disabled);
  color: var(--color-disabled);
}
@media (max-width: 768px) {
  .bazis-selectable-cards {
    --columns: 2;
  }
}
@media (max-width: 576px) {
  .bazis-selectable-cards {
    --columns: 1;
  }
}

.bazis-switcher {
  /**
   * @prop --color: цвет метки флажка
   * @prop --color-hover: цвет метки флажка при наведеннии
   * @prop --color-checked: цвет метки при установленном флажке
   * @prop --color-disabled: цвет метки при отключенном флажке
   */
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  --color: inherit;
  --color-hover: var(--color);
  --color-checked: var(--color);
  --color-disabled: var(--color);
}
.bazis-switcher bazis-toggle {
  vertical-align: middle;
}
.bazis-switcher:hover .bazis-switcher__label {
  color: var(--color-hover);
}
.bazis-switcher__label {
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  vertical-align: middle;
  color: var(--color);
}
.bazis-toggle--checked + .bazis-switcher__label {
  color: var(--color-checked);
}
.bazis-toggle--disabled + .bazis-switcher__label, .bazis-switcher:hover .bazis-toggle--disabled + .bazis-switcher__label {
  color: var(--color-disabled);
}

.bazis-vehicle-number-control {
  --width-group: initial;
}
.bazis-vehicle-number-control .bazis-control__field {
  --height: auto;
  flex-shrink: 0;
  padding: 0;
}
.bazis-vehicle-number-control .bazis-control__field-group {
  align-items: flex-end;
  width: var(--width-group);
}
.bazis-vehicle-number-control input {
  outline: none;
  border: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
  text-align: center;
}
.bazis-vehicle-number-control input.ng-dirty.ng-touched + .bazis-vehicle-number-control__placeholder {
  opacity: 0;
}
.bazis-vehicle-number-control__placeholder {
  position: absolute;
  background: transparent;
  pointer-events: none;
}
.bazis-vehicle-number-control__placeholder::placeholder {
  text-align: center;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_0 {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_1 {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_2 {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_3 {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}

.bazis-display-error_icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 var(--bazis-margin-4x);
  padding: var(--bazis-padding-2x);
  background: var(--bazis-background-dark);
  border-radius: var(--bazis-border-radius);
  font-size: 13px;
  line-height: 20px;
}
.bazis-display-error_icon p {
  margin: 0;
}

.bazis-control.bazis-range-control {
  --padding-field-start: 0;
  --padding-field-end: 0;
  --background: transparent;
  --background-active: transparent;
  --border-width: 0;
}
.bazis-control.bazis-range-control .bazis-control__field-group {
  margin-top: var(--bazis-margin-2x);
}
.bazis-control.bazis-range-control bazis-range {
  display: block;
  width: 100%;
}

.bazis-range-controls {
  display: flex;
}
.bazis-range-controls .bazis-control__field-group {
  flex: 1;
  --border-width: 1px 0 1px 0;
  border-radius: 0;
}
.bazis-range-controls .bazis-control__field-group::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: var(--height);
  width: 1px;
  background: var(--bazis-border-color);
}
.bazis-range-controls > :first-child .bazis-control__field-group, .bazis-range-controls > :first-child.bazis-control__field-group {
  --border-width: 1px 0 1px 1px;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.bazis-range-controls > :first-child .bazis-control__field-group::before, .bazis-range-controls > :first-child.bazis-control__field-group::before {
  display: none;
}
.bazis-range-controls > :last-child .bazis-control__field-group, .bazis-range-controls > :last-child.bazis-control__field-group {
  --border-width: 1px 1px 1px 0;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

/* Table Components */
table {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  width: 100%;
}
table.bazis-table-fixed {
  table-layout: fixed;
}

tr {
  vertical-align: top;
}

th,
td {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --box-shadow: initial;
  --background: initial;
  --color: inherit;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  background: var(--background);
  color: var(--color);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  box-shadow: var(--box-shadow);
}

.bazis-td-no-border td, td.bazis-td-no-border {
  --border-width: 0;
}
td.bazis-td-top-zero {
  --padding-top: 0;
}
td.bazis-td-bottom-zero {
  --padding-bottom: 0;
}

/* MAP */
bazis-map {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.bazis-map {
  height: 100%;
  width: 100%;
}
.bazis-map__base-control {
  position: absolute;
  z-index: 150;
  top: 50%;
  right: var(--bazis-margin-5x);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}
.bazis-map__base-control.hidden {
  visibility: hidden;
}
.bazis-map__base-control bazis-tooltip {
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
  --min-height: 24px;
  --min-width: auto;
}
.bazis-map__base-control > * {
  margin-bottom: var(--bazis-margin-8x);
}
.bazis-map__base-control > *:last-child {
  margin-bottom: 0;
}
.bazis-map__base-control > *:only-child {
  margin-bottom: 0;
}
.bazis-figure .bazis-map__base-control {
  top: 8px;
  right: 8px;
  transform: translateY(0);
}
.bazis-map__base-control_top {
  top: 20px;
  transform: translateY(0);
}
.bazis-map__base-control .bazis-dropdown {
  --width: 197px;
}
.bazis-map-wrapper {
  /*
  * @prop --height: Высота обертки, желательно в пикселях.
  *                 Без определенной высоты, компонент карты не будет понимать до чего расстягиваться
  * @prop --width: Ширина обертки
  * @prop --margin-start: внешний начальный отступ обертки
  * @prop --margin-end: внешний конечный отступ обертки
  * @prop --margin-top: внешний верхний отступ обертки
  * @prop --margin-bottom: внешний нижний отступ обертки
  */
  --height: 500px;
  --width: 100%;
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  position: relative;
  height: var(--height);
  width: var(--width);
  margin: var(--margin-top) var(--margin-end) var(--margin-bottom) var(--margin-start);
}
.bazis-map-circle {
  float: right;
  width: 180px;
  height: 180px;
  margin-left: var(--bazis-margin-3x);
}
.bazis-map-circle .bazis-map {
  clip-path: circle(90px);
}
.bazis-map.bazis-map_grayscale .leaflet-tile-container img {
  filter: grayscale(1);
}
.bazis-map.bazis-map_fullscreen, .bazis-map_fullscreen {
  position: fixed !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  background: var(--bazis-background);
}

/* Chart components */
.bazis-chart-circle {
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.bazis-chart-column {
  display: flex;
  flex-wrap: nowrap;
  height: 328px;
  justify-content: space-between;
  border: 1px solid var(--bazis-border-color);
  border-top: none;
  background: linear-gradient(var(--bazis-border-color) 1px, transparent 0);
  background-size: 1px 82px;
  padding: 0 var(--bazis-padding-5x);
  margin-bottom: var(--bazis-margin-5x);
}
.bazis-chart-column__item {
  position: relative;
  bottom: -20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  width: 24px;
}
.bazis-chart-column__item__value {
  padding-bottom: var(--bazis-padding-2x);
  font-size: 11px;
  line-height: 12px;
  text-align: center;
}
.bazis-chart-column__item__bar {
  background: var(--bazis-border-color);
}
.bazis-chart-column__item__order {
  padding-top: var(--bazis-padding-2x);
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  color: var(--bazis-text-color-secondary);
}
.bazis-chart-column__item--current .bazis-chart-column__item__order {
  color: var(--bazis-text-color);
}
.bazis-chart-column__item--selected .bazis-chart-column__item__order {
  color: var(--bazis-text-color);
}
.bazis-chart-column__item--selected .bazis-chart-column__item__bar {
  background: var(--bazis-color-action);
}

.bazis-vertical-bars {
  --height-bars: 300px;
  position: relative;
}
.bazis-vertical-bars__guides {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: var(--height-bars);
  border-bottom: 1px solid var(--bazis-border-color);
}
.bazis-vertical-bars__guides__item {
  --top: initial;
  position: absolute;
  top: var(--top);
  right: 0;
  left: 0;
  height: 1px;
  background: var(--bazis-border-color);
  opacity: 0;
}
.bazis-vertical-bars__scroll-content {
  padding: 0 0 var(--bazis-padding-3x);
  overflow-x: auto;
  overflow-y: hidden;
}
.bazis-vertical-bars__wrapper {
  margin-bottom: var(--bazis-margin-8x);
  display: flex;
  gap: var(--bazis-margin-2x);
  align-items: flex-end;
}
.bazis-vertical-bars__wrapper hr {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
}
.bazis-vertical-bars__item {
  position: relative;
  min-width: 80px;
  flex: 1 1 auto;
}
.bazis-vertical-bars__item__value {
  margin-bottom: var(--bazis-margin-2x);
  font-size: 11px;
  line-height: 12px;
  text-align: center;
}
.bazis-vertical-bars__item__bar {
  border-radius: var(--bazis-border-radius) var(--bazis-border-radius) 0 0;
  background: var(--bazis-color-primary);
  opacity: 0.35;
  will-change: opacity;
  transition: opacity 100ms linear;
}
.bazis-vertical-bars__item--active .bazis-vertical-bars__item__bar {
  opacity: 1;
}
.bazis-vertical-bars__item__title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--bazis-margin-8x) * -1);
  overflow: hidden;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--bazis-text-color-secondary);
}
.bazis-vertical-bars__item--active .bazis-vertical-bars__item__title {
  color: var(--bazis-text-color);
}

/* Modules */
bazis-analytics-date-diagram bazis-select {
  --control-width: 188px;
  float: right;
  position: relative;
}
@media screen and (max-width: 1024px) {
  bazis-analytics-date-diagram bazis-select {
    flex: 1;
    --control-width: 100%;
  }
}

.bazis-analytics-selected {
  display: flex;
  flex-wrap: wrap;
  align-items: top;
  gap: var(--bazis-margin-3x);
  margin-bottom: var(--bazis-margin-3x);
}

.bazis-chats {
  --height-header: 65px;
  --height-back: 68px;
  --width-left-col: 317px;
  --width-left-col-collapsed: 80px;
  --width-photo: 240px;
  display: flex;
  min-height: 518px;
  height: calc(100vh - 236px);
  border-radius: var(--bazis-border-radius);
  border: 1px solid var(--bazis-border-color-dark);
  background: var(--bazis-background);
}
.bazis-chats__search {
  height: var(--height-header);
  padding: 14px var(--bazis-padding-4x);
  border-bottom: 1px solid var(--bazis-border-color);
  border-radius: var(--bazis-border-radius) 0 0 0;
}
.bazis-chats--collapsed .bazis-chats__search {
  padding: 0;
}
.bazis-chats--collapsed .bazis-chats__search bazis-button {
  --height: 100%;
  display: block;
}
.bazis-chats__search .bazis-control {
  --margin-bottom: 0;
}
.bazis-chats__search .bazis-control__field-group__end .bazis-eraser {
  visibility: visible;
}
.bazis-chats__back {
  border-top: 1px solid var(--bazis-border-color);
}
.bazis-chats__back bazis-button {
  --height: 68px;
  --border-radius: 0;
  display: block;
}

bazis-chat,
bazis-chat-not-selected {
  width: calc(100% - var(--width-left-col));
  will-change: width;
  transition: width 200ms linear;
}
.bazis-chats--collapsed bazis-chat,
.bazis-chats--collapsed bazis-chat-not-selected {
  width: calc(100% - var(--width-left-col-collapsed));
}

bazis-chat-not-selected,
.bazis-chat__empty-media {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  color: var(--bazis-text-color-secondary);
}

.bazis-chat-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bazis-chat__main {
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(100% - var(--height-header));
  max-height: calc(100% - var(--height-header));
}
.bazis-chat__main .bazis-control {
  --margin-bottom: 0;
}
.bazis-chat__main .bazis-loader_inline {
  z-index: 0;
}

.bazis-chat__content {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  overflow: hidden;
  padding: var(--bazis-padding-5x) var(--bazis-padding-2x) var(--bazis-padding-5x) var(--bazis-padding-4x);
}
.bazis-chat__content__scroll {
  display: flex;
  flex-direction: column-reverse;
  height: 100%;
  overflow: auto;
  padding-right: var(--bazis-padding-2x);
}
.bazis-chat__content__scroll.bh-absolute {
  z-index: 100;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.bazis-chat__content__scroll--opacity {
  opacity: 0;
}

.bazis-chat__footer {
  padding: var(--bazis-padding-4x) var(--bazis-padding-6x);
  border-top: 1px solid var(--bazis-border-color);
}

.bazis-chat__to-bottom {
  position: absolute;
  z-index: 100;
  right: var(--bazis-margin-5x);
  bottom: var(--bazis-margin-5x);
}

.bazis-chat__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.bazis-chat__date {
  font-size: 12px;
  line-height: 16px;
  color: var(--bazis-text-color-secondary);
  text-transform: capitalize;
}

.bazis-chat__text {
  font-size: 14px;
  line-height: 20px;
  word-wrap: break-word;
  white-space: pre-line;
}
.bazis-list_chat .bazis-chat__text {
  font-size: 13px;
  line-height: 16px;
  color: var(--bazis-text-color-secondary);
}
.bazis-chat__text img.bazis-chat__emoticon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.bazis-chat__text.bh-ellipsis {
  white-space: nowrap;
}
.bazis-chat__text.bh-ellipsis br {
  content: "";
}
.bazis-chat__text.bh-ellipsis br:after {
  content: " ";
}

.bazis-chat__files {
  display: flex;
  flex-direction: column;
  gap: var(--bazis-margin-3x);
}
.bazis-chat__files bazis-file-inline {
  width: 392px;
}
.bazis-chat__files__item {
  display: flex;
  width: 100%;
  gap: var(--bazis-margin-4x);
  justify-content: space-between;
  align-items: center;
}
> .bazis-chat__files__item:first-child {
  width: calc(100% - 1px);
}
.bazis-chat__files__item bazis-button {
  flex-shrink: 0;
}
.bazis-chat__files bazis-sign-status {
  --size-sign: 36px;
}
.bazis-chat__files bazis-sign-status .bazis-loader_inline {
  --height: 28px;
  --min-width: 24px;
  --spinner-size: 24px;
  --spinner-color: var(--bazis-color-white);
  --spinner-background: var(--bazis-color-base);
  padding: 2px;
  margin: 4px;
  width: 28px;
  border-radius: 50%;
}
.bazis-chat__files bazis-sign-status .bazis-loader_inline .bazis-loader__spinner {
  margin: auto;
  padding: 4px;
}

.bazis-context-menu bazis-context-menu-message bazis-button {
  --height-xs: 20px;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
}
.bazis-context-menu bazis-context-menu-message bazis-button.bazis-btn_xs bazis-icon[slot=icon-only] {
  font-size: 20px;
}

bazis-chat-send-message > .bh-flex-column {
  height: 100%;
}

.bazis-chat__system-message {
  margin: var(--bazis-margin-3x) 0;
  text-align: center;
  font-weight: 500;
  color: rgba(var(--bazis-text-color-rgb), 0.6);
}
.bazis-chat__system-message_new {
  background: var(--bazis-background-medium);
}

.bazis-modal .bazis-chat__control {
  padding-top: var(--bazis-padding-4x);
  padding-bottom: var(--bazis-padding-4x);
  border-top: 1px solid var(--bazis-border-color);
  margin-top: var(--bazis-margin-6x);
  margin-left: calc(var(--padding-start-content) * -1);
  margin-right: calc(var(--padding-end-content) * -1);
  padding-left: var(--padding-start-content);
  padding-right: var(--padding-start-content);
}
.bazis-chat__control.bazis-control {
  --margin-bottom: 0;
  --padding-field-end: calc(var(--bazis-padding-3x) / 2);
}
.bazis-chat__control.bazis-control .bazis-control__field-group__start + .bazis-control__field-wrapper {
  --padding-field-start: 0;
}
.bazis-chat__control .bazis-control {
  --margin-bottom: 0;
}
.bazis-chat__control .bazis-control__field {
  display: block;
  width: 100%;
  min-height: 18px;
  height: auto;
  max-height: 100%;
  margin: var(--bazis-margin-2x) 0;
  word-break: break-word;
  white-space: pre-line;
  line-height: 18px;
}
.bazis-chat__control .bazis-control__field:empty::before {
  content: attr(data-placeholder);
  display: block; /* Важное требование для комфортной работы в Firefox */
  pointer-events: none; /* Исключаем взаимодействие с подсказкой */
  line-height: 18px;
  color: var(--bazis-placeholder-color);
}
.bazis-chat__control .bazis-control__field img {
  display: block;
  width: calc(var(--width-photo) - 2px);
  height: calc(var(--width-photo) - 1px);
}
.bazis-chat__control .bazis-control__field img.bazis-chat__emoticon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.bazis-chat__control .bazis-control__field-group {
  align-items: flex-end;
  padding-right: calc(var(--bazis-padding-3x) / 2);
}
.bazis-chat__control .bazis-control__field-group bazis-button {
  --height: 34px;
}
.bazis-chat__control .bazis-control__field-group.bazis-control__field-group--focused:hover {
  background: var(--background-focus);
  border-color: var(--border-color-focus);
  border-style: var(--border-style-focus);
}
.bazis-chat__control .bazis-control__field-group__start bazis-button {
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
}
.bazis-chat__control .bazis-control__field-group__end bazis-button {
  --padding-start: calc(var(--bazis-padding-3x) / 2);
  --padding-end: calc(var(--bazis-padding-3x) / 2);
}
.bazis-chat__control .bazis-control__field-group__end bazis-button.bazis-color {
  color: var(--bazis-color-base);
}
.bazis-chat__control .bazis-control__field-group__end bazis-button.bazis-color bazis-icon {
  color: currentColor;
}
.bazis-chat__control .bazis-control__field-group__end .bazis-chat__control__emojis bazis-button {
  --color-hover: var(--color);
  --color-focused: var(--color);
  --color-activated: var(--color);
}
.bazis-chat__emoticons {
  position: absolute;
  z-index: 150;
  right: 48px;
  top: 40px;
  width: 342px;
  border: 1px solid var(--bazis-border-color);
  border-radius: var(--bazis-border-radius);
  background: var(--bazis-background);
  padding: var(--bazis-padding-3x) var(--bazis-padding-4x);
}
.bazis-chat__emoticons > div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bazis-margin-4x);
}
.bazis-chat__emoticons img {
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.bazis-chat__emoticons::before {
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  left: 0;
  right: 0;
  top: -15px;
}
.bazis-chat__control .bazis-chat__emoticons {
  top: auto;
  right: 0;
  bottom: 45px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset, 0px 4px 24px -10px rgba(0, 0, 0, 0.1);
}
.bazis-chat__control .bazis-chat__emoticons::before {
  display: none;
}
.bazis-chat__control .bazis-chat__emoticons::after {
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -15px;
}
.bazis-modal .bazis-chat__control .bazis-chat__emoticons {
  right: 24px;
}
.bazis-context-menu .bazis-chat__emoticons {
  position: static;
}
.bazis-context-menu .bazis-chat__emoticons > div {
  max-height: 144px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: calc(var(--bazis-margin-2x) * -1);
}

.bazis-chat__header {
  --gap-header: var(--bazis-margin-5x);
  --width-header-controls: 128px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-header);
  width: 100%;
  height: var(--height-header);
  padding: var(--bazis-padding-3x) var(--bazis-padding-6x);
  border-bottom: 1px solid var(--bazis-border-color);
  border-radius: 0 var(--bazis-border-radius) 0 0;
}
.bazis-chat__header > *:first-child {
  width: calc(100% - var(--width-header-controls) - var(--gap-header));
}
.bazis-chat__header_media > *:not(.bazis-chat__title) {
  width: var(--width-header-controls);
}
.bazis-chat__header_media > .bazis-chat__title {
  width: 100%;
  text-align: center;
}
.bazis-chat__header .bazis-chat__head {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.bazis-chat__header__data {
  width: 100%;
  margin-top: var(--bazis-margin-1x);
  line-height: 16px;
}
.bazis-chat__header__data bazis-link:not(.bazis-dropdown__trigger) {
  display: inline-block;
  overflow: hidden;
  max-width: calc(100% - 1px);
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.bazis-chat__header .bazis-dropdown {
  --top: 27px;
  --width: 260px;
  --right: auto;
  --left: 0;
  display: inline-block;
  text-align: left;
}
.bazis-chat__header .bazis-dropdown.sl-dropdown_action, .bazis-chat__header .bazis-dropdown_action {
  --right: 0;
  --left: auto;
}

.bazis-chat-list-wrapper {
  height: 100%;
  width: var(--width-left-col);
  flex: 0 0 var(--width-left-col);
  border-right: 1px solid var(--bazis-border-color);
  will-change: width, flex;
  transition: width 200ms linear, flex 200ms linear;
}
.bazis-chats--collapsed .bazis-chat-list-wrapper {
  width: var(--width-left-col-collapsed);
  flex: 0 0 var(--width-left-col-collapsed);
}

.bazis-list_chat {
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
  --border-width: 0 0 1px;
  --border-color: var(--bazis-border-color);
  --border-style: solid;
  --border-radius: 0;
  overflow: auto;
  height: calc(100% - var(--height-header) - var(--height-back) - 1px);
}
.bazis-list_chat .bazis-item {
  --background-hover: var(--bazis-background-medium);
  --background-selected: var(--bazis-color-primary);
  --color-selected: rgba(var(--bazis-color-primary-contrast-rgb), 1);
  cursor: pointer;
  overflow: hidden;
  max-height: 85px;
}
.bazis-list_chat .bazis-item bazis-toolbar ~ * {
  margin-top: var(--bazis-margin-1x);
  line-height: 16px;
  white-space: nowrap;
}
.bazis-list_chat .bazis-item bazis-badge {
  --margin-start: 0;
  --margin-end: 0
  --font-size-medium: 10px;
  min-width: 16px;
}
.bazis-list_chat .bazis-item .bazis-chat__title {
  white-space: nowrap;
}
.bazis-list_chat .bazis-item .bazis-chat__text *:not(.bazis-chat__emoticon, a, br) {
  display: contents;
}
.bazis-list_chat .bazis-item .bazis-chat__text *:not(.bazis-chat__emoticon, a, br)::after {
  content: " ";
}
.bazis-list_chat .bazis-item a {
  display: contents;
  pointer-events: none;
  text-decoration: none;
}
.bazis-list_chat .bazis-item bazis-avatar {
  --width: 48px;
  --height: 48px;
  --font-size: 13px;
  --background: var(--bazis-color-action);
  --color: var(--bazis-color-action-contrast);
  position: relative;
  letter-spacing: 0.25px;
  font-weight: 500;
}
.bazis-list_chat .bazis-item bazis-avatar::part(badge) {
  --height: 16px;
  --background: var(--bazis-color-warning);
  --color: var(--bazis-color-warning-contrast);
  --font-size: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.bazis-list_chat .bazis-item:hover:active .bazis-chat__text,
.bazis-list_chat .bazis-item:hover:active .bazis-chat__date {
  color: var(--bazis-text-color-secondary);
}
.bazis-list_chat .bazis-item--selected .bazis-chat__text,
.bazis-list_chat .bazis-item--selected .bazis-chat__date, .bazis-list_chat .bazis-item--selected:hover .bazis-chat__text,
.bazis-list_chat .bazis-item--selected:hover .bazis-chat__date, .bazis-list_chat .bazis-item--selected:hover:active .bazis-chat__text,
.bazis-list_chat .bazis-item--selected:hover:active .bazis-chat__date {
  color: rgba(var(--bazis-color-primary-contrast-rgb), 0.8);
}
.bazis-list_chat .bazis-item--selected a, .bazis-list_chat .bazis-item--selected:hover a, .bazis-list_chat .bazis-item--selected:hover:active a {
  color: rgba(var(--bazis-color-primary-contrast-rgb), 0.8);
}
.bazis-list_chat .bazis-item--selected bazis-avatar, .bazis-list_chat .bazis-item--selected:hover bazis-avatar, .bazis-list_chat .bazis-item--selected:hover:active bazis-avatar {
  --background: var(--bazis-color-action-contrast);
  --color: var(--bazis-color-action);
}
.bazis-chats--collapsed .bazis-list_chat {
  --padding-top: calc(var(--bazis-padding-4x) + 2px);
  --padding-bottom: calc(var(--bazis-padding-4x) + 2px);
}

.bazis-chat__media {
  position: absolute;
  top: var(--height-header);
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 150;
  background: var(--bazis-background-medium);
  padding: var(--bazis-padding-6x) var(--bazis-padding-6x) var(--bazis-padding-8x);
}
.bazis-chat__media__wrap {
  display: flex;
  flex-direction: column;
  background: var(--bazis-color-white);
  overflow: hidden;
  border-radius: var(--bazis-border-radius);
  max-height: 100%;
}
.bazis-chat__media__header {
  flex: 0 0 36px;
  padding: var(--bazis-padding-2x) var(--bazis-padding-6x) 0;
  border-bottom: 1px solid var(--bazis-border-color);
}
.bazis-chat__media__header bazis-tabs {
  --height: 36px;
}
.bazis-chat__media__header bazis-tabs, .sl-profile-page .bazis-chat__media__header bazis-tabs {
  --padding-start: 0;
  --padding-end: 0;
  margin-top: 0;
}
.bazis-chat__media__content {
  flex: 1 1 auto;
  min-height: calc(100% - 48px);
  overflow: auto;
  padding: var(--bazis-padding-8x) var(--bazis-padding-6x);
}
.bazis-chat__media__group {
  margin-top: var(--bazis-margin-4x);
  margin-bottom: var(--bazis-margin-6x);
}
.bazis-chat__media .bazis-chat__group-photo {
  --height-row: 116px;
  max-width: 100%;
  max-width: 631px;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: var(--height-row);
}
.bazis-chat__media .bazis-chat__group-photo + .bazis-chat__media .bazis-chat__group-photo {
  margin-top: var(--bazis-margin-2x);
}
.bazis-chat__media .bazis-chat__photo {
  grid-row: span 1 !important;
  grid-column: span 3;
}
.bazis-chat__media .bazis-chat__photo-1:only-child, .bazis-chat__media .bazis-chat__photo-1:nth-last-child(2) {
  grid-column: span 6;
}
.bazis-chat__media .bazis-chat__photo-1:nth-last-child(3) {
  grid-column: span 4;
}
.bazis-chat__media .bazis-chat__photo-1:nth-last-child(4) {
  grid-column: span 3;
}
.bazis-chat__media .bazis-chat__photo-2:last-child {
  grid-column: span 6;
}
.bazis-chat__media .bazis-chat__photo-2:nth-last-child(2) {
  grid-column: span 4;
}
.bazis-chat__media .bazis-chat__photo-2:nth-last-child(3) {
  grid-column: span 3;
}
.bazis-chat__media .bazis-chat__photo-3:last-child {
  grid-column: span 4;
}
.bazis-chat__media .bazis-chat__photo-3:nth-last-child(2) {
  grid-column: span 3;
}
.bazis-chat__media .bazis-chat__photo-4:last-child {
  grid-column: span 3;
}
.bazis-chat__media .bazis-list .bazis-item:first-child:not(.bazis-dropdown .bazis-list .bazis-item) {
  --padding-top: 0;
}
.bazis-chat__media .bazis-list .bazis-item:last-child .bazis-file-inline {
  margin-bottom: 0;
}
.bazis-chat__media .bazis-list_between > .bazis-item, .bazis-chat__media .bazis-list_between_dot-leaders > .bazis-item {
  --margin-bottom: 0;
}

.bazis-chat__message {
  display: flex;
  gap: var(--bazis-margin-4x);
  position: relative;
  margin: var(--bazis-margin-3x) 0;
  padding: var(--bazis-padding-2x);
  border-radius: var(--bazis-border-radius);
}
.bazis-chat__message__body {
  width: calc(100% - 48px);
}
.bazis-chat__message__body bazis-toolbar ~ *:not(.bazis-chat__reactions, .bazis-chat__message__cite) {
  display: block;
  margin-top: var(--bazis-margin-2x);
}
.bazis-list .bazis-item:last-child .bazis-chat__message__body .bazis-file-inline {
  margin-bottom: 0;
}
.bazis-chat__message__cite {
  display: flex;
  gap: var(--bazis-padding-4x);
  border-left: 2px solid var(--bazis-text-color);
  margin-top: var(--bazis-margin-2x);
  padding-left: calc(var(--bazis-padding-4x) - 2px);
  font-style: normal;
}
.bazis-chat__message__cite .bazis-chat__reply__text .bazis-chat__text {
  width: 100%;
}
.bazis-chat__message__cite .bazis-figure {
  --width: 40px;
  --height: 40px;
  --background: rgba(var(--bazis-color-action-rgb), 0.5);
  margin: 0;
}
.bazis-chat__message__note {
  font-size: 11px;
  line-height: 12px;
  color: var(--bazis-text-color-secondary);
}
bazis-message:first-child .bazis-chat__message .bazis-dropdown:not(.bazis-dropdown_bottom) {
  --top: auto;
  --bottom: 28px;
}
.bazis-chat__message .bazis-btn_clear.bazis-btn_small.bazis-btn_has-icon-only {
  --background-hover: var(--bazis-color-info-tint);
}
.bazis-chat__message bazis-avatar {
  letter-spacing: 0.25px;
}
.bazis-chat__message__reactions {
  position: relative;
  margin-bottom: var(--bazis-margin-4x);
}
.bazis-chat__message__reactions .bazis-btn_xs {
  position: absolute;
  top: var(--bazis-padding-3x);
  right: var(--bazis-padding-4x);
}
.bazis-chat__message--highlighting {
  animation-name: highlighting;
  animation-duration: 1000ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}
.bazis-chat__message--contextmenu {
  background-color: var(--bazis-background-accent);
}

@keyframes highlighting {
  from {
    background-color: transparent;
  }
  50% {
    background-color: var(--bazis-background-accent);
  }
  to {
    background-color: transparent;
  }
}
.bazis-chat__modal-content {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: var(--bazis-padding-6x);
}

bazis-chat-modal-add-users {
  --padding-end-content: var(--bazis-padding-6x);
  --padding-bottom-content: var(--bazis-padding-6x);
  --padding-start-footer: var(--bazis-padding-6x);
  --padding-end-footer: var(--bazis-padding-6x);
  --padding-top-footer: var(--bazis-padding-4x);
  --padding-bottom-footer: var(--bazis-padding-4x);
}
bazis-chat-modal-add-users .bazis-control {
  --margin-bottom: var(--bazis-margin-2x);
}
bazis-chat-modal-add-users .bazis-list_control-dd {
  --padding-top-list: 0;
  --padding-bottom-list: 0;
  --border-width-list: 0;
  --box-shadow: 0;
  position: relative;
}

.bazis-chat__group-photo {
  --height-row: calc(400px / 12);
  display: grid;
  max-width: 364px;
  gap: var(--bazis-margin-2x);
  /* Будет создано 6 колонок */
  grid-template-columns: repeat(6, 1fr);
  /* Будет создано 6 рядов */
  grid-template-rows: repeat(6, var(--height-row));
  grid-auto-rows: var(--height-row);
}
.bazis-chat__group-photo + .bazis-chat__group-photo {
  margin-top: var(--bazis-margin-2x);
}

.bazis-chat__photo {
  width: 100%;
  height: 100%;
  text-decoration: none;
  grid-row: span 4;
  grid-column: span 3;
}
.bazis-chat__photo-1:only-child, .bazis-chat__photo-1:nth-last-child(2), .bazis-chat__photo-1:nth-last-child(3), .bazis-chat__photo-1:nth-last-child(4), .bazis-chat__photo-1:nth-last-child(5) {
  grid-row: span 6;
  grid-column: span 6;
}
.bazis-chat__photo-1:nth-last-child(6) {
  grid-row: span 4;
  grid-column: span 3;
}
.bazis-chat__photo-2:last-child {
  grid-row: span 6;
  grid-column: span 6;
}
.bazis-chat__photo-2:nth-last-child(2) {
  grid-row: span 6;
  grid-column: span 3;
}
.bazis-chat__photo-2:nth-last-child(3) {
  grid-row: span 2;
  grid-column: span 2;
}
.bazis-chat__photo-2:nth-last-child(4) {
  grid-row: span 3;
  grid-column: span 3;
}
.bazis-chat__photo-2:nth-last-child(5) {
  grid-row: span 4;
  grid-column: span 3;
}
.bazis-chat__photo-3:last-child {
  grid-row: span 6;
  grid-column: span 3;
}
.bazis-chat__photo-3:nth-last-child(2) {
  grid-row: span 2;
  grid-column: span 2;
}
.bazis-chat__photo-3:nth-last-child(3) {
  grid-row: span 3;
  grid-column: span 3;
}
.bazis-chat__photo-3:nth-last-child(4) {
  grid-row: span 4;
  grid-column: span 3;
}
.bazis-chat__photo-4:last-child {
  grid-row: span 2;
  grid-column: span 2;
}
.bazis-chat__photo-4:nth-last-child(2) {
  grid-row: span 3;
  grid-column: span 3;
}
.bazis-chat__photo-4:nth-last-child(3) {
  grid-row: span 4;
  grid-column: span 3;
}
.bazis-chat__photo-5:last-child {
  grid-row: span 3;
  grid-column: span 3;
}
.bazis-chat__photo-5:nth-last-child(2) {
  grid-row: span 4;
  grid-column: span 3;
}
.bazis-chat__photo-6 {
  grid-row: span 4;
  grid-column: span 3;
}
.bazis-chat__photo .bazis-figure {
  --width: 100%;
  --height: 100%;
  --border-width: 1px;
  --border-radius: var(--bazis-border-radius);
  margin: 0;
}
.bazis-chat__photo .bazis-figure img {
  --border-radius: 0;
}
.bazis-chat__photo .bazis-figure bazis-button {
  position: absolute;
  top: var(--bazis-margin-1x);
  right: var(--bazis-margin-1x);
}
.bazis-chat__photo .bazis-figcaption {
  display: flex;
  padding: var(--bazis-padding-4x);
  gap: var(--bazis-margin-3x);
  align-items: center;
  text-decoration: none;
  color: var(--bazis-text-color);
}
.bazis-chat__photo .bazis-figcaption .bh-ellipsis {
  max-width: 154px;
}
.bazis-chat__photo__size {
  display: block;
  font-size: 11px;
  line-height: 12px;
  color: var(--bazis-text-color-secondary);
}
.bazis-chat__photo bazis-badge {
  --height: 36px;
  --padding-start: var(--bazis-padding-1x);
  --padding-end: var(--bazis-padding-1x);
  --padding-top: 3px;
  --padding-bottom: 1px;
  --margin-start: 0;
  --margin-end: 0;
  --font-size: 12px;
  border-radius: 2px;
  float: left;
  width: 40px;
  line-height: 32px;
  text-transform: uppercase;
}
.bazis-chat__photo bazis-badge:last-of-type {
  display: none;
  align-items: center;
  border-radius: var(--bazis-border-radius);
}
.bazis-chat__photo:hover bazis-badge:first-of-type {
  display: none;
}
.bazis-chat__photo:hover bazis-badge:last-of-type {
  display: block;
}

.bazis-chat__pin {
  flex-shrink: 0;
  margin: calc(var(--bazis-margin-3x) * -1) calc(var(--bazis-margin-2x) * -1) 0 calc(var(--bazis-margin-4x) * -1);
  padding: 0 var(--bazis-padding-6x) var(--bazis-padding-2x);
  background: var(--bazis-color-white);
  border-bottom: 1px solid var(--bazis-border-color);
  height: 49px;
  display: flex;
  gap: var(--bazis-margin-4x);
  justify-content: space-between;
}
.bazis-chat__pin .bazis-chat__title {
  color: var(--bazis-color-action);
}
.bazis-chat__pin > *:first-child {
  width: 100%;
}
.bazis-chat__pin__cite .bazis-figure:last-child {
  --width: 20px;
  --height: 20px;
  --background: rgba(var(--bazis-color-action-rgb), 0.5);
  margin: 0 var(--bazis-margin-2x) 0 0;
  float: left;
}
.bazis-chat__pin__cite .bazis-chat__reply__text {
  display: flex;
  height: 20px;
}

.bazis-chat__reactions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bazis-margin-2x);
  margin-top: var(--bazis-margin-2x);
}
.bazis-chat__reactions__item {
  display: flex;
  align-items: center;
  gap: var(--bazis-margin-2x);
  border-radius: 20px;
  padding: var(--bazis-padding-1x) var(--bazis-padding-1x) var(--bazis-padding-1x) var(--bazis-padding-2x);
  background: var(--bazis-background-dark);
}
.bazis-chat__reactions__item img {
  width: 16px;
  height: 16px;
  margin: var(--bazis-padding-1x);
}
.bazis-chat__reactions__item bazis-avatar {
  --width: 40px;
  --height: 40px;
  font-size: 8px;
}
.bazis-chat__reactions__item__users {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bazis-margin-1x);
}

.bazis-chat__reply {
  display: flex;
  gap: var(--bazis-margin-4x);
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--bazis-margin-4x);
}
.bazis-chat__reply__text {
  width: calc(100% - var(--bazis-margin-4x) - 36px);
}
.bazis-chat__reply .bazis-chat__title {
  margin-bottom: var(--bazis-margin-1x);
}
.bazis-chat__reply .bazis-chat__text {
  width: 100%;
  font-size: 13px;
  line-height: 16px;
}
.bazis-chat__reply .bazis-btn_solid {
  --background: transparent;
  --color: var(--bazis-text-color-secondary);
  --background-hover: var(--bazis-border-color);
  --color-link-hover: var(--color);
}
.bazis-chat__reply .bazis-figure {
  --width: 40px;
  --height: 40px;
  --background: rgba(var(--bazis-color-action-rgb), 0.5);
  margin: 0;
}

.bazis-chat__search {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  padding: calc(var(--bazis-padding-3x) + 2px) var(--bazis-padding-6x);
  background: var(--bazis-color-white);
  border-bottom: 1px solid var(--bazis-border-color);
}
.bazis-chat__search bazis-toolbar::part(start),
.bazis-chat__search bazis-autocomplete {
  display: block;
  width: 100%;
}
.bazis-chat__search .bazis-list_control-dd-wrapper,
.bazis-chat__search bazis-autocomplete > .bazis-control {
  position: static;
}
.bazis-chat__search .bazis-control .bazis-list_control-dd {
  --margin-top-list: 0;
  --padding-end-list: var(--bazis-padding-2x);
  --padding-bottom-list: var(--bazis-padding-2x);
  --border-width-list: 0 0 1px 0;
  --background-list: var(--bazis-color-white);
  --position-top: 65px;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
  --border-width: 0 0 1px 0;
  --border-color: var(--bazis-border-color);
  --border-style: solid;
  --background: transparent;
  --background-hover: transparent;
}
.bazis-chat__search .bazis-control .bazis-list_control-dd .bazis-item:last-child {
  --border-width: 0;
}
.bazis-chat__search bazis-infinite-list.bazis-list_control-dd .bazis-infinite-scroll-content {
  border-width: 0 0 1px 0;
  border-radius: 0;
  padding-top: var(--bazis-padding-2x);
  padding-bottom: var(--bazis-padding-2x);
  padding-left: var(--bazis-padding-6x);
  padding-right: var(--bazis-padding-4x);
}
.bazis-chat__search .bazis-chat__message {
  margin: 0;
}

/* Pages */
.bazis-page {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
}
.bazis-page-header--scrolling.bh-sticky {
  border-bottom: 0;
  z-index: 160;
}
.bazis-dummy-page {
  position: relative;
  background: var(--bazis-background);
  height: 100%;
}
.bazis-modal .bazis-dummy-page {
  position: static;
}
.bazis-dummy-page__content {
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 744px;
  height: 100%;
  margin: auto;
  text-align: center;
}
.bazis-dummy-page h2 {
  margin: var(--bazis-margin-5x) 0 var(--bazis-margin-4x);
}
.bazis-dummy-page p {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 768px) {
  .bazis-dummy-page__content {
    max-width: 490px;
  }
}
@media (max-width: 576px) {
  .bazis-dummy-page__content {
    max-width: 392px;
  }
}

.bazis-list-page {
  --background-head: var(--bazis-background-medium);
  --background-filters: var(--bazis-background-medium);
  --background-body: transparent;
  --gap-applied-filters: var(--bazis-margin-2x);
}
.bazis-list-page__head {
  background: var(--background-head);
}
.bazis-list-page__head .bazis-breadcrumbs {
  padding-left: 0;
  padding-right: 0;
}
.bazis-list-page__title {
  display: flex;
  align-items: center;
}
@media (min-width: 1024.98px) {
  .bazis-list-page__title h1 {
    margin: 0;
  }
}
.bazis-list-page__filters {
  background: var(--background-filters);
}
.bazis-list-page__applied-filters {
  --margin-top: var(--bazis-margin-6x);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-applied-filters);
  margin-top: var(--margin-top);
}
.bazis-list-page__body {
  background: var(--background-body);
}
.bazis-list-page__tools {
  --gap: var(--bazis-margin-4x);
  --gap-group: var(--bazis-margin-3x);
  --column-gap: var(--gap);
  --row-gap: var(--bazis-margin-5x);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--gap);
}
.bazis-list-page__tools .bazis-tools__group {
  display: flex;
  gap: var(--gap-group);
}
.bazis-list-page__tools .bazis-tools__button {
  display: flex;
  gap: var(--gap-group);
  margin-left: var(--gap);
}
@media (max-width: 1024px) {
  .bazis-list-page__tools {
    justify-content: flex-end;
  }
}
@media (max-width: 768px) {
  .bazis-list-page__tools {
    display: grid;
    grid-template-columns: auto min-content;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
    column-gap: var(--column-gap);
    justify-content: normal;
  }
}
@media (max-width: 576px) {
  .bazis-list-page .bazis-list-page__title {
    display: block;
  }
  .bazis-list-page__tools {
    grid-auto-flow: row;
    row-gap: var(--row-gap);
    justify-content: stretch;
  }
  .bazis-list-page__tools .bazis-tools__button {
    width: 100%;
    margin: 0;
  }
  .bazis-list-page__tools .bazis-tools__button bazis-button {
    display: block;
    width: 100%;
  }
  .bazis-list-page__tools .bazis-tools__button {
    grid-column: span 2;
  }
  .bazis-list-page__tools .bazis-tools__group_long {
    grid-column: span 2;
  }
}

scrollbar-x {
  left: var(--title-offset) !important;
  right: calc(var(--title-offset) * -1) !important;
  padding-right: var(--title-offset) !important;
}

.ng-scrollbar-track-wrapper {
  transition-duration: 1ms, 1ms !important;
}

*,
html {
  scrollbar-color: var(--bazis-background-strong) transparent;
  scrollbar-width: thin;
}

@supports selector(::-webkit-scrollbar) {
  *,
  html {
    scrollbar-color: unset;
    scrollbar-width: unset;
  }
  *::-webkit-scrollbar,
  ::-webkit-scrollbar {
    height: 8px;
    width: 8px;
  }
  *::-webkit-scrollbar-track,
  ::-webkit-scrollbar-track {
    border: 4px solid transparent;
    background: transparent;
  }
  *::-webkit-scrollbar-thumb,
  ::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: var(--bazis-background-strong);
  }
}
.tms-content {
  background: var(--bazis-background-medium);
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  margin-right: var(--tms-scroll-margin-side);
}
.tms-content-padding {
  padding: var(--bazis-padding-4x) var(--bazis-padding-8x) 0;
}
app-objects .tms-content-padding {
  height: calc(100% - var(--bazis-padding-4x));
}

.bazis-list_control-dd hr {
  --margin-top: var(--bazis-margin-2x);
  --margin-bottom: var(--bazis-margin-2x);
}

html {
  font-weight: 500;
}

h2,
.bazis-h2,
h3,
.bazis-h3,
h4,
.bazis-h4,
h5,
.bazis-h5,
h6,
.bazis-h6 {
  font-weight: 600;
}

h1,
.bazis-h1,
.bazis-h2_major,
.bazis-h3_major,
.bazis-h4_major,
.bazis-h6_major {
  font-weight: 700;
}

.bazis-h2_minor,
.bazis-h3_minor,
.bazis-h4_minor {
  font-weight: 500;
}

.bazis-small_uppercase {
  --bazis-font-size-small: 10px;
  --bazis-line-height-small: 12px;
  letter-spacing: 0.6px;
}

.bazis-p_minor,
.bazis-text_minor {
  letter-spacing: -0.12px;
}

.tms-footnote {
  font-size: 8px;
  line-height: 12px;
}

p:last-child {
  margin-bottom: 0;
}

span.bazis-color:not(.bazis-color-action,
.bazis-color-danger,
.bazis-color-success,
.bazis-color-warning) {
  color: var(--bazis-color-base);
}

span.bazis-color-action,
bazis-icon.bazis-color-action {
  color: var(--bazis-color-action-tint);
}

span.bazis-color-danger,
bazis-icon.bazis-color-danger {
  color: var(--tms-danger-text-color);
}

span.bazis-color-success,
bazis-icon.bazis-color-success {
  color: var(--tms-success-text-color);
}

span.bazis-color-warning,
bazis-icon.bazis-color-warning {
  color: var(--tms-warning-text-color);
}

a,
a:-webkit-any-link {
  text-decoration: none;
}
a:active,
a:-webkit-any-link:active {
  color: var(--bazis-link-active-color);
}
a:visited,
a:-webkit-any-link:visited {
  color: var(--bazis-link-color);
}

.tms-text_disabled {
  color: var(--bazis-text-color-disabled);
}

.tms-text_default {
  color: var(--bazis-text-color);
}

.tms-text_tertiary {
  color: var(--bazis-icon-color);
}

.bazis-color-primary {
  --bazis-color-hovered: var(--bazis-color-primary-tint) !important;
  --bazis-color-active: var(--bazis-color-primary-shade) !important;
}

.bazis-color-action {
  --bazis-color-hovered: var(--bazis-color-action-tint) !important;
  --bazis-color-active: var(--bazis-color-action-shade) !important;
}

.bazis-color-success {
  --bazis-color-hovered: var(--bazis-color-success-tint) !important;
  --bazis-color-active: var(--bazis-color-success-shade) !important;
}

.bazis-color-warning {
  --bazis-color-hovered: var(--bazis-color-warning-tint) !important;
  --bazis-color-active: var(--bazis-color-warning-shade) !important;
}

.bazis-color-danger {
  --bazis-color-hovered: var(--bazis-color-danger-tint) !important;
  --bazis-color-active: var(--bazis-color-danger-shade) !important;
}

.bazis-color-purple,
.bazis-color-violet,
.bazis-color-green,
.bazis-color-peach,
.bazis-color-blue,
.bazis-color-teal,
.bazis-color-turquoise,
.bazis-color-orange,
.bazis-color-pink,
.bazis-color-lightblue,
.bazis-color-yellow,
.bazis-color-darkorange {
  --bazis-color-contrast: var(--bazis-color-white) !important;
  --bazis-color-contrast-rgb: var(--bazis-color-white-rgb);
}

.bazis-color-purple {
  --bazis-color-base: var(--tms-purple) !important;
  --bazis-color-base-rgb: var(--tms-purple-rgb);
  --bazis-color-shade: var(--tms-purple-active) !important;
  --bazis-color-shade-rgb: var(--tms-purple-active-rgb);
  --bazis-color-tint: var(--tms-purple-hovered) !important;
  --bazis-color-light: var(--tms-purple-light) !important;
  --bazis-color-hovered: var(--tms-purple-hovered) !important;
  --bazis-color-active: var(--tms-purple-active) !important;
}

.bazis-color-violet {
  --bazis-color-base: var(--tms-violet) !important;
  --bazis-color-base-rgb: var(--tms-violet-rgb);
  --bazis-color-shade: var(--tms-violet-active) !important;
  --bazis-color-shade-rgb: var(--tms-violet-active-rgb);
  --bazis-color-tint: var(--tms-violet-hovered) !important;
  --bazis-color-light: var(--tms-violet-light) !important;
  --bazis-color-hovered: var(--tms-violet-hovered) !important;
  --bazis-color-active: var(--tms-violet-active) !important;
}

.bazis-color-green {
  --bazis-color-base: var(--tms-green) !important;
  --bazis-color-base-rgb: var(--tms-green-rgb);
  --bazis-color-shade: var(--tms-green-active) !important;
  --bazis-color-shade-rgb: var(--tms-green-active-rgb);
  --bazis-color-tint: var(--tms-green-hovered) !important;
  --bazis-color-light: var(--tms-green-light) !important;
  --bazis-color-hovered: var(--tms-green-hovered) !important;
  --bazis-color-active: var(--tms-green-active) !important;
}

.bazis-color-peach {
  --bazis-color-base: var(--tms-peach) !important;
  --bazis-color-base-rgb: var(--tms-peach-rgb);
  --bazis-color-shade: var(--tms-peach-active) !important;
  --bazis-color-shade-rgb: var(--tms-peach-active-rgb);
  --bazis-color-tint: var(--tms-peach-hovered) !important;
  --bazis-color-light: var(--tms-peach-light) !important;
  --bazis-color-hovered: var(--tms-peach-hovered) !important;
  --bazis-color-active: var(--tms-peach-active) !important;
}

.bazis-color-blue {
  --bazis-color-base: var(--tms-blue) !important;
  --bazis-color-base-rgb: var(--tms-blue-rgb);
  --bazis-color-shade: var(--tms-blue-active) !important;
  --bazis-color-shade-rgb: var(--tms-blue-active-rgb);
  --bazis-color-tint: var(--tms-blue-hovered) !important;
  --bazis-color-light: var(--tms-blue-light) !important;
  --bazis-color-hovered: var(--tms-blue-hovered) !important;
  --bazis-color-active: var(--tms-blue-active) !important;
}

.bazis-color-teal {
  --bazis-color-base: var(--tms-teal) !important;
  --bazis-color-base-rgb: var(--tms-teal-rgb);
  --bazis-color-shade: var(--tms-teal-active) !important;
  --bazis-color-shade-rgb: var(--tms-teal-active-rgb);
  --bazis-color-tint: var(--tms-teal-hovered) !important;
  --bazis-color-light: var(--tms-teal-light) !important;
  --bazis-color-hovered: var(--tms-teal-hovered) !important;
  --bazis-color-active: var(--tms-teal-active) !important;
}

.bazis-color-turquoise {
  --bazis-color-base: var(--tms-turquoise) !important;
  --bazis-color-base-rgb: var(--tms-turquoise-rgb);
  --bazis-color-shade: var(--tms-turquoise-active) !important;
  --bazis-color-shade-rgb: var(--tms-turquoise-active-rgb);
  --bazis-color-tint: var(--tms-turquoise-hovered) !important;
  --bazis-color-light: var(--tms-turquoise-light) !important;
  --bazis-color-hovered: var(--tms-turquoise-hovered) !important;
  --bazis-color-active: var(--tms-turquoise-active) !important;
}

.bazis-color-orange {
  --bazis-color-base: var(--tms-orange) !important;
  --bazis-color-base-rgb: var(--tms-orange-rgb);
  --bazis-color-shade: var(--tms-orange-active) !important;
  --bazis-color-shade-rgb: var(--tms-orange-active-rgb);
  --bazis-color-tint: var(--tms-orange-hovered) !important;
  --bazis-color-light: var(--tms-orange-light) !important;
  --bazis-color-hovered: var(--tms-orange-hovered) !important;
  --bazis-color-active: var(--tms-orange-active) !important;
}

.bazis-color-pink {
  --bazis-color-base: var(--tms-pink) !important;
  --bazis-color-base-rgb: var(--tms-pink-rgb);
  --bazis-color-shade: var(--tms-pink-active) !important;
  --bazis-color-shade-rgb: var(--tms-pink-active-rgb);
  --bazis-color-tint: var(--tms-pink-hovered) !important;
  --bazis-color-light: var(--tms-pink-light) !important;
  --bazis-color-hovered: var(--tms-pink-hovered) !important;
  --bazis-color-active: var(--tms-pink-active) !important;
}

.bazis-color-lightblue {
  --bazis-color-base: var(--tms-lightblue) !important;
  --bazis-color-base-rgb: var(--tms-lightblue-rgb);
  --bazis-color-shade: var(--tms-lightblue-active) !important;
  --bazis-color-shade-rgb: var(--tms-lightblue-active-rgb);
  --bazis-color-tint: var(--tms-lightblue-hovered) !important;
  --bazis-color-light: var(--tms-lightblue-light) !important;
  --bazis-color-hovered: var(--tms-lightblue-hovered) !important;
  --bazis-color-active: var(--tms-lightblue-active) !important;
}

.bazis-color-yellow {
  --bazis-color-base: var(--tms-yellow) !important;
  --bazis-color-base-rgb: var(--tms-yellow-rgb);
  --bazis-color-shade: var(--tms-yellow-active) !important;
  --bazis-color-shade-rgb: var(--tms-yellow-active-rgb);
  --bazis-color-tint: var(--tms-yellow-hovered) !important;
  --bazis-color-light: var(--tms-yellow-light) !important;
  --bazis-color-hovered: var(--tms-yellow-hovered) !important;
  --bazis-color-active: var(--tms-yellow-active) !important;
}

.bazis-color-darkorange {
  --bazis-color-base: var(--tms-darkorange) !important;
  --bazis-color-base-rgb: var(--tms-darkorange-rgb);
  --bazis-color-shade: var(--tms-darkorange-active) !important;
  --bazis-color-shade-rgb: var(--tms-darkorange-active-rgb);
  --bazis-color-tint: var(--tms-darkorange-hovered) !important;
  --bazis-color-light: var(--tms-darkorange-light) !important;
  --bazis-color-hovered: var(--tms-darkorange-hovered) !important;
  --bazis-color-active: var(--tms-darkorange-active) !important;
}

.tms-alpha-light {
  --bazis-color-base: rgba(var(--bazis-color-base-rgb), var(--tms-color-alpha-light)) !important;
}

.tms-alpha-medium {
  --bazis-color-base: rgba(var(--bazis-color-base-rgb), var(--tms-color-alpha-medium)) !important;
}

.tms-alpha-strong {
  --bazis-color-base: rgba(var(--bazis-color-base-rgb), var(--tms-color-alpha-strong)) !important;
}

.tms-animation_slide-left-enter {
  opacity: 1;
  transform: translateX(0);
  animation: slide-left-enter 0.5s linear;
}

.tms-animation_slide-left-leave {
  opacity: 0;
  transform: translateX(calc((100% + var(--position-start, 0)) * -1));
  animation: slide-left-leave 0.5s linear;
}

.tms-animation_slide-bottom-enter {
  opacity: 1;
  transform: translateY(0);
  animation: slide-bottom-enter 0.5s linear;
}

.tms-animation_slide-bottom-leave {
  opacity: 0;
  transform: translateY(100%);
  animation: slide-bottom-leave 0.5s linear;
}

@keyframes slide-left-enter {
  from {
    opacity: 0;
    transform: translateX(calc((100% + var(--position-start, 0)) * -1));
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slide-left-leave {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(calc((100% + var(--position-start, 0)) * -1));
  }
}
@keyframes slide-bottom-enter {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-bottom-leave {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100%);
  }
}
/* Components and base classes */
.bazis-avatar {
  --width: 32px;
  --height: 32px;
  --width-large: 46px;
  --height-large: 46px;
  --width-small: 24px;
  --height-small: 24px;
  --width-xs: 20px;
  --height-xs: 20px;
  --border-radius: var(--bazis-border-radius);
  --border-radius-large: calc(var(--bazis-border-radius) * 2);
  --border-radius-xs: calc(var(--bazis-border-radius) / 2);
  --background: var(--bazis-background-dark);
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
  --font-size: 14px;
  --icon-size: 16px;
  transition: background 100ms linear, outline 100ms linear, color 100ms linear;
}
.bazis-avatar:hover {
  --background: var(--tms-background-dark-hover);
}
.bazis-avatar:active, .bazis-avatar--active {
  background: var(--bazis-color-action);
  color: var(--bazis-text-color-contrast);
}
.bazis-avatar:disabled, .bazis-avatar--disabled {
  --color: var(--bazis-text-color-disabled);
  pointer-events: none;
}
.bazis-avatar:disabled::part(image), .bazis-avatar--disabled::part(image) {
  filter: grayscale(1);
}
.bazis-avatar_large {
  --font-size: 16px;
  --icon-size: 24px;
}
.bazis-avatar_small {
  --font-size: 11px;
  --icon-size: 12px;
}
.bazis-avatar_xs {
  --font-size: 11px;
  --icon-size: 12px;
}
.bazis-avatar_photo:hover {
  outline: 2px solid var(--tms-background-dark-hover);
}
.bazis-avatar_photo:active, .bazis-avatar_photo.bazis-avatar--active {
  outline: 2px solid var(--bazis-color-action);
}
app-list-cell-items .bazis-avatar {
  --border-radius: 50%;
}
.bazis-details .bazis-avatar {
  --width: 40px;
  --height: 40px;
  --border-radius: 12px;
  --color: var(--tms-background-dark-active);
}

bazis-badge {
  --background: rgba(var(--bazis-text-color-secondary-rgb, 0, 0, 0), 0.2);
  --height: 14px;
  --height-xxs: 6px;
  --height-xs: 8px;
  --height-medium: 18px;
  --height-large: 22px;
  --padding-start: 2px;
  --padding-end: 2px;
  --margin-start: var(--bazis-margin-1x);
  --margin-end: var(--bazis-margin-1x);
  --font-size: 11px;
  --font-size-medium: 12px;
  --font-size-large: 14px;
  --color: var(--bazis-text-color-secondary);
  min-width: var(--height);
  align-items: center;
}
bazis-badge.bazis-badge-xxs {
  min-width: var(--height-xxs);
}
bazis-badge.bazis-badge-xs {
  min-width: var(--height-xs);
}
bazis-badge.bazis-badge-small {
  --padding-start: var(--bazis-padding-1x);
  --padding-end: var(--bazis-padding-1x);
  min-width: var(--height-small);
}
bazis-badge.bazis-badge-medium {
  --padding-start: 3px;
  --padding-end: 3px;
  min-width: var(--height-medium);
  font-weight: 700;
}
bazis-badge.bazis-badge-large {
  min-width: var(--height-large);
}
bazis-badge.tms-badge_quantifier {
  --background: var(--bazis-background-dark);
  --border-radius-large: 34px;
  --border-width: 1px;
  --height-large: 22px;
  --padding-top: 1px;
  --padding-bottom: 1px;
  --font-size-medium: 11px;
  --font-size-large: 14px;
  --color: var(--bazis-text-color-secondary);
  border-width: var(--border-width);
  border-style: solid;
  border-color: var(--bazis-border-color-light);
  padding-left: calc(var(--bazis-padding-1x) - var(--border-width));
  padding-right: calc(var(--bazis-padding-1x) - var(--border-width));
}
bazis-badge.tms-badge_quantifier.bazis-badge-large, bazis-badge.tms-badge_quantifier.bazis-badge-medium {
  line-height: normal;
}
bazis-badge.tms-badge_quantifier.bazis-badge-large {
  padding-left: calc(var(--bazis-padding-2x) - var(--border-width));
  padding-right: calc(var(--bazis-padding-2x) - var(--border-width));
}
bazis-badge.tms-badge_quantifier.bazis-badge-medium {
  padding-left: calc(6px - var(--border-width));
  padding-right: calc(6px - var(--border-width));
  font-weight: 500;
}
.bazis-segment__item bazis-badge.tms-badge_quantifier.bazis-color {
  background: rgba(var(--bazis-color-base-rgb), var(--tms-color-alpha-light));
  border-color: rgba(var(--bazis-color-base-rgb), var(--tms-color-alpha-strong));
}
.bazis-segment__item bazis-badge.tms-badge_quantifier.bazis-color.bazis-color-danger {
  color: var(--tms-danger-text-color);
}
tr:hover:not(.tms-tr--selected, .tms-tr--invalid, .tms-tr--error, .tms-table_edit tr) bazis-badge.tms-badge_quantifier {
  --background: var(--tms-background-dark-hover);
  --color: var(--bazis-text-color);
  border-color: var(--bazis-border-color-medium);
}
tr:active bazis-badge.tms-badge_quantifier, tr:focus bazis-badge.tms-badge_quantifier {
  --background: var(--tms-background-dark-active);
  --color: var(--bazis-text-color);
  border-color: var(--bazis-border-color-dark);
}
.tms-tr--selected bazis-badge.tms-badge_quantifier {
  --background: var(--bazis-color-action);
  --color: var(--bazis-color-action-contrast);
  border-color: var(--bazis-color-action);
}
.bazis-segment__item--selected bazis-badge.tms-badge_quantifier {
  --background: var(--bazis-text-color);
  --color: var(--bazis-text-color-contrast);
  border-color: var(--bazis-text-color);
}
.bazis-segment__item--selected bazis-badge.tms-badge_quantifier.bazis-color {
  background: var(--bazis-color-base);
  border-color: var(--bazis-color-base);
}
.bazis-segment__item--selected bazis-badge.tms-badge_quantifier.bazis-color.bazis-color-danger {
  color: var(--bazis-text-color-contrast);
}
.tms-dropdown_filter bazis-badge.tms-badge_quantifier {
  --margin-start: 0;
}
.tms-dropdown_filter bazis-badge.tms-badge_quantifier.bazis-badge-large {
  --margin-end: -10px;
  --margin-top: -9px;
}
.tms-dropdown_filter bazis-badge.tms-badge_quantifier[slot=end] {
  --margin-top: 0;
  --margin-end: 0;
}
bazis-badge.tms-badge_quantifier[slot=end] {
  --margin-start: var(--bazis-margin-2x);
  --margin-end: 0;
  --margin-top: 0;
  position: static;
}
bazis-badge.tms-badge_point.bazis-badge-medium {
  margin: 0;
  outline: 2px solid var(--bazis-color-white);
}
bazis-badge.tms-badge_point.bazis-badge-medium bazis-icon {
  margin: 0 -5px;
}
bazis-badge.tms-badge_point.bazis-badge-medium.tms-badge_point_outline.bazis-color, bazis-badge.tms-badge_point.bazis-badge-medium.tms-badge_point_inprogress.bazis-color {
  outline-color: var(--bazis-color-base);
}
bazis-badge.tms-badge_point.bazis-badge-medium.bazis-color-danger {
  outline-color: rgba(var(--bazis-color-base-rgb), var(--tms-color-alpha-medium));
}
bazis-badge.tms-badge_point_outline {
  background: var(--bazis-color-contrast);
  color: var(--bazis-color-base);
}
bazis-badge.tms-badge_point_inprogress {
  background: rgba(var(--bazis-color-base-rgb), 0.2);
  color: var(--bazis-color-base);
}

bazis-button {
  --height: 40px;
  --height-small: 28px;
  --height-large: 48px;
  --border-radius: 12px;
  --padding-top: 10px;
  --padding-bottom: 10px;
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top-small: 6px;
  --padding-bottom-small: 6px;
  --padding-start-small: var(--bazis-padding-3x);
  --padding-end-small: var(--bazis-padding-3x);
  --padding-top-large: var(--bazis-padding-3x);
  --padding-bottom-large: var(--bazis-padding-3x);
  --padding-start-large: var(--bazis-padding-4x);
  --padding-end-large: var(--bazis-padding-4x);
  --transition: background-color 15ms linear, outline-color 15ms linear;
  --outline-width: 2px;
  --outline-style: solid;
  --outline-color: transparent;
  font-size: 14px;
  font-weight: 700;
}
bazis-button::part(inner) {
  line-height: 2;
}
bazis-button bazis-icon {
  font-size: 16px;
}
bazis-button bazis-icon[slot=icon-only] {
  margin-left: calc(var(--bazis-margin-1x) * -1);
  margin-right: calc(var(--bazis-margin-1x) * -1);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  bazis-button bazis-icon[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: calc(var(--bazis-margin-1x) * -1);
    margin-inline-end: calc(var(--bazis-margin-1x) * -1);
  }
}
bazis-button.bazis-color-action.bazis-btn_solid {
  min-width: 140px;
}
bazis-button.bazis-color-action.bazis-btn_solid.bazis-btn_small {
  min-width: 98px;
}
bazis-button.bazis-color-action.bazis-btn_solid.bazis-btn_has-icon-only {
  min-width: auto;
}
bazis-button.tms-no-padding-h {
  --padding-start: 0;
  --padding-end: 0;
  --padding-start-small: 0;
  --padding-end-small: 0;
  --padding-start-large: 0;
  --padding-end-large: 0;
}
bazis-button.tms-button-icon {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start-small: 0;
  --padding-end-small: 0;
  --padding-top-small: 0;
  --padding-bottom-small: 0;
  --padding-start-large: 0;
  --padding-end-large: 0;
  --padding-top-large: 0;
  --padding-bottom-large: 0;
  --border-radius: 2px;
  height: auto;
  vertical-align: middle;
}
bazis-button.tms-button-icon bazis-icon[slot=icon-only] {
  margin-left: 0;
  margin-right: 0;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  bazis-button.tms-button-icon bazis-icon[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}
.tms-dropdown_filter bazis-button.bazis-btn_has-icon-only::part(native) {
  overflow: visible;
}
bazis-button.tms-btn--muted::part(native) {
  background: var(--background-disabled);
  border-color: var(--border-color-disabled);
  opacity: var(--disabled-opacity);
  color: var(--color-disabled);
  box-shadow: none;
}
bazis-button.tms-button-totop {
  --height-small: 24px;
  --padding-top-small: var(--bazis-padding-1x);
  --padding-bottom-small: var(--bazis-padding-1x);
  --border-radius: var(--bazis-border-radius);
  --background: rgba(var(--bazis-background-light-rgb), 0.5);
  --background-hover: var(--bazis-background-light);
  --background-activated: var(--background-hover);
  --background-focused: var(--background-hover);
  --box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
  --border-style: solid;
  --border-width: 1px;
  --border-color: transparent;
  --border-color-hover: var(--bazis-border-color);
  --border-color-focused: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-strong));
  --border-color-activated: rgba(
      var(--bazis-color-action-rgb),
      var(--tms-color-alpha-strong)
  );
  --border-color-disabled: rgba(var(--bazis-color-black-rgb), 0.05);
  --color: var(--bazis-color-action);
  position: sticky;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  letter-spacing: -0.12px;
}

.bazis-btn_solid {
  --background: var(--bazis-background-dark);
  --color: var(--bazis-text-color);
  --background-hover: var(--tms-background-dark-hover);
  --background-activated: var(--tms-background-dark-active);
  --background-focused: var(--tms-background-dark-active);
  --background-disabled: var(--background);
  --color-disabled: var(--bazis-text-color-disabled);
}
.bazis-btn_solid.bazis-btn_has-icon-only {
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
}
.bazis-btn_solid.bazis-color:not(.bazis-btn--disabled, .bazis-color-default)::part(native) {
  --background-hover: var(--bazis-color-hovered);
  --background-activated: var(--bazis-color-active);
  --background-focused: var(--bazis-color-active);
  --outline-color-activated: var(--bazis-color-contrast, var(--bazis-color-white));
  --outline-color-focused: var(--bazis-color-contrast, var(--bazis-color-white));
}
.bazis-btn_solid.bazis-color-secondary:not(.bazis-btn--disabled)::part(native) {
  --background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  --background-hover: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-medium));
  --background-activated: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-strong));
  --background-focused: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-strong));
  --color: var(--bazis-color-action);
  --color-hover: var(--bazis-color-action-shade);
  --color-activated: var(--bazis-link-active-color);
  --color-focused: var(--bazis-link-active-color);
}
.bazis-btn_solid.bazis-color-primary:hover:active::part(native), .bazis-btn_solid.bazis-color-action:hover:active::part(native), .bazis-btn_solid.bazis-color-secondary:hover:active::part(native), .bazis-btn_solid.bazis-color-primary:hover::part(native):active, .bazis-btn_solid.bazis-color-action:hover::part(native):active, .bazis-btn_solid.bazis-color-secondary:hover::part(native):active, .bazis-btn_solid.bazis-color-primary.bazis-btn--active::part(native), .bazis-btn_solid.bazis-color-action.bazis-btn--active::part(native), .bazis-btn_solid.bazis-color-secondary.bazis-btn--active::part(native) {
  --box-shadow: 0 0 0 4px var(--background-activated);
}
.bazis-btn_solid.bazis-color-primary.bazis-btn--active:hover::part(native), .bazis-btn_solid.bazis-color-action.bazis-btn--active:hover::part(native), .bazis-btn_solid.bazis-color-secondary.bazis-btn--active:hover::part(native) {
  --box-shadow: none;
}

.bazis-btn_outline,
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button {
  --background: var(--bazis-color-white);
  --background-hover: rgba(var(--bazis-background-dark-rgb), 0.12);
  --background-activated: var(--background);
  --background-focused: var(--background);
  --background-disabled: var(--bazis-background-dark);
  --border-color: var(--bazis-border-color);
  --border-color-hover: var(--bazis-border-color-medium);
  --border-color-activated: var(--bazis-border-color-dark);
  --border-color-focused: var(--bazis-border-color-dark);
  --border-color-disabled: rgba(var(--bazis-color-black-rgb), 0.05);
  --color: var(--bazis-text-color);
  --color-disabled: var(--bazis-text-color-disabled);
  --box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}
.bazis-btn_outline:hover, .bazis-btn_outline.bazis-btn--disabled,
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button:hover,
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button.bazis-btn--disabled {
  box-shadow: none;
}
.bazis-btn_outline bazis-icon[slot=start],
.bazis-btn_outline bazis-icon[slot=end],
.bazis-btn_outline bazis-icon[slot=icon-only],
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button bazis-icon[slot=start],
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button bazis-icon[slot=end],
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button bazis-icon[slot=icon-only] {
  color: var(--bazis-text-color-secondary);
}
.bazis-btn_outline:hover bazis-icon[slot=start],
.bazis-btn_outline:hover bazis-icon[slot=end],
.bazis-btn_outline:hover bazis-icon[slot=icon-only], .bazis-btn_outline:active bazis-icon[slot=start],
.bazis-btn_outline:active bazis-icon[slot=end],
.bazis-btn_outline:active bazis-icon[slot=icon-only],
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button:hover bazis-icon[slot=start],
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button:hover bazis-icon[slot=end],
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button:hover bazis-icon[slot=icon-only],
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button:active bazis-icon[slot=start],
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button:active bazis-icon[slot=end],
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button:active bazis-icon[slot=icon-only] {
  color: var(--bazis-text-color);
}
.bazis-btn_outline bazis-icon[slot=icon-only],
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button bazis-icon[slot=icon-only] {
  margin-left: calc(var(--bazis-margin-1x) * -1 - 1px);
  margin-right: calc(var(--bazis-margin-1x) * -1 - 1px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bazis-btn_outline bazis-icon[slot=icon-only],
  bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button bazis-icon[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: calc(var(--bazis-margin-1x) * -1 - 1px);
    margin-inline-end: calc(var(--bazis-margin-1x) * -1 - 1px);
  }
}

.bazis-btn_clear {
  --background: transparent;
  --background-hover: var(--bazis-background-dark);
  --background-activated: rgba(var(--bazis-background-dark-rgb), 0.2);
  --background-focused: rgba(var(--bazis-background-dark-rgb), 0.2);
  --background-disabled: transparent;
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
  --color-activated: var(--bazis-text-color);
  --color-focused: var(--bazis-text-color);
  --color-disabled: var(--bazis-text-color-disabled);
}

.bazis-btn_large {
  font-size: 16px;
}
.bazis-btn_large bazis-icon[slot=icon-only] {
  margin-left: 0;
  margin-right: 0;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bazis-btn_large bazis-icon[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}
.bazis-btn_large.bazis-btn_outline bazis-icon[slot=icon-only] {
  margin-left: -1px;
  margin-right: -1px;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bazis-btn_large.bazis-btn_outline bazis-icon[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: -1px;
    margin-inline-end: -1px;
  }
}

.bazis-btn_small {
  --border-radius: var(--bazis-border-radius);
  font-size: 12px;
}
.bazis-btn_small bazis-icon {
  font-size: 12px;
}
.tms-timeline-metrics__settings .bazis-btn_small {
  --height-small: 31px;
  --border-radius: 0;
}

.tms-button-tooltip {
  display: inline-block;
}
.bazis-input-file .tms-button-tooltip bazis-button.bazis-color bazis-icon {
  --size-icon: 12px;
  color: var(--bazis-color-contrast);
}
.tms-button-tooltip bazis-tooltip {
  white-space: nowrap;
}

.tms-button-loading .tms-spinner {
  position: absolute;
  left: calc(50% - var(--size-spinner) / 2);
  top: calc(50% - var(--size-spinner) / 2);
  visibility: hidden;
}
.tms-button-loading.bazis-btn_small .tms-button__spinner {
  --size-spinner: 12px;
}
.tms-button-loading.bazis-btn_small .tms-button__spinner circle {
  cx: 6;
  cy: 6;
  r: 5;
  stroke-width: 2;
}
.tms-button-loading.bazis-btn_small .tms-button__spinner circle:last-child {
  stroke-dasharray: 7.85 31.4;
}
.tms-button-loading.tms-button--loading .tms-spinner {
  visibility: visible;
}
.tms-button-loading.tms-button--loading .tms-button__inner,
.tms-button-loading.tms-button--loading bazis-icon {
  visibility: hidden;
}

bazis-chip {
  --height: 33px;
  --border-radius: 30px;
  --background: var(--bazis-background-dark);
  --color: var(--bazis-text-color-secondary);
  --padding-top: calc((var(--height) - var(--line-height)) / 2);
  --padding-bottom: calc((var(--height) - var(--line-height)) / 2);
  --margin-start: var(--bazis-margin-2x);
  --margin-end: var(--bazis-margin-2x);
  --margin-start-slotted: 0;
  --margin-end-slotted: 0;
  --font-size: 14px;
  --line-height: 20px;
  gap: var(--bazis-margin-1x);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  bazis-chip *:not(img, bazis-icon) {
    line-height: calc(var(--height) - 2px);
  }
}
bazis-chip.bazis-chip_outline {
  border-color: var(--bazis-border-color);
  background: var(--background);
}
bazis-chip.bazis-chip_outline:hover {
  border-color: var(--bazis-border-color-medium);
}
bazis-chip bazis-icon {
  --color: var(--bazis-icon-color);
  font-size: 16px;
}
bazis-chip bazis-badge {
  margin: 0;
}
bazis-chip:hover {
  --background: var(--tms-background-dark-hover);
  --color: var(--bazis-text-color);
}
bazis-chip.bazis-color.bazis-chip_solid {
  background: var(--bazis-color-base);
  color: var(--bazis-color-contrast);
}
bazis-chip.bazis-color.bazis-chip_solid:hover {
  background: var(--bazis-color-hovered);
}
bazis-chip.bazis-color.bazis-chip_solid bazis-icon {
  --color: var(--bazis-color-contrast);
}
bazis-chip.bazis-color.bazis-chip_solid bazis-badge {
  outline: 1px solid var(--bazis-background-light);
}
bazis-chip.bazis-color.bazis-chip_outline {
  border-color: var(--bazis-color-base);
  color: var(--bazis-color-base);
  background: rgba(var(--bazis-color-base-rgb), var(--tms-color-alpha-light));
}
bazis-chip.bazis-color.bazis-chip_outline:hover {
  border-color: var(--bazis-color-hovered);
  color: var(--bazis-color-hovered);
}
bazis-chip.bazis-color.bazis-chip_clear:hover {
  color: var(--bazis-color-hovered);
}
td bazis-chip {
  --margin-start: 0;
  --margin-end: 0;
  max-width: 100%;
}
.bazis-browse-default bazis-chip, app-list-cell-items bazis-chip {
  --margin-start: 0;
  --margin-end: 0;
}
bazis-chip.tms-status-save {
  --margin-start: 0;
  --margin-end: 0;
  --margin-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
  --font-size: 13px;
  --font-weight: 400;
  --color: var(--bazis-text-color);
}
app-organization-edit bazis-chip.tms-status-save {
  --margin-top: calc(var(--bazis-margin-2x) + 1px);
}

.bazis-chip_small {
  --height: 29px;
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
}

.bazis-chip_xs {
  --height: 20px;
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --font-size: 12px;
  --line-height: 16px;
  letter-spacing: -0.12px;
}

bazis-datepicker {
  --widthOne: 240px;
  --gap-calendar: var(--bazis-margin-8x);
  --border-width-day-current: 1px;
  --border-style-day-current: solid;
  --border-color-day-current: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-strong));
  --border-width-day-current-hover: 1px;
  --border-style-day-current-hover: solid;
  --border-color-day-current-hover: var(--bazis-color-action);
  --border-width-day-current-focus: 1px;
  --border-style-day-current-focus: solid;
  --border-color-day-current-focus: var(--bazis-color-action);
  --background: var(--bazis-background-light);
  --background-hover: var(--tms-background-dark-hover);
  --background-focus: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  --background-selected: var(--bazis-color-action);
  --background-selected-hover: var(--bazis-color-action-tint);
  --background-selected-focus: var(--bazis-color-action-shade);
  --background-current: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  --background-current-hover: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  --background-current-focus: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  --background-muted: var(--background);
  --box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
  --border-radius-datepicker: 16px;
  --datepicker-arrow-color: var(--bazis-color-action);
  --weekend-background-hover: rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-light));
  --weekend-background-focus: rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-medium));
  --weekend-color: var(--tms-danger-text-color);
  --weekend-color-hover: var(--tms-danger-text-color);
  --weekend-color-focus: var(--tms-danger-text-color);
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
  --padding-top: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-6x);
  --font-weight: 600;
  --font-size: 12px;
  --color: var(--bazis-text-color);
  --color-selected: var(--bazis-text-color-contrast);
  --color-current: var(--bazis-color-action-tint);
  --color-muted: var(--bazis-text-color-disabled);
  --gap-week: 2px;
  --gap-month: 14px;
  --width-day: 32px;
  --height-day: 32px;
  --border-radius-day: 6px;
  --font-weight-day: 600;
  --interval-start-end-border-radius: 0;
  --font-size-weekday: 12px;
  --color-weekday: var(--bazis-text-color-secondary);
  --text-transform-weekday: capitalize;
  --font-size-head: 18px;
  --font-weight-head: var(--font-weight-day);
  --color-head: var(--bazis-text-color);
  --icon-size-head: 16px;
}
bazis-datepicker::part(button) {
  display: block;
  --height: 24px;
  --padding-top: 0;
  --padding-bottom: 0;
  --background-hover: var(--bazis-background-medium);
  --background-activated: var(--bazis-color-info-tint);
  --background-focused: var(--bazis-background-medium);
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-color-action);
  --color-focused: var(--bazis-color-action);
}
bazis-datepicker::part(value) {
  text-transform: capitalize;
}
bazis-datepicker::part(interval-head-button) {
  --border-width: 0;
}
bazis-datepicker::part(head-button) {
  --padding-start: 10px;
  --padding-end: 10px;
  --border-radius: 6px;
  --background-hover: var(--tms-background-dark-hover);
  --background-focused: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  --background-activated: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
  --color-focused: var(--bazis-color-action-tint);
  --color-activated: var(--bazis-color-action-tint);
}
bazis-datepicker::part(list) {
  overflow: auto;
  max-height: 264px;
}
bazis-datepicker::part(list-item) {
  padding: 2px var(--bazis-padding-3x);
  font-weight: 400;
  font-size: var(--font-size);
  line-height: 20px;
  text-transform: lowercase;
}
bazis-datepicker::part(grid-item) {
  padding: var(--bazis-padding-2x) var(--bazis-padding-4x);
  background: var(--bazis-background-dark);
  border-radius: var(--bazis-border-radius);
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: var(--bazis-text-color-secondary);
}
bazis-datepicker::part(grid-item):hover {
  background: var(--tms-background-dark-hover);
  color: var(--bazis-text-color);
}
bazis-datepicker::part(grid-item):active {
  background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  color: var(--bazis-color-action-tint);
}
bazis-datepicker::part(grid-item selected) {
  background: var(--background-selected);
  color: var(--color-selected);
}
bazis-datepicker::part(calendar-head) {
  margin-bottom: var(--bazis-margin-5x);
  padding: 0;
}
bazis-datepicker::part(thead) {
  letter-spacing: -0.12px;
}
bazis-datepicker::part(mark) {
  --mark-background: var(--tms-background-strong-light);
  --mark-outline-color: var(--bazis-color-white);
  position: absolute;
  bottom: 3px;
  left: 50%;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: var(--mark-background);
  outline: 1px solid var(--mark-outline-color);
}
bazis-datepicker::part(mark)::before, bazis-datepicker::part(mark)::after {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--mark-background);
  outline: 1px solid var(--mark-outline-color);
}
bazis-datepicker::part(mark few) {
  margin-left: -2px;
}
bazis-datepicker::part(mark average) {
  margin-left: -4px;
}
bazis-datepicker::part(mark average)::before {
  content: "";
  position: relative;
}
bazis-datepicker::part(mark many) {
  margin-left: -6px;
}
bazis-datepicker::part(mark many)::before, bazis-datepicker::part(mark many)::after {
  content: "";
}
bazis-datepicker::part(mark many)::before {
  position: relative;
  margin-left: 4px;
}
bazis-datepicker::part(mark many)::after {
  position: absolute;
  top: 0;
  margin-left: 8px;
}
bazis-datepicker::part(mark active) {
  --mark-background: var(--bazis-background-light);
  --mark-outline-color: var(--bazis-color-action);
}

.bazis-grid_form > bazis-row > bazis-col,
.bazis-grid_form > * > bazis-row > bazis-col {
  --bazis-grid-column-padding-start-sm: var(--bazis-padding-2x);
  --bazis-grid-column-padding-end-sm: var(--bazis-padding-2x);
  --bazis-grid-column-padding-start-md: var(--bazis-padding-2x);
  --bazis-grid-column-padding-end-md: var(--bazis-padding-2x);
  --bazis-grid-column-padding-top: 0;
  --bazis-grid-column-padding-bottom: 0;
  --bazis-grid-column-padding-start-xs: 0;
  --bazis-grid-column-padding-end-xs: 0;
}
.bazis-grid_form > bazis-row > bazis-col[sizesm="6"]:nth-child(odd),
.bazis-grid_form > * > bazis-row > bazis-col[sizesm="6"]:nth-child(odd) {
  --bazis-grid-column-padding-start-sm: 0;
}
.bazis-grid_form > bazis-row > bazis-col[sizesm="6"]:nth-child(odd):last-child,
.bazis-grid_form > * > bazis-row > bazis-col[sizesm="6"]:nth-child(odd):last-child {
  --bazis-grid-column-padding-end-sm: var(--bazis-padding-2x);
}
.bazis-grid_form > bazis-row > bazis-col[sizesm="6"]:nth-child(even),
.bazis-grid_form > * > bazis-row > bazis-col[sizesm="6"]:nth-child(even) {
  --bazis-grid-column-padding-end-sm: 0;
}
.bazis-grid_form > bazis-row > bazis-col:first-child,
.bazis-grid_form > * > bazis-row > bazis-col:first-child {
  --bazis-grid-column-padding-start: 0;
  --bazis-grid-column-padding-start-xs: 0;
  --bazis-grid-column-padding-start-sm: 0;
  --bazis-grid-column-padding-start-md: 0;
  --bazis-grid-column-padding-start-xl: 0;
}
.bazis-grid_form > bazis-row > bazis-col:last-child,
.bazis-grid_form > * > bazis-row > bazis-col:last-child {
  --bazis-grid-column-padding-end: 0;
  --bazis-grid-column-padding-end-xs: 0;
  --bazis-grid-column-padding-end-sm: 0;
  --bazis-grid-column-padding-end-md: 0;
  --bazis-grid-column-padding-end-xl: 0;
}

bazis-grid.tms-grid_plates bazis-row {
  position: relative;
  border-radius: var(--bazis-border-radius);
  border: 1px solid var(--bazis-border-color-light);
  background: var(--bazis-background-light);
  margin-bottom: var(--bazis-margin-2x);
}
bazis-grid.tms-grid_plates bazis-row:last-child {
  margin-bottom: 0;
}
bazis-grid.tms-grid_plates bazis-row.tms-row--selected {
  background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  border-color: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-strong));
}
bazis-grid.tms-grid_plates bazis-row.tms-row--selected:hover {
  background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-medium));
  border-color: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-strong));
}
bazis-grid.tms-grid_plates bazis-row .tms-visible-hover {
  visibility: hidden;
}
bazis-grid.tms-grid_plates bazis-row:hover {
  background: var(--tms-background-dark-hover);
  border-color: var(--tms-background-dark-hover);
}
bazis-grid.tms-grid_plates bazis-row:hover .tms-visible-hover {
  visibility: visible;
}
bazis-grid.tms-grid_plates bazis-col {
  --bazis-grid-column-padding-start: var(--bazis-padding-2x);
  --bazis-grid-column-padding-end: var(--bazis-padding-2x);
  --bazis-grid-column-padding-top: var(--bazis-padding-2x);
  --bazis-grid-column-padding-bottom: var(--bazis-padding-2x);
}
bazis-grid.tms-grid_plates bazis-col:first-child {
  --bazis-grid-column-padding-start: var(--bazis-padding-3x);
}
bazis-grid.tms-grid_plates bazis-col:last-child {
  --bazis-grid-column-padding-end: var(--bazis-padding-4x);
}
app-geo-zone-edit bazis-grid.tms-grid_plates {
  overflow-y: auto;
  scrollbar-gutter: stable;
  margin-right: calc(var(--tms-scroll-margin-side) * -1);
  padding-right: var(--tms-scroll-margin-side);
  height: calc(100vh - 537px);
}
bazis-grid.tms-grid_plates_compact bazis-row {
  border-radius: 12px;
}
bazis-grid.tms-grid_plates_compact bazis-col {
  display: inline-flex;
}
bazis-grid.tms-grid_plates_compact bazis-col:last-child {
  --bazis-grid-column-padding-end: var(--bazis-padding-2x);
}

bazis-grid.tms-grid_dialog {
  width: 100%;
  overflow-y: auto;
  padding: 0 var(--bazis-padding-4x);
}
bazis-grid.tms-grid_dialog > bazis-row > bazis-col {
  --bazis-grid-column-padding-start: var(--bazis-padding-4x);
  --bazis-grid-column-padding-end: var(--bazis-padding-4x);
  --bazis-grid-column-padding-top: var(--bazis-padding-8x);
  --bazis-grid-column-padding-bottom: var(--bazis-padding-6x);
}

bazis-grid.tms-grid_layout > bazis-row > bazis-col:first-child,
bazis-grid.tms-grid_layout > * > bazis-row > bazis-col:first-child {
  --bazis-grid-column-padding-start: 0;
  --bazis-grid-column-padding-start-xs: 0;
  --bazis-grid-column-padding-start-sm: 0;
  --bazis-grid-column-padding-start-md: 0;
  --bazis-grid-column-padding-start-xl: 0;
}
bazis-grid.tms-grid_layout > bazis-row > bazis-col:last-child,
bazis-grid.tms-grid_layout > * > bazis-row > bazis-col:last-child {
  --bazis-grid-column-padding-end: 0;
  --bazis-grid-column-padding-end-xs: 0;
  --bazis-grid-column-padding-end-sm: 0;
  --bazis-grid-column-padding-end-md: 0;
  --bazis-grid-column-padding-end-xl: 0;
}

.tms-icon-hide {
  display: none;
}

bazis-indicator {
  --size: 8px;
  --width-state-first: 1px;
  --width-state-secondary: 4px;
}
bazis-indicator.bazis-color {
  outline-color: rgba(var(--bazis-color-base-rgb), var(--tms-color-alpha-medium));
}

bazis-interrogation {
  --margin-start: var(--bazis-margin-2x);
}
bazis-interrogation::part(tooltip) {
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --min-height: 32px;
  --font-size: 12px;
  --font-weight: 500;
  --height-arrow: 7px;
  --width-arrow: 8px;
  letter-spacing: -0.12px;
}
bazis-interrogation::part(tooltip light) {
  --background: var(--bazis-background-light);
  --box-shadow: 0px 0px 40px 0px rgba(19, 40, 51, 0.08);
  --color: var(--bazis-text-color);
}
.bazis-checkbox_right + bazis-interrogation {
  --margin-start: 0;
  --margin-end: var(--bazis-margin-2x);
  display: inline-flex;
}
bazis-toggle ~ bazis-interrogation {
  --color: var(--bazis-icon-color);
}
bazis-toggle:hover ~ bazis-interrogation, .bazis-switcher:hover bazis-interrogation {
  --color: var(--bazis-color-action);
}
bazis-toggle.bazis-toggle--disabled ~ bazis-interrogation {
  --color: var(--bazis-text-color-disabled);
}

bazis-label {
  --margin-bottom: var(--bazis-margin-1x);
  --line-height: 20px;
  --font-size: 14px;
}
bazis-label.bazis-label_inner {
  --color: var(--bazis-text-color-secondary);
}
bazis-label.tms-label_single {
  --margin-bottom: var(--bazis-margin-3x);
}
.bazis-control_compact bazis-label, .bazis-control_mini bazis-label {
  --line-height: 16px;
  --font-size: 12px;
  letter-spacing: -0.12px;
}
.bazis-control_mini bazis-label {
  --margin-bottom: 2px;
}

bazis-link {
  --font-size: 14px;
  --font-size-s: 12px;
  --line-height: 20px;
  --line-height-s: 16px;
  font-weight: 600;
}
bazis-link bazis-icon {
  --margin-icon: var(--bazis-margin-1x);
}
bazis-link.bazis-link_s bazis-icon {
  font-size: 12px;
}
bazis-link::part(link):active, bazis-link::part(link):focus {
  --color-hover: var(--bazis-color-action-shade);
}
bazis-link.bazis-link_disabled {
  pointer-events: none;
  --color: var(--bazis-text-color-disabled);
}
bazis-link.bazis-color::part(link):hover {
  color: var(--bazis-color-hovered);
}
bazis-link.bazis-color::part(link):active, bazis-link.bazis-color::part(link):focus {
  color: var(--bazis-color-active);
}
bazis-link.tms-link_focusable:focus {
  position: relative;
}
bazis-link.tms-link_focusable:focus::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -6px;
  bottom: -4px;
  right: -6px;
  border-radius: 6px;
  border: 1px solid var(--bazis-color-action);
  outline: 2px solid rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
}

bazis-logo {
  --height: 40px;
}

bazis-range {
  --bar-height: 6px;
  --thumb-background: var(--bazis-background-light);
  --thumb-width: 16px;
  --thumb-height: 16px;
  --thumb-border-radius: 50%;
  --thumb-border-width: 4px;
  --thumb-border-style: solid;
  --thumb-border-color: var(--bazis-color-action);
  --thumb-border-color-disabled: var(--thumb-border-color);
  --track-background: var(--tms-background-dark-hover);
  --track-height: var(--bar-height);
  --track-border-radius: 100px;
  --track-border-width: 0;
  --track-border-style: solid;
  --track-border-color-disabled: var(--track-border-color);
  --track-box-shadow: none;
  --progress-background: var(--bazis-color-action);
  --progress-background-disabled: rgba(var(--bazis-color-primary-rgb), 0.7);
  --font-size: 14px;
  --font-weight: normal;
  --line-height: 20px;
}

bazis-segment {
  --gap: 6px;
  --border-radius-segment: 12px;
  --border-width-segment: 0;
  --background-segment: var(--bazis-background-dark);
}
bazis-segment.bazis-color {
  --border-color-segment: var(--bazis-color-base);
  --border-width-segment: 1px;
  --border-style-segment: solid;
  --padding-start-segment: calc(var(--bazis-padding-1x) - var(--border-width-segment));
  --padding-end-segment: calc(var(--bazis-padding-1x) - var(--border-width-segment));
  --padding-top-segment: calc(var(--bazis-padding-1x) - var(--border-width-segment));
  --padding-bottom-segment: calc(var(--bazis-padding-1x) - var(--border-width-segment));
}
app-group-routes-details bazis-segment {
  width: fit-content;
  margin: var(--bazis-margin-4x) var(--bazis-margin-4x);
}
app-view-planning bazis-segment {
  width: fit-content;
  margin: 0 var(--bazis-margin-4x) var(--bazis-margin-4x);
}

bazis-segment-item {
  --background-hover: var(--tms-background-dark-hover);
  --background-hover-opacity: 1;
  --background-opacity: var(--tms-color-alpha-light);
  --border-radius: var(--bazis-border-radius);
  --height: 32px;
  --margin-bottom: 0;
  --indicator-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
  --indicator-color: var(--bazis-background-light);
  --padding-top: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-3x);
  --color: var(--bazis-text-color-secondary);
  --color-selected: var(--bazis-text-color);
  --color-disabled: var(--bazis-text-color-disabled);
  --opacity-disabled: 1;
  font-size: 14px;
  font-weight: 600;
}
bazis-segment-item::part(inner) {
  gap: 6px;
}
.bazis-segment_large bazis-segment-item {
  --height: 46px;
  --padding-top: 11px;
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: 11px;
  --padding-start: var(--bazis-padding-4x);
  --border-radius: 12px;
  font-size: 16px;
}
.bazis-segment_small bazis-segment-item {
  --height: 28px;
  --padding-top: 6px;
  --padding-bottom: 6px;
  font-size: 12px;
}
bazis-segment.bazis-color bazis-segment-item {
  --indicator-color: var(--bazis-background-light);
}

bazis-skeleton {
  --height: 20px;
  --border-radius: 12px;
  --background: var(--bazis-background-medium);
  --animation-duration: 1.6s;
}
.bazis-dialog bazis-skeleton {
  --background: var(--bazis-background-strong);
}

bazis-tabs {
  --height: 40px;
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
  --color-selected: var(--bazis-color-primary);
  --font-size: 16px;
  --font-weight: 600;
  --line-height: 24px;
  --font-weight-selected: 600;
  --tabs-gap: var(--bazis-margin-8x);
  --tab-background-selected: transparent;
  --tab-border-width: 0 0 2px 0;
  --tab-border-style: solid;
  --tab-border-color: transparent;
  --tab-border-color-selected: var(--bazis-color-action);
  --tab-padding-bottom: var(--bazis-padding-4x);
}
bazis-tabs .bazis-tabs-wrapper {
  position: relative;
}
bazis-tabs .bazis-tabs-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--bazis-border-color);
}
bazis-tabs.tms-tabs_mini {
  --height: 32px;
  --font-size: 14px;
  --line-height: 20px;
  --tab-padding-bottom: var(--bazis-padding-3x);
}
bazis-tabs.tms-tabs_simple {
  --height: 24px;
  --color-selected: var(--bazis-text-color);
  --font-weight-selected: 700;
  --tab-border-width: 0;
  --tab-padding-bottom: 0;
  --tabs-gap: var(--bazis-margin-4x);
}
bazis-tabs.tms-tabs_simple .bazis-tabs-wrapper::before {
  display: none;
}
bazis-tabs.tms-tabs_simple.tms-tabs_mini {
  --height: 20px;
}
bazis-tabs.tms-tabs_users {
  --height: 42px;
  --color-selected: var(--bazis-text-color);
  --tab-padding-top: 0;
  --tab-padding-bottom: 0;
  --tab-padding-start: var(--bazis-padding-1x);
  --tab-padding-end: var(--bazis-padding-1x);
  --tabs-gap: var(--bazis-margin-2x);
  --font-size: 14px;
  --font-weight: 500;
  --line-height: 20px;
}
bazis-tabs.tms-tabs_status {
  --height: 62px;
  --tabs-gap: var(--bazis-margin-2x);
}
bazis-tabs.tms-tabs_status .bazis-tabs-wrapper::before {
  display: none;
}

bazis-tab-btn {
  --badge-background-hover: var(--tms-background-dark-hover);
  --badge-background-focused: var(--tms-background-dark-active);
  --badge-background-selected: var(--bazis-color-action);
  --badge-background-disabled: var(--bazis-background-dark);
  --badge-color-hover: var(--bazis-text-color);
  --badge-color-focused: var(--bazis-text-color);
  --badge-color-selected: var(--bazis-color-action-contrast);
  --badge-color-disabled: var(--bazis-text-color-disabled);
  --badge-border-color: var(--bazis-border-color-light);
  --badge-border-color-hover: var(--bazis-border-color-medium);
  --badge-border-color-focused: var(--bazis-border-color-dark);
  --badge-border-color-selected: var(--bazis-color-action);
  --badge-border-color-disabled: var(--bazis-background-dark);
}
bazis-tab-btn bazis-badge {
  --background: var(--bazis-background-dark);
  --border-radius-large: 34px;
  --border-width: 1px;
  --padding-top: 1px;
  --padding-bottom: 1px;
  --margin-start: 6px;
  --font-size-large: 14px;
  --color: var(--bazis-text-color-secondary);
  border-width: var(--border-width);
  border-style: solid;
  padding-left: calc(var(--bazis-padding-2x) - var(--border-width));
  padding-right: calc(var(--bazis-padding-2x) - var(--border-width));
  line-height: normal;
}
.tms-tabs_users bazis-tab-btn bazis-avatar {
  --width: 32px;
  --height: 32px;
  --border-radius: var(--bazis-border-radius);
  --background: var(--bazis-background-dark);
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
  --font-size: 14px;
  --icon-size: 16px;
  flex-shrink: 0;
}
.tms-tabs_users bazis-tab-btn bazis-avatar.bazis-avatar_photo:active {
  outline: none;
}
.tms-tabs_users bazis-tab-btn .tms-tabs_users__item {
  display: flex;
  align-items: center;
  gap: var(--bazis-margin-2x);
  max-width: 114px;
}
.tms-tabs_users bazis-tab-btn .tms-tabs_users__item__name {
  width: calc(82px - var(--bazis-margin-2x));
}
.tms-tabs_users bazis-tab-btn .tms-tabs_users__item__value {
  display: flex;
  gap: var(--bazis-margin-1x);
  font-size: 11px;
  line-height: 14px;
  color: var(--bazis-icon-color);
}
.tms-tabs_users bazis-tab-btn .tms-tabs_users__item__value bazis-icon {
  margin-right: 0;
  margin-inline-end: 0;
}
.tms-tabs_users bazis-tab-btn .tms-tabs_users__item__contacts {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: var(--bazis-margin-2x);
  padding: 0 var(--bazis-padding-1x);
  background: var(--bazis-background-medium);
  height: 0;
  transition: height 0.2s, top 0.2s;
}
.tms-tabs_users bazis-tab-btn .tms-tabs_users__item__contacts bazis-button {
  width: 100%;
  max-height: 100%;
}
.tms-tabs_users bazis-tab-btn:not(.bazis-tab-btn--selected) .bh-flex-column,
.tms-tabs_users bazis-tab-btn:not(.bazis-tab-btn--selected) .tms-tabs_users__item__contacts {
  display: none;
}
.tms-tabs_users bazis-tab-btn.bazis-tab-btn--selected bazis-tooltip {
  display: none;
}
.tms-tabs_users bazis-tab-btn.bazis-tab-btn--selected:hover {
  --tab-border-color-selected: var(--bazis-color-action-tint);
}
.tms-tabs_users bazis-tab-btn.bazis-tab-btn--selected:hover .tms-tabs_users__item__contacts {
  top: 0;
  height: 100%;
}
.tms-toolbar_tabs bazis-tab-btn > span {
  display: flex;
  align-items: center;
}
.tms-tabs_status bazis-tab-btn {
  --tab-background-selected: transparent;
  --tab-border-width: 0;
  --tab-padding-bottom: 0;
}

bazis-thumbnail {
  --border-radius: var(--bazis-border-radius);
  border-radius: calc(var(--border-radius) + 2px);
  border: 2px solid var(--bazis-border-color-medium);
}
bazis-thumbnail::part(icon) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--width);
  height: var(--height);
  border-radius: var(--border-radius);
  background: var(--bazis-background-dark);
  color: var(--tms-background-dark-active);
}

bazis-timepicker {
  --width: 272px;
  --height: 176px;
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --background: var(--bazis-background-light);
  --background-active: var(--bazis-color-action);
  --box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
  --border-radius: 16px;
  --position-bottom: 20px;
  --color: var(--bazis-text-color);
  --color-active: var(--bazis-text-color-contrast);
  --color-disabled: var(--bazis-text-color-disabled);
  --font-size: 12px;
  --font-weight: 600;
  --line-height: 16px;
  --item-height: 16px;
  --item-padding-start: 0;
  --item-padding-end: 0;
  --item-padding-top: var(--bazis-padding-2x);
  --item-padding-bottom: var(--bazis-padding-2x);
  --item-active-padding-start: 0;
  --item-active-padding-end: 0;
  --item-active-padding-top: var(--bazis-padding-4x);
  --item-active-padding-bottom: var(--bazis-padding-4x);
  --hightlight-border-radius: var(--bazis-border-radius);
  --item-muted-background: rgba(var(--bazis-color-white-rgb), 0.7);
}

bazis-toggle {
  --background: var(--tms-background-dark-hover);
  --background-hover: var(--tms-background-dark-active);
  --background-checked: var(--bazis-color-action);
  --background-checked-hover: var(--bazis-color-action-tint);
  --background-disabled: var(--bazis-background-dark);
  --background-checked-disabled: var(--bazis-background-dark);
  --border-radius: 6px;
  --border-width: 0;
  --toggle-width: 37px;
  --toggle-height: 18px;
  --handle-background: var(--bazis-background-light);
  --handle-background-checked: var(--bazis-background-light);
  --handle-background-disabled: var(--tms-background-dark-hover);
  --handle-background-checked-disabled: var(--tms-background-dark-hover);
  --handle-border-radius: 4px;
  --handle-height: 14px;
  --handle-max-height: 14px;
  --handle-width: 14px;
  --handle-width-active: 33px;
  --handle-spacing: 2px;
  --handle-transition: background 0.3s ease-in-out, width 0.3s ease-in-out, left 0.3s ease-in-out, transform 0.3s ease-in-out;
  contain: strict;
  overflow: hidden;
}
bazis-toggle::part(handle) {
  will-change: transform;
}

.tms-toolbar_tabs {
  --margin-top: var(--bazis-margin-4x);
  --margin-bottom: var(--bazis-margin-4x);
}
.tms-layout-work .tms-toolbar_title {
  --margin-bottom: var(--bazis-margin-4x);
}

bazis-tooltip {
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --border-radius: var(--bazis-border-radius);
  --min-height: 32px;
  --min-width: 100px;
  --max-width: 312px;
  --font-size: 12px;
  --line-height: 16px;
  --height-arrow: 7px;
  --width-arrow: 8px;
  letter-spacing: -0.12px;
}
bazis-tooltip:not(.bazis-tooltip_light) {
  --background: var(--bazis-text-color);
  --color: var(--bazis-text-color-contrast);
}
bazis-tooltip.tms-tooltip_cargo.bazis-tooltip_light {
  --padding-top: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color-light);
  --box-shadow: 0px 6px 48px 0px rgba(0, 17, 52, 0.14);
  --max-height: 237px;
  --width: 256px;
  overflow-y: auto;
}
bazis-tooltip.tms-tooltip_cargo.bazis-tooltip_light h6 {
  --bazis-h6-margin: 0 0 var(--bazis-margin-2x);
  font-weight: 700;
}

bazis-tooltip.bazis-tooltip_light {
  --max-width: 405px;
  --max-height: 380px;
  --box-shadow: 0px 0px 40px rgba(19, 40, 51, 0.08);
  --background: var(--bazis-background-light);
  --height-arrow: 7px;
  --width-arrow: 8px;
}
bazis-tooltip.bazis-tooltip_light.tms-tooltip_settings {
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --border-radius: 20px;
  --max-width: 350px;
  --max-height: 414px;
  --font-size: 14px;
  --line-height: 20px;
}
bazis-tooltip.bazis-tooltip_light.tms-tooltip_geozone {
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --border-radius: 16px;
  --box-shadow: 0px 6px 48px 0px rgba(0, 17, 52, 0.14);
  --width: 470px;
  --max-width: 470px;
  --max-height: 408px;
}
bazis-tooltip.bazis-tooltip_light.tms-tooltip_select-vehicle {
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-2x);
  --box-shadow: 0 6px 48px 0 rgba(0, 17, 52, 0.14);
  --width: 280px;
  --max-width: 280px;
  --max-height: 340px;
}
bazis-tooltip.bazis-tooltip_light.tms-tooltip_select-vehicle hr {
  --margin-top: 0;
  --margin-bottom: var(--bazis-margin-3x);
  margin-left: calc(var(--padding-start) * -1);
  margin-right: calc(var(--padding-end) * -1);
}
bazis-tooltip.bazis-tooltip_light.tms-tooltip_select-vehicle .bazis-infinite-scroll-content {
  --max-height-infinite-scroll-content: 189px;
  margin-right: -10px;
}

.bazis-backdrop {
  --background: rgba(0, 14, 44, 0.10);
  --opacity: 1;
}
bazis-global-loader .bazis-backdrop {
  top: var(--tms-header-height);
}
app-b3gis-map .bazis-backdrop {
  z-index: 0;
}

.bazis-block {
  --padding-top: var(--bazis-padding-6x);
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-4x);
  --background: var(--bazis-background-light);
  --border-radius: 12px;
}
.bazis-block__header {
  --padding-bottom: var(--bazis-padding-6x);
}
.bazis-block__footer {
  --padding-top: var(--bazis-padding-4x);
}
.bazis-block_hoverable, .bazis-block_editable {
  --padding-top: var(--bazis-padding-8x);
  --padding-start: var(--bazis-padding-8x);
  --padding-end: var(--bazis-padding-8x);
  --padding-bottom: var(--bazis-padding-8x);
  --border-color: var(--background);
  --background-hover: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  --border-color-hover: var(--bazis-color-action);
  --border-style: dashed;
  --border-width: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bazis-block_hoverable > bazis-icon, .bazis-block_editable > bazis-icon {
  --font-size: 92px;
  margin-bottom: var(--bazis-margin-6x);
  font-size: var(--font-size);
}
.bazis-block_hoverable > bazis-icon.active, .bazis-block_editable > bazis-icon.active {
  display: none;
}
.bazis-block_hoverable h3, .bazis-block_editable h3 {
  font-weight: 700;
}
.bazis-block_hoverable p, .bazis-block_editable p {
  color: var(--bazis-text-color-secondary);
}
.bazis-block_hoverable:hover > bazis-icon, .bazis-block_editable:hover > bazis-icon {
  display: none;
}
.bazis-block_hoverable:hover > bazis-icon.active, .bazis-block_editable:hover > bazis-icon.active {
  display: block;
}
.bazis-block_outline {
  --padding-top: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
}
.bazis-block_accent {
  --padding-top: var(--bazis-padding-3x);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
  --background: var(--bazis-background-dark);
}
.bazis-dialog__content .bazis-block_accent {
  --border-radius: 12px;
  --padding-top: 0;
  --padding-start: 0;
  --padding-end: 0;
  --padding-bottom: 0;
}
.bazis-dialog__content .bazis-block_accent .bazis-block__footer {
  --padding-top: var(--bazis-padding-3x);
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-3x);
  display: flex;
  gap: var(--bazis-margin-8x);
  align-items: flex-start;
  justify-content: space-between;
}
.bazis-details .bazis-block_accent {
  --padding-top: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-2x);
  --border-radius: 16px;
}
.bazis-list_control-dd-wrapper .bazis-block {
  --padding-top: var(--bazis-padding-1x);
  --padding-start: var(--bazis-padding-1x);
  --padding-end: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
  --border-radius: 12px;
  --box-shadow: 0px 6px 48px 0px rgba(0, 17, 52, 0.14);
}

.tms-block_table {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: 100%;
}
.bazis-list-page__body .tms-block_table {
  height: calc(100% - 80px - var(--bazis-margin-6x));
}
.tms-block_table .bazis-block__header {
  --padding-top: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-4x);
}
.tms-block_table .bazis-block__header h3 {
  --bazis-font-size-h3: 20px;
  font-weight: 700;
}
.tms-block_table .bazis-block__content {
  height: 100%;
  overflow: hidden;
}
.tms-block_table .bazis-block__footer {
  --padding-top: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-4x);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(64px + var(--bazis-margin-6x) * 2);
}
.tms-block_info-action {
  --padding-top: var(--bazis-padding-1x);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-1x);
  --background: rgba(var(--bazis-text-color-rgb), 0.5);
  --border-radius: var(--bazis-border-radius);
  position: sticky;
  z-index: 161;
  bottom: 40px;
  left: 50%;
  width: fit-content;
  transform: translateX(-50%);
  display: flex;
  gap: var(--bazis-margin-3x);
  align-items: center;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  color: var(--bazis-text-color-contrast);
}
.tms-block_info-action > span {
  margin-right: var(--bazis-margin-1x);
}
.tms-block_info-action bazis-icon {
  color: var(--bazis-text-color-contrast);
}
.tms-block_account {
  min-height: 607px;
  height: calc(100vh - var(--tms-header-height) - var(--bazis-padding-4x) - var(--bazis-padding-6x) - 80px - var(--bazis-margin-4x) - var(--bazis-margin-6x));
}

.bazis-btn-group {
  --border-radius: 16px;
  background: var(--bazis-background-light);
  padding: 6px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
  gap: 6px;
  width: fit-content;
}
.bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid {
  --border-radius: 12px;
  --background: var(--bazis-background-light);
  --color: var(--bazis-text-color-secondary);
  --background-activated: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  --color-activated: var(--bazis-color-action);
  --color-hover: var(--bazis-text-color);
  --background-focused: var(--background-hover);
  --color-focused: var(--color-hover);
}
.bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid::part(native) {
  border-radius: var(--border-radius);
}
.bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid:hover::part(native), .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid:focus-visible::part(native) {
  background: var(--background-hover);
  color: var(--color-hover);
}
.bazis-btn-group--disabled .bazis-btn-group__item > bazis-button.bazis-btn_solid.bazis-btn--active::part(native), .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid.bazis-btn--disabled.bazis-btn--active::part(native) {
  background: var(--background-activated);
  color: var(--color-disabled);
}
.bazis-card.tms-card_tutorial {
  --background: transparent;
  --background-hover: var(--tms-background-dark-hover);
  --border-radius: 16px;
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --width: 228px;
  --color: var(--bazis-text-color);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 156px;
  text-align: left;
  cursor: pointer;
}
.bazis-card.tms-card_tutorial p {
  --bazis-p-margin: 2px 0 0;
  color: var(--bazis-text-color-secondary);
}
.bazis-card.tms-card_tutorial bazis-icon {
  --bazis-icon-l-size: 48px;
}
.bazis-card.tms-card_tutorial:hover bazis-icon.bh-visible-hover {
  display: inline-block;
}
.bazis-card.tms-card_tutorial:hover bazis-icon.bh-hide-hover {
  display: none;
}

.bazis-cckeditor {
  --cckeditor-margin-minor: 0 0 var(--bazis-margin-1x);
  --cckeditor-margin-major: 0 0 var(--bazis-margin-6x);
  color: var(--bazis-text-color-secondary);
}
.bazis-cckeditor h1, .bazis-cckeditor h2, .bazis-cckeditor h3, .bazis-cckeditor h4, .bazis-cckeditor h5, .bazis-cckeditor h6 {
  margin: var(--cckeditor-margin-minor);
  color: var(--bazis-text-color);
}
.bazis-cckeditor strong {
  font-weight: 600;
}

.bazis-map-wrapper .bazis-corner {
  --bazis-corner-right: var(--bazis-margin-6x);
  --bazis-corner-left: var(--bazis-margin-6x);
  --bazis-corner-bottom: var(--bazis-margin-6x);
}
app-monitoring-orders .bazis-map-wrapper .bazis-corner {
  --bazis-corner-right: var(--bazis-margin-4x);
  --bazis-corner-bottom: var(--bazis-margin-4x);
}

details.bazis-details {
  margin-bottom: var(--bazis-margin-8x);
}
details.bazis-details summary {
  --font-size: 10px;
  --line-height: 12px;
  --color: var(--bazis-icon-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--bazis-margin-2x);
  letter-spacing: 0.6px;
  text-transform: uppercase;
  cursor: pointer;
}
details.bazis-details summary hr {
  --border-color: var(--bazis-border-color-light);
  margin: 0;
  width: 100%;
}
details.bazis-details summary bazis-icon[name=chevron-up] {
  display: none;
}
details.bazis-details[open] summary {
  margin-bottom: var(--bazis-margin-4x);
}
details.bazis-details[open] summary bazis-icon[name=chevron-up] {
  display: flex;
}
details.bazis-details[open] summary bazis-icon[name=chevron-down] {
  display: none;
}

.bazis-dialog {
  --border-radius: 24px;
  --background: var(--bazis-background-light);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --box-shadow: 0px 6px 48px 0px rgba(0, 17, 52, 0.14);
  --width: 643px;
}
.bazis-dialog:focus-visible {
  outline: none;
}
.bazis-dialog__header {
  --padding-start: var(--bazis-padding-8x);
  --padding-end: var(--bazis-padding-8x);
  --padding-top: var(--bazis-padding-8x);
  --padding-bottom: var(--bazis-padding-6x);
}
.bazis-dialog__header h2 {
  --bazis-h2-margin: var(--bazis-margin-1x) 0;
}
.tms-grid_dialog .bazis-dialog__header:not(.tms-grid_dialog .bazis-dialog .bazis-dialog__header) {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
}
.bazis-dialog_right .bazis-dialog__header {
  --padding-bottom: var(--bazis-padding-8x);
}
.tms-dialog_edit .bazis-dialog__header {
  --padding-bottom: var(--bazis-padding-4x);
}
.bazis-dialog__content {
  --padding-start: var(--bazis-padding-8x);
  --padding-end: calc(var(--bazis-padding-8x) - var(--tms-scroll-margin-side));
  --padding-bottom: var(--bazis-padding-6x);
  height: 100%;
  overflow-x: auto;
  scrollbar-gutter: stable;
  margin-right: var(--tms-scroll-margin-side);
}
.tms-grid_dialog .bazis-dialog__content:not(.tms-grid_dialog .bazis-dialog .bazis-dialog__content) {
  --padding-end: var(--bazis-padding-4x);
  --padding-start: 0;
  --padding-bottom: 0;
}
app-import-list .bazis-dialog__content {
  --padding-start: 0;
  --padding-end: 0;
  --padding-bottom: 0;
  overflow-x: hidden;
  scrollbar-gutter: auto;
}
.bazis-dialog__footer {
  --padding-start: var(--bazis-padding-8x);
  --padding-end: var(--bazis-padding-8x);
  --padding-top: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-8x);
}
.bazis-dialog_right {
  --position-top: 0;
  --position-bottom: 0;
  --position-end: 0;
  --border-radius: 0;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  transform: translateX(100%);
  transition: transform 0.5s, overlay 0.5s allow-discrete, display 0.5s allow-discrete;
  will-change: transform;
}
.bazis-dialog_right::backdrop {
  opacity: 0;
  background: rgba(0, 14, 44, 0.1);
  transition: opacity 0.5s;
}
.bazis-dialog_right .bazis-dialog__header bazis-toolbar::part(start) {
  width: calc(100% - 48px);
}
.bazis-dialog_right .bazis-dialog__header bazis-toolbar::part(start) [slot=start],
.bazis-dialog_right .bazis-dialog__header bazis-toolbar::part(start) [slot=start] > div {
  width: 100%;
}
.bazis-dialog_max {
  --width: 1280px;
}
.bazis-dialog_large {
  --width: 1000px;
}
.bazis-dialog_large-2 {
  --width: 1034px;
}
.bazis-dialog_no-modal {
  position: fixed;
  z-index: 1001;
}
.bazis-dialog .tms-dialog__right-content {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 88px);
  max-height: calc(100vh - 88px);
  position: absolute;
  right: 0;
}

[open].bazis-dialog_right {
  display: flex;
  transform: translateX(0);
}
[open].bazis-dialog_right::backdrop {
  opacity: 1;
}

/* Должно быть после предыдущего правила [popover]:popover-open
чтобы оно вступило в силу, поскольку специфика та же. */
@starting-style {
  [open].bazis-dialog_right {
    transform: translateX(100%);
  }
  [open].bazis-dialog_right::backdrop {
    opacity: 0;
  }
}
dl.bazis-dl_inline dt:last-of-type, dl.bazis-dl_dot-leaders dt:last-of-type, dl.bazis-dl_dot-leaders_nowrap dt:last-of-type,
dl.bazis-dl_inline dd:last-of-type,
dl.bazis-dl_dot-leaders dd:last-of-type,
dl.bazis-dl_dot-leaders_nowrap dd:last-of-type {
  margin: 0;
}

.bazis-dropdown {
  --width: 264px;
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
  --background: var(--bazis-background-light);
  --border-radius: 12px;
  --box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
  --top: calc(100% + var(--bazis-margin-2x));
}
.bazis-dropdown hr {
  --margin-top: var(--bazis-margin-2x);
  --margin-bottom: var(--bazis-margin-2x);
}
.bazis-dropdown_top {
  --bottom: calc(calc(100% + var(--bazis-margin-2x)));
  --top: auto;
}
.bazis-dropdown_right {
  --right: 0;
  --left: auto;
}
.bazis-dropdown_action {
  --width: auto;
  --left: -7px;
  --right: -7px;
  width: fit-content;
}
.bazis-dropdown_action .bazis-dropdown__body {
  display: flex;
  flex-direction: column;
  gap: var(--bazis-margin-3x);
}
.bazis-dropdown_action .bazis-dropdown__trigger_link + .bazis-dropdown__body {
  --left: 0;
  --right: 0;
  --width: fit-content;
}
.bazis-dropdown.tms-dropdown_filter {
  --width: 348px;
  --left: calc(100% + var(--bazis-margin-2x));
  --right: auto;
  --top: 0;
  --border-radius: 20px;
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: 0;
  --box-shadow: 0px 6px 48px 0px rgba(0, 17, 52, 0.14);
  width: fit-content;
}
.bazis-dropdown.tms-dropdown_filter.bazis-dropdown_right {
  --right: 0;
  --left: auto;
  --top: calc(100% + var(--bazis-margin-2x));
}
.bazis-dropdown.tms-dropdown_filter hr {
  --margin-top: 6px;
  --margin-bottom: 6px;
}
.bazis-dropdown.tms-dropdown_filter bazis-button.bazis-dropdown__trigger {
  --color: var(--bazis-text-color-secondary);
}
.bazis-dropdown.tms-dropdown_filter bazis-button.bazis-dropdown__trigger.bazis-btn--active {
  --background-hover: var(--background-activated);
  --color-link-hover: var(--color-activated);
}
.bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body {
  --padding-top: 0;
}
.bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body bazis-toolbar {
  --background: var(--bazis-background-light);
  --padding-top: var(--bazis-padding-4x);
  z-index: 1;
  font-weight: 600;
}
.bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body bazis-toolbar [slot=start] {
  align-items: center;
  gap: var(--bazis-margin-2x);
}
app-objects .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body, app-planning-system-orders .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body, app-planning-orders .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body, app-order-list .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body {
  padding-right: 0;
  padding-bottom: 0;
  overflow: hidden;
}
app-objects .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body > div, app-planning-system-orders .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body > div, app-planning-orders .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body > div, app-order-list .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body > div {
  overflow-y: auto;
  scrollbar-gutter: stable;
  margin-right: var(--tms-scroll-margin-side);
  padding-right: calc(var(--padding-end) - var(--tms-scroll-margin-side));
}
app-objects .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body > div {
  max-height: calc(100vh - var(--tms-header-height) - 104px - 88px - 16px);
}
app-planning-system-orders .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body > div, app-planning-orders .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body > div {
  max-height: calc(100vh - var(--tms-header-height) - 104px - 209px - 16px);
}
app-order-list .bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body > div {
  max-height: calc(100vh - var(--tms-header-height) - 104px - 32px - 16px);
}
.bazis-dropdown.tms-dropdown_filter .bazis-dropdown__body filter {
  padding-bottom: var(--bazis-padding-2x);
}
.bazis-dropdown.tms-header__profile {
  --width: 256px;
  --right: 0;
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --padding-start: 0;
  --padding-end: 0;
}
.bazis-dropdown.tms-header__profile hr {
  margin-left: calc(var(--bazis-margin-2x) * -1);
  margin-right: calc(var(--bazis-margin-2x) * -1);
}
.bazis-dropdown.tms-header__profile .bazis-dropdown__body {
  z-index: 1001;
}
.bazis-map__base-control_top .bazis-dropdown {
  --width: 258px;
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
  --padding-start: var(--bazis-padding-1x);
  --padding-end: var(--bazis-padding-1x);
}
.bazis-map__base-control_top .bazis-dropdown hr {
  --margin-top: var(--bazis-margin-2x);
  --margin-bottom: var(--bazis-margin-2x);
  --border-color: var(--bazis-background-light);
}
.tms-display-panels-control .bazis-dropdown {
  --width: 283px;
}
.bazis-dropdown.bazis-control {
  --border-width: 0;
  --width: fit-content;
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: 10px;
  --padding-bottom: 10px;
  --box-shadow: 0px 6px 48px 0px rgba(0, 17, 52, 0.14);
}
.bazis-dropdown.bazis-control .bazis-control {
  --margin-bottom: 0;
}
.bazis-dropdown.tms-dropdown_import {
  --top: calc(100% + var(--bazis-margin-4x));
  --width: 480px;
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --border-radius: 24px;
  --box-shadow: 0 6px 48px 0 rgba(0, 17, 52, 0.14);
}
.bazis-dropdown.tms-dropdown_telemetry {
  --width: 100%;
  --top: 46px;
  --padding-start: var(--bazis-padding-1x);
  --padding-end: var(--bazis-padding-1x);
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
}
.bazis-dropdown.tms-dropdown_lang {
  --top: calc(100% + var(--bazis-margin-3x));
  --box-shadow: 0 6px 48px 0 rgba(0, 17, 52, 0.14);
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
}
.bazis-dropdown.tms-dropdown_lang .bazis-dropdown__trigger {
  --height: 46px;
  width: var(--height);
}
.bazis-dropdown.tms-dropdown_lang .bazis-dropdown__body bazis-icon {
  margin-right: 6px;
}

.bazis-figure {
  margin: 0;
}
.bazis-dialog__content .bazis-block_accent .bazis-figure {
  --height: 168px;
  --border-radius: 12px 12px 0 0;
}
.bazis-dialog__content .bazis-block_accent .bazis-figure bazis-icon {
  --bazis-icon-l-size: 48px;
  color: var(--tms-background-dark-active);
}

.bazis-infinite-scroll-content {
  --max-height-infinite-scroll-content: 275px;
}

.bazis-list {
  --list-style: none;
  --margin-bottom: var(--bazis-margin-2x);
}
.bazis-list > .bazis-item:last-child {
  --margin-bottom: 0;
}
.bazis-list_h {
  --margin-bottom: 0;
  gap: var(--bazis-margin-1x);
}
.bazis-list_h > bazis-icon {
  color: var(--bazis-icon-color);
}
.tms-tooltip_cargo .bazis-list_h {
  --border-radius-list: 6px;
  --background-list: var(--bazis-background-dark);
  --padding-top-list: var(--bazis-padding-1x);
  --padding-bottom-list: var(--bazis-padding-1x);
  --padding-start-list: 6px;
  --padding-end-list: 6px;
  --margin-top-list: 0 !important;
  --color: var(--bazis-text-color-secondary);
}
.tms-grid_plates .bazis-list_h {
  --margin-top-list: 6px;
}
.bazis-list_select, .bazis-list_control-dd {
  --margin-bottom: 0;
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --padding-top: 6px;
  --padding-bottom: 6px;
  --border-radius: var(--bazis-border-radius);
  --background-hover: var(--bazis-background-dark);
  --color: var(--bazis-text-color-secondary);
  --color-selected: var(--bazis-text-color);
  --color-disabled: var(--bazis-text-color-disabled);
  --background-list: var(--bazis-background-light);
}
.bazis-list_select .bazis-item--selected, .bazis-list_control-dd .bazis-item--selected {
  --padding-end: 30px;
  position: relative;
}
.bazis-list_select .bazis-item--selected::after, .bazis-list_control-dd .bazis-item--selected::after {
  position: absolute;
  right: var(--padding-start);
  top: var(--padding-start);
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M13.8047 3.52729C14.0651 3.78764 14.0651 4.20975 13.8047 4.4701L6.4714 11.8034C6.21106 12.0638 5.78894 12.0638 5.5286 11.8034L2.19526 8.4701C1.93491 8.20975 1.93491 7.78764 2.19526 7.52729C2.45561 7.26694 2.87772 7.26694 3.13807 7.52729L6 10.3892L12.8619 3.52729C13.1223 3.26694 13.5444 3.26694 13.8047 3.52729Z" fill="%231E1F25"/></svg>');
}
.tms-tooltip_select-vehicle .bazis-list_select .bazis-item--selected::after, .tms-tooltip_select-vehicle .bazis-list_control-dd .bazis-item--selected::after {
  display: none;
}
.bazis-list_select .bazis-item--disabled, .bazis-list_control-dd .bazis-item--disabled {
  color: var(--color-disabled);
  pointer-events: none;
}
.tms-dropdown_telemetry .bazis-list_select .bazis-item, .tms-dropdown_telemetry .bazis-list_control-dd .bazis-item {
  --border-radius: var(--bazis-border-radius);
}
.bazis-list_control-dd {
  --border-radius-list: 12px;
  --padding-top-list: var(--bazis-padding-1x);
  --padding-bottom-list: var(--bazis-padding-1x);
  --padding-start-list: var(--bazis-padding-1x);
  --padding-end-list: var(--bazis-padding-1x);
  --margin-top-list: 3px;
  --box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
  --max-height: calc(
      var(--max-height-infinite-scroll-content, 275px) + var(--padding-top-list, 0px) +
          var(--padding-bottom-list, 0px) + var(--border-width-list-top, 0px) +
          var(--border-width-list-bottom, 0px)
  );
}
.bazis-control .bazis-list_control-dd-wrapper {
  --padding-bottom: 0;
}
.bazis-list_control-dd-wrapper .bazis-block .bazis-list_control-dd {
  --padding-top-list: 0;
  --padding-bottom-list: 0;
  --padding-start-list: 0;
  --padding-end-list: 0;
  --margin-top-list: 0;
  --box-shadow: none;
  --border-radius-list: 0;
}
.tms-dropdown_filter .bazis-list_control-dd {
  --border-radius-list: 0;
  --padding-top-list: 0;
  --padding-bottom-list: 0;
  --padding-start-list: 0;
  --padding-end-list: 0;
  --margin-top-list: 0;
  --box-shadow: none;
  display: block;
}
.tms-dropdown_filter .bazis-list_control-dd .bazis-item.bazis-checkbox {
  --padding-start: 0;
}
.tms-dropdown_filter .bazis-control_autocomplete .bazis-list_control-dd {
  --padding-top-list: calc(var(--bazis-padding-3x) / 2);
}
.tms-select_with-icon .bazis-list_control-dd {
  --padding-start-list: var(--bazis-padding-2x);
  --padding-end-list: var(--bazis-padding-2x);
}
.bazis-list_control-dd .bazis-item {
  --border-radius: var(--bazis-border-radius);
}
.bazis-list_control-dd .bazis-item bazis-icon {
  --size: var(--bazis-margin-2x);
}
.bazis-list_control-dd .bazis-item:active {
  background: var(--tms-background-dark-hover);
}
.bazis-list_control-dd .bazis-item_group {
  --height: 30px;
  --line-height: 16px;
  --padding-start: 0;
}
.bazis-modal.signing .bazis-list_control-dd .bazis-item--selected::after {
  display: none;
}
.bazis-modal.signing .bazis-list_control-dd .bazis-item--selected .bazis-text_secondary {
  color: var(--bazis-text-color);
}
.bazis-modal.signing .bazis-list_control-dd .bazis-item--selected .tms-text_tertiary {
  color: var(--bazis-text-color-secondary);
}
.bazis-modal.signing .bazis-list_control-dd .bazis-item--disabled {
  opacity: 0.5;
}
.tms-tooltip_select-vehicle .bazis-list_control-dd {
  position: static;
  --margin-start-list: 0;
  --margin-end-list: 0;
  --margin-top-list: var(--bazis-margin-5x);
  --margin-bottom-list: 0;
  --padding-start-list: 0;
  --padding-end-list: 0;
  --padding-top-list: 0;
  --padding-bottom-list: 0;
  --box-shadow: none;
}
.bazis-list_between, .bazis-list_between_dot-leaders {
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
}
.bazis-list_between > .bazis-item, .bazis-list_between_dot-leaders > .bazis-item {
  --margin-bottom: 0;
}
.bazis-map__base-control_top .bazis-list {
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --padding-top: 6px;
  --padding-bottom: 6px;
  --margin-bottom: 0;
}
.tms-display-panels-control .bazis-list {
  --padding-top: 6px;
  --padding-bottom: 6px;
  --margin-bottom: 0;
}

.bazis-list.tms-list_filter {
  --padding-start: 0;
  --paddiing-end: 0;
}
.bazis-list.tms-list_filter > .bazis-item {
  align-items: center;
  cursor: pointer;
}
.bazis-list.tms-list_filter > .bazis-item bazis-icon {
  line-height: 20px;
  margin-left: var(--bazis-margin-2x);
  color: var(--bazis-icon-color);
}
.bazis-list.tms-list_plate {
  --border-radius: var(--bazis-border-radius);
  --border-color: var(--bazis-border-color-light);
  --border-style: solid;
  --border-width: 1px;
  --background-selected: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  --background: var(--bazis-background-light);
  --padding-top: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-2x);
}
.bazis-list.tms-list_plate > .bazis-item--selected, .bazis-list.tms-list_plate > .bazis-item--selected:hover {
  --border-color: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-strong));
  background: var(--background-selected);
}
.bazis-list.tms-list_plate_mini {
  --border-radius: var(--bazis-border-radius);
  --border-color: var(--bazis-border-color-light);
  --border-style: solid;
  --border-width: 1px;
  --background: var(--bazis-background-light);
  --background-hover: var(--bazis-background-dark);
  --background-selected: rgba(
      var(--bazis-color-action-rgb),
      var(--tms-color-alpha-light)
  );
  --padding-top: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
}
.bazis-list.tms-list_plate_mini:hover {
  --border-color: var(--bazis-border-color-medium);
}
.bazis-list.tms-list_zebra {
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --border-radius: 0;
}
.bazis-list.tms-list_zebra > .bazis-item:nth-child(even) {
  --background: var(--bazis-background-dark);
  --background-hover: var(--bazis-background-dark);
}
.bazis-list.tms-list_plate-details {
  --padding-top-list: 0;
  --padding-bottom-list: var(--bazis-padding-4x);
  --padding-start-list: var(--bazis-padding-4x);
  --padding-end-list: var(--bazis-padding-2x);
  --margin-top: var(--bazis-margin-1x);
  --border-radius: var(--bazis-border-radius);
}
.bazis-list.tms-list_plate-details .bazis-list.tms-plate-details__content {
  --padding-bottom-list: 0;
  --padding-start-list: 0;
  --padding-end-list: 0;
  --border-color-list: var(--bazis-border-color-light);
  --border-style-list: solid;
  --border-width-list: 0 1px 1px;
  --border-radius-list: 0 0 var(--bazis-border-radius) var(--bazis-border-radius);
  --margin-bottom: 0;
  --border-width: 1px 0 0;
  --border-color: var(--bazis-border-color-light);
  --border-style: solid;
  --border-radius: 0;
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --background: var(--bazis-background-light);
  --background-selected: rgba(
      var(--bazis-color-action-rgb),
      var(--tms-color-alpha-light)
  );
}
.bazis-list.tms-list_plate-details .bazis-list.tms-plate-details__content > .bazis-item:first-child {
  --border-width: 0;
}
.bazis-list.tms-list_plate-details .bazis-list.tms-plate-details__content > .bazis-item:last-child {
  --border-radius: 0 0 var(--bazis-border-radius) var(--bazis-border-radius);
}
.bazis-list.tms-list_plate-details .bazis-list.tms-plate-details__content .bazis-list_h {
  --margin-top-list: var(--bazis-margin-2x);
}
.bazis-list.tms-list_plate-details .bazis-list.tms-plate-details__content_hoverable {
  --background-hover: var(--tms-background-dark-hover);
}
.bazis-list.tms-list_comments {
  --border-width: 0 0 1px;
  --border-style: dashed;
  --border-color: var(--bazis-border-color);
}
.bazis-list.tms-list_comments .bazis-item {
  gap: var(--bazis-margin-4x);
}
.bazis-list.tms-list_comments .bazis-item .bh-line-elements {
  --gap: 6px;
}
.bazis-list.tms-list_comments .bazis-item .bh-line-elements bazis-icon {
  margin-top: 2px;
  flex-shrink: 0;
}
.bazis-list.tms-list_comments .bazis-item:last-child {
  border: none;
}
.bazis-browse-default .bazis-list.tms-list_comments {
  --color: var(--bazis-text-color);
}
.bazis-list.tms-list_cards {
  --border-radius: 16px;
  --background-hover: var(--tms-background-dark-hover);
  --background: var(--bazis-background-light);
  --padding-top: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --margin-top: 0;
  --margin-bottom: var(--bazis-margin-4x);
}
.bazis-loader, .bazis-loader_inline, .bazis-loader_inner {
  --background: var(--bazis-background-light);
  --background-dark: var(--bazis-color-black);
  --border-radius: 16px;
  --min-width: 296px;
  --width: fit-content;
  --max-width: 416px;
  --height: 150px;
  --font-size: 14px;
  --color: var(--bazis-text-color-secondary);
  --color-dark: var(--bazis-text-color-contrast);
  --spinner-size: 50px;
  --spinner-background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  --spinner-color: var(--bazis-color-action);
}
.bazis-loader__content {
  padding: var(--bazis-padding-4x) var(--bazis-padding-8x);
  box-shadow: 0px 6px 48px 0px rgba(0, 17, 52, 0.14);
}
.bazis-loader_dots {
  --dot-size: 2px;
  --dots-margin: var(--bazis-margin-1x);
  --color-rgb: var(--bazis-text-color-secondary-rgb);
}
bazis-button.bazis-btn--disabled .bazis-loader_dots {
  --color: var(--color-disabled);
  --color-rgb: var(--bazis-color-white-rgb);
}
.bazis-loader__dots {
  --dot-size: 12px;
  --dots-margin: var(--bazis-margin-2x);
  --color: var(--bazis-color-action);
  --color-rgb: var(--bazis-color-action-rgb);
  margin-bottom: var(--bazis-margin-6x);
}
.bazis-loader__dots .bazis-loader__dot {
  background-color: rgba(var(--color-rgb), var(--tms-color-alpha-light));
}
.bazis-loader_transparent .bazis-loader__content {
  box-shadow: none;
}
.bazis-control .bazis-loader, .bazis-control .bazis-loader_inline, .bazis-control .bazis-loader_inner {
  --min-width: 20px;
  --width: 20px;
  --max-width: 20px;
  --height: 20px;
  --spinner-size: 20px;
  --spinner-background: transparent;
  --spinner-color: var(--bazis-color-primary);
  position: static;
  margin: 0;
  padding: 0;
}
.bazis-control .bazis-loader__content {
  padding: 0;
}
.bazis-control .bazis-loader__spinner {
  margin: 0;
}
.bazis-loader .tms-global-loader--loading, .bazis-loader_inline .tms-global-loader--loading, .bazis-loader_inner .tms-global-loader--loading,
.bazis-loader .tms-global-loader--loaded,
.bazis-loader_inline .tms-global-loader--loaded,
.bazis-loader_inner .tms-global-loader--loaded {
  --bazis-p-margin: var(--bazis-margin-2x) 0 0;
  display: flex;
  gap: var(--bazis-margin-2x);
  text-align: left;
}
.bazis-loader .tms-global-loader--loading svg, .bazis-loader_inline .tms-global-loader--loading svg, .bazis-loader_inner .tms-global-loader--loading svg,
.bazis-loader .tms-global-loader--loaded svg,
.bazis-loader_inline .tms-global-loader--loaded svg,
.bazis-loader_inner .tms-global-loader--loaded svg {
  margin-top: 3px;
}
.bazis-loader .tms-global-loader--loaded, .bazis-loader_inline .tms-global-loader--loaded, .bazis-loader_inner .tms-global-loader--loaded {
  color: var(--bazis-color-action);
}

.bazis-menu, .bazis-menu_rounded {
  --padding-start-list: var(--bazis-padding-1x);
  --padding-end-list: var(--bazis-padding-1x);
  --margin-bottom: var(--bazis-margin-1x);
  --padding-top: 6px;
  --padding-bottom: 6px;
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --border-radius: var(--bazis-border-radius);
  --background-hover: var(--bazis-background-dark);
  --background-selected: var(--tms-background-dark-hover);
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
  --color-selected: var(--bazis-text-color);
  --list-style: none;
  --font-size: 14px;
  --line-height: 20px;
}
.bazis-menu .bazis-item, .bazis-menu_rounded .bazis-item {
  display: flex;
  gap: 6px;
  align-items: center;
}
.bazis-menu .bazis-item > .bh-flex, .bazis-menu_rounded .bazis-item > .bh-flex, .bazis-menu .bazis-item > .bh-flex-column, .bazis-menu_rounded .bazis-item > .bh-flex-column, .bazis-menu .bazis-item > .bh-flex-row-reverse, .bazis-menu_rounded .bazis-item > .bh-flex-row-reverse, .bazis-menu .bazis-item > .bh-flex-column-reverse, .bazis-menu_rounded .bazis-item > .bh-flex-column-reverse {
  width: 100%;
}
.bazis-menu .bazis-item--selected, .bazis-menu_rounded .bazis-item--selected {
  --padding-end: 30px;
  position: relative;
  background: var(--background);
  color: var(--color-selected);
}
.bazis-menu .bazis-item--selected::after, .bazis-menu_rounded .bazis-item--selected::after {
  position: absolute;
  right: var(--padding-start);
  top: var(--padding-start);
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M13.8047 3.52729C14.0651 3.78764 14.0651 4.20975 13.8047 4.4701L6.4714 11.8034C6.21106 12.0638 5.78894 12.0638 5.5286 11.8034L2.19526 8.4701C1.93491 8.20975 1.93491 7.78764 2.19526 7.52729C2.45561 7.26694 2.87772 7.26694 3.13807 7.52729L6 10.3892L12.8619 3.52729C13.1223 3.26694 13.5444 3.26694 13.8047 3.52729Z" fill="%231E1F25"/></svg>');
}
.tms-header__profile .bazis-menu .bazis-item--selected::after, .tms-header__profile .bazis-menu_rounded .bazis-item--selected::after, .tms-layout-aside-left__section .bazis-menu .bazis-item--selected::after, .tms-layout-aside-left__section .bazis-menu_rounded .bazis-item--selected::after {
  display: none;
}
.bazis-menu a.bazis-item, .bazis-menu_rounded a.bazis-item {
  color: var(--color);
}
.bazis-menu a.bazis-item--selected, .bazis-menu_rounded a.bazis-item--selected {
  color: var(--color-selected);
}
.bazis-menu bazis-icon, .bazis-menu_rounded bazis-icon {
  flex-shrink: 0;
}
.bazis-menu bazis-button, .bazis-menu_rounded bazis-button {
  --height: 32px;
  --background-hover: var(--bazis-background-dark);
  --background-activated: var(--background-selected);
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
  --color-activated: var(--bazis-text-color);
  --border-radius: var(--bazis-border-radius);
}
.bazis-menu bazis-button::part(inner), .bazis-menu_rounded bazis-button::part(inner) {
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --padding-top: 6px;
  --padding-bottom: 6px;
}
.bazis-menu bazis-button bazis-icon[slot=start], .bazis-menu_rounded bazis-button bazis-icon[slot=start] {
  margin-right: 6px;
}
.bazis-menu bazis-button.bazis-btn_solid.bazis-color.bazis-color-danger::part(native), .bazis-menu_rounded bazis-button.bazis-btn_solid.bazis-color.bazis-color-danger::part(native) {
  --background: var(--bazis-background-light);
  --background-hover: rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-light));
  --background-activated: rgba(
      var(--bazis-color-danger-rgb),
      var(--tms-color-alpha-medium)
  );
  --color: var(--tms-danger-text-color);
  --color-hover: var(--tms-danger-text-color);
  --color-activated: var(--tms-danger-text-color);
}
.tms-header__profile .bazis-menu, .tms-header__profile .bazis-menu_rounded {
  --padding-start-list: var(--bazis-padding-2x);
  --padding-end-list: var(--bazis-padding-2x);
}
.tms-layout-aside-left__section .bazis-menu, .tms-layout-aside-left__section .bazis-menu_rounded {
  --padding-start-list: 0;
  --padding-end-list: 0;
  --margin-bottom: var(--bazis-margin-4x);
}
.tms-layout-aside-left__section .bazis-menu .bazis-item, .tms-layout-aside-left__section .bazis-menu_rounded .bazis-item {
  cursor: pointer;
}
.tms-layout-aside-left__section .bazis-menu .bazis-item:hover, .tms-layout-aside-left__section .bazis-menu_rounded .bazis-item:hover, .tms-layout-aside-left__section .bazis-menu .bazis-item--selected, .tms-layout-aside-left__section .bazis-menu_rounded .bazis-item--selected {
  background: transparent;
}

.bazis-paginator {
  --control-width: 64px;
  justify-content: space-between;
}
.tms-modal_table .bazis-paginator {
  padding: var(--bazis-padding-2x) var(--bazis-padding-8x);
  margin-top: var(--bazis-margin-4x);
}
.bazis-paginator .bh-line-elements {
  --gap: 6px;
  align-items: center;
}
.bazis-paginator .tms-paginator__pages {
  display: flex;
  gap: 6px;
  align-items: center;
}
.bazis-paginator .tms-paginator__pages .bazis-btn_clear {
  --background-hover: var(--tms-background-dark-hover);
  --background-focused: var(--tms-background-dark-active);
  --background-activated: var(--bazis-background-light);
  --border-color-activated: var(--bazis-border-color-light);
}
.bazis-paginator .tms-paginator__pages .bazis-btn_clear.bazis-btn--active {
  --box-shadow: 0 1px 4px 0 rgba(0, 17, 52, 0.09);
  --border-width: 1px;
  --border-style: solid;
  --border-color-hover: var(--bazis-border-color-light);
}

.bazis-panel:not(.tms-panel_timeline) {
  --border-radius: 24px;
  --background: var(--bazis-background-light);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --box-shadow: 0px 6px 48px 0px rgba(0, 17, 52, 0.14);
  --width: 437px;
}
.bazis-panel__header {
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
}
.bazis-panel_left {
  --position-start: var(--bazis-margin-4x);
  --position-top: calc(var(--tms-header-height) + 1px + var(--bazis-padding-4x));
  --position-bottom: var(--bazis-margin-4x);
  height: calc(100vh - var(--position-top) - var(--position-bottom));
}
.bazis-panel_left:not([popover]) {
  position: fixed;
  top: var(--position-top);
  bottom: var(--position-bottom);
  left: var(--position-start);
}
.bazis-panel_left[popover] {
  opacity: 0;
  transform: translateX(calc((100% + var(--position-start)) * -1));
  transition: opacity 0.5s, transform 0.5s, overlay 0.5s allow-discrete, display 0.5s allow-discrete, height 0.5s;
}
.bazis-panel_left[popover] * {
  opacity: 0;
}
.bazis-panel_left[popover]:popover-open {
  opacity: 1;
  transform: translateX(0);
}
.bazis-panel_left[popover]:popover-open * {
  opacity: 1;
}
.bazis-panel_left.bazis-panel--minimized {
  --position-bottom: auto;
  height: auto;
}
.bazis-panel_right_top {
  --position-top: 112px;
  --position-end: var(--bazis-margin-4x);
  --width: auto;
  --min-width: 469px;
}
.bazis-panel_right_top:not([popover]) {
  position: absolute;
  top: var(--position-top);
  right: var(--position-end);
  left: auto;
  bottom: auto;
  z-index: 100;
}
.bazis-panel_right_top .bazis-panel__content {
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
}
.bazis-panel_right_bottom[popover] {
  --position-end: var(--bazis-margin-4x);
  --position-bottom: 172px;
  --width: 500px;
  height: 519px;
  max-height: calc(100vh - var(--position-bottom) - 112px);
  opacity: 0;
  transform: translateX(calc((100% + var(--position-end)) * 1));
  transition: opacity 0.5s, transform 0.5s, overlay 0.5s allow-discrete, display 0.5s allow-discrete, bottom 0.5s, height 0.5s;
}
.bazis-panel_right_bottom[popover]:popover-open {
  opacity: 1;
  transform: translateX(0);
}
.bazis-panel_right_bottom[popover].bazis-panel--minimized {
  height: 52px;
  overflow: hidden;
}
.bazis-panel_right_bottom[popover].tms-panel_pressed-bottom {
  --position-bottom: var(--bazis-padding-4x);
}
.bazis-panel_bottom {
  --position-bottom: 0;
  --position-start: 0;
  --position-end: 0;
  --width: 100%;
}
.bazis-panel_bottom[popover] {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.5s, transform 0.5s, overlay 0.5s allow-discrete, display 0.5s allow-discrete;
}
.bazis-panel_bottom[popover]:popover-open {
  opacity: 1;
  transform: translateY(0);
}
.bazis-panel_bottom:not([popover]) {
  position: fixed;
  bottom: var(--position-bottom);
  left: var(--position-start);
  right: var(--position-end);
}
.bazis-panel.bazis-panel--minimized .bazis-panel__content, .bazis-panel.bazis-panel--minimized.tms-panel_monitoring .bazis-panel__content {
  display: none;
}

/* Должно быть после предыдущего правила [popover]:popover-open
чтобы оно вступило в силу, поскольку специфика та же. */
@starting-style {
  .bazis-panel_left[popover]:popover-open {
    opacity: 0;
    transform: translateX(calc((100% + var(--position-start)) * -1));
  }
  .bazis-panel_right_bottom[popover]:popover-open {
    opacity: 0;
    transform: translateX(calc((100% + var(--position-end)) * 1));
  }
  .bazis-panel_bottom[popover]:popover-open {
    opacity: 0;
    transform: translateY(100%);
  }
}
.tms-panel_monitoring.bazis-panel_left {
  --height-panel: calc(100vh - var(--position-top) - var(--position-bottom));
  display: flex;
  flex-direction: column;
  overflow: visible;
  height: var(--height-panel);
}
.tms-panel_monitoring.bazis-panel_left .bazis-panel__header {
  flex-shrink: 0;
}
.tms-panel_monitoring.bazis-panel_left .bazis-panel__header h4 {
  max-width: 307px;
}
.tms-panel_monitoring.bazis-panel_left .bazis-panel__content {
  display: flex;
  flex-direction: column;
}
.tms-panel_monitoring.bazis-panel_left .bazis-panel__content--empty {
  flex: 1 1 calc(100% - 68px);
  justify-content: center;
}
.tms-panel_monitoring.bazis-panel_left .tms-list_plate-details {
  overflow: auto;
  scrollbar-gutter: stable;
  margin-right: 4px;
  padding-right: 4px;
}
app-view-planning .tms-panel_monitoring.bazis-panel_left .tms-list_plate-details {
  --height-segments: 52px;
  --height-tabs: 49px;
  --height-footer-button: 70px;
  height: calc(var(--height-panel) - 4px - 108px - var(--height-segments) - var(--height-tabs) - 70px - 4px - var(--height-footer-button));
}
.tms-panel_monitoring_reduced.bazis-panel_left {
  --position-bottom: 220px;
}

app-routes-left-panel.bazis-panel_left.tms-panel_monitoring .tms-list_plate-details,
app-orders-left-panel.bazis-panel_left.tms-panel_monitoring .tms-list_plate-details {
  height: calc(var(--height-panel) - 4px - 110px - 4px);
}
app-routes-left-panel.bazis-panel_left.tms-panel_monitoring .tms-list_plate-details bazis-empty,
app-orders-left-panel.bazis-panel_left.tms-panel_monitoring .tms-list_plate-details bazis-empty {
  height: 100%;
}

.bazis-panel_left.tms-panel_monitoring app-group-routes-details .tms-list_plate-details {
  --height-segments: 76px;
  height: calc(var(--height-panel) - 4px - 72px - 32px - var(--height-segments) - 42px - 70px - 8px);
}
.bazis-panel_left.tms-panel_monitoring app-group-routes-details .tms-list_plate-details_less-height {
  height: calc(var(--height-panel) - 4px - 72px - 32px - 152px - var(--height-segments) - 42px - 70px - 8px);
}

.tms-panel_timeline.bazis-panel {
  z-index: 1;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  overflow: visible;
  height: calc(100vh - var(--tms-header-height));
}
.tms-panel_timeline .bazis-panel__header {
  --padding-top: 0;
  --padding-bottom: var(--bazis-padding-3x);
  height: 52px;
  min-height: 52px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.tms-panel_timeline .bazis-panel__content {
  position: relative;
  min-height: 94px;
  height: calc(100% - 58px);
  background: var(--bazis-background-light);
  pointer-events: all;
}
.tms-panel_timeline .bazis-panel__content .bh-scroll {
  scrollbar-color: var(--bazis-text-color-disabled) var(--bazis-background-light);
}
.tms-panel_timeline .bazis-panel__footer {
  --border-width: 1px 0 0;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-7x);
  --padding-end: var(--bazis-padding-7x);
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--bazis-background-medium);
  height: 58px;
  pointer-events: all;
}
.tms-panel_timeline__wrapper {
  min-height: 152px;
  display: flex;
  flex-direction: column;
  overflow: visible !important;
}

@supports selector(::-webkit-scrollbar) {
  .tms-panel_timeline .bazis-panel__content .bh-scroll {
    scrollbar-color: unset;
  }
  .tms-panel_timeline .bazis-panel__content .bh-scroll::-webkit-scrollbar:horizontal {
    height: 9px;
  }
  .tms-panel_timeline .bazis-panel__content .bh-scroll::-webkit-scrollbar-track:horizontal {
    border-width: 4px 0 4px 0;
    border-style: solid;
    border-color: var(--bazis-background-light);
    background: var(--bazis-text-color-disabled);
  }
}
.bazis-stepper {
  --min-height: 60px;
  --min-width: 105px;
  --border-radius: 12px;
  --padding-start: calc(var(--bazis-padding-3x) / 2);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: calc(var(--bazis-padding-3x) / 2);
  --padding-bottom: calc(var(--bazis-padding-3x) / 2);
  --background: transparent;
  --background-hover: var(--bazis-background-light);
  --background-active: var(--bazis-background-light);
  --color: var(--bazis-text-color);
  --color-disabled: var(--bazis-icon-color);
  --font-size: 16px;
  --font-weight: 600;
  --line-height: 24px;
  gap: var(--bazis-margin-5x);
}
.bazis-stepper > bazis-icon {
  color: var(--bazis-icon-color);
}
.bazis-stepper .bazis-item {
  display: flex;
  -webkit-user-select: none;
          user-select: none;
}
.bazis-stepper .bazis-item .bh-flex-column {
  justify-content: space-between;
}
.bazis-stepper .bazis-item .bh-flex-column span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: -0.12px;
  color: var(--bazis-icon-color);
}
.bazis-stepper .bazis-item::before, .bazis-stepper .bazis-item::after {
  display: none;
}
.bazis-stepper .bazis-item:hover {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}
.bazis-stepper .bazis-item:hover:not(.bazis-item--active, .bazis-item--disabled) bazis-step {
  display: none;
}
.bazis-stepper .bazis-item:hover:not(.bazis-item--active, .bazis-item--disabled) bazis-step.bh-hide {
  display: block !important;
}
.bazis-stepper .bazis-item--active, .bazis-stepper .bazis-item--active:hover, .bazis-stepper .bazis-item:active, .bazis-stepper .bazis-item:active:hover {
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}
.bazis-stepper bazis-step {
  --sign-margin: var(--bazis-margin-3x);
  --sign-background: var(--bazis-color-success);
  --sign-background-active: var(--bazis-color-action);
  --sign-color: var(--bazis-text-color-contrast);
  --sign-color-muted: var(--bazis-icon-color);
  --sign-color-active: var(--sign-color);
  --sign-size: 48px;
  --sign-icon-size: 16px;
  --sign-border-radius: var(--bazis-border-radius);
}
.bazis-stepper bazis-step::part(sign) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bazis-stepper.tms-stepper_small {
  --min-height: 48px;
  --font-size: 14px;
  --line-height: 20px;
}
.bazis-stepper.tms-stepper_small .bazis-item .bh-flex-column span {
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0;
}
.bazis-stepper.tms-stepper_small bazis-step {
  --sign-size: 36px;
  --sign-icon-size: 12px;
}
.tms-entrance-page .bazis-stepper {
  --min-height: 82px;
  --min-width: 75px;
  --padding-end: calc(var(--bazis-padding-3x) / 2);
  gap: var(--bazis-margin-4x);
}
.tms-entrance-page .bazis-stepper bazis-step {
  --sign-margin: 0;
  --sign-size: 70px;
}
.tms-entrance-page .bazis-stepper bazis-step::part(sign) {
  flex-direction: column;
  gap: 6px;
  width: fit-content;
  padding: var(--bazis-padding-4x);
}

.bazis-tag {
  --height: 28px;
  --height-s: 24px;
  --height-l: 32px;
  --background: var(--bazis-background-dark);
  --border-radius: 6px;
  --padding-top: 6px;
  --padding-bottom: 6px;
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --color: var(--bazis-text-color-secondary);
  gap: 6px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.12px;
  width: fit-content;
}
.bazis-tag bazis-icon {
  color: var(--bazis-icon-color);
}
.bazis-tag button {
  padding: 0;
}
.bazis-tag.bazis-color {
  --background: rgba(var(--bazis-color-base-rgb), var(--tms-color-alpha-light));
}
.bazis-tag.bazis-color:not(.bazis-color-danger, .bazis-color-success, .bazis-color-warning) {
  --color: var(--bazis-color-tint);
}
.bazis-tag.bazis-color.bazis-color-danger {
  --color: var(--tms-danger-text-color);
}
.bazis-tag.bazis-color.bazis-color-success {
  --color: var(--tms-success-text-color);
}
.bazis-tag.bazis-color.bazis-color-warning {
  --color: var(--tms-warning-text-color);
}
.bazis-tag.bh-block {
  width: 100%;
  justify-content: center;
}
.bazis-tag.bh-no-margin {
  margin-bottom: 0;
}
.bazis-tag_small {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.bazis-tag_large {
  --border-radius: 12px;
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  font-weight: 600;
  letter-spacing: 0;
}
.bazis-tag_xs {
  --height: 20px;
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
  --padding-start: 6px;
  --padding-end: 6px;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
}
.tms-plate-details__summary .bazis-tag, .tms-panel_monitoring .bazis-panel__header .bazis-tag {
  margin-bottom: 0;
}
.bazis-control .bazis-tag {
  --border-radius: 30px;
  --padding-top: 4px;
  --padding-bottom: 5px;
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  gap: var(--bazis-padding-1x);
  margin-bottom: 0;
  max-width: 100%;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: normal;
}
.bazis-control .bazis-tag > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bazis-control .bazis-tag bazis-icon {
  --bazis-icon-xxs-size: 16px;
}
.bazis-control .bazis-tags-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bazis-margin-1x);
}

.bazis-alert {
  --top: 0;
  --bottom: 0;
  --left: 0;
  --right: 0;
  --max-width: 100%;
  --width: 612px;
  --border-width: 1px;
  --border-color: var(--bazis-border-color);
  --border-style: solid;
  --padding-start: var(--bazis-padding-8x);
  --padding-end: var(--bazis-padding-8x);
  --padding-top: var(--bazis-padding-8x);
  --padding-bottom: var(--bazis-padding-8x);
  --background: var(--bazis-background-light);
  --border-radius: 24px;
  --box-shadow: 0px 6px 48px 0px rgba(0, 17, 52, 0.14);
  --max-height: calc(100vh - var(--bazis-padding-3x) * 3);
}
.bazis-alert__wrapper {
  display: block;
}
bazis-transit-modal .bazis-alert__wrapper {
  position: relative;
}
.bazis-alert bazis-toolbar {
  margin: 0 0 var(--bazis-margin-4x);
}
.bazis-alert__icon {
  margin: 0;
  padding-right: 0;
}
.bazis-alert__content {
  overflow: visible;
}
.bazis-alert__title {
  margin-bottom: var(--bazis-margin-6x);
  font-size: 24px;
  font-weight: 700;
}
.bazis-alert__message {
  word-wrap: break-word;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.bazis-alert__message:not(.tms-alert_secondary .bazis-alert__message) {
  color: var(--bazis-text-color);
}
.bazis-alert__message p:not(.bazis-control__error p) {
  font-size: 16px;
  line-height: 24px;
}
.bazis-alert__message p:not(.bazis-control__error p) strong {
  font-weight: 700;
}
.bazis-alert__buttons::part(start), .bazis-alert__buttons::part(end) {
  display: flex;
  gap: var(--bazis-margin-4x);
}
.bazis-alert__buttons bazis-button {
  margin-top: 0;
}
.bazis-alert__buttons bazis-button + bazis-button {
  margin-left: 0;
}
bazis-transit-modal .bazis-alert__buttons {
  margin-top: var(--bazis-margin-6x);
  flex-direction: row-reverse;
  justify-content: flex-start;
  gap: var(--bazis-margin-4x);
}
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button {
  --border-width: 1px;
  --border-style: solid;
}
bazis-transit-modal .bazis-alert__buttons bazis-button + bazis-button::part(native) {
  --color: var(--bazis-text-color);
  --color-hover: var(--color);
  --color-focused: var(--color);
  --color-activated: var(--color);
}
.bazis-alert bazis-toolbar.bazis-alert__buttons {
  margin: var(--bazis-margin-6x) 0 0;
}
.bazis-alert__close {
  width: 48px;
  height: 48px;
  color: var(--bazis-text-color-secondary);
}
bazis-transit-modal .bazis-alert__close {
  position: absolute;
  right: 16px;
  top: 16px;
}
.bazis-alert_small {
  --max-width: 560px;
}
.bazis-alert_small .bazis-alert__mesage {
  color: var(--bazis-text-color);
}
#cadesplugin_ovr .bazis-alert {
  --width: 450px;
}
#cadesplugin_ovr .bazis-alert .bazis-alert__wrapper {
  position: relative;
}
#cadesplugin_ovr .bazis-alert .bazis-alert__wrapper .bazis-alert__close {
  position: absolute;
  right: 16px;
  top: 16px;
}
.bazis-alert + .bazis-backdrop {
  --background: rgba(0, 14, 44, 0.1);
}
.bazis-alert.tms-alert_secondary .bazis-alert__title {
  margin-bottom: var(--bazis-margin-1x);
}
.bazis-alert.tms-alert_button-column .bazis-alert__buttons {
  flex-direction: column;
  gap: var(--bazis-margin-2x);
}
.bazis-alert.tms-alert_button-column .bazis-alert__buttons::part(start), .bazis-alert.tms-alert_button-column .bazis-alert__buttons::part(end) {
  flex-direction: column;
  gap: var(--bazis-margin-2x);
  width: 100%;
}
.bazis-alert.tms-alert_button-column .bazis-alert__buttons bazis-button {
  display: block;
}
.bazis-alert.tms-alert_danger .bazis-alert__icon {
  color: var(--tms-danger-text-color);
}
.bazis-alert.tms-alert_success .bazis-alert__icon {
  color: var(--bazis-color-success);
}
app-b3gis-map .bazis-alert {
  --width: 420px;
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --border-radius: 16px;
  z-index: 0;
}
app-b3gis-map .bazis-alert .bazis-alert__icon + .bazis-alert__content {
  padding: 0 0 var(--bazis-padding-2x);
  border-left: none;
}
app-b3gis-map .bazis-alert__title {
  margin-bottom: var(--bazis-margin-4x);
}
app-b3gis-map .bazis-alert bazis-toolbar.bazis-alert__buttons {
  margin: var(--bazis-margin-4x) 0 0;
}

dialog.bazis-alert {
  border: 0;
  padding: 0;
  background: transparent;
  border-radius: var(--border-radius);
}
dialog.bazis-alert::backdrop {
  background: rgba(0, 14, 44, 0.1);
}

.bazis-cookie .bazis-block > .bh-flex, .bazis-cookie .bazis-block > .bh-flex-column, .bazis-cookie .bazis-block > .bh-flex-row-reverse, .bazis-cookie .bazis-block > .bh-flex-column-reverse {
  align-items: center;
}
.bazis-cookie .bazis-block a {
  font-weight: 600;
}

.bazis-coordinates {
  margin-bottom: 0;
  color: inherit;
}
.bazis-coordinates bazis-icon.bazis-color-action {
  --bazis-color-base: var(--bazis-icon-color) !important;
}

bazis-empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: auto;
}
app-setup-telemetry-page bazis-empty {
  height: calc(100% - 32px);
}
app-setup-telemetry-statistic-chart bazis-empty {
  height: calc(100% - 81px);
}

.bazis-empty {
  --font-size: 16px;
  --line-height: 24px;
  --color: var(--bazis-text-color-secondary);
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.bazis-empty img {
  margin-bottom: var(--bazis-margin-4x);
}
.bazis-empty h5 {
  --bazis-font-size-h5: 24px;
  --bazis-line-height-h5: 32px;
  --bazis-h5-margin: 0 0 var(--bazis-margin-1x);
  font-weight: 600;
  color: var(--color);
}
.tms-telemetry-statistic .bazis-empty h5 {
  --bazis-font-size-h5: 14px;
  --bazis-line-height-h5: 20px;
  font-weight: 500;
}
.bazis-empty bazis-button:not(.bazis-control__field-group bazis-button) {
  margin-top: var(--bazis-margin-6x);
}

.tms-empty_mascot {
  --font-size: 14px;
  --line-height: 20px;
  max-width: 700px;
}
.tms-empty_mascot img {
  margin-bottom: var(--bazis-margin-6x);
}
.tms-empty_mascot p {
  max-width: 536px;
  color: var(--bazis-icon-color);
}
app-critical-error .tms-empty_mascot p, app-access-denied .tms-empty_mascot p {
  --bazis-p-margin: var(--bazis-margin-1x) auto 0;
  max-width: 640px;
}
.tms-empty_mascot bazis-link {
  display: inline-block;
  margin-top: var(--bazis-margin-4x);
}
app-not-found .tms-empty_mascot {
  max-width: 960px;
}
app-not-found .tms-empty_mascot p {
  --bazis-p-margin: var(--bazis-margin-1x) auto 40px;
}

.bazis-file-inline {
  gap: var(--bazis-margin-2x);
  align-items: center;
}

.bazis-modal {
  --background: var(--bazis-background-light);
  --border-radius: 24px;
  --border-width: 1px;
  --border-color: var(--bazis-border-color);
  --border-style: solid;
  --box-shadow: 0px 6px 48px 0px rgba(0, 17, 52, 0.14);
  --width: 100%;
  --max-height: calc(100vh - 80px);
  --max-width: 801px;
  --top-close: var(--bazis-padding-8x);
  --right-close: var(--bazis-padding-8x);
  --padding-start-header: var(--bazis-padding-8x);
  --padding-end-header: var(--bazis-padding-8x);
  --padding-top-header: var(--bazis-padding-8x);
  --padding-bottom-header: var(--bazis-padding-6x);
  --padding-start-content: var(--bazis-padding-8x);
  --padding-end-content: var(--bazis-padding-8x);
  --padding-top-content: 0;
  --padding-bottom-content: 0;
  --padding-start-footer: var(--bazis-padding-8x);
  --padding-end-footer: var(--bazis-padding-8x);
  --padding-top-footer: var(--bazis-padding-6x);
  --padding-bottom-footer: var(--bazis-padding-8x);
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  z-index: 1100;
}
.bazis-modal-wrap {
  max-height: calc(100vh - 80px);
}
.bazis-modal__close + * .bazis-modal__header h2, .bazis-modal__close + * .bazis-modal__header_shadow h2 {
  --bazis-h2-margin: var(--bazis-margin-1x) 0 0;
  padding-right: 64px;
}
.bazis-modal__header h1, .bazis-modal__header_shadow h1 {
  --bazis-h1-margin: 0;
  --bazis-font-size-h1: 24px;
  --bazis-line-height-h1: 32px;
}
.bazis-modal__header h2, .bazis-modal__header_shadow h2 {
  --bazis-h2-margin: 0;
}
.bazis-modal__header h3, .bazis-modal__header_shadow h3 {
  --bazis-h3-margin: 0;
}
.bazis-modal__header p, .bazis-modal__header_shadow p {
  --bazis-font-size-p: 16px;
  --bazis-line-height-p: 24px;
  margin-bottom: 0;
  color: var(--bazis-text-color-secondary);
}
.bazis-modal .bazis-alert__wrapper {
  --box-shadow: none;
}
.bazis-modal.gallery {
  --padding-bottom-content: var(--bazis-padding-8x);
  --width: fit-content;
  --max-height: calc(100vh - 40px);
}
.bazis-modal.gallery bazis-button.bazis-btn_outline {
  --background: var(--bazis-background-light);
  --background-hover: var(--bazis-background-light);
  --color: var(--bazis-text-color-secondary);
}
.bazis-modal.gallery img {
  border-radius: var(--bazis-border-radius);
}
.bazis-modal.gallery .bazis-modal__content {
  position: relative;
}
.bazis-modal.gallery .bazis-modal__content .bazis-btn-prev,
.bazis-modal.gallery .bazis-modal__content .bazis-btn-next {
  top: auto;
  bottom: calc(var(--bazis-padding-4x) + var(--bazis-padding-8x));
}
.bazis-modal.gallery .bazis-modal__content .bazis-btn-prev {
  left: auto;
  right: calc(var(--bazis-padding-4x) + var(--bazis-padding-8x) + var(--bazis-padding-3x) + var(--height-large));
}
.bazis-modal.gallery .bazis-modal__content .bazis-btn-next {
  right: calc(var(--bazis-padding-4x) + var(--bazis-padding-8x));
}
.bazis-modal.files .bazis-chat__modal-content {
  max-height: 524px;
  overflow: auto;
}
.bazis-modal.signing {
  --padding-bottom-header: var(--bazis-padding-4x);
}
.bazis-modal.signing .bazis-modal__close {
  display: none;
}
.bazis-modal_small {
  --max-height: 554px;
  --max-width: 560px;
}
.bazis-modal_small.tms-modal_narrow {
  --padding-start-header: var(--bazis-padding-6x);
  --padding-end-header: var(--bazis-padding-6x);
  --padding-start-content: var(--bazis-padding-6x);
  --padding-end-content: var(--bazis-padding-6x);
}
.bazis-modal_small.alert {
  --max-width: 600px;
}
.bazis-modal.tms-modal_list {
  --max-height: 721px;
  --max-width: 560px;
  --padding-start-header: var(--bazis-padding-6x);
  --padding-end-header: var(--bazis-padding-6x);
  --padding-start-content: var(--bazis-padding-6x);
  --padding-end-content: var(--bazis-padding-6x);
  --padding-start-footer: var(--bazis-padding-6x);
  --padding-end-footer: var(--bazis-padding-6x);
  --padding-bottom-footer: var(--bazis-padding-6x);
}
.bazis-modal.tms-modal_table {
  --padding-start-content: 0;
  --padding-end-content: 0;
}
.bazis-modal.tms-modal_mini {
  --max-height: 286px;
  --max-width: 480px;
  --padding-start-header: var(--bazis-padding-4x);
  --padding-end-header: var(--bazis-padding-4x);
  --padding-top-header: var(--bazis-padding-4x);
  --padding-bottom-header: var(--bazis-padding-4x);
  --padding-start-content: var(--bazis-padding-4x);
  --padding-end-content: var(--bazis-padding-4x);
  --padding-top-content: 0;
  --padding-bottom-content: var(--bazis-padding-4x);
  --padding-start-footer: var(--bazis-padding-4x);
  --padding-end-footer: var(--bazis-padding-4x);
  --padding-top-footer: 0;
  --padding-bottom-footer: var(--bazis-padding-4x);
}

dialog.bazis-modal {
  padding: 0;
}

bazis-chip.bazis-status {
  --margin-end: 0;
  --margin-start: 0;
  --margin-bottom: 0;
  --margin-top: 0;
  --border-radius: 20px;
  --font-weight: 600;
}
bazis-chip.bazis-status bazis-icon {
  --color: inherit;
}
bazis-chip.bazis-status.bazis-chip_xs {
  gap: 6px;
  letter-spacing: 0;
}
bazis-chip.bazis-status.bazis-chip_xs bazis-icon {
  font-size: 12px;
}

bazis-chip.bazis-status.bazis-chip_solid:not(.bazis-color),
bazis-chip.bazis-status.bazis-chip_solid.bazis-color.bazis-color-default {
  --background: var(--bazis-text-color-secondary);
  --color: var(--bazis-text-color-contrast);
}

bazis-chip.bazis-status.bazis-chip_outline.bazis-color-default {
  --bazis-color-base-rgb: var(--bazis-text-color-secondary-rgb);
  --bazis-color-base: var(--bazis-text-color-secondary);
}

bazis-chip.bazis-status.bazis-chip_outline.bazis-color.bazis-color-action {
  color: var(--bazis-color-action-tint);
}
bazis-chip.bazis-status.bazis-chip_outline.bazis-color.bazis-color-danger {
  color: var(--tms-danger-text-color);
}
bazis-chip.bazis-status.bazis-chip_outline.bazis-color.bazis-color-success {
  color: var(--tms-success-text-color);
}
bazis-chip.bazis-status.bazis-chip_outline.bazis-color.bazis-color-warning {
  color: var(--tms-warning-text-color);
}

bazis-chip.bazis-status.bazis-chip_outline {
  border: none;
}

bazis-chip.bazis-status:not(.bazis-chip_xs) {
  --height: 28px;
  gap: var(--bazis-margin-2x);
}
.tms-tooltip_geozone .bh-flex bazis-chip.bazis-status:not(.bazis-chip_xs), .tms-tooltip_geozone .bh-flex-column bazis-chip.bazis-status:not(.bazis-chip_xs), .tms-tooltip_geozone .bh-flex-row-reverse bazis-chip.bazis-status:not(.bazis-chip_xs), .tms-tooltip_geozone .bh-flex-column-reverse bazis-chip.bazis-status:not(.bazis-chip_xs) {
  --height: 24px;
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  gap: 6px;
}

bazis-toast {
  --background: var(--bazis-background-light);
  --border-radius: 16px;
  --box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
  --max-width: 388px;
  --width: 388px;
  --max-height: calc(100vh - var(--bazis-padding-3x) * 3);
  --size-close-icon: 16px;
  --p-margin: 0 0 var(--bazis-margin-2x);
}
bazis-toast::part(toast) {
  justify-content: space-between;
  gap: var(--bazis-margin-1x);
  margin-bottom: var(--bazis-margin-3x);
  padding: var(--bazis-padding-4x);
}
bazis-toast::part(toast error) {
  --border-color: var(--bazis-color-danger);
  --border-width: 1px;
  --border-style: solid;
}
bazis-toast::part(toast warning) {
  --border-color: var(--bazis-color-warning);
  --border-width: 1px;
  --border-style: solid;
}
bazis-toast::part(icon) {
  display: none;
}
bazis-toast::part(title) {
  font-size: 14px;
  font-weight: 600;
}
bazis-toast::part(title success)::before {
  content: "⏰ ";
}
bazis-toast::part(title error)::before {
  content: "❗ ";
}
bazis-toast::part(title warning)::before {
  content: "🔥 ";
}
bazis-toast::part(message) {
  font-weight: 500;
  letter-spacing: -0.12px;
}
bazis-toast::part(paragraph) {
  color: red;
}
bazis-toast::part(close) {
  flex-shrink: 0;
  padding: 0;
  width: 16px;
  height: 16px;
  color: var(--bazis-icon-color);
}
bazis-toast::part(close error) {
  color: var(--bazis-color-danger);
}
bazis-toast::part(close warning) {
  color: var(--bazis-color-warning);
}
bazis-toast bazis-icon {
  --bazis-icon-s-size: 16px;
}

.tms-note-toast {
  position: fixed;
  top: calc(var(--tms-header-height) + var(--bazis-margin-3x));
  right: calc(var(--bazis-margin-8x) + var(--bazis-margin-1x));
  display: flex;
  width: 388px;
  max-width: 388px;
  border-radius: 16px;
  background: var(--bazis-background-light);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
  padding: var(--bazis-padding-3x);
  outline: none;
}
.tms-note-toast__content {
  flex: 1;
}
.tms-note-toast__title {
  margin-bottom: var(--bazis-margin-1x);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  color: var(--bazis-text-color);
}
.tms-note-toast__message {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--bazis-text-color-secondary);
}
.tms-note-toast__message p {
  margin: 0 0 var(--bazis-margin-2x);
}
.tms-note-toast__message a {
  text-decoration: none;
}
.tms-note-toast__message a:hover {
  color: var(--bazis-link-hover-color);
}
.tms-note-toast__message a:active {
  color: var(--bazis-link-active-color);
}
.tms-note-toast__message a:visited {
  color: var(--bazis-link-color);
}
.tms-note-toast_warning {
  border: 1px solid var(--bazis-color-warning);
}

.bazis-vehicle-number {
  --padding-start: 2px;
  --padding-end: 2px;
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
  --border-width: 2px;
  --border-style: solid;
  --border-color: var(--bazis-border-color-medium);
  --border-radius: 6px;
  --background: var(--bazis-background-light);
  --color: var(--bazis-text-color);
  font-family: var(--bazis-font-family);
  font-weight: 700;
  -webkit-user-select: none;
          user-select: none;
}
.bazis-vehicle-number--disabled {
  --border-color: var(--bazis-border-color-light);
  --color: var(--bazis-text-color-disabled);
}
.bazis-vehicle-number__noparts {
  line-height: 1;
}
.bazis-vehicle-number_rus {
  --min-width: 148px;
  --padding-end: 47px;
  position: relative;
  justify-content: center;
  gap: 2px;
}
.bazis-vehicle-number_rus::after {
  position: absolute;
  top: -2px;
  right: 41px;
  bottom: -2px;
  display: block;
  content: "";
  width: 2px;
  background: var(--bazis-border-color-medium);
}
.bazis-vehicle-number_rus .bazis-vehicle-number__part_0, .bazis-vehicle-number_rus .bazis-vehicle-number__part_1, .bazis-vehicle-number_rus .bazis-vehicle-number__part_2 {
  line-height: 1;
  font-size: 20px;
}
.bazis-vehicle-number_rus .bazis-vehicle-number__part_3 {
  --font-size: 14px;
  position: absolute;
  right: -2px;
  top: -2px;
  bottom: -2px;
  width: 45px;
  padding: 0 2px;
  border: 2px solid var(--border-color);
  border-radius: var(--border-radius);
  text-align: center;
}
.bazis-vehicle-number_rus .bazis-vehicle-number__part_3::before {
  position: absolute;
  top: -2px;
  right: 41px;
  bottom: -2px;
  display: block;
  content: "";
  width: 12px;
  border: 2px solid var(--bazis-border-color-medium);
  border-left: 0;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.bazis-vehicle-number_rus .bazis-vehicle-number__part_3::after {
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 2px;
  content: "RUS";
  height: 9px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAZCAYAAABdEVzWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADHSURBVEiJ7dE7DgFRGIbh9zeDuBQKEzSITmUR9mELWp1KKbEHK1EotS4NUchElEaDmaNgWsmp/inOW33lk3wCEBszSTAjlPORoYiE3w0kJE1B+rosAArpyGkq/uVgtjmYbT7A9hJFz9gctTHlfNGk2wcYTNdVhJ4e6Zcxks7MXulgtjmYbZmF+QDz3fIWvO8rbcyhFiSz3xaAqB0sBBkrmgDIeV63dArPkOErHcw2B7MtszABeHTqLRN7dW1MpXHdy4aXtuNvH86TKeD83bcOAAAAAElFTkSuQmCC") no-repeat 100% 50%;
  background-size: contain;
  font-weight: 700;
  font-size: 9px;
  line-height: 1;
  text-align: left;
}
.tms-vehicle-number_large .bazis-vehicle-number {
  --border-width: 4px;
  --border-radius: 12px;
  --padding-top: 7px;
  --padding-bottom: 7px;
}
.tms-vehicle-number_large .bazis-vehicle-number_rus {
  --min-width: 256px;
  --padding-end: 90px;
}
.tms-vehicle-number_large .bazis-vehicle-number_rus::after {
  top: -4px;
  right: 80px;
  bottom: -4px;
  width: 4px;
}
.tms-vehicle-number_large .bazis-vehicle-number_rus .bazis-vehicle-number__part_0, .tms-vehicle-number_large .bazis-vehicle-number_rus .bazis-vehicle-number__part_1, .tms-vehicle-number_large .bazis-vehicle-number_rus .bazis-vehicle-number__part_2 {
  font-size: 40px;
}
.tms-vehicle-number_large .bazis-vehicle-number_rus .bazis-vehicle-number__part_3 {
  --font-size: 28px;
  right: -4px;
  top: -4px;
  bottom: -4px;
  width: 88px;
  padding: 6px 4px 0;
  border: 4px solid var(--border-color);
}
.tms-vehicle-number_large .bazis-vehicle-number_rus .bazis-vehicle-number__part_3::before {
  top: -4px;
  right: 80px;
  bottom: -4px;
  width: 24px;
  border: 4px solid var(--bazis-border-color-medium);
  border-left: none;
}
.tms-vehicle-number_large .bazis-vehicle-number_rus .bazis-vehicle-number__part_3::after {
  left: 4px;
  right: 4px;
  bottom: 3px;
  height: 18px;
  font-size: 18px;
}
.tms-vehicle-number_small .bazis-vehicle-number {
  --padding-top: 3px;
  --padding-bottom: 3px;
}
.tms-vehicle-number_small .bazis-vehicle-number_rus {
  --min-width: 80px;
  --padding-end: 2px;
  gap: 0;
}
.tms-vehicle-number_small .bazis-vehicle-number_rus::after {
  display: none;
}
.tms-vehicle-number_small .bazis-vehicle-number_rus .bazis-vehicle-number__part {
  font-size: 14px;
}
.tms-vehicle-number_small .bazis-vehicle-number_rus .bazis-vehicle-number__part_3 {
  --margin-start: 2px;
  --font-size: 10px;
  --line-height: 0;
  position: static;
  width: auto;
  height: 10px;
  padding: 0;
  border: none;
  color: var(--bazis-text-color-secondary);
}
.tms-vehicle-number_small .bazis-vehicle-number_rus .bazis-vehicle-number__part_3::before, .tms-vehicle-number_small .bazis-vehicle-number_rus .bazis-vehicle-number__part_3::after {
  display: none;
}
.tms-vehicle-number_small .bazis-vehicle-number--disabled .bazis-vehicle-number__part_3 {
  color: var(--color);
}
.tms-vehicle-number_xs .bazis-vehicle-number {
  --padding-top: 0;
  --padding-bottom: 0;
  --border-width: 0;
  font-weight: 500;
}
.tms-vehicle-number_xs .bazis-vehicle-number_rus {
  --min-width: 0;
  --padding-end: 0;
  --background: transparent;
  gap: 0;
}
.tms-vehicle-number_xs .bazis-vehicle-number_rus::after {
  display: none;
}
.tms-vehicle-number_xs .bazis-vehicle-number .bazis-vehicle-number__part {
  font-size: 11px;
  color: var(--bazis-text-color-secondary);
}
.tms-vehicle-number_xs .bazis-vehicle-number .bazis-vehicle-number__part_3 {
  --margin-start: 2px;
  --line-height: 0;
  position: static;
  width: auto;
  height: 10px;
  padding: 0;
  border: none;
  font-size: 8px;
}
.tms-vehicle-number_xs .bazis-vehicle-number .bazis-vehicle-number__part_3::before, .tms-vehicle-number_xs .bazis-vehicle-number .bazis-vehicle-number__part_3::after {
  display: none;
}
.tms-vehicle-number--selected .bazis-vehicle-number {
  --border-color: var(--bazis-color-action);
}
.tms-vehicle-number--disabled .bazis-vehicle-number {
  --border-color: var(--bazis-border-color-light);
  --color: var(--bazis-text-color-disabled);
}
.tms-vehicle-number--disabled .bazis-vehicle-number_rus .bazis-vehicle-number__part_3 {
  color: var(--color);
}

.bazis-control {
  --height: 40px;
  --background: var(--bazis-background-light);
  --background-hover: var(--bazis-background-dark);
  --border-width: 1px;
  --border-color: var(--bazis-border-color);
  --border-color-hover: var(--bazis-border-color-medium);
  --border-color-focus: var(--bazis-color-action);
  --border-color-active: var(--bazis-color-action);
  --border-color-invalid: var(--bazis-color-danger);
  --border-style: solid;
  --color: var(--bazis-text-color);
  --color-invalid: var(--tms-danger-text-color);
  --color-disabled: var(--bazis-text-color-disabled);
}
.bazis-control:not(.bazis-control_ghost) {
  --margin-bottom: var(--bazis-margin-4x);
  --padding-field-start: var(--bazis-padding-1x);
  --padding-field-end: var(--bazis-padding-1x);
  --border-radius: 12px;
  --font-size: 14px;
  --size-icon: 16px;
  --note-font-size: 11px;
  --note-line-height: 14px;
  --note-margin: var(--bazis-margin-1x);
  --note-color: var(--bazis-color-action-tint);
  --comment-font-size: 11px;
  --comment-line-height: 14px;
  --comment-margin: var(--bazis-margin-2x);
  --comment-color: var(--bazis-text-color);
  --error-font-size: 11px;
  --error-line-height: 14px;
  --error-margin: var(--bazis-margin-1x);
  --error-color: var(--tms-danger-text-color);
}
.bazis-datetime-control .bazis-control:not(.bazis-control_ghost), .tms-dropdown_filter .bazis-control:not(.bazis-control_ghost), .tms-tools__group_search .bazis-control:not(.bazis-control_ghost), table .bazis-control:not(.bazis-control_ghost), .tms-map-legend .bazis-control:not(.bazis-control_ghost), .tms-list-tools .tms-search-control .bazis-control:not(.bazis-control_ghost), .tms-plate-details .bazis-control:not(.bazis-control_ghost), .bazis-grid_form > bazis-row:last-child .bazis-control:not(.bazis-control_ghost), .bazis-map__base-control .bazis-control:not(.bazis-control_ghost), .bazis-list_control-dd-wrapper .bazis-control:not(.bazis-control_ghost), .tms-select-courier .bazis-control:not(.bazis-control_ghost), .tms-tooltip_settings .bazis-control:not(.bazis-control_ghost), .tms-timeline-nav .bazis-control:not(.bazis-control_ghost), .tms-control_no-margin .bazis-control:not(.bazis-control_ghost), .tms-display-panels-control .bazis-control:not(.bazis-control_ghost) {
  --margin-bottom: 0;
}
.tms-layout-aside-left .bazis-control:not(.bazis-control_ghost) {
  --margin-bottom: var(--bazis-margin-6x);
}
.bazis-control__units {
  margin-right: calc(var(--bazis-margin-3x) * -1);
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  background: var(--bazis-background-dark);
  color: var(--bazis-icon-color);
  letter-spacing: 0;
}
.bazis-control__field:not(.tms-select-courier .bazis-control__field, .bazis-vehicle-number-control .bazis-control__field) {
  border-radius: 0;
}
.bazis-control__field-group {
  padding: 0 var(--bazis-padding-3x);
  gap: 6px;
}
.bazis-control__field-group-wrapper .bazis-control__field-group {
  margin-right: var(--bazis-margin-8x);
  width: calc(100% - var(--bazis-margin-8x));
}
.bazis-control__field-group-wrapper > bazis-button {
  --border-radius: 50%;
  margin-left: var(--bazis-margin-2x);
}
.bazis-control__field-group bazis-icon {
  color: var(--bazis-icon-color);
}
.bazis-control__field-group__start, .bazis-control__field-group__end {
  background: transparent;
  gap: 6px;
}
.bazis-control__field-group__start > *, .bazis-control__field-group__end > * {
  min-width: var(--size-icon);
}
.bazis-control__field-group__start bazis-button.bazis-btn_clear, .bazis-control__field-group__end bazis-button.bazis-btn_clear {
  --height: auto;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --border-radius: 0;
  --background-hover: var(--background);
  --background-activated: var(--background);
  --background-focused: var(--background);
}
.bazis-control__field-group__start bazis-button.bazis-btn_clear bazis-icon[slot=icon-only], .bazis-control__field-group__end bazis-button.bazis-btn_clear bazis-icon[slot=icon-only] {
  margin-left: 0;
  margin-right: 0;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bazis-control__field-group__start bazis-button.bazis-btn_clear bazis-icon[slot=icon-only], .bazis-control__field-group__end bazis-button.bazis-btn_clear bazis-icon[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}
.bazis-control__field-group__start + .bazis-control__field,
.bazis-control__field-group__start + .bazis-control__field .bazis-select,
.bazis-control__field-group__start + .bazis-control__field-wrapper .bazis-control__field,
.bazis-control__field-group__start + .bazis-control__field-wrapper .bazis-control__field .bazis-select {
  padding-left: var(--padding-field-start);
}
.bazis-control__field-group__end .bazis-eraser {
  visibility: visible;
}
.bazis-control__field-group__end .bazis-eraser bazis-icon {
  color: var(--bazis-text-color);
}
.bazis-control__field-group__end button {
  min-width: var(--size-icon);
  border-left: none;
}
.bazis-control__field-group:focus, .bazis-control__field-group--focused, .bazis-control__field-group:focus:hover, .bazis-control__field-group--focused:hover {
  outline: 2px solid rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-medium));
}
.bazis-control__field-group:focus .bazis-control__units, .bazis-control__field-group--focused .bazis-control__units, .bazis-control__field-group:focus:hover .bazis-control__units, .bazis-control__field-group--focused:hover .bazis-control__units {
  background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  border-color: var(--bazis-color-action);
  color: var(--bazis-color-action-tint);
}
.bazis-control textarea {
  --padding-field-top: var(--bazis-padding-2x);
  --padding-field-bottom: var(--bazis-padding-2x);
  --padding-field-start: 0;
  --padding-field-end: var(--bazis-padding-3x);
  min-height: 56px;
  resize: none;
  height: auto;
}
.bazis-control .bazis-list_control-dd {
  --position-top: var(--height);
}
.bazis-control .bazis-control__error {
  display: none;
}
.bazis-control--invalid.bazis-control--dirty .bazis-control__field-group, .bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group, .tms-form--invalid .bazis-control--invalid.bazis-control--empty .bazis-control__field-group {
  border-color: var(--border-color-invalid);
}
.bazis-control--invalid.bazis-control--dirty .bazis-control__field-group .bazis-control__units, .bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group .bazis-control__units, .tms-form--invalid .bazis-control--invalid.bazis-control--empty .bazis-control__field-group .bazis-control__units {
  background: rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-light));
  border-color: var(--border-color-invalid);
  color: var(--color-invalid);
}
.bazis-control--invalid.bazis-control--dirty .bazis-control__field-group:focus, .bazis-control--invalid.bazis-control--dirty .bazis-control__field-group--focused, .bazis-control--invalid.bazis-control--dirty .bazis-control__field-group:focus:hover, .bazis-control--invalid.bazis-control--dirty .bazis-control__field-group--focused:hover, .bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group:focus, .bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group--focused, .bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group:focus:hover, .bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group--focused:hover, .tms-form--invalid .bazis-control--invalid.bazis-control--empty .bazis-control__field-group:focus, .tms-form--invalid .bazis-control--invalid.bazis-control--empty .bazis-control__field-group--focused, .tms-form--invalid .bazis-control--invalid.bazis-control--empty .bazis-control__field-group:focus:hover, .tms-form--invalid .bazis-control--invalid.bazis-control--empty .bazis-control__field-group--focused:hover {
  outline: none;
}
.bazis-control--invalid.bazis-control--dirty .bazis-control__field, .bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field, .tms-form--invalid .bazis-control--invalid.bazis-control--empty .bazis-control__field {
  color: var(--color-invalid);
}
.bazis-control--invalid.bazis-control--dirty .bazis-control__error, .bazis-control--invalid:not(.bazis-control--empty) .bazis-control__error {
  display: block;
}
.tms-form--invalid .bazis-control--invalid.bazis-control--empty .bazis-control__field::placeholder {
  color: var(--color-invalid);
}
.bazis-control--disabled .bazis-label {
  --color: var(--bazis-icon-color);
}
.bazis-control--disabled .bazis-control__field-group bazis-icon {
  color: var(--color-disabled);
}
.bazis-control--disabled .bazis-control__units {
  background: var(--background);
  color: var(--color-disabled);
}
.bazis-control--disabled .bazis-control__note {
  color: var(--color-disabled);
}
.bazis-control_compact {
  --height: 32px;
  --font-size: 12px;
  --comment-margin: var(--bazis-margin-1x);
}
.bazis-control_compact:not(.bazis-control_ghost) {
  --border-radius: var(--bazis-border-radius);
}
.bazis-block_accent .bazis-control_compact:not(.bazis-control_ghost) {
  --margin-bottom: var(--bazis-margin-2x);
}
.bazis-control_compact .bazis-control__field {
  letter-spacing: -0.12px;
}
.bazis-control_mini {
  --height: 26px;
  --font-size: 11px;
  --size-icon: 12px;
  --comment-margin: var(--bazis-margin-1x);
}
.bazis-control_mini:not(.bazis-control_ghost) {
  --border-radius: var(--bazis-border-radius);
}

.bazis-control_ghost {
  --background: transparent;
  --background-hover: transparent;
  --border-width: 0;
  --font-size: 32px;
  --size-icon: 24px;
}
.bazis-control_ghost .bazis-control__field {
  min-width: 32px;
  font-weight: 700;
}
.bazis-control_ghost .bazis-control__field::placeholder {
  color: var(--bazis-icon-color);
}
.tms-layout-work .tms-toolbar_title .bazis-control_ghost .bazis-control__field {
  max-width: 700px;
}
.bazis-modal.tms-modal_list .bazis-control_ghost .bazis-control__field {
  max-width: 405px;
  min-width: 390px;
}
.bazis-dialog__header .bazis-control_ghost .bazis-control__field:not(app-courier-edit .bazis-control_ghost .bazis-control__field) {
  min-width: 350px;
}
app-courier-edit .bazis-control_ghost .bazis-control__field {
  min-width: 120px;
}
.bazis-control_ghost .bazis-control__field--readonly span {
  line-height: normal;
}
.bazis-control_ghost .bazis-control__field-group {
  padding: 0;
  gap: var(--bazis-margin-3x);
}
.bazis-control_ghost .bazis-control__field-group:focus, .bazis-control_ghost .bazis-control__field-group--focused, .bazis-control_ghost .bazis-control__field-group:focus:hover, .bazis-control_ghost .bazis-control__field-group--focused:hover {
  outline: none;
}
.bazis-control_ghost .bazis-control__field-group:focus bazis-button:not(.bazis-eraser), .bazis-control_ghost .bazis-control__field-group--focused bazis-button:not(.bazis-eraser), .bazis-control_ghost .bazis-control__field-group:focus:hover bazis-button:not(.bazis-eraser), .bazis-control_ghost .bazis-control__field-group--focused:hover bazis-button:not(.bazis-eraser) {
  --color-focused: var(--bazis-color-action);
}
.bazis-control_ghost bazis-button:not(.bazis-eraser) bazis-icon {
  color: var(--bazis-text-color-secondary);
}
.bazis-control_ghost .bazis-eraser bazis-icon {
  color: var(--bazis-icon-color);
}
.bazis-control_ghost.bazis-control--focused bazis-button:not(.bazis-eraser) bazis-icon, .bazis-control_ghost:hover bazis-button:not(.bazis-eraser) bazis-icon {
  color: var(--bazis-color-action);
}
.bazis-control_ghost.bazis-control--invalid.bazis-control--dirty .bazis-control__field::placeholder,
.bazis-control_ghost.bazis-control--invalid.bazis-control--dirty bazis-button:not(.bazis-eraser) bazis-icon,
.bazis-control_ghost.bazis-control--invalid.bazis-control--dirty .bazis-control__field-group:focus bazis-button:not(.bazis-eraser) bazis-icon,
.bazis-control_ghost.bazis-control--invalid.bazis-control--dirty .bazis-control__field-group:focus:hover bazis-button:not(.bazis-eraser) bazis-icon,
.bazis-control_ghost.bazis-control--invalid.bazis-control--dirty .bazis-control__field-group--focused bazis-button:not(.bazis-eraser) bazis-icon,
.bazis-control_ghost.bazis-control--invalid.bazis-control--dirty .bazis-control__field-group--focused:hover bazis-button:not(.bazis-eraser) bazis-icon, .bazis-control_ghost.bazis-control--invalid.bazis-control--dirty.bazis-control--focused bazis-button:not(.bazis-eraser) bazis-icon, .bazis-control_ghost.bazis-control--invalid.bazis-control--dirty:hover bazis-button:not(.bazis-eraser) bazis-icon, .bazis-control_ghost.bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field::placeholder,
.bazis-control_ghost.bazis-control--invalid:not(.bazis-control--empty) bazis-button:not(.bazis-eraser) bazis-icon,
.bazis-control_ghost.bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group:focus bazis-button:not(.bazis-eraser) bazis-icon,
.bazis-control_ghost.bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group:focus:hover bazis-button:not(.bazis-eraser) bazis-icon,
.bazis-control_ghost.bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group--focused bazis-button:not(.bazis-eraser) bazis-icon,
.bazis-control_ghost.bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group--focused:hover bazis-button:not(.bazis-eraser) bazis-icon, .bazis-control_ghost.bazis-control--invalid:not(.bazis-control--empty).bazis-control--focused bazis-button:not(.bazis-eraser) bazis-icon, .bazis-control_ghost.bazis-control--invalid:not(.bazis-control--empty):hover bazis-button:not(.bazis-eraser) bazis-icon {
  color: var(--color-invalid);
}
.bazis-control_ghost.bazis-control_compact {
  --border-radius: 0;
  --font-size: 24px;
}
.bazis-panel__header .bazis-control_ghost {
  --font-size: 16px;
  --size-icon: 16px;
}
.bazis-panel__header .bazis-control_ghost .bazis-control__field {
  max-width: 254px;
}
.bazis-panel__header .bazis-control_ghost .bazis-control__field-group {
  gap: 6px;
}
.bazis-panel__header .bazis-control_ghost .bazis-control__field--readonly {
  min-width: auto;
}
.bazis-panel__header .bazis-control_ghost.bazis-control--dirty bazis-button:not(.bazis-eraser) bazis-icon, .bazis-panel__header .bazis-control_ghost.bazis-control--focused bazis-button:not(.bazis-eraser) bazis-icon, .bazis-panel__header .bazis-control_ghost:hover bazis-button:not(.bazis-eraser) bazis-icon {
  color: var(--bazis-text-color-secondary);
}

.bazis-control_autocomplete .bazis-control__field-group:hover:not(.bazis-control__field-group--activated,
app-tabs-users .bazis-control_autocomplete .bazis-control__field-group:hover) .bazis-control__field {
  background: transparent;
  border-radius: 0;
}
.bazis-control_autocomplete .bazis-control__field-group:hover:not(.bazis-control__field-group--activated,
app-tabs-users .bazis-control_autocomplete .bazis-control__field-group:hover) input.bazis-control__field {
  background: transparent;
}
.bazis-control_autocomplete .bazis-control__field-group:hover:not(.bazis-control__field-group--activated,
app-tabs-users .bazis-control_autocomplete .bazis-control__field-group:hover) .bazis-select {
  background: transparent;
}
.bazis-control_autocomplete .bazis-control__field-group:hover:not(.bazis-control__field-group--activated,
app-tabs-users .bazis-control_autocomplete .bazis-control__field-group:hover) .bazis-select__trigger {
  background: transparent;
}
.bazis-control_autocomplete .bazis-control__field-group--activated:hover .bazis-select__trigger {
  background: transparent;
}
.bazis-control_autocomplete .bazis-control__field--focused .bazis-select__trigger {
  opacity: 0;
}
.bazis-modal.signing .bazis-control_autocomplete.bazis-control--dirty .bazis-select__trigger + .bazis-control__field--focused {
  opacity: 0;
}

.bazis-error,
.bazis-control__error {
  --error-margin: var(--bazis-margin-1x);
  --error-color: var(--tms-danger-text-color);
}

.bazis-control__error bazis-form-error p::before {
  position: relative;
  top: 1px;
  content: url("/assets/images/control-error.svg");
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 2px;
}

.bazis-input-file input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  opacity: 0;
  cursor: pointer;
}
.bazis-input-file .bazis-p_minor,
.bazis-input-file .bazis-text_minor {
  color: var(--bazis-icon-color);
}
.bazis-input-file .bazis-block_hoverable, .bazis-input-file .bazis-block_editable {
  --background: var(--bazis-background-dark);
  --padding-top: var(--bazis-padding-6x);
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-6x);
  --border-color: transparent;
  --border-width: 1px;
  position: relative;
  gap: var(--bazis-margin-3x);
}
.bazis-input-file .bazis-block_hoverable bazis-input-default.tms-control_no-margin, .bazis-input-file .bazis-block_editable bazis-input-default.tms-control_no-margin,
.bazis-input-file .bazis-block_hoverable .tms-uploader__or + .bh-flex,
.bazis-input-file .bazis-block_editable .tms-uploader__or + .bh-flex,
.bazis-input-file .bazis-block_hoverable .tms-uploader__or + .bh-flex-column,
.bazis-input-file .bazis-block_editable .tms-uploader__or + .bh-flex-column,
.bazis-input-file .bazis-block_hoverable .tms-uploader__or + .bh-flex-row-reverse,
.bazis-input-file .bazis-block_editable .tms-uploader__or + .bh-flex-row-reverse,
.bazis-input-file .bazis-block_hoverable .tms-uploader__or + .bh-flex-column-reverse,
.bazis-input-file .bazis-block_editable .tms-uploader__or + .bh-flex-column-reverse {
  width: 100%;
}
.bazis-input-file .bazis-block_hoverable .bh-flex, .bazis-input-file .bazis-block_editable .bh-flex, .bazis-input-file .bazis-block_hoverable .bh-flex-column, .bazis-input-file .bazis-block_editable .bh-flex-column, .bazis-input-file .bazis-block_hoverable .bh-flex-row-reverse, .bazis-input-file .bazis-block_editable .bh-flex-row-reverse, .bazis-input-file .bazis-block_hoverable .bh-flex-column-reverse, .bazis-input-file .bazis-block_editable .bh-flex-column-reverse {
  align-self: flex-start;
  align-items: center;
  gap: var(--bazis-margin-3x);
}
.bazis-input-file .bazis-block_hoverable .bh-flex > bazis-icon, .bazis-input-file .bazis-block_editable .bh-flex > bazis-icon, .bazis-input-file .bazis-block_hoverable .bh-flex-column > bazis-icon, .bazis-input-file .bazis-block_editable .bh-flex-column > bazis-icon, .bazis-input-file .bazis-block_hoverable .bh-flex-row-reverse > bazis-icon, .bazis-input-file .bazis-block_editable .bh-flex-row-reverse > bazis-icon, .bazis-input-file .bazis-block_hoverable .bh-flex-column-reverse > bazis-icon, .bazis-input-file .bazis-block_editable .bh-flex-column-reverse > bazis-icon {
  --font-size: 62px;
  flex-shrink: 0;
  font-size: var(--font-size);
}
.bazis-input-file .bazis-block_hoverable .bh-flex > bazis-icon.active, .bazis-input-file .bazis-block_editable .bh-flex > bazis-icon.active, .bazis-input-file .bazis-block_hoverable .bh-flex-column > bazis-icon.active, .bazis-input-file .bazis-block_editable .bh-flex-column > bazis-icon.active, .bazis-input-file .bazis-block_hoverable .bh-flex-row-reverse > bazis-icon.active, .bazis-input-file .bazis-block_editable .bh-flex-row-reverse > bazis-icon.active, .bazis-input-file .bazis-block_hoverable .bh-flex-column-reverse > bazis-icon.active, .bazis-input-file .bazis-block_editable .bh-flex-column-reverse > bazis-icon.active {
  display: none;
}
.bazis-input-file .bazis-block_hoverable:hover .bh-flex > bazis-icon, .bazis-input-file .bazis-block_editable:hover .bh-flex > bazis-icon, .bazis-input-file .bazis-block_hoverable:hover .bh-flex-column > bazis-icon, .bazis-input-file .bazis-block_editable:hover .bh-flex-column > bazis-icon, .bazis-input-file .bazis-block_hoverable:hover .bh-flex-row-reverse > bazis-icon, .bazis-input-file .bazis-block_editable:hover .bh-flex-row-reverse > bazis-icon, .bazis-input-file .bazis-block_hoverable:hover .bh-flex-column-reverse > bazis-icon, .bazis-input-file .bazis-block_editable:hover .bh-flex-column-reverse > bazis-icon {
  display: none;
}
.bazis-input-file .bazis-block_hoverable:hover .bh-flex > bazis-icon.active, .bazis-input-file .bazis-block_editable:hover .bh-flex > bazis-icon.active, .bazis-input-file .bazis-block_hoverable:hover .bh-flex-column > bazis-icon.active, .bazis-input-file .bazis-block_editable:hover .bh-flex-column > bazis-icon.active, .bazis-input-file .bazis-block_hoverable:hover .bh-flex-row-reverse > bazis-icon.active, .bazis-input-file .bazis-block_editable:hover .bh-flex-row-reverse > bazis-icon.active, .bazis-input-file .bazis-block_hoverable:hover .bh-flex-column-reverse > bazis-icon.active, .bazis-input-file .bazis-block_editable:hover .bh-flex-column-reverse > bazis-icon.active {
  display: block;
}
.bazis-input-file .tms-uploader__or {
  display: flex;
  width: 100%;
  align-items: center;
  gap: var(--bazis-margin-3x);
}
.bazis-input-file .tms-uploader__or span {
  flex: 1 1 auto;
}
.bazis-input-file .tms-uploader__or::before, .bazis-input-file .tms-uploader__or::after {
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid var(--bazis-border-color);
}
.bazis-input-file .tms-uploader__files {
  --background: var(--bazis-background-dark);
  --border-radius: 16px;
  --height: 52px;
  --padding-field-start: 0;
  --padding-field-end: 0;
}
.bazis-input-file .bazis-control_compact input[type=file] {
  height: 100%;
  bottom: 0;
}
.bazis-input-file .bazis-control_compact > .bazis-label {
  --margin-bottom: var(--bazis-margin-1x);
  --line-height: 20px;
  --font-size: 14px;
  letter-spacing: normal;
}
.bazis-input-file .bazis-control_compact .bazis-block_hoverable, .bazis-input-file .bazis-control_compact .bazis-block_editable {
  --padding-top: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-2x);
}
.bazis-input-file .bazis-control_compact .bazis-block_hoverable .bh-flex > bazis-icon, .bazis-input-file .bazis-control_compact .bazis-block_editable .bh-flex > bazis-icon, .bazis-input-file .bazis-control_compact .bazis-block_hoverable .bh-flex-column > bazis-icon, .bazis-input-file .bazis-control_compact .bazis-block_editable .bh-flex-column > bazis-icon, .bazis-input-file .bazis-control_compact .bazis-block_hoverable .bh-flex-row-reverse > bazis-icon, .bazis-input-file .bazis-control_compact .bazis-block_editable .bh-flex-row-reverse > bazis-icon, .bazis-input-file .bazis-control_compact .bazis-block_hoverable .bh-flex-column-reverse > bazis-icon, .bazis-input-file .bazis-control_compact .bazis-block_editable .bh-flex-column-reverse > bazis-icon {
  --font-size: 36px;
}
app-planning-no-orders .bazis-block_hoverable .bazis-input-file, app-planning-no-orders .bazis-block_editable .bazis-input-file {
  width: 448px;
}

bazis-input-file-button input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  opacity: 0;
  cursor: pointer;
}

.bazis-browse-default {
  --font-size: 14px;
  --line-height: 20px;
  --margin-title: 0 0 var(--bazis-margin-1x);
  --margin-bottom: var(--bazis-margin-4x);
  --color: var(--bazis-text-color-secondary);
  display: block;
}
.bazis-browse-default__title {
  font-size: 12px;
  line-height: 16px;
}
.bazis-grid_form bazis-row:last-child .bazis-browse-default {
  --margin-bottom: 0;
}

.bazis-checkbox {
  --background: var(--bazis-background-light);
  --background-checked: var(--bazis-color-action);
  --background-checked-hover: var(--bazis-color-action-tint);
  --background-checked-focus: var(--bazis-color-action-shade);
  --background-disabled: var(--bazis-background-dark);
  --background-checked-disabled: var(--bazis-text-color-disabled);
  --border-radius: 6px;
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-color-hover: var(--bazis-border-color-medium);
  --border-color-focus: var(--bazis-color-action);
  --border-color-checked: var(--bazis-color-action);
  --border-color-checked-hover: var(--bazis-color-action-tint);
  --border-color-checked-focus: var(--bazis-color-action-shade);
  --border-color-disabled: var(--bazis-border-color-light);
  --border-color-checked-disabled: var(--bazis-text-color-disabled);
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
  --color-checked: var(--bazis-text-color);
  --color-disabled: var(--bazis-text-color-disabled);
  --size: 20px;
  --transition: background-color 15ms linear, border-color 15ms linear;
}
.bazis-checkbox__label {
  margin-right: var(--bazis-margin-6x);
  color: var(--color);
}
.bazis-checkbox__label.bh-no-margin {
  margin-right: 0;
}
.bazis-checkbox__label::before {
  line-height: 1;
  padding: 1px;
  margin-right: var(--bazis-margin-2x);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}
.tms-dropdown_filter .bazis-checkbox__label::before {
  margin-left: 0;
}
.tms-grid_plates .bazis-checkbox__label::before {
  margin: 0;
}
.bazis-control__note .bazis-checkbox__label {
  font-size: 14px;
}
.bazis-map__base-control_top .bazis-checkbox__label, .tms-grid_plates .bazis-checkbox__label, .tms-entrance-page .bazis-checkbox__label {
  margin-right: 0;
}
.bazis-checkbox input:checked + .bazis-checkbox__label::before, .bazis-checkbox.tms-checkbox--checked .bazis-checkbox__label::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M13.8047 3.52729C14.0651 3.78764 14.0651 4.20975 13.8047 4.4701L6.4714 11.8034C6.21106 12.0638 5.78894 12.0638 5.5286 11.8034L2.19526 8.4701C1.93491 8.20975 1.93491 7.78764 2.19526 7.52729C2.45561 7.26694 2.87772 7.26694 3.13807 7.52729L6 10.3892L12.8619 3.52729C13.1223 3.26694 13.5444 3.26694 13.8047 3.52729Z" fill="white"/></svg>');
}
.tms-display-panels-control .bazis-checkbox input:checked + .bazis-checkbox__label, .tms-display-panels-control .bazis-checkbox.tms-checkbox--checked .bazis-checkbox__label {
  font-weight: 600;
}
.bazis-checkbox:focus .bazis-checkbox__label::before, .bazis-checkbox:active .bazis-checkbox__label::before,
.bazis-checkbox input:disabled + .bazis-checkbox__label::before,
.bazis-checkbox input:checked + .bazis-checkbox__label::before, .bazis-checkbox.bazis-color .bazis-checkbox__label::before, .bazis-checkbox.tms-checkbox--checked .bazis-checkbox__label::before,
.bazis-checkbox .tms-checkbox--disabled .bazis-checkbox__label::before {
  box-shadow: none;
}
.bazis-checkbox:not(.bh-inline-block, .bazis-item) + .bazis-checkbox:not(.bh-inline-block, .bazis-item), bazis-label + .bazis-checkbox:not(.bh-inline-block, .bazis-item) {
  margin-top: var(--bazis-margin-3x);
}
.bazis-control .bazis-checkbox, .bazis-list_control-dd .bazis-checkbox {
  --background-selected: var(--background);
  --color-selected: var(--color-checked);
  --height: 32px;
  border: 0;
}
.bazis-control .bazis-checkbox .bazis-checkbox__label::before, .bazis-list_control-dd .bazis-checkbox .bazis-checkbox__label::before {
  margin-left: 0;
}
.bazis-control .bazis-checkbox.bazis-checkbox_right .bazis-checkbox__label::before, .bazis-list_control-dd .bazis-checkbox.bazis-checkbox_right .bazis-checkbox__label::before {
  margin-right: 0;
}
.bazis-control .bazis-checkbox.bazis-item, .bazis-list_control-dd .bazis-checkbox.bazis-item {
  --border-radius: 6px;
  border-radius: 0;
}
.bazis-control .bazis-checkbox.bazis-item::after, .bazis-list_control-dd .bazis-checkbox.bazis-item::after {
  display: none;
}
.bazis-control .bazis-checkbox.bazis-item--selected .bazis-checkbox__label, .bazis-list_control-dd .bazis-checkbox.bazis-item--selected .bazis-checkbox__label {
  color: var(--color-checked);
}
.bazis-control .bazis-checkbox.bazis-item--selected .bazis-checkbox__label::before, .bazis-list_control-dd .bazis-checkbox.bazis-item--selected .bazis-checkbox__label::before {
  border-color: var(--border-color-checked);
  background: var(--background-checked);
  color: var(--checkmark-color);
}
.tms-display-panels-control .bazis-checkbox {
  border: 0;
}
.tms-display-panels-control .bazis-checkbox .bazis-checkbox__label::before {
  margin-left: 0;
}
.tms-display-panels-control .bazis-checkbox.bazis-checkbox_right .bazis-checkbox__label::before {
  margin-right: 0;
}
.tms-display-panels-control .bazis-checkbox.tms-checkbox--checked .bazis-checkbox__label {
  color: var(--color-checked);
}
.tms-display-panels-control .bazis-checkbox.tms-checkbox--checked .bazis-checkbox__label::before {
  border-color: var(--border-color-checked);
  background: var(--background-checked);
  color: var(--checkmark-color);
}
.tms-display-panels-control .bazis-checkbox.tms-checkbox--disabled {
  pointer-events: none;
}
.tms-display-panels-control .bazis-checkbox.tms-checkbox--disabled .bazis-checkbox__label {
  color: var(--color-disabled);
}
.tms-display-panels-control .bazis-checkbox.tms-checkbox--disabled:not(.tms-checkbox--checked) .bazis-checkbox__label::before {
  content: "";
  background: var(--background-disabled);
  border-color: var(--border-color-disabled);
}
.tms-display-panels-control .bazis-checkbox.tms-checkbox--disabled.tms-checkbox--checked .bazis-checkbox__label {
  color: var(--color-disabled);
}
.tms-display-panels-control .bazis-checkbox.tms-checkbox--disabled.tms-checkbox--checked .bazis-checkbox__label::before {
  background: var(--background-checked-disabled);
  border-color: var(--border-color-checked-disabled);
}
.bazis-checkbox_mixed input:checked + .bazis-checkbox__label::before, .bazis-checkbox_mixed.bazis-item .bazis-checkbox__label::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M2.66602 7.9987C2.66602 7.63051 2.96449 7.33203 3.33268 7.33203H12.666C13.0342 7.33203 13.3327 7.63051 13.3327 7.9987C13.3327 8.36689 13.0342 8.66536 12.666 8.66536H3.33268C2.96449 8.66536 2.66602 8.36689 2.66602 7.9987Z" fill="white"/></svg>');
}
.bazis-checkbox_mixed.bazis-item .bazis-checkbox__label::before {
  border-color: var(--border-color-checked);
  background: var(--background-checked);
  color: var(--checkmark-color);
}
.bazis-checkbox_compact {
  --border-radius: 4px;
  --size: 16px;
}
.bazis-checkbox_compact .bazis-checkbox__label {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.12px;
}
.bazis-map__base-control_top .bazis-checkbox_compact .bazis-checkbox__label {
  font-size: 14px;
  letter-spacing: normal;
  font-weight: 600;
}
.bazis-map__base-control_top .bazis-checkbox_compact .bazis-checkbox__label::before {
  margin-right: 6px;
}
.tms-display-panels-control .bazis-checkbox_compact .bazis-checkbox__label {
  font-size: 14px;
  letter-spacing: normal;
}
.tms-display-panels-control .bazis-checkbox_compact .bazis-checkbox__label::before {
  margin-right: 6px;
}
.bazis-checkbox_compact input:checked + .bazis-checkbox__label::before, .bazis-checkbox_compact.tms-checkbox--checked .bazis-checkbox__label::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path d="M10.3536 2.64547C10.5488 2.84073 10.5488 3.15731 10.3536 3.35258L4.85355 8.85258C4.65829 9.04784 4.34171 9.04784 4.14645 8.85258L1.64645 6.35258C1.45118 6.15731 1.45118 5.84073 1.64645 5.64547C1.84171 5.45021 2.15829 5.45021 2.35355 5.64547L4.5 7.79192L9.64645 2.64547C9.84171 2.45021 10.1583 2.45021 10.3536 2.64547Z" fill="white"/></svg>');
}
.bazis-checkbox_compact.bazis-checkbox_mixed input:checked + .bazis-checkbox__label::before, .bazis-checkbox_compact.bazis-checkbox_mixed.bazis-item .bazis-checkbox__label::before, .bazis-checkbox_compact.bazis-checkbox_mixed.tms-checkbox--checked .bazis-checkbox__label::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" ><path d="M2 5.99902C2 5.72288 2.22386 5.49902 2.5 5.49902H9.5C9.77614 5.49902 10 5.72288 10 5.99902C10 6.27517 9.77614 6.49902 9.5 6.49902H2.5C2.22386 6.49902 2 6.27517 2 5.99902Z" fill="white"/></svg>');
}
.bazis-checkbox_right .bazis-checkbox__label::before {
  margin-left: var(--bazis-margin-2x);
}
.bazis-checkbox.bazis-color-default {
  --bazis-color-base: var(--bazis-icon-color);
  --bazis-color-hovered: var(--bazis-icon-color);
  --bazis-color-active: var(--bazis-icon-color);
  --checkmark-color: var(--bazis-text-color-contrast);
}

.bazis-contacts-control__group {
  --padding-top: 0;
  --padding-start: 0;
  --padding-end: 0;
  --padding-bottom: 0;
  --background: transparent;
  --border-radius: 0;
}

.bazis-number-buttons-control {
  --border-width: 0;
  --background-hover: transparent;
}
.bazis-number-buttons-control .bazis-control__field-group {
  padding: 0;
  align-items: center;
}

.bazis-radio {
  --border-radius: 50%;
  --border-width: 1px;
  --border-width-checked: 6px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-color-hover: var(--bazis-border-color-medium);
  --border-color-focus: var(--bazis-color-action);
  --border-color-checked: var(--bazis-color-action);
  --border-color-checked-hover: var(--bazis-color-action-tint);
  --border-color-checked-focus: var(--bazis-color-action-shade);
  --border-color-disabled: var(--bazis-border-color-light);
  --border-color-checked-disabled: var(--bazis-text-color-disabled);
  --background: var(--bazis-background-light);
  --background-checked: var(--background);
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
  --color-checked: var(--bazis-text-color);
  --color-disabled: var(--bazis-icon-color);
  --size: 20px;
  --transition: background-color 15ms linear, border-color 15ms linear;
}
.bazis-radio__label {
  margin-right: var(--bazis-margin-6x);
  color: var(--color);
  gap: var(--bazis-margin-2x);
  align-items: center;
}
.bazis-radio__label::before {
  margin-right: 0;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08);
}
.bazis-radio:focus .bazis-radio__label::before, .bazis-radio:active .bazis-radio__label::before,
.bazis-radio input:disabled + .bazis-radio__label::before,
.bazis-radio input:checked + .bazis-radio__label::before, .bazis-radio.bazis-color .bazis-radio__label::before {
  box-shadow: none;
}
.bazis-radio:focus:not(.bazis-color) input:not(:disabled) + .bazis-radio__label::before, .bazis-radio:active:not(.bazis-color) input:not(:disabled) + .bazis-radio__label::before {
  outline: 4px solid rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
}
.bazis-radio:not(.bh-inline-block, .bazis-radio_tab, .bazis-list_control-dd .bazis-radio) + .bazis-radio:not(.bh-inline-block, .bazis-radio_tab, .bazis-list_control-dd .bazis-radio), bazis-label + .bazis-radio:not(.bh-inline-block, .bazis-radio_tab) {
  margin-top: var(--bazis-margin-4x);
}
.bazis-control .bazis-radio, .bazis-list_control-dd .bazis-radio {
  --background-selected: var(--background);
  --color-selected: var(--color-checked);
  border: 0;
}
.bazis-control .bazis-radio input:focus:not(:disabled) + .bazis-radio__label::before, .bazis-list_control-dd .bazis-radio input:focus:not(:disabled) + .bazis-radio__label::before {
  animation-name: radio-highlight;
  animation-duration: 500ms; /* Анимация займет 2 секунды */
}
.bazis-control .bazis-radio .bazis-radio__label, .bazis-list_control-dd .bazis-radio .bazis-radio__label {
  --border-radius: 50%;
}
.bazis-control .bazis-radio .bazis-radio__label::before, .bazis-list_control-dd .bazis-radio .bazis-radio__label::before {
  margin-left: 0;
}
.bazis-control .bazis-radio.bazis-radio_right .bazis-radio__label::before, .bazis-list_control-dd .bazis-radio.bazis-radio_right .bazis-radio__label::before {
  margin-right: 0;
}
.bazis-control .bazis-radio.bazis-item, .bazis-list_control-dd .bazis-radio.bazis-item {
  border-radius: 0;
}
.bazis-control .bazis-radio.bazis-item--selected .bazis-radio__label, .bazis-list_control-dd .bazis-radio.bazis-item--selected .bazis-radio__label {
  color: var(--color-checked);
}
.bazis-control .bazis-radio.bazis-item--selected .bazis-radio__label::before, .bazis-list_control-dd .bazis-radio.bazis-item--selected .bazis-radio__label::before {
  border-color: var(--border-color-checked);
  border-width: var(--border-width-checked);
  background: var(--background-checked);
}
.bazis-radio_right .bazis-radio__label::before {
  margin-left: var(--bazis-margin-2x);
}
.bazis-radio_compact {
  --border-width-checked: 5px;
  --size: 16px;
}
.bazis-radio_compact .bazis-radio__label {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.12px;
}
.bazis-radio.bazis-color {
  --background-checked: var(--bazis-color-contrast);
  --background-checked-hover: var(--bazis-color-contrast);
  --background-checked-focus: var(--bazis-color-contrast);
}

@keyframes radio-highlight {
  from {
    outline: 0 solid rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
    border-color: var(--border-color);
    background: var(--background);
  }
  to {
    outline: 4px solid rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
    border-color: var(--border-color-focus);
    background: var(--background-focus);
  }
}
.bazis-control.bazis-range-control {
  --padding-field-start: 0;
  --padding-field-end: 0;
  --background: transparent;
  --background-hover: transparent;
  --background-active: transparent;
  --border-width: 0;
}
.bazis-control.bazis-range-control .bazis-control__field-group {
  margin-top: var(--bazis-margin-2x);
}
.bazis-control.bazis-range-control bazis-range {
  display: block;
  width: 100%;
}

bazis-input-options .bazis-label + .bh-flex-row {
  gap: var(--bazis-margin-4x);
}
.tms-planning-settings bazis-input-options .bazis-label + .bh-flex-row {
  gap: var(--bazis-margin-6x);
}
bazis-input-options .bazis-label + .bh-flex-row .bazis-radio__label {
  margin-right: 0;
}
bazis-input-options .bazis-label {
  --margin-bottom: var(--bazis-margin-3x);
}
bazis-input-options.tms-input-options_center .bazis-label {
  --margin-bottom: 14px;
}
bazis-input-options .bh-list-reverse.bh-flex-row {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.bazis-select {
  --padding-start: var(--bazis-padding-1x);
  --padding-end: var(--bazis-padding-1x);
  --background: var(--bazis-color-white);
  --background-hover: var(--bazis-background-dark);
}
.bazis-select__trigger bazis-item-with-icon-value bazis-icon {
  margin-right: 10px;
}
app-select-with-tags .bazis-select {
  --background-hover: transparent;
}

bazis-select.tms-select_first-selected .bazis-control__field-group--activated .bazis-list_control-dd {
  display: flex;
  flex-direction: column;
}
bazis-select.tms-select_first-selected .bazis-list_control-dd .bazis-item {
  order: 1;
}
bazis-select.tms-select_first-selected .bazis-list_control-dd .bazis-item--selected {
  --border-width: 0 0 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --padding-bottom: 10px;
  --margin-bottom: var(--bazis-margin-1x);
  order: 0;
}
bazis-select.tms-select_first-selected bazis-multiple-selection-option {
  display: contents;
}

bazis-select-native select {
  margin-left: 0;
  color: transparent;
}
.tms-timeline-nav bazis-select-native select {
  opacity: 0;
}
app-select-with-tags .bazis-control__field-group:hover bazis-select-native select {
  background: transparent;
}

.bazis-select-text {
  --margin-top: var(--bazis-margin-1x);
  --margin-bottom: var(--bazis-margin-1x);
}
.bazis-select-text__label {
  margin-right: var(--bazis-margin-2x);
}
.bazis-select-text .bazis-list_control-dd {
  top: 16px;
  left: 0;
  width: auto;
  min-width: 140px;
}
.bazis-select-text .bazis-list_control-dd .bazis-checkbox {
  min-width: 160px;
}
.bazis-select-text .bazis-list_control-dd .bazis-checkbox__label {
  margin-right: 0;
}

.bazis-switcher {
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
  --color-checked: var(--bazis-text-color);
  --color-disabled: var(--bazis-icon-color);
}
.bazis-switcher__label {
  margin-left: var(--bazis-margin-2x);
}

.tms-symbol-control {
  --border-width: 1px;
}
.tms-symbol-control .bazis-control__field {
  text-align: center;
}
.tms-symbol-control .bazis-control__field-group {
  margin: 0;
  width: 40px;
}
.tms-symbol-control .bazis-control__field-group-wrapper {
  justify-content: flex-start;
  gap: var(--bazis-margin-2x);
}

.bazis-vehicle-number-control {
  --padding-start: 2px;
  --padding-end: 2px;
  --padding-top: 7px;
  --padding-bottom: 7px;
  --border-width: 4px;
  --border-radius: 12px;
  --border-style: solid;
  --border-color: var(--bazis-border-color-medium);
  --background: var(--bazis-background-light);
  --color: var(--bazis-text-color);
  font-family: var(--bazis-font-family);
  font-weight: 700;
  -webkit-user-select: none;
          user-select: none;
  --width-group: 292px;
}
.bazis-vehicle-number-control .bazis-control__field-group::after {
  position: absolute;
  top: -4px;
  right: 80px;
  bottom: -4px;
  display: block;
  content: "";
  width: 4px;
  background: var(--border-color);
}
.bazis-vehicle-number-control .bazis-control__field-group:focus, .bazis-vehicle-number-control .bazis-control__field-group:active, .bazis-vehicle-number-control .bazis-control__field-group--focused {
  --border-color: var(--bazis-color-action);
}
.bazis-vehicle-number-control_rus {
  --min-width: 292px;
  --padding-end: 90px;
  position: relative;
  justify-content: center;
  gap: 2px;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_0.bazis-control__field {
  width: 30px;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_1.bazis-control__field {
  width: 75px;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_2.bazis-control__field {
  width: 60px;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_0, .bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_1, .bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_2 {
  font-size: 40px;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_3 {
  --font-size: 28px;
  position: absolute;
  right: -4px;
  top: -4px;
  bottom: -4px;
  width: 88px;
  padding: 6px 4px 23px;
  border: 4px solid var(--border-color);
  border-radius: var(--border-radius);
  text-align: center;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_3::before {
  content: "";
  position: absolute;
  top: -4px;
  right: 80px;
  bottom: -4px;
  width: 24px;
  border: 4px solid var(--border-color);
  border-left: none;
  display: block;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_3::after {
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 3px;
  content: "RUS";
  height: 18px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAZCAYAAABdEVzWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADHSURBVEiJ7dE7DgFRGIbh9zeDuBQKEzSITmUR9mELWp1KKbEHK1EotS4NUchElEaDmaNgWsmp/inOW33lk3wCEBszSTAjlPORoYiE3w0kJE1B+rosAArpyGkq/uVgtjmYbT7A9hJFz9gctTHlfNGk2wcYTNdVhJ4e6Zcxks7MXulgtjmYbZmF+QDz3fIWvO8rbcyhFiSz3xaAqB0sBBkrmgDIeV63dArPkOErHcw2B7MtszABeHTqLRN7dW1MpXHdy4aXtuNvH86TKeD83bcOAAAAAElFTkSuQmCC") no-repeat 100% 50%;
  background-size: contain;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  text-align: left;
}
.bazis-vehicle-number-control.bazis-control--invalid.bazis-control--dirty, .bazis-vehicle-number-control.bazis-control--invalid:not(.bazis-control--empty) {
  --border-color: var(--bazis-color-danger);
}
.bazis-vehicle-number-control.bazis-control--invalid.bazis-control--dirty .bazis-control__field-group:focus, .bazis-vehicle-number-control.bazis-control--invalid.bazis-control--dirty .bazis-control__field-group:active, .bazis-vehicle-number-control.bazis-control--invalid.bazis-control--dirty .bazis-control__field-group--focused, .bazis-vehicle-number-control.bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group:focus, .bazis-vehicle-number-control.bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group:active, .bazis-vehicle-number-control.bazis-control--invalid:not(.bazis-control--empty) .bazis-control__field-group--focused {
  --border-color: var(--bazis-color-danger);
}
.bazis-vehicle-number-control .bazis-label {
  --margin-bottom: var(--bazis-margin-3x);
}

.tms-filter__range {
  display: flex;
  gap: var(--bazis-margin-2x);
  align-items: center;
  margin-bottom: var(--bazis-margin-2x);
}
.tms-filter__range .bazis-control:not(.bazis-range-control) {
  --control-width: 60px;
}
.tms-filter__range .bazis-control:not(.bazis-range-control) .bazis-control__field-group {
  padding: 0 var(--bazis-padding-2x);
}
.tms-filter__range .bazis-control.bazis-range-control .bazis-control__field-group {
  margin-top: 0;
  padding: 0;
}
.tms-filter__range .bazis-range-control {
  --control-width: 187px;
  --height: 30px;
}
.tms-filter__range .bazis-text_minor {
  letter-spacing: -0.12px;
  color: var(--bazis-text-color-secondary);
}

th {
  --padding-start: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-2x);
  --font-size: 12px;
  --font-weight: 600;
  --line-height: 16px;
  text-align: left;
}
thead th {
  --background: var(--bazis-background-medium);
  --color: var(--bazis-text-color-secondary);
  min-height: 28px;
}
thead th:first-child {
  --padding-start: var(--bazis-padding-6x);
}
.tms-timeline-metrics thead th:first-child {
  --padding-start: var(--bazis-padding-3x);
}
.bazis-modal thead th:first-child {
  --padding-start: var(--bazis-padding-8x);
}
td {
  --padding-start: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
  --border-style: solid;
  --border-color: var(--bazis-background-light);
  --background: var(--bazis-background-light);
  --border-width: 2px 0 2px 0;
  --line-height: 20px;
  height: 48px;
}
td:first-child {
  --padding-start: var(--bazis-padding-6x);
}
.tms-timeline-metrics td:first-child {
  --padding-start: var(--bazis-padding-3x);
}
.bazis-modal td:first-child {
  --padding-start: var(--bazis-padding-8x);
}
td > span.bh-ellipsis {
  width: 100%;
  display: block;
}

table tr.tms-tr--muted {
  opacity: 0.4;
}
table .bazis-checkbox__label::before,
table .bazis-radio__label::before {
  margin-left: 0;
  margin-right: 0;
}
table.tms-table-head-fixed thead {
  position: sticky;
  top: 0;
  z-index: 160;
}

tbody tr {
  vertical-align: middle;
}
tbody tr:hover:not(.tms-tr--selected, .tms-tr--invalid, .tms-tr--error, .tms-table_edit tr) td {
  --background: var(--tms-background-dark-hover);
}
tbody tr.tms-tr--selected td {
  --background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
}
tbody tr.tms-tr--selected:hover td {
  --background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-medium));
}
tbody tr.tms-tr--disabled td {
  opacity: 0.3;
  pointer-events: none;
}
tbody tr.tms-tr--invalid td {
  --background: rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-light));
  --border-width: 2px 0 0;
}
tbody tr.tms-tr--error td {
  --padding-top: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --color: var(--tms-danger-text-color);
  --border-width: 0 0 2px 0;
}
tbody tr.tms-tr--error td bazis-icon {
  margin-right: 6px;
}
tbody td.tms-td--warning,
tbody td.tms-td--invalid {
  --padding-start: 0;
  --padding-top: 0;
  --padding-end: 0;
  --padding-bottom: 0;
}
tbody td.tms-td--warning > div,
tbody td.tms-td--invalid > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-radius: 6px;
  padding: calc(var(--bazis-padding-3x) - 1px);
}
tbody td.tms-td--warning {
  --color: var(--tms-warning-text-color);
}
tbody td.tms-td--warning > div {
  border-color: var(--bazis-color-warning);
}
tbody td.tms-td--invalid {
  --color: var(--tms-danger-text-color);
}
tbody td.tms-td--invalid > div {
  border-color: var(--bazis-color-danger);
}

thead tr {
  vertical-align: middle;
}

.tms-table_edit {
  table-layout: fixed;
}
.tms-table_edit tbody tr {
  vertical-align: middle;
}
.tms-table_edit td {
  --padding-top: 0;
  --padding-bottom: 0;
}
.tms-table_edit__check-btn {
  --height-small: 15px;
  --border-radius: 6px 6px 0 0;
  --background: var(--bazis-border-color-medium);
  --color: var(--bazis-text-color-contrast);
  position: absolute;
  top: -15px;
  right: 0;
  display: none;
}
.tms-table_edit .bazis-control {
  --height: 48px;
  --background: transparent;
  --border-color: transparent;
  --border-radius: 6px 0 6px 6px;
  --color: var(--bazis-color-action-tint);
}
.tms-table_edit .bazis-control__error {
  display: none;
}
.tms-table_edit .bazis-control__field-group:focus, .tms-table_edit .bazis-control__field-group--focused {
  outline: none;
}

.tms-td_editable {
  --padding-start: 0;
  --padding-end: 0;
  position: relative;
}
.tms-td_editable:first-child {
  --padding-start: var(--bazis-padding-3x);
}
.tms-td_editable:hover .tms-table_edit__check-btn {
  display: block;
}
.tms-table-scroll-wrapper {
  position: relative;
  overflow: auto;
  height: 100%;
  scrollbar-color: var(--bazis-text-color-disabled) var(--bazis-background-light);
}

@supports selector(::-webkit-scrollbar) {
  .tms-table-scroll-wrapper {
    scrollbar-color: unset;
  }
  .tms-table-scroll-wrapper::-webkit-scrollbar:horizontal {
    height: 9px;
  }
  .tms-table-scroll-wrapper::-webkit-scrollbar-track:horizontal {
    border-width: 4px 0 4px 0;
    border-style: solid;
    border-color: var(--bazis-background-light);
    background: var(--bazis-text-color-disabled);
  }
}
.tms-table__action-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  background: var(--bazis-background-strong);
  border-left: 1px solid var(--bazis-border-color-medium);
  opacity: 0;
}
tr:hover .tms-table__action-wrap {
  opacity: 1;
}
tr.tms-tr--selected .tms-table__action-wrap {
  border-left-color: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  background: var(--tms-background-strong-light-2);
}

.tms-cell-checkbox_sticky {
  position: sticky;
  left: 0;
  z-index: 1;
}
tr:hover .tms-cell-checkbox_sticky {
  background: var(--bazis-background-strong);
}
tr.tms-tr--selected .tms-cell-checkbox_sticky {
  background: var(--tms-background-strong-light-2);
}

table.tms-table_zebra td {
  --border-width: 0;
  --padding-start: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-2x);
}
table.tms-table_zebra tr:nth-child(odd):not(:first-child) td {
  --padding-top: var(--bazis-padding-4x);
}
table.tms-table_zebra tr:nth-child(odd):not(:last-child) td {
  --padding-bottom: var(--bazis-padding-4x);
}
table.tms-table_zebra tr:nth-child(odd) td {
  --background: transparent;
}
table.tms-table_zebra tr:nth-child(odd):hover td {
  --background: transparent;
}
table.tms-table_zebra tr:nth-child(even) td {
  --background: var(--bazis-background-dark);
}
table.tms-table_zebra tr:nth-child(even) td:first-child {
  --border-radius: var(--bazis-border-radius) 0 0 var(--bazis-border-radius);
}
table.tms-table_zebra tr:nth-child(even):hover td {
  --background: var(--bazis-background-dark);
}

.tms-grid-css_add .bazis-map-wrapper, .tms-layout-table .bazis-map-wrapper {
  --height: 100%;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid var(--bazis-border-color);
}
.tms-layout-map .bazis-map-wrapper {
  --height: calc(100vh - var(--tms-header-height) - 1px);
  --width: 100%;
}
.tms-grid-css_add .bazis-map-wrapper {
  --margin-left: var(--bazis-margin-2x);
}
.tms-layout-table .bazis-map-wrapper {
  --width: fit-content;
  flex-shrink: 0;
}
.tms-layout-table .bazis-map-wrapper app-map {
  display: contents;
}
.tms-layout-table .bazis-map-wrapper .bazis-map {
  width: 571px;
}
.tms-layout-table .bazis-map-wrapper .bazis-map.tms-map_medium {
  width: calc(100vw - var(--bazis-margin-8x) * 3 - 585px);
}
.tms-layout-table .bazis-map-wrapper .bazis-map.tms-map--collapsed {
  width: 102px;
}
.tms-layout-table .bazis-map-wrapper .bazis-map.tms-map--collapsed ~ .bazis-map__base-control,
.tms-layout-table .bazis-map-wrapper .bazis-map.tms-map--collapsed ~ .bazis-corner {
  display: none;
}
.tms-tooltip_geozone .bazis-map-wrapper {
  --height: 256px;
}
.bazis-map-wrapper.tms-map-wrapper--collapsed .bazis-map,
.bazis-map-wrapper.tms-map-wrapper--collapsed .bazis-map.tms-map_medium {
  width: 102px;
}
.bazis-map-wrapper.tms-map-wrapper--collapsed .bazis-map__base-control,
.bazis-map-wrapper.tms-map-wrapper--collapsed .bazis-corner {
  display: none;
}
app-edit-planning .bazis-map-wrapper {
  --height: 100%;
}

.bazis-map {
  transition: width 0.5s allow-discrete;
}
.bazis-map__base-control_top {
  top: var(--bazis-margin-6x);
  right: var(--bazis-margin-6x);
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--bazis-margin-2x);
  transform: none;
}
.bazis-map__base-control_top > * {
  gap: var(--bazis-margin-2x);
  margin-bottom: 0;
}

.tms-map-placeholder {
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--bazis-margin-6x);
  z-index: 100;
  text-align: center;
}
.tms-map-placeholder span {
  display: inline-block;
  margin: auto;
  border-radius: 12px;
  background: rgba(var(--bazis-text-color-rgb), 0.5);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  padding: 10px var(--bazis-padding-6x);
  font-size: 16px;
  font-weight: 600;
  color: var(--bazis-text-color-contrast);
}

.tms-map__control-resize,
.tms-map-resize {
  position: absolute;
  z-index: 150;
  top: var(--bazis-margin-6x);
  left: var(--bazis-margin-6x);
}

.tms-map-button-solo {
  border-radius: 16px;
  background: var(--bazis-background-light);
  padding: 6px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}

.tms-map-legend {
  background: var(--bazis-background-light);
  padding: var(--bazis-padding-2x);
  border-radius: var(--bazis-border-radius);
  border: 1px solid var(--bazis-border-color-light);
}
.tms-map-legend .bazis-checkbox__label {
  margin-right: 0;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.12px;
}
app-monitoring-orders .tms-map-legend {
  padding: var(--bazis-padding-4x) var(--bazis-padding-2x);
  border-radius: 16px;
  width: 150px;
}

app-map-search-control .bazis-control {
  --border-radius: 16px;
  --border-width: 0;
  --background-hover: var(--bazis-background-light);
  --box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}
app-map-search-control .bazis-control__field-group {
  padding: 6px 6px 6px 18px;
}
app-map-search-control .bazis-control__field-group:focus, app-map-search-control .bazis-control__field-group--focused, app-map-search-control .bazis-control__field-group:focus:hover, app-map-search-control .bazis-control__field-group--focused:hover {
  outline: none;
}
app-map-search-control .bazis-control__field-group__end bazis-button.bazis-btn_clear {
  --height: 40px;
  width: var(--height);
}

.as-split-gutter {
  pointer-events: all;
}
.as-split-gutter.as-dragged {
  cursor: grabbing !important;
}

.bazis-panel__content .as-horizontal {
  --as-gutter-background-color: var(--bazis-background-light);
}
.bazis-panel__content .as-horizontal > .as-split-gutter {
  background: var(--bazis-background-light) !important;
  cursor: ew-resize !important;
}

.as-vertical > .as-split-gutter {
  cursor: ns-resize !important;
}
.as-vertical.as-disabled > .as-split-gutter {
  visibility: hidden;
}

.tms-split-gutter {
  width: 100%;
  height: 100%;
  position: relative;
}
.as-horizontal .tms-split-gutter {
  border-left: 1px solid var(--bazis-border-color-light);
  border-right: 1px solid var(--bazis-border-color-light);
  background: var(--bazis-background-dark);
}
.as-vertical .tms-split-gutter::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  top: -4px;
  left: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.as-vertical .tms-split-gutter:hover .tms-split-gutter-icon {
  opacity: 1;
}

.as-horizontal > .as-split-gutter .tms-split-gutter-icon {
  position: absolute;
  bottom: 0;
  left: -1px;
  right: -1px;
  color: var(--bazis-icon-color);
}
.as-vertical > .as-split-gutter .tms-split-gutter-icon {
  position: absolute;
  display: flex;
  border-radius: 6px;
  background-color: var(--bazis-background-light);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
  transition: opacity 0.3s;
  opacity: 0;
  --height-icon: 40px;
  height: var(--height-icon);
  width: 24px;
  padding: var(--bazis-padding-3x) var(--bazis-padding-1x);
  left: 50%;
  top: calc(var(--height-icon) / 2 * -1);
  bottom: calc(var(--height-icon) / 2);
  transform: translateX(-12px);
}

.tms-tooltip_settings .cdk-drag {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 26px;
  margin-bottom: calc(var(--bazis-margin-3x) - 6px);
  overflow: hidden;
}
.tms-tooltip_settings .cdk-drag:last-child {
  margin: 0;
}
.tms-tooltip_settings .cdk-drag .bazisicon {
  width: 16px;
  height: 16px;
  color: var(--bazis-text-color-disabled);
}
.tms-tooltip_settings .cdk-drag-placeholder {
  background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
  border-radius: var(--bazis-border-radius);
  border: 1px dashed var(--bazis-color-action);
  height: 26px;
}
.tms-tooltip_settings .cdk-drag-placeholder > * {
  opacity: 0;
}
.tms-tooltip_settings .cdk-drag-preview {
  background: var(--bazis-background-light);
  border-radius: var(--bazis-border-radius);
  box-shadow: 0px 0px 16px 0px rgba(0, 19, 57, 0.1);
  padding: 3px;
  cursor: grabbing;
}
.tms-tooltip_settings .cdk-drag-preview .bazisicon {
  color: var(--bazis-color-action);
}

.tms-date-filter {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  background: var(--bazis-background-light);
  border-radius: 12px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}
.tms-date-filter .bazis-btn_xs:not(.bazis-btn_has-icon-only) {
  --height: 40px;
  --padding-start-xs: var(--bazis-padding-3x);
  --padding-end-xs: var(--bazis-padding-3x);
  min-width: 151px;
}
.tms-date-filter__calendar-wrap {
  position: absolute;
  top: calc(100% + var(--bazis-margin-2x));
}
.tms-date-filter_outline {
  box-shadow: none;
  border: 1px solid var(--bazis-border-color);
}
.tms-date-filter.bazis-control_compact .bazis-btn_xs {
  --height: 32px;
  --padding-start-xs: var(--bazis-padding-2x);
  --padding-end-xs: var(--bazis-padding-2x);
  --padding-top-xs: var(--bazis-padding-2x);
  --padding-bottom-xs: var(--bazis-padding-2x);
}
.tms-date-filter.bazis-control_compact .bazis-btn_xs.bazis-btn_has-icon-only {
  --padding-start-xs: var(--bazis-padding-3x);
  --padding-end-xs: var(--bazis-padding-3x);
}
.tms-date-filter.bazis-control_compact .bazis-btn_xs:not(.bazis-btn_has-icon-only) {
  min-width: 136px;
}

.tms-glass-col {
  display: flex;
  width: 100%;
}
.tms-glass-col__child {
  width: var(--child-width, 100%);
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding-top: var(--bazis-padding-3x);
}
.tms-glass-col__child:first-child .tms-list_zebra {
  --border-radius: var(--bazis-border-radius) 0 0 var(--bazis-border-radius);
}
.tms-glass-col__child_value {
  color: var(--bazis-text-color-secondary);
}
.tms-glass-col__child_value .bazis-h3 {
  --bazis-h3-margin: var(--bazis-margin-1x) 0 var(--bazis-margin-3x);
  font-weight: 700;
}
.tms-glass-col__child_value .bazis-status.bazis-chip_outline {
  --margin-start: 6px;
  --border-radius: 6px;
}
.tms-glass-col__child--selected {
  border-radius: 16px;
  border: 1px solid var(--bazis-border-color-light);
  background: var(--bazis-background-dark);
}
.tms-glass-col__child--selected.tms-glass-col__child_value {
  color: var(--bazis-text-color);
}
.tms-glass-col__child .tms-list_zebra {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.tms-mode-icons {
  display: flex;
  gap: var(--bazis-margin-1x);
  align-items: center;
}
.tms-mode-icons bazis-icon {
  padding: var(--bazis-padding-1x);
  background: var(--bazis-color-action);
  border-radius: 50%;
  color: var(--bazis-color-action-contrast);
}

.tms-onfoot-plate {
  --border-color: var(--bazis-border-color-medium);
  --color: var(--bazis-text-color);
  --icon-color: var(--bazis-icon-color);
  display: flex;
  gap: 2px;
  align-items: center;
  width: fit-content;
  border: 2px solid var(--border-color);
  border-radius: 6px;
  padding: 0 6px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  color: var(--color);
}
.tms-onfoot-plate bazis-icon {
  color: var(--icon-color);
}
.tms-onfoot-plate--selected {
  --border-color: var(--bazis-color-action);
}
.tms-onfoot-plate--disabled {
  --border-color: var(--bazis-border-color-light);
  --color: var(--bazis-text-color-disabled);
}
.tms-onfoot-plate--disabled bazis-icon {
  color: var(--color);
}
.tms-onfoot-plate .bazis-figure {
  --width: 76px;
  --height: 20px;
  --border-radius: 6px;
}
.tms-onfoot-plate_photo {
  width: 80px;
  height: 24px;
  padding: 0;
  justify-content: center;
}
app-geo-zone-view .tms-onfoot-plate_photo {
  width: 148px;
  height: 32px;
}
.tms-onfoot-plate_photo.tms-onfoot-plate--selected bazis-icon {
  color: var(--bazis-color-action);
}

.tms-plate-details {
  position: relative;
}
.tms-plate-details__summary {
  position: relative;
  padding: var(--bazis-padding-2x) var(--bazis-padding-3x);
  background: var(--bazis-background-light);
  border: 1px solid var(--bazis-border-color-light);
  border-radius: var(--bazis-border-radius);
  transition: background 0.2s, border-color 0.2s;
}
.tms-plate-details__summary_medium {
  padding: var(--bazis-padding-3x);
}
.tms-plate-details__summary__first-line {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-bottom: var(--bazis-margin-2x);
  height: 20px;
}
.tms-plate-details__summary__first-line.bh-no-margin {
  margin-bottom: 0;
}
.tms-plate-details__summary__first-line .bh-ellipsis {
  width: 100%;
}
.tms-plate-details__summary__first-line .bazis-checkbox__label::before {
  margin: 0;
}
.tms-plate-details__summary__first-line .tms-plate-details__date {
  display: flex;
  gap: 2px;
  align-items: center;
  white-space: nowrap;
  color: var(--bazis-text-color-secondary);
}
.tms-plate-details__summary__alert, .tms-plate-details__summary__info {
  padding: 6px var(--bazis-padding-3x);
  margin: var(--bazis-margin-3x) calc(var(--bazis-margin-3x) * -1) calc(var(--bazis-margin-3x) * -1);
  border-radius: 0 0 var(--bazis-border-radius) var(--bazis-border-radius);
  font-size: 11px;
  line-height: 14px;
}
.tms-plate-details__summary__alert {
  background: rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-light));
}
.tms-plate-details__summary__info {
  background: var(--bazis-background-dark);
  color: var(--bazis-text-color-secondary);
}
.tms-plate-details__summary__info .tms-text-with-icon bazis-icon {
  color: var(--bazis-text-color-secondary);
}
.tms-plate-details__summary bazis-indicator {
  position: absolute;
  top: 5px;
  left: 5px;
}
.tms-plate-details__action-trigger {
  position: absolute;
  z-index: 1;
  right: var(--bazis-margin-3x);
  top: var(--bazis-margin-3x);
}
.tms-plate-details__action-trigger + bazis-tooltip {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
  --border-radius: 12px;
}
.tms-plate-details .tms-route-icon {
  flex-shrink: 0;
  margin-right: 6px;
}
.tms-plate-details:hover .tms-plate-details__summary, .tms-plate-details.tms-plate-details--opened .tms-plate-details__summary {
  background: var(--tms-background-dark-hover);
  border-color: var(--bazis-border-color-medium);
}
.tms-plate-details--highlighted {
  --border-color: var(--bazis-color-action);
  outline: 4px solid rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-strong));
}
.tms-plate-details--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.tms-plate-details.bazis-item--selected .tms-plate-details__summary {
  background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
}
.tms-plate-details.bazis-item--selected:hover .tms-plate-details__summary {
  background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-medium));
}
.tms-plate-details--opened .tms-plate-details__summary {
  border-radius: var(--bazis-border-radius) var(--bazis-border-radius) 0 0;
}

.tms-point-order {
  display: flex;
  width: 100%;
}
.tms-point-order__content {
  width: 100%;
}
.tms-point-order__first-line {
  display: flex;
  gap: var(--bazis-margin-3x);
  justify-content: space-between;
  align-items: center;
}
.tms-point-order__first-line .bh-text-line-through {
  margin-left: 2px;
}
.tms-point-order__alert {
  padding: 6px var(--bazis-padding-3x);
  margin: var(--bazis-margin-3x) calc(var(--bazis-margin-3x) * -1) calc(var(--bazis-margin-2x) * -1);
  background: rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-light));
  font-size: 11px;
  line-height: 14px;
}
app-monitoring-point-order:last-child .tms-point-order__alert {
  border-radius: 0 0 var(--bazis-border-radius) var(--bazis-border-radius);
}
.tms-plate-details__content .tms-point-order__alert .tms-text-with-icon span.bh-ellipsis, .tms-plate-details__content .tms-point-order__alert .tms-text-with-icon {
  max-width: 355px;
}
.tms-progress-ring {
  --size-ring: 50px;
  --border-width: 2px;
  --spacing: 4px;
  --background-ring: var(--bazis-background-dark);
  display: block;
  position: relative;
  width: calc(var(--size-ring) + var(--border-width) * 2 + var(--spacing) * 2);
  height: calc(var(--size-ring) + var(--border-width) * 2 + var(--spacing) * 2);
  border: var(--border-width) solid transparent;
  border-radius: 50%;
  padding: var(--spacing);
  stroke-width: 5px;
  color: var(--bazis-icon-color);
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.tms-progress-ring svg {
  width: var(--size-ring);
  height: var(--size-ring);
  fill: var(--bazis-text-color-secondary);
}
.tms-progress-ring__icon {
  position: absolute;
  top: 2px;
  right: 2px;
  background: var(--bazis-background-medium);
  border-radius: 50%;
  padding: 2px;
}
.bazis-dialog .tms-progress-ring__icon {
  background: var(--bazis-background-light);
}
.tms-progress-ring.bazis-color:not(.bazis-color-default) {
  color: var(--bazis-color-base);
}
.tms-progress-ring.bazis-color:not(.bazis-color-default) svg {
  fill: var(--bazis-color-tint);
}
.tms-progress-ring.bazis-color:not(.bazis-color-default).bazis-color-action svg {
  fill: var(--bazis-color-action-tint);
}
.tms-progress-ring.bazis-color:not(.bazis-color-default).bazis-color-danger svg {
  fill: var(--tms-danger-text-color);
}
.tms-progress-ring.bazis-color:not(.bazis-color-default).bazis-color-success svg {
  fill: var(--tms-success-text-color);
}
.tms-progress-ring.bazis-color:not(.bazis-color-default).bazis-color-warning svg {
  fill: var(--tms-warning-text-color);
}
.tms-progress-ring.bazis-color:not(.bazis-color-default).bazis-color-action .tms-progress-ring__icon {
  color: var(--bazis-color-action-tint);
}
.tms-progress-ring.bazis-color:not(.bazis-color-default).bazis-color-danger .tms-progress-ring__icon {
  color: var(--tms-danger-text-color);
}
.tms-progress-ring.bazis-color:not(.bazis-color-default).bazis-color-success .tms-progress-ring__icon {
  color: var(--tms-success-text-color);
}
.tms-progress-ring.bazis-color:not(.bazis-color-default).bazis-color-warning .tms-progress-ring__icon {
  color: var(--tms-warning-text-color);
}
.tms-progress-ring:hover {
  --background-ring: var(--tms-background-dark-hover);
  stroke-width: 8px;
}
.tms-progress-ring--active {
  --background-ring: var(--tms-background-dark-active);
  stroke-width: 8px;
  border-color: var(--bazis-color-action);
}
.tms-progress-ring--active:hover {
  background: var(--tms-background-dark-hover);
}
.tms-progress-ring bazis-tooltip[data-popper-placement^=right]::part(arrow),
.tms-progress-ring bazis-tooltip[data-popper-placement^=left]::part(arrow) {
  top: calc(50% - var(--width-arrow) / 2);
}
.tms-progress-ring bazis-tooltip {
  text-align: left;
}

app-scroll-buttons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + var(--bazis-margin-1x)));
  display: flex;
  gap: var(--bazis-margin-2x);
}

.tms-scroll-gradient-content--scrolled {
  overscroll-behavior: none;
  --webkit-overflow-scrolling: auto;
  position: relative;
}
.tms-scroll-gradient-content--scrolled::after {
  content: "";
  display: block;
  position: sticky;
  z-index: 10;
  bottom: 0;
  width: 100%;
  height: calc(var(--height-gradient) * 1px);
  transform: translateY(calc(var(--bottom-gradient) * 1px));
  background: linear-gradient(0deg, var(--bazis-color-white) 0%, rgba(var(--bazis-color-white-rgb), 0) 100%);
}

.tms-select-courier {
  display: block;
  padding: var(--bazis-padding-1x) 0;
}
.tms-select-courier .bazis-control__field bazis-autocomplete-selected-value {
  display: flex;
  gap: var(--bazis-margin-2x);
  align-items: center;
}
.tms-select-courier .bazis-control__field-group:not(.tms-select-courier .bazis-block .bazis-control__field-group) {
  padding-left: 0;
  cursor: pointer;
}
.tms-select-courier .tms-selection-item_all {
  display: block;
  margin-bottom: var(--bazis-margin-2x);
}
.tms-select-courier .bazis-infinite-scroll-content .bazis-item {
  --padding-start: 6px;
  --border-radius: 12px;
  --background-selected: rgba(
      var(--bazis-color-action-rgb),
      var(--tms-color-alpha-light)
  );
}
.tms-select-courier .bazis-infinite-scroll-content .bazis-item > span {
  display: flex;
  gap: var(--bazis-margin-2x);
  align-items: center;
  width: 100%;
}
.tms-select-courier .bazis-infinite-scroll-content .bazis-item--selected::after {
  display: none;
}
.tms-select-courier .bazis-infinite-scroll-content .bazis-list_h .bazis-item {
  --padding-start: 0;
  min-height: auto;
}
.tms-select-courier .bazis-infinite-scroll-content .bazis-list_h .bazis-item > span {
  gap: 4px;
}
.tms-select-courier bazis-avatar {
  flex-shrink: 0;
}

.tms-single-value {
  display: flex;
  gap: 6px;
  align-items: baseline;
}
.tms-single-value__title {
  display: flex;
  align-items: center;
  gap: var(--bazis-margin-1x);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.12px;
  color: var(--bazis-icon-color);
}
.tms-single-value__value {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.tms-single-value_vertical {
  flex-direction: column;
  gap: 2px;
}
.tms-single-value_compact .tms-single-value__value {
  font-size: 16px;
  line-height: 24px;
}
.tms-single-value_white, .tms-single-value_grey, .tms-single-value_transparent {
  padding: var(--bazis-padding-2x) var(--bazis-padding-4x);
  border-radius: 12px;
}
.tms-single-value_white.tms-single-value_compact, .tms-single-value_grey.tms-single-value_compact, .tms-single-value_transparent.tms-single-value_compact {
  padding: 6px var(--bazis-padding-3x);
}
.tms-single-value_white {
  background: var(--bazis-background-light);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}
.tms-single-value_grey {
  background: var(--bazis-background-dark);
}
.tms-single-value_clickable {
  padding: var(--bazis-padding-1x) var(--bazis-padding-2x);
  border-radius: var(--bazis-border-radius);
  cursor: pointer;
}
.tms-single-value_clickable:hover {
  background: var(--tms-background-dark-hover);
}
.tms-single-value_clickable:hover .tms-single-value__title {
  color: var(--bazis-text-color);
}
.tms-single-value_clickable.tms-single-value--active {
  outline: 2px solid var(--bazis-color-action);
}
.tms-single-value_clickable.tms-single-value--active .tms-single-value__title {
  color: var(--bazis-text-color);
}

.tms-timeline-metrics {
  position: relative;
}
.tms-timeline-metrics td {
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --border-width: 0;
  vertical-align: middle;
  height: 52px;
}
.tms-timeline-metrics td .bh-ellipsis.bh-block {
  display: block;
}
.tms-timeline-metrics td:first-child {
  --padding-start: var(--bazis-padding-2x);
  --padding-end: 0;
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
}
.tms-timeline-metrics td.bh-sticky {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
}
.tms-timeline-metrics td.bh-sticky > .bh-line-elements {
  height: 100%;
  align-items: center;
  padding: var(--bazis-padding-2x) var(--bazis-padding-3x);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.09);
}
.tms-timeline-metrics tbody tr:hover td.bh-sticky {
  --background: var(--bazis-background-light);
}
.tms-timeline-metrics tbody tr:active td, .tms-timeline-metrics tbody tr:hover:active td {
  --background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
}
.tms-timeline-metrics thead th {
  --border-width: 0 0 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color-light);
  --padding-bottom: calc(var(--bazis-padding-2x) - 1px);
  height: 31px;
}
.tms-timeline-metrics thead th:first-child {
  --padding-start: var(--bazis-padding-5x);
}
.tms-timeline-metrics .tms-timeline-metrics__settings {
  position: absolute;
  right: 0;
  top: 0;
  background: var(--bazis-background-light);
  border-bottom: 1px solid var(--bazis-border-color-light);
}
.tms-timeline-metrics table.bazis-table-fixed {
  min-height: 1px;
}

.tms-timeline-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--bazis-margin-8x);
}
.tms-timeline-nav__left {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: var(--bazis-margin-4x);
}
.tms-timeline-nav__left bazis-select {
  pointer-events: all;
}
.tms-timeline-nav__left bazis-select .bazis-control {
  --background-hover: var(--bazis-background-medium);
  --control-width: min-content;
  min-width: min(100vw - 470px - 341px - 40px - var(--bazis-margin-4x) * 2 - var(--bazis-margin-8x) - var(--bazis-padding-4x) * 2, 232px);
}
.tms-timeline-nav__left bazis-select .bazis-control__field-group:hover .bazis-select__trigger {
  background: transparent;
}
.tms-timeline-nav__left bazis-select .bazis-list_control-dd {
  top: auto;
  bottom: calc(var(--position-top) + var(--margin-top-list));
}
.tms-timeline-nav__center {
  flex-shrink: 0;
}
.tms-timeline-nav__right .tms-search-control {
  --control-width: 472px;
  pointer-events: all;
}
.tms-timeline-nav__right .tms-search-control .bazis-control {
  --background-hover: var(--bazis-background-medium);
}
.tms-timeline-nav__control-height {
  --height: 24px;
  --background: var(--bazis-background-light);
  --background-hover: var(--bazis-background-light);
  --border-radius: 6px;
  --box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color);
}
.tms-timeline-nav__control-height:not(.bazis-btn--disabled) {
  pointer-events: all;
}
@media screen and (min-width: 1440px) and (max-width: 1580px) {
  .tms-timeline-nav__right .tms-search-control {
    --control-width: 335px;
  }
}
@media screen and (max-width: 1440px) {
  .tms-timeline-nav__center {
    display: none;
  }
  .tms-timeline-nav__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--bazis-margin-4x);
  }
}
@media screen and (max-width: 1394px) {
  .tms-timeline-nav__right .tms-search-control {
    --control-width: 400px;
  }
}

.tms-timeline-legend {
  padding: var(--bazis-padding-2x) var(--bazis-padding-4x);
  background: var(--bazis-background-light);
  border-radius: 12px;
  box-shadow: 0px 1px 4px 0px rgba(0, 17, 52, 0.09);
  pointer-events: all;
}
.tms-timeline-legend__switcher {
  display: flex;
  align-items: center;
  gap: var(--bazis-margin-6x);
}
.tms-timeline-legend .bh-line-elements {
  --gap: var(--bazis-margin-2x);
  align-items: center;
}
.tms-timeline-legend bazis-tooltip {
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --border-radius: 12px;
}
.tms-timeline-legend__item {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.12px;
  white-space: nowrap;
  color: var(--bazis-text-color-secondary);
}
.tms-timeline-legend__item__point {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.tms-timeline-legend__item__point_executed {
  border: 3px solid var(--bazis-text-color);
}
.tms-timeline-legend__item__point_arrived {
  border: 1px solid var(--bazis-text-color);
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: rgba(var(--bazis-text-color-rgb), var(--tms-color-alpha-strong));
}
.tms-timeline-legend__item__point_estimate {
  border: 1px solid var(--bazis-text-color);
}
.tms-timeline-legend__item__point_not-executed {
  border: 3px solid var(--bazis-color-danger);
}
.tms-timeline-legend__item__point_executed-plan, .tms-timeline-legend__item__point_delay {
  padding: 3px;
}
.tms-timeline-legend__item__point_executed-plan::before, .tms-timeline-legend__item__point_delay::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: var(--bazis-background-light);
  border-radius: 50%;
}
.tms-timeline-legend__item__point_executed-plan {
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 2px, transparent 2px, transparent 4px), var(--bazis-text-color-disabled);
}
.tms-timeline-legend__item__point_delay {
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 2px, transparent 2px, transparent 4px), var(--bazis-color-danger);
}
.tms-timeline-legend__item__point_estimated-delay {
  border: 1px solid rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-strong));
  background: rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-strong));
}
.tms-timeline-legend__item__point_wait {
  border: 1px solid var(--bazis-border-color-medium);
  background: var(--bazis-background-medium);
}
bazis-tooltip .tms-timeline-legend__item:not(.tms-timeline-legend__item:last-child) {
  margin-bottom: var(--bazis-margin-2x);
}
@media screen and (min-width: 1440.98px) {
  .tms-timeline-nav__right .tms-timeline-legend {
    display: none;
  }
  .tms-timeline-nav__center .tms-timeline-legend_plan.bh-line-elements {
    display: none;
  }
}
@media screen and (max-width: 1360px) {
  .tms-timeline-legend_plan.bh-line-elements {
    display: none;
  }
}
@media screen and (min-width: 1360.98px) and (max-width: 1440px) {
  .tms-timeline-legend__trigger {
    display: none;
  }
}
@media screen and (max-width: 1440.98px) {
  .tms-timeline-nav__right--search-expanded .tms-timeline-legend__trigger {
    display: block;
  }
  .tms-timeline-nav__right--search-expanded .tms-timeline-legend_plan.bh-line-elements {
    display: none;
  }
}
@media screen and (max-width: 1279.98px) {
  .tms-timeline-nav__right--search-expanded .tms-timeline-legend {
    display: none;
  }
}
@media screen and (min-width: 1830px) {
  .tms-timeline-nav__center .tms-timeline-legend__trigger {
    display: none;
  }
  .tms-timeline-nav__center .tms-timeline-legend_plan.bh-line-elements {
    display: flex;
  }
}

.tms-timeline-right-block {
  position: relative;
  min-height: 100%;
  min-width: 100%;
}

.tms-timeline__labels {
  position: relative;
  display: flex;
  align-items: center;
  height: 32px;
  width: fit-content;
  min-width: 100%;
  background: var(--bazis-background-dark);
  border-bottom: 1px solid var(--bazis-border-color-light);
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.tms-timeline__labels__item {
  flex: 0 0 125px;
  flex-shrink: 0;
  padding: 0 6px;
  border-right: 1px solid var(--bazis-border-color-light);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.12px;
  color: var(--bazis-icon-color);
}

.tms-timeline__ticks {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  width: fit-content;
}
.tms-timeline__ticks__item {
  flex: 0 0 125px;
  flex-shrink: 0;
  height: 100%;
  border-right: 1px solid var(--bazis-border-color-light);
}
.tms-timeline__ticks + .tms-telemetry-player__line {
  position: absolute;
}

.tms-timeline__current-line {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1000;
  width: 1px;
  background: var(--bazis-color-action);
}
.tms-timeline__labels .tms-timeline__current-line {
  top: 4px;
  bottom: -1px;
}

.tms-timeline__current-time {
  width: 48px;
  border-radius: 6px;
  background: var(--bazis-color-action);
  text-align: center;
  font-weight: 600;
  color: var(--bazis-text-color-contrast);
  transform: translateX(-24px);
}

.tms-timeline__route-wrapper {
  position: relative;
  height: 52px;
  display: flex;
  gap: 6px;
  flex-direction: column;
  justify-content: center;
}

.tms-timeline__route {
  display: flex;
  align-items: center;
  height: 16px;
}
.tms-timeline__route__point {
  position: relative;
  display: block;
  flex: 0 0 auto;
}
.tms-timeline__route__point bazis-icon.tms-timeline__point {
  display: block;
}
.tms-timeline__route__point_depot bazis-icon.tms-timeline__point, .tms-timeline__route__point_warehouse bazis-icon.tms-timeline__point {
  position: absolute;
  top: -8px;
  right: 0;
}
.tms-timeline__route__point_depot, .tms-timeline__route__point_warehouse {
  position: relative;
}
.tms-timeline__route__point_depot::after, .tms-timeline__route__point_warehouse::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1px;
  left: 1px;
  height: 1px;
  border-radius: 20px;
  background: var(--bazis-color-base, var(--bazis-background-strong));
}
.tms-timeline__route-wrapper--muted .tms-timeline__route__point_depot::after, .tms-timeline__route-wrapper--muted .tms-timeline__route__point_warehouse::after {
  background: var(--bazis-background-strong);
}
.tms-timeline__route__point_depot:last-child bazis-icon.tms-timeline__point, .tms-timeline__route__point_warehouse:last-child bazis-icon.tms-timeline__point {
  float: right;
}
.tms-timeline__route__point_depot:last-child::after, .tms-timeline__route__point_warehouse:last-child::after {
  right: 17px;
  left: 0;
}
.tms-timeline__route__point_depot + .tms-timeline__route__point_depot bazis-icon.tms-timeline__point, .tms-timeline__route__point_depot + .tms-timeline__route__point_warehouse bazis-icon.tms-timeline__point, .tms-timeline__route__point_warehouse + .tms-timeline__route__point_warehouse bazis-icon.tms-timeline__point {
  outline: 1px solid var(--bazis-background-light);
  border-radius: 100px;
  background: var(--bazis-background-light);
}
.tms-timeline__route_fact bazis-icon.tms-timeline__point {
  color: var(--bazis-color-base);
}
.tms-timeline__route_plan bazis-icon.tms-timeline__point {
  color: var(--bazis-text-color-disabled);
}
.tms-timeline__route-wrapper--muted .tms-timeline__route bazis-icon.tms-timeline__point {
  color: var(--bazis-background-strong);
}

.tms-timeline__point:not(bazis-icon) {
  display: flex;
  position: relative;
  align-items: center;
  height: 12px;
  border-radius: 100px;
  margin: 2px 0;
}
.tms-timeline__point__moment {
  position: absolute;
  right: 0;
  display: flex;
  align-items: center;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bazis-background-light);
  margin-right: 1px;
}
.tms-timeline__point--executed .tms-timeline__point__moment, .tms-timeline__point--delay .tms-timeline__point__moment {
  margin-right: 2px;
}
.tms-timeline__point--arrived .tms-timeline__point__moment {
  border: 1px solid var(--bazis-background-light);
  background: var(--bazis-color-base);
  right: auto;
  left: calc(var(--left-moment) * 1px - 4.5px);
  margin: 0;
}
.tms-timeline__route-wrapper--muted .tms-timeline__point--arrived .tms-timeline__point__moment {
  background: var(--bazis-background-strong);
}
.tms-timeline__point--started .tms-timeline__point__moment {
  border: 1px solid var(--bazis-color-base);
  right: auto;
  left: calc(var(--left-moment) * 1px - 4.5px);
  margin: 0;
}
.tms-timeline__route-wrapper--muted .tms-timeline__point--started .tms-timeline__point__moment {
  border-color: var(--bazis-background-strong);
}
.tms-timeline__point--estimate .tms-timeline__point__moment, .tms-timeline__point--wait .tms-timeline__point__moment {
  visibility: hidden;
}
.tms-timeline__point__moment bazis-icon {
  --bazis-icon-xxs-size: 8px;
  color: var(--bazis-color-danger);
}
.tms-timeline__route-wrapper--muted .tms-timeline__point__moment bazis-icon {
  color: var(--bazis-background-strong);
}
.tms-timeline__point__popup {
  --width: 392px;
  --border-radius-list: 16px;
  --box-shadow: 0px 6px 48px 0px rgba(0, 17, 52, 0.14);
  padding: 0;
}
.tms-timeline__point__popup .tms-plate-details {
  --margin-top: 0;
  --margin-bottom: 0;
}
.tms-timeline__point__popup .tms-plate-details--opened .tms-plate-details__summary {
  background: var(--bazis-background-dark);
}
.tms-timeline__point--executed {
  background: var(--bazis-color-base, var(--bazis-background-strong));
}
.tms-timeline__route_plan .tms-timeline__point--executed {
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 3px, transparent 3px, transparent 6px), var(--bazis-text-color-disabled);
}
.tms-timeline__point--delay {
  background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 3px, transparent 3px, transparent 6px), var(--bazis-color-danger);
}
.tms-timeline__point--estimatedDelay {
  border: 1px solid rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-strong));
  background: rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-strong));
}
.tms-timeline__point--wait {
  border: 1px solid var(--bazis-border-color-medium);
  background: var(--bazis-background-medium);
}
.tms-timeline__point--notExecuted {
  border: 1px solid var(--bazis-color-danger);
  background: var(--bazis-color-danger);
  outline: 4px solid rgba(var(--bazis-color-danger-rgb), var(--tms-color-alpha-medium));
}
.tms-timeline__point--arrived, .tms-timeline__point--started {
  border: 1px solid var(--bazis-color-base);
}
.tms-timeline__point--arrived .tms-timeline__point__start, .tms-timeline__point--started .tms-timeline__point__start {
  position: relative;
  z-index: 1;
  width: calc(var(--width-part) * 1px);
  height: 100%;
  background: rgba(var(--bazis-color-base-rgb), var(--tms-color-alpha-medium));
  border-radius: 100px 0 0 100px;
}
.tms-timeline__point--estimate {
  opacity: 0.4;
}
.tms-timeline__point--estimate:not(bazis-icon) {
  border: 1px solid var(--bazis-color-base);
  background: transparent;
}
.tms-timeline__route-wrapper--muted .tms-timeline__point:not(bazis-icon) {
  background: var(--bazis-background-strong);
  border-color: var(--bazis-background-strong);
}
.tms-timeline__route-wrapper--muted .tms-timeline__point--estimate:not(bazis-icon), .tms-timeline__route-wrapper--muted .tms-timeline__point--arrived:not(bazis-icon), .tms-timeline__route-wrapper--muted .tms-timeline__point--started:not(bazis-icon) {
  background: transparent;
}
.tms-timeline__route-wrapper--muted .tms-timeline__point--arrived:not(bazis-icon) .tms-timeline__point__start, .tms-timeline__route-wrapper--muted .tms-timeline__point--started:not(bazis-icon) .tms-timeline__point__start {
  background: var(--bazis-background-medium);
}

.tms-telemetry-player-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  border-right: 1px dashed var(--bazis-border-color-medium);
  border-left: 1px dashed var(--bazis-border-color-medium);
  background: var(--bazis-background-medium);
}
.tms-timeline__labels .tms-telemetry-player-wrapper {
  top: 4px;
  bottom: -1px;
  border-color: transparent;
  background: transparent;
}
.tms-telemetry-player__line {
  background: var(--bazis-text-color);
  width: 1px;
  height: 100%;
}
.tms-telemetry-player__line__plate {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 2px;
  height: 20px;
  padding: 0 6px;
  border-radius: 6px;
  background: var(--bazis-text-color);
  color: var(--bazis-text-color-contrast);
  transform: translateX(-50%);
  cursor: pointer;
}
.tms-telemetry-player__line__plate bazis-icon {
  color: rgba(var(--bazis-text-color-contrast-rgb), 0.4);
}
.tms-telemetry-player__line:hover .tms-telemetry-player__line__plate bazis-icon {
  color: var(--bazis-text-color-contrast);
}

.tms-view-work-schedule {
  --gap: var(--bazis-margin-4x);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
  margin-bottom: var(--bazis-margin-4x);
}
.tms-view-work-schedule__item {
  width: calc(50% - var(--gap) / 2);
}
.tms-view-work-schedule__item__title {
  font-size: var(--bazis-font-size-p-minor);
  line-height: var(--bazis-line-height-p-minor);
  letter-spacing: -0.12px;
  color: var(--bazis-text-color-secondary);
  text-transform: capitalize;
}

.tms-workload {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 7px;
  height: 62px;
  border-left: 1px solid var(--bazis-border-color-light);
  background: var(--bazis-background-dark);
  overflow: hidden;
}
.tms-workload__value {
  height: calc(var(--height-value) * 1%);
  width: 100%;
  background: var(--bazis-color-action);
}
.tms-workload--selected {
  border-color: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-medium));
  background: rgba(var(--bazis-color-action-rgb), var(--tms-color-alpha-light));
}
.tms-grid_plates .tms-workload {
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: 0 var(--bazis-border-radius) var(--bazis-border-radius) 0;
  height: 100%;
}

app-list-cell-items {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.bazis-browse-default app-list-cell-items {
  flex-wrap: wrap;
}

.tms-text-with-icon {
  display: flex;
  align-items: center;
  gap: 6px;
}
.tms-text-with-icon bazis-icon {
  flex-shrink: 0;
  color: var(--bazis-icon-color);
}
.tms-text-with-icon bazis-thumbnail {
  border: none;
}
.bazis-item--disabled .tms-text-with-icon bazis-thumbnail {
  opacity: 0.2;
  filter: grayscale(1);
}
.tms-plate-details__content .tms-text-with-icon {
  max-width: 123px;
}
.tms-plate-details__content .tms-text-with-icon span.bh-ellipsis {
  max-width: 105px;
}
.tms-text-with-icon.bazis-color:not(.bazis-color-action,
.bazis-color-danger,
.bazis-color-success,
.bazis-color-warning) bazis-icon {
  color: var(--bazis-color-base);
}
.tms-text-with-icon.bazis-color.bazis-color-action bazis-icon {
  color: var(--bazis-color-action-tint);
}
.tms-text-with-icon.bazis-color.bazis-color-danger bazis-icon {
  color: var(--tms-danger-text-color);
}
.tms-text-with-icon.bazis-color.bazis-color-success bazis-icon {
  color: var(--tms-success-text-color);
}
.tms-text-with-icon.bazis-color.bazis-color-warning bazis-icon {
  color: var(--tms-warning-text-color);
}
.tms-text-with-icon.tms-text_disabled bazis-icon,
.tms-text-with-icon .tms-text_disabled bazis-icon {
  color: var(--bazis-text-color-disabled);
}
.tms-text-with-icon.bh-align-items-start bazis-icon {
  margin-top: 2px;
}

.tms-text-rate {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.tms-list-tools {
  display: flex;
  gap: var(--bazis-margin-2x);
  padding: var(--bazis-padding-4x) var(--bazis-padding-4x) var(--bazis-padding-3x);
  flex-shrink: 0;
}
.bazis-panel__header .tms-list-tools {
  padding: 0;
  margin-top: var(--bazis-margin-2x);
}
.tms-list-tools .tms-search-control {
  width: 100%;
}

.tms-map-date-filter-wrapper {
  position: absolute;
  z-index: 1000;
  top: 16px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.tms-display-panels-control {
  position: absolute;
  top: 122px;
  right: var(--bazis-padding-4x);
}

.tms-margin-top-6 {
  margin-top: 6px;
}

.tms-vertical-middle {
  vertical-align: middle;
}

bazis-item-with-icon-value {
  display: contents;
}
bazis-item-with-icon-value bazis-icon {
  flex-shrink: 0;
}

.tms-autoscroll {
  position: sticky;
  bottom: -12px;
  background: var(--bazis-background-light);
  padding: var(--bazis-padding-1x) 0;
  text-align: center;
  cursor: pointer;
}

app-users-page,
app-setup-telemetry-apps {
  display: block;
  height: calc(100vh - var(--tms-header-height) - var(--bazis-padding-4x) - var(--bazis-padding-6x) - 120px);
}

.tms-password-indicator {
  display: flex;
  justify-content: stretch;
  gap: 4px;
  width: 100%;
}
.tms-password-indicator > * {
  border-radius: 100px;
  height: 6px;
  width: 100%;
  background: var(--bazis-border-color);
}
.tms-password-indicator > *.bazis-color {
  background: var(--bazis-color-base);
}
.tms-password-indicator > *.bazis-color.bazis-color-success-shade {
  background: var(--bazis-color-success-shade);
}

.tms-telemetry-statistic {
  display: flex;
  align-items: stretch;
  gap: var(--bazis-margin-8x);
  padding: 0 var(--bazis-padding-6x);
  min-height: 364px;
}
.tms-telemetry-statistic app-setup-telemetry-statistic-chart {
  width: 100%;
}
.tms-telemetry-statistic .bazis-block_outline {
  width: 30%;
  flex-shrink: 0;
}

app-setup-telemetry-apps .bazis-block__header h4 + p {
  max-width: 800px;
}

.tms-spinner {
  --size-spinner: 16px;
  width: var(--size-spinner);
  height: var(--size-spinner);
  animation: rotate 2s linear infinite;
  stroke: var(--bazis-color-action);
}
.tms-spinner circle {
  cx: 8;
  cy: 8;
  r: 6.5;
  stroke-width: 3;
}
.tms-spinner circle:last-child {
  stroke-linecap: square;
  stroke-dasharray: 10.205 40.82;
  stroke-dashoffset: 0;
}

/* Layout Components of alphabet */
app-header {
  position: sticky;
  top: 0;
  z-index: 101;
}

.tms-header {
  height: var(--tms-header-height);
  padding: var(--bazis-padding-4x) var(--bazis-padding-8x);
  background: var(--bazis-background-light);
  border-bottom: 1px solid rgba(229, 232, 240, 0.6);
}
.tms-header bazis-toolbar {
  height: 100%;
}
.tms-header bazis-logo {
  margin-right: 64px;
}
.tms-header bazis-logo[short] {
  display: none;
}
.tms-header bazis-segment-item bazis-icon {
  --bazis-icon-l-size: 16px;
}
.tms-header bazis-avatar {
  --background: transparent;
  --color: var(--bazis-text-color);
}
.tms-header__profile {
  margin-left: var(--bazis-margin-8x);
}
.tms-header__profile .bazis-dropdown__trigger {
  display: flex;
  gap: var(--bazis-margin-3x);
  align-items: center;
  cursor: pointer;
}
.tms-header__profile .bazis-dropdown__trigger p.bazis-p_minor {
  --bazis-p-margin: 0;
  letter-spacing: -0.12px;
  color: var(--bazis-text-color-secondary);
}
@media screen and (min-width: 1920.98px) {
  .tms-header bazis-segment {
    --border-radius-segment: 16px;
    --padding-start-segment: var(--bazis-padding-2x);
    --padding-end-segment: var(--bazis-padding-2x);
    --padding-top-segment: var(--bazis-padding-2x);
    --padding-bottom-segment: var(--bazis-padding-2x);
  }
  .tms-header bazis-segment-item {
    --height: 46px;
    --border-radius: 12px;
    --padding-top: 11px;
    --padding-bottom: 11px;
    --padding-start: var(--bazis-padding-4x);
    --padding-end: var(--bazis-padding-4x);
    font-size: 16px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1920px) {
  .tms-header {
    padding-top: var(--bazis-padding-1x);
    padding-bottom: var(--bazis-padding-1x);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  .tms-header {
    padding-left: var(--bazis-padding-6x);
    padding-right: var(--bazis-padding-6x);
  }
}
@media screen and (max-width: 1920px) {
  .tms-header bazis-segment {
    --padding-start-segment: 6px;
    --padding-end-segment: 6px;
    --padding-top-segment: 6px;
    --padding-bottom-segment: 6px;
  }
  .tms-header bazis-segment-item {
    --height: 36px;
  }
}
@media screen and (max-width: 1440px) {
  .tms-header bazis-logo {
    margin-right: var(--bazis-margin-8x);
  }
  .tms-header bazis-logo[short] {
    display: block;
  }
  .tms-header bazis-logo[medium] {
    display: none;
  }
}
@media screen and (min-width: 1024.98px) and (max-width: 1920px) {
  .tms-header {
    padding-top: var(--bazis-padding-1x);
    padding-bottom: var(--bazis-padding-1x);
  }
}

.tms-layout-work {
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--tms-header-height) - var(--bazis-padding-4x) - var(--bazis-padding-6x));
}

.tms-layout-table {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--bazis-margin-8x);
  min-height: 607px;
  height: 100%;
}
.tms-layout-table .tms-block_table {
  width: 100%;
}
.tms-layout-table .bazis-map-wrapper + .tms-block_table {
  width: calc(100% - 573px - var(--bazis-margin-8x));
}
.tms-layout-table .bazis-map-wrapper.tms-map-wrapper--lasso + .tms-block_table {
  width: calc(100% - 1001px - var(--bazis-margin-8x));
}
.tms-layout-table .bazis-map-wrapper.tms-map-wrapper--collapsed + .tms-block_table {
  width: calc(100% - 104px - var(--bazis-margin-8x));
}
app-setup-telemetry-app .tms-layout-table {
  min-height: 202px;
  flex-direction: column;
  gap: 0;
}

.tms-layout-map {
  margin-right: calc(var(--tms-scroll-margin-side) * -1);
}

.tms-layout-above-map {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--bazis-margin-4x);
}
.tms-layout-above-map[popover] {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
  padding: 0;
}

.tms-layout-aside-left__section {
  display: flex;
  gap: 96px;
  align-items: flex-start;
}
.tms-layout-aside-left__section main {
  flex: 1 1 auto;
}
app-legal-documents .tms-layout-aside-left__section {
  gap: 124px;
}
app-legal-documents .tms-layout-aside-left__section main {
  max-width: 712px;
}
app-account-page .tms-layout-aside-left__section main {
  max-width: 470px;
}
.tms-layout-aside-left__aside_short {
  width: 224px;
  flex: 0 0 224px;
}
.tms-layout-aside-left__aside_medium {
  width: 424px;
  flex: 0 0 424px;
}
app-profile-page .tms-layout-aside-left {
  overflow-y: auto;
  height: calc(100vh - var(--tms-header-height) - var(--bazis-padding-4x) - var(--bazis-padding-6x) - 120px - var(--bazis-padding-4x) - var(--bazis-padding-6x));
}

.tms-grid-css {
  display: grid;
}
.tms-grid-css_add {
  --gap: var(--bazis-margin-6x);
  gap: var(--gap);
  height: 100%;
  /* Будет создано 3 колонки */
  grid-template-columns: 380px auto;
  /* Будет создано 2 ряда */
  grid-template-rows: calc(50% - var(--gap) / 2) calc(50% - var(--gap) / 2);
  grid-auto-flow: column;
}
.tms-grid-css_add > *:nth-child(1),
.tms-grid-css_add > .bazis-map-wrapper {
  grid-row: span 2;
}
.tms-grid-css_add > .bazis-list-page,
.tms-grid-css_add > .tms-block_table {
  grid-column: span 2;
  grid-row: span 2;
}
.tms-grid-css_metrics {
  gap: var(--bazis-margin-2x);
  grid-template-columns: repeat(3, 1fr);
  padding: var(--bazis-padding-3x) var(--bazis-padding-4x) 0;
}

/* Leaflet */
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
  max-width: none !important;
  max-height: none !important;
  border-radius: 0 !important;
  object-fit: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  z-index: 80;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 40;
}

.leaflet-pane.leaflet-tile-pane {
  z-index: 20;
}

.leaflet-pane.leaflet-editor_base-pane {
  z-index: 30;
}

.leaflet-pane.leaflet-overlay-pane {
  z-index: 40;
}

.leaflet-pane.leaflet-shadow-pane {
  z-index: 50;
}

.leaflet-pane.leaflet-marker-pane {
  z-index: 60;
}

.leaflet-pane.leaflet-tooltip-pane {
  z-index: 5000;
}

.leaflet-pane.leaflet-popup-pane {
  z-index: 7000;
}

.leaflet-map-pane .leaflet-canvas-pane {
  z-index: 55;
}

.leaflet-map-pane canvas {
  z-index: 10;
}

.leaflet-map-pane svg {
  z-index: 20;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control-container > div {
  display: flex;
  align-items: flex-start;
}

.leaflet-control {
  position: relative;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  pointer-events: none;
}

.leaflet-top {
  z-index: 100;
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  z-index: 0;
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -moz-grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -moz-grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-map-pane,
.leaflet-canvas-pane {
  will-change: transform;
  width: 100%;
  height: 100%;
}

.leaflet-marker-icon {
  background: var(--bazis-color-white);
  border: 1px solid var(--bazis-color-primary);
}

/* visual tweaks */
.leaflet-container {
  outline: 0;
}

/* general toolbar styles */
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

/* layers control */
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url("/assets/images/marker-icon.png");
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-control-layers-list {
  z-index: 110;
}

.leaflet-interactive {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.leaflet-popup {
  /*
  * @prop --min-height: минимальная высота тултипа
  * @prop --width: ширина тултипа
  * @prop --border-radius: радиус скругления
  * @prop --border-width: толщина границы
  * @prop --border-style: стиль границы
  * @prop --border-color: цвет границы
  * @prop --background: фон тултипа
  * @prop --box-shadow: тень тултипа
  *
  * @prop --padding-start: внутренний начальный отступ тултипа
  * @prop --padding-end: внутренний конечный отступ тултипа
  * @prop --padding-top: внутренний верхний отступ тултипа
  * @prop --padding-bottom: внутренний нижний отступ тултипа
  *
  * @prop --width-arrow: ширина стрелочки
  * @prop --height-arrow: высота стрелочки
  *
  * @prop --height-marker: высота маркера
  *
  * @prop --width-close: ширина кнопки закрытия
  * @prop --height-close: высота кнопки закрытия
  * @prop --top-close: позиционирование сверху кнопки закрытия
  * @prop --right-close: позиционирование справа кнопки закрытия
  * @prop --background-close: фон кнопки закрытия
  * @prop --background-hover-close: фон при наведении кнопки закрытия
  * @prop --color-close: цвет кнопки закрытия
  * @prop --color-hover-close: цвет при наведении кнопки закрытия
  */
  --min-height: initial;
  --width: initial;
  --border-radius: initial;
  --border-width: initial;
  --border-style: initial;
  --border-color: initial;
  --background: initial;
  --box-shadow: initial;
  --color-close: initial;
  --background-close: initial;
  --color-hover-close: var(--color-close);
  --background-hover-close: var(--background-close);
  position: absolute;
}
.leaflet-popup-content-wrapper {
  overflow-y: auto;
  box-sizing: border-box;
  min-height: var(--min-height);
  max-height: var(--max-height);
  width: var(--width);
  border-radius: var(--border-radius);
  border: var(--border-width) var(--border-style) var(--border-color);
  background: var(--background);
  box-shadow: var(--box-shadow);
  padding: var(--padding-top) var(--padding-end) var(--padding-bottom) var(--padding-start);
}
.leaflet-popup-content {
  width: 100% !important;
}
.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid var(--bazis-color-danger);
  border-top: 1px solid var(--bazis-color-danger);
}
.leaflet-popup-close-button {
  display: none;
}

.leaflet-popup {
  top: 100%;
}
.leaflet-popup .tms-map-popup_multi {
  width: 187px;
  padding: var(--bazis-padding-1x);
  margin-top: var(--bazis-margin-4x);
  border-radius: 12px;
  background: var(--bazis-background-light);
  box-shadow: 0px 1px 4px 0px rgba(0, 25, 81, 0.09);
}
.leaflet-popup .tms-map-popup_multi.bazis-list {
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --padding-top: 6px;
  --padding-bottom: 6px;
  --border-radius: var(--bazis-border-radius);
  --background-hover: var(--tms-background-dark-hover);
}
.leaflet-popup .tms-map-popup_multi.bazis-list > .bazis-item > .bh-flex, .leaflet-popup .tms-map-popup_multi.bazis-list > .bazis-item > .bh-flex-column, .leaflet-popup .tms-map-popup_multi.bazis-list > .bazis-item > .bh-flex-row-reverse, .leaflet-popup .tms-map-popup_multi.bazis-list > .bazis-item > .bh-flex-column-reverse {
  max-width: 100%;
  gap: 6px;
}
.leaflet-popup .tms-map-popup_multi.bazis-list > .bazis-item:hover .bh-visible-hover {
  display: block;
  height: 16px;
}
.leaflet-popup .tms-map-popup_multi.bazis-list > .bazis-item:hover .bh-hide-hover {
  display: none;
}
.leaflet-popup .tms-map-popup_multi .tms-map-popup__line {
  width: 137px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.leaflet-popup .tms-map-popup_multi .tms-map-popup__line:first-of-type {
  margin-bottom: 2px;
}

.leaflet-tooltip {
  position: absolute;
}
.leaflet-tooltip-claster {
  display: flex;
  gap: 2px;
  border-radius: 40px;
  background: var(--bazis-icon-color);
  padding: var(--bazis-padding-1x) var(--bazis-padding-2x);
  color: var(--bazis-text-color-contrast);
}
.leaflet-tooltip-claster svg {
  width: 12px;
  height: 12px;
}
.leaflet-tooltip-claster .leaflet-tooltip__badge {
  display: inline-block;
  background: var(--bazis-background-light);
  min-width: 12px;
  height: 12px;
  padding: 0 3.6px;
  border-radius: 6px;
  text-align: center;
  font-size: 8px;
  font-style: normal;
  font-weight: 600;
  line-height: 12px; /* 150% */
  color: var(--bazis-icon-color);
}

/* b3Gis map */
.b3gis-map {
  height: 100%;
  width: 100%;
}
.tms-grid_dialog .b3gis-map {
  height: calc(100vh - 162px);
  border: 1px solid var(--bazis-border-color-medium);
  border-radius: 12px;
}
.tms-grid_dialog .b3gis-map .b3-gis__map {
  border-radius: 12px;
}
app-geo-zone-edit .b3gis-map, app-geo-zone-view .b3gis-map, .tms-map-edit-address-wrapper .b3gis-map {
  border: 1px solid var(--bazis-border-color-medium);
  border-radius: 12px;
}
app-geo-zone-edit .b3gis-map .b3-gis__map, app-geo-zone-view .b3gis-map .b3-gis__map, .tms-map-edit-address-wrapper .b3gis-map .b3-gis__map {
  border-radius: 12px;
}

.b3gis-map .maplibregl-popup-content {
  max-height: 300px;
  overflow: auto;
  padding: var(--bazis-padding-1x);
  border-radius: 12px;
  width: 187px;
  box-shadow: 0px 1px 4px 0px rgba(0, 25, 81, 0.09);
  font-family: var(--bazis-font-family);
}
.bazis-dialog .b3gis-map .maplibregl-popup-content {
  padding: var(--bazis-padding-4x) var(--bazis-padding-2x);
  border-radius: 16px;
  width: 242px;
  top: -20px;
}
.maplibregl-popup-content .tms-popup-list__item {
  padding: 6px var(--bazis-padding-2x);
  border-radius: var(--bazis-border-radius);
  font-size: var(--bazis-font-size);
  line-height: var(--bazis-line-height);
  font-weight: 500;
}
.maplibregl-popup-content .tms-popup-list__item .bazis-list {
  --line-height: 16px;
}
.maplibregl-popup-content .tms-popup-list__item .bazis-list svg {
  color: var(--bazis-icon-color);
}
.maplibregl-popup-content .tms-popup-list__item .bazis-list .tms-text_disabled svg {
  color: var(--bazis-text-color-disabled);
}
.maplibregl-popup-content .tms-popup-list__item:hover {
  background: var(--tms-background-dark-hover);
}
.maplibregl-popup-content .tms-popup-list__item:hover .bh-visible-hover {
  display: block;
  height: 16px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: var(--bazis-color-action);
}
.maplibregl-popup-content .tms-popup-list__item:hover a.bh-visible-hover {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.maplibregl-popup-content .tms-popup-list__item:hover .bh-hide-hover {
  display: none;
}
.maplibregl-popup-content .bh-flex, .maplibregl-popup-content .bh-flex-column, .maplibregl-popup-content .bh-flex-row-reverse, .maplibregl-popup-content .bh-flex-column-reverse {
  gap: 6px;
}
.maplibregl-popup-content .tms-badge_point {
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center;
  background: var(--bazis-color-base);
  outline: 2px solid var(--bazis-background-light);
  padding: 0 3px;
  border-radius: 40px;
  height: 18px;
  min-width: 18px;
  font-size: 12px;
  font-weight: 700;
  color: var(--bazis-background-light);
}
.maplibregl-popup-content .tms-badge_point svg,
.maplibregl-popup-content .tms-badge_point svg + span {
  flex-shrink: 0;
}
.maplibregl-popup-content .tms-badge_point_svg {
  outline: 3px solid var(--bazis-color-base);
  padding: 0;
}
.maplibregl-popup-content .tms-badge_point.tms-badge_point_outline.bazis-color, .maplibregl-popup-content .tms-badge_point.tms-badge_point_inprogress.bazis-color {
  outline-color: var(--bazis-color-base);
}
.maplibregl-popup-content .tms-badge_point.bazis-color-danger {
  outline-color: rgba(var(--bazis-color-base-rgb), var(--tms-color-alpha-medium));
}
.maplibregl-popup-content .tms-badge_point_outline {
  background: var(--bazis-color-contrast);
  color: var(--bazis-color-base);
}
.maplibregl-popup-content .tms-badge_point_inprogress {
  background: rgba(var(--bazis-color-base-rgb), 0.2);
  color: var(--bazis-color-base);
}
.maplibregl-popup-content .tms-map-popup__line {
  width: 137px;
}
.maplibregl-popup-content .tms-map-popup__line.bazis-text_minor {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.maplibregl-popup-content .tms-map-popup__line:first-child {
  margin-bottom: 2px;
}

.bazis-dialog .b3gis-map .maplibregl-popup-tip {
  display: none;
}

.tms-layout-table .bazis-map-wrapper {
  --width: fit-content;
  flex-shrink: 0;
}
.tms-layout-table .bazis-map-wrapper app-b3gis-map {
  display: contents;
}
.tms-layout-table .bazis-map-wrapper .b3gis-map {
  width: 571px;
}
.tms-layout-table .bazis-map-wrapper .b3gis-map.tms-map_medium {
  width: calc(100vw - var(--bazis-margin-8x) * 3 - 585px);
}
.tms-layout-table .bazis-map-wrapper.tms-map-wrapper--collapsed .b3gis-map {
  width: 102px;
}
.tms-layout-table .bazis-map-wrapper.tms-map-wrapper--collapsed .b3gis-map ~ .bazis-map__base-control,
.tms-layout-table .bazis-map-wrapper.tms-map-wrapper--collapsed .b3gis-map ~ .bazis-corner {
  display: none;
}

.tms-map-edit-address-wrapper {
  position: relative;
  height: 224px;
  padding-bottom: var(--bazis-padding-4x);
}
.tms-map-edit-address-wrapper .tms-map-placeholder span {
  border-radius: var(--bazis-border-radius);
  padding: var(--bazis-padding-1x) var(--bazis-padding-3x);
  font-size: 14px;
  font-weight: 500;
}

/* Blocks */
.tms-planning-settings {
  max-width: 800px;
}
.tms-planning-settings .bazis-switcher {
  padding-top: var(--bazis-padding-5x);
}
.tms-planning-settings bazis-switcher + bazis-input-options .bazis-control {
  --margin-top: var(--bazis-margin-4x);
  --margin-bottom: 0;
  --margin-start: 46px;
}
.tms-planning-settings bazis-interrogation::part(tooltip light) {
  --max-width: 272px;
  --height-arrow: 0;
  --width-arrow: 0;
  --color: var(--bazis-text-color-secondary);
}

.tms-list-fast-filters {
  display: flex;
  gap: var(--bazis-margin-4x);
  align-items: center;
}
.tms-list-fast-filters__values {
  display: flex;
  gap: var(--bazis-margin-6x);
  align-items: center;
}
.tms-list-fast-filters__values bazis-tooltip[data-popper-placement^=right]::part(arrow),
.tms-list-fast-filters__values bazis-tooltip[data-popper-placement^=left]::part(arrow) {
  top: calc(50% - var(--width-arrow) / 2);
}
.tms-list-fast-filters__rings {
  display: flex;
  gap: var(--bazis-margin-1x);
}

app-signatures .bazis-modal {
  --max-height: 904px;
}

.bazis-accordion_doc .bazis-file-inline .bazis-list > .bazis-item:first-child {
  margin-bottom: 0;
}

.tms-tabs-user-wrapper {
  position: relative;
  display: flex;
  width: 100%;
  gap: var(--bazis-margin-4x);
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--bazis-padding-4x);
  background: var(--bazis-background-dark);
}
.tms-tabs-user-wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--bazis-border-color);
}
.tms-tabs-user-wrapper app-tabs-users {
  width: 100%;
}

/* Pages */
.tms-entrance-page {
  padding: var(--bazis-padding-4x);
  background: var(--bazis-background-light);
}
.tms-entrance-page__banner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--bazis-margin-8x);
  border-radius: 24px;
  background: url("/assets/images/bg-entrance-1.png") 50% 50%/cover no-repeat, radial-gradient(circle, rgba(var(--bazis-color-white-rgb), 0.07) 1px, rgba(255, 255, 255, 0) 0.39px) 0 0/14px 14px repeat;
  background-color: var(--bazis-color-primary-tint);
  padding: 72px 96px 0;
  width: 100%;
  height: 100%;
}
.tms-entrance-page__banner > .bh-flex, .tms-entrance-page__banner > .bh-flex-column, .tms-entrance-page__banner > .bh-flex-row-reverse, .tms-entrance-page__banner > .bh-flex-column-reverse {
  gap: var(--bazis-margin-8x);
}
.tms-entrance-page__banner h2 {
  flex-shrink: 0;
  width: 60%;
  max-width: 760px;
  color: var(--bazis-text-color-contrast);
}
@media screen and (max-width: 800px) {
  .tms-entrance-page__banner {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .tms-entrance-page__banner .bazis-figure {
    display: none;
  }
}
@media screen and (max-width: 1279px) {
  .tms-entrance-page__banner h2 {
    --bazis-font-size-h2: 18px;
    --bazis-line-height-h2: normal;
    font-weight: 500;
  }
}
@media screen and (max-width: 1440px) {
  .tms-entrance-page__banner {
    position: relative;
    padding: var(--bazis-padding-8x) var(--bazis-padding-8x) 0;
    gap: var(--bazis-margin-6x);
    overflow: hidden;
  }
  .tms-entrance-page__banner > .bh-flex, .tms-entrance-page__banner > .bh-flex-column, .tms-entrance-page__banner > .bh-flex-row-reverse, .tms-entrance-page__banner > .bh-flex-column-reverse {
    flex-direction: column-reverse;
    justify-content: flex-start;
  }
  .tms-entrance-page__banner h2 {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1360px) {
  .tms-entrance-page .bazis-figure {
    --height: 600px;
    position: absolute;
    bottom: 0;
    max-height: 60%;
  }
  .tms-entrance-page .bazis-figure img {
    object-position: 0 0;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .tms-entrance-page .bazis-figure {
    left: 50px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1360px) {
  .tms-entrance-page .bazis-figure {
    left: var(--bazis-padding-8x);
  }
}

.tms-entrance-wrapper {
  display: flex;
  gap: var(--bazis-margin-4x);
  height: 100%;
  overflow: hidden;
}
.tms-entrance-wrapper main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 56px;
  flex-shrink: 0;
  overflow: auto;
  max-width: 524px;
  width: 100%;
  padding: 40px;
}
.tms-entrance-wrapper main h2 {
  --bazis-h2-margin: 0 0 var(--bazis-margin-3x);
  font-weight: 700;
}
.tms-entrance-wrapper main h2 + p span {
  color: var(--bazis-text-color);
}
.tms-entrance-wrapper main form {
  margin-top: 56px;
}
.tms-entrance-wrapper main app-sign-up {
  display: contents;
}
.tms-entrance-wrapper main app-sign-up h2 {
  margin-bottom: 56px;
}
.tms-entrance-wrapper main app-sign-up form {
  margin-top: 0;
  min-height: 100%;
}
.tms-entrance-wrapper main app-sign-up-result {
  text-align: center;
}
.tms-entrance-wrapper main app-sign-up-result bazis-button {
  margin-top: 56px;
}
.tms-entrance-wrapper main .bazis-control {
  --margin-bottom: var(--bazis-margin-6x);
}
@media screen and (max-width: 1279px) {
  .tms-entrance-wrapper main {
    max-width: 488px;
  }
}

.tms-init-password-success {
  text-align: center;
}
.tms-init-password-success h2 {
  margin: var(--bazis-margin-3x) 0 0;
}
.tms-init-password-success bazis-button {
  margin-top: 56px;
}

.bazis-list-page__body {
  display: flex;
  flex-direction: column;
  height: calc(100% - 104px);
}
.bazis-list-page__tools {
  --margin-bottom: var(--bazis-margin-6x);
}
.bazis-list-page__tools [slot=start],
.bazis-list-page__tools [slot=end] {
  gap: var(--column-gap);
}
.bazis-list-page__tools bazis-segment {
  --padding-start-segment: 6px;
  --padding-end-segment: 6px;
  --padding-top-segment: 6px;
  --padding-bottom-segment: 6px;
}
.bazis-list-page__tools bazis-segment bazis-icon {
  --bazis-icon-l-size: 16px;
  margin: 0;
}
.bazis-list-page__tools bazis-segment-item {
  --height: 36px;
  --padding-start: 10px;
  --padding-end: 10px;
}
.bazis-list-page__tools .tms-search-control .bazis-control {
  --height: 46px;
  --control-width: 471px;
}
.tms-layout-table .bazis-list-page__tools .tms-search-control .bazis-control {
  --height: 38px;
  --control-width: 393px;
}
.tms-block_table .bazis-list-page__tools {
  --margin-bottom: 0;
}

/*# sourceMappingURL=styles.13261e10c1b0b4fd.css.map*/