/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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=PT+Sans+Caption:wght@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/core.scss?ngGlobalStyle (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=PT+Sans+Caption:wght@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: #FFCC00;
  --bazis-color-primary-rgb: 255, 204, 0;
  --bazis-color-primary-contrast: #ffffff;
  --bazis-color-primary-contrast-rgb: 255,255,255;
  --bazis-color-primary-shade: #E0B400;
  --bazis-color-primary-shade-rgb: 224, 180, 0;
  --bazis-color-primary-tint: #FFD11A;
  /** secondary **/
  --bazis-color-secondary: #43B1F2;
  --bazis-color-secondary-rgb: 67,177,242;
  --bazis-color-secondary-contrast: #ffffff;
  --bazis-color-secondary-contrast-rgb: 255,255,255;
  --bazis-color-secondary-shade: #3b9cd5;
  --bazis-color-secondary-shade-rgb: 59, 156, 213;
  --bazis-color-secondary-tint: #56b9f3;
  /** tertiary **/
  --bazis-color-tertiary: #817AF9;
  --bazis-color-tertiary-rgb: 128,122,249;
  --bazis-color-tertiary-contrast: #ffffff;
  --bazis-color-tertiary-contrast-rgb: 255,255,255;
  --bazis-color-tertiary-shade: #726bdb;
  --bazis-color-tertiary-shade-rgb: 114, 107, 219;
  --bazis-color-tertiary-tint: #8e87fa;
  /** action **/
  --bazis-color-action: #3356D7;
  --bazis-color-action-rgb: 51, 86, 215;
  --bazis-color-action-contrast: #ffffff;
  --bazis-color-action-contrast-rgb: 255,255,255;
  --bazis-color-action-shade: #2D4CBD;
  --bazis-color-action-shade-rgb: 45, 76, 189;
  --bazis-color-action-tint: #4767DB;
  /** info **/
  --bazis-color-info: #C4C4C4;
  --bazis-color-info-rgb: 196,196,196;
  --bazis-color-info-contrast: #ffffff;
  --bazis-color-info-contrast-rgb: 255,255,255;
  --bazis-color-info-shade: #acacac;
  --bazis-color-info-shade-rgb: 172, 172, 172;
  --bazis-color-info-tint: #f3f3f3;
  /** success **/
  --bazis-color-success: #78C649;
  --bazis-color-success-rgb: 120,198,73;
  --bazis-color-success-contrast: #ffffff;
  --bazis-color-success-contrast-rgb: 255,255,255;
  --bazis-color-success-shade: #6aae40;
  --bazis-color-success-shade-rgb: 106, 174, 64;
  --bazis-color-success-tint: #86cc5b;
  /** warning **/
  --bazis-color-warning: #F6BF36;
  --bazis-color-warning-rgb: 246,191,54;
  --bazis-color-warning-contrast: #ffffff;
  --bazis-color-warning-contrast-rgb: 255,255,255;
  --bazis-color-warning-shade: #d8a830;
  --bazis-color-warning-shade-rgb: 216, 168, 48;
  --bazis-color-warning-tint: #f7c54a;
  /** danger **/
  --bazis-color-danger: #ED1A34;
  --bazis-color-danger-rgb: 237,26,52;
  --bazis-color-danger-contrast: #ffffff;
  --bazis-color-danger-contrast-rgb: 255,255,255;
  --bazis-color-danger-shade: #d1172e;
  --bazis-color-danger-shade-rgb: 209, 23, 46;
  --bazis-color-danger-tint: #ef3148;
  /*** 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: #111214;
  --bazis-text-color-rgb: 17, 18, 20;
  --bazis-text-color-secondary: #9096A2;
  --bazis-text-color-secondary-rgb: 144, 150, 162;
  --bazis-text-color-contrast: var(--bazis-color-white);
  --bazis-text-color-contrast-rgb: var(--bazis-color-white-rgb);
  /* link color */
  --bazis-link-color: var(--bazis-color-action);
  --bazis-link-color-rgb: var(--bazis-color-action-rgb);
  --bazis-link-hover-color: #1F42C3;
  --bazis-link-hover-color-rgb: 31, 66, 195;
  --sl-footer-link-color: #869FB2;
  /** placeholder color  **/
  --bazis-placeholder-color: #BCC1CC;
  --bazis-placeholder-color-rgb: 188, 193, 204;
  /** background light **/
  --bazis-background: var(--bazis-color-white);
  --bazis-background-rgb: var(--bazis-color-white-rgb);
  /** background medium **/
  --bazis-background-medium: #F7F8F9;
  --bazis-background-medium-rgb: 247, 248, 249;
  /** background dark **/
  --bazis-background-dark: #F1F1F3;
  --bazis-background-dark-rgb: 241, 241, 243;
  /** background accent **/
  --bazis-background-accent: #F6F5F9;
  --bazis-background-accent-rgb: 246, 245, 249;
  /** background info secondary **/
  --bazis-background-info-secondary: #FEF9EB;
  --bazis-background-info-secondary-rgb: 254, 249, 235;
  /** background header **/
  --bazis-header-background: #463E7C;
  --bazis-header-background-rgb: 70, 62, 124;
  /** background footer **/
  --bazis-footer-background: #282731;
  --bazis-footer-background-rgb: 40, 39, 49;
  /** background stepper active **/
  --bazis-stepper-background: #6C619B;
  --bazis-stepper-background-rgb: 108, 97, 155;
  /** border light  **/
  --bazis-border-color: #E8E9EB;
  --bazis-border-color-rgb: 232, 233, 235;
  /** border dark  **/
  --bazis-border-color-dark: #C4C7CC;
  --bazis-border-color-dark-rgb: 196, 199, 204;
  /** shadow **/
  --bazis-shadow-color-rgb: 239, 240, 242;
  /**
  **
  ** APPLICATION VARIABLES
  **
  **/
  /** Font family of the app **/
  --bazis-font-family: "Gordita", sans-serif;
  --bazis-font-size: 13px;
  --bazis-line-height: 20px;
  /** H1 **/
  --bazis-font-size-h1: 45px;
  --bazis-line-height-h1: 52px;
  --bazis-h1-margin: 0 0 32px;
  /** H2 **/
  --bazis-font-size-h2: 36px;
  --bazis-font-size-h2-major: 40px;
  --bazis-line-height-h2: 44px;
  --bazis-line-height-h2-major: 48px;
  --bazis-h2-margin-major: 0 0 40px;
  /** H3 **/
  --bazis-font-size-h3: 28px;
  --bazis-line-height-h3: 36px;
  --bazis-h3-margin: 32px 0 24px;
  /** H4 **/
  --bazis-font-size-h4: 22px;
  --bazis-font-size-h4-minor: 22px;
  --bazis-line-height-h4: 32px;
  --bazis-line-height-h4-minor: 28px;
  /** H5 **/
  --bazis-font-size-h5: 18px;
  --bazis-line-height-h5: 24px;
  /** H6 **/
  --bazis-font-size-h6: 16px;
  --bazis-font-size-h6-major: 16px;
  --bazis-font-size-h6-minor: 14px;
  --bazis-line-height-h6: 24px;
  --bazis-line-height-h6-major: 32px;
  --bazis-line-height-h6-minor: 16px;
  --bazis-h6-margin: 0 0 12px;
  --bazis-h6-margin-major: var(--bazis-h6-margin);
  --bazis-h6-margin-minor: var(--bazis-h6-margin);
  /** p **/
  --bazis-font-size-p: 13px;
  --bazis-font-size-p-major: 14px;
  --bazis-font-size-p-minor: 12px;
  --bazis-line-height-p: 20px;
  --bazis-line-height-p-major: 20px;
  --bazis-line-height-p-minor: 16px;
  --bazis-p-margin: var(--bazis-multiple-px) 0;
  --bazis-p-margin-major: var(--bazis-p-margin);
  --bazis-p-margin-minor: var(--bazis-p-margin);
  /** small **/
  --bazis-font-size-small: 11px;
  --bazis-line-height-small: 12px;
  /** Базовое число пикселей, используемое для кратности определяемых размеров **/
  --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: 4px;
  /**
  **
  ** 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 **/
}

/**
**
** SW SCSS Variables
**
**/
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 (2) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@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 {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
  overflow: auto;
  scroll-behavior: smooth;
}

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%;
}

.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;
}

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

@supports selector(::-webkit-scrollbar) {
  * {
    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;
}

@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 {
  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;
}

@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-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;
}

@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-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, .sl-filter .bazis-tag > span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

p.bh-ellipsis,
h1.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-clear-left {
  clear: left;
}

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

/* Mixins */
/* Base classes and Common components of alphabet */
.bazis-avatar, .sl-avatar_userpic {
  --width: initial;
  --height: initial;
  --background: initial;
  --color: inherit;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  --border-radius: initial;
  --color-hover: var(--color);
  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);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
}
.bazis-avatar:hover, .sl-avatar_userpic:hover {
  color: var(--color-hover);
}
.bazis-avatar_small {
  width: calc(var(--width) / 2);
  height: calc(var(--width) / 2);
}
.bazis-avatar.bazis-color, .bazis-color.sl-avatar_userpic {
  --background: var(--bazis-color-base);
}

.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);
}

.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);
}

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-infinite-scroll-content {
  overflow: auto;
  overscroll-behavior: contain;
  max-height: var(--max-height-infinite-scroll-content, 182px);
}

.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;
}
.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, .sl-list_trip {
  --width-bullet: 9px;
}
.bazis-list_history > .bazis-item, .sl-list_trip > .bazis-item {
  position: relative;
}
.bazis-list_history > .bazis-item::before, .sl-list_trip > .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, .sl-list_trip > .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, .sl-list_trip > .bazis-item:last-child::after {
  display: none;
}
.bazis-list_history.bazis-color > .bazis-item::before, .bazis-color.sl-list_trip > .bazis-item::before {
  border-color: var(--bazis-color-base);
  background: var(--bazis-color-base);
}
.bazis-list_history.bazis-color > .bazis-item::after, .bazis-color.sl-list_trip > .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_inline {
  /**
   * @prop --background: фон лоадера
   * @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-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;
  min-width: var(--min-width);
  max-width: var(--max-width);
  width: var(--width);
  height: var(--height);
  margin: auto;
  border-radius: var(--border-radius);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  padding: var(--bazis-padding-3x);
  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);
  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_inline {
  position: relative;
  width: 100%;
}
.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_dark {
  --background: var(--bazis-color-black);
  --color: var(--bazis-color-white);
}
.bazis-loader_transparent {
  --background: transparent;
  --spinner-background: var(--bazis-color-white);
}

@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-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-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, .bazis-percentage-block_medium {
  --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, .bazis-percentage-block_medium:hover {
  background: var(--background-hover);
  border-color: var(--border-color-hover);
  box-shadow: var(--box-shadow-hover);
}
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__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-collapsible-to-more--opacity .bazis-collapsible-to-more__end {
  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-empty {
  --margin-top: 120px;
  --font-size: 13px;
  --line-height: 20px;
  --color: var(--bazis-text-color-secondary);
  max-width: 548px;
  margin-left: auto;
  margin-right: auto;
}
.bazis-empty h5 {
  margin-bottom: var(--bazis-margin-2x);
}
.bazis-empty bazis-button:not(.bazis-control__field-group bazis-button) {
  margin-top: var(--bazis-margin-6x);
}

.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, .bazis-modal.map .sl-map-wrapper_dd {
  --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, .sl-map-wrapper_dd .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-timeline__slider-wrapper {
  max-width: 1080px;
  width: 100%;
  margin: 0 var(--bazis-margin-6x) calc(var(--bazis-margin-1x) * -1);
  overflow: hidden;
}
.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 .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 {
  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;
}

/* 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-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-disabled: стиль границы отключенного поля
  * @prop --border-style-estimated: стиль границы расчетного поля (ридонли, но значения образуется из других полей)
  * @prop --border-color: цвет границы поля
  * @prop --border-color-hover: цвет границы поля при при наведении
  * @prop --border-color-focus: цвет границы поля при фокусе посредством клавиш
  * @prop --border-color-active: цвет границы поля при состоянии active
  * @prop --border-color-disabled: цвет границы отключенного поля
  *
  * @prop --control-width: ширина контрола, по умолчанию не задана
  *
  * @prop --color: цвет текста поля 
  * @prop --color-hover: цвет текста поля при наведении
  * @prop --color-focus: цвет текста поля при фокусе посредством клавиш
  * @prop --color-active: цвет текста поля при состоянии active
  * @prop --color-disabled: цвет текста отключенного поля
  *
  * @prop --color-label: цвет метки
  * @prop --font-size-label: размер шрифта метки
  *
  * @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;
  --font-size-label: var(--font-size);
  --color-label: var(--color);
  --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__label {
  display: block;
  margin-bottom: var(--bazis-margin-1x);
  font-size: var(--font-size-label);
  font-weight: 500;
  line-height: 20px;
  color: var(--color-label);
}
.bazis-control__label .bazis-color {
  color: var(--bazis-color-base);
}
.bazis-control__label.bh-font-normal {
  font-weight: 400;
}
.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:focus, .bazis-control__field-group--focused {
  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 {
  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 {
  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 {
  width: var(--size-icon);
  height: var(--size-icon);
  margin: 0;
  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 {
  flex-shrink: 0;
  min-width: var(--height);
  background: var(--background);
  color: var(--bazis-placeholder-color);
  text-align: center;
}
.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 {
  padding-left: 0;
}
.bazis-control__field-group__end {
  display: flex;
  align-items: center;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.bazis-control__field-group__end > * {
  flex-shrink: 0;
  min-width: var(--height);
}
.bazis-control__field-group__end button {
  border-left: 1px solid var(--bazis-border-color);
}
.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__end bazis-button.bazis-btn_clear :hover bazis-icon {
  color: var(--color-hover);
}
.bazis-control__field-group__end .bazis-eraser {
  visibility: hidden;
}
.bazis-control__field-group:hover .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-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-checked: фон при установленном флажке
   * @prop --background-disabled: фон при отключенном флажке
   * @prop --disabled-opacity: прозрачность чекбокса при отключенном флажке
   *
   * @prop --color: цвет текста чекбокса
   * @prop --color-checked: цвет текста при установленном флажке
   * @prop --color-disabled: цвет текста при отключенном флажке
   *
   * @prop --transition: переход
   *
   * @prop --border-radius: радиус скругления
   * @prop --border-width: толщина границы
   * @prop --border-style: стиль границы
   * @prop --border-color: цвет границы
   * @prop --border-color-checked: цвет границы при установленном флажке
   * @prop --border-color-disabled: цвет границы при отключенном флажке
   *
   * @prop --checkmark-color: Цвет галочки флажка при установленном флажке
   *
   * @prop --size: Размер значка флажка.
   */
  --background-checked: var(--bazis-color-primary);
  --background-disabled: initial;
  --border-color-checked: var(--bazis-color-primary);
  --border-color-disabled: initial;
  --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);
  --border-color-checked: var(--bazis-color-base);
  --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 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_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);
}

.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;
  --max-height: inherit;
  margin-top: 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-checked: фон при установленном radio
   * @prop --background-disabled: фон при отключенном radio
   * @prop --disabled-opacity: прозрачность чекбокса при отключенном radio
   *
   * @prop --color: цвет метки radio
   * @prop --color-checked: цвет метки при установленном radio
   * @prop --color-disabled: цвет метки при отключенном radio
   *
   * @prop --transition: переход
   *
   * @prop --border-radius: радиус скругления
   * @prop --border-width: толщина границы
   * @prop --border-style: стиль границы
   * @prop --border-color: цвет границы
   * @prop --border-color-checked: цвет границы при установленном radio
   * @prop --border-width-checked: толщина границы при установленном radio
   * @prop --border-color-disabled: цвет границы при отключенном radio
   *
   * @prop --size: Размер значка radio.
   */
  --background-checked: var(--bazis-color-primary);
  --border-color-checked: var(--bazis-color-primary);
  --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);
  --border-color-checked: var(--bazis-color-base);
}
.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 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_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-date-control {
  --width: initial;
  width: var(--width);
}
@media (max-width: 1024px) {
  .bazis-select-date-control {
    --width: 100%;
  }
}

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

.bazis-select {
  --padding-start: initial;
  --padding-end: initial;
  --border-radius: initial;
  --background: 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 {
  -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 {
  margin-left: 0;
}

.bazis-select__trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: var(--background);
  cursor: pointer;
  line-height: normal;
}
.bazis-select__trigger span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.bazis-select__trigger + .bazis-control__field {
  --padding-field-start: 0;
  --padding-field-end: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  background: var(--bazis-background);
}
.bazis-select__trigger + .bazis-control__field--focused {
  opacity: 1;
}

.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-checked: цвет текста при установленном флажке
   * @prop --color-disabled: цвет текста при отключенном флажке
   */
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  --color: inherit;
  --color-checked: var(--color);
  --color-disabled: var(--color);
}
.bazis-switcher bazis-toggle {
  vertical-align: middle;
}
.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 {
  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%;
}

/* 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;
}

/* Chat Components */
.bazis-chats {
  --height-header: 65px;
  --width-left-col: 317px;
  --width-photo: 240px;
  display: flex;
  min-height: 518px;
  height: calc(100vh - 236px);
  border-radius: var(--bazis-border-radius);
}
.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__search .bazis-control {
  --margin-bottom: 0;
}

.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);
}

.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));
}
.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;
}
.bazis-list_chat .bazis-item bazis-toolbar ~ * {
  margin-top: var(--bazis-margin-1x);
  line-height: 16px;
}
.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__text *:not(.bazis-chat__emoticon, a) {
  display: contents;
}
.bazis-list_chat .bazis-item .bazis-chat__text *:not(.bazis-chat__emoticon, a)::after {
  content: " ";
}
.bazis-list_chat .bazis-item a {
  display: contents;
  pointer-events: none;
  text-decoration: none;
}
.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:active .bazis-chat__text,
.bazis-list_chat .bazis-item: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:active a {
  color: rgba(var(--bazis-color-primary-contrast-rgb), 0.8);
}

bazis-chat,
bazis-chat-not-selected {
  width: calc(100% - var(--width-left-col));
}

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__header {
  display: grid;
  grid-template-columns: 128px minmax(calc(100% - 256px - 40px), 1fr) 128px;
  justify-content: space-between;
  align-items: center;
  gap: var(--bazis-margin-5x);
  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__participant {
  width: 100%;
  margin-top: var(--bazis-margin-1x);
  text-align: center;
  line-height: 16px;
}
.bazis-chat__header__participant bazis-link:not(.bazis-dropdown__trigger) {
  display: inline-block;
  overflow: hidden;
  max-width: calc(100% - 75px);
  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__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__content {
  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__footer {
  padding: var(--bazis-padding-4x) var(--bazis-padding-6x);
  border-top: 1px solid var(--bazis-border-color);
}

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

.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__body 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 {
  border-left: 2px solid var(--bazis-text-color);
  padding-left: calc(var(--bazis-padding-4x) - 2px);
  font-style: normal;
}
.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, .bazis-chat__message .sl-avatar_userpic {
  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:hover {
  background: var(--bazis-background-medium);
}
.bazis-chat__message--highlighting {
  animation-name: highlighting;
  animation-duration: 1000ms;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
}

@keyframes highlighting {
  from {
    background-color: transparent;
  }
  50% {
    background-color: var(--bazis-background-accent);
  }
  to {
    background-color: transparent;
  }
}
.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);
}

.bazis-chat__text {
  font-size: 14px;
  line-height: 20px;
  word-wrap: break-word;
}
.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__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, .bazis-chat__photo .bazis-figcaption .sl-filter .bazis-tag > span, .sl-filter .bazis-chat__photo .bazis-figcaption .bazis-tag > span {
  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__reply {
  display: flex;
  gap: var(--bazis-margin-4x);
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--bazis-margin-4x);
}
.bazis-chat__reply .bazis-chat__title {
  margin-bottom: var(--bazis-margin-1x);
}
.bazis-chat__reply .bazis-chat__text {
  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__control {
  position: relative;
  display: flex;
  gap: var(--bazis-margin-6x);
}
.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-end-content);
}
.bazis-chat__control__emojis bazis-emojis {
  display: none;
}
.bazis-chat__control__emojis:hover bazis-emojis {
  display: block;
}
.bazis-chat__control .bazis-control {
  --margin-bottom: 0;
}

.bazis-chat__field {
  width: 100%;
  min-height: 18px;
  height: auto;
  max-height: 100%;
  margin: var(--bazis-margin-2x) 0;
  word-break: break-word;
  line-height: 18px;
}
.bazis-chat__field-group {
  display: flex;
  width: 100%;
  gap: var(--bazis-margin-4x);
}
.bazis-chat__field-wrapper {
  display: flex;
  gap: var(--bazis-margin-3x);
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  min-height: 36px;
  height: auto;
  max-height: 108px;
  border: 1px solid var(--bazis-border-color);
  border-radius: var(--bazis-border-radius);
  padding-left: var(--bazis-padding-3x);
}
.bazis-chat__field-wrapper .bazis-control {
  --control-width: 36px;
  flex-shrink: 0;
}
.bazis-chat__field-wrapper .bazis-control bazis-button {
  --height: 34px;
  --border-width: 0;
  width: var(--control-width);
}
.bazis-chat__field-wrapper .bazis-control bazis-button bazis-icon {
  color: var(--bazis-placeholder-color);
}
.bazis-chat__field-wrapper--focused {
  border-color: var(--bazis-color-primary);
}
.bazis-chat__field:focus-visible {
  border: none;
  outline: none;
}
.bazis-chat__field:empty::before {
  content: attr(data-placeholder);
  display: block; /* Важное требование для комфортной работы в Firefox */
  pointer-events: none; /* Исключаем взаимодействие с подсказкой */
  line-height: 18px;
  color: var(--bazis-placeholder-color);
}

.bazis-chat__field img {
  display: block;
  width: calc(var(--width-photo) - 2px);
  height: calc(var(--width-photo) - 1px);
}
.bazis-chat__field img.bazis-chat__emoticon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}

.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-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, .bazis-chat__reactions__item .sl-avatar_userpic {
  --width: 40px;
  --height: 40px;
  font-size: 8px;
}
.bazis-chat__reactions__item__users {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bazis-margin-1x);
}

.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-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__media {
  position: absolute;
  top: var(--height-header);
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: var(--bazis-color-white);
  z-index: 150;
  display: flex;
  flex-direction: column;
}
.bazis-chat__media__header {
  flex: 0 0 48px;
  padding-top: var(--bazis-padding-3x);
  border-bottom: 1px solid var(--bazis-border-color);
}
.bazis-chat__media__header bazis-tabs {
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
  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 {
  --padding-top: 0;
}
.bazis-chat__media .bazis-list .bazis-item:last-child .bazis-file-inline {
  margin-bottom: 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-input-search {
  display: block;
  width: 100%;
}
.bazis-chat__search .bazis-list_control-dd-wrapper,
.bazis-chat__search bazis-input-search > .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;
}

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

.bazis-chat__modal-content {
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: var(--bazis-padding-6x);
}

/* 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 bazis-tooltip {
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
  --min-height: 24px;
  --min-width: auto;
}
.bazis-map__base-control .bazis-btn-group_h bazis-button {
  --border-color: var(--bazis-border-color-dark);
  --background: var(--bazis-color-white);
  --color: var(--bazis-text-color-secondary);
  --background-activated: var(--bazis-color-info-tint);
  --color-activated: vvar(--bazis-text-color-secondary);
  --background-hover: var(--bazis-background-medium);
  --color-hover: var(--bazis-text-color-secondary);
  --background-focused: var(--background-hover);
  --color-focused: var(--color-hover);
}
.bazis-map__base-control .bazis-btn-group_h bazis-button:hover::part(native) {
  border-color: var(--border-color);
}
.bazis-map__base-control .bazis-btn-group_h bazis-button:hover bazis-icon {
  color: var(--color-hover);
}
.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, .sl-map-wrapper_dd {
  /*
  * @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);
}

/* 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);
}

/* Modules */
bazis-analytics-date-diagram bazis-select {
  --control-width: 188px;
  float: right;
  position: relative;
  margin-top: calc(var(--bazis-margin-3x) * -3);
}

/* 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;
  }
}

/* Typography */
@font-face {
  font-family: "Gordita";
  font-display: swap;
  src: local("Gordita Regular"), local("Gordita-Regular"), url("/assets/fonts/Gordita-Regular.woff2") format("woff2"), url("/assets/fonts/Gordita-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gordita";
  font-display: swap;
  src: local("Gordita Italic"), local("Gordita-Italic"), url("/assets/fonts/Gordita-Italic.woff2") format("woff2"), url("/assets/fonts/Gordita-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gordita";
  font-display: swap;
  src: local("Gordita Medium"), local("Gordita-Medium"), url("/assets/fonts/Gordita-Medium.woff2") format("woff2"), url("/assets/fonts/Gordita-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gordita";
  font-display: swap;
  src: local("Gordita Medium Italic"), local("Gordita-Medium-Italic"), url("/assets/fonts/Gordita-Medium-Italic.woff2") format("woff2"), url("/assets/fonts/Gordita-Medium-Italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gordita";
  font-display: swap;
  src: local("Gordita Bold"), local("Gordita-Bold"), url("/assets/fonts/Gordita-Bold.woff2") format("woff2"), url("/assets/fonts/Gordita-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "RoadNumbers";
  font-display: swap;
  src: local("RoadNumbers"), local("RoadNumbers2.0"), url("/assets/fonts/RoadNumbers2.0.otf") format("otf"), url("/assets/fonts/RoadNumbers2.0.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
h4,
h5 {
  margin: 0;
}

h1,
h2,
h3 {
  font-weight: 400;
}

@media (max-width: 1024px) {
  h1,
  .bazis-h1 {
    --bazis-font-size-h1: var(--bazis-font-size-h3);
    --bazis-line-height-h1: var(--bazis-line-height-h3);
    --bazis-h1-margin: var(--bazis-h3-margin);
  }
}

bazis-toolbar h3,
bazis-toolbar .bazis-h3 {
  --bazis-h3-margin: 0;
}
@media (max-width: 1024px) {
  h3:not(.bazis-modal__header h3):not(.bazis-modal__header_shadow h3),
  .bazis-h3:not(.bazis-modal__header h3):not(.bazis-modal__header_shadow h3) {
    --bazis-font-size-h3: var(--bazis-font-size-h5);
    --bazis-line-height-h3: var(--bazis-line-height-h5);
  }
}

h4,
.bazis-h4 {
  font-weight: 500;
}

h5,
.bazis-h5 {
  font-weight: 700;
}
h5.bh-font-medium,
.bazis-h5.bh-font-medium {
  font-weight: 500;
}
h5.bh-font-normal,
.bazis-h5.bh-font-normal {
  font-weight: 400;
}
h5.bazis-text-action, .bazis-text-action h5,
.bazis-h5.bazis-text-action,
.bazis-text-action .bazis-h5 {
  letter-spacing: 0.75px;
}
@media (max-width: 1024px) {
  h5,
  .bazis-h5 {
    --bazis-font-size-h5: var(--bazis-font-size-p-major);
    --bazis-line-height-h5: var(--bazis-line-height-p-major);
  }
}

h6,
.bazis-h6 {
  font-weight: 700;
}
h6 bazis-button,
.bazis-h6 bazis-button {
  vertical-align: middle;
}
h6.bh-font-medium,
.bazis-h6.bh-font-medium {
  font-weight: 500;
}
h6.bh-font-normal,
.bazis-h6.bh-font-normal {
  font-weight: 400;
}
h6.bazis-text-action, .bazis-text-action h6,
.bazis-h6.bazis-text-action,
.bazis-text-action .bazis-h6 {
  letter-spacing: 0.5px;
}
h6:only-child,
.bazis-h6:only-child {
  margin-bottom: 0;
}

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

strong {
  font-weight: 700;
}

span.bazis-color {
  color: var(--bazis-color-base);
}

.bazis-text-action {
  font-weight: 500;
  letter-spacing: 0.25px;
}
.bazis-p_major .bazis-text-action, .bazis-text-action.bazis-p_major, .bazis-p_minor .bazis-text-action, .bazis-text-action.bazis-p_minor, .bazis-text_major .bazis-text-action, .bazis-text-action.bazis-text_major, .bazis-text_minor .bazis-text-action, .bazis-text-action.bazis-text_minor {
  letter-spacing: 0.5px;
}
.bazis-text_reduced, .bazis-text_reduced.bazis-p, .bazis-text_reduced.bazis-p_major, .bazis-text_reduced.bazis-text_major {
  line-height: 16px;
}
.bazis-text_reduced.bazis-p_minor, .bazis-text_reduced.bazis-text_minor {
  line-height: 12px;
}

.bazis-small_uppercase {
  --bazis-font-size-small: 10px;
  --bazis-line-height-small: 12px;
  font-weight: 500;
}

.bazis-link_s.bazis-text-action:not(.bazis-text_reduced), .bazis-text-action:not(.bazis-text_reduced) .bazis-link_s {
  letter-spacing: 0.25px;
}
.bazis-link_m.bazis-text-action:not(.bazis-text_reduced), .bazis-text-action:not(.bazis-text_reduced) .bazis-link_m {
  letter-spacing: 0.5px;
}

.bazis-icon_fill {
  width: 20px;
  height: 20px;
  padding: 6px;
  border-radius: var(--bazis-border-radius);
}

/* Components and base classes */
.bazis-accordion_underline::part(body) {
  line-height: 20px;
}

.bazis-accordion_clear {
  --bazis-h6-margin-major: 0;
  --padding-top-header: 0;
  --padding-bottom-header: 0;
  --padding-top-body: var(--bazis-padding-5x);
  --padding-bottom-body: 0;
}
.bazis-accordion_clear::part(body) {
  line-height: 20px;
}

bazis-badge {
  --background: rgba(var(--bazis-text-color-secondary-rgb, 0, 0, 0), 0.2);
  --height: 12px;
  --height-xxs: 6px;
  --height-xs: 8px;
  --height-medium: 16px;
  --height-large: 24px;
  --padding-start: 2px;
  --padding-end: 2px;
  --margin-start: var(--bazis-margin-1x);
  --margin-end: var(--bazis-margin-1x);
  --font-size: 9px;
  --font-size-medium: 12px;
  --font-size-large: 16px;
  --font-weight: 500;
  --color: var(--bazis-text-color-secondary);
}

bazis-button {
  --height: 36px;
  --height-xs: 24px;
  --height-small: 32px;
  --height-large: 44px;
  --border-radius: var(--bazis-border-radius);
  --padding-top: 10px;
  --padding-bottom: 10px;
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top-xs: 6px;
  --padding-bottom-xs: 6px;
  --padding-start-xs: 6px;
  --padding-end-xs: 6px;
  --padding-top-small: var(--bazis-padding-2x);
  --padding-bottom-small: var(--bazis-padding-2x);
  --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-5x);
  --padding-end-large: var(--bazis-padding-5x);
  --transition: background-color 15ms linear, outline-color 15ms linear;
  --outline-width: 4px;
  --outline-style: solid;
  --outline-color: transparent;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.25px;
}
bazis-button::part(inner) {
  line-height: 2;
}
bazis-button bazis-icon.bazis-icon-xl[slot=icon-only] {
  --bazis-icon-xl-size: 24px;
  margin-left: -10px;
  margin-right: -10px;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  bazis-button bazis-icon.bazis-icon-xl[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: -10px;
    margin-inline-end: -10px;
  }
}

.bazis-btn_solid {
  --background: var(--bazis-border-color);
  --color: var(--bazis-text-color);
  --background-hover: var(--bazis-color-info-shade);
  --background-activated: var(--bazis-color-info-tint);
  --background-focused: var(--background);
  --background-disabled: var(--bazis-text-color-secondary);
  --color-disabled: var(--bazis-text-color-contrast);
}

.bazis-btn_outline {
  --background: var(--bazis-color-white);
  --background-hover: var(--bazis-background-medium);
  --background-activated: var(--bazis-color-info-tint);
  --background-disabled: var(--bazis-background-dark);
  --border-color: var(--bazis-border-color-dark);
  --border-color-hover: var(--bazis-text-color-secondary);
  --border-color-focused: transparent;
  --border-color-disabled: var(--bazis-background-dark);
  --color: var(--bazis-text-color-secondary);
  --color-disabled: var(--bazis-text-color-secondary);
}
.bazis-btn_outline bazis-icon[slot=icon-only] {
  margin-left: -7px;
  margin-right: -7px;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bazis-btn_outline bazis-icon[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: -7px;
    margin-inline-end: -7px;
  }
}

.bazis-btn_clear {
  --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(--color);
  --color-focused: var(--color);
  --color-activated: var(--color);
}

.bazis-btn_large {
  font-size: 14px;
  letter-spacing: 0.5px;
}

.bazis-btn_small 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-btn_small 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-btn_xs bazis-icon[slot=icon-only] {
  margin-left: 0;
  margin-right: 0;
  font-size: 12px;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .bazis-btn_xs bazis-icon[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}

.bazis-btn_xs.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_xs.bazis-btn_outline bazis-icon[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: -1px;
    margin-inline-end: -1px;
  }
}

bazis-card-value {
  --background: transparent;
  --background-hover: var(--bazis-background-medium);
  --background-active: var(--bazis-color-primary);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-color-active: var(--bazis-color-primary);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --font-size-title: 13px;
  --font-weight-title: 400;
  --line-height-title: 20px;
  --color-active-title: var(--bazis-color-primary-contrast);
  --font-size-value: 18px;
  --font-weight-value: 700;
  --line-height-value: 24px;
  --color-value-active: var(--bazis-color-primary-contrast);
  height: 100%;
}

.bazis-card-value__value {
  margin-bottom: var(--bazis-margin-2x);
}

.bazis-card-value__title {
  opacity: 0.6;
}

bazis-chip {
  --border-radius: 16px;
  --background: rgba(var(--bazis-text-color-secondary-rgb, 0, 0, 0), 0.2);
  --color: var(--bazis-text-color-secondary);
  --height: 24px;
  --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: var(--bazis-margin-2x);
  --margin-end-slotted: var(--bazis-margin-2x);
  --font-size: 12px;
  --font-weight: 500;
}

.bazis-chip_small {
  --border-radius: 12px;
  --height: 20px;
}

bazis-chip.bazis-status {
  --margin-end: 0;
  --margin-start: 0;
  --margin-bottom: 0;
  --margin-top: 0;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

bazis-chip.bazis-status:not(.bazis-chip_small) {
  --font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
bazis-chip.bazis-status:not(.bazis-chip_small)::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color);
  margin-right: var(--margin-start-slotted);
}
bazis-chip.bazis-status:not(.bazis-chip_small) span {
  line-height: calc(var(--height) + 2px);
}

bazis-chip.bazis-status.bazis-color::before {
  display: inline-block;
  background: var(--bazis-color-base);
}

.bazis-status_nodecor bazis-chip.bazis-status::before {
  display: none;
}

bazis-chip.bazis-status.bazis-color.bazis-color-info {
  --color: var(--bazis-text-color-secondary);
  --background: rgba(var(--bazis-text-color-secondary-rgb, 0, 0, 0), 0.2);
  color: var(--color);
}
bazis-chip.bazis-status.bazis-color.bazis-color-info:not(.bazis-chip_clear) {
  background: var(--background);
}
bazis-chip.bazis-status.bazis-color.bazis-color-info::before {
  background: var(--color);
}

bazis-datepicker {
  --widthOne: 360px;
  --background: var(--bazis-color-white);
  --background-hover: var(--bazis-background-accent);
  --background-selected: var(--bazis-color-action);
  --background-current: var(--bazis-color-primary);
  --background-muted: var(--bazis-background-medium);
  --box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.1);
  --border-radius-datepicker: var(--bazis-border-radius);
  --datepicker-arrow-color: var(--bazis-color-action);
  --padding-start: var(--bazis-padding-5x);
  --padding-end: var(--bazis-padding-5x);
  --padding-top: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-5x);
  --font-weight: 500;
  --font-size: 12px;
  --color: var(--bazis-text-color);
  --color-selected: var(--bazis-text-color-contrast);
  --color-current: var(--bazis-text-color-contrast);
  --width-day: 32px;
  --height-day: 32px;
  --border-radius-day: 2px;
  --opacity-day: 0.8;
  --font-weight-day: 500;
  --font-size-weekday: 12px;
  --color-weekday: var(--bazis-text-color-secondary);
  --font-size-head: 12;
  --font-weight-head: var(--font-weight-day);
  --color-head: var(--bazis-color-action);
}
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) {
  letter-spacing: 0.5;
  text-transform: uppercase;
}
bazis-datepicker::part(interval-head-button) {
  --height: 48px;
  --border-color: var(--bazis-color-action);
  --color: var(--bazis-color-action);
  top: 50%;
  margin-top: calc(var(--height) / -2);
  width: 48px;
}
bazis-datepicker::part(interval-head-button):first-child {
  left: calc(-20px - var(--height) / 2);
}
bazis-datepicker::part(interval-head-button):last-child {
  right: calc(-20px - var(--height) / 2);
}
bazis-datepicker::part(head-button) {
  --padding-start: 6px;
  --padding-end: 6px;
}
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(calendar-head) {
  margin-bottom: var(--bazis-margin-4x);
  padding: 0;
}
@media screen and (min-width: 431.98px) and (max-width: 767px), (max-device-width: 576px) {
  bazis-datepicker {
    position: fixed;
    bottom: var(--bazis-margin-5x);
    left: var(--bazis-margin-5x);
    right: var(--bazis-margin-5x);
    z-index: 160;
  }
}
@media screen and (max-width: 431px) {
  bazis-datepicker {
    position: fixed;
    bottom: var(--bazis-margin-2x);
    left: 0;
    right: 0;
    z-index: 160;
  }
}
@media screen and (min-width: 360.98px) and (max-width: 431px) {
  bazis-datepicker {
    --padding-start: var(--bazis-padding-2x);
    --padding-end: var(--bazis-padding-2x);
    --widthOne: 344px;
  }
}
@media screen and (max-width: 360px) {
  bazis-datepicker {
    --widthOne: 300px;
  }
}

.bazis-grid_form > bazis-row > bazis-col {
  --bazis-grid-column-padding-start-sm: var(--bazis-padding-3x);
  --bazis-grid-column-padding-end-sm: var(--bazis-padding-3x);
  --bazis-grid-column-padding-start-md: var(--bazis-padding-3x);
  --bazis-grid-column-padding-end-md: var(--bazis-padding-3x);
  --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-column-padding-start-sm: 0;
}
.bazis-grid_form > bazis-row > bazis-col[sizesm="6"]:nth-child(odd):last-child {
  --bazis-grid-column-padding-end-sm: var(--bazis-padding-3x);
}
.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-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-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_medium > bazis-row > bazis-col {
  --bazis-grid-column-padding-start: var(--bazis-padding-3x);
  --bazis-grid-column-padding-end: var(--bazis-padding-3x);
  --bazis-grid-column-padding-top: var(--bazis-padding-3x);
  --bazis-grid-column-padding-bottom: var(--bazis-padding-3x);
}
.bazis-grid_medium > 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-xl: 0;
}
.bazis-grid_medium > 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-xl: 0;
}
.bazis-grid_medium > bazis-row:first-child > bazis-col {
  --bazis-grid-column-padding-top: 0;
}
.bazis-grid_medium > bazis-row:last-child > bazis-col {
  --bazis-grid-column-padding-bottom: 0;
}

.bazis-grid_mini > bazis-row > bazis-col {
  --bazis-grid-column-padding-start: var(--bazis-padding-2x);
  --bazis-grid-column-padding-end: var(--bazis-padding-2x);
}
.bazis-grid_mini > 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-xl: 0;
}
.bazis-grid_mini > 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-xl: 0;
}

bazis-input-timeinterval bazis-grid > 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-top: 0;
  --bazis-grid-column-padding-bottom: 0;
  --bazis-grid-column-padding-start-xs: 0;
  --bazis-grid-column-padding-end-xs: 0;
}
.bazis-modal bazis-input-timeinterval bazis-grid > bazis-row > bazis-col {
  --bazis-grid-column-padding-start-sm: var(--bazis-padding-3x);
  --bazis-grid-column-padding-end-sm: var(--bazis-padding-3x);
}
bazis-input-timeinterval bazis-grid > 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-xl: 0;
}
bazis-input-timeinterval bazis-grid > 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-xl: 0;
}

.bazis-pane bazis-grid {
  --bazis-grid-padding: var(--bazis-padding-2x);
}
.bazis-pane bazis-grid > bazis-row > bazis-col {
  --bazis-grid-column-padding-start: var(--bazis-padding-2x);
  --bazis-grid-column-padding-end: var(--bazis-padding-2x);
}

bazis-row.bazis-list_vline > bazis-col.bazis-item::before, bazis-row.bazis-list_vline_mini > bazis-col.bazis-item::before {
  --padding-start: var(--bazis-padding-4x);
}
bazis-row.bazis-list_vline:first-child > bazis-col, bazis-row.bazis-list_vline_mini:first-child > bazis-col {
  --bazis-grid-column-padding-top: 0;
}
bazis-row.bazis-list_vline:last-child > bazis-col, bazis-row.bazis-list_vline_mini:last-child > bazis-col {
  --bazis-grid-column-padding-bottom: 0;
}

.bazis-icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: var(--bazis-margin-2x);
  border-radius: 50%;
  background: var(--bazis-color-action);
  text-align: center;
  color: var(--bazis-color-action-contrast);
}
.bazis-icon-wrap bazis-icon {
  --bazis-icon-s-size: 12px;
}

bazis-interrogation {
  --margin-start: var(--bazis-margin-3x);
  --color: var(--bazis-placeholder-color);
}
.bazis-checkbox_right + bazis-interrogation {
  --margin-start: 0;
  --margin-end: var(--bazis-margin-3x);
  display: inline-flex;
}

bazis-link.bazis-text_secondary {
  --color: var(--bazis-text-color-secondary);
  --color-hover: var(--bazis-text-color-secondary);
}

bazis-range {
  --bar-height: 7px;
  --thumb-background: var(--bazis-color-white, #ffffff);
  --thumb-width: 20px;
  --thumb-height: 20px;
  --thumb-border-radius: 50%;
  --thumb-border-width: 0;
  --thumb-border-style: solid;
  --thumb-border-color-disabled: var(--thumb-border-color);
  --thumb-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
  --track-background: var(--bazis-placeholder-color, #BCC1CC);
  --track-height: var(--bar-height);
  --track-border-radius: 2px;
  --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-primary, #00A2AD);
  --progress-background-disabled: rgba(var(--bazis-color-primary-rgb), 0.7);
  --font-size: 14px;
  --font-weight: normal;
  --line-height: 20px;
}

bazis-segment {
  --width-segment: 460px;
  --margin-bottom-segment: 20px;
  --background-hover: var(--bazis-color-white);
  --background-hover-opacity: 0.5;
  --border-radius: 18px;
  --height: 36px;
  --indicator-box-shadow: none;
  --indicator-color: var(--bazis-color-action);
  --padding-top: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-4x);
  --color-hover: var(--bazis-color-action);
  --color-selected: var(--bazis-text-color-contrast);
}

bazis-sign-status .bazis-loader_inline {
  --height: 56px;
  --min-width: 56px;
  --spinner-size: 56px;
  padding: 0;
}
bazis-sign-status .bazis-loader_inline .bazis-loader__spinner {
  margin: auto;
  padding: 3px;
}

bazis-skeleton {
  --height: 20px;
  --border-radius: var(--bazis-border-radius);
  --background: var(--bazis-border-color);
  --margin-bottom: var(--bazis-margin-3x);
  --animation-duration: 1.6s;
}

bazis-step {
  --color-muted: var(--bazis-text-color-secondary);
  --sign-margin: var(--bazis-margin-4x);
  --sign-background: var(--bazis-color-success);
  --sign-background-muted: var(--bazis-background-medium);
  --sign-border-radius: 50%;
  --sign-border-style: solid;
  --sign-border-width: 1px;
  --sign-color: var(--bazis-color-white);
  --sign-color-muted: var(--bazis-text-color-secondary);
  --sign-size: 20px;
  --sign-icon-size: 12px;
  --sign-font-size: 11px;
}
bazis-step .bazis-step__label_another {
  --font-weight: 500;
}
bazis-step [slot=label] {
  border-bottom: 1px dashed transparent;
}
bazis-step:hover [slot=label] {
  border-bottom-color: var(--color);
}

bazis-tabs {
  --padding-bottom: var(--bazis-padding-2x);
  --color: var(--bazis-text-color);
  --height: 48px;
  --font-size: 16px;
  --font-weight: 400;
  --line-height: 1;
  --font-weight-selected: 500;
  --tab-background-selected: transparent;
  --tab-border-width: 0 0 2px 0;
  --tab-border-style: solid;
  --tab-border-color: transparent;
  --tab-border-color-hover: var(--bazis-text-color);
  --tab-border-color-selected: var(--bazis-text-color);
  --tab-margin-end: var(--bazis-margin-6x);
  --dropdown-width: 256px;
  --dropdown-top: calc(var(--height) + var(--bazis-margin-2x));
  --dropdown-padding-top: var(--bazis-padding-4x);
  --dropdown-padding-bottom: var(--bazis-padding-4x);
  --dropdown-background: var(--bazis-color-white);
  --dropdown-border-radius: var(--bazis-border-radius);
  --dropdown-border-width: 1px;
  --dropdown-border-style: solid;
  --dropdown-border-color: var(--bazis-background-medium);
  --dropdown-box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.1);
}
bazis-tabs::part(wrapper) {
  margin-bottom: calc(-1 * var(--padding-bottom));
}
bazis-tabs::part(dropdown) {
  --tab-border-width: 0 0 0 2px;
  --tab-padding-top: var(--bazis-padding-3x);
  --tab-padding-bottom: var(--bazis-padding-3x);
  --tab-padding-start: var(--bazis-padding-4x);
  --tab-padding-end: var(--bazis-padding-4x);
  --tab-margin-end: 0;
}
.bazis-tile bazis-tabs {
  --height: 36px;
  --tab-margin-end: var(--bazis-margin-4x);
  --font-size: 13px;
}
.bazis-tile bazis-tabs::part(badge) {
  --background: var(--bazis-color-action);
}

bazis-timepicker {
  --width: 360px;
  --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-color-white);
  --background-active: var(--bazis-color-action);
  --box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.1);
  --border-radius: var(--bazis-border-radius);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-background-medium);
  --position-bottom: 20px;
  --color: var(--bazis-text-color);
  --color-active: var(--bazis-color-white);
  --font-size: 12px;
  --font-weight: 500;
  --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(--bazis-background);
  --background-checked: var(--bazis-color-action);
  --border-radius: 12px;
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color-dark);
  --handle-background: var(--bazis-border-color-dark);
  --handle-background-checked: var(--bazis-background);
  --handle-border-radius: 5px;
  --handle-height: 10px;
  --handle-max-height: 10px;
  --handle-width: 10px;
  --handle-spacing: 3px;
  --handle-transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms,
      right 110ms ease-in-out 80ms;
  width: 29px;
  height: 16px;
  contain: strict;
  overflow: hidden;
}
bazis-toggle::part(track) {
  transform: translate3d(0, 0, 0);
  transition: background-color 300ms;
}
bazis-toggle::part(track)::before {
  transform: scale3d(0, 0, 0);
}
bazis-toggle::part(handle) {
  will-change: transform;
}

.bazis-toggle--disabled {
  opacity: 0.5;
}

bazis-toolbar + .bazis-list_short-info {
  --margin-bottom-list: calc(var(--bazis-margin-4x) + 2px);
}

.bazis-toolbar_page-headline {
  margin-bottom: var(--bazis-margin-8x);
}
.bazis-toolbar_page-headline::part(end) {
  align-self: center;
}

bazis-tooltip {
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
  --border-radius: var(--bazis-border-radius);
  --min-height: 40px;
  --min-width: 100px;
  --max-width: 312px;
  --font-size: 13px;
  --font-weight: 400;
  --line-height: 16px;
  --height-arrow: 4px;
  --width-arrow: 12px;
}
bazis-tooltip:not(.bazis-tooltip_light) {
  --background: var(--bazis-text-color);
  --color: var(--bazis-text-color-contrast);
}

bazis-tooltip.bazis-tooltip_light {
  --max-width: 405px;
  --max-height: 380px;
  --box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-background-medium);
  --height-arrow: 8px;
  --width-arrow: 24px;
  overflow: auto;
}

bazis-totop {
  --bottom: 84px;
  --margin-end: 40px;
}
bazis-totop::part(button) {
  --height-large: 56px;
  --border-radius: 50%;
  width: 56px;
  margin-top: calc(var(--bazis-margin-7x) * -1);
}
bazis-totop::part(icon) {
  margin-right: calc(var(--bazis-margin-1x) * -1);
  margin-left: calc(var(--bazis-margin-1x) * -1);
  font-size: 24px;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  bazis-totop::part(icon) {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: calc(var(--bazis-margin-1x) * -1);
    margin-inline-end: calc(var(--bazis-margin-1x) * -1);
  }
}

@media (max-width: 1024px) {
  bazis-totop {
    --bottom: 44px;
    --margin-end: var(--bazis-margin-5x);
  }
  bazis-totop::part(button) {
    --height-large: 44px;
    width: 44px;
    margin-top: -22px;
  }
}
bazis-trip-line {
  --margin-top: 6px;
  --margin-bottom: 6px;
  --border-width: 1px;
  --border-style: dashed;
  --color: var(--bazis-text-color-secondary);
  --size-point: 8px;
}

.bazis-avatar, .sl-avatar_userpic {
  --width: 64px;
  --height: 64px;
  --background: var(--bazis-color-primary);
  --border-radius: 50%;
  --color: var(--bazis-color-white);
  --font-size: 18px;
  letter-spacing: 0.5px;
}
.bazis-avatar_small {
  --font-size: 12px;
  --font-weight: 500;
}

.bazis-backdrop {
  --background: var(--bazis-text-color);
  --opacity: 0.6;
}

.bazis-block {
  --padding-top: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-6x);
  --background: var(--bazis-background);
  --border-radius: var(--bazis-border-radius);
  --margin-bottom: var(--bazis-margin-5x);
}
.bazis-block__header {
  --margin-bottom: var(--bazis-margin-4x);
}
.bazis-block__header:last-child {
  --margin-bottom: 0;
}
.bazis-block_accent .bazis-block__header {
  --margin-bottom: var(--bazis-margin-6x);
  --padding-bottom: var(--bazis-padding-6x);
  --border-width: 0 0 1px 0;
  --border-style: solid;
  --border-color: var(--bazis-border-color-dark);
}
.bazis-block__content_start {
  flex-shrink: 0;
}
.bazis-block__content_main {
  --width: 100%;
}
.bazis-block__content_main__left {
  flex-shrink: 0;
  width: 200px;
  margin-right: 40px;
}
.bazis-block__content_main__left bazis-dateplate + bazis-dateplate {
  display: block;
  margin-top: var(--bazis-margin-3x);
}
.bazis-block__content_main__center {
  width: 100%;
}
.bazis-block__content_main .bazis-block__footer {
  --padding-top: var(--bazis-padding-3x);
  --margin-start: 0;
  --margin-end: 0;
  --padding-start: 0;
  --padding-end: 0;
}
.bazis-block__content_end {
  --padding-start: var(--bazis-padding-8x);
  --border-width: 0 0 0 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --width: 337px;
  --margin-start: var(--bazis-margin-8x);
  flex-shrink: 0;
}
.bazis-block__footer {
  --margin-top: var(--bazis-margin-8x);
  --margin-start: calc(var(--bazis-margin-6x) * -1);
  --margin-end: calc(var(--bazis-margin-6x) * -1);
  --border-width: 1px 0 0 0;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --padding-top: var(--bazis-padding-5x);
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
}
.bazis-block_accent .bazis-block__footer {
  --margin-top: var(--bazis-margin-4x);
  --margin-start: calc(var(--bazis-margin-5x) * -1);
  --margin-end: calc(var(--bazis-margin-8x) * -1);
  --padding-start: var(--bazis-padding-5x);
  --padding-end: var(--bazis-padding-8x);
}
.bazis-block_accent .bazis-block__footer > .bh-flex, .bazis-block_accent .bazis-block__footer > .bh-flex-column, .bazis-block_accent .bazis-block__footer > .bh-flex-row-reverse, .bazis-block_accent .bazis-block__footer > .bh-flex-column-reverse {
  margin-left: 70px;
  gap: var(--bazis-margin-6x);
}
.bazis-block_accent .bazis-block__footer > .bh-flex > *, .bazis-block_accent .bazis-block__footer > .bh-flex-column > *, .bazis-block_accent .bazis-block__footer > .bh-flex-row-reverse > *, .bazis-block_accent .bazis-block__footer > .bh-flex-column-reverse > * {
  width: 100%;
}
.bazis-block_accent .bazis-block__footer .bazis-h6 {
  margin-bottom: var(--bazis-margin-1x);
  line-height: 16px;
}
aside .bazis-block__footer {
  --margin-top: 0;
  --margin-start: calc(var(--bazis-margin-4x) * -1);
  --margin-end: calc(var(--bazis-margin-4x) * -1);
  --padding-top: var(--bazis-padding-5x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
}
.bazis-block_hoverable:hover .bazis-block__title bazis-link, .bazis-block_editable:hover .bazis-block__title bazis-link,
.bazis-block_hoverable:hover bazis-link.bazis-block__title,
.bazis-block_hoverable:hover .bazis-block__title,
.bazis-block_editable:hover .bazis-block__title {
  --color: var(--bazis-link-hover-color);
  color: var(--bazis-link-hover-color);
}
.bazis-block_outline {
  --padding-top: var(--bazis-padding-8x);
  --padding-start: var(--bazis-padding-8x);
  --padding-end: var(--bazis-padding-8x);
  --padding-bottom: var(--bazis-padding-8x);
}
@media (max-width: 1024px) {
  .bazis-block_outline {
    --padding-top: var(--bazis-padding-6x);
    --padding-start: var(--bazis-padding-5x);
    --padding-end: var(--bazis-padding-5x);
    --padding-bottom: var(--bazis-padding-6x);
  }
}
.bazis-toolbar_baseline + .bazis-block_outline {
  --margin-top: var(--bazis-margin-4x);
  --padding-top: var(--bazis-padding-6x);
}
.bazis-block_outline + .bazis-toolbar_baseline {
  --margin-top: 40px;
}
.bazis-block_editable {
  --padding-top: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-2x);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color-dark);
  --border-color-hover: var(--bazis-text-secondary);
  --margin-bottom: var(--bazis-margin-2x);
}
.bazis-block_editable .bazis-list_short-info {
  --color: var(--bazis-color-action);
}
.bazis-block_accent {
  --padding-top: var(--bazis-padding-8x);
  --padding-start: var(--bazis-padding-8x);
  --padding-end: var(--bazis-padding-8x);
  --padding-bottom: var(--bazis-padding-8x);
  --background: var(--bazis-background-accent);
}
.bazis-block .bazis-block_accent {
  --margin-top: var(--bazis-margin-5x);
  --margin-bottom: 0;
  --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-block_accent hr {
  --margin-top: var(--bazis-margin-6x);
  --margin-bottom: var(--bazis-margin-6x);
}
.bazis-block_accent bazis-skeleton {
  --background: var(--bazis-border-color-dark);
}
@media (max-width: 576px) {
  .bazis-block_accent .bazis-block__footer > .bh-flex, .bazis-block_accent .bazis-block__footer > .bh-flex-column, .bazis-block_accent .bazis-block__footer > .bh-flex-row-reverse, .bazis-block_accent .bazis-block__footer > .bh-flex-column-reverse {
    display: block;
    margin-left: 0;
  }
  .bazis-block_accent .bazis-block__footer > .bh-flex .basiz-small, .bazis-block_accent .bazis-block__footer > .bh-flex-column .basiz-small, .bazis-block_accent .bazis-block__footer > .bh-flex-row-reverse .basiz-small, .bazis-block_accent .bazis-block__footer > .bh-flex-column-reverse .basiz-small {
    font-size: 14px;
    line-height: 20px;
  }
  .bazis-block_accent .bazis-block__footer > .bh-flex > *:not(.bh-no-margin), .bazis-block_accent .bazis-block__footer > .bh-flex-column > *:not(.bh-no-margin), .bazis-block_accent .bazis-block__footer > .bh-flex-row-reverse > *:not(.bh-no-margin), .bazis-block_accent .bazis-block__footer > .bh-flex-column-reverse > *:not(.bh-no-margin) {
    margin-bottom: var(--bazis-margin-5x);
  }
}
.bazis-block_warning {
  --margin-bottom: 0;
  --padding-top: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --background: var(--bazis-background-info-secondary);
}
.bazis-block_warning > bazis-icon {
  float: left;
  margin-right: var(--bazis-margin-3x);
}
.bazis-block_warning .bazis-block__content {
  overflow: hidden;
  line-height: 20px;
}
.bazis-block_warning .bazis-block__content .bazis-list_short-info {
  --margin-top-list: 3px;
}
@media (max-width: 576px) {
  .bazis-block_warning .bazis-block__content .bazis-list_short-info {
    flex-wrap: wrap;
  }
}
.bazis-block_secondary {
  --background: var(--bazis-background-medium);
}
.bazis-block_on-map {
  --width: 357px;
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
}
aside .bazis-block {
  --padding-top: var(--bazis-padding-5x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-5x);
}
aside .bazis-block hr {
  --margin-top: var(--bazis-margin-4x);
  --margin-bottom: var(--bazis-margin-4x);
}
aside .bazis-block__header h6 a {
  text-decoration: none;
  position: relative;
}
aside .bazis-block__header h6 a::after {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: -2px;
  border-bottom: 1px dashed var(--bazis-link-color);
}
aside .bazis-block.bazis-block_outline bazis-toolbar:first-child {
  margin-top: -10px;
}
@media (max-width: 576px) {
  .bazis-block {
    --margin-bottom: var(--bazis-margin-4x);
  }
}

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

.bazis-blocking-message {
  --padding-top: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
  --padding-start: var(--bazis-padding-5x);
  --padding-end: var(--bazis-padding-5x);
  --background: var(--bazis-color-base, var(--bazis-white-color));
  --color: var(--bazis-color-contrast, var(--bazis-text-color));
  --font-size: 13px;
  --font-weight: 400;
  --line-height: 20px;
}
.bazis-blocking-message.bazis-color-warning {
  --color: var(--bazis-text-color);
}
.bazis-blocking-message.bazis-color-warning .bazis-blocking-message__close {
  --color: var(--bazis-text-color);
  --background-hover: rgba(var(--bazis-color-white-rgb), 0.1);
  --background-activated: rgba(var(--bazis-color-tint), 0.1);
  --background-focused: rgba(var(--bazis-color-white-rgb), 0.1);
}

.bazis-btn-group {
  --border-radius: var(--bazis-border-radius);
}
.bazis-btn-group:not(.bazis-btn-group_h, .bazis-collapsible-to-more .bazis-btn-group) {
  overflow-x: auto;
  scrollbar-width: none;
}
.bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid {
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --background: var(--bazis-background-medium);
  --color: var(--bazis-text-color);
  --background-activated: var(--bazis-color-action);
  --color-activated: var(--bazis-text-color-contrast);
  --background-hover: var(--bazis-color-action-shade);
  --color-hover: var(--bazis-text-color-contrast);
  --background-focused: var(--background-hover);
  --color-focused: var(--color-hover);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid bazis-icon {
  color: var(--bazis-text-color-secondary);
}
.bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid.bazis-btn--active::part(native) {
  border-color: var(--background-activated);
}
.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) {
  border-color: var(--background-hover);
  background: var(--background-hover);
  color: var(--color-hover);
}
.bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid.bazis-btn--active bazis-icon, .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid:hover bazis-icon {
  color: var(--bazis-text-color-contrast);
}
.bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid::part(native):active bazis-icon, .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid:focus-visible::part(native) bazis-icon {
  color: var(--bazis-text-color-contrast);
}
.bazis-btn-group--disabled .bazis-btn-group__item > bazis-button.bazis-btn_solid::part(native), .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid.bazis-btn--disabled::part(native) {
  --background-disabled: var(--bazis-background-dark);
  --color-disabled: var(--bazis-text-color-secondary);
}
.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-disabled: var(--bazis-text-color-secondary);
  --color-disabled: var(--bazis-text-color-contrast);
  background: var(--background-disabled);
  border-color: var(--background-disabled);
  color: var(--color-disabled);
}
.bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_clear {
  --background: var(--bazis-color-info-tint);
  --color: var(--bazis-placeholder-color);
  --color-activated: var(--bazis-color-action);
  --background-hover: var(--background);
  --color-hover: var(--bazis-color-action);
  --background-focused: var(--background);
  --color-focused: var(--color);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_clear bazis-icon {
  color: currentColor;
}
.bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_clear::part(native)::after {
  border-right: 1px solid var(--bazis-border-color);
}
.bazis-btn-group_h .bazis-btn-group__item > bazis-button.bazis-btn_outline.bazis-btn--active {
  --background-activated: var(--background);
  --color-activated: var(--bazis-color-primary);
  --color-hover: var(--color-activated);
  background: var(--background-activated);
  border-color: var(--background-activated);
  color: var(--color-activated);
}

.bazis-card {
  --padding-top: var(--bazis-padding-3x);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-bottom: calc(var(--bazis-padding-3x) * 3);
  --background: var(--bazis-background);
  --border-radius: var(--bazis-border-radius);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-color-hover: var(--bazis-color-primary);
  height: 100%;
  position: relative;
  line-height: 20px;
}
.bazis-card .bazis-map-wrapper, .bazis-card .sl-map-wrapper_dd {
  --height: 132px;
  --margin-bottom: var(--bazis-margin-3x);
  position: relative;
}
.bazis-card .bazis-map-wrapper, .bazis-card .sl-map-wrapper_dd,
.bazis-card .bazis-map-wrapper .leaflet-container,
.bazis-card .sl-map-wrapper_dd .leaflet-container {
  border-radius: var(--bazis-border-radius);
}
.bazis-card .bazis-map-wrapper .bazis-dropdown, .bazis-card .sl-map-wrapper_dd .bazis-dropdown {
  position: absolute;
  z-index: 150;
  top: 4px;
  right: 4px;
}
.bazis-card .bazis-map-wrapper .bazis-dropdown__trigger, .bazis-card .sl-map-wrapper_dd .bazis-dropdown__trigger {
  --height: 28px;
  --background: var(--bazis-color-white);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --color: var(--bazis-placeholder-color);
  width: 28px;
}
.bazis-card .bazis-status {
  --margin-bottom: var(--bazis-margin-2x);
  --margin-top: var(--bazis-margin-2x);
}
.bazis-card .bazis-card__title {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: var(--bazis-link-color);
}
.bazis-card:hover .bazis-card__title {
  --color: var(--bazis-link-hover-color);
  color: var(--bazis-link-hover-color);
}

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

.bazis-cckeditor {
  --cckeditor-line-height: 24px;
  --cckeditor-margin-h3: var(--bazis-margin-8x) 0 var(--bazis-margin-6x);
}

.bazis-counter_line .bazis-counter__item {
  --border-radius: 1px;
  --height: 12px;
  --width: 2px;
  margin: 0 1px;
}
.bazis-counter_line .bazis-counter__total {
  --font-size: 12px;
  --line-height: 12px;
  --margin-end: var(--bazis-margin-2x);
}

dl.bazis-dl_inline, dl.bazis-dl_dot-leaders, dl.bazis-dl_dot-leaders_nowrap {
  --width-dt: 216px;
  --width-dd: calc(100% - var(--width-dt));
  --padding-end-dt: var(--bazis-padding-4x);
  --margin-bottom-dt: var(--bazis-margin-4x);
  --margin-bottom-dd: var(--bazis-margin-4x);
  --color-dt: var(--bazis-text-color-secondary);
  line-height: 20px;
  font-size: 13px;
}
.bh-flex > dl.bazis-dl_inline, .bh-flex-column > dl.bazis-dl_inline, .bh-flex-row-reverse > dl.bazis-dl_inline, .bh-flex-column-reverse > dl.bazis-dl_inline, .bh-flex > dl.bazis-dl_dot-leaders, .bh-flex-column > dl.bazis-dl_dot-leaders, .bh-flex-row-reverse > dl.bazis-dl_dot-leaders, .bh-flex-column-reverse > dl.bazis-dl_dot-leaders, .bh-flex > dl.bazis-dl_dot-leaders_nowrap, .bh-flex-column > dl.bazis-dl_dot-leaders_nowrap, .bh-flex-row-reverse > dl.bazis-dl_dot-leaders_nowrap, .bh-flex-column-reverse > dl.bazis-dl_dot-leaders_nowrap {
  width: 100%;
}
.bazis-modal dl.bazis-dl_inline, .bazis-modal dl.bazis-dl_dot-leaders, .bazis-modal dl.bazis-dl_dot-leaders_nowrap {
  --margin-bottom-dt: var(--bazis-margin-4x);
  --margin-bottom-dd: var(--bazis-margin-4x);
}
dl.bazis-dl_inline dd .bazis-list_between > .bazis-item, dl.bazis-dl_dot-leaders dd .bazis-list_between > .bazis-item, dl.bazis-dl_dot-leaders_nowrap dd .bazis-list_between > .bazis-item, dl.bazis-dl_inline dd .bazis-list_between_dot-leaders > .bazis-item, dl.bazis-dl_dot-leaders dd .bazis-list_between_dot-leaders > .bazis-item, dl.bazis-dl_dot-leaders_nowrap dd .bazis-list_between_dot-leaders > .bazis-item {
  --margin-bottom-dd: 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;
}
dl.bazis-dl_dot-leaders, dl.bazis-dl_dot-leaders_nowrap {
  --width-dt: 280px;
  --width-dd: calc(100% - var(--width-dt));
  --padding-start-dd: var(--bazis-padding-6x);
  --margin-bottom-dt: var(--bazis-margin-4x);
  --margin-bottom-dd: var(--bazis-margin-4x);
  --color-dt: var(--bazis-text-color-secondary);
  --color-dot: var(--bazis-text-color-secondary);
  --margin-bottom-dl: 0;
}
dl.bazis-dl_dot-leaders dt:last-of-type, dl.bazis-dl_dot-leaders_nowrap dt:last-of-type,
dl.bazis-dl_dot-leaders dd:last-of-type,
dl.bazis-dl_dot-leaders_nowrap dd:last-of-type {
  --margin-bottom-dt: 0;
  --margin-bottom-dd: 0;
}
dl.bazis-dl_dot-leaders .bazis-list_short-info, dl.bazis-dl_dot-leaders_nowrap .bazis-list_short-info {
  --color: var(--bazis-text-color);
}
dl.bazis-dl_dot-leaders .bazis-list_short-info bazis-link, dl.bazis-dl_dot-leaders_nowrap .bazis-list_short-info bazis-link {
  font-weight: 400;
}
.bazis-block_accent dl.bazis-dl_dot-leaders, .bazis-block_accent dl.bazis-dl_dot-leaders_nowrap {
  --color-dt: rgba(var(--bazis-text-color-rgb, 0.6));
}
dl.bazis-dl_easy {
  --margin-bottom-dt: var(--bazis-margin-1x);
  --margin-bottom-dd: var(--bazis-margin-3x);
  --color-dt: var(--bazis-text-color-secondary);
  margin: 0;
  line-height: 20px;
}
dl.bazis-dl_easy dt {
  font-size: 11px;
  line-height: 12px;
}
@media (max-width: 576px) {
  dl.bazis-dl_inline, dl.bazis-dl_dot-leaders, dl.bazis-dl_dot-leaders_nowrap {
    --margin-bottom-dt: 0;
  }
  dl.bazis-dl_inline dt, dl.bazis-dl_dot-leaders dt, dl.bazis-dl_dot-leaders_nowrap dt,
  dl.bazis-dl_inline dd,
  dl.bazis-dl_dot-leaders dd,
  dl.bazis-dl_dot-leaders_nowrap dd {
    float: none;
    clear: none;
    width: 100%;
  }
  dl.bazis-dl_inline dd:last-child, dl.bazis-dl_dot-leaders dd:last-child, dl.bazis-dl_dot-leaders_nowrap dd:last-child {
    margin-bottom: 0;
  }
}

.bazis-dropdown {
  --width: 362px;
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-5x);
  --padding-bottom: var(--bazis-padding-5x);
  --background: var(--bazis-color-white);
  --border-radius: var(--bazis-border-radius);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-background-medium);
  --box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.1);
  --top: 48px;
  --right: 0;
}
.bazis-dropdown bazis-button.bazis-dropdown__trigger, .bazis-dropdown__trigger bazis-button,
.bazis-dropdown a.bazis-dropdown__trigger, .bazis-dropdown__trigger a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.bazis-dropdown bazis-button.bazis-dropdown__trigger bazis-icon, .bazis-dropdown__trigger bazis-button bazis-icon,
.bazis-dropdown a.bazis-dropdown__trigger bazis-icon, .bazis-dropdown__trigger a bazis-icon {
  --bazis-icon-s-size: 16px;
  --bazis-icon-l-size: 24px;
}
.bazis-dropdown bazis-button.bazis-dropdown__trigger bazis-icon.bazis-icon-l, .bazis-dropdown__trigger bazis-button bazis-icon.bazis-icon-l,
.bazis-dropdown a.bazis-dropdown__trigger bazis-icon.bazis-icon-l, .bazis-dropdown__trigger a bazis-icon.bazis-icon-l {
  font-size: var(--bazis-icon-l-size);
}
.bazis-dropdown .bazis-list_select, .bazis-dropdown .bazis-list_control-dd {
  --margin-start-list: calc(var(--bazis-margin-4x) * -1);
  --margin-end-list: calc(var(--bazis-margin-4x) * -1);
  --margin-top-list: calc(var(--bazis-margin-5x) * -1);
  --margin-bottom-list: calc(var(--bazis-margin-5x) * -1);
  --border-radius: 0;
  --box-shadow: none;
  width: calc(100% - var(--margin-start-list) - var(--margin-end-list));
  border: 0;
}
.bazis-dropdown .bazis-list_select .bazis-item, .bazis-dropdown .bazis-list_control-dd .bazis-item {
  --height: 36px;
  --color: var(--bazis-text-color);
  --color-hover: var(--bazis-text-color);
  margin: 0;
}
.bazis-dropdown .bazis-list_select bazis-button.bazis-item, .bazis-dropdown .bazis-list_control-dd bazis-button.bazis-item {
  --background: transparent;
  --background-hover: var(--bazis-background-dark);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  text-align: left;
}
.bazis-dropdown .bazis-list_select bazis-button.bazis-item::part(inner), .bazis-dropdown .bazis-list_control-dd bazis-button.bazis-item::part(inner) {
  --padding-start: 0;
  --padding-end: 0;
  justify-content: flex-start;
}
.bazis-dropdown .bazis-list_select bazis-button.bazis-item:active:hover::part(inner), .bazis-dropdown .bazis-list_control-dd bazis-button.bazis-item:active:hover::part(inner) {
  background: var(--background-selected);
  color: var(--color-selected);
}
bazis-signing .bazis-dropdown {
  --top: 28px;
  --width: 210px;
  --color: var(--bazis-text-color-secondary);
  float: right;
}
bazis-signing .bazis-dropdown .bazis-list_select, bazis-signing .bazis-dropdown .bazis-list_control-dd {
  border: var(--border-width-list) var(--border-style-list) var(--border-color-list);
}
.bazis-list_vline .bazis-dropdown, .bazis-list_vline_mini .bazis-dropdown {
  --top: 28px;
  --width: 220px;
  margin-left: var(--bazis-margin-5x);
}
.bazis-dropdown .bazis-btn-group .bazis-select-date-control .bazis-dropdown__body {
  --top: 40px;
}

.bazis-figure {
  --height: 168px;
  --width: 210px;
  --background: var(--bazis-color-white);
  --border-radius: var(--bazis-border-radius);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --font-size: 13px;
  --font-weight: 500;
  margin-right: var(--bazis-margin-2x);
}
.bazis-figure:last-child {
  margin-right: 0;
}
.bazis-figure__close {
  position: absolute;
  top: var(--bazis-margin-1x);
  right: var(--bazis-margin-1x);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0;
  outline: 0;
  border-radius: 50%;
  background: rgba(var(--bazis-color-white-rgb), 0.5);
  padding: 0;
}
.bazis-figure .bh-ellipsis, .bazis-figure .sl-filter .bazis-tag > span, .sl-filter .bazis-figure .bazis-tag > span {
  max-width: calc(100% - 32px);
}
.bazis-figure .bazis-percentage-bar, .bazis-figure .bazis-percentage-bar_mini {
  --height: 4px;
  width: 178px;
}
.bazis-list_gallery .bazis-figure {
  --border-radius: none;
}
.bazis-control .bazis-figure {
  margin-top: var(--bazis-margin-3x);
}
.bazis-figure_btn {
  --border-width: 1px;
  --border-style: dashed;
  --border-color: var(--bazis-color-action);
}
.bazis-figure_long {
  margin-bottom: var(--bazis-margin-8x);
}

@media (max-width: 992.97px) {
  .bazis-infinite-scroll-content {
    --max-height-infinite-scroll-content: 100%;
    padding: 0 var(--bazis-padding-5x);
  }
}

.bazis-list {
  --list-style: none;
  --font-size: 13px;
  --font-weight: 400;
  --line-height: 20px;
}
.bazis-list_h > .bazis-item {
  --margin-end: var(--bazis-margin-3x);
}
.bazis-list_short-info > .bazis-item {
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --margin-end: 0;
  --font-size: 12px;
  --color: var(--bazis-text-color-secondary);
}
.bazis-list_vline, .bazis-list_vline_mini {
  --padding-start: var(--bazis-padding-5x);
  --border-color: var(--bazis-border-color);
}
.bazis-list_vline .bazis-checkbox__label, .bazis-list_vline_mini .bazis-checkbox__label,
.bazis-list_vline .bazis-radio__label,
.bazis-list_vline_mini .bazis-radio__label {
  margin-right: 0;
}
.bazis-list_vline.bazis-list_h > .bazis-item, .bazis-list_h.bazis-list_vline_mini > .bazis-item {
  --margin-end: 0;
}
.bazis-list_vline_mini {
  --padding-start: var(--bazis-padding-3x);
}
.bazis-list_select, .bazis-list_control-dd {
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --background-hover: var(--bazis-background-dark);
  --background-selected: var(--bazis-color-action);
  --color-selected: var(--bazis-color-action-contrast);
  --max-height: 208px;
  --background-list: var(--bazis-color-white);
}
.bazis-list_control-dd {
  --max-height: 208px;
  --border-radius-list: var(--bazis-border-radius);
  --border-width-list: 1px;
  --border-style-list: solid;
  --border-color-list: var(--bazis-background-medium);
  --padding-top-list: var(--bazis-padding-3x);
  --padding-bottom-list: var(--bazis-padding-3x);
  --margin-top-list: 3px;
  --box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.1);
}
.bazis-list_control-dd-wrapper {
  --height: 36px;
  --padding-bottom: var(--bazis-padding-2x);
}
.bazis-control .bazis-list_control-dd-wrapper {
  --padding-bottom: 0;
}
.bazis-dropdown .bazis-list_control-dd bazis-button.bazis-item {
  --background: transparent;
  --background-hover: var(--bazis-background-dark);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  text-align: left;
}
.bazis-dropdown .bazis-list_control-dd bazis-button.bazis-item::part(inner) {
  --padding-start: 0;
  --padding-end: 0;
  justify-content: flex-start;
}
.bazis-dropdown .bazis-list_control-dd bazis-button.bazis-item:active:hover::part(inner) {
  background: var(--background-selected);
  color: var(--color-selected);
}
.bazis-block_on-map .bazis-list_control-dd {
  --box-shadow: 0;
  --border-width-list: 0;
}
.bazis-list_gallery > .bazis-item {
  --margin-end: var(--bazis-margin-1x);
}
.bazis-list_gallery .bazis-figure {
  --width: 271px;
}
.bazis-list_gallery .bazis-figure_medium {
  --width: 604px;
}
.bazis-list_between > .bazis-item, .bazis-list_between_dot-leaders > .bazis-item {
  --margin-bottom: var(--bazis-margin-1x);
}
.bazis-list_between_dot-leaders {
  --color-dot: var(--bazis-text-color-secondary);
}
.bazis-list_between_dot-leaders > .bazis-item {
  --margin-top: 0;
  --margin-bottom: var(--bazis-margin-5x);
}
.bazis-list_between_dot-leaders > .bazis-item:last-child {
  --margin-bottom: 0;
}
.bazis-list_underline, .bazis-list_overline {
  --margin-bottom: 0;
  --border-radius: 0;
}
.bazis-list_step {
  --padding-start-list: var(--bazis-padding-5x);
  --padding-end-list: var(--bazis-padding-5x);
  --padding-top-list: var(--bazis-padding-6x);
  --padding-bottom-list: var(--bazis-padding-6x);
  --border-width-list: 1px;
  --border-style-list: solid;
  --border-color-list: var(--bazis-border-color);
  --border-radius-list: var(--bazis-border-radius);
  --margin-bottom: var(--bazis-margin-4x);
}
.bazis-list_step .bazis-item_parent > bazis-step {
  --font-weight: 500;
}
.bazis-list_step .bazis-item_parent.bazis-item--invalid > bazis-step {
  --color: var(--color-muted);
}
.bazis-list_step .bazis-item--empty bazis-step {
  --sign-background: var(--sign-background-muted);
  --color: var(--color-muted);
  --sign-color: var(--sign-color-muted);
}
.bazis-list_step .bazis-item--empty.bazis-item--required bazis-step {
  --color: var(--bazis-text-color);
}
.bazis-list_step .bazis-item--invalid:not(.bazis-item--empty) bazis-step {
  --sign-background: var(--bazis-color-danger);
  --color: var(--bazis-color-danger);
}
.bazis-list_step > .bazis-item:last-child {
  --margin-bottom: 0;
}
.bazis-list_step .bazis-list .bazis-item {
  --margin-bottom: var(--bazis-margin-2x);
}
.bazis-list_checkable {
  --padding-start-list: var(--bazis-padding-5x);
  --padding-end-list: var(--bazis-padding-5x);
  --padding-top-list: var(--bazis-padding-6x);
  --padding-bottom-list: var(--bazis-padding-6x);
  --border-width-list: 1px;
  --border-style-list: solid;
  --border-color-list: var(--bazis-border-color);
  --border-radius-list: var(--bazis-border-radius);
  --margin-bottom: var(--bazis-margin-4x);
}
.bazis-list_checkable .bazis-item > bazis-step {
  cursor: pointer;
}
.bazis-list_checkable .bazis-item_parent > bazis-step {
  --font-weight: 500;
}
.bazis-list_checkable .bazis-item_parent > bazis-step::part(sign) {
  visibility: hidden;
}
.bazis-list_checkable .bazis-item_parent > bazis-step::part(label) {
  border-bottom: none;
}
.bazis-list_checkable .bazis-item_parent.bazis-item--invalid > bazis-step {
  --color: var(--color-muted);
}
.bazis-list_checkable .bazis-item--empty bazis-step {
  --sign-background: var(--sign-background-muted);
  --color: var(--color-muted);
  --sign-color: var(--sign-color-muted);
}
.bazis-list_checkable .bazis-item--empty.bazis-item--required bazis-step {
  --color: var(--bazis-text-color);
}
.bazis-list_checkable .bazis-item--invalid:not(.bazis-item--empty) bazis-step {
  --sign-background: var(--bazis-color-danger);
  --color: var(--bazis-color-danger);
}
.bazis-list_checkable > .bazis-item:last-child {
  --margin-bottom: 0;
}
.bazis-list_checkable > .bazis-item:last-child .bazis-item:last-child {
  --margin-bottom: 0;
}
.bazis-list_checkable .bazis-list .bazis-item {
  --margin-bottom: var(--bazis-margin-2x);
}
.bazis-list_history > .bazis-item, .sl-list_trip > .bazis-item {
  --margin-bottom: var(--bazis-margin-7x);
  --padding-start: var(--bazis-padding-8x);
}
.bazis-list_history > .bazis-item .bazis-browse-default, .sl-list_trip > .bazis-item .bazis-browse-default {
  width: 156px;
  margin-right: var(--bazis-margin-8x);
}
.bazis-list_history > .bazis-item .bazis-browse-default:last-child, .sl-list_trip > .bazis-item .bazis-browse-default:last-child {
  margin-right: 0;
}
.bazis-list_e-sign {
  --margin-bottom: 40px;
  --margin-top-dl: var(--bazis-margin-4x);
}
.bazis-list_e-sign textarea {
  border-style: dashed;
  border-color: var(--bazis-placeholder-color);
  border-radius: var(--bazis-border-radius);
}
.bazis-list_e-sign bazis-link {
  letter-spacing: 0.25px;
}

.bazis-loader, .bazis-loader_inline {
  --background: var(--bazis-color-white);
  --min-width: 296px;
  --width: 100%;
  --max-width: 500px;
  --height: 150px;
  --font-size: 14px;
  --color: var(--bazis-text-color-secondary);
  --spinner-size: 50px;
  --spinner-background: rgba(var(--bazis-color-secondary-rgb), 0.2);
  --spinner-color: var(--bazis-color-secondary);
}
.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-signing .bazis-loader:not(bazis-signing .bazis-modal__content .bazis-loader):not(bazis-signing .bazis-modal__content .bazis-loader_inline), bazis-signing .bazis-loader_inline:not(bazis-signing .bazis-modal__content .bazis-loader):not(bazis-signing .bazis-modal__content .bazis-loader_inline) {
  --height: 218px;
  top: auto;
  left: 8px;
  right: 8px;
  bottom: 8px;
  padding: var(--bazis-padding-8x) var(--bazis-padding-5x) 40px;
}
.bazis-control .bazis-loader, .bazis-control .bazis-loader_inline {
  --background: transparent;
  --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__spinner {
  margin: 0;
}

.bazis-loadmore-button {
  --margin-bottom: var(--bazis-margin-8x);
}
.bazis-loadmore-button bazis-button {
  font-size: 18px;
}
.bazis-loadmore-button bazis-button bazis-icon {
  font-size: 24px;
}
@media (max-width: 1024px) {
  .bazis-loadmore-button {
    --margin-top: var(--bazis-margin-5x);
    --margin-bottom: var(--bazis-margin-5x);
  }
}

.bazis-menu, .bazis-menu_rounded {
  --multiple: 4;
  --margin-bottom: var(--bazis-margin-2x);
  --padding-top: calc(var(--bazis-padding-1x) * var(--multiple));
  --padding-bottom: calc(var(--bazis-padding-1x) * var(--multiple));
  --padding-start: calc(var(--bazis-padding-1x) * var(--multiple));
  --padding-end: calc(var(--bazis-padding-1x) * var(--multiple));
  --border-radius: 0;
  --background-hover: var(--bazis-background-accent);
  --color-hover: var(--color);
  --list-style: none;
  --font-size: 13px;
  --font-weight: 400;
  --line-height: 20px;
}
.bazis-menu bazis-icon, .bazis-menu_rounded bazis-icon {
  flex-shrink: 0;
  margin-right: var(--bazis-margin-4x);
}
.bazis-menu bazis-button, .bazis-menu_rounded bazis-button {
  --color: var(--bazis-text-color);
  color: var(--color);
}
.bazis-menu bazis-button:not(.bazis-item), .bazis-menu_rounded bazis-button:not(.bazis-item) {
  --padding-start: calc(var(--bazis-padding-1x) * var(--multiple));
  --padding-end: calc(var(--bazis-padding-1x) * var(--multiple));
  --padding-top: calc(var(--bazis-padding-1x) * var(--multiple));
  --padding-bottom: calc(var(--bazis-padding-1x) * var(--multiple));
}
.bazis-menu_rounded {
  --multiple: 2;
  --border-radius: var(--bazis-border-radius);
  --margin-bottom-list: var(--bazis-margin-8x);
}
.bazis-menu_rounded .bazis-item {
  --font-size: 14px;
  --font-weight: 500;
  display: flex;
  align-items: center;
  text-align: left;
}
.bazis-menu_rounded .bazis-item:hover bazis-icon, .bazis-menu_rounded .bazis-item.active bazis-icon {
  background: transparent;
}
.bazis-menu_rounded .bazis-item .bazis-text_minor {
  font-weight: 400;
}
.bazis-menu_rounded bazis-icon {
  padding: 10px;
  background: var(--bazis-background-medium);
  margin-right: var(--bazis-margin-3x);
}

.bazis-paginator .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid, .bazis-paginator_secondary .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid {
  --background-hover: var(--bazis-color-info-tint);
  --color-hover: var(--color);
}
.bazis-paginator .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid:hover::part(native), .bazis-paginator .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid:focus-visible::part(native), .bazis-paginator_secondary .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid:hover::part(native), .bazis-paginator_secondary .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid:focus-visible::part(native) {
  border-color: var(--border-color);
}
.bazis-paginator .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid:active:hover::part(native), .bazis-paginator_secondary .bazis-btn-group .bazis-btn-group__item > bazis-button.bazis-btn_solid:active:hover::part(native) {
  border-color: var(--border-color);
  color: var(--color);
}
@media (max-width: 1024px) {
  .bazis-paginator, .bazis-paginator_secondary {
    margin-top: var(--bazis-margin-6x);
  }
}
@media (max-width: 576px) {
  .bazis-paginator .bazis-control, .bazis-paginator_secondary .bazis-control {
    --control-width: 64px;
  }
}
@media (max-width: 400px) {
  .bazis-paginator_secondary {
    display: flex;
  }
}

.bazis-pane {
  --border-radius: 4px 4px 0px 0px;
  --background: var(--bazis-background);
  --height-header: 36px;
}
.bazis-pane__header {
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-1x);
  --border-width: 0 0 1px;
  --border-color: var(--bazis-border-color);
  --border-style: solid;
  --border-radius: 4px 4px 0px 0px;
}
.bazis-pane__header bazis-tabs {
  --font-size: 13px;
  margin-left: var(--bazis-margin-5x);
}
.bazis-pane__header__header__btns {
  background: linear-gradient(270deg, var(--bazis-color-white) 75%, rgba(var(--bazis-color-white-rgb), 0.8) 94.14%);
  padding-right: var(--padding-end);
  padding-left: var(--padding-end);
  border-radius: 0 4px 0 0;
}
.bazis-pane--expanded {
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-color-hover: var(--bazis-border-color-dark);
  --box-shadow: 0px 15px 15px -10px rgba(var(--bazis-shadow-color-rgb), 0.4);
  position: absolute;
  z-index: 152;
}

.bazis-percentage-bar, .bazis-percentage-bar_mini {
  --height: 8px;
  --background: var(--bazis-background-dark);
  position: relative;
  margin-top: var(--bazis-margin-2x);
}
.bazis-block_secondary .bazis-percentage-bar, .bazis-block_secondary .bazis-percentage-bar_mini {
  --background: var(--bazis-color-white);
}
.bazis-percentage-bar__part {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
}
.process .bazis-percentage-bar__part {
  background: var(--bazis-color-success);
}
.defuse .bazis-percentage-bar__part {
  background: var(--bazis-color-tertiary);
}
.utilize .bazis-percentage-bar__part {
  background: var(--bazis-color-warning);
}
.store .bazis-percentage-bar__part {
  background: var(--bazis-color-action);
}
.bazis-percentage-bar_mini {
  --height: 4px;
  margin-top: var(--bazis-margin-1x);
}
.bazis-percentage-block .bazis-percentage-bar_mini, .bazis-percentage-block_medium .bazis-percentage-bar_mini {
  margin-top: 2px;
  border-radius: 2px;
}
.bazis-percentage-block .bazis-percentage-bar_mini .bazis-percentage-bar__part:first-child, .bazis-percentage-block_medium .bazis-percentage-bar_mini .bazis-percentage-bar__part:first-child {
  border-radius: 2px 0 0 2px;
}
.bazis-percentage-block .bazis-percentage-bar_mini .bazis-percentage-bar__part_full:first-child, .bazis-percentage-block_medium .bazis-percentage-bar_mini .bazis-percentage-bar__part_full:first-child {
  border-radius: 2px;
}
.bazis-percentage-block--active .bazis-percentage-bar_mini {
  --background: rgba(var(--bazis-text-color-contrast-rgb), 0.4);
}
.bazis-percentage-block--active .bazis-percentage-bar_mini .bazis-percentage-bar__part.bazis-color {
  background: var(--bazis-color-contrast);
}

.bazis-percentage-block, .bazis-percentage-block_medium {
  --padding-top: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: 6px;
  --margin-bottom: var(--bazis-margin-3x);
  --border-radius: var(--bazis-border-radius);
  --background: var(--bazis-background);
  --background-hover: var(--bazis-background-medium);
  --border-color-hover: var(--bazis-border-color);
}
.bazis-percentage-block__count {
  --font-size: 18px;
  --line-height: 24px;
  color: var(--bazis-color-action);
}
.bazis-percentage-block__percent {
  color: var(--bazis-text-color-secondary);
}
.bazis-percentage-block bazis-tooltip, .bazis-percentage-block_medium bazis-tooltip {
  z-index: 149;
}
.bazis-percentage-block--active {
  --background: var(--bazis-color-action);
  --border-color: var(--bazis-color-action);
  --color: var(--bazis-color-primary-contrast);
  --background-hover: var(--background);
  --border-color-hover: var(--border-color);
}
.bazis-percentage-block--active .bazis-percentage-block__count {
  --font-weight: 700;
  color: var(--color);
}
.bazis-percentage-block--active .bazis-percentage-block__percent {
  color: rgba(var(--bazis-color-primary-contrast-rgb), 0.7);
}
.bazis-percentage-block:last-child, .bazis-percentage-block_medium:last-child {
  --margin-bottom: 0;
}
.bazis-percentage-block_medium {
  --padding-top: 10px;
  --padding-bottom: 10px;
}

.bazis-stepper {
  --min-height: 56px;
  --padding-start: 37px;
  --padding-end: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --background: var(--bazis-header-background);
  --background-active: var(--bazis-color-primary);
  --width-item-before: 18px;
  --width-item-after: 18.5px;
}
.bazis-stepper .bazis-item {
  cursor: default;
  pointer-events: none;
}
.bazis-stepper .bazis-item:last-child::after {
  background-image: none;
}
.bazis-stepper bazis-step {
  --font-size: 14px;
  --font-weight: 500;
  --line-height: 24px;
  --color-muted: var(--bazis-text-color-secondary);
  --sign-margin: 10px;
  --sign-background: var(--bazis-text-color-secondary);
  --sign-background-muted: var(--bazis-text-color-secondary);
  --sign-background-active: var(--bazis-color-white);
  --sign-color-muted: var(--bazis-color-white);
  --sign-color-active: var(--bazis-color-primary);
  --sign-size: 24px;
}
.bazis-stepper bazis-step::part(sign) {
  line-height: var(--sign-size);
}
.bazis-stepper bazis-step::part(label) {
  border: none;
}
.bazis-stepper bazis-step.bazis-step_check {
  --sign-color: var(--background);
  --sign-color-active: var(--background-active);
}
.bazis-stepper bazis-step.bazis-step_outline {
  --sign-color-active: var(--bazis-color-white);
}
@media (max-width: 920px) {
  .bazis-stepper {
    --padding-start: 88px;
    --padding-end: 0;
    --background-active: transparent;
  }
  .bazis-stepper .bazis-item::before {
    --width-item-before: 88px;
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 1px;
    width: var(--width-item-before);
    clip-path: none;
    background: var(--bazis-stepper-background);
  }
  .bazis-stepper .bazis-item::after {
    display: none;
  }
  .bazis-stepper .bazis-item:first-child {
    --padding-start: 0;
  }
  .bazis-stepper .bazis-item:first-child::before {
    display: none;
  }
  .bazis-stepper .bazis-item--active::before {
    background: var(--bazis-color-white);
  }
  .bazis-stepper bazis-step {
    --sign-margin: 0;
  }
  .bazis-stepper bazis-step::part(label) {
    display: none;
  }
  .bazis-stepper bazis-step.bazis-step_check {
    --sign-color-active: var(--background);
  }
}
@media (max-width: 400px) {
  .bazis-stepper {
    --padding-start: 64px;
  }
  .bazis-stepper .bazis-item::before {
    --width-item-before: 64px;
  }
}

.bazis-tab-status {
  --margin-start: var(--bazis-margin-8x);
}
.bazis-tab-status__item {
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --color: var(--bazis-color-action);
  --background-active: var(--bazis-color-action);
  --color-active: var(--bazis-color-action-contrast);
  --background-hover: var(--bazis-background-medium);
  --color-hover: var(--bazis-color-action);
  --background-disabled: var(--bazis-background-dark);
  --color-disabled: var(--bazis-text-color-secondary);
  --background-active-disabled: var(--bazis-text-color-secondary);
  --color-active-disabled: var(--bazis-text-color-contrast);
  --border-radius: 16px;
  --border-style: solid;
  --border-width: 1px;
  --border-color: transparent;
  --border-color-active: var(--background-active);
  --border-color-hover: var(--bazis-border-color);
  --border-color-disabled: var(--background-disabled);
  --border-color-active-disabled: var(--background-active-disabled);
}

.bazis-tag {
  --height: 36px;
  --height-s: calc(var(--height) - var(--bazis-padding-4x));
  --height-l: calc(var(--height) + var(--bazis-padding-8x));
  --background: var(--bazis-background-medium);
  --border-radius: var(--bazis-border-radius);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-3x);
  --color: var(--bazis-text-color);
}
.bazis-tag_large {
  font-size: 14px;
  letter-spacing: 0.5px;
}

.bazis-tile {
  --padding-start: var(--bazis-padding-5x);
  --padding-end: var(--bazis-padding-5x);
  --height-header: 48px;
}
.bazis-tile:not(.bazis-tile_full) {
  max-height: 282px;
}
.bazis-tile__header {
  --margin-start: calc(var(--bazis-margin-5x) * -1);
  --margin-end: calc(var(--bazis-margin-5x) * -1);
  --padding-start: var(--bazis-padding-5x);
  --padding-end: var(--bazis-padding-5x);
  --padding-top: var(--bazis-padding-5x);
  --padding-bottom: var(--bazis-padding-2x);
}
.bazis-tile__content {
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-5x);
  --padding-end: var(--bazis-padding-5x);
  --margin-end: -19px;
}
.bazis-tile bazis-tabs {
  width: 100%;
  border-bottom: 1px solid var(--bazis-border-color);
}
.bazis-tile--active .bazis-tile__header {
  box-shadow: 0px 15px 15px -10px rgba(var(--bazis-shadow-color-rgb), 0.4);
}

.bazis-alert {
  --top: 0;
  --bottom: 0;
  --left: 0;
  --right: 0;
  --max-width: 100%;
  --width: 976px;
  --padding-start: calc(var(--bazis-padding-3x) * 3);
  --padding-end: calc(var(--bazis-padding-3x) * 3);
  --padding-top: calc(var(--bazis-padding-3x) * 3);
  --padding-bottom: calc(var(--bazis-padding-3x) * 3);
  --background: var(--bazis-background);
  --border-radius: var(--bazis-border-radius);
  --box-shadow: 0px 10px 20px -10px rgba(144, 150, 162, 0.2);
  --max-height: calc(100vh - var(--bazis-padding-3x) * 3);
}
bazis-transit-modal .bazis-alert__message {
  padding-bottom: 40px;
}
bazis-transit-modal .bazis-alert__buttons bazis-button {
  margin-top: 0;
}
.bazis-alert_small {
  --max-width: 664px;
}
.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_medium {
  --width: 664px;
}
.bazis-alert_medium2 {
  --width: 752px;
}

.bazis-breadcrumbs {
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --margin-bottom: var(--bazis-margin-4x);
  --text-decoration: none;
  --color: var(--bazis-text-color-secondary);
}
.bazis-breadcrumbs .bazis-list {
  --font-size: 12px;
  --line-height: 16px;
}
.bazis-breadcrumbs .bazis-list > .bazis-item {
  --margin-end: var(--bazis-margin-2x);
}
.bazis-breadcrumbs a:hover {
  color: var(--color);
}
.bazis-breadcrumbs bazis-icon {
  --bazis-icon-s-size: 12px;
  margin-right: var(--margin-end);
}

.bazis-contact {
  --font-size: 13px;
  --line-height: 20px;
}
.bazis-contact__name {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.bazis-contact__position {
  margin-bottom: var(--bazis-margin-3x);
}
.bazis-contact + .bazis-contact {
  --margin-top: var(--bazis-margin-6x);
}

.bazis-collapsible-to-more {
  gap: var(--bazis-margin-4x);
  min-height: 100px;
}
.bazis-collapsible-to-more__shake bazis-skeleton {
  height: 48px;
}
@media (max-width: 576px) {
  .bazis-collapsible-to-more {
    gap: 0;
  }
}

dl .bazis-coordinates, .bazis-list > .bazis-item .bazis-coordinates, table .bazis-coordinates {
  margin-bottom: 0;
}
dl .bazis-coordinates {
  margin-top: var(--bazis-margin-1x);
}

.bazis-block__content_main__left .bazis-dateplate .bazis-text-action {
  letter-spacing: 0;
  color: var(--bazis-text-color);
}
h5 .bazis-dateplate, h6 .bazis-dateplate {
  display: inline-block;
  padding-left: var(--bazis-padding-3x);
  font-weight: 400;
  vertical-align: middle;
}

.bazis-file-inline .bazis-list .bazis-item bazis-link {
  --line-height: 20px;
}
@media only screen and (-webkit-max-device-pixel-ratio: 1) {
  .bazis-file-inline .bazis-list .bazis-item bazis-icon {
    position: relative;
    top: -2px;
  }
}
.bazis-list .bazis-item:last-child .bazis-file-inline {
  margin-bottom: 40px;
}

.bazis-gallery-preview {
  --width: 161px;
  --height: 120px;
}
.bazis-gallery-preview .bazis-figure {
  --width: 161px;
  --height: 120px;
}
.bazis-gallery-preview__more {
  --top: 0;
  --bottom: 0;
  --right: 0;
  --width: 28px;
  --height: 120px;
  --background: var(--bazis-color-black-rgb);
  --opacity: 0.3;
  --border-radius: 0px 4px 4px 0px;
  --line-height: var(--height);
  --font-size: 11px;
  --font-weight: 500;
  --color: var(--bazis-color-white);
}
.bazis-gallery-slider {
  --width: 100%;
}
.bazis-gallery-single .bazis-figure {
  --height: 455px;
  --width: 100%;
  margin: 0;
}
.bazis-gallery-single bazis-button.bazis-color-action {
  --border-color: var(--bazis-color-action);
  --border-color-hover: var(--bazis-color-action);
}

.bazis-modal {
  --background: var(--bazis-color-white);
  --border-radius: var(--bazis-border-radius);
  --box-shadow: 0px 15px 15px -10px rgba(var(--bazis-shadow-color-rgb), 0.4);
  --width: 100%;
  --max-height: calc(100vh - 80px);
  --max-width: 976px;
  --min-height: 62.5vh;
  --top-close: var(--bazis-padding-5x);
  --right-close: var(--bazis-padding-5x);
  --padding-start-header: 40px;
  --padding-end-header: 40px;
  --padding-top-header: var(--bazis-padding-5x);
  --padding-bottom-header: var(--bazis-padding-5x);
  --padding-start-content: 40px;
  --padding-end-content: 40px;
  --padding-top-content: var(--bazis-padding-8x);
  --padding-bottom-content: var(--bazis-padding-8x);
  --padding-start-footer: 40px;
  --padding-end-footer: 40px;
  --padding-top-footer: var(--bazis-padding-5x);
  --padding-bottom-footer: var(--bazis-padding-5x);
  z-index: 1100;
}
.bazis-modal + .bazis-backdrop {
  --backdrop-opacity: 0.6;
  --opacity: var(--backdrop-opacity);
}
.bazis-modal--scrolling .bazis-modal__header, .bazis-modal--scrolling .bazis-modal__header_shadow, .bazis-modal-wrap--scrolling .bazis-modal__header, .bazis-modal-wrap--scrolling .bazis-modal__header_shadow {
  position: relative;
  height: 100%;
  max-height: 119px;
}
.bazis-modal--scrolling .bazis-modal__header::after, .bazis-modal--scrolling .bazis-modal__header_shadow::after, .bazis-modal-wrap--scrolling .bazis-modal__header::after, .bazis-modal-wrap--scrolling .bazis-modal__header_shadow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 76px;
  box-shadow: var(--box-shadow);
}
.bazis-modal--scrolling .bazis-modal__header h1, .bazis-modal--scrolling .bazis-modal__header_shadow h1, .bazis-modal-wrap--scrolling .bazis-modal__header h1, .bazis-modal-wrap--scrolling .bazis-modal__header_shadow h1 {
  padding-top: 0;
  font-size: 28px;
  line-height: 36px;
}
.bazis-modal__header h1, .bazis-modal__header_shadow h1 {
  padding-bottom: 0;
  padding-top: 27px;
  transition: padding-top 150ms, font-size 150ms, line-height 150ms;
  --bazis-h1-margin: 0;
}
.bazis-modal__header h3, .bazis-modal__header_shadow h3 {
  --bazis-h3-margin: 0;
}
.bazis-modal__footer {
  box-shadow: 0px -15px 15px -10px rgba(var(--bazis-shadow-color-rgb), 0.4);
}
.bazis-modal .bazis-alert__wrapper {
  --box-shadow: none;
}
.bazis-modal.map {
  --height: 640px;
}
.bazis-modal.map h4 {
  margin-right: var(--bazis-margin-4x);
}
.bazis-modal.map .bazis-map-wrapper, .bazis-modal.map .sl-map-wrapper_dd {
  --height: calc(80% - var(--margin-bottom));
}
.bazis-modal.map .bazis-map-wrapper .bazis-map, .bazis-modal.map .sl-map-wrapper_dd .bazis-map {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.bazis-modal.gallery {
  --background: transparent;
  --top-close: 40px;
  --right-close: 40px;
}
.bazis-modal.gallery + .bazis-backdrop {
  --backdrop-opacity: 0.9;
  --opacity: var(--backdrop-opacity);
}
.bazis-modal.gallery .bazis-loader_inline {
  --height: auto;
}
.bazis-modal.video {
  --background: transparent;
  --top-close: 20px;
  --right-close: 78px;
}
.bazis-modal.video + .bazis-backdrop {
  --backdrop-opacity: 0.9;
  --opacity: var(--backdrop-opacity);
}
.bazis-modal.video .bazis-modal__content {
  --padding-start-content: 0;
  --padding-end-content: 0;
  --padding-top-content: 0;
  --padding-bottom-content: 0;
}
.bazis-modal.mobile-bottom {
  --width: calc(100% - 16px);
  --min-height: 0;
  --padding-start-header: var(--bazis-padding-5x);
  --padding-end-header: var(--bazis-padding-5x);
  --padding-top-header: var(--bazis-padding-5x);
  --padding-bottom-header: var(--bazis-padding-5x);
  --padding-top-content: 0;
  --padding-bottom-content: var(--bazis-padding-5x);
  --padding-start-content: var(--bazis-padding-5x);
  --padding-end-content: var(--bazis-padding-5x);
  --padding-start-footer: var(--bazis-padding-5x);
  --padding-end-footer: var(--bazis-padding-5x);
  --padding-top-footer: var(--bazis-padding-5x);
  --padding-bottom-footer: var(--bazis-padding-5x);
  bottom: 0;
  top: auto;
  margin: var(--bazis-padding-2x);
}
.bazis-modal.mobile-bottom .bazis-list_underline {
  --border-style: dashed;
  --padding-top-list: 0;
  --padding-bottom-list: 0;
  --padding-bottom: var(--bazis-padding-4x);
  --padding-top: 0;
  --margin-bottom: var(--bazis-margin-4x);
}
.bazis-modal.mobile-bottom .bazis-list_underline > .bazis-item:last-child {
  border: none;
}
.bazis-control .bazis-modal.mobile-bottom {
  --padding-top-content: var(--bazis-padding-5x);
}
.bazis-control .bazis-modal.mobile-bottom .bazis-control__label {
  --font-size-label: 18px;
  line-height: 24px;
  color: var(--bazis-text-color);
}
.bazis-control .bazis-modal.mobile-bottom .bazis-radio__label::before {
  margin-left: 0;
}
.bazis-control .bazis-modal.mobile-bottom bazis-button {
  --height: 44px;
  margin: 40px 0 var(--bazis-margin-5x);
}
.bazis-modal.files .bazis-chat__modal-content {
  max-height: 524px;
  overflow: auto;
}
.bazis-modal_small {
  --max-height: 580px;
  --max-width: 780px;
  --padding-top-header: var(--bazis-padding-5x);
  --padding-bottom-header: var(--bazis-padding-4x);
  --padding-top-content: var(--bazis-padding-4x);
}
.bazis-modal_small.map {
  --max-height: 490px;
  --max-width: 976px;
  --padding-top-content: var(--bazis-padding-8x);
}
@media (max-width: 992px) {
  .bazis-modal:not(.fullscreen, .mobile-bottom, .dummy) {
    --width: calc(100% - 72px);
    --min-height: auto;
    margin: 40px calc(var(--bazis-margin-3x) * 3);
    bottom: auto;
  }
  .bazis-modal .bazis-modal__footer .bazis-btn_clear {
    margin-left: calc(var(--bazis-margin-4x) * -1);
    margin-right: calc(var(--bazis-margin-4x) * -1);
  }
}
@media (min-width: 576.98px) and (max-width: 992px) {
  .bazis-modal:not(.fullscreen, .mobile-bottom, .dummy) .bazis-modal-wrap {
    max-height: var(--max-height);
  }
}
@media (max-width: 576px) {
  .bazis-modal:not(.mobile-bottom, .dummy) {
    --min-height: 100vh;
    --width: 100%;
    --border-radius: 0;
    --box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.1);
    --top-close: 10px;
    --right-close: var(--bazis-padding-5x);
    --padding-start-header: var(--bazis-padding-5x);
    --padding-end-header: calc(
        var(--bazis-padding-5x) + var(--bazis-padding-3x) * 3 + var(--bazis-padding-6x)
    );
    --padding-top-header: var(--bazis-padding-4x);
    --padding-bottom-header: var(--bazis-padding-4x);
    --padding-top-content: var(--bazis-padding-5x);
    --padding-start-content: var(--bazis-padding-5x);
    --padding-end-content: var(--bazis-padding-5x);
    --padding-start-footer: var(--bazis-padding-5x);
    --padding-end-footer: var(--bazis-padding-5x);
    --padding-top-footer: var(--bazis-padding-5x);
    --padding-bottom-footer: var(--bazis-padding-5x);
    margin: 0;
    bottom: 0;
  }
  .bazis-modal:not(.mobile-bottom, .dummy) .bazis-modal__header, .bazis-modal:not(.mobile-bottom, .dummy) .bazis-modal__header_shadow {
    border-bottom: 1px solid var(--bazis-border-color);
    box-shadow: 0px 15px 15px -10px rgba(var(--bazis-shadow-color-rgb), 0.4);
  }
  .bazis-modal:not(.mobile-bottom, .dummy) .bazis-modal__footer {
    border-top: 1px solid var(--bazis-border-color);
  }
  .bazis-modal .bazis-modal__header h1, .bazis-modal .bazis-modal__header_shadow h1 {
    --bazis-h1-margin: 0;
    --bazis-font-size-h1: 18px;
    --bazis-line-height-h1: 24px;
    padding-top: 0;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bazis-modal .bazis-modal__header h4, .bazis-modal .bazis-modal__header_shadow h4 {
    --bazis-h4-margin: 0;
    --bazis-font-size-h4: 18px;
    --bazis-line-height-h4: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .bazis-modal .bazis-modal__footer bazis-button {
    display: block;
  }
  .bazis-modal .bazis-modal__footer bazis-toolbar {
    flex-direction: column;
    gap: var(--bazis-padding-4x);
    width: 100%;
  }
  .bazis-modal .bazis-modal__footer bazis-toolbar::part(start), .bazis-modal .bazis-modal__footer bazis-toolbar::part(end) {
    gap: var(--bazis-padding-4x);
    flex-direction: column;
    width: 100%;
  }
  .bazis-modal .bazis-modal__footer bazis-toolbar .bh-line-elements {
    flex-direction: column;
    width: 100%;
  }
  .bazis-modal.video {
    --top-close: 8px;
    --right-close: 8px;
    --left-close: auto;
    padding: 0;
  }
  .bazis-modal.video .bazis-modal__close {
    z-index: 100;
  }
  .bazis-modal.video .bazis-modal__content {
    position: relative;
    height: 0;
    padding-top: 56.25%; /* 16:9 */
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .bazis-modal.video .bazis-modal__content iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
  .bazis-modal.map {
    --padding-top-content: 0;
    --padding-bottom-content: 0;
    --padding-start-content: 0;
    --padding-end-content: 0;
    --top-close: 8px;
    --right-close: 8px;
    --left-close: auto;
  }
  .bazis-modal.map .bazis-map-wrapper, .bazis-modal.map .sl-map-wrapper_dd {
    --height: 100vh;
  }
}

.bazis-slider {
  --indicator-margin-top: var(--bazis-margin-1x);
  --indicator-bg: var(--bazis-placeholder-color);
  --indicator-dot-width-active: 16px;
  --indicator-radius-active: 2px;
}
.bazis-slider__indicator__item {
  transition: width 0.2s linear;
}

bazis-toast {
  --background: var(--bazis-background);
  --border-radius: var(--bazis-border-radius);
  --box-shadow: 0px 10px 20px -10px rgba(144, 150, 162, 0.2);
  --max-width: 416px;
  --width: 416px;
  --max-height: calc(100vh - var(--bazis-padding-3x) * 3);
}
bazis-toast::part(toast) {
  margin-bottom: var(--bazis-margin-3x);
}

.bazis-vehicle-number {
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-color-action-tint);
  --border-radius: var(--bazis-border-radius);
  --background: var(--bazis-background-accent);
  --box-shadow: 0px 0.272727px 1.63636px rgba(0, 0, 0, 0.2);
  --color: var(--bazis-color-action);
  outline: 1px solid var(--bazis-color-white);
}
.bazis-vehicle-number--disabled {
  --border-color: var(--bazis-border-color);
  --background: var(--bazis-background-medium);
  --color: var(--bazis-text-color-secondary);
}
.bazis-vehicle-number_rus {
  --height: 24px;
}
.bazis-vehicle-number_rus .bazis-vehicle-number__part_0 {
  --margin-start: var(--bazis-margin-1x);
  --margin-end: var(--bazis-margin-1x);
  --font-size: 20px;
  --line-height: 15px;
  width: 11px;
}
.bazis-vehicle-number_rus .bazis-vehicle-number__part_1 {
  --margin-end: var(--bazis-margin-1x);
  --font-size: 22px;
  --line-height: 17px;
  letter-spacing: 3px;
  width: 37px;
}
.bazis-vehicle-number_rus .bazis-vehicle-number__part_2 {
  --margin-end: var(--bazis-margin-1x);
  --font-size: 20px;
  --line-height: 15px;
  letter-spacing: 3px;
  width: 24px;
}
.bazis-vehicle-number_rus .bazis-vehicle-number__part_3 {
  --margin-end: 2px;
  --margin-start: 3px;
  --font-size: 11px;
  --line-height: 17px;
  position: relative;
  width: 24px;
  height: 100%;
  letter-spacing: 1.5px;
}
.bazis-vehicle-number_rus .bazis-vehicle-number__part_3::before {
  position: absolute;
  top: 1px;
  left: -3px;
  display: block;
  content: "";
  height: 20px;
  width: 1px;
  background: var(--color);
}
.bazis-vehicle-number_rus .bazis-vehicle-number__part_3::after {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 2px;
  content: "RUS";
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAZCAYAAABdEVzWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADHSURBVEiJ7dE7DgFRGIbh9zeDuBQKEzSITmUR9mELWp1KKbEHK1EotS4NUchElEaDmaNgWsmp/inOW33lk3wCEBszSTAjlPORoYiE3w0kJE1B+rosAArpyGkq/uVgtjmYbT7A9hJFz9gctTHlfNGk2wcYTNdVhJ4e6Zcxks7MXulgtjmYbZmF+QDz3fIWvO8rbcyhFiSz3xaAqB0sBBkrmgDIeV63dArPkOErHcw2B7MtszABeHTqLRN7dW1MpXHdy4aXtuNvH86TKeD83bcOAAAAAElFTkSuQmCC") no-repeat 100% 50%;
  background-size: contain;
  font-family: "PT Sans Caption", sans-serif;
  font-weight: 700;
  font-size: 4.91px;
  line-height: 6.35px;
  letter-spacing: 0;
  color: var(--bazis-color-action-tint);
}
.os-Windows .bazis-vehicle-number_rus .bazis-vehicle-number__part_0, .os-Windows .bazis-vehicle-number_rus .bazis-vehicle-number__part_1, .os-Windows .bazis-vehicle-number_rus .bazis-vehicle-number__part_2 {
  padding-bottom: 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .bazis-vehicle-number_rus .bazis-vehicle-number__part_0 {
    --line-height: 10px;
  }
  .bazis-vehicle-number_rus .bazis-vehicle-number__part_1 {
    --line-height: 12px;
  }
  .bazis-vehicle-number_rus .bazis-vehicle-number__part_2 {
    --line-height: 10px;
  }
}
.bazis-vehicle-number_rus .bazis-vehicle-number__noparts {
  margin: 0 10px;
  font-family: "PT Sans Caption", sans-serif;
  font-size: 6px;
  line-height: 22px;
  white-space: nowrap;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.bazis-vehicle-number_rus.bazis-vehicle-number--disabled .bazis-vehicle-number__part_3::before {
  background: var(--bazis-border-color);
}
.bazis-vehicle-number_rus.bazis-vehicle-number--disabled .bazis-vehicle-number__part_3::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAQCAYAAADj5tSrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAB1SURBVDiN3ZExCoAwFEPzbYXSM3gSwcGzCw6Km6ObZyh00K9Tix4gHZopUx7kyfXoCUIMZBSRAwAsgI4BAdCm0pAAv9QDsduyzoxh55xmSAihZ0BijPmlepyUEe+9nxjDInJ/IQMJYlKvx0kZ8QB2xrCqxtRfYooWlr3qbWIAAAAASUVORK5CYII=");
}

.bazis-control {
  --height: 34px;
  --margin-bottom: var(--bazis-margin-6x);
  --padding-field-start: var(--bazis-padding-3x);
  --padding-field-end: var(--bazis-padding-3x);
  --background: var(--bazis-color-white);
  --border-radius: var(--bazis-border-radius);
  --border-width: 1px;
  --border-color: var(--bazis-border-color-dark);
  --border-color-hover: var(--bazis-text-color-secondary);
  --border-color-focus: var(--bazis-color-primary);
  --border-color-active: var(--bazis-color-primary);
  --border-style: solid;
  --border-style-estimated: dashed;
  --color: var(--bazis-text-color);
  --font-size: 13px;
  --font-size-label: calc(var(--font-size) + 1px);
  --size-icon: 16px;
  --background-disabled: var(--bazis-background-medium);
}
.bazis-datetime-control .bazis-control {
  --margin-bottom: 0;
}
.bazis-control__units {
  color: var(--bazis-text-color-secondary);
}
.bazis-control__label.bazis-h6 {
  margin-bottom: var(--bazis-margin-5x);
}
.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 > button {
  --size-icon: 12px;
}
.bazis-control__field-group__end button {
  min-width: calc(var(--height) + var(--bazis-padding-2x));
}
.bazis-control__field-group__end bazis-button.bazis-btn_clear {
  --height: 34px;
  --background-hover: transparent;
  --background-focused: transparent;
  --background-activated: transparent;
  --color-hover: var(--bazis-color-action);
  --color-focused: var(--bazis-color-action);
  --color-activated: var(--bazis-color-action);
}
.bazis-control__field-group__end bazis-button.bazis-btn_clear.bazis-eraser {
  --padding-end: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-2x);
}
.bazis-control textarea {
  --padding-field-top: 10px;
  --padding-field-bottom: 10px;
  min-height: 64px;
}
.bazis-control bazis-button input[type=file],
.bazis-control .bazis-figure_btn input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.bazis-control .bazis-figure {
  --height: 134px;
}
.bazis-control .bazis-list_control-dd {
  --position-top: var(--height);
}
@media (max-width: 576px) {
  bazis-input-timeinterval bazis-col:last-child .bazis-control {
    --margin-top: var(--bazis-margin-6x);
  }
}

.dt-desktop bazis-input-timeinterval .bazis-control__field-group__end bazis-button:not(.bazis-eraser, .bazis-icon_calendar),
.dt-desktop bazis-input-dateinterval-time .bazis-control__field-group__end bazis-button:not(.bazis-eraser, .bazis-icon_calendar),
.dt-desktop bazis-input-datetime .bazis-control__field-group__end bazis-button:not(.bazis-eraser, .bazis-icon_calendar) {
  display: none;
}

.bazis-map-point-control .bazis-control {
  --margin-bottom: 0;
}
@media (max-width: 576px) {
  bazis-col:first-child .bazis-map-point-control {
    --margin-bottom: var(--bazis-margin-6x);
  }
}

.bazis-browse-default {
  --margin-bottom: var(--bazis-margin-6x);
  --margin-title: 0 0 var(--bazis-margin-2x);
  --color: var(--bazis-text-color-secondary);
  display: block;
}

.bazis-checkbox {
  --border-radius: var(--bazis-border-radius);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color-dark);
  --background: transparent;
  --background-checked: var(--bazis-color-action);
  --background-disabled: var(--bazis-background-dark);
  --border-color-checked: var(--bazis-color-action);
  --border-color-disabled: var(--bazis-border-color-dark);
  --color: var(--bazis-text-color);
  --color-disabled: var(--bazis-text-color-secondary);
  --size: 16px;
  --disabled-opacity: 0.5;
}
.bazis-checkbox__label {
  margin-right: var(--bazis-margin-3x);
}
.bazis-checkbox__label::before {
  line-height: 14px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .bazis-checkbox__label::before {
    line-height: 16px;
  }
}
.bazis-control__note .bazis-checkbox__label {
  line-height: var(--note-line-height);
}
.bazis-checkbox:not(.bh-inline-block, .bazis-item) + .bazis-checkbox:not(.bh-inline-block, .bazis-item), .bazis-control__label + .bazis-checkbox:not(.bh-inline-block, .bazis-item) {
  margin-top: var(--bazis-margin-5x);
}
.bazis-control .bazis-checkbox, .bazis-list_control-dd .bazis-checkbox {
  --background-selected: var(--background);
  --color-selected: var(--color-checked);
  --border-radius: var(--bazis-border-radius);
  border: 0;
}
.bazis-control .bazis-checkbox .bazis-checkbox__label::before, .bazis-list_control-dd .bazis-checkbox .bazis-checkbox__label::before {
  margin-left: 0;
  margin-right: calc(var(--size) / 2);
}
.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;
  margin-left: calc(var(--size) / 2);
}
.bazis-control .bazis-checkbox.bazis-item, .bazis-list_control-dd .bazis-checkbox.bazis-item {
  border-radius: 0;
}
.bazis-control .bazis-checkbox.bazis-item--selected .bazis-checkbox__label::before, .bazis-list_control-dd .bazis-checkbox.bazis-item--selected .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");
  border-color: var(--border-color-checked);
  background: var(--background-checked);
  color: var(--checkmark-color);
}
.bazis-list_vline .bazis-control .bazis-checkbox__label::before, .bazis-list_vline_mini .bazis-control .bazis-checkbox__label::before {
  margin-right: var(--bazis-margin-3x);
}
.bazis-checkbox_right .bazis-checkbox__label {
  line-height: 16px;
}

.bazis-contacts-control__group {
  --margin-bottom: var(--bazis-margin-6x);
  --padding-top: 0;
  --padding-start: 0;
  --padding-end: 0;
  --padding-bottom: 0;
}
.bazis-contacts-control__group bazis-toolbar {
  --height: 36px;
  --bazis-font-size-p-major: 16px;
  --bazis-line-height-p-major: 24px;
  --margin-bottom: var(--bazis-margin-3x);
}
.bazis-contacts-control bazis-toolbar {
  --margin-bottom: 2px;
}
.bazis-contacts-control bazis-toolbar h6 {
  line-height: 36px;
}

.bazis-input-file_photo__container {
  --margin-top: calc(var(--bazis-margin-3x) * -1);
}

.bazis-interval-control {
  --background: var(--bazis-color-white);
  --box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.1);
  --border-radius: var(--bazis-border-radius);
  --border-width: 1px ;
  --border-style: solid;
  --border-color: var(--bazis-background-medium);
}
.bazis-interval-control bazis-timepicker,
.bazis-interval-control bazis-datepicker {
  --box-shadow: none;
  --border-width: 0;
}
bazis-timeinterval .bazis-interval-control {
  --width: 418px;
  --padding-top: 26px;
}
bazis-timeinterval .bazis-interval-control bazis-timepicker {
  --padding-top: 0;
}
bazis-timeinterval .bazis-interval-control p {
  --bazis-p-margin: 0 var(--bazis-margin-4x) var(--bazis-margin-2x);
}
bazis-dateinterval .bazis-interval-control {
  --width: 792px;
  --padding-start: var(--bazis-padding-5x);
  --padding-end: var(--bazis-padding-5x);
  --padding-bottom: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-2x);
}

.bazis-number-buttons-control {
  --border-width: 0;
}
bazis-col .bazis-number-buttons-control {
  padding-top: 6px;
}

.bazis-radio {
  --border-radius: 50%;
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color-dark);
  --border-color-checked: var(--bazis-color-action);
  --border-width-checked: 4px;
  --background: transparent;
  --background-checked: var(--bazis-background);
  --color: var(--bazis-text-color);
  --color-disabled: var(--bazis-text-color-secondary);
  --size: 16px;
  --disabled-opacity: 0.5;
}
.bazis-radio .bazis-radio__label {
  margin-right: var(--bazis-margin-3x);
}
.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-control__label + .bazis-radio:not(.bh-inline-block, .bazis-radio_tab) {
  margin-top: var(--bazis-margin-5x);
}
.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 .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;
  margin-right: calc(var(--size) / 2);
}
.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;
  margin-left: calc(var(--size) / 2);
}
.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_tab .bazis-radio__label {
  height: 148px;
  background: var(--bazis-background-medium);
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}
.bazis-radio_tab .bazis-radio__label bazis-icon {
  margin-bottom: 18px;
}
.bazis-radio_tab .bazis-radio__label::before {
  position: absolute;
  top: 12px;
  right: 8px;
  border: none;
  width: 20px;
  height: 20px;
}
.bazis-radio_tab input:checked + .bazis-radio__label::before {
  background: url("/assets/images/check-circle.svg");
}
.bazis-radio_block .bazis-radio__label {
  margin-top: var(--bazis-margin-2x);
  margin-right: 0;
  border: 1px solid var(--bazis-border-color);
  border-radius: var(--bazis-border-radius);
  padding: var(--bazis-padding-4x) var(--bazis-padding-3x);
}
.bazis-radio_block input:checked + .bazis-radio__label {
  border-color: var(--border-color-checked);
  background: var(--bazis-background-accent);
}
.bazis-input-options_sort .bazis-radio {
  --color-checked: var(--bazis-color-action);
}
.bazis-input-options_sort .bazis-radio input + .bazis-radio__label bazis-icon {
  color: var(--bazis-placeholder-color);
}
.bazis-input-options_sort .bazis-radio input:checked + .bazis-radio__label bazis-icon {
  color: var(--color-checked);
}
.bazis-input-options_sort .bazis-radio .bazis-radio__label {
  margin-bottom: var(--bazis-margin-4x);
  line-height: 20px;
}
.bazis-input-options_sort .bazis-radio .bazis-radio__label bazis-icon {
  margin-right: var(--bazis-margin-2x);
}

.bazis-schedule-control table {
  --margin-top: 13px;
}
.bazis-schedule-control table td {
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  min-width: 218px;
}
.bazis-schedule-control table td:first-child {
  --padding-start: 0;
  min-width: 240px;
}
.bazis-schedule-control table td.bazis-table__cell_action {
  --padding-end: 0;
  min-width: 0;
}
.bazis-schedule-control table td .bazis-control {
  max-width: 226px;
  white-space: nowrap;
}

.bazis-select-date-control {
  --width: 275px;
}
.bazis-select-date-control .bazis-dropdown__body {
  --top: calc(var(--height) + 3px);
  --right: 0;
  --left: auto;
  --width: 360px;
  --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);
  --border-width: 1px;
  --border-color: var(--bazis-background-medium);
}
.bazis-select-date-control .bazis-dropdown__body .bazis-control {
  --padding-field-end: 0;
}
.bazis-select-date-control .bazis-dropdown__body .bazis-grid_form > bazis-row > bazis-col {
  --bazis-grid-column-padding-start: var(--bazis-padding-1x);
  --bazis-grid-column-padding-end: var(--bazis-padding-1x);
  --bazis-grid-column-padding-start-xs: var(--bazis-padding-1x);
  --bazis-grid-column-padding-end-xs: var(--bazis-padding-1x);
}
.bazis-select-date-control .bazis-dropdown__body .bazis-grid_form > bazis-row > bazis-col:first-child {
  --bazis-grid-column-padding-start: 0;
  --bazis-grid-column-padding-start-xs: 0;
}
.bazis-select-date-control .bazis-dropdown__body .bazis-grid_form > bazis-row > bazis-col:last-child {
  --bazis-grid-column-padding-end: 0;
  --bazis-grid-column-padding-end-xs: 0;
}
.bazis-select-date-control .bazis-dropdown__body .bazis-control__field-group__end bazis-button {
  --padding-start: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
}
.bazis-select-date-control .bazis-dropdown__body .bazis-eraser {
  margin-right: calc(var(--padding-end) * -1);
}

.bazis-select {
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --border-radius: var(--bazis-border-radius);
  --background: var(--bazis-color-white);
}
.bazis-select_secondary {
  --background: var(--bazis-color-info-tint);
  --padding-end: 0;
  color: var(--color);
}
.bazis-select_secondary .bazis-select__trigger {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.bazis-select_secondary .bazis-select__trigger bazis-icon {
  --size-icon: 20px;
  flex-shrink: 0;
  color: var(--color);
}
.bazis-select_secondary .bazis-select__trigger bazis-icon:first-child {
  margin-right: var(--bazis-margin-1x);
}

.bazis-select-text {
  --margin-top: var(--bazis-margin-1x);
  --margin-bottom: var(--bazis-margin-1x);
}
.bazis-select-text__label {
  --font-size: 14px;
  --line-height: 20px;
  margin-right: var(--bazis-margin-2x);
}
.bazis-select-text__label.bh-font-medium {
  --font-weight: 500;
}
.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-selectable-cards {
  --padding-top: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-width: 1px;
  --border-radius: var(--bazis-border-radius);
  --background: var(--bazis-color-white);
  --color: var(--bazis-text-color-rgb);
  --background-active: var(--bazis-color-action);
  --border-color-active: var(--border-color-action);
  --color-active: var(--bazis-text-color-contrast);
  --background-disabled: var(--background);
  --border-color-disabled: var(--border-color);
  --color-disabled: var(--color);
}
.bazis-selectable-cards__item__title {
  gap: var(--bazis-margin-4x);
  margin-bottom: var(--bazis-margin-1x);
  font-weight: 500;
}
.bazis-selectable-cards__item bazis-icon {
  color: var(--bazis-placeholder-color);
}
.bazis-selectable-cards__item__description {
  font-size: 11px;
  line-height: 12px;
  color: var(--bazis-text-color-secondary);
}
input:checked + .bazis-selectable-cards__item .bazis-selectable-cards__item__description {
  color: rgba(var(--bazis-text-color-contrast-rgb), 0.8);
}
input:checked + .bazis-selectable-cards__item bazis-icon {
  color: var(--color-active);
}

.bazis-switcher {
  --color: var(--bazis-text-color);
  --color-disabled: var(--bazis-text-color-secondary);
}
.bazis-switcher__label {
  --font-weight: 700;
  --font-size: 16px;
  --line-height: 24px;
  margin-left: var(--bazis-margin-2x);
}
th .bazis-switcher__label {
  --font-weight: 500;
  --font-size: 13px;
  --line-height: 20px;
  --color: var(--bazis-text-color-secondary);
}

.bazis-vehicle-number-control {
  --width-group: 205px;
}
.bazis-vehicle-number-control_rus {
  --height: 24px;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_0 {
  --margin-start: var(--bazis-margin-3x);
  --margin-end: var(--bazis-margin-1x);
  --margin-bottom: 2px;
  --font-size: 18px;
  --line-height: 15px;
  width: 17px;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_1 {
  --margin-end: 0;
  --margin-bottom: 2px;
  --font-size: 26px;
  --height: 32px;
  --line-height: 17px;
  width: 64px;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_1 input {
  letter-spacing: 4px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_1 {
    --margin-bottom: -1px;
  }
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_2 {
  --margin-start: var(--bazis-margin-1x);
  --margin-end: var(--bazis-margin-3x);
  --margin-bottom: 2px;
  --font-size: 19px;
  --line-height: 15px;
  width: 39px;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_2 input {
  letter-spacing: 3px;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_3 {
  --margin-end: 7px;
  --margin-start: 5px;
  --margin-bottom: 2px;
  --font-size: 15.75px;
  --line-height: 17px;
  height: 32px;
  width: 39px;
  align-self: flex-start;
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_3::before {
  content: "";
  display: block;
  width: 1px;
  position: relative;
  top: 3px;
  left: -5px;
  height: 30px;
  background: var(--bazis-border-color-dark);
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_3::after {
  content: "RUS";
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 0;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAZCAYAAABdEVzWAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADHSURBVEiJ7dE7DgFRGIbh9zeDuBQKEzSITmUR9mELWp1KKbEHK1EotS4NUchElEaDmaNgWsmp/inOW33lk3wCEBszSTAjlPORoYiE3w0kJE1B+rosAArpyGkq/uVgtjmYbT7A9hJFz9gctTHlfNGk2wcYTNdVhJ4e6Zcxks7MXulgtjmYbZmF+QDz3fIWvO8rbcyhFiSz3xaAqB0sBBkrmgDIeV63dArPkOErHcw2B7MtszABeHTqLRN7dW1MpXHdy4aXtuNvH86TKeD83bcOAAAAAElFTkSuQmCC") no-repeat 100% 50%;
  background-size: contain;
  font-family: "PT Sans Caption", sans-serif;
  font-size: 7.36px;
  font-weight: 700;
  line-height: 6.35px;
  letter-spacing: 0;
  color: var(--bazis-text-color);
}
.bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_3 input {
  letter-spacing: 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_0 {
    --line-height: 10px;
  }
  .bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_1 {
    --line-height: 12px;
  }
  .bazis-vehicle-number-control_rus .bazis-vehicle-number-control__part_2 {
    --line-height: 10px;
  }
}

.bazis-datetime-control {
  --margin-bottom: var(--bazis-margin-6x);
}

.bazis-options-content {
  --margin-top: var(--bazis-margin-5x);
  --max-height: 210px;
}

th {
  --padding-start: var(--bazis-padding-2x);
  --padding-top: var(--bazis-padding-2x);
  --padding-end: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --font-size: 13px;
  --font-weight: 500;
  --line-height: 20px;
  text-align: left;
}
th:last-child {
  --padding-end: var(--bazis-padding-6x);
  text-align: right;
}
thead th {
  --background: var(--bazis-background-medium);
  --color: var(--bazis-text-color-secondary);
}
tbody th {
  --background: var(--bazis-background-accent);
  --color: var(--bazis-text-color);
  --border-width: 0 0 1px 0;
  --border-style: solid;
  --border-color: var(--bazis-background-dark);
}

td {
  --padding-start: var(--bazis-padding-2x);
  --padding-top: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-4x);
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-width: 0 0 1px 0;
  --line-height: 20px;
}
tbody td .bazis-dropdown__trigger {
  --background: var(--bazis-color-white);
  --color: var(--bazis-placeholder-color);
}
tbody td .bazis-dropdown__body {
  --top: 36px;
}
tbody td .bazis-dropdown .bazis-list_control-dd {
  --margin-start-list: 0;
  --margin-end-list: 0;
  --margin-top-list: 0;
  --margin-bottom-list: 0;
  width: var(--width);
}
tbody td bazis-icon {
  --bazis-icon-s-size: 16px;
  color: var(--bazis-placeholder-color);
}
td:last-child {
  --padding-end: var(--bazis-padding-3x);
}

table {
  --margin-bottom: var(--bazis-margin-6x);
}
table .bazis-control {
  --margin-bottom: 0;
}
table .bazis-checkbox__label::before,
table .bazis-radio__label::before {
  margin-left: 0;
  margin-right: 0;
}

.bazis-map-wrapper, .sl-map-wrapper_dd {
  --height: 350px;
}
.bazis-map-point-control .bazis-map-wrapper, .bazis-map-point-control .sl-map-wrapper_dd {
  margin-bottom: var(--bazis-margin-6x);
}
.bazis-map-point-control .bazis-map-wrapper.bh-no-margin, .bazis-map-point-control .bh-no-margin.sl-map-wrapper_dd {
  margin-bottom: 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: 65;
}

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

.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%;
}

/* 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-container__inner {
  display: flex;
}
.leaflet-container__inner__pic {
  width: 44px;
  min-height: 44px;
  float: left;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background: linear-gradient(135deg, #65799b 0%, #5e2563 100%);
}
.leaflet-container__inner__pic i {
  font-size: 32px;
  color: white;
}
.leaflet-container__inner__content {
  padding: 10px var(--bazis-padding-5x) 10px 15px;
}

.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;
  margin-bottom: calc(var(--height-arrow) + 3px);
}
.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-tip {
  border-top: var(--height-arrow) solid var(--background);
  border-left: calc(var(--width-arrow) / 2) solid transparent;
  border-right: calc(var(--width-arrow) / 2) solid transparent;
}
.leaflet-popup-tip-container {
  position: absolute;
  left: 50%;
  overflow: hidden;
  width: var(--width-arrow);
  height: var(--height-arrow);
  margin-left: calc(var(--width-arrow) / -2);
  pointer-events: none;
}
.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 {
  position: absolute;
  z-index: 10;
  top: var(--top-close);
  right: var(--right-close);
  width: var(--width-close);
  height: var(--height-close);
  padding: 0;
  border: none;
  background: var(--background-close);
  line-height: var(--height-close);
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  color: var(--color-close);
}
.leaflet-popup-close-button :hover {
  background: var(--background-hover-close);
  color: var(--color-hover-close);
}

.leaflet-popup {
  --min-height: 100px;
  --max-height: 190px;
  --width: 357px;
  --padding-start: var(--bazis-padding-5x);
  --padding-end: var(--bazis-padding-5x);
  --padding-top: var(--bazis-padding-5x);
  --padding-bottom: var(--bazis-padding-6x);
  --border-radius: var(--bazis-border-radius);
  --background: var(--bazis-color-white);
  --width-arrow: 24px;
  --height-arrow: 8px;
  --top-close: 8px;
  --right-close: 8px;
  --width-close: 20px;
  --height-close: 20px;
  --background-close: var(--bazis-color-white);
  --background-hover-close: var(--bazis-background-medium);
  --color-close: var(--bazis-color-action);
}
.leaflet-popup .bazis-list_short-info {
  flex-wrap: wrap;
}
.leaflet-popup .bazis-list_gallery {
  --margin-bottom-list: var(--bazis-margin-4x);
}
.leaflet-popup .bazis-list_gallery > .bazis-item {
  --margin-end: var(--bazis-margin-2x);
}
.leaflet-popup .bazis-list_gallery .bazis-figure {
  --height: 56px;
  --width: 56px;
  --border-radius: var(--bazis-border-radius);
  --border-width: 0;
}

.leaflet-tooltip {
  /**
      * @prop --background: Фон тултипа
      * @prop --color: цвет текста тултипа
      *
      * @prop --border-radius: радиус скругления тултипа
      * @prop --box-shadow: тень тултипа
      *
      * @prop --padding-start: начальный внутренний отступ тултипа
      * @prop --padding-end: конечный внутренний отступ тултипа
      * @prop --padding-top: верхний внутреннний отступ тултипа
      * @prop --padding-bottom: нижний внутренниц отступ тултипа
      *
      * @prop --min-height: минимальная высота тултипа
      * @prop --min-width: минимальная ширина тултипа
      * @prop --width: ширина тултипа
      * @prop --max-width: максимальная ширина тултипа
      *
      * @prop --font-size: размер шрифта тултипа
      * @prop --font-weight: жирность шрифта тултипа
      * @prop --line-height: межстрочный интервал шрифта тултипа
      *
      * @prop --height-arrow: высота стрелки тултипа
      * @prop --width-arrow: ширина стрелки тултипа
      */
  --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;
  --min-height: initial;
  --max-height: initial;
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  --color: inherit;
  --font-size: inherit;
  --font-weight: inherit;
  --line-height: initial;
  --height-arrow: initial;
  --width-arrow: initial;
  --border-color-arrow: var(--background);
  position: absolute;
  min-height: var(--min-height);
  max-height: var(--max-height);
  min-width: var(--min-width);
  max-width: var(--max-width);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  color: var(--color);
}
.leaflet-tooltip__content {
  position: absolute;
  bottom: 0;
  display: block;
  box-sizing: border-box;
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-width: var(--border-width);
  border-style: var(--border-style);
  border-color: var(--border-color);
  background: var(--background);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  width: var(--width);
}
.leaflet-tooltip::after {
  content: "";
  position: absolute;
  bottom: calc(var(--height-arrow) / -1);
  border-left: calc(var(--width-arrow) / 2) solid transparent;
  border-right: calc(var(--width-arrow) / 2) solid transparent;
  border-top: var(--height-arrow) solid var(--border-color-arrow);
  left: 50%;
  transform: translateX(-50%);
}

.leaflet-tooltip {
  --padding-start: var(--bazis-padding);
  --padding-end: var(--bazis-padding);
  --padding-top: var(--bazis-padding);
  --padding-bottom: var(--bazis-padding);
  --border-radius: var(--bazis-border-radius);
  --background: var(--bazis-text-color);
  --min-height: 40px;
  --min-width: 100px;
  --max-width: 312px;
  --color: var(--bazis-text-color-contrast);
  --font-size: 13px;
  --font-weight: 400;
  --line-height: 16px;
  --height-arrow: 4px;
  --width-arrow: 12px;
}
.leaflet-tooltip_telemetry {
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
  --border-radius: var(--bazis-border-radius) var(--bazis-border-radius) var(--bazis-border-radius) 0;
  --min-height: 24px;
  --width: max-content;
}
.leaflet-tooltip_telemetry::after {
  border-left: 0;
  border-right: var(--width-arrow) solid transparent;
  border-top: var(--height-arrow) solid var(--border-color-arrow);
  left: 0;
  transform: translateX(0);
}
.leaflet-tooltip_default {
  padding-left: var(--padding-start);
  padding-right: var(--padding-end);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  background: var(--background);
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* Pages */
.bazis-page {
  --padding-bottom: 120px;
}
.bazis-page-header {
  border-bottom: 1px solid var(--bazis-border-color);
  margin-bottom: var(--bazis-margin-8x);
}
.bazis-page-header.bh-sticky {
  background: var(--bazis-background);
}
.bazis-page-header--scrolling.bh-sticky {
  overflow: hidden;
}
.bazis-page-header--scrolling.bh-sticky h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}
.bazis-page-header--scrolling.bh-sticky bazis-toolbar {
  --margin-bottom: 0;
}
.bazis-page-header--scrolling.bh-sticky bazis-toolbar + .bazis-list_short-info {
  --margin-bottom-list: var(--bazis-margin-3x);
}
.bazis-page-header--scrolling.bh-sticky::after {
  content: "";
  display: block;
  border-top: 1px solid var(--bazis-border-color);
  height: 36px;
  margin: 0 -9999px;
}
.bazis-page-header bazis-tabs {
  position: relative;
  bottom: -1px;
}
.bazis-page-header bazis-button bazis-icon.bazis-icon-medium {
  margin-left: calc(var(--bazis-margin-2x) * -1);
  margin-right: calc(var(--bazis-margin-2x) * -1);
  font-size: 20px;
}
.bazis-page-header .bazis-dropdown bazis-button.bazis-dropdown__trigger bazis-icon.bazis-icon-s {
  --bazis-icon-s-size: 20px;
  margin-left: calc(var(--bazis-margin-2x) * -1);
  margin-right: calc(var(--bazis-margin-2x) * -1);
}
.bazis-page__tabs {
  padding-top: 40px;
  margin-bottom: var(--bazis-margin-5x);
}
.bazis-page__tabs::after {
  content: "";
  position: relative;
  top: -1px;
  z-index: -1;
  display: block;
  border-bottom: 1px solid var(--bazis-border-color);
}
@media (max-width: 576px) {
  .bazis-page {
    --padding-bottom: 88px;
  }
  .bazis-page-header bazis-toolbar {
    flex-wrap: wrap;
  }
  .bazis-page-header bazis-toolbar + .bazis-list_short-info {
    --margin-top-list: var(--bazis-margin-6x);
    overflow-y: auto;
  }
  .bazis-page-header bazis-toolbar + .bazis-list_short-info > .bazis-item {
    white-space: nowrap;
  }
}

@media (max-width: 1024px) {
  .bazis-list-page__tools {
    margin-bottom: var(--bazis-margin-4x);
  }
}
@media (max-width: 576px) {
  .bazis-list-page .bazis-list-page__title .bazis-tab-status {
    --margin-top: var(--bazis-margin-3x);
    --margin-bottom: var(--bazis-margin-4x);
  }
  .bazis-list-page .bazis-list-page__body .bazis-block_shadow {
    --padding-start: var(--bazis-padding-5x);
    --padding-end: var(--bazis-padding-5x);
  }
  .bazis-list-page .bazis-list-page__body .bazis-block_shadow .bazis-list_short-info > .bazis-item {
    --padding-start: var(--bazis-padding-2x);
  }
}

@font-face {
  font-family: "Gordita";
  font-display: swap;
  src: local("Gordita Regular"), local("Gordita-Regular"), url("/assets/fonts/Gordita-Regular.woff2") format("woff2"), url("/assets/fonts/Gordita-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Gordita";
  font-display: swap;
  src: local("Gordita Italic"), local("Gordita-Italic"), url("/assets/fonts/Gordita-Italic.woff2") format("woff2"), url("/assets/fonts/Gordita-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Gordita";
  font-display: swap;
  src: local("Gordita Medium"), local("Gordita-Medium"), url("/assets/fonts/Gordita-Medium.woff2") format("woff2"), url("/assets/fonts/Gordita-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gordita";
  font-display: swap;
  src: local("Gordita Medium Italic"), local("Gordita-Medium-Italic"), url("/assets/fonts/Gordita-Medium-Italic.woff2") format("woff2"), url("/assets/fonts/Gordita-Medium-Italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Gordita";
  font-display: swap;
  src: local("Gordita Bold"), local("Gordita-Bold"), url("/assets/fonts/Gordita-Bold.woff2") format("woff2"), url("/assets/fonts/Gordita-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "RoadNumbers";
  font-display: swap;
  src: local("RoadNumbers"), local("RoadNumbers2.0"), url("/assets/fonts/RoadNumbers2.0.otf") format("otf"), url("/assets/fonts/RoadNumbers2.0.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
h2,
h4,
h5 {
  margin: 0;
}

h1,
h2,
h3 {
  font-weight: 400;
}

h1 + .sl-h1_subtitle,
.bazis-h1 + .sl-h1_subtitle {
  padding-bottom: 50px;
}
@media (max-width: 1024px) {
  h1,
  .bazis-h1 {
    --bazis-font-size-h1: var(--bazis-font-size-h3);
    --bazis-line-height-h1: var(--bazis-line-height-h3);
    --bazis-h1-margin: var(--bazis-h3-margin);
  }
}

bazis-toolbar h3,
bazis-toolbar .bazis-h3 {
  --bazis-h3-margin: 0;
}
@media (max-width: 1024px) {
  h3:not(.bazis-modal__header h3):not(.bazis-modal__header_shadow h3),
  .bazis-h3:not(.bazis-modal__header h3):not(.bazis-modal__header_shadow h3) {
    --bazis-font-size-h3: var(--bazis-font-size-h5);
    --bazis-line-height-h3: var(--bazis-line-height-h5);
  }
}

h4,
.bazis-h4 {
  font-weight: 500;
}

h5,
.bazis-h5 {
  font-weight: 700;
}
h5.bh-font-medium,
.bazis-h5.bh-font-medium {
  font-weight: 500;
}
h5.bh-font-normal,
.bazis-h5.bh-font-normal {
  font-weight: 400;
}
h5.bazis-text-action, .bazis-text-action h5,
.bazis-h5.bazis-text-action,
.bazis-text-action .bazis-h5 {
  letter-spacing: 0.75px;
}
@media (max-width: 1024px) {
  h5,
  .bazis-h5 {
    --bazis-font-size-h5: var(--bazis-font-size-p-major);
    --bazis-line-height-h5: var(--bazis-line-height-p-major);
  }
}

h6,
.bazis-h6 {
  font-weight: 700;
}
h6 bazis-button,
.bazis-h6 bazis-button {
  vertical-align: middle;
}
aside.sl-aside_right h6,
aside.sl-aside_right .bazis-h6 {
  --bazis-h6-margin: 0 0 var(--bazis-margin-2x);
}
aside.sl-aside_right bazis-toolbar h6.bazis-h6_minor,
aside.sl-aside_right bazis-toolbar .bazis-h6.bazis-h6_minor {
  --bazis-h6-margin-minor: 0;
}
h6.bh-font-medium,
.bazis-h6.bh-font-medium {
  font-weight: 500;
}
h6.bh-font-normal,
.bazis-h6.bh-font-normal {
  font-weight: 400;
}
h6.bazis-text-action, .bazis-text-action h6,
.bazis-h6.bazis-text-action,
.bazis-text-action .bazis-h6 {
  letter-spacing: 0.5px;
}
h6:only-child,
.bazis-h6:only-child {
  margin-bottom: 0;
}

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

strong {
  font-weight: 700;
}

span.bazis-color {
  color: var(--bazis-color-base);
}

.sl-text_total {
  font-size: 20px;
  font-weight: 500;
  line-height: 21px;
}
.sl-text_field-height {
  line-height: 36px;
}
.sl-text_inner a {
  text-decoration: none;
}
.sl-text_reduced.bazis-p, .sl-text_reduced.bazis-p_major, .sl-text_reduced.bazis-text_major {
  line-height: 16px;
}
.sl-text_reduced.bazis-p_minor, .sl-text_reduced.bazis-text_minor {
  line-height: 12px;
}
.sl-text_caps.bazis-text_minor, .sl-text_caps.bazis-p_minor {
  --bazis-line-height-p-minor: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.sl-letter-spacing_05 {
  letter-spacing: 0.5px;
}
.sl-letter-spacing_025 {
  letter-spacing: 0.25px;
}

.bazis-text-action {
  font-weight: 500;
  letter-spacing: 0.25px;
}
.bazis-p_major .bazis-text-action, .bazis-text-action.bazis-p_major, .bazis-p_minor .bazis-text-action, .bazis-text-action.bazis-p_minor, .bazis-text_major .bazis-text-action, .bazis-text-action.bazis-text_major, .bazis-text_minor .bazis-text-action, .bazis-text-action.bazis-text_minor {
  letter-spacing: 0.5px;
}

.bazis-small_uppercase {
  --bazis-font-size-small: 10px;
  --bazis-line-height-small: 12px;
  font-weight: 500;
}

.bazis-link_s.bazis-text-action:not(.sw-text_reduced), .bazis-text-action:not(.sw-text_reduced) .bazis-link_s {
  letter-spacing: 0.25px;
}
.bazis-link_m.bazis-text-action:not(.sw-text_reduced), .bazis-text-action:not(.sw-text_reduced) .bazis-link_m {
  letter-spacing: 0.5px;
}

.bazis-icon_fill {
  width: 20px;
  height: 20px;
  padding: 6px;
  border-radius: var(--bazis-border-radius);
}

@media (max-width: 1024px) {
  .bazis-container, .bazis-blocking-message,
  .bazis-container_margin {
    padding: 0 var(--bazis-padding-5x);
  }
}

/* Layout styles of alphabet */
aside.bh-sticky {
  overflow-y: auto;
  max-height: calc(100vh - 150px);
  margin-right: calc(var(--bazis-margin-2x) * -1);
  padding-right: var(--bazis-padding-2x);
}
app-summary aside {
  margin-top: calc(var(--bazis-line-height-h3) + var(--bazis-margin-4x) + 40px);
}
@media (max-width: 1024px) {
  aside.sl-aside_right {
    margin-top: var(--bazis-margin-8x);
  }
}

.sl-footer {
  /*
  * @prop --padding-top: верхний внутренний отступ
  * @prop --padding-bottom: нижний внутренний отступ
  * @prop --background: фон подвала
  * @prop --color: цвет текста в подвале
  * @prop --color-link: цвет ссылок в подвале
  */
  --color-link: var(--sl-footer-link-color);
  --padding-top: initial;
  --padding-bottom: initial;
  position: relative;
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  background: var(--background);
  color: var(--color);
}
.sl-footer a {
  color: var(--color-link);
}

.sl-footer {
  --padding-top: 64px;
  --padding-bottom: 40px;
  --background: var(--bazis-footer-background);
  --color: #cfd9e0;
  color: var(--color-link);
}
.sl-footer bazis-logo {
  --width: 35px;
  --height: 45px;
}
.sl-footer a {
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}
.sl-footer a:hover {
  color: var(--color-link);
}
.sl-footer hr {
  --border-color: #374957;
}
.sl-footer__menu {
  --bazis-grid-columns: 15;
  --bazis-grid-padding: 0;
  margin-left: 102px;
  margin-top: var(--bazis-margin-2x);
  color: var(--color);
}
.sl-footer__menu > bazis-row > bazis-col {
  --bazis-grid-column-padding-start: var(--bazis-padding-3x);
  --bazis-grid-column-padding-end: var(--bazis-padding-3x);
  --bazis-grid-column-padding-top: 0;
  --bazis-grid-column-padding-bottom: calc(var(--bazis-padding-6x) * 2);
}
.sl-footer__menu > bazis-row > bazis-col:first-child {
  --bazis-grid-column-padding-start: 0;
}
.sl-footer__menu > bazis-row > bazis-col:last-child {
  --bazis-grid-column-padding-end: 0;
}
.sl-footer__menu .bazis-list {
  --margin-top-list: var(--bazis-margin-4x);
  --margin-bottom: var(--bazis-margin-3x);
}
.sl-footer__menu .bazis-list.sl-tech-menu {
  --margin-bottom: var(--bazis-margin-5x);
}
.sl-footer__menu .bazis-list .bazis-item:last-child {
  --margin-bottom: 0;
}
.sl-footer__menu .bazis-list bazis-icon {
  margin-right: var(--bazis-margin-4x);
  color: var(--color);
}
.sl-footer__menu .bazis-list.sl-apps-menu a {
  display: block;
  width: 156px;
  background: rgba(var(--bazis-text-color-contrast-rgb), 0.1);
  padding: var(--bazis-padding-2x) var(--bazis-padding-3x);
  border-radius: var(--bazis-border-radius);
  -webkit-user-select: none;
          user-select: none;
}
.sl-footer__menu .bazis-list.sl-apps-menu img {
  float: left;
  margin-right: var(--bazis-margin-3x);
}
.sl-footer__menu .bazis-list.sl-apps-menu span:first-of-type {
  display: block;
  padding-top: 2px;
  font-size: 11px;
  line-height: 12px;
  color: rgba(var(--bazis-text-color-contrast-rgb), 0.7);
}
.sl-footer__menu .bazis-list.sl-apps-menu span:last-of-type {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: var(--bazis-text-color-contrast);
}
.sl-footer__development {
  display: flex;
  align-items: center;
  font-size: 11px;
  line-height: 12px;
  color: var(--color-link);
}
.sl-footer__development a {
  line-height: 0;
}
.sl-footer__development img {
  height: 32px;
  width: auto;
}
.sl-footer__development span {
  width: 160px;
  flex-shrink: 0;
  margin-right: var(--bazis-margin-3x);
  opacity: 0.5;
}
.sl-footer__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sl-footer .bazis-list_short-info .bazis-item {
  --color: var(--color-link);
}
@media (max-width: 1024px) {
  .sl-footer__menu {
    --bazis-grid-columns: 12;
    margin-left: 75px;
  }
  .sl-footer__menu > bazis-row > bazis-col {
    --bazis-grid-column-padding-start: 0;
    --bazis-grid-column-padding-end: var(--bazis-padding-6x);
  }
  .sl-footer hr {
    --margin-top: 0;
  }
  .sl-footer .sl-footer__footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .sl-footer .sl-footer__footer hr {
    --margin-top: var(--bazis-margin-8x);
    --margin-bottom: var(--bazis-margin-6x);
    width: 100%;
  }
  .sl-footer .sl-footer__development {
    flex-direction: row-reverse;
  }
  .sl-footer .sl-footer__development img {
    height: 20px;
  }
  .sl-footer .sl-footer__development span {
    margin-right: 0;
    margin-left: var(--bazis-margin-3x);
  }
}
@media (max-width: 576px) {
  .sl-footer hr {
    --margin-top: var(--bazis-margin-6x);
    --margin-bottom: var(--bazis-margin-6x);
  }
  .sl-footer hr.bh-hide-sm-up {
    --margin-top: var(--bazis-margin-8x);
    --margin-bottom: 40px;
  }
  .sl-footer hr.bh-hide-xl-up {
    --margin-top: var(--bazis-margin-6x);
  }
  .sl-footer .sl-footer__menu {
    margin-left: 0;
  }
  .sl-footer .sl-footer__menu > bazis-row > bazis-col {
    --bazis-grid-column-padding-end: 0;
    --bazis-grid-column-padding-bottom: var(--bazis-padding-8x);
  }
  .sl-footer .bazis-list_short-info {
    display: block;
  }
  .sl-footer .bazis-list_short-info > .bazis-item {
    --padding-start: 0;
    --margin-bottom: var(--bazis-margin-3x);
  }
  .sl-footer .bazis-list_short-info > .bazis-item:last-child {
    --margin-bottom: 0;
  }
  .sl-footer .bazis-list_short-info > .bazis-item::after {
    display: none;
  }
}

.sl-header {
  /*
  * @prop --height:
  * @prop --padding-top: верхний внутренний отступ
  * @prop --padding-bottom: нижний внутренний отступ
  * @prop --background: фон шапки
  * @prop --color: цвет текста в шапке
  * @prop --color-link: цвет ссылок в шапке
  * @prop --color-link-hover: цвет ссылок в шапке при наведении
  * @prop --color-link-disabled: цвет отключенных ссылок в шапке
  */
  --height: initial;
  --padding-top: initial;
  --padding-bottom: initial;
  --color-link: var(--bazis-color-action);
  --color-link-hover: var(--color-link);
  --color-link-disabled: var(--color-link);
  height: var(--height);
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  background: var(--background);
  color: var(--color);
}
.sl-header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sl-header a {
  color: var(--color-link);
}
.sl-header a:hover:not(.sl-header p a), .sl-header a.active:not(.sl-header p a) {
  color: var(--color-link-hover);
}
.sl-header a:disabled {
  color: var(--color-link-disabled);
}
.sl-header__logo {
  /*
  * @prop --margin-top: внешний верхний отступ лого
  * @prop --margin-end: внешний конечный отступ лого
  * @prop --margin-bottom: внешний нижний отступ лого
  * @prop --margin-start: внешний начальный отступ лого
  */
  display: inline-block;
  flex-shrink: 0;
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
}
.sl-header.bazis-container::before, .sl-header.bazis-blocking-message::before, .sl-header.bazis-container::after, .sl-header.bazis-blocking-message::after {
  display: none;
}

.sl-header {
  --height: 56px;
  --background: var(--bazis-header-background);
  --color: var(--bazis-text-color-contrast);
  --color-link: var(--color);
  --color-link-hover: var(--bazis-color-primary);
  --color-link-disabled: var(--bazis-placeholder-color);
}
.sl-header a {
  line-height: 20px;
  text-decoration: none;
}
.sl-header a[nohref] {
  cursor: default;
}
.sl-header__logo {
  --margin-end: 40px;
}
.sl-header__menu > .bazis-item, .sl-header__user-menu > .bazis-item {
  --margin-end: calc(var(--bazis-margin-6x) - 4px);
}
.sl-header__menu .bazis-dropdown, .sl-header__user-menu .bazis-dropdown {
  display: flex;
  height: var(--height);
  align-items: center;
}
.sl-header__menu .bazis-dropdown__trigger, .sl-header__user-menu .bazis-dropdown__trigger {
  --padding-start: 0;
  --padding-end: 0;
  min-width: 36px;
}
.sl-header__menu.bazis-list,
.sl-header .sl-search_global.bazis-list {
  --font-weight: 500;
  --font-size: 14px;
}
.sl-header__menu.bazis-list_h > .bazis-item,
.sl-header .sl-search_global.bazis-list_h > .bazis-item {
  --margin-end: var(--bazis-margin-6x);
}
.sl-header__menu.bazis-list .bazis-item .bazis-dropdown__body,
.sl-header .sl-search_global.bazis-list .bazis-item .bazis-dropdown__body {
  --left: 0;
  --right: auto;
}
.sl-header__menu .bazis-dropdown__body,
.sl-header .sl-search_global .bazis-dropdown__body {
  --padding-top: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
  --padding-start: 0;
  --padding-end: 0;
}
.sl-header__menu .bazis-dropdown__body .bazis-item,
.sl-header .sl-search_global .bazis-dropdown__body .bazis-item {
  --margin-bottom: 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-hover: var(--bazis-background-dark);
}
.sl-header__user-menu > .bazis-item:last-child {
  --margin-end: 0;
}
.sl-header__left {
  display: flex;
  align-items: center;
}
.sl-header__profile bazis-chip {
  float: left;
  --margin-start: 0;
  --margin-end: 0;
  --margin-bottom: 0;
  --margin-top: var(--bazis-margin-2x);
  --height: 20px;
  --border-radius: 12px;
}
.sl-header__profile .bazis-avatar, .sl-header__profile .sl-avatar_userpic {
  position: relative;
}
.sl-header__profile .bazis-avatar:not(.bazis-avatar_small), .sl-header__profile .sl-avatar_userpic:not(.bazis-avatar_small) {
  margin-right: var(--bazis-margin-5x);
}
.sl-header__profile .bazis-avatar_small {
  font-size: var(--font-size);
}
.sl-header__profile .bazis-avatar bazis-icon, .sl-header__profile .sl-avatar_userpic bazis-icon {
  --bazis-icon-s-size: 12px;
  position: absolute;
  bottom: 0;
  right: -4px;
  margin-right: 0;
  background: var(--color);
  border-radius: 50%;
  color: var(--bazis-header-background);
}
.sl-header__profile .bazis-avatar:hover, .sl-header__profile .sl-avatar_userpic:hover {
  color: var(--color-hover);
}
.sl-header__profile .bazis-dropdown__trigger {
  padding-top: var(--bazis-padding-3x);
  padding-bottom: var(--bazis-padding-3x);
}
.sl-header__profile .bazis-menu, .sl-header__profile .bazis-menu_rounded {
  --margin-bottom: 0;
  --border-width: 1px 0 0 0;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --padding-top-list: var(--bazis-padding-5x);
}
.sl-header .bazis-dropdown__body {
  --bazis-margin: 18px;
  --color: var(--bazis-text-color);
  --color-link: var(--bazis-color-action);
  --color-link-hover: var(--color-link);
  --color-link-disabled: var(--color-link);
}
.sl-header .bazis-dropdown__body .bazis-list_underline a,
.sl-header .bazis-dropdown__body .bazis-list_underline bazis-button {
  --color: var(--bazis-text-color);
}
.sl-header .sl-lang {
  --padding-top: 3px;
  --padding-bottom: 3px;
  --padding-start: calc(var(--bazis-padding-5x) - 36px / 4);
  --border-width: 0 0 0 1px;
  --border-style: none none none solid;
  --border-color: transparent transparent transparent rgba(224, 222, 220, 0.5);
}
.sl-header .sl-lang .bazis-dropdown {
  --width: 112px;
  --top: 32px;
  height: 24px;
  line-height: 24px;
}
.sl-header .sl-lang .bazis-dropdown__body::before {
  position: absolute;
  content: "";
  top: -16px;
  height: 16px;
  left: 0;
  right: 0;
}
.sl-header .sl-lang .bazis-dropdown__body .bazis-list_select, .sl-header .sl-lang .bazis-dropdown__body .bazis-list_control-dd {
  --padding-top-list: var(--bazis-padding-3x);
  --padding-bottom-list: var(--bazis-padding-3x);
  --border-radius-list: var(--bazis-border-radius);
}
.sl-header .sl-search_global {
  width: 208px;
  max-width: 980px;
  margin-right: var(--bazis-margin-2x);
}
.sl-header .sl-search_global .bazis-control {
  --background-hover: var(--bazis-color-white);
  --background-focus: var(--bazis-color-white);
  --background-active: var(--bazis-color-white);
  --background: rgba(var(--bazis-color-white-rgb), 0.1);
  --border-color: rgba(241, 246, 251, 0.3);
  --border-color-hover: var(--border-color-focus);
}
.sl-header .sl-search_global .bazis-control__field-group__start,
.sl-header .sl-search_global .bazis-control__field-group__end,
.sl-header .sl-search_global .bazis-control__field {
  background: transparent;
}
.sl-header_search-active .sl-header__menu {
  display: none;
}
.sl-header_search-active .sl-header__user-menu {
  flex-shrink: 0;
  width: calc(100% - 154px);
}
.sl-header_search-active .sl-header__user-menu > .bazis-item:first-child {
  width: 100%;
}
.sl-header_search-active .sl-header__user-menu > .bazis-item:first-child .sl-search_global {
  width: 100%;
}
.sl-header_search-active .sl-header__user-menu > .bazis-item:first-child .sl-search_global .bazis-control {
  --background: var(--background-hover);
  --border-color: var(--border-color-focus);
}
.sl-header_home {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 160;
}
@media (min-width: 1024.98px) {
  .sl-header_home {
    --background: transparent;
  }
}
app-header-mobile .sl-header {
  position: relative;
}
.sl-header .sl-menu-burger {
  --background: var(--bazis-header-background);
  --border-radius: 50%;
  position: fixed;
  z-index: 1001;
  right: 16px;
  top: 8px;
}
.sl-header-dropdown {
  position: fixed;
  z-index: 1001;
  overflow-x: hidden;
  overflow-y: auto;
  right: 16px;
  top: 56px;
  bottom: 12px;
  width: 344px;
  background: var(--bazis-color-white);
  border-radius: var(--bazis-border-radius);
  box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
  padding: var(--bazis-padding-8x) var(--bazis-padding-5x) var(--bazis-padding-5x);
}
.sl-header-dropdown .bazis-avatar, .sl-header-dropdown .sl-avatar_userpic {
  margin: 0 var(--bazis-margin-5x) var(--bazis-margin-5x) 0;
}
.sl-header-dropdown .bazis-avatar + div bazis-chip, .sl-header-dropdown .sl-avatar_userpic + div bazis-chip {
  --margin-start: 0;
}
.sl-header-dropdown .bazis-menu, .sl-header-dropdown .bazis-menu_rounded {
  --color: var(--bazis-text-color);
  --color-link: var(--color);
  --background-hover: transparent;
  --margin-bottom: var(--bazis-margin-6x);
}
.sl-header-dropdown .bazis-menu .bazis-item:not(a, bazis-button, button), .sl-header-dropdown .bazis-menu_rounded .bazis-item:not(a, bazis-button, button) {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
}
app-header-mobile .sl-header-dropdown .bazis-list_overline {
  --margin-top-list: var(--bazis-margin-5x);
  --padding-start: 0;
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --margin-bottom: 0;
  --font-size: 14px;
  --border-width: 1px 0 0 0;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
}
app-header-mobile .sl-header-dropdown .bazis-list_overline bazis-button:not(.bazis-item) {
  --padding-start: 0;
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
}
.sl-header-dropdown .bazis-item a {
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
.sl-header-dropdown .bazis-item a + .bazis-item__child {
  margin-top: var(--bazis-margin-3x);
}
.sl-header-dropdown .bazis-item__child a {
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-5x);
  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .sl-header {
    padding-right: 40px;
  }
  .sl-header .sl-header__logo img {
    display: block;
  }
  .sl-header .sl-header-wrap {
    height: 100%;
  }
  .sl-header.sl-header--fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1001;
  }
}
@media (max-width: 920px) {
  app-bid-header .sl-header {
    padding: 0 var(--bazis-padding-5x);
  }
  app-bid-header .sl-header-wrap {
    justify-content: center;
  }
}
@media (max-width: 768px), (max-device-width: 576px) {
  .sl-header .sl-header-dropdown {
    right: 0;
    left: 0;
    bottom: auto;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    border-radius: 0;
  }
  .sl-header .sl-header-dropdown hr + hr {
    display: none;
  }
}
@media only screen and (max-height: 575.98px) and (orientation: landscape) {
  .sl-header .sl-header-dropdown {
    bottom: 0;
  }
}
@media (max-width: 576px) {
  .sl-header .sl-header__logo img {
    height: 36px;
  }
}

.sl-layout_flex {
  --margin-side: 44px;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.sl-layout_flex aside {
  flex-shrink: 0;
}
.sl-layout_flex aside.sl-aside_left {
  width: 280px;
  margin-right: var(--margin-side);
}
.sl-layout_flex aside.sl-aside_right {
  margin-left: var(--margin-side);
}
.sl-layout_flex main {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .sl-layout_flex aside + main {
    margin-top: var(--bazis-margin-8x);
  }
}

.sl-section {
  --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);
}
.sl-section__content {
  --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);
}

.sl-section {
  --margin-top: var(--bazis-margin-8x);
}
.sl-section__subtitle {
  margin-bottom: var(--bazis-margin-3x);
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
  color: var(--bazis-text-color-secondary);
}
app-bid-order .sl-form .sl-section {
  max-width: 780px;
}
@media (max-width: 1024px) {
  app-bid-order .sl-form .sl-section {
    max-width: 100%;
  }
}
app-summary .sl-section {
  --margin-top: calc(var(--bazis-margin-6x) * 2);
}
app-summary .sl-section:first-child {
  --margin-top: 40px;
}
@media (max-width: 1024px) {
  app-summary .sl-section:first-child {
    --margin-top: var(--bazis-margin-6x);
  }
}

.sl-header-section.bazis-block {
  --margin-top: var(--bazis-margin-5x);
  --margin-bottom: calc(var(--bazis-margin-6x) * 2);
  --padding-top: var(--bazis-padding-8x);
  --padding-bottom: var(--bazis-padding-8x);
  --padding-start: 0;
  --padding-end: 0;
}
.sl-header-section.bazis-block .bazis-block__content {
  display: flex;
}
.sl-header-section.bazis-block .bazis-block__content_main {
  --padding-start: var(--bazis-padding-8x);
  --padding-end: var(--bazis-padding-8x);
}
.sl-header-section.bazis-block .bazis-block__content_main h5 {
  margin: 0 0 var(--bazis-margin-4x);
}
.sl-header-section.bazis-block .bazis-block__content_end {
  --width: 340px;
  --padding-start: var(--bazis-padding-8x);
  --padding-end: var(--bazis-padding-8x);
  --margin-start: 0;
}

/* Bazis components and classes, extended */
.sl-avatar_userpic {
  --width: 48px;
  --height: 48px;
  --background: var(--bazis-background);
  --color: var(--bazis-text-color-secondary);
  float: left;
  margin-right: var(--bazis-margin-4x);
  border: 1px solid var(--bazis-border-color);
}

.bazis-block {
  --padding-top: var(--bazis-padding-6x);
}
.bazis-block__content_end {
  --padding-start: 40px;
  --margin-start: var(--bazis-margin-6x);
  flex-shrink: 0;
}
.bazis-block_accent {
  --margin-bottom: var(--bazis-margin-6x);
}
.bazis-block .bazis-block_accent .sl-table_clear td {
  --padding-top: 2px;
  --padding-bottom: 2px;
}
.sl-profile-page .bazis-block_accent {
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
  --margin-top: var(--bazis-margin-4x);
  --margin-bottom: var(--bazis-margin-4x);
}
.bazis-block_accent.sl-block_large {
  --margin-bottom: 40px;
}
app-legal-document .bazis-block_accent {
  --margin-top: var(--bazis-margin-3x);
  --padding-top: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
}
app-legal-document .bazis-block_accent a {
  font-weight: 500;
  letter-spacing: 0.25px;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .bazis-block_accent {
    --padding-top: var(--bazis-padding-6x);
    --padding-bottom: var(--bazis-padding-6x);
    --padding-start: var(--bazis-padding-5x);
    --padding-end: var(--bazis-padding-5x);
  }
}
.bazis-modal .bazis-block_secondary {
  --padding-top: 10px;
  --padding-bottom: 10px;
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
}
.bazis-modal .sl-form .bazis-block_secondary {
  --padding-top: var(--bazis-padding-5x);
  --padding-bottom: var(--bazis-padding-5x);
}
aside .bazis-block {
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
}
aside .bazis-block.sl-block_small {
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
}
aside .bazis-block .bazis-block_secondary {
  --margin-top: var(--bazis-margin-3x);
  --margin-bottom: 0;
  --padding-top: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
}
aside .bazis-block__header {
  --margin-bottom: var(--bazis-margin-3x);
}

.sl-block_mini {
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
}
.bazis-list_history .sl-block_mini, .sl-list_trip .sl-block_mini {
  --margin-bottom: 0;
  --margin-top: var(--bazis-margin-3x);
  display: inline-flex;
}
.sl-block_medium {
  --padding-top: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-6x);
  --padding-start: var(--bazis-padding-5x);
  --padding-end: var(--bazis-padding-5x);
}
.sl-block_faq {
  --padding-top: var(--bazis-padding-6x);
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
  --padding-bottom: var(--bazis-padding-8x);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-color-hover: var(--bazis-border-color-dark);
}
.sl-block_faq:last-child {
  --margin-bottom: 0;
}

@media (max-width: 1024px) {
  .bazis-blocking-message {
    padding-top: var(--bazis-padding-3x);
    padding-bottom: var(--bazis-padding-3x);
  }
}
@media screen and (max-width: 576px) {
  .bazis-blocking-message__item > .bh-overhide.bh-text-center {
    text-align: left !important;
  }
}

.bazis-btn-group__item.bh-hidden + .bazis-btn-group__item bazis-button.bazis-btn_solid::part(native) {
  border-left: var(--border-width) var(--border-style) var(--border-color);
}
.bazis-btn-group__item.bh-hidden + .bazis-btn-group__item bazis-button.bazis-btn_solid.bazis-btn--active::part(native) {
  border-left-color: var(--background-activated);
}
.bazis-btn-group__item.bh-hidden + .bazis-btn-group__item bazis-button.bazis-btn_solid:hover::part(native), .bazis-btn-group__item.bh-hidden + .bazis-btn-group__item bazis-button.bazis-btn_solid:focus-visible::part(native) {
  border-left-color: var(--background-hover);
}
@media (max-width: 576px) {
  bazis-input-options-button .bazis-btn-group bazis-button {
    --padding-start: var(--bazis-margin-2x);
    --padding-end: var(--bazis-margin-2x);
  }
}

.sl-section dl.bazis-dl_inline:last-child dt:last-of-type, .sl-section dl.bazis-dl_dot-leaders:last-child dt:last-of-type, .sl-section dl.bazis-dl_dot-leaders_nowrap:last-child dt:last-of-type,
.sl-section dl.bazis-dl_inline:last-child dd:last-of-type,
.sl-section dl.bazis-dl_dot-leaders:last-child dd:last-of-type,
.sl-section dl.bazis-dl_dot-leaders_nowrap:last-child dd:last-of-type {
  --margin-bottom-dt: 0;
  --margin-bottom-dd: 0;
}
app-profile-okveds dl.bazis-dl_inline, app-profile-okveds dl.bazis-dl_dot-leaders, app-profile-okveds dl.bazis-dl_dot-leaders_nowrap {
  --width-dt: 96px;
  --color-dt: var(--bazis-text-color);
  --margin-bottom-dt: var(--bazis-margin-2x);
  --margin-bottom-dd: var(--bazis-margin-2x);
}
dl.bazis-dl_dot-leaders, dl.bazis-dl_dot-leaders_nowrap {
  --width-dt: 260px;
  --color-dt: rgba(var(--bazis-text-color-rgb), 0.6);
}
.sl-section-sign dl.bazis-dl_dot-leaders, .sl-section-sign dl.bazis-dl_dot-leaders_nowrap {
  --margin-top-dl: var(--bazis-margin-3x);
  --padding-start-dd: var(--bazis-margin-3x);
}
.sl-section-sign dl.bazis-dl_dot-leaders dd, .sl-section-sign dl.bazis-dl_dot-leaders_nowrap dd {
  font-size: 14px;
}
dl.bazis-dl_easy {
  --margin-bottom-dt: var(--bazis-margin-2x);
  --margin-bottom-dd: var(--bazis-margin-8x);
}
dl.bazis-dl_easy dt {
  font-size: 13px;
}
dl.bazis-dl_easy dd:last-child {
  margin-bottom: 0;
}
.sl-card-mobile dl.bazis-dl_easy {
  --margin-bottom-dd: var(--bazis-margin-4x);
  line-height: 16px;
}
.sl-card-mobile dl.bazis-dl_easy dt {
  line-height: 16px;
  font-weight: 500;
  color: var(--bazis-text-color-secondary);
}
.sl-card-mobile dl.bazis-dl_easy + dl.bazis-dl_easy {
  --margin-top-dl: var(--bazis-margin-6x);
}
app-organization-balance-widget dl.bazis-dl_easy {
  --margin-top-dl: var(--bazis-margin-5x);
  --margin-bottom-dt: var(--bazis-margin-1x);
  --margin-bottom-dd: var(--bazis-margin-5x);
}
app-organization-balance-widget dl.bazis-dl_easy dt {
  font-size: 12px;
  line-height: 16px;
}
app-organization-balance-widget dl.bazis-dl_easy dd {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  h6 + dl.bazis-dl_inline, h6 + dl.bazis-dl_dot-leaders, h6 + dl.bazis-dl_dot-leaders_nowrap {
    --margin-top-dl: var(--bazis-margin-4x);
  }
}
@media (max-width: 576px) {
  dl.bazis-dl_inline, dl.bazis-dl_dot-leaders, dl.bazis-dl_dot-leaders_nowrap {
    --margin-bottom-dt: var(--bazis-margin-2x);
  }
  app-profile-okveds dl.bazis-dl_inline, app-profile-okveds dl.bazis-dl_dot-leaders, app-profile-okveds dl.bazis-dl_dot-leaders_nowrap {
    --margin-bottom-dt: var(--bazis-margin-1x);
    --margin-bottom-dd: var(--bazis-margin-3x);
  }
  dl.bazis-dl_dot-leaders_nowrap dt {
    white-space: normal;
  }
  dl.bazis-dl_dot-leaders_nowrap dt::after {
    display: none;
  }
  .sl-section-sign dl.bazis-dl_dot-leaders_nowrap {
    --padding-start-dd: 0;
  }
}

.bazis-dropdown bazis-button.bazis-dropdown__trigger bazis-icon, .bazis-dropdown__trigger bazis-button bazis-icon,
.bazis-dropdown a.bazis-dropdown__trigger bazis-icon, .bazis-dropdown__trigger a bazis-icon {
  --bazis-icon-xl-size: 32px;
}
.bazis-dropdown.sl-dropdown_action {
  --top: 28px;
  --width: 210px;
  --color: var(--bazis-text-color-secondary);
  float: right;
}
.bazis-dropdown.sl-dropdown_action .bazis-list_select, .bazis-dropdown.sl-dropdown_action .bazis-list_control-dd {
  border: var(--border-width-list) var(--border-style-list) var(--border-color-list);
}
.bazis-list_vline .bazis-dropdown, .bazis-list_vline_mini .bazis-dropdown {
  --color: var(--bazis-text-color-secondary);
}
.bazis-dropdown.sl-dropdown_notifications {
  --width: 484px;
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
}
.bazis-dropdown.sl-dropdown_notifications .bazis-dropdown__body {
  display: none;
}
.bazis-dropdown.sl-dropdown_notifications .bazis-dropdown__body[data-show] {
  display: block;
}
.bazis-dropdown.sl-dropdown_notifications .bazis-dropdown__trigger bazis-badge {
  top: 2px;
  right: -2px;
}
@media (max-width: 576px) {
  .bazis-dropdown.sl-dropdown_notifications {
    --width: 100%;
    --border-radius: 0;
    position: static;
  }
  .bazis-dropdown.sl-dropdown_notifications .bazis-dropdown__body {
    top: 8px !important;
  }
}
.bazis-dropdown.sl-dropdown_settings-filter {
  --top: 36px;
  --left: 0;
  --width: 295px;
  --padding-top: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
}
.bazis-dropdown.sl-dropdown_settings-filter bazis-button.bazis-dropdown__trigger {
  --background: var(--bazis-color-info-tint);
  --color: var(--bazis-color-base);
}
.bazis-dropdown.sl-dropdown_settings-filter .bazis-control__label {
  margin-bottom: var(--bazis-margin-3x);
}
.bazis-dropdown.sl-dropdown_settings-filter .bazis-control__label + .bazis-radio {
  margin-top: 0;
  margin-bottom: var(--bazis-margin-4x);
}
.bazis-dropdown.sl-dropdown_settings-filter .bazis-control__label + .bazis-radio:last-child {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .bazis-dropdown.sl-dropdown_settings-filter .bazis-dropdown__body {
    --top: auto;
    --left: 8px;
    --right: 8px;
    --bottom: 8px;
    --width: calc(100% - 16px);
    position: fixed;
    z-index: 1001;
  }
  .bazis-dropdown.sl-dropdown_settings-filter .bazis-dropdown__body hr {
    display: none;
  }
  .bazis-dropdown.sl-dropdown_settings-filter .bazis-dropdown__body hr + bazis-button {
    --height: 44px;
    display: block;
  }
}

.sl-filter app-search-filter .bazis-list_control-dd .bazis-infinite-scroll-content {
  padding-bottom: 60px;
}
.sl-filter app-search-filter .bazis-list_control-dd .bazis-infinite-scroll-content .bazis-item + bazis-button {
  position: fixed;
  z-index: 150;
  bottom: 12px;
  left: 20px;
  right: 20px;
}
@media (min-width: 992.98px) {
  .sl-filter app-search-filter .bazis-list_control-dd .bazis-infinite-scroll-content {
    overflow: auto;
    height: 182px;
  }
}

bazis-infinite-list .bazis-list_short-info {
  display: inline-block;
}
bazis-infinite-list .bazis-list_short-info > .bazis-item {
  min-height: initial;
  display: inline;
}
.bazis-list_vline, .bazis-list_vline_mini {
  --line-height: 16px;
}
.sl-dropdown_action .bazis-list_select, .sl-dropdown_action .bazis-list_control-dd, .bazis-accordion_doc .bazis-dropdown .bazis-list_select, .bazis-accordion_doc .bazis-dropdown .bazis-list_control-dd, .bazis-map__base-control .bazis-list_select, .bazis-map__base-control .bazis-list_control-dd, .bazis-signed-file-inline .bazis-list_select, .bazis-signed-file-inline .bazis-list_control-dd {
  --border-radius-list: var(--bazis-border-radius);
  --border-width-list: 1px;
  --border-style-list: solid;
  --border-color-list: var(--bazis-background-medium);
  --padding-top-list: var(--bazis-padding-3x);
  --padding-bottom-list: var(--bazis-padding-3x);
  --box-shadow: 0px 4px 24px -10px rgba(0, 0, 0, 0.1);
}
.bazis-dropdown .bazis-list_select bazis-button.bazis-item, .bazis-dropdown .bazis-list_control-dd bazis-button.bazis-item {
  --background: transparent;
  --background-hover: var(--bazis-background-dark);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  text-align: left;
}
.bazis-dropdown .bazis-list_select bazis-button.bazis-item::part(inner), .bazis-dropdown .bazis-list_control-dd bazis-button.bazis-item::part(inner) {
  --padding-start: 0;
  --padding-end: 0;
  justify-content: flex-start;
}
.bazis-dropdown .bazis-list_select bazis-button.bazis-item:active:hover::part(inner), .bazis-dropdown .bazis-list_control-dd bazis-button.bazis-item:active:hover::part(inner) {
  background: var(--background-selected);
  color: var(--color-selected);
}
.bazis-dropdown .bazis-list_select bazis-switcher.bazis-item, .bazis-dropdown .bazis-list_control-dd bazis-switcher.bazis-item {
  --background: transparent;
  --background-hover: var(--bazis-background-dark);
  --background-selected: var(--background-hover);
  --color-selecte: var(--color-hover);
}
.bazis-dropdown .bazis-list_select bazis-switcher.bazis-item .bazis-switcher__label, .bazis-dropdown .bazis-list_control-dd bazis-switcher.bazis-item .bazis-switcher__label {
  --font-weight: 400;
  --font-size: 14px;
  --line-height: 20px;
}
.bazis-dropdown .bazis-list_select bazis-switcher.bazis-item bazis-toggle:not(.bazis-toggle--checked) + .bazis-switcher__label, .bazis-dropdown .bazis-list_control-dd bazis-switcher.bazis-item bazis-toggle:not(.bazis-toggle--checked) + .bazis-switcher__label {
  color: var(--bazis-text-color-secondary);
}
.bazis-list_gallery > .bazis-item {
  --margin-end: var(--bazis-margin-1x);
}
.bazis-list_gallery .bazis-figure {
  --width: 271px;
}
.bazis-list_gallery .bazis-figure_medium {
  --width: 604px;
}
.bazis-list_history, .sl-list_trip {
  --width-bullet: 8px;
}
.bazis-list_history > .bazis-item, .sl-list_trip > .bazis-item {
  --margin-bottom: var(--bazis-margin-8x);
  --padding-start: calc(var(--bazis-padding-4x) + var(--width-bullet) + 2px);
}
.bazis-list_history > .bazis-item::before, .sl-list_trip > .bazis-item::before {
  top: 4.5px;
}
.bazis-list_history > .bazis-item::after, .sl-list_trip > .bazis-item::after {
  top: 14.5px;
  left: 4.5px;
}
.bazis-list_history > .bazis-item:last-child, .sl-list_trip > .bazis-item:last-child {
  --margin-bottom: 0;
}
.bazis-list_history > .bazis-item:last-child::after, .sl-list_trip > .bazis-item:last-child::after {
  display: block;
  bottom: 0;
}
.bazis-list_e-sign {
  --margin-bottom: var(--bazis-margin-8x);
}
.bazis-list_e-sign dl.bazis-dl_inline, .bazis-list_e-sign dl.bazis-dl_dot-leaders, .bazis-list_e-sign dl.bazis-dl_dot-leaders_nowrap {
  --margin-top-dl: var(--bazis-margin-4x);
  --margin-bottom-dl: var(--bazis-margin-4x);
}
@media screen and (max-width: 1024px) {
  .bazis-list_e-sign .bazis-item .bh-flex, .bazis-list_e-sign .bazis-item .bh-flex-column, .bazis-list_e-sign .bazis-item .bh-flex-row-reverse, .bazis-list_e-sign .bazis-item .bh-flex-column-reverse {
    flex-direction: column;
  }
  .bazis-list_e-sign .bazis-e-sign {
    margin-bottom: var(--bazis-margin-6x);
  }
}

.sl-list_easy > .bazis-item + .bazis-item {
  --padding-top: var(--bazis-padding-4x);
}
app-profile-licenses .sl-list_easy > .bazis-item + .bazis-item {
  --padding-top: var(--bazis-padding-6x);
}
bazis-tooltip .sl-list_easy > .bazis-item {
  --padding-top: var(--bazis-padding-3x);
}
.sl-list_trip {
  --margin-top-list: var(--bazis-margin-3x);
}
.sl-list_trip > .bazis-item {
  --padding-start: calc(var(--width-bullet) + var(--bazis-margin-4x) + 1px);
  --margin-bottom: var(--bazis-margin-5x);
}
.sl-list_trip > .bazis-item::before {
  top: 4.5px;
  background: var(--bazis-color-base, var(--bazis-placeholder-color));
}
.sl-list_trip > .bazis-item::after {
  left: 4.5px;
  top: 14.5px;
}
.sl-list_trip > .bazis-item:last-child {
  --margin-bottom: 0;
}
.sl-list_trip > .bazis-item:last-child::before {
  border-color: var(--bazis-color-base, var(--bazis-placeholder-color));
}
.sl-list_trip > .bazis-item:last-child::after {
  display: none;
}
.sl-list_vtabs {
  --color: var(--bazis-text-color);
  --font-size: 13px;
  --font-weight: 400;
  --line-height: 20px;
  --padding-start: calc(var(--bazis-padding-4x) - 2px);
  --padding-end: var(--bazis-padding-5x);
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --border-width: 0 0 0 2px;
  --border-color: transparent;
  --border-style: solid;
  --border-radius: 0;
}
aside .sl-list_vtabs {
  --margin-start-list: calc(var(--bazis-margin-4x) * -1);
  --margin-top-list: var(--bazis-margin-2x);
}
aside.sl-aside_left .sl-list_vtabs {
  --margin-start-list: calc(var(--bazis-margin-5x) * -1);
}
.sl-list_vtabs .bazis-item {
  cursor: pointer;
}
.sl-list_vtabs .bazis-item--active {
  --font-weight: 500;
  --border-color: var(--bazis-text-color);
}

@media (max-width: 1024px) {
  .sl-menu_profile {
    --box-shadow: 0px -15px 15px -10px rgba(var(--bazis-shadow-color-rgb), 0.4);
    --background-list: var(--bazis-color-white);
    --padding-bottom-list: var(--bazis-padding-5x);
    --padding-top-list: var(--bazis-padding-3x);
    --border-style-list: solid;
    --border-width-list: 1px 0 0;
    --border-color-list: var(--bazis-border-color);
    --background-hover: transparent;
    --color-hover: var(--bazis-color-action);
    --line-height: 12px;
    position: fixed;
    z-index: 150;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
  .sl-menu_profile .bazis-item {
    --font-size: 10px;
    width: 100%;
    flex-direction: column;
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .sl-menu_profile .bazis-item.bazis-dropdown {
    --border-width: 0;
    --top: auto;
    --bottom: 60px;
    --padding-top: var(--bazis-padding-4x);
    --padding-bottom: var(--bazis-padding-4x);
    --padding-start: var(--bazis-padding-3x);
    --padding-end: var(--bazis-padding-3x);
    --width: 112px;
    cursor: pointer;
  }
  .sl-menu_profile .bazis-item.bazis-dropdown:hover {
    color: var(--bazis-text-color);
  }
  .sl-menu_profile .bazis-item.bazis-dropdown .bazis-dropdown__trigger {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .sl-menu_profile .bazis-item.bazis-dropdown .bazis-item {
    color: var(--bazis-text-color);
    margin-bottom: var(--bazis-margin-4x);
  }
  .sl-menu_profile .bazis-item.bazis-dropdown .bazis-item:hover, .sl-menu_profile .bazis-item.bazis-dropdown .bazis-item.active {
    color: var(--color-hover);
  }
  .sl-menu_profile .bazis-item.bazis-dropdown .bazis-item:last-child {
    margin-bottom: 0;
  }
  .sl-menu_profile bazis-icon {
    margin: 0 0 var(--bazis-margin-1x);
    padding: 0;
    background: transparent;
    border-radius: 0;
  }
}

@media (max-width: 1024px) {
  .bazis-paginator, .bazis-paginator_secondary {
    margin-top: var(--bazis-margin-5x);
  }
}
@media (max-width: 576px) {
  .bazis-paginator .sl-paginator__total, .bazis-paginator_secondary .sl-paginator__total {
    line-height: 36px;
  }
}

.bazis-stepper .bazis-item {
  --margin-start: 0;
}
.bazis-stepper bazis-step {
  --sign-color-active: var(--bazis-stepper-background);
}
.bazis-stepper bazis-step.bazis-step_check {
  --sign-color-active: var(--bazis-stepper-background);
}
.sl-header .bazis-stepper {
  --margin-start: var(--bazis-margin-5x);
}
@media screen and (min-width: 920.98px) {
  .bazis-stepper {
    --padding-start: 33px;
  }
}

.os-Windows .bazis-tab-status {
  position: relative;
  top: 3px;
}
.bazis-tab-status__item {
  --padding-top: calc(var(--bazis-margin-2x) - 1px);
  --padding-bottom: calc(var(--bazis-margin-2x) - 1px);
  line-height: 16px;
}
.bazis-tab-status__item bazis-button {
  --height-xs: 16px;
  --padding-top: 0;
  --padding-bottom: 0;
  --color: var(--bazis-color-action);
  font-size: 10px;
  letter-spacing: 1px;
}
.bazis-tab-status__item bazis-button.bazis-btn_has-icon-only {
  --padding-start: 0;
  --padding-end: 0;
}
.bazis-tab-status__item--active bazis-button {
  --color: var(--bazis-color-action-contrast);
}
.bazis-tab-status__item:hover bazis-button {
  --color: var(--bazis-color-action);
}
.bazis-tab-status bazis-menu-input-date.bazis-tab-status__item {
  display: flex;
  align-items: center;
  line-height: 11px;
}
.bazis-tab-status bazis-menu-input-date.bazis-tab-status__item > * {
  border-bottom: 0;
}
@media (max-width: 1024px) {
  .bazis-tab-status {
    --margin-start: 0;
    --margin-bottom: var(--bazis-margin-6x);
  }
}

.bazis-tag {
  --height-s: calc(var(--height) - var(--bazis-padding-1x));
  --height-l: calc(var(--height) + var(--bazis-padding-2x));
}
.bazis-block_accent .bazis-tag {
  --background: var(--bazis-color-white);
}
.sl-filter .bazis-tag {
  --height: 24px;
  --border-radius: 12px;
  --padding-start: var(--bazis-padding-3x);
  margin-bottom: 0;
  line-height: 2;
}
.sl-filter .bazis-tag > span {
  max-width: 350px;
}
@media (max-width: 576px) {
  .sl-filter .bazis-tag > span {
    max-width: 300px;
  }
}
.sl-filter .bazis-tag > span.sl-text_minor {
  color: rgba(var(--bazis-color-contrast-rgb), 0.7);
}
.sl-filter .bazis-tag button {
  padding: 0;
  margin-left: var(--bazis-margin-2x);
}
.sl-filter .bazis-tag:hover {
  background: var(--bazis-color-shade);
}

.sl-accordion_form-child {
  --margin-top: 40px;
  --margin-bottom: 40px;
  --padding-top-header: 0;
  --padding-bottom-header: var(--bazis-padding-3x);
  --border-width-header: 0 0 1px;
  --padding-bottom-body: 0;
}
.sl-accordion_form-child.bazis-accordion--opened {
  --margin-bottom-header: 0;
  --border-width-header: 0;
}
.sl-accordion_faq {
  --icon-l-size: 20px;
  --icon-color: var(--bazis-text-color-secondary);
  --icon-color-hover: var(--bazis-color-action);
  --icon-color-active: var(--bazis-color-action);
  --open-close-icon-size: 16px;
  --open-close-width: 32px;
  --open-close-height: 32px;
  --open-close-color-hover: var(--bazis-color-action);
  --open-close-color-active: var(--bazis-color-action);
  --padding-top-body: 0;
  --padding-bottom-body: var(--bazis-padding-5x);
}
.sl-accordion_faq::part(header):hover {
  --color-header: var(--bazis-color-action);
}
.sl-accordion_faq.bazis-accordion--opened {
  --color-header: var(--bazis-color-action);
}
app-faq-answer .sl-accordion_faq.bazis-accordion_underline:first-child {
  --border-width-header: 0 0 1px 0;
}
app-faq-answer .sl-accordion_faq.bazis-accordion_underline.bazis-accordion--opened:first-child {
  --border-width-header: 0;
}
app-faq-answer:first-of-type .sl-accordion_faq.bazis-accordion_underline, app-faq-answer-skeleton:last-of-type .sl-accordion_faq.bazis-accordion_underline {
  --border-width-header: 1px 0;
}
app-faq-answer:first-of-type .sl-accordion_faq.bazis-accordion_underline.bazis-accordion--opened, app-faq-answer-skeleton .sl-accordion_faq.bazis-accordion_underline {
  --border-width-header: 1px 0 0;
}
app-faq-answer:last-of-type .sl-accordion_faq {
  --border-width-body: 0 0 1px 0;
}
.sl-accordion_profile {
  --open-close-color: var(--bazis-color-action);
  --open-close-icon-size: 24px;
  --background-header: transparent;
  --border-width-header: 0;
  --padding-bottom-header: 0;
  --padding-top-header: 0;
  --padding-start-header: 0;
  --padding-end-header: 0;
  --padding-top-body: var(--bazis-padding-6x);
  --padding-start-body: calc(var(--bazis-padding-6x) * 2);
}
.sl-accordion_profile::part(header) {
  font-size: 18px;
  line-height: 24px;
}
.sl-accordion_profile::part(body) .sl-form + bazis-toolbar {
  --padding-top: var(--bazis-padding-8x);
}
.sl-accordion_profile:last-child {
  --margin-bottom: 0;
}
.sl-accordion_profile bazis-icon[slot=icon] {
  --icon-l-size: 24px;
  margin-right: var(--bazis-margin-6x);
}
.sl-accordion_profile section h6 {
  font-weight: 500;
}
.sl-accordion_profile section hr {
  --margin-top: var(--bazis-margin-6x);
  --margin-bottom: var(--bazis-margin-6x);
}
@media (max-width: 1024px) {
  .sl-accordion_profile bazis-icon[slot=icon] {
    margin-right: var(--bazis-margin-5x);
  }
  .sl-accordion_profile::part(body) {
    --padding-start: calc(var(--bazis-padding-6x) * 2 - 4px);
  }
}
@media (max-width: 576px) {
  .sl-accordion_profile bazis-grid bazis-button {
    display: block;
  }
  .sl-accordion_profile bazis-input-options-button .bazis-btn-group__item,
  .sl-accordion_profile bazis-browse-options-button .bazis-btn-group__item {
    width: 50%;
  }
  .sl-accordion_profile bazis-toolbar.bazis-toolbar_wrap::part(start), .sl-accordion_profile bazis-toolbar.bazis-toolbar_wrap::part(end) {
    width: 100%;
  }
  .sl-accordion_profile .bh-line-elements {
    flex-direction: column;
  }
  .sl-accordion_profile bazis-button:not(.bazis-control__field-group bazis-button,
  .bazis-browse-default bazis-button) {
    display: block;
    width: 100%;
  }
}
.sl-accordion_landing {
  --margin-bottom: var(--bazis-margin-3x);
  --border-radius-header: 12px;
  --border-width-header: 0;
  --padding-start-header: var(--bazis-padding-6x);
  --padding-end-header: var(--bazis-padding-6x);
  --padding-top-header: var(--bazis-padding-6x);
  --padding-bottom-header: var(--bazis-padding-6x);
  --background-header: var(--bazis-background);
  --border-radius-body: 0 0 12px 12px;
  --padding-start-body: var(--bazis-padding-6x);
  --padding-end-body: var(--bazis-padding-6x);
  --padding-bottom-body: var(--bazis-padding-6x);
  --padding-top-body: 6px;
  --background-body: var(--bazis-background);
  --box-shadow-body: 0px 4px 24px rgba(0, 0, 0, 0.1);
  position: relative;
}
.sl-accordion_landing::part(header) {
  position: relative;
  font-size: 18px;
  line-height: 24px;
}
.sl-accordion_landing::part(body) {
  position: absolute;
  top: calc(100% - 9px);
  left: 0;
  right: 0;
  max-height: 285px;
  overflow: auto;
  font-size: 14px;
  line-height: 20px;
}
.sl-accordion_landing.bazis-accordion--opened {
  --color-header: var(--bazis-color-primary);
  z-index: 151;
  border-radius: 12px;
  background: var(--bazis-background);
}
.sl-accordion_landing.bazis-accordion--opened::part(header) {
  z-index: 1;
}

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

bazis-button.sl-button_nowrap {
  width: 100%;
}

aside .sl-dropdown_action + bazis-button.sl-button_nowrap {
  width: calc(100% - 52px);
}

.sl-status-save {
  --margin-start: 0;
  --margin-end: 0;
  --margin-bottom: 0;
  --font-size: 13px;
  --font-weight: 400;
  --color: var(--bazis-text-color);
}
.sl-status-save bazis-icon {
  margin-right: var(--bazis-margin-2x);
}

bazis-datepicker {
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
}

.sl-grid_global > bazis-row > bazis-col {
  --bazis-grid-column-padding-start-xl: 22px;
  --bazis-grid-column-padding-end-xl: 22px;
  --bazis-grid-column-padding-start-xs: 0;
  --bazis-grid-column-padding-end-xs: 0;
  --bazis-grid-column-padding-top: 0;
  --bazis-grid-column-padding-bottom: 0;
}
.sl-grid_accordion > bazis-row > bazis-col[sizesm="6"]:nth-child(odd) {
  --bazis-grid-column-padding-start-sm: 0;
}
.sl-grid_accordion > bazis-row > bazis-col[sizesm="6"]:nth-child(odd):last-child {
  --bazis-grid-column-padding-end-sm: var(--bazis-padding-4x);
}
.sl-grid_accordion > bazis-row > bazis-col[sizesm="6"]:nth-child(even) {
  --bazis-grid-column-padding-end-sm: 0;
}
.sl-grid_accordion > bazis-row > bazis-col, .sl-grid_accordion .bazis-grid_form > bazis-row > bazis-col {
  --bazis-grid-column-padding-start-sm: var(--bazis-padding-4x);
  --bazis-grid-column-padding-end-sm: var(--bazis-padding-4x);
  --bazis-grid-column-padding-start-xl: var(--bazis-padding-4x);
  --bazis-grid-column-padding-end-xl: var(--bazis-padding-4x);
  --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;
}
.sl-grid_card {
  margin: 0 calc(var(--bazis-margin-4x) * -1);
}
.sl-grid_card > 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-bottom: var(--bazis-padding-6x);
}
.sl-grid_filter {
  --padding-grid: var(--bazis-padding-3x);
  margin: 0 calc(var(--padding-grid) * -1);
}
.sl-grid_filter > bazis-row > bazis-col {
  --bazis-grid-column-padding-start: var(--padding-grid);
  --bazis-grid-column-padding-end: var(--padding-grid);
}
.sl-grid_center {
  max-width: 800px;
}
.sl-grid_center > bazis-row > bazis-col {
  --bazis-grid-column-padding-top: 0;
  --bazis-grid-column-padding-bottom: 0;
}
.sl-grid_global > bazis-row > bazis-col:first-child, .sl-grid_accordion > bazis-row > bazis-col:first-child, .sl-grid_center > bazis-row > bazis-col:first-child {
  --bazis-grid-column-padding-start-xs: 0;
  --bazis-grid-column-padding-start-sm: 0;
  --bazis-grid-column-padding-start-xl: 0;
}
.sl-grid_global > bazis-row > bazis-col:last-child, .sl-grid_accordion > bazis-row > bazis-col:last-child, .sl-grid_center > bazis-row > bazis-col:last-child {
  --bazis-grid-column-padding-end-xs: 0;
  --bazis-grid-column-padding-end-sm: 0;
  --bazis-grid-column-padding-end-xl: 0;
}

app-summary .sl-section .bazis-grid_form > bazis-row > bazis-col {
  --bazis-grid-column-padding-bottom-xs: var(--bazis-margin-6x);
  --bazis-grid-column-padding-bottom-sm: 0;
}
app-summary .sl-section .bazis-grid_form > bazis-row > bazis-col:last-child {
  --bazis-grid-column-padding-bottom-xs: 0;
}
app-summary .sl-section .bazis-grid_form > bazis-row:first-child {
  --bazis-grid-column-padding-bottom-xs: 0;
}

bazis-row.bazis-list_vline > bazis-col.bazis-item, bazis-row.bazis-list_vline_mini > bazis-col.bazis-item {
  --bazis-grid-column-padding-start: 0;
  --bazis-grid-column-padding-end: 0;
}

@media (max-width: 1024px) {
  .sl-grid_center {
    max-width: 100%;
    margin: 0 36px;
  }
}
@media (max-width: 576px) {
  .sl-grid_center {
    margin: 0;
  }
}
@media (max-width: 576px) {
  bazis-layout-press-footer::part(content) {
    height: auto;
    overflow: initial;
  }
}

bazis-link.sl-link_entity {
  --font-size: 16px;
  --line-height: 24px;
}
bazis-link.bazis-link_m {
  letter-spacing: 0.5px;
}

bazis-segment {
  --width-segment: 347px;
  --margin-start-segment: auto;
  --margin-end-segment: auto;
  --margin-bottom-segment: 40px;
  --background-segment: rgba(var(--bazis-color-white-rgb), 0.40);
}

bazis-toolbar + .bazis-list_short-info {
  --margin-bottom-list: var(--bazis-margin-4x);
}
app-account-history bazis-toolbar {
  gap: var(--bazis-margin-4x);
}
@media (max-width: 576px) {
  app-account-history bazis-toolbar:not(.sl-card-mobile bazis-toolbar)::part(start), app-account-history bazis-toolbar:not(.sl-card-mobile bazis-toolbar)::part(end), app-account-reservation bazis-toolbar:not(.sl-card-mobile bazis-toolbar)::part(start), app-account-reservation bazis-toolbar:not(.sl-card-mobile bazis-toolbar)::part(end) {
    width: 100%;
  }
}

.sl-toolbar_table {
  --padding-top: var(--bazis-padding-7x);
  --margin-bottom: var(--bazis-margin-5x);
  flex-wrap: wrap;
}
.sl-toolbar_table::part(end) {
  margin-top: var(--bazis-margin-5x);
}
.sl-toolbar_table [slot=end] {
  justify-content: flex-end;
}
app-bid .sl-toolbar_table {
  --padding-top: 0;
}
.sl-toolbar_table .bazis-btn-group {
  margin: 0 var(--bazis-margin-8x) 0 var(--bazis-margin-4x) x;
}
.sl-toolbar_table .bazis-btn-group:last-child {
  margin-right: 0;
}
.sl-form .sl-toolbar_table {
  --margin-top: var(--bazis-margin-3x);
  --padding-top: 14px;
  --padding-bottom: var(--bazis-padding-3x);
}
@media (max-width: 1024px) {
  .sl-toolbar_table::part(start), .sl-toolbar_table::part(end) {
    width: 100%;
    flex-shrink: 0;
  }
}
.sl-toolbar_table-header {
  --margin-top: calc(var(--bazis-margin-1x) * -1);
  --padding-bottom: var(--bazis-padding-4x);
}
.sl-toolbar_table-header .bazis-dropdown {
  --top: 24px;
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --margin-start-list: calc(var(--bazis-padding-3x) * -1);
  --margin-end-list: calc(var(--bazis-padding-3x) * -1);
}
.sl-toolbar_table-header .bazis-dropdown bazis-button.bazis-dropdown__trigger {
  --color: var(--bazis-placeholder-color);
}
.sl-toolbar_section {
  --margin-bottom: var(--bazis-margin-4x);
}
@media (max-width: 1024px) {
  .sl-toolbar_section {
    flex-wrap: wrap;
  }
  .sl-toolbar_section::part(start), .sl-toolbar_section::part(end) {
    width: 100%;
  }
  .sl-toolbar_section::part(start) {
    margin-bottom: var(--margin-bottom);
  }
}
.sl-toolbar_details .bh-line-elements {
  --gap: var(--bazis-margin-1x);
}
.sl-toolbar_details .bh-line-elements bazis-button bazis-icon,
.sl-toolbar_details .bh-line-elements .bazis-dropdown bazis-button.bazis-dropdown__trigger bazis-icon {
  --bazis-icon-s-size: 20px;
  font-size: 20px;
}
.sl-toolbar_notification {
  --padding-bottom: var(--bazis-padding-5x);
  --border-width: 0 0 1px;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
}
@media (max-width: 1024px) {
  .sl-toolbar_table-header {
    --margin-top: 0;
    --padding-top: var(--bazis-padding-1x);
    --padding-bottom: var(--bazis-padding-1x);
    --padding-start: var(--bazis-padding-3x);
    --padding-end: var(--bazis-padding-1x);
    --border-width: 1px;
    --border-style: solid;
    --border-color: var(--bazis-border-color);
  }
  .sl-toolbar_table-header .bazis-dropdown {
    --width: 250px;
  }
  .sl-toolbar_notification {
    --border-width: 0;
  }
}
@media (max-width: 576px) {
  .sl-toolbar_notification {
    flex-direction: column;
  }
  .sl-toolbar_notification .bazis-select-date-control, .sl-toolbar_notification::part(start), .sl-toolbar_notification::part(end) {
    width: 100%;
  }
  .sl-toolbar_notification .bh-line-elements {
    flex-direction: column;
  }
  .sl-toolbar_table-header .bazis-checkbox__label {
    align-items: center;
  }
}

.bazis-alert {
  --padding-start: var(--bazis-padding-8x);
  --padding-end: var(--bazis-padding-8x);
  --padding-top: var(--bazis-padding-8x);
  --padding-bottom: var(--bazis-padding-8x);
  --max-height: calc(100vh - var(--bazis-padding-8x));
}
.bazis-alert__message {
  color: var(--bazis-text-color);
}
.bazis-alert .sl-form .bazis-map-wrapper, .bazis-alert .sl-form .sl-map-wrapper_dd {
  --height: 180px;
}

@media (max-width: 576px) {
  .bazis-collapsible-to-more_start .sl-search-control {
    width: 100%;
  }
}

.bazis-contact__name {
  margin: 0 0 var(--bazis-margin-1x);
}
.sl-accordion_profile .bazis-contact__name {
  margin: 0 0 var(--bazis-margin-2x);
}
.bazis-contact__position {
  margin: 0 0 var(--bazis-margin-2x);
}
.bazis-contact__mail {
  margin: 0 0 var(--bazis-margin-1x);
}
.sl-accordion_profile .bazis-contact__mail {
  margin: 0 0 var(--bazis-margin-2x);
}
.bazis-contact__phone {
  margin: 0;
}
.bazis-contact + .bazis-contact {
  --margin-top: var(--bazis-margin-5x);
}
.bazis-contact + hr {
  --margin-top: var(--bazis-margin-5x);
  --margin-bottom: var(--bazis-margin-5x);
}

bazis-grid.sl-grid_table .bazis-coordinates {
  margin-bottom: 0;
}

h5 .bazis-dateplate bazis-icon, h6 .bazis-dateplate bazis-icon {
  margin-top: -2px;
}
.bazis-dateplate__time bazis-icon {
  --bazis-icon-xs-size: 16px;
}

.sl-empty_notifications {
  --margin-top: 0;
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-6x);
  --background: var(--bazis-background-medium);
  --font-size: 12px;
  --line-height: 16px;
}
.sl-empty_primary {
  --color: var(--bazis-text-color);
}

.bazis-modal {
  --max-width: 880px;
  --padding-bottom-content: calc(var(--bazis-padding-6x) * 2);
  --padding-top-footer: var(--bazis-padding-6x);
  --padding-bottom-footer: calc(var(--bazis-padding-6x) * 2);
}
.bazis-modal__content section {
  --margin-top: 0;
  margin-bottom: var(--bazis-margin-8x);
}
.bazis-modal__footer {
  border-top: 1px solid var(--bazis-border-color);
}
.bazis-modal_small {
  --padding-top-header: 21px;
}
@media screen and (max-width: 1024px) {
  .bazis-modal:not(.fullscreen,
  .mobile-bottom,
  .dummy,
  .sl-modal_xs,
  .bazis-modal_small,
  .sl-modal_entrance) {
    --padding-start-header: var(--bazis-padding-5x);
    --padding-end-header: 60px;
    --padding-start-content: var(--bazis-padding-5x);
    --padding-end-content: var(--bazis-padding-5x);
    --padding-start-footer: var(--bazis-padding-5x);
    --padding-end-footer: var(--bazis-padding-5x);
    --width: auto;
    margin: auto 40px;
  }
}
@media screen and (max-width: 768px) {
  .bazis-modal_small {
    --width: auto;
    margin: auto 40px;
  }
}
@media (max-width: 576px) {
  .bazis-modal:not(.mobile-bottom, .dummy, .sl-modal_entrance) {
    margin: auto var(--bazis-margin-5x);
  }
  .bazis-modal bazis-button.sl-button_form {
    display: block;
  }
  .bazis-modal__close bazis-icon.bh-hide-sm-down {
    display: block !important;
  }
  .bazis-modal__close bazis-icon.bh-hide-sm-up {
    display: none;
  }
  .bazis-modal__footer {
    box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
  }
  .bazis-modal app-modal-signature .bazis-modal__footer bazis-button {
    display: block;
  }
  .bazis-modal.video app-video-modal {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
  }
  .bazis-modal.map .sl-desktop-content {
    display: none;
  }
  .bazis-modal.map .sl-mobile-content .bazis-control {
    --height: 34px;
    --control-width: calc(100% - 8px);
    margin-right: var(--bazis-margin-2x);
  }
  .bazis-modal.map .sl-mobile-content .bazis-list_short-info > .bazis-item {
    --font-size: 16px;
    --line-height: 24px;
    --font-weight: 500;
    --color: var(--bazis-text-color);
  }
}

.sl-modal_xs {
  --min-height: 401px;
  --max-height: 430px;
  --max-width: 664px;
  --padding-bottom-header: 0;
  --padding-top-content: 0;
  --padding-bottom-content: 0;
}
.sl-modal_role {
  --max-width: 640px;
  --max-height: 599px;
  --padding-top-content: var(--bazis-padding-5x);
}
.sl-modal_entrance {
  --top-close: 40px;
  --max-width: 394px;
}
.sl-modal_clear {
  --background: transparent;
  --box-shadow: none;
  --max-height: 100%;
}
@media screen and (max-width: 768px) {
  .sl-modal_xs {
    --width: auto;
    margin: auto 40px;
  }
}

bazis-toast {
  --max-height: calc(100vh - var(--bazis-padding-8x));
}
@media screen and (max-width: 576px) {
  bazis-toast {
    --max-width: 100%;
    --width: auto;
  }
  bazis-toast::part(group) {
    left: 12px;
  }
}

.bazis-vehicle-number {
  --border-color: var(--bazis-text-color);
  --color: var(--bazis-text-color);
}

.bazis-control {
  --border-color-focus: var(--bazis-color-action);
  --border-color-active: var(--bazis-color-action);
}
.sl-form bazis-input-search > .bazis-control {
  --margin-bottom: var(--bazis-margin-1x);
}
.sl-form_oneline .bazis-control, .sl-grid_table bazis-col .bazis-control,
.bazis-control .bazis-block_accent .bazis-grid_form > bazis-row:last-child, .sl-toolbar_table .bazis-control, .bazis-block_search .bazis-control, .sl-toolbar_table-header .bazis-control, .sl-toolbar_notification .bazis-control {
  --margin-bottom: 0;
}
.sl-grid_accordion .bazis-control__label {
  --font-size-label: 12px;
  --color-label: var(--bazis-text-color-secondary);
  font-weight: 400;
  line-height: 16px;
}
.bazis-control__field-group__start {
  padding: 0 var(--padding-field-end) 0 var(--padding-field-start);
}
@media (max-width: 992px) {
  app-select-search .bazis-control--activated, app-search-filter .bazis-control--activated {
    --border-radius: 0;
    --border-width: 1px 0 1px 0;
    position: fixed;
    z-index: 1002;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100vh;
  }
  .sl-form app-select-search .bazis-control--activated, .sl-form app-search-filter .bazis-control--activated {
    --margin-bottom: 0;
  }
  app-select-search .bazis-control--activated .bazis-eraser, app-search-filter .bazis-control--activated .bazis-eraser {
    display: none;
  }
  app-select-search .bazis-control--activated .bazis-control__label, app-search-filter .bazis-control--activated .bazis-control__label {
    display: none;
  }
  app-select-search .bazis-control--activated .bazis-control__field-group--activated, app-search-filter .bazis-control--activated .bazis-control__field-group--activated {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  app-select-search .bazis-control--activated .bazis-list_control-dd, app-search-filter .bazis-control--activated .bazis-list_control-dd {
    --max-height: calc(100vh - 36px - 1px);
    --margin-top-list: 1px;
    --padding-top-list: 0;
    --padding-end-list: var(--bazis-padding-5x);
    --padding-start-list: var(--bazis-padding-5x);
    --border-radius-list: 0;
    --border-width: 0 0 1px 0;
    --border-color: var(--bazis-border-color);
    --border-style: solid;
    --padding-end: 0;
    --padding-start: 0;
    --padding-top: var(--bazis-padding-6x);
    --padding-bottom: var(--bazis-padding-5x);
    --max-height-infinite-scroll-content: calc(
        var(--max-height) - var(--padding-bottom-list) - var(--padding-top-list)
    );
    height: var(--max-height);
  }
  app-select-search .bazis-control--activated .bazis-list_control-dd .bazis-infinite-scroll-content, app-search-filter .bazis-control--activated .bazis-list_control-dd .bazis-infinite-scroll-content {
    margin-right: calc(var(--padding-end-list) * -1);
  }
  app-select-search .bazis-control--activated .bazis-list_control-dd .bazis-item, app-search-filter .bazis-control--activated .bazis-list_control-dd .bazis-item {
    --background-hover: var(--background);
  }
  app-select-search .bazis-control--activated .bazis-list_control-dd .bazis-item.bazis-radio, app-select-search .bazis-control--activated .bazis-list_control-dd .bazis-item.bazis-checkbox, app-search-filter .bazis-control--activated .bazis-list_control-dd .bazis-item.bazis-radio, app-search-filter .bazis-control--activated .bazis-list_control-dd .bazis-item.bazis-checkbox {
    border-bottom: 1px solid var(--border-color);
  }
}
@media (max-width: 576px) {
  .sl-section .bazis-grid_form > bazis-row:last-child bazis-col:first-child .bazis-control {
    --margin-bottom: var(--bazis-margin-6x);
  }
  .sl-section .bazis-grid_form > bazis-row:last-child bazis-col:last-child .bazis-control, .sl-section .bazis-grid_form > bazis-row:last-child bazis-col.bh-next-empty .bazis-control {
    --margin-bottom: 0;
  }
  .sl-form app-input-map-point bazis-col:first-child .bazis-control {
    --margin-bottom: var(--bazis-margin-6x);
  }
}

bazis-input-options-button {
  display: block;
  margin-bottom: var(--bazis-margin-6x);
}

.sl-form .bazis-map-wrapper, .sl-form .sl-map-wrapper_dd {
  --height: 324px;
}
app-bid-order .sl-form {
  padding-bottom: calc(var(--bazis-padding-6x) * 2);
}
.sl-form__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--bazis-padding-5x);
  padding-bottom: var(--bazis-padding-5x);
  margin-top: calc(var(--bazis-margin-6x) * 2);
  background: var(--bazis-background);
  border-top: 1px solid var(--bazis-border-color);
  gap: var(--bazis-margin-4x);
}
.sl-form__footer::after, .sl-form__footer::before {
  display: none;
}
app-bid-footer .sl-form__footer {
  margin-top: 0;
  box-shadow: 0px -15px 15px -10px rgba(var(--bazis-shadow-color-rgb), 0.4);
}
.sl-form__footer__right {
  display: flex;
  align-items: center;
}
.sl-form_oneline {
  display: flex;
  gap: 16px;
}
.sl-form_oneline .bazis-control__label {
  line-height: 36px;
}
.sl-form_oneline__full {
  width: 100%;
}
@media (max-width: 576px) {
  .sl-form__footer {
    flex-direction: column-reverse;
  }
  app-bid-footer .sl-form__footer {
    flex-direction: column;
  }
  .sl-form__footer .bh-line-elements:not([slot]) {
    flex-direction: column;
    width: 100%;
  }
  .sl-form__footer_finish {
    flex-direction: column;
    position: fixed;
    z-index: 40;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .sl-form__footer__right {
    flex-direction: column-reverse;
    width: 100%;
  }
  .sl-form__footer__right > * {
    width: 100%;
  }
  .sl-form__footer bazis-button {
    display: block;
    width: 100%;
  }
  .sl-form__footer bazis-toolbar {
    width: 100%;
    flex-direction: column;
  }
  .sl-form__footer bazis-toolbar::part(start), .sl-form__footer bazis-toolbar::part(end) {
    width: 100%;
  }
  .sl-form__footer bazis-toolbar [slot].bh-line-elements {
    flex-direction: column;
  }
  .sl-form__footer bazis-entity-transits bazis-toolbar {
    gap: var(--bazis-margin-4x);
  }
  .sl-form_oneline {
    flex-direction: column;
    gap: var(--bazis-margin-2x);
  }
  .sl-form_oneline .bazis-control__label {
    margin-bottom: 0;
    line-height: 20px;
  }
  .sl-form_oneline bazis-button {
    margin-top: var(--bazis-margin-2x);
  }
}

.sl-eraser_outer {
  position: absolute;
  z-index: 1;
  right: 0;
  top: -8px;
}

.sl-loader-form {
  height: calc(100vh - 320px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sl-block_mini .bazis-browse-default, app-summary .sl-section .bazis-grid_form .bazis-browse-default, .sl-grid_accordion > bazis-row:last-child > bazis-col .bazis-browse-default, .sl-profile-page .bazis-grid_form > bazis-row:last-child > bazis-col .bazis-browse-default {
  --margin-bottom: 0;
}

.bazis-contacts-control__group {
  --margin-bottom: var(--bazis-margin-2x);
  --background: transparent;
}
app-edit-water-utility-drain-station .bazis-contacts-control__group {
  --margin-bottom: var(--bazis-margin-8x);
}
.bazis-contacts-control bazis-toolbar {
  --bazis-line-height-p-major: 36px;
}

.bazis-list_vline .bazis-control .bazis-checkbox, .bazis-list_vline_mini .bazis-control .bazis-checkbox {
  margin-left: var(--bazis-margin-3x);
}
.sl-item--selected_partial .bazis-checkbox__label::before {
  content: "—";
  border-color: var(--border-color-checked);
  background: var(--background-checked);
  color: var(--checkmark-color);
}
.sl-col_selectable .bazis-control .bazis-checkbox__label::before {
  margin-right: var(--bazis-margin-6x);
}
@media (max-width: 1024px) {
  .sl-toolbar_table-header .bazis-list_vline .bazis-control .bazis-checkbox, .sl-toolbar_table-header .bazis-list_vline_mini .bazis-control .bazis-checkbox {
    margin-left: 0;
  }
}

.sl-grid_table .bazis-number-buttons-control .bazis-control__note {
  padding-top: 6px;
}

.sl-range-controls {
  display: flex;
}
.sl-range-controls .bazis-control__field-group {
  --border-width: 1px 0 1px 0;
  border-radius: 0;
}
.sl-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);
}
.sl-range-controls > :first-child .bazis-control__field-group, .sl-range-controls > :first-child.bazis-control__field-group {
  --border-width: 1px 0 1px 1px;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.sl-range-controls > :first-child .bazis-control__field-group::before, .sl-range-controls > :first-child.bazis-control__field-group::before {
  display: none;
}
.sl-range-controls > :last-child .bazis-control__field-group, .sl-range-controls > :last-child.bazis-control__field-group {
  --border-width: 1px 1px 1px 0;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.bazis-schedule-control table {
  --margin-top: var(--bazis-margin-3x);
}

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

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

.bazis-map-wrapper, .sl-map-wrapper_dd {
  --height: 336px;
}
app-input-map-point .bazis-map-wrapper, app-input-map-point .sl-map-wrapper_dd {
  margin-bottom: var(--bazis-margin-6x);
}
app-input-map-point .bazis-map-wrapper.bh-no-margin, app-input-map-point .bh-no-margin.sl-map-wrapper_dd {
  margin-bottom: 0;
}
.bazis-map-wrapper.sl-map-wrapper_small, .sl-map-wrapper_small.sl-map-wrapper_dd {
  --height: 260px;
  --margin-bottom: var(--bazis-margin-8x);
}
app-order-route-widget .bazis-map-wrapper, app-order-route-widget .sl-map-wrapper_dd {
  --height: 400px;
}

.bazis-map-circle {
  margin-left: var(--bazis-margin-8x);
}

.sl-map-wrapper_dd {
  --height: 100px;
  --width: 332px;
  --margin-top: var(--bazis-margin-2x);
  border: 1px solid var(--bazis-border-color);
  border-radius: var(--bazis-border-radius);
}

@media (max-width: 1024px) {
  .bazis-map-circle {
    margin-left: var(--bazis-margin-6x);
  }
}
@media (max-width: 576px) {
  app-order-route-widget .bazis-map-wrapper, app-order-route-widget .sl-map-wrapper_dd {
    --height: 400px;
  }
  app-order-route-widget .bazis-map-wrapper .sl-open-btn, app-order-route-widget .sl-map-wrapper_dd .sl-open-btn,
  app-order-route-widget .bazis-map-wrapper .sl-mobile-content,
  app-order-route-widget .sl-map-wrapper_dd .sl-mobile-content {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 40;
  }
  app-order-route-widget .bazis-map-wrapper .sl-mobile-content, app-order-route-widget .sl-map-wrapper_dd .sl-mobile-content {
    right: 8px;
  }
  app-order-route-widget .bazis-map-wrapper .sl-mobile-content:not(.bazis-modal .sl-mobile-content), app-order-route-widget .sl-map-wrapper_dd .sl-mobile-content:not(.bazis-modal .sl-mobile-content) {
    display: none;
  }
}
th {
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
}
th:last-child {
  --padding-end: var(--bazis-padding-3x);
  text-align: left;
}
.sl-table_mini th {
  --padding-top: 2px;
  --padding-bottom: 2px;
  --font-size: 10px;
  --line-height: 12px;
  text-transform: uppercase;
  min-width: 66px;
}
.sl-table_mini th:last-child {
  --padding-end: var(--bazis-padding-2x);
  text-align: left;
}
th.sl-thead-th {
  --background: var(--bazis-background-medium);
  --color: var(--bazis-text-color-secondary);
}
thead tr.sl-th_no-padding th, thead th.sl-th_no-padding {
  --padding-bottom: 0;
}
thead tr.sl-th_no-padding + tr th {
  --padding-top: 0;
}
tbody th.sl-thead-th {
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --border-color: var(--bazis-background-medium);
  text-align: center;
  vertical-align: middle;
}

td {
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
}
td.sl-table__cell-btns {
  --padding-top: var(--bazis-padding-2x);
}
td .sl-tr-collapsed {
  cursor: pointer;
}
td .sl-tr-collapsed bazis-icon {
  font-size: 8px;
  color: var(--bazis-text-color);
}
.sl-td-narrow td {
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
  position: relative;
  top: -10px;
}
.sl-td-narrow.bazis-td-no-border td {
  --padding-top: 0;
  --padding-bottom: var(--bazis-padding-1x);
}
.sl-tr--active td {
  --background: var(--bazis-background-accent);
}

.bazis-block_accent thead th,
.bazis-block_accent th.sl-thead-th {
  --background: rgba(var(--bazis-background-rgb), 0.7);
}
.bazis-block_accent tbody th {
  --background: var(--bazis-background-accent);
  --border-color: var(--bazis-color-white);
}
.bazis-block_accent tbody th.sl-thead-th {
  --border-color: rgba(var(--bazis-background-rgb), 0.7);
}
.bazis-block_accent td {
  --border-color: var(--bazis-color-white);
}

.sl-form table th,
.sl-form table td {
  --padding-start: var(--bazis-padding-6x);
  --padding-end: 0;
}
.sl-form table td:last-child,
.sl-form table thead th:last-child {
  --padding-end: var(--bazis-padding-2x);
}
table .sl-dropdown_action bazis-button.bazis-dropdown__trigger {
  --color-hover: var(--bazis-color-action);
}
table .sl-dropdown_action bazis-button.bazis-dropdown__trigger bazis-icon {
  color: currentColor;
}
table .sl-dropdown_action:hover bazis-button.bazis-dropdown__trigger {
  --color: var(--color-hover);
}
table .sl-tooltip_dropdown {
  --box-shadow: none;
  padding: 0;
}
table .sl-tooltip_dropdown .bazis-list_control-dd {
  --margin-top-list: 0;
  position: static;
}

.sl-table_hoverable tbody tr:hover td {
  background: var(--bazis-background-accent);
}

.sl-table_clear {
  --margin-bottom: 0;
}
.sl-table_clear td {
  --padding-top: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-2x);
  --border-width: 0;
}
.sl-table_clear td:first-child {
  --padding-start: 0;
}
.sl-table_clear td:last-child {
  --padding-end: 0;
}

bazis-grid.sl-grid_table {
  --bazis-grid-columns: 24;
  margin-bottom: var(--bazis-margin-6x);
}
bazis-grid.sl-grid_table > bazis-row,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row {
  border-bottom: 1px solid var(--bazis-border-color);
}
bazis-grid.sl-grid_table > bazis-row > bazis-col,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row > bazis-col {
  --bazis-grid-column-padding-start: var(--bazis-padding-3x);
  --bazis-grid-column-padding-end: var(--bazis-padding-3x);
  --bazis-grid-column-padding-top: var(--bazis-padding-4x);
  --bazis-grid-column-padding-bottom: var(--bazis-padding-4x);
  line-height: 20px;
}
bazis-grid.sl-grid_table > bazis-row > bazis-col.sl-col_th,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row > bazis-col.sl-col_th {
  --bazis-grid-column-padding-top: 7px;
  --bazis-grid-column-padding-bottom: 7px;
  background: var(--bazis-background-medium);
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  color: var(--bazis-text-color-secondary);
}
bazis-grid.sl-grid_table > bazis-row > bazis-col.sl-col_th.sl-col_selectable,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row > bazis-col.sl-col_th.sl-col_selectable {
  --bazis-grid-column-padding-start: 52px;
}
bazis-grid.sl-grid_table > bazis-row > bazis-col.sl-col_no-padding-end,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row > bazis-col.sl-col_no-padding-end {
  --bazis-grid-column-padding-end: 0;
}
bazis-grid.sl-grid_table > bazis-row > bazis-col.sl-table__cell-btns,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row > bazis-col.sl-table__cell-btns {
  --bazis-grid-column-padding-top: 7px;
}
bazis-grid.sl-grid_table > bazis-row.sl-row_thead,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_thead {
  border-bottom: 0;
}
bazis-grid.sl-grid_table > bazis-row.sl-row_thead.sl-th_no-padding > bazis-col,
bazis-grid.sl-grid_table > bazis-row.sl-row_thead > bazis-col.sl-th_no-padding,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_thead.sl-th_no-padding > bazis-col,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_thead > bazis-col.sl-th_no-padding {
  --bazis-grid-column-padding-bottom: 0;
}
bazis-grid.sl-grid_table > bazis-row.sl-row_thead.sl-th_no-padding + bazis-grid.sl-grid_table > bazis-row.sl-row_thead > bazis-col,
bazis-grid.sl-grid_table > bazis-row.sl-row_thead.sl-th_no-padding + bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_thead > bazis-col,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_thead.sl-th_no-padding + bazis-grid.sl-grid_table > bazis-row.sl-row_thead > bazis-col,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_thead.sl-th_no-padding + bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_thead > bazis-col {
  --bazis-grid-column-padding-top: 0;
}
bazis-grid.sl-grid_table > bazis-row.bazis-td-no-border,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.bazis-td-no-border {
  border-width: 0;
}
bazis-grid.sl-grid_table > bazis-row.sl-row_tbody,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_tbody {
  align-items: center;
}
bazis-grid.sl-grid_table > bazis-row.sl-row_tbody:hover,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_tbody:hover {
  background: var(--bazis-background-accent);
}
bazis-grid.sl-grid_table > bazis-row.sl-row_tbody > bazis-col.sl-col_th,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_tbody > bazis-col.sl-col_th {
  --bazis-grid-column-padding-top: var(--bazis-padding-4x);
  --bazis-grid-column-padding-bottom: var(--bazis-padding-4x);
  border-bottom: 1px solid var(--bazis-background-medium);
  text-align: center;
}
.sl-form bazis-grid.sl-grid_table > bazis-row.sl-row_tbody,
.sl-form bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_tbody {
  align-items: flex-start;
}
.sl-form bazis-grid.sl-grid_table > bazis-row.sl-row_tbody > bazis-col,
.sl-form bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_tbody > bazis-col {
  --bazis-grid-column-padding-start: 6px;
  --bazis-grid-column-padding-end: 6px;
  --bazis-grid-column-padding-top: var(--bazis-padding-4x);
  --bazis-grid-column-padding-bottom: var(--bazis-padding-4x);
}
.sl-form bazis-grid.sl-grid_table > bazis-row.sl-row_tbody > bazis-col:first-child,
.sl-form bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_tbody > bazis-col:first-child {
  --bazis-grid-column-padding-start: var(--bazis-padding-2x);
}
.sl-form bazis-grid.sl-grid_table > bazis-row.sl-row_tbody > bazis-col[size="24"],
.sl-form bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_tbody > bazis-col[size="24"] {
  --bazis-grid-column-padding-start: var(--bazis-padding-2x);
  --bazis-grid-column-padding-end: var(--bazis-padding-2x);
}
bazis-grid.sl-grid_table > bazis-row.sl-row_tbody.sl-col-top-zero > bazis-col,
bazis-grid.sl-grid_table > bazis-row.sl-row_tbody > bazis-col.sl-col-top-zero,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_tbody.sl-col-top-zero > bazis-col,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_tbody > bazis-col.sl-col-top-zero {
  --bazis-grid-column-padding-top: 0;
}
bazis-grid.sl-grid_table > bazis-row.sl-row_tbody.sl-col-bottom-zero > bazis-col,
bazis-grid.sl-grid_table > bazis-row.sl-row_tbody > bazis-col.sl-col-bottom-zero,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_tbody.sl-col-bottom-zero > bazis-col,
bazis-grid.sl-grid_table *:not(bazis-row) bazis-row.sl-row_tbody > bazis-col.sl-col-bottom-zero {
  --bazis-grid-column-padding-bottom: 0;
}
bazis-grid.sl-grid_table bazis-grid.sl-grid_table {
  margin-bottom: 0;
}
bazis-grid.sl-grid_table bazis-grid.sl-grid_table > bazis-row:first-child > bazis-col,
bazis-grid.sl-grid_table bazis-grid.sl-grid_table > * > bazis-row:first-child > bazis-col {
  --bazis-grid-column-padding-top: 0;
}
bazis-grid.sl-grid_table bazis-grid.sl-grid_table > bazis-row:last-child,
bazis-grid.sl-grid_table bazis-grid.sl-grid_table > * > bazis-row:last-child {
  border-bottom: 0;
}
bazis-grid.sl-grid_table bazis-grid.sl-grid_table > bazis-row:last-child > bazis-col,
bazis-grid.sl-grid_table bazis-grid.sl-grid_table > * > bazis-row:last-child > bazis-col {
  --bazis-grid-column-padding-bottom: 0;
}
bazis-grid.sl-grid_table bazis-grid.sl-grid_table > bazis-row.sl-tr_no-border,
bazis-grid.sl-grid_table bazis-grid.sl-grid_table > * > bazis-row.sl-tr_no-border {
  border-bottom: 0;
}
bazis-grid.sl-grid_table bazis-grid.sl-grid_table > bazis-row > bazis-col,
bazis-grid.sl-grid_table bazis-grid.sl-grid_table > * > bazis-row > bazis-col {
  --bazis-grid-column-padding-start: 0;
  --bazis-grid-column-padding-end: 0;
}
bazis-grid.sl-grid_table.sl-grid_table_hoverable > bazis-row.sl-row_tbody:hover,
bazis-grid.sl-grid_table.sl-grid_table_hoverable *:not(bazis-row) bazis-row.sl-row_tbody:hover {
  background: var(--bazis-background-accent);
}
bazis-grid.sl-grid_table.sl-grid_table_hoverable > bazis-row.sl-row_tbody:hover .sl-row__title,
bazis-grid.sl-grid_table.sl-grid_table_hoverable *:not(bazis-row) bazis-row.sl-row_tbody:hover .sl-row__title {
  --color: var(--bazis-link-hover-color);
  color: var(--bazis-link-hover-color);
}

bazis-grid.sl-grid_table .sl-dropdown_action bazis-button.bazis-dropdown__trigger {
  --color-hover: var(--bazis-color-action);
}
bazis-grid.sl-grid_table .sl-dropdown_action bazis-button.bazis-dropdown__trigger bazis-icon {
  color: currentColor;
}
bazis-grid.sl-grid_table .sl-dropdown_action:hover bazis-button.bazis-dropdown__trigger {
  --color: var(--color-hover);
}
bazis-grid.sl-grid_table .bazis-dropdown bazis-vehicle-number + bazis-button.bazis-dropdown__trigger {
  --background: transparent;
  --background-hover: transparent;
  position: relative;
  top: -4px;
}
bazis-grid.sl-grid_table .sl-btn-expanded {
  position: relative;
  top: -9px;
}
bazis-grid.sl-grid_table > bazis-row > bazis-col.sl-col_top-zero,
bazis-grid.sl-grid_table > * > bazis-row > bazis-col.sl-col_top-zero {
  --bazis-grid-column-padding-top: 0;
}
bazis-grid.sl-grid_table > bazis-row > bazis-col.sl-col_bottom-zero,
bazis-grid.sl-grid_table > * > bazis-row > bazis-col.sl-col_bottom-zero {
  --bazis-grid-column-padding-bottom: 0;
}
bazis-grid.sl-grid_table > bazis-row > bazis-col .bazis-dropdown__trigger,
bazis-grid.sl-grid_table > * > bazis-row > bazis-col .bazis-dropdown__trigger {
  --background: var(--bazis-color-white);
  --color: var(--bazis-placeholder-color);
}
bazis-grid.sl-grid_table > bazis-row > bazis-col .bazis-dropdown__body,
bazis-grid.sl-grid_table > * > bazis-row > bazis-col .bazis-dropdown__body {
  --top: 36px;
}
bazis-grid.sl-grid_table > bazis-row > bazis-col .bazis-dropdown_vehicle .bazis-dropdown__trigger,
bazis-grid.sl-grid_table > * > bazis-row > bazis-col .bazis-dropdown_vehicle .bazis-dropdown__trigger {
  --color: var(--bazis-color-base);
}
bazis-grid.sl-grid_table > bazis-row > bazis-col bazis-button bazis-icon,
bazis-grid.sl-grid_table > * > bazis-row > bazis-col bazis-button bazis-icon {
  --bazis-icon-s-size: 16px;
  color: var(--bazis-placeholder-color);
}
bazis-grid.sl-grid_table > bazis-row > bazis-col .sl-tr-collapsed,
bazis-grid.sl-grid_table > * > bazis-row > bazis-col .sl-tr-collapsed {
  cursor: pointer;
}
bazis-grid.sl-grid_table > bazis-row > bazis-col .sl-tr-collapsed bazis-icon,
bazis-grid.sl-grid_table > * > bazis-row > bazis-col .sl-tr-collapsed bazis-icon {
  font-size: 8px;
  color: var(--bazis-text-color);
}
bazis-grid.sl-grid_table > bazis-row > bazis-col bazis-status,
bazis-grid.sl-grid_table > * > bazis-row > bazis-col bazis-status {
  display: block;
  margin-top: var(--bazis-margin-2x);
}
bazis-grid.sl-grid_table > bazis-row > bazis-col p:first-child,
bazis-grid.sl-grid_table > * > bazis-row > bazis-col p:first-child {
  margin-top: 0;
}

.sl-table_twice > thead > tr > th {
  --background: transparent;
  --padding-start: var(--bazis-padding-2x);
  --padding-top: var(--bazis-padding-1x);
  --padding-end: var(--bazis-padding-2x);
  --padding-bottom: var(--bazis-padding-1x);
}
.sl-table_twice > thead > tr > th:first-child {
  --padding-start: 0;
}
.sl-table_twice > tbody > tr > td {
  --background: var(--bazis-background);
  --padding-start: var(--bazis-padding-4x);
  --padding-top: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --border-color: var(--bazis-background-accent);
  --border-width: 0 0 8px 0;
  --border-radius: var(--bazis-border-radius);
}
.sl-table_twice__child {
  --margin-bottom: 0;
}
.sl-table_twice__child td {
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
  --border-width: 0;
}
.sl-table_twice__child td:first-child {
  --padding-start: 0;
}
.sl-table_twice__child td:last-child {
  --padding-end: 0;
}
.sl-table_twice__child tr:first-child td {
  --padding-top: 0;
}
.sl-table_twice__child tr:last-child td {
  --padding-bottom: 0;
}

/* Project Components of alphabet */
.sl-card-balance {
  position: relative;
  border-radius: 5px;
  background: var(--bazis-color-base);
}
.sl-card-balance img {
  display: block;
}
.sl-card-balance bazis-icon {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: var(--bazis-color-white);
}
.sl-card-balance__title {
  position: absolute;
  top: 5px;
  left: 25px;
  font-size: 8px;
  line-height: 16px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--bazis-background-dark);
}

.sl-agreement {
  margin-right: var(--bazis-margin-8x);
  text-align: right;
  color: var(--bazis-text-color-secondary);
}
@media (max-width: 1024px) {
  .sl-agreement {
    max-width: 290px;
  }
}
@media (max-width: 576px) {
  .sl-agreement {
    margin: var(--bazis-margin-4x) auto 0;
    text-align: center;
  }
}

.sl-card-mobile {
  --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;
  --background: initial;
  --color: inherit;
  --background-hover: var(--background);
  --border-color-hover: var(--border-color);
  --box-shadow-hover: var(--box-shadow);
  --background-header: initial;
  --background-body: 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);
  margin-left: var(--margin-start);
  margin-right: var(--margin-end);
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  background: var(--background);
  color: var(--color);
}
.sl-card-mobile__header, .sl-card-mobile__body {
  --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);
}
.sl-card-mobile__header {
  background: var(--background-header);
}
.sl-card-mobile__header bazis-toolbar [slot=start] {
  flex-direction: column;
  padding-top: 6px;
}
.sl-card-mobile__header bazis-status {
  display: inline-block;
  margin-top: var(--bazis-margin-2x);
}
.sl-card-mobile__body {
  background: var(--background-body);
}
.sl-card-mobile__body bazis-input-options .bazis-control {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sl-card-mobile__body bazis-input-options .bazis-control__label {
  margin-bottom: 0;
}
.sl-card-mobile__body bazis-input-options .bazis-control__label + .bazis-checkbox:not(.bh-inline-block) {
  margin-top: 0;
}
.sl-card-mobile__body bazis-input-options .bazis-control .bazis-checkbox .bazis-checkbox__label::before {
  margin-right: 0;
}
.sl-card-mobile_hoverable:hover {
  background: var(--background-hover);
  border-color: var(--border-color-hover);
  box-shadow: var(--box-shadow-hover);
}

.sl-card-mobile {
  --padding-top: var(--bazis-margin-2x);
  --border-width: 1px 1px 0;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
  --border-color-hover: var(--bazis-border-color-dark);
  --background: var(--bazis-background-medium);
  --background-header: var(--bazis-color-white);
  --background-body: var(--bazis-color-white);
}
.sl-card-mobile__header {
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-3x);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-1x);
  --border-width: 1px 0 0;
  --border-style: solid;
  --border-color: var(--bazis-border-color);
}
.sl-card-mobile__body {
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-4x);
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
}
.sl-card-mobile__body bazis-input-options {
  display: block;
  margin-bottom: var(--bazis-margin-4x);
}
.sl-card-mobile__body bazis-input-options:last-child {
  margin-bottom: 0;
}
.sl-card-mobile__body bazis-input-options .bazis-control__label {
  font-size: 13px;
  line-height: 16px;
  color: var(--bazis-text-color-secondary);
}
.sl-card-mobile__selection {
  border-bottom: 1px solid var(--border-color);
  padding: 10px var(--bazis-padding-1x) 10px var(--bazis-padding-3x);
  margin: 0 calc(var(--bazis-margin-1x) * -1) 0 calc(var(--bazis-margin-3x) * -1);
}
.sl-card-mobile--expanded .sl-card-mobile__header {
  --border-width: 1px 0;
}
.sl-contacts-group .sl-card-mobile {
  --padding-top: 0;
  border-top: 0;
}
app-entity-item-mobile-skeleton:last-of-type .sl-card-mobile, .sl-card-mobile-item:last-of-type .sl-card-mobile {
  --border-width: 1px;
}
app-entity-item-mobile-skeleton:first-of-type .sl-card-mobile, .sl-card-mobile-item:first-of-type .sl-card-mobile {
  --border-width: 0 1px;
}
app-entity-item-mobile-skeleton:first-of-type .sl-card-mobile, .sl-card-mobile-item:first-of-type .sl-card-mobile:not(.sl-toolbar_table-header ~ * > .sl-card-mobile-item:first-of-type .sl-card-mobile) {
  --padding-top: 0;
}
.sl-card-mobile-item:first-of-type:last-of-type .sl-card-mobile {
  --border-width: 0 1px 1px;
}

.sl-contacts-group {
  margin-bottom: var(--bazis-margin-8x);
}
.sl-contacts-group:last-child {
  margin-bottom: 0;
}
.sl-contacts-group__header {
  display: flex;
  align-items: center;
  margin-bottom: var(--bazis-margin-4x);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.sl-contacts-group__header bazis-button {
  margin-right: var(--bazis-margin-3x);
}
.sl-contacts-group__header bazis-button bazis-icon[slot=icon-only] {
  margin-left: -6px;
  margin-right: -6px;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .sl-contacts-group__header bazis-button bazis-icon[slot=icon-only] {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: -6px;
    margin-inline-end: -6px;
  }
}
.sl-contacts-group .sl-grid_table .sl-tr_no-border > bazis-col {
  --bazis-grid-column-padding-bottom: 0;
}

.sl-scheduler {
  --min-width: initial;
  --width: initial;
  --max-width: initial;
  min-width: var(--min-width);
  width: var(--width);
  max-width: var(--max-width);
}

.sl-scheduler {
  --margin-bottom-list: var(--bazis-margin-3x);
  --width: 348px;
  --max-width: 100%;
}
.sl-scheduler.bazis-list {
  --padding-top: var(--bazis-padding-1x);
  --padding-bottom: var(--bazis-padding-1x);
}
.sl-scheduler.bazis-list .sl-scheduler__day {
  display: inline-block;
  width: 22px;
}
.sl-scheduler.bazis-list .sl-scheduler__day + span {
  margin-left: var(--bazis-margin-3x);
}
@media (max-width: 780px) {
  .sl-scheduler {
    --width: 100%;
  }
}
@media (max-width: 576px) {
  .sl-scheduler {
    --margin-bottom-list: 0;
  }
  .sl-scheduler.bazis-list .bazis-item {
    display: block;
  }
  .sl-scheduler.bazis-list .bazis-item > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .sl-scheduler.bazis-list .bazis-item > span {
    display: block;
    text-align: right;
  }
}

.sl-section-sign {
  margin-bottom: var(--bazis-margin-6x);
}
.sl-section-sign:last-child {
  margin-bottom: 0;
}
.sl-section-sign > bazis-icon {
  float: left;
  margin-right: var(--bazis-margin-5x);
}
.sl-section-sign > bazis-icon + * {
  overflow: hidden;
}
.sl-section-sign h6 {
  --bazis-h6-margin: 0 0 var(--bazis-margin-1x);
}
.bazis-block_accent .sl-section-sign:not(.bazis-block_accent .sl-section-sign:last-child) {
  margin-bottom: 40px;
}
.bazis-block_accent .sl-section-sign > bazis-icon {
  margin-right: var(--bazis-margin-8x);
}
@media (max-width: 1024px) {
  .bazis-block_accent .sl-section-sign {
    margin-bottom: var(--bazis-margin-6x);
  }
  .bazis-block_accent .sl-section-sign > bazis-icon {
    float: none;
    margin-right: 0;
    margin-bottom: var(--bazis-margin-5x);
  }
  .bazis-block_accent .sl-section-sign > bazis-icon + * {
    overflow: initial;
  }
}

.sl-tabs-cmp {
  /**
   * @prop --background: фон панели вкладок
   * @prop --padding-start: начальный отступ панели вкладок
   * @prop --padding-end: конечный отступ панели вкладок
   * @prop --padding-top: верхний отступ панели вкладок
   * @prop --padding-bottom: нижний отступ панели вкладок
   * @prop --border-radius: радиус скругления границы панели вкладок
   * @prop --border-width: толщина границы панели вкладок
   * @prop --border-style: начертание границы панели вкладок
   * @prop --border-color: цвет границы панели вкладок
   * @prop --height: высота панели вкладок
   * @prop --box-shadow: тень панели вкладок
   * @prop --transition: переход состояний вкладки
   *
   *
   * @prop --tab-background: фон вкладки
   * @prop --tab-background-focused: фон вкладки при фокусе
   * @prop --tab-background-hover: фон вкладки при наведении
   * @prop --tab-background-selected: фон выбранной вкладки
   * @prop --tab-background-disabled: фон отключенной вкладки
   *
   * @prop --tab-padding-start: начальный отступ вкладки
   * @prop --tab-padding-end: конечный отступ вкладки
   * @prop --tab-padding-top: верхний отступ вкладки
   * @prop --tab-padding-bottom: нижний отступ вкладки
   * @prop --tab-margin-start: начальный внешний отступ вкладки
   * @prop --tab-margin-end: конечный внешний отступ вкладки
   * @prop --tab-margin-top: верхний внешний отступ вкладки
   * @prop --tab-margin-bottom: нижний внешний отступ вкладки
   *
   * @prop --tab-border-radius: радиус скругления границы вкладки
   * @prop --tab-border-width: толщина границы вкладки
   * @prop --tab-border-style: начертание границы вкладки
   * @prop --tab-border-color: цвет границы вкладки
   * @prop --tab-border-color-focused: цвет границы вкладки при фокусе
   * @prop --tab-border-color-hover: цвет границы вкладки при наведении
   * @prop --tab-border-color-selected: цвет границы выбранной вкладки
   * @prop --tab-border-color-disabled: цвет границы отключенной вкладки
   *
   * @prop --color: цвет текста вкладки
   * @prop --color-focused: цвет текста вкладки при фокусе
   * @prop --color-hover: цвет текста вкладки при наведении
   * @prop --color-selected: цвет текста выбранной вкладки
   * @prop --color-disabled: цвет текста отключенной вкладки
   */
  --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;
  display: block;
  overflow: hidden;
}
.sl-tabs-cmp .sl-tabs-cmp__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  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;
  overflow-y: auto;
  scrollbar-width: none;
}
.sl-tabs-cmp .sl-tabs-cmp__wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto;
  width: 0;
  height: 0;
}
.sl-tabs-cmp .sl-tab-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-left: var(--tab-margin-start);
  margin-right: var(--tab-margin-end);
  margin-top: var(--tab-margin-top);
  margin-bottom: var(--tab-margin-bottom);
  padding-left: var(--tab-padding-start);
  padding-right: var(--tab-padding-end);
  padding-top: var(--tab-padding-top);
  padding-bottom: var(--tab-padding-bottom);
  border-radius: var(--tab-border-radius);
  border-width: var(--tab-border-width);
  border-style: var(--tab-border-style);
  border-color: var(--tab-border-color);
  background: var(--tab-background);
  font-family: var(--bazis-font-family, inherit);
  font-size: var(--font-size);
  font-weight: 400;
  line-height: 1;
  color: var(--color);
  outline: none;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: inherit;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  appearance: none;
  transition: var(--transition);
}
.sl-tabs-cmp .sl-tab-btn--focused, .sl-tabs-cmp .sl-tab-btn:focus {
  background: var(--tab-background-focused);
  border-color: var(--tab-border-color-focused);
  color: var(--color-focused);
}
.sl-tabs-cmp .sl-tab-btn:hover {
  background: var(--tab-background-hover);
  border-color: var(--tab-border-color-hover);
  color: var(--color-hover);
}
.sl-tabs-cmp .sl-tab-btn--selected {
  background: var(--tab-background-selected);
  border-color: var(--tab-border-color-selected);
  color: var(--color-selected);
}
.sl-tabs-cmp .sl-tab-btn:disabled, .sl-tabs-cmp .sl-tab-btn[disabled], .sl-tabs-cmp .sl-tab-btn--disabled {
  background: var(--tab-background-disabled);
  border-color: var(--tab-border-color-disabled);
  color: var(--color-disabled);
  cursor: default;
  pointer-events: none;
}
.sl-tabs-cmp .sl-tab-btn bazis-icon {
  font-size: 12px;
}
.sl-tabs-cmp .sl-tab-btn bazis-icon:first-child {
  margin-right: var(--bazis-margin-2x);
}
.sl-tabs-cmp .sl-tab-btn bazis-icon:last-child {
  margin-left: var(--bazis-margin-2x);
}
.sl-tabs-cmp .sl-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) {
  .sl-tabs-cmp .sl-tab-btn bazis-icon:first-child {
    margin-right: unset;
    margin-inline-end: var(--bazis-margin-2x);
  }
  .sl-tabs-cmp .sl-tab-btn bazis-icon:last-child {
    margin-left: unset;
    margin-inline-start: var(--bazis-margin-2x);
  }
  .sl-tabs-cmp .sl-tab-btn bazis-icon:only-child {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: -6px;
    margin-inline-end: -6px;
  }
}
.sl-tabs-cmp .sl-tab-btn.bh-underconstruction {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.sl-tabs-cmp_border {
  position: relative;
}
.sl-tabs-cmp_border::before {
  content: "";
  position: absolute;
  top: 39px;
  width: 100%;
  border-bottom: 1px solid var(--bazis-border-color);
}
@media screen and (max-width: 1024px) {
  .sl-tabs-cmp_border {
    --padding-start: var(--bazis-padding-5x);
    --padding-end: var(--bazis-padding-5x);
    margin-left: calc(var(--bazis-margin-5x) * -1);
    margin-right: calc(var(--bazis-margin-5x) * -1);
  }
}

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

.sl-tabs-cmp.bazis-color .sl-tabs-cmp__wrapper,
.sl-tabs-cmp.bazis-color .sl-tab-btn {
  background: var(--bazis-color-base);
  color: rgba(var(--bazis-color-contrast-rgb), 0.7);
}

.sl-tabs-cmp {
  --color: var(--bazis-text-color);
  --height: 48px;
  --font-size: 16px;
}
.sl-tabs-cmp .sl-tabs-cmp__wrapper {
  --padding-bottom: var(--bazis-padding-2x);
  margin-bottom: calc(-1 * var(--padding-bottom));
}
.sl-tabs-cmp .sl-tab-btn {
  --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-text-color);
  --tab-margin-end: var(--bazis-margin-6x);
}
.sl-tabs-cmp .sl-tab-btn--selected {
  font-weight: 500;
}

bazis-toolbar bazis-select .bazis-control,
bazis-toolbar bazis-sort .bazis-control,
.bazis-collapsible-to-more bazis-select .bazis-control,
.bazis-collapsible-to-more bazis-sort .bazis-control,
.bazis-list-page__tools bazis-select .bazis-control,
.bazis-list-page__tools bazis-sort .bazis-control {
  max-width: 205px;
}
bazis-toolbar bazis-select .bazis-control,
bazis-toolbar bazis-sort .bazis-control,
bazis-toolbar bazis-select-date .bazis-select-date-control,
.bazis-collapsible-to-more bazis-select .bazis-control,
.bazis-collapsible-to-more bazis-sort .bazis-control,
.bazis-collapsible-to-more bazis-select-date .bazis-select-date-control,
.bazis-list-page__tools bazis-select .bazis-control,
.bazis-list-page__tools bazis-sort .bazis-control,
.bazis-list-page__tools bazis-select-date .bazis-select-date-control {
  --margin-bottom: 0;
  --border-width: 0;
  --background: var(--bazis-color-info-tint);
  --font-size: 14px;
  --color: var(--bazis-color-action);
}
bazis-toolbar bazis-select .bazis-control .bazis-control__field-group__end button,
bazis-toolbar bazis-sort .bazis-control .bazis-control__field-group__end button,
bazis-toolbar bazis-select-date .bazis-select-date-control .bazis-control__field-group__end button,
.bazis-collapsible-to-more bazis-select .bazis-control .bazis-control__field-group__end button,
.bazis-collapsible-to-more bazis-sort .bazis-control .bazis-control__field-group__end button,
.bazis-collapsible-to-more bazis-select-date .bazis-select-date-control .bazis-control__field-group__end button,
.bazis-list-page__tools bazis-select .bazis-control .bazis-control__field-group__end button,
.bazis-list-page__tools bazis-sort .bazis-control .bazis-control__field-group__end button,
.bazis-list-page__tools bazis-select-date .bazis-select-date-control .bazis-control__field-group__end button {
  border: none;
}
bazis-toolbar bazis-select .bazis-control .bazis-control__field-group bazis-icon,
bazis-toolbar bazis-sort .bazis-control .bazis-control__field-group bazis-icon,
bazis-toolbar bazis-select-date .bazis-select-date-control .bazis-control__field-group bazis-icon,
.bazis-collapsible-to-more bazis-select .bazis-control .bazis-control__field-group bazis-icon,
.bazis-collapsible-to-more bazis-sort .bazis-control .bazis-control__field-group bazis-icon,
.bazis-collapsible-to-more bazis-select-date .bazis-select-date-control .bazis-control__field-group bazis-icon,
.bazis-list-page__tools bazis-select .bazis-control .bazis-control__field-group bazis-icon,
.bazis-list-page__tools bazis-sort .bazis-control .bazis-control__field-group bazis-icon,
.bazis-list-page__tools bazis-select-date .bazis-select-date-control .bazis-control__field-group bazis-icon {
  color: var(--color);
}
bazis-toolbar bazis-select .bazis-control .bazis-control__field-group .bazis-item--selected bazis-icon,
bazis-toolbar bazis-sort .bazis-control .bazis-control__field-group .bazis-item--selected bazis-icon,
bazis-toolbar bazis-select-date .bazis-select-date-control .bazis-control__field-group .bazis-item--selected bazis-icon,
.bazis-collapsible-to-more bazis-select .bazis-control .bazis-control__field-group .bazis-item--selected bazis-icon,
.bazis-collapsible-to-more bazis-sort .bazis-control .bazis-control__field-group .bazis-item--selected bazis-icon,
.bazis-collapsible-to-more bazis-select-date .bazis-select-date-control .bazis-control__field-group .bazis-item--selected bazis-icon,
.bazis-list-page__tools bazis-select .bazis-control .bazis-control__field-group .bazis-item--selected bazis-icon,
.bazis-list-page__tools bazis-sort .bazis-control .bazis-control__field-group .bazis-item--selected bazis-icon,
.bazis-list-page__tools bazis-select-date .bazis-select-date-control .bazis-control__field-group .bazis-item--selected bazis-icon {
  color: var(--color-selected);
}
@media (max-width: 576px) {
  bazis-toolbar bazis-select,
  bazis-toolbar bazis-select .bazis-control,
  bazis-toolbar bazis-sort,
  bazis-toolbar bazis-sort .bazis-control,
  .bazis-collapsible-to-more bazis-select,
  .bazis-collapsible-to-more bazis-select .bazis-control,
  .bazis-collapsible-to-more bazis-sort,
  .bazis-collapsible-to-more bazis-sort .bazis-control,
  .bazis-list-page__tools bazis-select,
  .bazis-list-page__tools bazis-select .bazis-control,
  .bazis-list-page__tools bazis-sort,
  .bazis-list-page__tools bazis-sort .bazis-control {
    width: 100%;
    max-width: 100%;
  }
}

.sl-toolbar_table bazis-input-default.sl-search-control,
.bazis-collapsible-to-more bazis-input-default.sl-search-control,
.bazis-list-page__tools bazis-input-default.sl-search-control {
  width: calc(var(--max-width-container) * 0.7);
}
.sl-toolbar_table .sl-action-button,
.bazis-collapsible-to-more .sl-action-button,
.bazis-list-page__tools .sl-action-button {
  --background: var(--bazis-color-info-tint);
  --color: var(--bazis-color-base);
}
.sl-toolbar_table .bazis-control:not(bazis-sort .bazis-control),
.bazis-collapsible-to-more .bazis-control:not(bazis-sort .bazis-control),
.bazis-list-page__tools .bazis-control:not(bazis-sort .bazis-control) {
  --height: 30px;
  --margin-bottom: 0;
}
.sl-form .sl-toolbar_table .bazis-control:not(bazis-sort .bazis-control),
.sl-form .bazis-collapsible-to-more .bazis-control:not(bazis-sort .bazis-control),
.sl-form .bazis-list-page__tools .bazis-control:not(bazis-sort .bazis-control) {
  --margin-bottom: 0;
}
.sl-toolbar_table .bazis-control:not(bazis-sort .bazis-control) bazis-button,
.bazis-collapsible-to-more .bazis-control:not(bazis-sort .bazis-control) bazis-button,
.bazis-list-page__tools .bazis-control:not(bazis-sort .bazis-control) bazis-button {
  --height: 30px;
}
.sl-toolbar_table bazis-sort .bazis-control,
.bazis-collapsible-to-more bazis-sort .bazis-control,
.bazis-list-page__tools bazis-sort .bazis-control {
  --height: 32px;
}
@media (max-width: 1024px) {
  .sl-toolbar_table bazis-select .bazis-control,
  .sl-toolbar_table bazis-sort .bazis-control,
  .bazis-collapsible-to-more bazis-select .bazis-control,
  .bazis-collapsible-to-more bazis-sort .bazis-control,
  .bazis-list-page__tools bazis-select .bazis-control,
  .bazis-list-page__tools bazis-sort .bazis-control {
    max-width: 100%;
  }
}

.sl-list_history__title {
  margin-bottom: var(--bazis-margin-3x);
  font-size: var(--bazis-font-size-p-minor);
  line-height: var(--bazis-line-height-p-major);
  text-transform: uppercase;
  letter-spacing: 2px;
}

@media screen and (max-width: 1024px) {
  app-top-notifications .bazis-block {
    margin: var(--bazis-margin-4x) 0 0;
  }
}
/* Filters Components */
.sl-filter {
  --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);
}
.sl-filter__base {
  --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: flex;
  align-items: center;
}
.sl-filter__base__wrapper {
  display: flex;
  width: 100%;
}
.sl-filter__base filter {
  width: 100%;
}
.sl-filter__base > bazis-button {
  --multiple: 11;
  --height: 56px;
  --border-radius: 0 var(--bazis-border-radius) var(--bazis-border-radius) 0;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  flex-shrink: 0;
}
.sl-filter__additional {
  --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);
}
@media (max-width: 1024px) {
  .sl-filter .sl-filter__base,
  .sl-filter .sl-filter__base .sl-filter__base__wrapper {
    display: block;
  }
  .sl-filter .sl-filter__base > bazis-button {
    --multiple: 4;
    --height: 44px;
    --border-radius: var(--bazis-border-radius);
    margin-right: var(--bazis-margin-8x);
  }
}

.sl-filter {
  --padding-top: var(--bazis-padding-4x);
  --padding-bottom: var(--bazis-padding-5x);
}
.sl-filter__base {
  --margin-bottom: var(--bazis-margin-4x);
  background: var(--bazis-background);
  border-radius: var(--bazis-border-radius);
}
.sl-filter__additional {
  --bazis-grid-columns: 15;
  --padding-top: calc(var(--bazis-padding-5x) - 5px);
}
.sl-filter .bazis-list_control-dd-wrapper {
  --padding-bottom: 0;
}
@media (max-width: 1024px) {
  .sl-filter {
    --padding-top: 0;
  }
  .sl-filter__base {
    --margin-bottom: 0;
    background: transparent;
  }
}
@media (max-width: 576px) {
  .sl-filter .sl-filter__additional {
    --bazis-grid-columns: 5;
    --padding-top: 0;
    --bazis-grid-column-padding-bottom: 0;
  }
  .sl-filter .sl-filter-apply {
    --height: 44px;
    display: block;
  }
}

@media (max-width: 1024px) {
  .sl-filter__base .bazis-control {
    --margin-bottom: var(--bazis-margin-4x);
  }
}
@media (min-width: 1024.98px) {
  .sl-filter__base .bazis-control {
    --margin-bottom: 0;
    --height: 56px;
    --border-width: 0;
    --border-radius: 0;
    --padding-field-start: 20px;
    --color-label: var(--bazis-text-color-secondary);
    --font-size-label: 16px;
    --font-size: 16px;
  }
  .sl-filter__base .bazis-control::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    height: var(--height);
    width: 1px;
    background: var(--bazis-border-color);
  }
  .sl-filter__base .bazis-control__label {
    position: absolute;
    top: 50%;
    bottom: 8px;
    transform: translateY(-50%);
    left: var(--padding-field-start);
    z-index: 1;
    margin: 0;
    pointer-events: none;
    transition: bottom 0.2s ease-in;
  }
  .sl-filter__base .bazis-control__field-group > .bazis-control__field {
    top: -7px;
  }
  .sl-filter__base .bazis-control__field-group .bazis-control__field {
    font-weight: 500;
    line-height: 24px;
    transition: top 0.2s ease-in;
  }
  .sl-filter__base .bazis-control--focused .bazis-control__field-group > .bazis-control__field {
    top: 0;
  }
  .sl-filter__base .bazis-control--dirty .bazis-control__label, .sl-filter__base .bazis-control_datetime .bazis-control--focused .bazis-control__label {
    --font-size-label: 11px;
    top: auto;
    bottom: 10px;
    transform: translateY(0);
    line-height: 1;
    font-weight: 400;
  }
  .sl-filter__base .bazis-control--dirty.bazis-control--focused .bazis-control__label, .sl-filter__base .bazis-control_datetime .bazis-control--focused.bazis-control--focused .bazis-control__label {
    bottom: 8px;
  }
  .sl-filter__base .bazis-select {
    --padding-start: var(--bazis-padding-5x);
    --border-radius: 0;
  }
  .sl-filter__base .bazis-select__trigger {
    height: calc(100% - 14px);
  }
  .sl-filter__base .bazis-select .bazis-control__field {
    --padding-field-start: 0;
    height: calc(100% - 14px);
  }
  .sl-filter__base .bazis-select-native,
  .sl-filter__base .bazis-select {
    top: 7px;
    background: transparent;
  }
  .sl-filter__base filter:first-child .bazis-control {
    --border-radius: var(--bazis-border-radius) 0 0 var(--bazis-border-radius);
    --padding-field-start: var(--bazis-padding-3x);
  }
  .sl-filter__base filter:first-child .bazis-control::before {
    display: none;
  }
  .sl-filter__base filter:first-child .bazis-select {
    --padding-start: var(--bazis-padding-3x);
  }
  .sl-filter__base .bazis-list_control-dd {
    --position-top: 56px;
  }
}

.sl-filter__additional .bazis-control__range .bazis-control__field {
  --padding-field-end: 0;
}
.sl-filter__additional .bazis-control__range .bazis-control__field-group__end bazis-button.bazis-btn_clear {
  --padding-start: 10px;
  --padding-end: 10px;
}
@media (max-width: 1024px) {
  .sl-filter__additional .bazis-control {
    --margin-bottom: var(--bazis-margin-4x);
  }
  .sl-filter__additional bazis-row:last-child bazis-col:last-child .bazis-control {
    --margin-bottom: 0;
  }
}

/* Pages */
.bazis-page-header bazis-toolbar + .bazis-list_short-info {
  --margin-top-list: var(--bazis-margin-3x);
}
@media (min-width: 1024.98px) {
  .bazis-page-header bazis-toolbar h1 {
    margin: 0;
  }
}
@media (max-width: 1024px) {
  .bazis-page-header bazis-toolbar + .bazis-list_short-info {
    --margin-top-list: 0;
  }
}

.sl-landing-page {
  background-color: var(--bazis-background-medium);
}
.sl-landing-page .sl-section {
  --margin-top: 0;
}
.sl-landing-page .sl-section h2 {
  font-weight: 500;
  text-align: center;
}
.sl-landing-page .sl-section__content {
  --padding-start: 40px;
  --padding-end: 40px;
}
@media (max-width: 1024px) {
  .sl-landing-page .sl-section__content {
    --padding-start: 0;
    --padding-end: 0;
  }
  .sl-landing-page .sl-section__content h2 {
    --bazis-font-size-h2-major: 32px;
    --bazis-line-height-h2-major: 40px;
  }
}
@media (max-width: 576px) {
  .sl-landing-page .sl-section__content h2 {
    --bazis-font-size-h2-major: 24px;
    --bazis-line-height-h2-major: 32px;
    --bazis-h2-margin-major: 0 0 var(--bazis-margin-8x);
    text-align: left;
  }
}
.sl-apps-page .sl-section_banner {
  border-top: 1px solid rgba(var(--bazis-color-white-rgb), 0.1);
  background: var(--bazis-header-background) url("/assets/images/apps-page-banner.png") 50% 100% no-repeat;
  background-size: cover;
  color: var(--bazis-text-color-contrast);
}
.sl-apps-page .sl-section_banner .sl-section__content {
  --padding-top: 88px;
  --padding-bottom: 96px;
  text-align: center;
}
.sl-apps-page .sl-section_banner h1 {
  --bazis-h1-margin: 0 auto var(--bazis-margin-4x);
  max-width: 704px;
}
.sl-apps-page .sl-section_banner p {
  --bazis-font-size-p: 18px;
  --bazis-line-height-p: 28px;
  --bazis-p-margin: 0 0 40px;
  color: rgba(var(--bazis-text-color-contrast-rgb), 0.7);
}
.sl-apps-page .sl-section_banner .sl-qr-code {
  width: 230px;
  height: 230px;
  background: var(--bazis-color-white);
  border-radius: calc(var(--bazis-border-radius) * 2);
  padding: var(--bazis-padding-4x);
  margin: 0 auto 40px;
}
.sl-apps-page .sl-section_banner bazis-button {
  --height: 52px;
  --padding-start: 40px;
  --padding-end: 40px;
  --padding-top: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-3x);
  font-size: 16px;
}
@media (max-width: 1024px) {
  .sl-apps-page .sl-section_banner h1 {
    --bazis-font-size-h1: 45px;
    --bazis-line-height-h1: 52px;
  }
}
@media (max-width: 576px) {
  .sl-apps-page .sl-section_banner h1 {
    --bazis-font-size-h1: 28px;
    --bazis-line-height-h1: 36px;
  }
  .sl-apps-page .sl-section_banner bazis-button {
    display: block;
  }
}
.sl-apps-page .sl-section_how .sl-section__content {
  --padding-top: 72px;
}
.sl-apps-page .sl-section_how .bazis-slider__content {
  gap: var(--bazis-margin-8x);
}
.sl-apps-page .sl-section_how .bazis-slider__controls, .sl-apps-page .sl-section_how .bazis-slider__indicator {
  display: none;
}
.sl-apps-page .sl-section_how .sl-slider__card {
  width: calc((100% - var(--bazis-margin-8x) * 2) / 3);
  box-shadow: 0px 15px 15px -10px rgba(var(--bazis-shadow-color-rgb), 0.4);
}
.sl-apps-page .sl-section_how .sl-slider__card .bazis-block {
  --padding-top: var(--bazis-padding-5x);
  --padding-bottom: var(--bazis-padding-5x);
  --padding-start: var(--bazis-padding-6x);
  --padding-end: var(--bazis-padding-6x);
  --margin-bottom: 0;
  --border-radius: 12px;
  --background: rgba(var(--bazis-color-white-rgb), 0.8);
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.sl-apps-page .sl-section_how .sl-slider__card .bazis-block h6 {
  --bazis-font-size-h6: 14px;
  --bazis-line-height-h6: 24px;
  --bazis-h6-margin: 0 0 8px;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.sl-apps-page .sl-section_how .sl-slider__card .bazis-block h6 img {
  width: 24px;
  margin-right: var(--bazis-margin-2x);
}
.sl-apps-page .sl-section_how .sl-slider__card .bazis-block .bazis-p_minor {
  color: rgba(var(--bazis-text-color-rgb), 0.6);
}
.sl-apps-page .sl-section_how .sl-slider__card figure {
  display: flex;
  align-items: center;
  height: 100%;
  margin: auto;
  padding: 0 56px;
}
.sl-apps-page .sl-section_how .sl-slider__card figure img {
  max-height: 100%;
  margin: auto;
  padding-top: var(--bazis-padding-5x);
}
.sl-apps-page .sl-section_how .sl-slider__card__figure {
  position: relative;
  background: var(--bazis-header-background) url("/assets/images/apps-frame-bg.svg") 50% 20px no-repeat;
  background-size: cover;
  border-radius: 12px 12px 0 0;
  height: 280px;
}
.sl-apps-page .sl-section_how .sl-slider__card__btns {
  display: flex;
  justify-content: space-between;
  margin-top: var(--bazis-margin-4x);
  font-size: 14px;
  line-height: 20px;
}
.sl-apps-page .sl-section_how .sl-slider__card__btns span + span {
  font-weight: 500;
  text-align: right;
}
.sl-apps-page .sl-section_how .sl-slider__card__description {
  height: calc(100% - 280px);
  padding: var(--bazis-padding-6x) var(--bazis-padding-5x);
  background: var(--bazis-color-white);
  border-radius: 0 0 12px 12px;
}
.sl-apps-page .sl-section_how .sl-slider__card__description p {
  --bazis-line-height-p-major: 24px;
}
.sl-apps-page .sl-section_how .sl-slider__card__description strong {
  font-weight: 500;
}
@media (max-width: 1024px) {
  .sl-apps-page .sl-section_how .bazis-slider__indicator {
    display: flex;
  }
  .sl-apps-page .sl-section_how .bazis-slider__content {
    gap: var(--bazis-margin-4x);
  }
  .sl-apps-page .sl-section_how .bazis-slider .sl-slider__card {
    margin-bottom: var(--bazis-margin-6x);
    width: calc((100% - var(--bazis-margin-4x)) / 2);
  }
}
@media (max-width: 576px) {
  .sl-apps-page .sl-section_how .bazis-slider .sl-slider__card {
    width: 100%;
  }
}
.sl-apps-page .sl-section_faq .sl-section__content {
  --padding-top: 72px;
  --padding-bottom: 120px;
}

.sl-entrance-page {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  height: 100%;
  background: #f6f6fe url("/assets/images/login_bg.png") no-repeat 50% calc(50% - 28px);
  background-size: auto calc(100% - 170px);
}
.sl-entrance-page .bazis-menu_rounded .bazis-item {
  --padding-top: calc(var(--bazis-padding-1x)* var(--multiple));
  --padding-bottom: calc(var(--bazis-padding-1x)* var(--multiple));
  --padding-start: calc(var(--bazis-padding-1x)* var(--multiple));
  --padding-end: calc(var(--bazis-padding-1x)* var(--multiple));
  --font-weight: 400;
  cursor: pointer;
  width: 100%;
}
.sl-entrance-page .bazis-menu_rounded .bazis-item--active, .sl-entrance-page .bazis-menu_rounded .bazis-item--active bazis-icon {
  background: var(--background-hover);
}
.sl-entrance-page .bazis-menu_rounded .bazis-item--disabled {
  pointer-events: none;
}
.sl-entrance-page header,
.sl-entrance-page footer {
  flex-shrink: 0;
  border-style: solid;
  border-color: var(--bazis-border-color);
  text-align: center;
  background: transparent;
}
.sl-entrance-page header {
  border-width: 0 0 1px 0;
}
.sl-entrance-page header > div {
  position: relative;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sl-entrance-page header .sl-header__faq {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.sl-entrance-page header .sl-header__back {
  display: block;
  text-decoration: none;
  text-align: left;
}
.sl-entrance-page header .sl-header__back bazis-icon {
  padding: 10px;
  border-radius: 50%;
  background: var(--bazis-background-medium);
  margin-right: var(--bazis-margin-4x);
}
@media (max-width: 992px) {
  .sl-entrance-page header > div {
    justify-content: space-between;
  }
  .sl-entrance-page header .sl-header__faq {
    position: static;
    margin-top: 0;
  }
  .sl-entrance-page header + div {
    min-height: calc(100vh - 169px);
  }
}
@media (max-width: 576px) {
  .sl-entrance-page header {
    border-width: 0;
    padding: 0 var(--bazis-padding-5x);
  }
  .sl-entrance-page header + div {
    height: auto;
  }
}
.sl-entrance-page footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 112px;
  border-width: 1px 0 0 0;
}
.sl-entrance-page footer .bazis-list {
  justify-content: center;
}
.sl-entrance-page footer .bazis-list.bazis-list_short-info .bazis-item {
  --font-size: 13px;
  --color: var(--bazis-text-color-secondary);
}
.sl-entrance-page footer .bazis-list a {
  text-decoration: none;
  color: var(--bazis-text-color-secondary);
}
.sl-entrance-page footer .bazis-list a:hover {
  color: var(--bazis-link-color);
}
@media (max-width: 576px) {
  .sl-entrance-page footer {
    background: var(--bazis-background-medium);
    justify-content: flex-start;
    padding: 0 var(--bazis-padding-6x);
    text-align: left;
  }
  .sl-entrance-page footer .bazis-list {
    flex-direction: column;
    align-items: flex-start;
  }
  .sl-entrance-page footer .bazis-list.bazis-list_short-info .bazis-item {
    --padding-start: 0;
    --margin-bottom: var(--bazis-margin-3x);
  }
  .sl-entrance-page footer .bazis-list.bazis-list_short-info .bazis-item:last-child {
    --margin-bottom: 0;
  }
  .sl-entrance-page footer .bazis-list.bazis-list_short-info .bazis-item::before {
    display: none;
  }
}
.sl-entrance-page bazis-sign-status {
  margin: 0 auto var(--bazis-margin-3x);
}

app-entrance-organization .bazis-block {
  --width: 506px;
}
app-entrance-organization .bazis-block p {
  margin-bottom: var(--bazis-margin-5x);
}

.sl-spoofed-page app-entrance {
  height: auto;
}
.sl-spoofed-page app-entrance .sl-entrance-page {
  background: transparent;
}
.sl-spoofed-page app-entrance header,
.sl-spoofed-page app-entrance footer,
.sl-spoofed-page app-entrance app-entrance-webgl {
  display: none;
}

.sl-legal-page {
  max-width: 900px;
}
@media screen and (max-width: 1024px) {
  .sl-legal-page {
    max-width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  app-legal-document bazis-toolbar {
    align-items: flex-start;
    margin-top: var(--bazis-margin-8x);
  }
}
.bazis-list-page__tools {
  margin-bottom: var(--bazis-margin-4x);
}
@media (max-width: 1024px) {
  .bazis-list-page__title {
    align-items: flex-start;
    flex-direction: column;
  }
}

.sl-main-page {
  --header-height: 56px;
  --bazis-background-medium: #f7f7f7;
  background-color: var(--bazis-background-medium);
}
.sl-main-page .sl-section {
  --margin-top: 0;
}
.sl-main-page .sl-section__content {
  --padding-start: 40px;
  --padding-end: 40px;
}
@media (max-width: 1024px) {
  .sl-main-page .sl-section__content {
    --padding-start: 0;
    --padding-end: 0;
  }
}
@media (max-width: 576px) {
  .sl-main-page .sl-section__content h2 {
    --bazis-font-size-h2: 24px;
    --bazis-line-height-h2: 32px;
  }
}
.sl-main-page .sl-section_banner {
  position: relative;
  overflow: hidden;
}
.sl-main-page .sl-section_banner::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  height: 90px;
  background: linear-gradient(180deg, #08101c 0%, #08151b 0.01%, rgba(8, 33, 59, 0) 100%);
}
.sl-main-page .sl-section_banner__bg::before, .sl-main-page .sl-section_banner__bg::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  bottom: 0;
}
.sl-main-page .sl-section_banner__bg::before {
  left: 0;
  background: linear-gradient(var(--dark), var(--light));
}
.sl-main-page .sl-section_banner__bg::after {
  right: 0;
  background: linear-gradient(var(--dark-right) 5%, var(--light-right) 85%);
}
.sl-main-page .sl-section_banner .bazis-container, .sl-main-page .sl-section_banner .bazis-blocking-message {
  --dark: #091231;
  --light: #0d173a;
  --dark-right: #14264a;
  --light-right: #1c3259;
  position: relative;
}
.sl-main-page .sl-section_banner .bazis-container::before, .sl-main-page .sl-section_banner .bazis-blocking-message::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 100%;
  background: linear-gradient(var(--dark), var(--light));
}
.sl-main-page .sl-section_banner .bazis-container::after, .sl-main-page .sl-section_banner .bazis-blocking-message::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: calc(100% - 1px);
  background: linear-gradient(var(--dark-right) 5%, var(--light-right) 85%);
}
.sl-main-page .sl-section_banner video,
.sl-main-page .sl-section_banner .sl-video-poster {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: calc(50% - 120px);
  transform: translateX(-50%);
  right: auto;
  width: auto;
  height: 100%;
  max-width: initial;
}
.sl-main-page .sl-section_banner .sl-section__content {
  --padding-top: 144px;
  --padding-bottom: 150px;
  --padding-start: 0;
  position: relative;
  z-index: 1;
  max-width: 620px;
  color: var(--bazis-text-color-contrast);
}
.sl-main-page .sl-section_banner h1 {
  margin-bottom: 40px;
  padding-bottom: 0;
}
.sl-main-page .sl-section_banner h1 + p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 40px;
  opacity: 0.7;
}
.sl-main-page .sl-section_banner .sl-updates {
  --margin-bottom-list: 40px;
  align-items: baseline;
}
.sl-main-page .sl-section_banner .sl-updates .bazis-item:last-child {
  display: inline-flex;
  align-items: baseline;
}
.sl-main-page .sl-section_banner .sl-updates .bazis-item:last-child::before {
  position: relative;
  top: -2px;
}
.sl-main-page .sl-section_banner .sl-updates .bazis-item:last-child span {
  position: relative;
  top: 1px;
}
.sl-main-page .sl-section_banner bazis-button {
  --height: 48px;
  font-size: 16px;
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .sl-main-page .sl-section_banner video,
  .sl-main-page .sl-section_banner .sl-video-poster {
    left: calc(50% - 250px);
  }
}
@media (max-width: 1024px) {
  .sl-main-page .sl-section_banner .sl-section__content {
    --padding-top: calc(var(--bazis-padding-6x) * 2);
    --padding-bottom: 234px;
    max-width: 490px;
  }
  .sl-main-page .sl-section_banner h1 {
    font-weight: 400;
    --bazis-font-size-h1: 45px;
    --bazis-line-height-h1: 52px;
  }
}
@media (max-width: 768px) {
  .sl-main-page .sl-section_banner .bazis-container, .sl-main-page .sl-section_banner .bazis-blocking-message {
    background: var(--bazis-header-background);
  }
  .sl-main-page .sl-section_banner video,
  .sl-main-page .sl-section_banner .sl-video-poster,
  .sl-main-page .sl-section_banner .bazis-container::before,
  .sl-main-page .sl-section_banner .bazis-blocking-message::before,
  .sl-main-page .sl-section_banner .bazis-container::after,
  .sl-main-page .sl-section_banner .bazis-blocking-message::after {
    display: none;
  }
  .sl-main-page .sl-section_banner .sl-section__content {
    --padding-bottom: 138px;
  }
}
@media (max-width: 576px) {
  .sl-main-page .sl-section_banner .sl-section__content {
    --padding-top: 88px;
    --padding-bottom: 218px;
    width: 100%;
  }
  .sl-main-page .sl-section_banner .sl-updates {
    display: block;
  }
  .sl-main-page .sl-section_banner .sl-updates .bazis-item {
    --padding-top: var(--bazis-padding-2x);
    --padding-start: 0;
  }
  .sl-main-page .sl-section_banner .sl-updates .bazis-item::after {
    display: none;
  }
  .sl-main-page .sl-section_banner .sl-updates .bazis-item span {
    top: 0;
  }
  .sl-main-page .sl-section_banner h1 {
    --bazis-font-size-h1: 28px;
    --bazis-line-height-h1: 36px;
    margin-top: 0;
    margin-bottom: var(--bazis-margin-4x);
  }
  .sl-main-page .sl-section_banner bazis-button {
    display: block;
  }
}
.sl-main-page .sl-section_about .sl-section__content {
  --padding-top: 104px;
  text-align: center;
}
.sl-main-page .sl-section_about .sl-section__content .bazis-block {
  --margin-bottom: 0;
  --padding-top: 40px;
  --padding-bottom: 40px;
  --border-radius: 12px;
  height: 100%;
}
.sl-main-page .sl-section_about .sl-section__content .bazis-block .bazis-h6 a {
  color: currentColor;
}
.sl-main-page .sl-section_about .sl-section__content h2 {
  --bazis-font-size-h2: 40px;
  --bazis-line-height-h2: 48px;
  padding-bottom: 35px;
}
.sl-main-page .sl-section_about .sl-section__content h5 {
  --bazis-font-size-h5: 18px;
  --bazis-line-height-h5: 24px;
}
.sl-main-page .sl-section_about .sl-section__content figure {
  width: 144px;
  margin: 0 auto var(--bazis-margin-8x);
}
.sl-main-page .sl-section_about .sl-section__content figure img {
  display: block;
  border-radius: 50%;
}
.sl-main-page .sl-section_about .sl-section__content .sl-grid_card {
  margin: 0 calc(var(--bazis-padding-3x) * -1);
}
.sl-main-page .sl-section_about .sl-section__content .sl-grid_card > bazis-row > bazis-col {
  --bazis-grid-column-padding-start: var(--bazis-padding-3x);
  --bazis-grid-column-padding-end: var(--bazis-padding-3x);
}
@media (max-width: 1024px) {
  .sl-main-page .sl-section_about .sl-section__content .bazis-block {
    --padding-start: var(--bazis-padding-5x);
    --padding-end: var(--bazis-padding-5x);
    --margin-end: var(--bazis-margin-4x);
    width: calc(50% - 6px);
    height: auto;
  }
  .sl-main-page .sl-section_about .sl-section__content .bazis-block:last-child() {
    margin-right: 0;
  }
  .sl-main-page .sl-section_about .sl-section__content .bazis-slider {
    margin: 0 calc(var(--bazis-margin-5x) * -1);
  }
  .sl-main-page .sl-section_about .sl-section__content .bazis-slider__content {
    padding: var(--bazis-padding-5x);
  }
  .sl-main-page .sl-section_about .sl-section__content .bazis-slider__controls {
    display: none;
  }
}
@media (max-width: 576px) {
  .sl-main-page .sl-section_about .sl-section__content {
    --padding-top: 64px;
  }
  .sl-main-page .sl-section_about .sl-section__content .bazis-block {
    --padding-start: var(--bazis-padding-6x);
    --padding-end: var(--bazis-padding-6x);
  }
  .sl-main-page .sl-section_about .sl-section__content h2 {
    --bazis-font-size-h2: 24px;
    --bazis-line-height-h2: 32px;
    padding-bottom: var(--bazis-padding-3x);
  }
  .sl-main-page .sl-section_about .sl-section__content .bazis-block {
    width: 100%;
  }
}
.sl-main-page .sl-section_resolve {
  position: relative;
  overflow: hidden;
  background: url("/assets/images/bg-home-gal.svg") no-repeat calc(50% + 453px) -136px;
}
.sl-main-page .sl-section_resolve .sl-section__content {
  --padding-top: 180px;
  --padding-bottom: 260px;
  position: relative;
  text-align: center;
}
.sl-main-page .sl-section_resolve h2 {
  max-width: 950px;
  margin: 0 auto var(--bazis-margin-6x);
  font-weight: 500;
}
.sl-main-page .sl-section_resolve p {
  --bazis-font-size-p: 18px;
  --bazis-line-height-p: 24px;
  --bazis-p-margin: 0 auto 40px;
  max-width: 720px;
}
.sl-main-page .sl-section_resolve bazis-button {
  --height: 48px;
  font-size: 16px;
}
.sl-main-page .sl-section_resolve .sl-imgs-wrap img {
  position: absolute;
  object-fit: cover;
  border-radius: 8px;
}
.sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__1 {
  top: 315px;
  left: 46px;
  width: 82px;
  height: 82px;
  transform: rotate(-30.7deg);
}
.sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__2 {
  top: 135px;
  left: 40px;
  width: 50px;
  height: 50px;
  transform: rotate(-15.47deg);
}
.sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__3 {
  top: 65px;
  left: 218px;
  width: 71px;
  height: 71px;
  transform: rotate(-8.58deg);
}
.sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__4 {
  top: 70px;
  right: 296px;
  width: 58px;
  height: 58px;
  transform: rotate(18.47deg);
}
.sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__5 {
  top: 79px;
  right: 28px;
  width: 84px;
  height: 84px;
  transform: rotate(27.63deg);
}
.sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__6 {
  top: 290px;
  right: 67px;
  width: 53px;
  height: 53px;
  transform: rotate(22.62deg);
}
@media (max-width: 1280px) {
  .sl-main-page .sl-section_resolve .sl-section__content {
    position: static;
  }
}
@media (max-width: 1024px) {
  .sl-main-page .sl-section_resolve {
    background: transparent;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__1 {
    left: 65px;
    transform: rotate(20deg);
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__2 {
    left: 5px;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__3 {
    top: 45px;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__5 {
    right: -28px;
  }
}
@media (max-width: 940px) {
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__1 {
    left: -34px;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__2 {
    left: -28px;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__5 {
    right: -47px;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__6 {
    right: -24px;
  }
}
@media (max-width: 660px) {
  .sl-main-page .sl-section_resolve .sl-section__content {
    --padding-top: 344px;
    --padding-bottom: 0;
  }
  .sl-main-page .sl-section_resolve h2 br {
    display: none;
  }
  .sl-main-page .sl-section_resolve p {
    --bazis-p-margin: 0 auto var(--bazis-margin-8x);
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__1 {
    top: 208px;
    left: calc(50% - 44px - 116px);
    transform: none;
    width: 87px;
    height: 87px;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__2 {
    top: 104px;
    left: calc(50% - 32px - 156px);
    transform: none;
    width: 64px;
    height: 64px;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__3 {
    top: 56px;
    left: calc(50% - 48px + 36px);
    transform: none;
    width: 96px;
    height: 96px;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__4 {
    top: 184px;
    left: calc(50% - 24px - 16px);
    right: auto;
    transform: none;
    width: 48px;
    height: 48px;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__5 {
    top: 192px;
    left: calc(50% - 36px + 112px);
    right: auto;
    transform: none;
    width: 72px;
    height: 72px;
  }
  .sl-main-page .sl-section_resolve .sl-imgs-wrap img.sl-imgs__6 {
    top: 112px;
    left: calc(50% - 28px + 160px);
    right: auto;
    transform: none;
    width: 56px;
    height: 56px;
  }
  .sl-main-page .sl-section_resolve bazis-button {
    display: block;
    width: 100%;
    margin-bottom: var(--bazis-margin-8x);
    margin-right: 0;
  }
  .sl-main-page .sl-section_resolve bazis-button:last-child {
    margin-bottom: 0;
  }
  .sl-main-page .sl-section_resolve .bh-line-elements {
    flex-direction: column;
  }
  .sl-main-page .sl-section_resolve .bh-line-elements bazis-button {
    margin-bottom: 0;
  }
}
.sl-main-page .sl-section_calculator {
  --margin-top: -135px;
  position: relative;
}
.sl-main-page .sl-section_calculator h2 {
  --bazis-font-size-h2: 32px;
  --bazis-line-height-h2: 40px;
  margin-bottom: var(--bazis-margin-7x);
}
.sl-main-page .sl-section_calculator figure {
  margin: 0 auto var(--bazis-margin-8x);
  width: 320px;
}
.sl-main-page .sl-section_calculator .sl-section__content .bazis-block {
  --margin-bottom: 120px;
  --padding-top: calc(var(--bazis-padding-6x) * 2);
  --padding-start: calc(var(--bazis-padding-6x) * 2);
  --padding-end: calc(var(--bazis-padding-6x) * 2);
  --padding-bottom: calc(var(--bazis-padding-6x) * 2);
  --border-radius: 12px;
  position: relative;
  background-color: var(--bazis-color-white);
  background-image: url("/assets/images/calc-decor-repeat.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 48px) 100%;
  background-size: 466px 70px;
}
.sl-main-page .sl-section_calculator .sl-section__content .bazis-block::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/images/calc-decor.png") no-repeat calc(100% - 48px) 48px;
  background-size: 466px auto;
}
.sl-main-page .sl-section_calculator .sl-section__content .bazis-block__content {
  width: 57%;
}
.sl-main-page .sl-section_calculator .sl-section__content .bazis-datetime-control {
  margin: 0;
}
.sl-main-page .sl-section_calculator .sl-section__content .sl-form p:last-child {
  margin-top: calc(var(--bazis-margin-6x) * 2);
}
.sl-main-page .sl-section_calculator .sl-section__content .sl-form__submit {
  --height: 52px;
  max-width: 265px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.sl-main-page .sl-section_calculator .sl-section__content .sl-form__submit.bazis-btn--disabled bazis-icon {
  transition-property: transform;
  animation-name: rotate;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.sl-main-page .sl-section_calculator .sl-section__content .sl-form__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
  border: 0;
  gap: 16px;
}
.sl-main-page .sl-section_calculator .sl-section__content td {
  --padding-start: var(--bazis-padding-3x);
  --padding-end: var(--bazis-padding-3x);
  --padding-top: var(--bazis-padding-3x);
  --padding-bottom: var(--bazis-padding-6x);
}
.sl-main-page .sl-section_calculator .sl-section__content td p.bazis-p_major {
  --bazis-p-margin-major: 6px 0 var(--bazis-padding-1x);
}
.sl-main-page .sl-section_calculator .sl-section__content td label {
  display: block;
  margin: 6px 0;
  font-size: 16px;
  line-height: 24px;
}
.sl-main-page .sl-section_calculator .sl-section__content td:first-child {
  --padding-start: 0;
}
.sl-main-page .sl-section_calculator .sl-section__content td:last-child {
  --padding-end: 0;
}
.sl-main-page .sl-section_calculator .sl-result-price {
  flex-shrink: 0;
  text-align: right;
}
.sl-main-page .sl-section_calculator .sl-result {
  margin-bottom: var(--bazis-margin-2x);
  font-size: 20px;
  line-height: 22px;
}
.sl-main-page .sl-section_calculator .sl-fieldset {
  padding: var(--bazis-padding-4x) 0;
  border-bottom: 1px solid var(--bazis-border-color);
}
.sl-main-page .sl-section_calculator .sl-fieldset label {
  display: block;
  margin-bottom: var(--bazis-margin-3x);
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1380px) {
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block {
    background-position: calc(100% - 24px) 100%;
  }
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block::before {
    background-position: calc(100% - 24px) 48px;
  }
}
@media (max-width: 1320px) {
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block {
    background-position: 100% 100%;
  }
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block::before {
    background-position: 100% 48px;
  }
}
@media (max-width: 1235px) {
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block {
    background-size: 40% 150px;
  }
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block::before {
    background-size: 40% auto;
  }
}
@media (max-width: 1154px) and (min-width: 1024.98px) {
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block {
    background-size: 40% 256px;
  }
}
@media (max-width: 1024px) {
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block {
    background: var(--bazis-color-white);
    --padding-start: 88px;
    --padding-end: 88px;
  }
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block::before {
    display: none;
  }
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block__content {
    width: 100%;
  }
  .sl-main-page .sl-section_calculator .sl-section__content .sl-form p:last-child {
    margin-top: var(--bazis-margin-6x);
  }
  .sl-main-page .sl-section_calculator h2 {
    text-align: center;
    margin: 0 0 var(--bazis-margin-6x);
  }
  .sl-main-page .sl-section_calculator .bazis-control__label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  }
}
@media (max-width: 768px) {
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block {
    --padding-start: 40px;
    --padding-end: 40px;
  }
}
@media (max-width: 576px) {
  .sl-main-page .sl-section_calculator {
    --margin-top: 0;
  }
  .sl-main-page .sl-section_calculator h2 {
    --bazis-font-size-h2: 24px;
    --bazis-line-height-h2: 32px;
    margin-bottom: var(--bazis-margin-4x);
    text-align: left;
  }
  .sl-main-page .sl-section_calculator .sl-section__content {
    --padding-top: 72px;
  }
  .sl-main-page .sl-section_calculator .sl-section__content .bazis-block {
    --padding-top: var(--bazis-padding-8x);
    --padding-bottom: var(--bazis-padding-8x);
    --padding-start: var(--bazis-padding-5x);
    --padding-end: var(--bazis-padding-5x);
    --margin-bottom: calc(var(--bazis-margin-8x) * 2);
  }
  .sl-main-page .sl-section_calculator .sl-section__content .sl-form__footer {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .sl-main-page .sl-section_calculator .sl-section__content .sl-form__footer bazis-button {
    display: block;
    max-width: 100%;
  }
  .sl-main-page .sl-section_calculator .sl-result {
    font-size: 14px;
    line-height: 20px;
  }
  .sl-main-page .sl-section_calculator .sl-result .bh-font-medium {
    font-size: 20px;
    line-height: 24px;
  }
  .sl-main-page .sl-section_calculator .sl-result-price {
    margin-bottom: var(--bazis-margin-6x);
    text-align: left;
  }
}
.sl-main-page .sl-section_faq {
  position: relative;
}
.sl-main-page .sl-section_faq .sl-section_faq__bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: url("/assets/images/home-faq-bg.jpg") 50% 0 no-repeat, url("/assets/images/home-faq-repeat.jpg") 50% 0 repeat-y, var(--bazis-background-dark);
  background-size: 1440px 813px, 1440px 1px;
}
.sl-main-page .sl-section_faq .bazis-container_margin {
  position: relative;
}
.sl-main-page .sl-section_faq .sl-section__content {
  --padding-top: 120px;
  --padding-bottom: 120px;
  --padding-start: 0;
  max-width: 650px;
}
.sl-main-page .sl-section_faq h2 {
  margin: 0 0 40px;
  --bazis-font-size-h2: 32px;
  --bazis-line-height-h2: 40px;
}
@media (min-width: 1435px) {
  .sl-main-page .sl-section_faq .sl-section_faq__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: calc(100% - (100% - 1360px) / 2 + 40px);
    background: url("/assets/images/home-faq-repeat-left.jpg") 0 0 repeat-x;
    background-size: 1px 813px;
  }
  .sl-main-page .sl-section_faq .sl-section_faq__bg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: calc(100% - (100% - 1360px) / 2 + 40px);
    background: url("/assets/images/home-faq-repeat-right.jpg") 0 0 repeat-x;
    background-size: 1px 813px;
  }
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .sl-main-page .sl-section_faq .sl-section_faq__bg {
    background: url("/assets/images/home-faq-bg.jpg") 50% 0 no-repeat;
    background-size: cover;
  }
}
@media (max-width: 1024px) {
  .sl-main-page .sl-section_faq .sl-section_faq__bg {
    background: transparent;
  }
  .sl-main-page .sl-section_faq .bazis-container_margin::before, .sl-main-page .sl-section_faq .bazis-container_margin::after {
    display: none;
  }
  .sl-main-page .sl-section_faq .sl-section__content {
    --padding-top: 0;
    max-width: 100%;
  }
}
@media (max-width: 576px) {
  .sl-main-page .sl-section_faq .sl-section__content {
    --padding-top: 64px;
    --padding-start: 0;
    --padding-end: 0;
  }
  .sl-main-page .sl-section_faq .sl-section__content h2 {
    --bazis-font-size-h2: 24px;
    --bazis-line-height-h2: 32px;
    margin-bottom: var(--bazis-margin-8x);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.sl-profile-page bazis-tabs {
  margin-top: var(--bazis-margin-8x);
}
.sl-profile-page h6 {
  --bazis-h6-margin: 0 0 var(--bazis-margin-4x);
}
.sl-profile-page .sl-form__footer {
  margin-top: var(--bazis-margin-8x);
}
.sl-profile-page .bazis-container.bazis-list-page__body, .sl-profile-page .bazis-list-page__body.bazis-blocking-message {
  padding: 0;
}
@media (max-width: 1024px) {
  .sl-profile-page {
    padding-bottom: 120px;
  }
  .sl-profile-page bazis-tabs {
    margin-top: var(--bazis-margin-4x);
  }
  .sl-profile-page .bazis-page {
    --padding-bottom: var(--bazis-padding-8x);
  }
  .sl-profile-page .bazis-page-header {
    margin-top: var(--bazis-margin-8x);
  }
  .sl-profile-page .bazis-page-header .bazis-list_vline > .bazis-item:nth-child(3)::before, .sl-profile-page .bazis-page-header .bazis-list_vline_mini > .bazis-item:nth-child(3)::before {
    display: none;
  }
  .sl-profile-page .bazis-page-header .bazis-list_vline > .bazis-item:nth-child(3) > *, .sl-profile-page .bazis-page-header .bazis-list_vline_mini > .bazis-item:nth-child(3) > *, .sl-profile-page .bazis-page-header .bazis-list_vline > .bazis-item:nth-child(4) > *, .sl-profile-page .bazis-page-header .bazis-list_vline_mini > .bazis-item:nth-child(4) > * {
    padding-top: var(--bazis-padding-4x);
  }
}
@media (max-width: 576px) {
  .sl-profile-page .bazis-page-header bazis-toolbar {
    flex-wrap: nowrap;
  }
  .sl-profile-page .bazis-page-header bazis-toolbar [slot=end] {
    justify-content: flex-end;
  }
  app-agency-contract-page .sl-profile-page .bazis-page-header bazis-toolbar {
    flex-wrap: wrap;
  }
  app-agency-contract-page .sl-profile-page .bazis-page-header bazis-toolbar [slot=end] {
    margin-top: var(--bazis-margin-4x);
    justify-content: flex-start;
  }
  .sl-profile-page .bazis-page-header .bazis-list_vline > .bazis-item::before, .sl-profile-page .bazis-page-header .bazis-list_vline_mini > .bazis-item::before {
    display: none;
  }
  .sl-profile-page .bazis-page-header .bazis-list_vline > .bazis-item:nth-child(2) > *, .sl-profile-page .bazis-page-header .bazis-list_vline_mini > .bazis-item:nth-child(2) > * {
    padding-top: var(--bazis-padding-4x);
  }
  .sl-profile-page app-agency-contract-page .bazis-page-header h1 {
    margin-bottom: var(--bazis-margin-6x);
  }
  .sl-profile-page .sl-section bazis-button,
  .sl-profile-page app-account-bank bazis-button {
    display: block;
  }
  .sl-profile-page app-account-bank bazis-toolbar {
    flex-direction: column;
  }
  .sl-profile-page app-account-bank bazis-toolbar::part(start), .sl-profile-page app-account-bank bazis-toolbar::part(end) {
    width: 100%;
  }
  .sl-profile-page app-account-bank bazis-toolbar .bh-line-elements {
    flex-direction: column;
  }
}
@media (max-width: 300px), (max-device-width: 300px) {
  .sl-profile-page .bazis-page-header bazis-toolbar {
    flex-wrap: wrap;
  }
  .sl-profile-page .bazis-page-header bazis-toolbar [slot=end] {
    margin-top: var(--bazis-margin-4x);
    justify-content: flex-start;
  }
}

@media (max-width: 1024px) {
  app-profile-page:not(.sl-profile-page-fl) ~ app-footer {
    margin-bottom: 69px;
  }
}
.sl-service-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 112px;
  padding-bottom: 120px;
  max-width: 664px;
  margin: auto;
}
.sl-service-page bazis-sign-status {
  margin-bottom: var(--bazis-margin-8x);
}
.sl-service-page h1 {
  padding-bottom: 0;
  margin-bottom: var(--bazis-margin-4x);
  text-align: center;
}
.sl-service-page p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.sl-service-page p + bazis-button {
  margin-top: var(--bazis-margin-8x);
}
.sl-service-page p a {
  text-decoration: none;
}
.sl-service-page .sl-code-status {
  font-weight: 500;
  font-size: 250px;
  line-height: 270px;
  text-align: center;
  letter-spacing: 0.02em;
  color: var(--bazis-background-dark);
}
@media (max-width: 576px) {
  .sl-service-page .sl-code-status {
    font-size: 150px;
    line-height: 170px;
  }
}
.sl-service-page .bazis-menu_rounded {
  --margin-top-list: var(--bazis-margin-8x);
  --margin-bottom: 0;
  --border-width: 1px 0 0;
  --border-color: var(--bazis-border-color);
  --border-style: solid;
  --border-radius: 0;
  width: 442px;
}
.sl-service-page .bazis-menu_rounded .bazis-item {
  --font-size: 16px;
  --font-weight: 400;
}
.sl-service-page .bazis-menu_rounded .bazis-item:hover {
  --border-color: transparent;
  --border-radius: 4px;
}
.sl-service-page .bazis-menu_rounded bazis-button {
  --multiple: 2;
}
.sl-service-page .bazis-menu_rounded app-role-menu-item:last-child .bazis-item {
  --border-width: 1px 0 1px;
}
.sl-service-page .bazis-menu_rounded app-role-menu-item:hover + app-role-menu-item .bazis-item {
  border-top-color: transparent;
}

.sl-simple-page .sl-section-sign {
  margin-bottom: var(--bazis-margin-6x);
}
.sl-simple-page .sl-section-sign bazis-link {
  font-weight: 400;
}

/* Blocks */
.sl-announcement .bazis-list-page__body {
  padding: 0;
}
@media (max-width: 576px) {
  .sl-announcement .bazis-container, .sl-announcement .bazis-blocking-message {
    padding: 0;
  }
}

.sl-entrance-block {
  --margin-top: var(--bazis-margin-8x);
  --margin-bottom: var(--bazis-margin-8x);
  --margin-start: auto;
  --margin-end: auto;
  --padding-top: 40px;
  --padding-bottom: 40px;
  --width: 394px;
  --box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1);
  max-width: 100%;
}
.sl-entrance-block .bazis-block__header {
  --margin-bottom: var(--bazis-margin-4x);
}
.sl-entrance-block .bazis-btn-group {
  width: 100%;
  margin-top: var(--bazis-margin-8x);
}
.sl-entrance-block .bazis-btn-group__item {
  width: 50%;
}
.sl-entrance-block .bazis-btn-group__item > bazis-button.bazis-btn_solid {
  font-size: 13px;
}
.sl-entrance-block .bazis-control {
  margin-top: var(--bazis-margin-4x);
}
.sl-entrance-block .bazis-control__label {
  letter-spacing: 0.5px;
}
.sl-entrance-block .bazis-control.sl-symbol-control {
  margin-bottom: var(--bazis-margin-6x);
}
.sl-entrance-block app-input-symbol + .error {
  position: relative;
  top: -20px;
}
.sl-entrance-block p:not(.bazis-control p, bazis-display-error p) {
  margin-bottom: var(--bazis-margin-8x);
}
.sl-entrance-block h4,
.sl-entrance-block p,
.sl-entrance-block bazis-button {
  width: 100%;
}
.sl-entrance-block hr {
  margin: var(--bazis-margin-6x) auto var(--bazis-margin-4x);
  background: var(--bazis-border-color);
}
.sl-entrance-block fieldset {
  margin-top: var(--bazis-margin-3x);
  border: 0;
  border-top: 1px solid var(--bazis-border-color);
}
.sl-entrance-block legend {
  padding: 0 var(--bazis-padding-2x);
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: var(--bazis-text-color-secondary);
}
.sl-entrance-block form .sl-forgotten-pass {
  font-weight: 400;
  line-height: 20px;
}
@media (max-width: 576px) {
  .sl-entrance-block {
    --margin-bottom: 0;
    --padding-start: var(--bazis-padding-6x);
    --padding-end: var(--bazis-padding-6x);
    --width: 100%;
    --border-color: transparent;
    --box-shadow: none;
  }
  .sl-entrance-block:not(.bazis-modal .sl-entrance-block) {
    --margin-top: 0;
  }
  .sl-entrance-block h4 {
    text-align: left;
  }
  .sl-entrance-block bazis-button {
    --height: 44px;
  }
}

.sl-faq__example {
  --padding-top: 0;
  --padding-start: 0;
  --padding-end: 0;
  --padding-bottom: 0;
  --background: transparent;
  --margin-bottom: 56px;
  --margin-top: var(--bazis-margin-4x);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  text-align: left;
}
.sl-faq__example bazis-button {
  margin-left: calc(var(--bazis-margin-4x) * -1);
}
@media (max-width: 1024px) {
  .sl-faq__example {
    --margin-bottom: var(--bazis-margin-6x);
  }
}
@media (max-width: 576px) {
  .sl-faq__example {
    --padding-start: var(--bazis-padding-4x);
    --padding-end: var(--bazis-padding-4x);
    display: block;
    text-align: center;
  }
  .sl-faq__example > div {
    margin-bottom: 0;
  }
  .sl-faq__example bazis-button {
    margin-top: var(--bazis-margin-4x);
  }
}

app-faq-general h1 {
  margin-bottom: var(--bazis-margin-3x);
}
@media screen and (max-width: 1024px) {
  app-faq-general h1 {
    margin-bottom: var(--bazis-margin-2x);
  }
}

@media screen and (max-width: 1024px) {
  app-faq-subsection-block h1 {
    --bazis-h1-margin: 0 0 var(--bazis-margin-8x);
  }
}
@media screen and (max-width: 576px) {
  app-faq-subsection-block bazis-button {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  app-faq-write bazis-button.bh-block {
    display: inline-block;
  }
}
@media screen and (max-width: 576px) {
  app-faq-write bazis-button,
  app-faq-write bazis-button.bh-block {
    display: block;
  }
}

app-faq-answer + bazis-button,
app-faq-answer-skeleton + bazis-button {
  margin-top: var(--bazis-margin-5x);
}

.sl-notification-block {
  color: var(--bazis-text-color);
}
.sl-notification-block__body {
  max-height: 376px;
  overflow-y: auto;
  overflow-x: hidden;
}
.sl-notification-block header {
  padding: var(--bazis-padding-3x) 0 var(--bazis-padding-2x);
}
.sl-notification-block header bazis-toolbar {
  --padding-start: var(--bazis-padding-4x);
  --padding-end: var(--bazis-padding-4x);
}
@media (max-width: 576px) {
  .sl-notification-block header bazis-toolbar .bh-line-elements {
    --gap: var(--bazis-margin-3x);
  }
}
.sl-notification-block hr {
  --margin-top: 0;
  --margin-bottom: 0;
}
.sl-notification-block footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.sl-notification-item {
  display: block;
  background: var(--bazis-background);
  border-bottom: 1px solid var(--bazis-border-color);
  padding: var(--bazis-padding-3x);
}
.sl-announcement .sl-notification-item {
  padding: var(--bazis-padding-5x) 0;
}
.sl-announcement .sl-notification-item:first-child {
  border-top: 1px solid var(--bazis-border-color);
}
.sl-notification-item:last-of-type {
  border-bottom: 0;
}
.sl-announcement .sl-notification-item:last-of-type {
  border-bottom: 1px solid var(--bazis-border-color);
}
.sl-notification-item__checkbox {
  margin-right: var(--bazis-margin-6x);
}
.sl-notification-block .sl-notification-item__checkbox {
  display: none;
}
.sl-notification-item__major-line {
  display: flex;
  align-items: center;
}
.sl-announcement .sl-notification-item__major-line {
  align-items: flex-start;
}
.sl-notification-item__major-line bazis-button:hover {
  color: var(--bazis-color-action);
}
.sl-notification-item__major-line + * {
  padding-left: var(--bazis-padding-7x);
  padding-top: 6px;
  padding-bottom: var(--bazis-padding-2x);
}
.sl-announcement .sl-notification-item__major-line + * {
  padding-left: var(--bazis-padding-8x);
  padding-top: var(--bazis-padding-3x);
  padding-bottom: 0;
}
.sl-notification-item__action {
  flex-shrink: 0;
  width: 32px;
}
.sl-notification-item__type {
  --bazis-icon-s-size: 16px;
  margin-right: var(--bazis-margin-4x);
  flex-shrink: 0;
}
.sl-notification-item__message {
  position: relative;
  display: flex;
  width: 100%;
  font-size: 13px;
  line-height: 16px;
}
.sl-notification-item__message a {
  color: var(--bazis-color-action);
}
.sl-notification-item__message__content {
  font-size: 12px;
  line-height: 16px;
}
.sl-notification-item__message__content p {
  font-size: var(--bazis-font-size-p-minor);
  line-height: var(--bazis-line-height-p-minor);
}
.sl-notification-item__message__content p:first-child {
  margin-top: 0;
}
.sl-notification-item__message__content p:last-child {
  margin-bottom: 0;
}
.sl-notification-item__message .sl-more-mute {
  max-height: 48px;
  overflow: hidden;
}
.sl-notification-item__message .sl-more-mute::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 28px;
  height: 20px;
  background: linear-gradient(0deg, rgba(var(--bazis-color-white-rgb), 1), rgba(var(--bazis-color-white-rgb), 0));
}
.sl-notification-item__datetime {
  padding-left: var(--bazis-padding-3x);
  padding-right: var(--bazis-padding-2x);
  font-size: 13px;
  line-height: 20px;
  text-align: right;
  color: var(--bazis-text-color-secondary);
  white-space: nowrap;
}
.sl-announcement .sl-notification-item__datetime {
  line-height: 24px;
}
.sl-notification-item--active {
  background: var(--bazis-background-medium);
}
@media (max-width: 1024px) {
  .sl-notification-item__datetime {
    padding-left: 0;
    padding-top: var(--bazis-padding-2x);
    text-align: left;
    line-height: 16px;
  }
}
@media (max-width: 576px) {
  .bazis-dropdown .sl-notification-item__datetime, .sl-announcement .sl-notification-item__datetime {
    padding-top: 0;
  }
  .sl-notification-item__major-line {
    flex-direction: column-reverse;
    gap: var(--bazis-padding-2x);
  }
  .sl-announcement .sl-notification-item__major-line {
    flex-direction: column;
  }
  .bazis-dropdown .sl-notification-item__major-line {
    flex-direction: row;
  }
  .sl-announcement .sl-notification-item__message {
    flex-direction: column;
    gap: var(--bazis-padding-2x);
  }
}

@media (max-width: 576px) {
  app-summary {
    display: block;
    margin-bottom: 270px;
  }
  app-summary > bazis-toolbar:first-child {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  app-summary > bazis-toolbar:first-child::part(end) {
    margin: calc(var(--bazis-margin-3x) * 3) 0 var(--bazis-margin-3x);
  }
  app-summary > bazis-toolbar:first-child bazis-interrogation {
    --margin-start: 0;
  }
  app-summary > bazis-toolbar:first-child h1 {
    --bazis-h1-margin: 0 0 var(--bazis-margin-4x);
  }
  app-summary .bazis-map-circle {
    float: none;
    margin: 0 auto var(--bazis-margin-6x);
    max-width: 320px;
    width: 100%;
    height: 320px;
  }
  app-summary .bazis-map-circle .bazis-map {
    clip-path: none;
    border-radius: 50%;
  }
}
@media (max-width: 360px) {
  app-summary .bazis-map-circle {
    max-width: 280px;
    width: 100%;
    height: 280px;
  }
}

app-modal-create-task bazis-select-search + .bazis-block_secondary {
  margin-top: calc(var(--bazis-margin-2x) * -1);
}

/*# sourceMappingURL=styles.b308cdaf497973ef.css.map*/