@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Roboto:wght@400;500;700&display=swap";

/* node_modules/@leafio/ui/icons/assets/LfIcons.css */
@font-face {
  font-family: "LfIcons";
  src:
    url("./media/LfIcons.ttf?af51dc0e6e12493934d864f487ac52c3") format("truetype"),
    url("./media/LfIcons.woff?af51dc0e6e12493934d864f487ac52c3") format("woff"),
    url("./media/LfIcons.woff2?af51dc0e6e12493934d864f487ac52c3") format("woff2");
}
.lf-icon:before {
  font-family: LfIcons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lf-icon.lf-icon-arrow_clockwise_with_periods:before {
  content: "\f101";
}
.lf-icon.lf-icon-arrow_counter_clockwise_bold:before {
  content: "\f102";
}
.lf-icon.lf-icon-arrow_down:before {
  content: "\f103";
}
.lf-icon.lf-icon-arrow_left:before {
  content: "\f104";
}
.lf-icon.lf-icon-arrow_right_double_curved:before {
  content: "\f105";
}
.lf-icon.lf-icon-arrow_right:before {
  content: "\f106";
}
.lf-icon.lf-icon-arrow_up_bold:before {
  content: "\f107";
}
.lf-icon.lf-icon-arrow_up_right_square_out:before {
  content: "\f108";
}
.lf-icon.lf-icon-arrow_up:before {
  content: "\f109";
}
.lf-icon.lf-icon-arrows_counter_clockwise_point:before {
  content: "\f10a";
}
.lf-icon.lf-icon-arrows_counter_clockwise:before {
  content: "\f10b";
}
.lf-icon.lf-icon-arrows_parallel_horizontal:before {
  content: "\f10c";
}
.lf-icon.lf-icon-arrows_parallel_vertical:before {
  content: "\f10d";
}
.lf-icon.lf-icon-asterisk:before {
  content: "\f10e";
}
.lf-icon.lf-icon-attach:before {
  content: "\f10f";
}
.lf-icon.lf-icon-bell:before {
  content: "\f110";
}
.lf-icon.lf-icon-block:before {
  content: "\f111";
}
.lf-icon.lf-icon-bookmark_minus_filled:before {
  content: "\f112";
}
.lf-icon.lf-icon-broom:before {
  content: "\f113";
}
.lf-icon.lf-icon-calendar_update:before {
  content: "\f114";
}
.lf-icon.lf-icon-calendar:before {
  content: "\f115";
}
.lf-icon.lf-icon-camera:before {
  content: "\f116";
}
.lf-icon.lf-icon-car:before {
  content: "\f117";
}
.lf-icon.lf-icon-caret_down_small_filled:before {
  content: "\f118";
}
.lf-icon.lf-icon-caret_down_small:before {
  content: "\f119";
}
.lf-icon.lf-icon-caret_down:before {
  content: "\f11a";
}
.lf-icon.lf-icon-caret_left_double:before {
  content: "\f11b";
}
.lf-icon.lf-icon-caret_left:before {
  content: "\f11c";
}
.lf-icon.lf-icon-caret_right_double:before {
  content: "\f11d";
}
.lf-icon.lf-icon-caret_right_small:before {
  content: "\f11e";
}
.lf-icon.lf-icon-caret_right:before {
  content: "\f11f";
}
.lf-icon.lf-icon-caret_up_small:before {
  content: "\f120";
}
.lf-icon.lf-icon-caret_up:before {
  content: "\f121";
}
.lf-icon.lf-icon-chart:before {
  content: "\f122";
}
.lf-icon.lf-icon-check-circle:before {
  content: "\f123";
}
.lf-icon.lf-icon-check_bold:before {
  content: "\f124";
}
.lf-icon.lf-icon-check_circle_filled:before {
  content: "\f125";
}
.lf-icon.lf-icon-check:before {
  content: "\f126";
}
.lf-icon.lf-icon-checklist:before {
  content: "\f127";
}
.lf-icon.lf-icon-checks:before {
  content: "\f128";
}
.lf-icon.lf-icon-circle_dashed:before {
  content: "\f129";
}
.lf-icon.lf-icon-circle_filled_half:before {
  content: "\f12a";
}
.lf-icon.lf-icon-circle:before {
  content: "\f12b";
}
.lf-icon.lf-icon-clock_countdown:before {
  content: "\f12c";
}
.lf-icon.lf-icon-clock_timer:before {
  content: "\f12d";
}
.lf-icon.lf-icon-clock:before {
  content: "\f12e";
}
.lf-icon.lf-icon-clockwise:before {
  content: "\f12f";
}
.lf-icon.lf-icon-close_bold:before {
  content: "\f130";
}
.lf-icon.lf-icon-close_circle_filled:before {
  content: "\f131";
}
.lf-icon.lf-icon-close:before {
  content: "\f132";
}
.lf-icon.lf-icon-cloud_upload:before {
  content: "\f133";
}
.lf-icon.lf-icon-columns_2:before {
  content: "\f134";
}
.lf-icon.lf-icon-comment_dialog:before {
  content: "\f135";
}
.lf-icon.lf-icon-comment_exclamation:before {
  content: "\f136";
}
.lf-icon.lf-icon-comment_lock:before {
  content: "\f137";
}
.lf-icon.lf-icon-comment:before {
  content: "\f138";
}
.lf-icon.lf-icon-copy:before {
  content: "\f139";
}
.lf-icon.lf-icon-delete:before {
  content: "\f13a";
}
.lf-icon.lf-icon-desktop:before {
  content: "\f13b";
}
.lf-icon.lf-icon-discount:before {
  content: "\f13c";
}
.lf-icon.lf-icon-document_open:before {
  content: "\f13d";
}
.lf-icon.lf-icon-download:before {
  content: "\f13e";
}
.lf-icon.lf-icon-drag_indicator:before {
  content: "\f13f";
}
.lf-icon.lf-icon-edit_graph:before {
  content: "\f140";
}
.lf-icon.lf-icon-edit:before {
  content: "\f141";
}
.lf-icon.lf-icon-email_send:before {
  content: "\f142";
}
.lf-icon.lf-icon-exclamation_filled:before {
  content: "\f143";
}
.lf-icon.lf-icon-exclamation:before {
  content: "\f144";
}
.lf-icon.lf-icon-eye:before {
  content: "\f145";
}
.lf-icon.lf-icon-face_sad:before {
  content: "\f146";
}
.lf-icon.lf-icon-file_check:before {
  content: "\f147";
}
.lf-icon.lf-icon-file_error:before {
  content: "\f148";
}
.lf-icon.lf-icon-file_plus:before {
  content: "\f149";
}
.lf-icon.lf-icon-file:before {
  content: "\f14a";
}
.lf-icon.lf-icon-filter_dashed:before {
  content: "\f14b";
}
.lf-icon.lf-icon-filter:before {
  content: "\f14c";
}
.lf-icon.lf-icon-flag_filled:before {
  content: "\f14d";
}
.lf-icon.lf-icon-flag:before {
  content: "\f14e";
}
.lf-icon.lf-icon-folder_simple_plus:before {
  content: "\f14f";
}
.lf-icon.lf-icon-folder_star:before {
  content: "\f150";
}
.lf-icon.lf-icon-globe:before {
  content: "\f151";
}
.lf-icon.lf-icon-image_broken:before {
  content: "\f152";
}
.lf-icon.lf-icon-info_bold:before {
  content: "\f153";
}
.lf-icon.lf-icon-info_circle:before {
  content: "\f154";
}
.lf-icon.lf-icon-items_card:before {
  content: "\f155";
}
.lf-icon.lf-icon-line_broken:before {
  content: "\f156";
}
.lf-icon.lf-icon-link_add:before {
  content: "\f157";
}
.lf-icon.lf-icon-link_break:before {
  content: "\f158";
}
.lf-icon.lf-icon-link:before {
  content: "\f159";
}
.lf-icon.lf-icon-lock_arrow_clockwise:before {
  content: "\f15a";
}
.lf-icon.lf-icon-lock:before {
  content: "\f15b";
}
.lf-icon.lf-icon-log_out:before {
  content: "\f15c";
}
.lf-icon.lf-icon-math_equal:before {
  content: "\f15d";
}
.lf-icon.lf-icon-math_greater_equal:before {
  content: "\f15e";
}
.lf-icon.lf-icon-math_greater:before {
  content: "\f15f";
}
.lf-icon.lf-icon-math_less:before {
  content: "\f160";
}
.lf-icon.lf-icon-math_lesss_equal:before {
  content: "\f161";
}
.lf-icon.lf-icon-minus_bold:before {
  content: "\f162";
}
.lf-icon.lf-icon-minus_circle_filled:before {
  content: "\f163";
}
.lf-icon.lf-icon-minus_circle:before {
  content: "\f164";
}
.lf-icon.lf-icon-minus:before {
  content: "\f165";
}
.lf-icon.lf-icon-mobile:before {
  content: "\f166";
}
.lf-icon.lf-icon-more_vertical:before {
  content: "\f167";
}
.lf-icon.lf-icon-note:before {
  content: "\f168";
}
.lf-icon.lf-icon-password_reset:before {
  content: "\f169";
}
.lf-icon.lf-icon-pin_cross:before {
  content: "\f16a";
}
.lf-icon.lf-icon-pin:before {
  content: "\f16b";
}
.lf-icon.lf-icon-plus_bold:before {
  content: "\f16c";
}
.lf-icon.lf-icon-plus_circle_filled:before {
  content: "\f16d";
}
.lf-icon.lf-icon-plus_circle:before {
  content: "\f16e";
}
.lf-icon.lf-icon-plus:before {
  content: "\f16f";
}
.lf-icon.lf-icon-question_circle:before {
  content: "\f170";
}
.lf-icon.lf-icon-repeat:before {
  content: "\f171";
}
.lf-icon.lf-icon-replace:before {
  content: "\f172";
}
.lf-icon.lf-icon-rotate_photo:before {
  content: "\f173";
}
.lf-icon.lf-icon-scanner_barcode:before {
  content: "\f174";
}
.lf-icon.lf-icon-search:before {
  content: "\f175";
}
.lf-icon.lf-icon-send:before {
  content: "\f176";
}
.lf-icon.lf-icon-settings_simple:before {
  content: "\f177";
}
.lf-icon.lf-icon-settings:before {
  content: "\f178";
}
.lf-icon.lf-icon-shield_question:before {
  content: "\f179";
}
.lf-icon.lf-icon-siren:before {
  content: "\f17a";
}
.lf-icon.lf-icon-sliders:before {
  content: "\f17b";
}
.lf-icon.lf-icon-snowflake_crossed:before {
  content: "\f17c";
}
.lf-icon.lf-icon-snowflake:before {
  content: "\f17d";
}
.lf-icon.lf-icon-speedometer:before {
  content: "\f17e";
}
.lf-icon.lf-icon-star_filled:before {
  content: "\f17f";
}
.lf-icon.lf-icon-store:before {
  content: "\f180";
}
.lf-icon.lf-icon-subitems:before {
  content: "\f181";
}
.lf-icon.lf-icon-support:before {
  content: "\f182";
}
.lf-icon.lf-icon-task_square:before {
  content: "\f183";
}
.lf-icon.lf-icon-text_add:before {
  content: "\f184";
}
.lf-icon.lf-icon-text_direction_top_right:before {
  content: "\f185";
}
.lf-icon.lf-icon-unlock_check:before {
  content: "\f186";
}
.lf-icon.lf-icon-unlock:before {
  content: "\f187";
}
.lf-icon.lf-icon-user_add:before {
  content: "\f188";
}
.lf-icon.lf-icon-user:before {
  content: "\f189";
}
.lf-icon.lf-icon-users:before {
  content: "\f18a";
}
.lf-icon.lf-icon-visible_off:before {
  content: "\f18b";
}
.lf-icon.lf-icon-visible:before {
  content: "\f18c";
}
.lf-icon.lf-icon-warning_circle_filled:before {
  content: "\f18d";
}
.lf-icon.lf-icon-warning_circle:before {
  content: "\f18e";
}
.lf-icon.lf-icon-warning_triangle_filled:before {
  content: "\f18f";
}

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* src/styles.scss */
@keyframes fade-scale {
  from {
    opacity: 0;
    transform: scale(var(--lf-overlay-animation-initial-scale));
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fade-scale-down {
  from {
    opacity: 0;
    transform: scale(var(--lf-overlay-animation-initial-scale)) translateY(calc(-1 * var(--lf-overlay-animation-initial-offset)));
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes fade-scale-right {
  from {
    opacity: 0;
    transform: scale(var(--lf-overlay-animation-initial-scale)) translateX(calc(-1 * var(--lf-overlay-animation-initial-offset)));
  }
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
@keyframes fade-scale-left {
  from {
    opacity: 0;
    transform: scale(var(--lf-overlay-animation-initial-scale)) translateX(var(--lf-overlay-animation-initial-offset));
  }
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
@keyframes fade-scale-up {
  from {
    opacity: 0;
    transform: scale(var(--lf-overlay-animation-initial-scale)) translateY(var(--lf-overlay-animation-initial-offset));
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes slide-in-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes slide-in-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
.app-search-field {
  width: 430px;
}
.app-filters-wrapper {
  padding: 12px var(--lf-page-gutter-size) 0;
}
.app-table-wrapper {
  margin-top: 12px;
}
html,
body {
  height: 100%;
  margin: 0;
  overscroll-behavior-x: contain;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html,
body,
div,
span,
object,
iframe,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
code,
em,
img,
small,
strike,
strong,
sub,
sup,
tt,
b,
u,
i,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
main,
canvas,
embed,
footer,
header,
nav,
section,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
footer,
header,
nav,
section,
main {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input {
  border-radius: 0;
}
:root {
  --lf-brand-text-rgb:
    255,
    255,
    255;
  --lf-brand-text: rgb(var(--lf-brand-text-rgb));
  --lf-brand-500-rgb:
    57,
    46,
    201;
  --lf-brand-500: rgb(var(--lf-brand-500-rgb));
  --lf-brand-400-rgb:
    108,
    99,
    232;
  --lf-brand-400: rgb(var(--lf-brand-400-rgb));
  --lf-brand-300-rgb:
    153,
    148,
    227;
  --lf-brand-300: rgb(var(--lf-brand-300-rgb));
  --lf-brand-200-rgb:
    204,
    201,
    248;
  --lf-brand-200: rgb(var(--lf-brand-200-rgb));
  --lf-brand-100-rgb:
    235,
    234,
    254;
  --lf-brand-100: rgb(var(--lf-brand-100-rgb));
  --lf-brand-rgb: var(--lf-brand-500-rgb);
  --lf-brand: rgb(var(--lf-brand-rgb));
  --lf-success-text-rgb:
    255,
    255,
    255;
  --lf-success-text: rgb(var(--lf-success-text-rgb));
  --lf-success-500-rgb:
    61,
    204,
    54;
  --lf-success-500: rgb(var(--lf-success-500-rgb));
  --lf-success-400-rgb:
    109,
    217,
    104;
  --lf-success-400: rgb(var(--lf-success-400-rgb));
  --lf-success-300-rgb:
    158,
    229,
    154;
  --lf-success-300: rgb(var(--lf-success-300-rgb));
  --lf-success-200-rgb:
    201,
    241,
    199;
  --lf-success-200: rgb(var(--lf-success-200-rgb));
  --lf-success-100-rgb:
    232,
    249,
    231;
  --lf-success-100: rgb(var(--lf-success-100-rgb));
  --lf-success-rgb: var(--lf-success-500-rgb);
  --lf-success: rgb(var(--lf-success-rgb));
  --lf-info-text-rgb:
    255,
    255,
    255;
  --lf-info-text: rgb(var(--lf-info-text-rgb));
  --lf-info-500-rgb:
    26,
    110,
    237;
  --lf-info-500: rgb(var(--lf-info-500-rgb));
  --lf-info-400-rgb:
    83,
    146,
    241;
  --lf-info-400: rgb(var(--lf-info-400-rgb));
  --lf-info-300-rgb:
    140,
    182,
    246;
  --lf-info-300: rgb(var(--lf-info-300-rgb));
  --lf-info-200-rgb:
    184,
    210,
    249;
  --lf-info-200: rgb(var(--lf-info-200-rgb));
  --lf-info-100-rgb:
    221,
    233,
    252;
  --lf-info-100: rgb(var(--lf-info-100-rgb));
  --lf-info-rgb: var(--lf-info-500-rgb);
  --lf-info: rgb(var(--lf-info-rgb));
  --lf-warning-text-rgb:
    255,
    255,
    255;
  --lf-warning-text: rgb(var(--lf-warning-text-rgb));
  --lf-warning-500-rgb:
    255,
    168,
    0;
  --lf-warning-500: rgb(var(--lf-warning-500-rgb));
  --lf-warning-400-rgb:
    255,
    190,
    64;
  --lf-warning-400: rgb(var(--lf-warning-400-rgb));
  --lf-warning-300-rgb:
    255,
    212,
    128;
  --lf-warning-300: rgb(var(--lf-warning-300-rgb));
  --lf-warning-200-rgb:
    255,
    231,
    184;
  --lf-warning-200: rgb(var(--lf-warning-200-rgb));
  --lf-warning-100-rgb:
    255,
    242,
    217;
  --lf-warning-100: rgb(var(--lf-warning-100-rgb));
  --lf-warning-rgb: var(--lf-warning-500-rgb);
  --lf-warning: rgb(var(--lf-warning-rgb));
  --lf-attention-text-rgb:
    255,
    255,
    255;
  --lf-attention-text: rgb(var(--lf-attention-text-rgb));
  --lf-attention-500-rgb:
    255,
    78,
    22;
  --lf-attention-500: rgb(var(--lf-attention-500-rgb));
  --lf-attention-400-rgb:
    255,
    122,
    80;
  --lf-attention-400: rgb(var(--lf-attention-400-rgb));
  --lf-attention-300-rgb:
    255,
    166,
    138;
  --lf-attention-300: rgb(var(--lf-attention-300-rgb));
  --lf-attention-200-rgb:
    255,
    214,
    201;
  --lf-attention-200: rgb(var(--lf-attention-200-rgb));
  --lf-attention-100-rgb:
    255,
    237,
    232;
  --lf-attention-100: rgb(var(--lf-attention-100-rgb));
  --lf-attention-rgb: var(--lf-attention-500-rgb);
  --lf-attention: rgb(var(--lf-attention-rgb));
  --lf-danger-text-rgb:
    255,
    255,
    255;
  --lf-danger-text: rgb(var(--lf-danger-text-rgb));
  --lf-danger-500-rgb:
    255,
    61,
    71;
  --lf-danger-500: rgb(var(--lf-danger-500-rgb));
  --lf-danger-400-rgb:
    255,
    109,
    117;
  --lf-danger-400: rgb(var(--lf-danger-400-rgb));
  --lf-danger-300-rgb:
    255,
    158,
    163;
  --lf-danger-300: rgb(var(--lf-danger-300-rgb));
  --lf-danger-200-rgb:
    255,
    201,
    204;
  --lf-danger-200: rgb(var(--lf-danger-200-rgb));
  --lf-danger-100-rgb:
    255,
    232,
    233;
  --lf-danger-100: rgb(var(--lf-danger-100-rgb));
  --lf-danger-rgb: var(--lf-danger-500-rgb);
  --lf-danger: rgb(var(--lf-danger-rgb));
  --lf-main-100: #F3F3F4;
  --lf-main-300: #E7E7EA;
  --lf-main-500: #CED0D5;
  --lf-main-700: #B6B8BF;
  --lf-main-900: #858995;
  --lf-bg-100: #ffffff;
  --lf-bg-200: #F8F9FD;
  --lf-bg-300: #F3F3F4;
  --lf-bg-900: #191A1B;
  --lf-bg: var(--lf-bg-100);
  --lf-text-100: #ffffff;
  --lf-text-300: #858995;
  --lf-text-500: #545A6B;
  --lf-text-900: #191A1B;
  --lf-text: var(--lf-text-900);
}
.lf-brand {
  --lf-current-accent-text-rgb: var(--lf-brand-text-rgb);
  --lf-current-accent-100-rgb: var(--lf-brand-100-rgb);
  --lf-current-accent-200-rgb: var(--lf-brand-200-rgb);
  --lf-current-accent-300-rgb: var(--lf-brand-300-rgb);
  --lf-current-accent-400-rgb: var(--lf-brand-400-rgb);
  --lf-current-accent-500-rgb: var(--lf-brand-500-rgb);
  --lf-current-accent-rgb: var(--lf-brand-rgb);
  --lf-current-accent-text: rgb(var(--lf-current-accent-text-rgb));
  --lf-current-accent-100: rgb(var(--lf-current-accent-100-rgb));
  --lf-current-accent-200: rgb(var(--lf-current-accent-200-rgb));
  --lf-current-accent-300: rgb(var(--lf-current-accent-300-rgb));
  --lf-current-accent-400: rgb(var(--lf-current-accent-400-rgb));
  --lf-current-accent-500: rgb(var(--lf-current-accent-500-rgb));
  --lf-current-accent: rgb(var(--lf-current-accent-rgb));
}
.lf-success {
  --lf-current-accent-text-rgb: var(--lf-success-text-rgb);
  --lf-current-accent-100-rgb: var(--lf-success-100-rgb);
  --lf-current-accent-200-rgb: var(--lf-success-200-rgb);
  --lf-current-accent-300-rgb: var(--lf-success-300-rgb);
  --lf-current-accent-400-rgb: var(--lf-success-400-rgb);
  --lf-current-accent-500-rgb: var(--lf-success-500-rgb);
  --lf-current-accent-rgb: var(--lf-success-rgb);
  --lf-current-accent-text: rgb(var(--lf-current-accent-text-rgb));
  --lf-current-accent-100: rgb(var(--lf-current-accent-100-rgb));
  --lf-current-accent-200: rgb(var(--lf-current-accent-200-rgb));
  --lf-current-accent-300: rgb(var(--lf-current-accent-300-rgb));
  --lf-current-accent-400: rgb(var(--lf-current-accent-400-rgb));
  --lf-current-accent-500: rgb(var(--lf-current-accent-500-rgb));
  --lf-current-accent: rgb(var(--lf-current-accent-rgb));
}
.lf-info {
  --lf-current-accent-text-rgb: var(--lf-info-text-rgb);
  --lf-current-accent-100-rgb: var(--lf-info-100-rgb);
  --lf-current-accent-200-rgb: var(--lf-info-200-rgb);
  --lf-current-accent-300-rgb: var(--lf-info-300-rgb);
  --lf-current-accent-400-rgb: var(--lf-info-400-rgb);
  --lf-current-accent-500-rgb: var(--lf-info-500-rgb);
  --lf-current-accent-rgb: var(--lf-info-rgb);
  --lf-current-accent-text: rgb(var(--lf-current-accent-text-rgb));
  --lf-current-accent-100: rgb(var(--lf-current-accent-100-rgb));
  --lf-current-accent-200: rgb(var(--lf-current-accent-200-rgb));
  --lf-current-accent-300: rgb(var(--lf-current-accent-300-rgb));
  --lf-current-accent-400: rgb(var(--lf-current-accent-400-rgb));
  --lf-current-accent-500: rgb(var(--lf-current-accent-500-rgb));
  --lf-current-accent: rgb(var(--lf-current-accent-rgb));
}
.lf-warning {
  --lf-current-accent-text-rgb: var(--lf-warning-text-rgb);
  --lf-current-accent-100-rgb: var(--lf-warning-100-rgb);
  --lf-current-accent-200-rgb: var(--lf-warning-200-rgb);
  --lf-current-accent-300-rgb: var(--lf-warning-300-rgb);
  --lf-current-accent-400-rgb: var(--lf-warning-400-rgb);
  --lf-current-accent-500-rgb: var(--lf-warning-500-rgb);
  --lf-current-accent-rgb: var(--lf-warning-rgb);
  --lf-current-accent-text: rgb(var(--lf-current-accent-text-rgb));
  --lf-current-accent-100: rgb(var(--lf-current-accent-100-rgb));
  --lf-current-accent-200: rgb(var(--lf-current-accent-200-rgb));
  --lf-current-accent-300: rgb(var(--lf-current-accent-300-rgb));
  --lf-current-accent-400: rgb(var(--lf-current-accent-400-rgb));
  --lf-current-accent-500: rgb(var(--lf-current-accent-500-rgb));
  --lf-current-accent: rgb(var(--lf-current-accent-rgb));
}
.lf-attention {
  --lf-current-accent-text-rgb: var(--lf-attention-text-rgb);
  --lf-current-accent-100-rgb: var(--lf-attention-100-rgb);
  --lf-current-accent-200-rgb: var(--lf-attention-200-rgb);
  --lf-current-accent-300-rgb: var(--lf-attention-300-rgb);
  --lf-current-accent-400-rgb: var(--lf-attention-400-rgb);
  --lf-current-accent-500-rgb: var(--lf-attention-500-rgb);
  --lf-current-accent-rgb: var(--lf-attention-rgb);
  --lf-current-accent-text: rgb(var(--lf-current-accent-text-rgb));
  --lf-current-accent-100: rgb(var(--lf-current-accent-100-rgb));
  --lf-current-accent-200: rgb(var(--lf-current-accent-200-rgb));
  --lf-current-accent-300: rgb(var(--lf-current-accent-300-rgb));
  --lf-current-accent-400: rgb(var(--lf-current-accent-400-rgb));
  --lf-current-accent-500: rgb(var(--lf-current-accent-500-rgb));
  --lf-current-accent: rgb(var(--lf-current-accent-rgb));
}
.lf-danger {
  --lf-current-accent-text-rgb: var(--lf-danger-text-rgb);
  --lf-current-accent-100-rgb: var(--lf-danger-100-rgb);
  --lf-current-accent-200-rgb: var(--lf-danger-200-rgb);
  --lf-current-accent-300-rgb: var(--lf-danger-300-rgb);
  --lf-current-accent-400-rgb: var(--lf-danger-400-rgb);
  --lf-current-accent-500-rgb: var(--lf-danger-500-rgb);
  --lf-current-accent-rgb: var(--lf-danger-rgb);
  --lf-current-accent-text: rgb(var(--lf-current-accent-text-rgb));
  --lf-current-accent-100: rgb(var(--lf-current-accent-100-rgb));
  --lf-current-accent-200: rgb(var(--lf-current-accent-200-rgb));
  --lf-current-accent-300: rgb(var(--lf-current-accent-300-rgb));
  --lf-current-accent-400: rgb(var(--lf-current-accent-400-rgb));
  --lf-current-accent-500: rgb(var(--lf-current-accent-500-rgb));
  --lf-current-accent: rgb(var(--lf-current-accent-rgb));
}
.lf-text-100 {
  color: var(--lf-text-100) !important;
}
.lf-text-300 {
  color: var(--lf-text-300) !important;
}
.lf-text-500 {
  color: var(--lf-text-500) !important;
}
.lf-text-900 {
  color: var(--lf-text-900) !important;
}
.lf-text-accent-100 {
  color: var(--lf-current-accent-100) !important;
}
.lf-text-accent-200 {
  color: var(--lf-current-accent-200) !important;
}
.lf-text-accent-300 {
  color: var(--lf-current-accent-300) !important;
}
.lf-text-accent-400 {
  color: var(--lf-current-accent-400) !important;
}
.lf-text-accent-500 {
  color: var(--lf-current-accent-500) !important;
}
.lf-text-accent-text {
  color: var(--lf-current-accent-text) !important;
}
.lf-text-accent {
  color: var(--lf-current-accent) !important;
}
.lf-bg-100 {
  background-color: var(--lf-bg-100) !important;
}
.lf-bg-200 {
  background-color: var(--lf-bg-200) !important;
}
.lf-bg-300 {
  background-color: var(--lf-bg-300) !important;
}
.lf-bg-900 {
  background-color: var(--lf-bg-900) !important;
}
:root {
  --lf-elevation-100: 0 2px 8px 0 rgba(25, 26, 27, 0.12);
  --lf-elevation-100-inverse: 0 -2px 8px 0 rgba(25, 26, 27, 0.12);
  --lf-elevation-200: 0 4px 12px 0 rgba(25, 26, 27, 0.16);
  --lf-elevation-200-inverse: 0 -4px 12px 0 rgba(25, 26, 27, 0.16);
  --lf-elevation-300: 0 8px 16px 0 rgba(25, 26, 27, 0.20);
  --lf-elevation-300-inverse: 0 -8px 16px 0 rgba(25, 26, 27, 0.20);
}
.lf-elevation-100 {
  box-shadow: var(--lf-elevation-100);
}
.lf-elevation-100-inverse {
  box-shadow: var(--lf-elevation-100-inverse);
}
.lf-elevation-200 {
  box-shadow: var(--lf-elevation-200);
}
.lf-elevation-200-inverse {
  box-shadow: var(--lf-elevation-200-inverse);
}
.lf-elevation-300 {
  box-shadow: var(--lf-elevation-300);
}
.lf-elevation-300-inverse {
  box-shadow: var(--lf-elevation-300-inverse);
}
:root {
  --lf-main-menu-width: 64px;
  --lf-main-menu-item-height: 64px;
  --lf-main-submenu-width: 240px;
  --lf-main-menu-icon-size: 24px;
  --lf-main-submenu-secondary-icon-size: 20px;
  --lf-main-menu-icon-as-text-size: 17px;
  --lf-main-menu-badge-min-size: 16px;
  --lf-main-menu-badge-font: var(--lf-caption-s-font);
  --lf-main-menu-badge-padding: 2px 4px;
  --lf-page-header-height: 64px;
  --lf-page-gutter-size: 20px;
}
.lf-app {
  min-height: 100%;
  display: flex;
  position: relative;
}
.lf-app-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: var(--lf-main-menu-width);
  height: 100%;
  background-color: var(--lf-bg-900);
}
.lf-app-main {
  width: calc(100% - var(--lf-main-menu-width));
  margin-left: var(--lf-main-menu-width);
}
.lf-page-with-header__content {
  max-height: calc(100vh - var(--lf-page-header-height));
}
.lf-full-height {
  height: 100% !important;
}
.lf-flex {
  display: flex !important;
}
.lf-flex-row {
  flex-direction: row !important;
}
.lf-flex-column {
  flex-direction: column !important;
}
.lf-vertical-flex {
  display: flex !important;
  flex-direction: column !important;
}
.lf-flex-item-fixed {
  flex: 0 0 auto !important;
  min-width: 0;
}
.lf-flex-item-fluid,
.lf-flex-spacer {
  flex: 1 1 auto !important;
  min-width: 0;
}
.lf-flex-wrap {
  flex-wrap: wrap;
}
.lf-flex-nowrap {
  flex-wrap: nowrap;
}
.lf-overflow-auto {
  overflow: auto !important;
}
.lf-overflow-x-auto {
  overflow-x: auto !important;
}
.lf-overflow-y-auto {
  overflow-y: auto !important;
}
.lf-overflow-hidden {
  overflow: hidden !important;
}
.lf-overflow-x-hidden {
  overflow-x: hidden !important;
}
.lf-overflow-y-hidden {
  overflow-y: hidden !important;
}
.lf-overflow-scroll {
  overflow: scroll !important;
}
.lf-overflow-x-scroll {
  overflow-x: scroll !important;
}
.lf-overflow-y-scroll {
  overflow-y: scroll !important;
}
.lf-overflow-visible {
  overflow: visible !important;
}
.lf-overflow-x-visible {
  overflow-x: visible !important;
}
.lf-overflow-y-visible {
  overflow-y: visible !important;
}
.lf-width-10 {
  width: 10% !important;
}
.lf-width-20 {
  width: 20% !important;
}
.lf-width-25 {
  width: 25% !important;
}
.lf-width-30 {
  width: 30% !important;
}
.lf-width-40 {
  width: 40% !important;
}
.lf-width-50 {
  width: 50% !important;
}
.lf-width-60 {
  width: 60% !important;
}
.lf-width-70 {
  width: 70% !important;
}
.lf-width-75 {
  width: 75% !important;
}
.lf-width-80 {
  width: 80% !important;
}
.lf-width-90 {
  width: 90% !important;
}
.lf-width-100 {
  width: 100% !important;
}
.lf-gap-gutter {
  gap: var(--lf-page-gutter-size) !important;
}
.lf-gap-half-gutter {
  gap: calc(var(--lf-page-gutter-size) / 2) !important;
}
.lf-relative {
  position: relative !important;
}
.lf-absolute {
  position: absolute !important;
}
.lf-sticky {
  position: sticky !important;
}
.lf-top-0 {
  top: 0;
}
.lf-left-0 {
  left: 0;
}
.lf-right-0 {
  right: 0;
}
.lf-bottom-0 {
  bottom: 0;
}
.lf-justify-start {
  justify-content: start !important;
}
.lf-justify-center {
  justify-content: center !important;
}
.lf-justify-end {
  justify-content: end !important;
}
.lf-justify-between {
  justify-content: space-between !important;
}
.lf-justify-around {
  justify-content: space-around !important;
}
.lf-justify-evenly {
  justify-content: space-evenly !important;
}
.lf-align-start {
  align-items: start !important;
}
.lf-align-center {
  align-items: center !important;
}
.lf-align-end {
  align-items: end !important;
}
.lf-align-baseline {
  align-items: baseline !important;
}
.lf-align-stretch {
  align-items: stretch !important;
}
.lf-align-self-start {
  align-self: start !important;
}
.lf-align-self-center {
  align-self: center !important;
}
.lf-align-self-end {
  align-self: end !important;
}
.lf-align-self-baseline {
  align-self: baseline !important;
}
.lf-align-self-stretch {
  align-self: stretch !important;
}
.lf-text-left {
  text-align: left !important;
}
.lf-text-center {
  text-align: center !important;
}
.lf-text-right {
  text-align: right !important;
}
.lf-margin_a {
  margin: auto !important;
}
.lf-margin-l_a {
  margin-left: auto !important;
}
.lf-margin-r_a {
  margin-right: auto !important;
}
.lf-margin-t_a {
  margin-top: auto !important;
}
.lf-margin-b_a {
  margin-bottom: auto !important;
}
.lf-text-capitalize {
  text-transform: capitalize !important;
}
.lf-text-uppercase {
  text-transform: uppercase !important;
}
.lf-text-lowercase {
  text-transform: lowercase !important;
}
.lf-nowrap {
  white-space: nowrap;
}
.lf-text-overflow-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lf-cursor-default {
  cursor: default !important;
}
.lf-cursor-pointer {
  cursor: pointer !important;
}
.lf-cursor-not-allowed {
  cursor: not-allowed !important;
}
.lf-cursor-help {
  cursor: help !important;
}
.lf-cursor-context-menu {
  cursor: context-menu !important;
}
.lf-cursor-wait {
  cursor: wait !important;
}
.lf-cursor-progress {
  cursor: progress !important;
}
:root {
  --lf-transition-duration-fast: .1s;
  --lf-transition-duration: .2s;
  --lf-transition-duration-slow: .4s;
}
:root {
  --lf-font-family: "Roboto", sans-serif;
  --lf-font-family-secondary: "Montserrat", sans-serif;
  --lf-h1-font-family: var(--lf-font-family-secondary);
  --lf-h1-font-size: 28px;
  --lf-h1-font-style: normal;
  --lf-h1-font-weight: 700;
  --lf-h1-line-height: 1.2;
  --lf-h1-font: var(--lf-h1-font-style) var(--lf-h1-font-weight) var(--lf-h1-font-size)/var(--lf-h1-line-height) var(--lf-h1-font-family);
  --lf-h2-font-family: var(--lf-font-family-secondary);
  --lf-h2-font-size: 24px;
  --lf-h2-font-style: normal;
  --lf-h2-font-weight: 700;
  --lf-h2-line-height: 1.15;
  --lf-h2-font: var(--lf-h2-font-style) var(--lf-h2-font-weight) var(--lf-h2-font-size)/var(--lf-h2-line-height) var(--lf-h2-font-family);
  --lf-h3-font-family: var(--lf-font-family);
  --lf-h3-font-size: 24px;
  --lf-h3-font-style: normal;
  --lf-h3-font-weight: 500;
  --lf-h3-line-height: 1.15;
  --lf-h3-font: var(--lf-h3-font-style) var(--lf-h3-font-weight) var(--lf-h3-font-size)/var(--lf-h3-line-height) var(--lf-h3-font-family);
  --lf-h4-font-family: var(--lf-font-family-secondary);
  --lf-h4-font-size: 22px;
  --lf-h4-font-style: normal;
  --lf-h4-font-weight: 700;
  --lf-h4-line-height: 1.15;
  --lf-h4-font: var(--lf-h4-font-style) var(--lf-h4-font-weight) var(--lf-h4-font-size)/var(--lf-h4-line-height) var(--lf-h4-font-family);
  --lf-h5-font-family: var(--lf-font-family-secondary);
  --lf-h5-font-size: 20px;
  --lf-h5-font-style: normal;
  --lf-h5-font-weight: 700;
  --lf-h5-line-height: 1.2;
  --lf-h5-font: var(--lf-h5-font-style) var(--lf-h5-font-weight) var(--lf-h5-font-size)/var(--lf-h5-line-height) var(--lf-h5-font-family);
  --lf-h6-font-family: var(--lf-font-family-secondary);
  --lf-h6-font-size: 18px;
  --lf-h6-font-style: normal;
  --lf-h6-font-weight: 700;
  --lf-h6-line-height: 1.2;
  --lf-h6-font: var(--lf-h6-font-style) var(--lf-h6-font-weight) var(--lf-h6-font-size)/var(--lf-h6-line-height) var(--lf-h6-font-family);
  --lf-subtitle-l-font-family: var(--lf-font-family);
  --lf-subtitle-l-font-size: 18px;
  --lf-subtitle-l-font-style: normal;
  --lf-subtitle-l-font-weight: 500;
  --lf-subtitle-l-line-height: 1.1;
  --lf-subtitle-l-font: var(--lf-subtitle-l-font-style) var(--lf-subtitle-l-font-weight) var(--lf-subtitle-l-font-size)/var(--lf-subtitle-l-line-height) var(--lf-subtitle-l-font-family);
  --lf-subtitle-font-family: var(--lf-font-family);
  --lf-subtitle-font-size: 16px;
  --lf-subtitle-font-style: normal;
  --lf-subtitle-font-weight: 500;
  --lf-subtitle-line-height: 1.1;
  --lf-subtitle-font: var(--lf-subtitle-font-style) var(--lf-subtitle-font-weight) var(--lf-subtitle-font-size)/var(--lf-subtitle-line-height) var(--lf-subtitle-font-family);
  --lf-subtitle-m-font-family: var(--lf-font-family);
  --lf-subtitle-m-font-size: 14px;
  --lf-subtitle-m-font-style: normal;
  --lf-subtitle-m-font-weight: 500;
  --lf-subtitle-m-line-height: 1.1;
  --lf-subtitle-m-font: var(--lf-subtitle-m-font-style) var(--lf-subtitle-m-font-weight) var(--lf-subtitle-m-font-size)/var(--lf-subtitle-m-line-height) var(--lf-subtitle-m-font-family);
  --lf-subtitle-s-font-family: var(--lf-font-family);
  --lf-subtitle-s-font-size: 12px;
  --lf-subtitle-s-font-style: normal;
  --lf-subtitle-s-font-weight: 500;
  --lf-subtitle-s-line-height: 1.15;
  --lf-subtitle-s-font: var(--lf-subtitle-s-font-style) var(--lf-subtitle-s-font-weight) var(--lf-subtitle-s-font-size)/var(--lf-subtitle-s-line-height) var(--lf-subtitle-s-font-family);
  --lf-text-l-font-family: var(--lf-font-family);
  --lf-text-l-font-size: 16px;
  --lf-text-l-font-style: normal;
  --lf-text-l-font-weight: 400;
  --lf-text-l-line-height: 1.1;
  --lf-text-l-font: var(--lf-text-l-font-style) var(--lf-text-l-font-weight) var(--lf-text-l-font-size)/var(--lf-text-l-line-height) var(--lf-text-l-font-family);
  --lf-text-font-family: var(--lf-font-family);
  --lf-text-font-size: 14px;
  --lf-text-font-style: normal;
  --lf-text-font-weight: 400;
  --lf-text-line-height: 1.1;
  --lf-text-font: var(--lf-text-font-style) var(--lf-text-font-weight) var(--lf-text-font-size)/var(--lf-text-line-height) var(--lf-text-font-family);
  --lf-text-m-font-family: var(--lf-font-family);
  --lf-text-m-font-size: 13px;
  --lf-text-m-font-style: normal;
  --lf-text-m-font-weight: 400;
  --lf-text-m-line-height: 1.2;
  --lf-text-m-font: var(--lf-text-m-font-style) var(--lf-text-m-font-weight) var(--lf-text-m-font-size)/var(--lf-text-m-line-height) var(--lf-text-m-font-family);
  --lf-text-s-font-family: var(--lf-font-family);
  --lf-text-s-font-size: 12px;
  --lf-text-s-font-style: normal;
  --lf-text-s-font-weight: 400;
  --lf-text-s-line-height: 1.1;
  --lf-text-s-font: var(--lf-text-s-font-style) var(--lf-text-s-font-weight) var(--lf-text-s-font-size)/var(--lf-text-s-line-height) var(--lf-text-s-font-family);
  --lf-caption-font-family: var(--lf-font-family);
  --lf-caption-font-size: 12px;
  --lf-caption-font-style: normal;
  --lf-caption-font-weight: 700;
  --lf-caption-line-height: 1.15;
  --lf-caption-font: var(--lf-caption-font-style) var(--lf-caption-font-weight) var(--lf-caption-font-size)/var(--lf-caption-line-height) var(--lf-caption-font-family);
  --lf-caption-s-font-family: var(--lf-font-family);
  --lf-caption-s-font-size: 10px;
  --lf-caption-s-font-style: normal;
  --lf-caption-s-font-weight: 700;
  --lf-caption-s-line-height: 1.2;
  --lf-caption-s-font: var(--lf-caption-s-font-style) var(--lf-caption-s-font-weight) var(--lf-caption-s-font-size)/var(--lf-caption-s-line-height) var(--lf-caption-s-font-family);
}
body {
  font: var(--lf-text-font);
  color: var(--lf-text-900);
}
a {
  text-decoration: none;
  color: var(--lf-brand-500);
}
a:hover {
  text-decoration: underline;
  color: var(--lf-brand-400);
}
.lf-link {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  display: inline;
  text-decoration: none;
  color: var(--lf-brand-500);
}
.lf-link:not([disabled]):hover,
.lf-link:not([disabled]):focus-visible {
  text-decoration: underline;
  color: var(--lf-brand-400);
}
.lf-link[disabled] {
  color: var(--lf-brand-200);
  cursor: not-allowed;
}
.lf-link.lf-link_with-icon:not([disabled]):hover,
.lf-link.lf-link_with-icon:not([disabled]):focus-visible {
  text-decoration: none;
}
.lf-link.lf-link_with-icon:not([disabled]):hover .lf-link__text,
.lf-link.lf-link_with-icon:not([disabled]):focus-visible .lf-link__text {
  text-decoration: underline;
}
h1,
.h1 {
  font: var(--lf-h1-font);
}
h2,
.h2 {
  font: var(--lf-h2-font);
}
h3,
.h3 {
  font: var(--lf-h3-font);
}
h4,
.h4 {
  font: var(--lf-h4-font);
}
h5,
.h5 {
  font: var(--lf-h5-font);
}
h6,
.h6 {
  font: var(--lf-h6-font);
}
.lf-subtitle-l {
  font: var(--lf-subtitle-l-font);
}
.lf-subtitle {
  font: var(--lf-subtitle-font);
}
.lf-subtitle-m {
  font: var(--lf-subtitle-m-font);
}
.lf-subtitle-s {
  font: var(--lf-subtitle-s-font);
}
.lf-text-l {
  font: var(--lf-text-l-font);
}
.lf-text {
  font: var(--lf-text-font);
}
.lf-text-m {
  font: var(--lf-text-m-font);
}
.lf-text-s {
  font: var(--lf-text-s-font);
}
.lf-caption {
  font: var(--lf-caption-font);
}
.lf-caption-s {
  font: var(--lf-caption-s-font);
}
:root {
  --lf-scrollbar-webkit-size: 4px;
  --lf-scrollbar-webkit-border-radius: 2px;
  --lf-scrollbar-ff-width: thin;
  --lf-scrollbar-width: 0px;
}
.lf-device_with-scrollbars.lf-scrollbars_auto *,
.lf-scrollbars_enable * {
  scrollbar-width: var(--lf-scrollbar-ff-width);
  scrollbar-color: var(--lf-main-700) var(--lf-main-300);
}
.lf-device_with-scrollbars.lf-scrollbars_auto *::-webkit-scrollbar,
.lf-scrollbars_enable *::-webkit-scrollbar {
  width: var(--lf-scrollbar-webkit-size);
  height: var(--lf-scrollbar-webkit-size);
  background: var(--lf-main-300);
}
.lf-device_with-scrollbars.lf-scrollbars_auto *::-webkit-scrollbar-thumb,
.lf-scrollbars_enable *::-webkit-scrollbar-thumb {
  border-radius: var(--lf-scrollbar-webkit-border-radius);
  background: var(--lf-main-700);
}
.lf-device_with-scrollbars.lf-scrollbars_auto *::-webkit-scrollbar-thumb:hover,
.lf-scrollbars_enable *::-webkit-scrollbar-thumb:hover {
  background: var(--lf-main-900);
}
.lf-device_with-scrollbars.lf-scrollbars_auto *::-webkit-scrollbar-track-piece,
.lf-scrollbars_enable *::-webkit-scrollbar-track-piece {
  background: var(--lf-main-300);
}
.lf-device_with-scrollbars.lf-scrollbars_auto *::-webkit-scrollbar-track,
.lf-scrollbars_enable *::-webkit-scrollbar-track {
  border-radius: var(--lf-scrollbar-webkit-border-radius);
}
.lf-device_with-scrollbars.lf-scrollbars_auto *::-webkit-scrollbar-corner,
.lf-scrollbars_enable *::-webkit-scrollbar-corner {
  background: var(--lf-main-300);
}
:root {
  --lf-z-index-loader: 1000;
  --lf-z-index-toasts: 5000;
}
.hr {
  margin: 0;
  border: none;
  border-bottom: 1px solid var(--lf-main-100);
}
:root {
  --lf-paginator-info-gap: 16px;
  --lf-paginator-info-font: var(--lf-caption-s-font);
  --lf-paginator-buttons-gap: 2px;
  --lf-paginator-button-size: 26px;
  --lf-paginator-button-padding: 3px;
  --lf-paginator-button-icon-size: 12px;
  --lf-paginator-button-border-size: 1px;
  --lf-paginator-button-border-radius: 4px;
  --lf-paginator-button-font: var(--lf-caption-s-font);
}
:root {
  --lf-form-item-vertical-spacing: 32px;
}
.lf-form-item:not(:last-child) {
  margin-bottom: var(--lf-form-item-vertical-spacing);
}
.lf-form-item-with-spacing {
  margin-bottom: var(--lf-form-item-vertical-spacing);
}
:root {
  --lf-radio-s-size: 16px;
  --lf-radio-s-indicator-size: 6px;
  --lf-radio-s-gap: 10px;
  --lf-radio-s-label-font: var(--lf-subtitle-s-font);
  --lf-radio-s-group-vertical-gap: 10px;
  --lf-radio-s-group-horizontal-gap: 20px;
  --lf-radio-s-area-vertical-offset: -4px;
  --lf-radio-s-area-horizontal-offset: -8px;
  --lf-radio-m-size: 20px;
  --lf-radio-m-indicator-size: 8px;
  --lf-radio-m-gap: 12px;
  --lf-radio-m-label-font: var(--lf-subtitle-m-font);
  --lf-radio-m-group-vertical-gap: 12px;
  --lf-radio-m-group-horizontal-gap: 24px;
  --lf-radio-m-area-vertical-offset: -5px;
  --lf-radio-m-area-horizontal-offset: -8px;
  --lf-radio-l-size: 24px;
  --lf-radio-l-indicator-size: 10px;
  --lf-radio-l-gap: 12px;
  --lf-radio-l-label-font: var(--lf-subtitle-font);
  --lf-radio-l-group-vertical-gap: 12px;
  --lf-radio-l-group-horizontal-gap: 24px;
  --lf-radio-l-area-vertical-offset: -5px;
  --lf-radio-l-area-horizontal-offset: -8px;
}
.lf-xl,
.lf-l {
  --lf-radio-size: var(--lf-radio-l-size);
  --lf-radio-indicator-size: var(--lf-radio-l-indicator-size);
  --lf-radio-gap: var(--lf-radio-l-gap);
  --lf-radio-label-font: var(--lf-radio-l-label-font);
  --lf-radio-group-vertical-gap: var(--lf-radio-l-group-vertical-gap);
  --lf-radio-group-horizontal-gap: var(--lf-radio-l-group-horizontal-gap);
  --lf-radio-area-vertical-offset: var(--lf-radio-l-area-vertical-offset);
  --lf-radio-area-horizontal-offset: var(--lf-radio-l-area-horizontal-offset);
}
.lf-m,
:root {
  --lf-radio-size: var(--lf-radio-m-size);
  --lf-radio-indicator-size: var(--lf-radio-m-indicator-size);
  --lf-radio-gap: var(--lf-radio-m-gap);
  --lf-radio-label-font: var(--lf-radio-m-label-font);
  --lf-radio-group-vertical-gap: var(--lf-radio-m-group-vertical-gap);
  --lf-radio-group-horizontal-gap: var(--lf-radio-m-group-horizontal-gap);
  --lf-radio-area-vertical-offset: var(--lf-radio-m-area-vertical-offset);
  --lf-radio-area-horizontal-offset: var(--lf-radio-m-area-horizontal-offset);
}
.lf-s,
.lf-xs {
  --lf-radio-size: var(--lf-radio-s-size);
  --lf-radio-indicator-size: var(--lf-radio-s-indicator-size);
  --lf-radio-gap: var(--lf-radio-s-gap);
  --lf-radio-label-font: var(--lf-radio-s-label-font);
  --lf-radio-group-vertical-gap: var(--lf-radio-s-group-vertical-gap);
  --lf-radio-group-horizontal-gap: var(--lf-radio-s-group-horizontal-gap);
  --lf-radio-area-vertical-offset: var(--lf-radio-s-area-vertical-offset);
  --lf-radio-area-horizontal-offset: var(--lf-radio-s-area-horizontal-offset);
}
:root {
  --lf-toggle-s-width: 36px;
  --lf-toggle-s-height: 20px;
  --lf-toggle-s-padding: 2px;
  --lf-toggle-s-indicator-icon-size: 10px;
  --lf-toggle-s-label-font: var(--lf-subtitle-m-font);
  --lf-toggle-s-gap: 10px;
  --lf-toggle-s-group-vertical-gap: 16px;
  --lf-toggle-s-group-horizontal-gap: 28px;
  --lf-toggle-m-width: 44px;
  --lf-toggle-m-height: 24px;
  --lf-toggle-m-padding: 3px;
  --lf-toggle-m-indicator-icon-size: 12px;
  --lf-toggle-m-label-font: var(--lf-subtitle-font);
  --lf-toggle-m-gap: 12px;
  --lf-toggle-m-group-vertical-gap: 18px;
  --lf-toggle-m-group-horizontal-gap: 32px;
  --lf-toggle-l-width: 56px;
  --lf-toggle-l-height: 30px;
  --lf-toggle-l-padding: 3px;
  --lf-toggle-l-indicator-icon-size: 14px;
  --lf-toggle-l-label-font: var(--lf-subtitle-l-font);
  --lf-toggle-l-gap: 16px;
  --lf-toggle-l-group-vertical-gap: 20px;
  --lf-toggle-l-group-horizontal-gap: 40px;
}
.lf-xl,
.lf-l {
  --lf-toggle-width: var(--lf-toggle-l-width);
  --lf-toggle-height: var(--lf-toggle-l-height);
  --lf-toggle-padding: var(--lf-toggle-l-padding);
  --lf-toggle-indicator-icon-size: var(--lf-toggle-l-indicator-icon-size);
  --lf-toggle-label-font: var(--lf-toggle-l-label-font);
  --lf-toggle-gap: var(--lf-toggle-l-gap);
  --lf-toggle-group-vertical-gap: var(--lf-toggle-l-group-vertical-gap);
  --lf-toggle-group-horizontal-gap: var(--lf-toggle-l-group-horizontal-gap);
}
.lf-m,
:root {
  --lf-toggle-width: var(--lf-toggle-m-width);
  --lf-toggle-height: var(--lf-toggle-m-height);
  --lf-toggle-padding: var(--lf-toggle-m-padding);
  --lf-toggle-indicator-icon-size: var(--lf-toggle-m-indicator-icon-size);
  --lf-toggle-label-font: var(--lf-toggle-m-label-font);
  --lf-toggle-gap: var(--lf-toggle-m-gap);
  --lf-toggle-group-vertical-gap: var(--lf-toggle-m-group-vertical-gap);
  --lf-toggle-group-horizontal-gap: var(--lf-toggle-m-group-horizontal-gap);
}
.lf-s,
.lf-xs {
  --lf-toggle-width: var(--lf-toggle-s-width);
  --lf-toggle-height: var(--lf-toggle-s-height);
  --lf-toggle-padding: var(--lf-toggle-s-padding);
  --lf-toggle-indicator-icon-size: var(--lf-toggle-s-indicator-icon-size);
  --lf-toggle-label-font: var(--lf-toggle-s-label-font);
  --lf-toggle-gap: var(--lf-toggle-s-gap);
  --lf-toggle-group-vertical-gap: var(--lf-toggle-s-group-vertical-gap);
  --lf-toggle-group-horizontal-gap: var(--lf-toggle-s-group-horizontal-gap);
}
:root {
  --lf-checkbox-s-size: 16px;
  --lf-checkbox-s-border-radius: 4px;
  --lf-checkbox-s-indicator-icon-size: 11px;
  --lf-checkbox-s-label-font: var(--lf-subtitle-s-font);
  --lf-checkbox-s-gap: 10px;
  --lf-checkbox-s-group-vertical-gap: 10px;
  --lf-checkbox-s-group-horizontal-gap: 20px;
  --lf-checkbox-s-area-vertical-offset: -4px;
  --lf-checkbox-s-area-horizontal-offset: -8px;
  --lf-checkbox-m-size: 18px;
  --lf-checkbox-m-border-radius: 4px;
  --lf-checkbox-m-indicator-icon-size: 12px;
  --lf-checkbox-m-label-font: var(--lf-subtitle-m-font);
  --lf-checkbox-m-gap: 12px;
  --lf-checkbox-m-group-vertical-gap: 12px;
  --lf-checkbox-m-group-horizontal-gap: 24px;
  --lf-checkbox-m-area-vertical-offset: -5px;
  --lf-checkbox-m-area-horizontal-offset: -8px;
  --lf-checkbox-l-size: 20px;
  --lf-checkbox-l-border-radius: 4px;
  --lf-checkbox-l-indicator-icon-size: 13px;
  --lf-checkbox-l-label-font: var(--lf-subtitle-font);
  --lf-checkbox-l-gap: 12px;
  --lf-checkbox-l-group-vertical-gap: 12px;
  --lf-checkbox-l-group-horizontal-gap: 24px;
  --lf-checkbox-l-area-vertical-offset: -5px;
  --lf-checkbox-l-area-horizontal-offset: -8px;
}
.lf-xl,
.lf-l {
  --lf-checkbox-size: var(--lf-checkbox-l-size);
  --lf-checkbox-border-radius: var(--lf-checkbox-l-border-radius);
  --lf-checkbox-indicator-icon-size: var(--lf-checkbox-l-indicator-icon-size);
  --lf-checkbox-label-font: var(--lf-checkbox-l-label-font);
  --lf-checkbox-gap: var(--lf-checkbox-l-gap);
  --lf-checkbox-group-vertical-gap: var(--lf-checkbox-l-group-vertical-gap);
  --lf-checkbox-group-horizontal-gap: var(--lf-checkbox-l-group-horizontal-gap);
  --lf-checkbox-area-vertical-offset: var(--lf-checkbox-l-area-vertical-offset);
  --lf-checkbox-area-horizontal-offset: var(--lf-checkbox-l-area-horizontal-offset);
}
.lf-m,
:root {
  --lf-checkbox-size: var(--lf-checkbox-m-size);
  --lf-checkbox-border-radius: var(--lf-checkbox-m-border-radius);
  --lf-checkbox-indicator-icon-size: var(--lf-checkbox-m-indicator-icon-size);
  --lf-checkbox-label-font: var(--lf-checkbox-m-label-font);
  --lf-checkbox-gap: var(--lf-checkbox-m-gap);
  --lf-checkbox-group-vertical-gap: var(--lf-checkbox-m-group-vertical-gap);
  --lf-checkbox-group-horizontal-gap: var(--lf-checkbox-m-group-horizontal-gap);
  --lf-checkbox-area-vertical-offset: var(--lf-checkbox-m-area-vertical-offset);
  --lf-checkbox-area-horizontal-offset: var(--lf-checkbox-m-area-horizontal-offset);
}
.lf-s,
.lf-xs {
  --lf-checkbox-size: var(--lf-checkbox-s-size);
  --lf-checkbox-border-radius: var(--lf-checkbox-s-border-radius);
  --lf-checkbox-indicator-icon-size: var(--lf-checkbox-s-indicator-icon-size);
  --lf-checkbox-label-font: var(--lf-checkbox-s-label-font);
  --lf-checkbox-gap: var(--lf-checkbox-s-gap);
  --lf-checkbox-group-vertical-gap: var(--lf-checkbox-s-group-vertical-gap);
  --lf-checkbox-group-horizontal-gap: var(--lf-checkbox-s-group-horizontal-gap);
  --lf-checkbox-area-vertical-offset: var(--lf-checkbox-s-area-vertical-offset);
  --lf-checkbox-area-horizontal-offset: var(--lf-checkbox-s-area-horizontal-offset);
}
:root {
  --lf-field-m-height: 38px;
  --lf-field-m-font: var(--lf-text-m-font);
  --lf-field-m-icon-size: 16px;
  --lf-field-m-padding-vertical: 0;
  --lf-field-m-padding-horizontal: 10px;
  --lf-field-m-gap: 8px;
  --lf-field-m-border-width: 2px;
  --lf-field-m-border-radius: 6px;
  --lf-field-m-label-font: var(--lf-caption-font);
  --lf-field-m-label-spacing: 10px;
  --lf-field-m-addon-font: var(--lf-subtitle-s-font);
  --lf-field-m-addon-min-width: 56px;
  --lf-field-m-addon-padding: 8px 10px;
  --lf-field-m-hint-font: var(--lf-text-s-font);
  --lf-field-m-hint-spacing: 4px;
  --lf-field-m-note-font: var(--lf-subtitle-m-font);
  --lf-field-m-note-vertical-padding: 3px;
  --lf-field-l-height: 44px;
  --lf-field-l-font: var(--lf-text-font);
  --lf-field-l-icon-size: 20px;
  --lf-field-l-padding-vertical: 0;
  --lf-field-l-padding-horizontal: 12px;
  --lf-field-l-gap: 8px;
  --lf-field-l-border-width: 2px;
  --lf-field-l-border-radius: 6px;
  --lf-field-l-label-font: var(--lf-caption-font);
  --lf-field-l-label-spacing: 10px;
  --lf-field-l-addon-font: var(--lf-subtitle-m-font);
  --lf-field-l-addon-min-width: 60px;
  --lf-field-l-addon-padding: 8px 12px;
  --lf-field-l-hint-font: var(--lf-text-s-font);
  --lf-field-l-hint-spacing: 4px;
  --lf-field-l-note-font: var(--lf-subtitle-font);
  --lf-field-l-note-vertical-padding: 3px;
  --lf-field-xl-height: 50px;
  --lf-field-xl-font: var(--lf-text-l-font);
  --lf-field-xl-icon-size: 24px;
  --lf-field-xl-padding-vertical: 0;
  --lf-field-xl-padding-horizontal: 16px;
  --lf-field-xl-gap: 8px;
  --lf-field-xl-border-width: 2px;
  --lf-field-xl-border-radius: 6px;
  --lf-field-xl-label-font: var(--lf-caption-font);
  --lf-field-xl-label-spacing: 10px;
  --lf-field-xl-addon-font: var(--lf-subtitle-font);
  --lf-field-xl-addon-min-width: 64px;
  --lf-field-xl-addon-padding: 8px 15px;
  --lf-field-xl-hint-font: var(--lf-text-s-font);
  --lf-field-xl-hint-spacing: 4px;
  --lf-field-xl-note-font: var(--lf-subtitle-l-font);
  --lf-field-xl-note-vertical-padding: 3px;
}
.lf-field_light {
  --lf-field-m-font: var(--lf-text-m-font);
  --lf-field-m-gap: 16px;
  --lf-field-m-border-width: 1px;
  --lf-field-l-font: var(--lf-text-font);
  --lf-field-l-gap: 16px;
  --lf-field-l-border-width: 1px;
  --lf-field-xl-font: var(--lf-text-l-font);
  --lf-field-xl-gap: 16px;
  --lf-field-xl-border-width: 1px;
}
.lf-xs,
.lf-s,
.lf-m,
:root {
  --lf-field-height: var(--lf-field-m-height);
  --lf-field-font: var(--lf-field-m-font);
  --lf-field-icon-size: var(--lf-field-m-icon-size);
  --lf-field-padding-vertical: var(--lf-field-m-padding-vertical);
  --lf-field-padding-horizontal: var(--lf-field-m-padding-horizontal);
  --lf-field-gap: var(--lf-field-m-gap);
  --lf-field-border-width: var(--lf-field-m-border-width);
  --lf-field-border-radius: var(--lf-field-m-border-radius);
  --lf-field-label-font: var(--lf-field-m-label-font);
  --lf-field-label-spacing: var(--lf-field-m-label-spacing);
  --lf-field-addon-font: var(--lf-field-m-addon-font);
  --lf-field-addon-min-width: var(--lf-field-m-addon-min-width);
  --lf-field-addon-padding: var(--lf-field-m-addon-padding);
  --lf-field-hint-font: var(--lf-field-m-hint-font);
  --lf-field-hint-spacing: var(--lf-field-m-hint-spacing);
  --lf-field-note-font: var(--lf-field-m-note-font);
  --lf-field-note-vertical-padding: var(--lf-field-m-note-vertical-padding);
}
.lf-l {
  --lf-field-height: var(--lf-field-l-height);
  --lf-field-font: var(--lf-field-l-font);
  --lf-field-icon-size: var(--lf-field-l-icon-size);
  --lf-field-padding-vertical: var(--lf-field-l-padding-vertical);
  --lf-field-padding-horizontal: var(--lf-field-l-padding-horizontal);
  --lf-field-gap: var(--lf-field-l-gap);
  --lf-field-border-width: var(--lf-field-l-border-width);
  --lf-field-border-radius: var(--lf-field-l-border-radius);
  --lf-field-label-font: var(--lf-field-l-label-font);
  --lf-field-label-spacing: var(--lf-field-l-label-spacing);
  --lf-field-addon-font: var(--lf-field-l-addon-font);
  --lf-field-addon-min-width: var(--lf-field-l-addon-min-width);
  --lf-field-addon-padding: var(--lf-field-l-addon-padding);
  --lf-field-hint-font: var(--lf-field-l-hint-font);
  --lf-field-hint-spacing: var(--lf-field-l-hint-spacing);
  --lf-field-note-font: var(--lf-field-l-note-font);
  --lf-field-note-vertical-padding: var(--lf-field-l-note-vertical-padding);
}
.lf-xl {
  --lf-field-height: var(--lf-field-xl-height);
  --lf-field-font: var(--lf-field-xl-font);
  --lf-field-icon-size: var(--lf-field-xl-icon-size);
  --lf-field-padding-vertical: var(--lf-field-xl-padding-vertical);
  --lf-field-padding-horizontal: var(--lf-field-xl-padding-horizontal);
  --lf-field-gap: var(--lf-field-xl-gap);
  --lf-field-border-width: var(--lf-field-xl-border-width);
  --lf-field-border-radius: var(--lf-field-xl-border-radius);
  --lf-field-label-font: var(--lf-field-xl-label-font);
  --lf-field-label-spacing: var(--lf-field-xl-label-spacing);
  --lf-field-addon-font: var(--lf-field-xl-addon-font);
  --lf-field-addon-min-width: var(--lf-field-xl-addon-min-width);
  --lf-field-addon-padding: var(--lf-field-xl-addon-padding);
  --lf-field-hint-font: var(--lf-field-xl-hint-font);
  --lf-field-hint-spacing: var(--lf-field-xl-hint-spacing);
  --lf-field-note-font: var(--lf-field-xl-note-font);
  --lf-field-note-vertical-padding: var(--lf-field-xl-note-vertical-padding);
}
.lf-label {
  display: block;
  font: var(--lf-field-label-font);
  margin-bottom: var(--lf-field-label-spacing);
  color: var(--lf-text-300);
}
.lf-field {
  display: block;
  position: relative;
  --lf-field-side-padding-with-affix: calc(var(--lf-field-padding-horizontal) + var(--lf-field-icon-size) + var(--lf-field-gap));
  --lf-field-height-without-borders: calc(var(--lf-field-height) - 2 * var(--lf-field-border-width));
}
.lf-field.lf-field_light {
  --lf-field-height-without-borders: calc(var(--lf-field-height) - var(--lf-field-border-width));
}
.lf-field.no-label .label-wrapper {
  display: none;
}
.lf-field.required .lf-label.show-required:after {
  content: " *";
  color: var(--lf-danger-500);
}
.lf-field .group {
  display: flex;
  align-items: center;
  gap: var(--lf-field-gap);
}
.lf-field .field-wrapper {
  display: flex;
  width: 100%;
  min-height: var(--lf-field-height);
  overflow: hidden;
  border: var(--lf-field-border-width) solid var(--lf-main-300);
  border-radius: var(--lf-field-border-radius);
  transition-duration: var(--lf-transition-duration);
  transition-property: box-shadow, border-color;
}
.lf-field .field-addon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--lf-field-addon-padding);
  flex-shrink: 0;
  min-width: var(--lf-field-addon-min-width);
  border: 0 solid var(--lf-main-300);
  font: var(--lf-field-addon-font);
  color: var(--lf-text-500);
  background-color: var(--lf-bg-300);
  transition-duration: var(--lf-transition-duration);
  transition-property: border-color;
}
.lf-field .field-addon__content.lf-icon {
  font-size: var(--lf-field-icon-size);
}
.lf-field .field-addon_prefix {
  border-right-width: var(--lf-field-border-width);
}
.lf-field .field-addon_suffix {
  border-left-width: var(--lf-field-border-width);
}
.lf-field.no-addon-prefix .field-addon_prefix {
  display: none;
}
.lf-field.no-addon-suffix .field-addon_suffix {
  display: none;
}
.lf-field.lf-field_light .field-wrapper {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.lf-field.lf-field_light .field-addon {
  background-color: transparent;
  position: relative;
}
.lf-field.lf-field_light .field-addon:before {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: var(--lf-field-icon-size);
  top: 50%;
  transform: translateY(-50%);
  background: var(--lf-main-500);
}
.lf-field.lf-field_light .field-addon_prefix {
  border-right-width: 0;
}
.lf-field.lf-field_light .field-addon_prefix:before {
  right: 0;
}
.lf-field.lf-field_light .field-addon_suffix {
  border-left-width: 0;
}
.lf-field.lf-field_light .field-addon_suffix:before {
  left: 0;
}
.lf-field .control-wrapper {
  position: relative;
  flex: 1 1;
  overflow: hidden;
}
.lf-field .lf-control {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  padding: var(--lf-field-padding-vertical) var(--lf-field-padding-horizontal);
  font: var(--lf-field-font);
  color: var(--lf-text-900);
  background-color: var(--lf-bg-100);
  outline: none;
  transition-duration: var(--lf-transition-duration);
  transition-property: background-color, color;
}
.lf-field .lf-control::placeholder {
  color: var(--lf-text-300);
}
.lf-field.with-prefix .lf-control {
  padding-left: var(--lf-field-side-padding-with-affix);
}
.lf-field.with-suffix .lf-control {
  padding-right: var(--lf-field-side-padding-with-affix);
}
.lf-field.lf-field_light .lf-control {
  color: var(--lf-text-500);
}
.lf-field.lf-field_light .lf-control::placeholder {
  color: var(--lf-text-300);
}
.lf-field .lf-input[type=file] {
  cursor: pointer;
  overflow: hidden;
}
.lf-field .lf-input::file-selector-button {
  height: 100%;
  margin-left: calc(-1 * var(--lf-field-padding-horizontal));
  margin-right: var(--lf-field-padding-horizontal);
  padding: var(--lf-field-addon-padding);
  border: 0 solid var(--lf-main-300);
  border-right-width: var(--lf-field-border-width);
  border-radius: 0;
  font: var(--lf-field-addon-font);
  color: var(--lf-text-500);
  background-color: var(--lf-bg-300);
  pointer-events: none;
}
.lf-field .lf-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.4;
  transition-duration: var(--lf-transition-duration);
  transition-property: opacity;
}
.lf-field .lf-input::-webkit-calendar-picker-indicator:hover {
  opacity: 0.6;
}
.lf-field.lf-field_light .lf-input::file-selector-button {
  background-color: transparent;
}
.lf-field .lf-textarea {
  resize: none;
  padding: var(--lf-field-padding-horizontal);
  min-height: var(--lf-field-height-without-borders);
}
.lf-field .lf-textarea.lf-textarea_resizable {
  resize: vertical;
}
.lf-field .field-affix {
  display: flex;
  position: absolute;
  top: 0;
  height: var(--lf-field-height-without-borders);
  align-items: center;
  pointer-events: none;
}
.lf-field .field-affix__content {
  display: flex;
  color: var(--lf-current-accent-500, var(--lf-main-700));
  font-size: var(--lf-field-icon-size);
  transition-duration: var(--lf-transition-duration);
  transition-property: color;
}
.lf-field .field-affix_prefix {
  left: var(--lf-field-padding-horizontal);
}
.lf-field .field-affix_suffix {
  right: var(--lf-field-padding-horizontal);
}
.lf-field button.field-affix__content {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  pointer-events: all;
}
.lf-field button.field-affix__content:hover,
.lf-field button.field-affix__content:focus-visible {
  color: var(--lf-main-900);
}
.lf-field.lf-field_light .field-affix__content.lf-icon {
  position: relative;
}
.lf-field.lf-field_light .field-affix__content.lf-icon:before {
  z-index: 1;
}
.lf-field.lf-field_light .field-affix__content.lf-icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.75em;
  height: 1.75em;
  background-color: var(--lf-current-accent-100, var(--lf-main-100));
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition-duration: var(--lf-transition-duration);
  transition-property: background-color;
}
.lf-field .field-note {
  --lf-field-note-overflow-offset: var(--lf-field-border-radius);
  --lf-field-note-calc-bottom-padding: calc(var(--lf-field-note-overflow-offset) + var(--lf-field-note-vertical-padding));
  --lf-field-note-calc-min-height: calc(var(--lf-field-note-overflow-offset) + var(--lf-field-note-vertical-padding));
  display: flex;
  align-items: center;
  min-height: var(--lf-field-height);
  padding: var(--lf-field-note-vertical-padding) var(--lf-field-padding-horizontal) var(--lf-field-note-calc-bottom-padding) var(--lf-field-padding-horizontal);
  margin-bottom: calc(-1 * var(--lf-field-note-overflow-offset));
  font: var(--lf-field-note-font);
  color: var(--lf-text-500);
  border-radius: var(--lf-field-border-radius) var(--lf-field-border-radius) 0 0;
  border: var(--lf-field-border-width) solid var(--lf-main-300);
  background: var(--lf-current-accent-100, var(--lf-bg-300));
}
.lf-field .hints-wrapper,
.lf-field .errors-wrapper {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + var(--lf-field-hint-spacing));
  font: var(--lf-field-hint-font);
  opacity: 1;
  transform: translateY(0);
  transition-duration: var(--lf-transition-duration);
  transition-property: transform, opacity;
}
.lf-field .field-hint {
  color: var(--lf-main-900);
}
.lf-field button.field-hint,
.lf-field .field-hint.field-hint_btn {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  display: flex;
  font: inherit;
  transition-property: color;
  transition-duration: var(--lf-transition-duration);
}
.lf-field button.field-hint:not([disabled]):hover,
.lf-field button.field-hint:not([disabled]):focus-visible,
.lf-field .field-hint.field-hint_btn:not([disabled]):hover,
.lf-field .field-hint.field-hint_btn:not([disabled]):focus-visible {
  color: var(--lf-brand-500);
}
.lf-field button.field-hint[disabled],
.lf-field .field-hint.field-hint_btn[disabled] {
  cursor: not-allowed;
  color: var(--lf-main-500);
}
.lf-field .errors-wrapper {
  flex-direction: column;
}
.lf-field .field-error {
  display: block;
  color: var(--lf-danger-500);
}
.lf-field .field-error + .field-error {
  display: none;
}
.lf-field.show-all-errors .field-error {
  display: block;
}
.lf-field.no-hints .hints-wrapper,
.lf-field .errors-wrapper {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}
.lf-field.with-hints.with-errors.invalid .hints-wrapper {
  transform: translateY(10px);
  opacity: 0;
  pointer-events: none;
}
.lf-field.with-errors.invalid .errors-wrapper {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.lf-field .field-wrapper:hover {
  border-color: var(--lf-brand-400);
}
.lf-field.focused .field-wrapper {
  border-color: var(--lf-brand-500);
  box-shadow: var(--lf-elevation-200);
}
.lf-field.focused.lf-field_light .field-wrapper {
  box-shadow: var(--lf-elevation-100);
}
.lf-field.invalid .field-wrapper {
  border-color: var(--lf-danger-500);
}
.lf-field.disabled .field-wrapper {
  border-color: var(--lf-main-300);
  cursor: not-allowed;
}
.lf-field.disabled .field-addon,
.lf-field.disabled .control-wrapper {
  pointer-events: none;
}
.lf-field.disabled .field-addon,
.lf-field.disabled .field-affix__content.lf-icon {
  color: var(--lf-current-accent-300, var(--lf-main-500));
}
.lf-field.disabled .lf-control {
  color: var(--lf-main-900);
  background-color: var(--lf-bg-300);
}
.lf-field.disabled .lf-control::placeholder {
  color: var(--lf-main-700);
}
.lf-field.disabled.lf-field_light .lf-control {
  background-color: transparent;
  color: var(--lf-main-700);
}
:root {
  --lf-select-option-height: 42px;
  --lf-select-option-divider-width: 1px;
  --lf-select-option-padding-vertical: 4px;
  --lf-select-option-padding-horizontal: 14px;
  --lf-select-option-gap: 12px;
  --lf-select-option-font: var(--lf-subtitle-m-font);
  --lf-select-option-font-secondary: var(--lf-text-m-font);
  --lf-select-option-lines-gap: 3px;
  --lf-select-option-icon-size: 20px;
}
:root {
  --lf-tokens-control-max-height: 92px;
  --lf-tokens-control-input-base-width: 150px;
}
:root {
  --lf-btn-xl-height: 50px;
  --lf-btn-xl-min-width: 150px;
  --lf-btn-xl-vertical-padding: 13px;
  --lf-btn-xl-horizontal-padding: 24px;
  --lf-btn-xl-gap: 8px;
  --lf-btn-xl-border-radius: 8px;
  --lf-btn-xl-icon-size: 24px;
  --lf-btn-xl-font: var(--lf-subtitle-l-font);
  --lf-btn-l-height: 44px;
  --lf-btn-l-min-width: 144px;
  --lf-btn-l-vertical-padding: 11px;
  --lf-btn-l-horizontal-padding: 20px;
  --lf-btn-l-gap: 8px;
  --lf-btn-l-border-radius: 8px;
  --lf-btn-l-icon-size: 22px;
  --lf-btn-l-font: var(--lf-subtitle-font);
  --lf-btn-m-height: 38px;
  --lf-btn-m-min-width: 138px;
  --lf-btn-m-vertical-padding: 9px;
  --lf-btn-m-horizontal-padding: 20px;
  --lf-btn-m-gap: 6px;
  --lf-btn-m-border-radius: 6px;
  --lf-btn-m-icon-size: 20px;
  --lf-btn-m-font: var(--lf-subtitle-m-font);
  --lf-btn-s-height: 32px;
  --lf-btn-s-min-width: 132px;
  --lf-btn-s-vertical-padding: 7px;
  --lf-btn-s-horizontal-padding: 18px;
  --lf-btn-s-gap: 6px;
  --lf-btn-s-border-radius: 6px;
  --lf-btn-s-icon-size: 18px;
  --lf-btn-s-font: var(--lf-subtitle-s-font);
  --lf-btn-xs-height: 26px;
  --lf-btn-xs-min-width: 126px;
  --lf-btn-xs-vertical-padding: 5px;
  --lf-btn-xs-horizontal-padding: 16px;
  --lf-btn-xs-gap: 4px;
  --lf-btn-xs-border-radius: 6px;
  --lf-btn-xs-icon-size: 16px;
  --lf-btn-xs-font: var(--lf-subtitle-s-font);
  --lf-btn-group-gap: 12px;
}
.lf-xl {
  --lf-btn-height: var(--lf-btn-xl-height);
  --lf-btn-min-width: var(--lf-btn-xl-min-width);
  --lf-btn-vertical-padding: var(--lf-btn-xl-vertical-padding);
  --lf-btn-horizontal-padding: var(--lf-btn-xl-horizontal-padding);
  --lf-btn-gap: var(--lf-btn-xl-gap);
  --lf-btn-border-radius: var(--lf-btn-xl-border-radius);
  --lf-btn-icon-size: var(--lf-btn-xl-icon-size);
  --lf-btn-font: var(--lf-btn-xl-font);
}
.lf-l {
  --lf-btn-height: var(--lf-btn-l-height);
  --lf-btn-min-width: var(--lf-btn-l-min-width);
  --lf-btn-vertical-padding: var(--lf-btn-l-vertical-padding);
  --lf-btn-horizontal-padding: var(--lf-btn-l-horizontal-padding);
  --lf-btn-gap: var(--lf-btn-l-gap);
  --lf-btn-border-radius: var(--lf-btn-l-border-radius);
  --lf-btn-icon-size: var(--lf-btn-l-icon-size);
  --lf-btn-font: var(--lf-btn-l-font);
}
:root,
.lf-m {
  --lf-btn-height: var(--lf-btn-m-height);
  --lf-btn-min-width: var(--lf-btn-m-min-width);
  --lf-btn-vertical-padding: var(--lf-btn-m-vertical-padding);
  --lf-btn-horizontal-padding: var(--lf-btn-m-horizontal-padding);
  --lf-btn-gap: var(--lf-btn-m-gap);
  --lf-btn-border-radius: var(--lf-btn-m-border-radius);
  --lf-btn-icon-size: var(--lf-btn-m-icon-size);
  --lf-btn-font: var(--lf-btn-m-font);
}
.lf-s {
  --lf-btn-height: var(--lf-btn-s-height);
  --lf-btn-min-width: var(--lf-btn-s-min-width);
  --lf-btn-vertical-padding: var(--lf-btn-s-vertical-padding);
  --lf-btn-horizontal-padding: var(--lf-btn-s-horizontal-padding);
  --lf-btn-gap: var(--lf-btn-s-gap);
  --lf-btn-border-radius: var(--lf-btn-s-border-radius);
  --lf-btn-icon-size: var(--lf-btn-s-icon-size);
  --lf-btn-font: var(--lf-btn-s-font);
}
.lf-xs {
  --lf-btn-height: var(--lf-btn-xs-height);
  --lf-btn-min-width: var(--lf-btn-xs-min-width);
  --lf-btn-vertical-padding: var(--lf-btn-xs-vertical-padding);
  --lf-btn-horizontal-padding: var(--lf-btn-xs-horizontal-padding);
  --lf-btn-gap: var(--lf-btn-xs-gap);
  --lf-btn-border-radius: var(--lf-btn-xs-border-radius);
  --lf-btn-icon-size: var(--lf-btn-xs-icon-size);
  --lf-btn-font: var(--lf-btn-xs-font);
}
.lf-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: var(--lf-btn-height);
  min-width: var(--lf-btn-min-width);
  padding: var(--lf-btn-vertical-padding) var(--lf-btn-horizontal-padding);
  gap: var(--lf-btn-gap);
  border-radius: var(--lf-btn-border-radius);
  font: var(--lf-btn-font);
  border: none;
  box-shadow: none;
  outline: none;
  transition-duration: var(--lf-transition-duration);
  transition-property:
    color,
    background-color,
    box-shadow;
  cursor: pointer;
}
.lf-btn:hover {
  text-decoration: none;
}
.lf-btn[disabled] {
  cursor: not-allowed;
}
.lf-btn.icon-only,
.lf-btn.lf-btn_icon-only {
  width: var(--lf-btn-height);
  min-width: auto;
  padding: var(--lf-btn-vertical-padding);
}
.lf-btn.compact,
.lf-btn.lf-btn_compact {
  min-width: auto;
}
.lf-btn .lf-icon {
  font-size: var(--lf-btn-icon-size);
}
.lf-btn:not(.primary):not(.ghost):not(.lf-btn_primary):not(.lf-btn_ghost),
.lf-btn.secondary,
.lf-btn.lf-btn_secondary {
  color: var(--lf-current-accent-500, var(--lf-main-900));
  background-color: var(--lf-current-accent-100, var(--lf-main-100));
}
.lf-btn:not(.primary):not(.ghost):not(.lf-btn_primary):not(.lf-btn_ghost):not([disabled]):hover,
.lf-btn:not(.primary):not(.ghost):not(.lf-btn_primary):not(.lf-btn_ghost):not([disabled]):focus-visible,
.lf-btn.secondary:not([disabled]):hover,
.lf-btn.secondary:not([disabled]):focus-visible,
.lf-btn.lf-btn_secondary:not([disabled]):hover,
.lf-btn.lf-btn_secondary:not([disabled]):focus-visible {
  color: var(--lf-current-accent-text, var(--lf-text-100));
  background-color: var(--lf-current-accent-500, var(--lf-main-900));
}
.lf-btn:not(.primary):not(.ghost):not(.lf-btn_primary):not(.lf-btn_ghost):not([disabled]):focus-visible,
.lf-btn.secondary:not([disabled]):focus-visible,
.lf-btn.lf-btn_secondary:not([disabled]):focus-visible {
  box-shadow: inset 0 0 0 2px var(--lf-current-accent-text, var(--lf-text-100)), 0 0 0 3px var(--lf-current-accent-500, var(--lf-main-900));
}
.lf-btn:not(.primary):not(.ghost):not(.lf-btn_primary):not(.lf-btn_ghost):not([disabled]):active,
.lf-btn.secondary:not([disabled]):active,
.lf-btn.lf-btn_secondary:not([disabled]):active {
  box-shadow: var(--lf-elevation-300);
}
.lf-btn:not(.primary):not(.ghost):not(.lf-btn_primary):not(.lf-btn_ghost)[disabled],
.lf-btn.secondary[disabled],
.lf-btn.lf-btn_secondary[disabled] {
  color: var(--lf-current-accent-200, var(--lf-main-500));
  background-color: var(--lf-current-accent-100, var(--lf-main-100));
}
.lf-btn.primary,
.lf-btn.lf-btn_primary {
  color: var(--lf-current-accent-text, var(--lf-text-100));
  background-color: var(--lf-current-accent-500, var(--lf-main-900));
}
.lf-btn.primary:not([disabled]):hover,
.lf-btn.primary:not([disabled]):focus-visible,
.lf-btn.lf-btn_primary:not([disabled]):hover,
.lf-btn.lf-btn_primary:not([disabled]):focus-visible {
  background-color: var(--lf-current-accent-400, var(--lf-main-700));
}
.lf-btn.primary:not([disabled]):focus-visible,
.lf-btn.lf-btn_primary:not([disabled]):focus-visible {
  box-shadow: inset 0 0 0 2px var(--lf-current-accent-text, var(--lf-text-100)), 0 0 0 3px var(--lf-current-accent-400, var(--lf-main-700));
}
.lf-btn.primary:not([disabled]):active,
.lf-btn.lf-btn_primary:not([disabled]):active {
  box-shadow: var(--lf-elevation-300);
}
.lf-btn.primary[disabled],
.lf-btn.lf-btn_primary[disabled] {
  color: var(--lf-current-accent-200, var(--lf-main-500));
  background-color: var(--lf-current-accent-100, var(--lf-main-100));
}
.lf-btn.ghost,
.lf-btn.lf-btn_ghost {
  color: var(--lf-current-accent-500, var(--lf-main-900));
  background-color: transparent;
}
.lf-btn.ghost:not([disabled]):hover,
.lf-btn.ghost:not([disabled]):focus-visible,
.lf-btn.lf-btn_ghost:not([disabled]):hover,
.lf-btn.lf-btn_ghost:not([disabled]):focus-visible {
  color: var(--lf-current-accent-500, var(--lf-main-900));
  background-color: var(--lf-current-accent-100, var(--lf-main-100));
}
.lf-btn.ghost:not([disabled]):focus-visible,
.lf-btn.lf-btn_ghost:not([disabled]):focus-visible {
  box-shadow: 0 0 0 3px var(--lf-current-accent-300, var(--lf-main-500));
}
.lf-btn.ghost:not([disabled]):active,
.lf-btn.lf-btn_ghost:not([disabled]):active {
  box-shadow: var(--lf-elevation-300);
}
.lf-btn.ghost[disabled],
.lf-btn.lf-btn_ghost[disabled] {
  color: var(--lf-current-accent-200, var(--lf-main-500));
}
.lf-btn-block,
.lf-btn_block {
  display: flex;
  width: 100%;
}
.btn-group,
.lf-btn-group {
  display: flex;
  gap: var(--lf-btn-group-gap);
}
:root {
  --lf-card-padding-vertical: 24px;
  --lf-card-padding-horizontal: 20px;
  --lf-card-border-width: 1px;
  --lf-card-border-radius: 10px;
  --lf-card-header-margin-bottom: 24px;
  --lf-card-header-margin: 0 0 var(--lf-card-header-margin-bottom);
  --lf-card-header-color: var(--lf-brand-500);
}
.lf-card,
.lf-card-group {
  border-radius: var(--lf-card-border-radius);
  border: var(--lf-card-border-width) solid var(--lf-main-300);
  background-color: var(--lf-bg);
}
.lf-card {
  padding: var(--lf-card-padding-vertical) var(--lf-card-padding-horizontal);
}
.lf-card_no-paddings {
  padding: 0;
}
.lf-card-header {
  margin: var(--lf-card-header-margin);
  color: var(--lf-card-header-color);
}
.lf-card-hr {
  margin-left: calc(-1 * var(--lf-card-padding-horizontal));
  margin-right: calc(-1 * var(--lf-card-padding-horizontal));
}
.lf-card-group > .lf-card {
  --lf-card-in-group-border-radius: calc(var(--lf-card-border-radius) - var(--lf-card-border-width));
  border-radius: 0;
  border-width: 0 0 var(--lf-card-border-width) 0;
}
.lf-card-group > .lf-card:first-child {
  border-top-left-radius: var(--lf-card-in-group-border-radius);
  border-top-right-radius: var(--lf-card-in-group-border-radius);
}
.lf-card-group > .lf-card:last-child {
  border-bottom-left-radius: var(--lf-card-in-group-border-radius);
  border-bottom-right-radius: var(--lf-card-in-group-border-radius);
  border-bottom-width: 0;
}
:root {
  --lf-alert-padding-vertical: 10px;
  --lf-alert-padding-horizontal: 10px;
  --lf-alert-min-height: 40px;
  --lf-alert-gap: 8px;
  --lf-alert-border-radius: 8px;
  --lf-alert-icon-size: 18px;
  --lf-alert-content-font: var(--lf-text-font);
}
.lf-alert {
  display: flex;
  gap: var(--lf-alert-gap);
  align-items: center;
  padding: var(--lf-alert-padding-vertical) var(--lf-alert-padding-horizontal);
  min-height: var(--lf-alert-min-height);
  font: var(--lf-alert-content-font);
  color: var(--lf-text-500);
  border-radius: var(--lf-alert-border-radius);
  background: var(--lf-current-accent-100, var(--lf-bg-200));
}
.lf-alert a {
  color: var(--lf-current-accent-500, var(--lf-main-900));
}
.lf-alert a:hover,
.lf-alert a:focus-visible {
  color: var(--lf-current-accent-400, var(--lf-main-700));
}
.lf-alert__icon {
  font-size: var(--lf-alert-icon-size);
  width: 1em;
  height: 1em;
  color: var(--lf-current-accent-500, var(--lf-main-900));
}
:root {
  --lf-badge-vertical-padding: 5px;
  --lf-badge-horizontal-padding: 10px;
  --lf-badge-border-radius: 40px;
  --lf-badge-font: var(--lf-subtitle-m-font);
  --lf-badge-gap: 5px;
  --lf-badge-group-gap: 8px;
  --lf-indicator-badge-xl-vertical-padding: 6px;
  --lf-indicator-badge-xl-horizontal-padding: 8px;
  --lf-indicator-badge-xl-border-radius: 100px;
  --lf-indicator-badge-xl-font: var(--lf-caption-font);
  --lf-indicator-badge-xl-size-with-content: 24px;
  --lf-indicator-badge-xl-size-without-content: 20px;
  --lf-indicator-badge-xl-offset-with-content: -7px;
  --lf-indicator-badge-xl-offset-without-content: -5px;
  --lf-indicator-badge-l-vertical-padding: 5px;
  --lf-indicator-badge-l-horizontal-padding: 7px;
  --lf-indicator-badge-l-border-radius: 100px;
  --lf-indicator-badge-l-font: var(--lf-caption-font);
  --lf-indicator-badge-l-size-with-content: 22px;
  --lf-indicator-badge-l-size-without-content: 16px;
  --lf-indicator-badge-l-offset-with-content: -7px;
  --lf-indicator-badge-l-offset-without-content: -4px;
  --lf-indicator-badge-m-vertical-padding: 4px;
  --lf-indicator-badge-m-horizontal-padding: 6px;
  --lf-indicator-badge-m-border-radius: 100px;
  --lf-indicator-badge-m-font: var(--lf-caption-font);
  --lf-indicator-badge-m-size-with-content: 20px;
  --lf-indicator-badge-m-size-without-content: 14px;
  --lf-indicator-badge-m-offset-with-content: -6px;
  --lf-indicator-badge-m-offset-without-content: -4px;
  --lf-indicator-badge-s-vertical-padding: 3px;
  --lf-indicator-badge-s-horizontal-padding: 4px;
  --lf-indicator-badge-s-border-radius: 100px;
  --lf-indicator-badge-s-font: var(--lf-caption-s-font);
  --lf-indicator-badge-s-size-with-content: 16px;
  --lf-indicator-badge-s-size-without-content: 12px;
  --lf-indicator-badge-s-offset-with-content: -5px;
  --lf-indicator-badge-s-offset-without-content: -3px;
  --lf-indicator-badge-xs-vertical-padding: 2px;
  --lf-indicator-badge-xs-horizontal-padding: 3px;
  --lf-indicator-badge-xs-border-radius: 100px;
  --lf-indicator-badge-xs-font: var(--lf-caption-s-font);
  --lf-indicator-badge-xs-size-with-content: 14px;
  --lf-indicator-badge-xs-size-without-content: 10px;
  --lf-indicator-badge-xs-offset-with-content: -5px;
  --lf-indicator-badge-xs-offset-without-content: -3px;
}
.lf-xl {
  --lf-indicator-badge-vertical-padding: var(--lf-indicator-badge-xl-vertical-padding);
  --lf-indicator-badge-horizontal-padding: var(--lf-indicator-badge-xl-horizontal-padding);
  --lf-indicator-badge-border-radius: var(--lf-indicator-badge-xl-border-radius);
  --lf-indicator-badge-font: var(--lf-indicator-badge-xl-font);
  --lf-indicator-badge-size-with-content: var(--lf-indicator-badge-xl-size-with-content);
  --lf-indicator-badge-size-without-content: var(--lf-indicator-badge-xl-size-without-content);
  --lf-indicator-badge-offset-with-content: var(--lf-indicator-badge-xl-offset-with-content);
  --lf-indicator-badge-offset-without-content: var(--lf-indicator-badge-xl-offset-without-content);
}
.lf-l {
  --lf-indicator-badge-vertical-padding: var(--lf-indicator-badge-l-vertical-padding);
  --lf-indicator-badge-horizontal-padding: var(--lf-indicator-badge-l-horizontal-padding);
  --lf-indicator-badge-border-radius: var(--lf-indicator-badge-l-border-radius);
  --lf-indicator-badge-font: var(--lf-indicator-badge-l-font);
  --lf-indicator-badge-size-with-content: var(--lf-indicator-badge-l-size-with-content);
  --lf-indicator-badge-size-without-content: var(--lf-indicator-badge-l-size-without-content);
  --lf-indicator-badge-offset-with-content: var(--lf-indicator-badge-l-offset-with-content);
  --lf-indicator-badge-offset-without-content: var(--lf-indicator-badge-l-offset-without-content);
}
:root,
.lf-m {
  --lf-indicator-badge-vertical-padding: var(--lf-indicator-badge-m-vertical-padding);
  --lf-indicator-badge-horizontal-padding: var(--lf-indicator-badge-m-horizontal-padding);
  --lf-indicator-badge-border-radius: var(--lf-indicator-badge-m-border-radius);
  --lf-indicator-badge-font: var(--lf-indicator-badge-m-font);
  --lf-indicator-badge-size-with-content: var(--lf-indicator-badge-m-size-with-content);
  --lf-indicator-badge-size-without-content: var(--lf-indicator-badge-m-size-without-content);
  --lf-indicator-badge-offset-with-content: var(--lf-indicator-badge-m-offset-with-content);
  --lf-indicator-badge-offset-without-content: var(--lf-indicator-badge-m-offset-without-content);
}
.lf-s {
  --lf-indicator-badge-vertical-padding: var(--lf-indicator-badge-s-vertical-padding);
  --lf-indicator-badge-horizontal-padding: var(--lf-indicator-badge-s-horizontal-padding);
  --lf-indicator-badge-border-radius: var(--lf-indicator-badge-s-border-radius);
  --lf-indicator-badge-font: var(--lf-indicator-badge-s-font);
  --lf-indicator-badge-size-with-content: var(--lf-indicator-badge-s-size-with-content);
  --lf-indicator-badge-size-without-content: var(--lf-indicator-badge-s-size-without-content);
  --lf-indicator-badge-offset-with-content: var(--lf-indicator-badge-s-offset-with-content);
  --lf-indicator-badge-offset-without-content: var(--lf-indicator-badge-s-offset-without-content);
}
.lf-xs {
  --lf-indicator-badge-vertical-padding: var(--lf-indicator-badge-xs-vertical-padding);
  --lf-indicator-badge-horizontal-padding: var(--lf-indicator-badge-xs-horizontal-padding);
  --lf-indicator-badge-border-radius: var(--lf-indicator-badge-xs-border-radius);
  --lf-indicator-badge-font: var(--lf-indicator-badge-xs-font);
  --lf-indicator-badge-size-with-content: var(--lf-indicator-badge-xs-size-with-content);
  --lf-indicator-badge-size-without-content: var(--lf-indicator-badge-xs-size-without-content);
  --lf-indicator-badge-offset-with-content: var(--lf-indicator-badge-xs-offset-with-content);
  --lf-indicator-badge-offset-without-content: var(--lf-indicator-badge-xs-offset-without-content);
}
.lf-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--lf-badge-gap);
  padding: var(--lf-badge-vertical-padding) var(--lf-badge-horizontal-padding);
  border-radius: var(--lf-badge-border-radius);
  font: var(--lf-badge-font);
  transition-duration: var(--lf-transition-duration);
  transition-property: color, background-color;
  color: var(--lf-current-accent-500, var(--lf-main-900));
  background-color: var(--lf-current-accent-100, var(--lf-main-100));
}
.lf-badges-group {
  display: flex;
  gap: var(--lf-badge-group-gap);
}
.lf-badges-group.lf-badges-group_horizontal {
  flex-wrap: wrap;
}
.lf-badges-group.lf-badges-group_vertical {
  flex-direction: column;
}
.lf-indicator-badge {
  display: block;
  position: relative;
  padding: var(--lf-indicator-badge-vertical-padding) var(--lf-indicator-badge-horizontal-padding);
  border-radius: var(--lf-indicator-badge-border-radius);
  background-color: var(--lf-current-accent-500, var(--lf-main-900));
  color: var(--lf-current-accent-text, var(--lf-text-100));
  font: var(--lf-indicator-badge-font);
  line-height: 1;
  height: 1em;
  text-align: center;
  transition-duration: var(--lf-transition-duration);
  transition-property: color, background-color;
  min-width: var(--lf-indicator-badge-size-with-content);
  min-height: var(--lf-indicator-badge-size-with-content);
}
.lf-indicator-badge:empty {
  min-width: var(--lf-indicator-badge-size-without-content);
  min-height: var(--lf-indicator-badge-size-without-content);
}
.lf-indicator-badge.lf-indicator-badge_pinned {
  position: absolute;
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  top: var(--lf-indicator-badge-offset-with-content);
  right: var(--lf-indicator-badge-offset-with-content);
}
.lf-indicator-badge.lf-indicator-badge_pinned:empty {
  top: var(--lf-indicator-badge-offset-without-content);
  right: var(--lf-indicator-badge-offset-without-content);
}
.lf-indicator-badge > .lf-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: calc(2px + var(--lf-indicator-badge-size-with-content) - 2 * var(--lf-indicator-badge-vertical-padding));
}
.lf-btn:not([disabled]).lf-btn_primary .lf-indicator-badge.lf-indicator-badge_unpinned,
.lf-btn:not([disabled]).lf-btn_secondary:hover .lf-indicator-badge.lf-indicator-badge_unpinned,
.lf-btn:not([disabled]).lf-btn_secondary:focus-visible .lf-indicator-badge.lf-indicator-badge_unpinned {
  background-color: var(--lf-current-accent-100, var(--lf-text-100));
  color: var(--lf-current-accent-500, var(--lf-main-900));
}
.lf-btn[disabled] .lf-indicator-badge.lf-indicator-badge_unpinned {
  background-color: var(--lf-current-accent-200, var(--lf-main-300));
  color: var(--lf-current-accent-100, var(--lf-main-500));
}
:root {
  --lf-chip-height: 24px;
  --lf-chip-vertical-padding: 3px;
  --lf-chip-horizontal-padding: 7px;
  --lf-chip-border-radius: 6px;
  --lf-chip-gap: 4px;
  --lf-chip-font: var(--lf-subtitle-m-font);
  --lf-chip-font-compact: var(--lf-text-m-font);
  --lf-chip-icon-size: 16px;
  --lf-chip-icon-size-compact: 14px;
  --lf-chip-grid-gap: 8px;
  --lf-chip-grid-gap-compact: 4px;
}
:root {
  --lf-toast-width: 474px;
  --lf-toast-vertical-spacing: 20px;
  --lf-toast-horizontal-spacing: 20px;
  --lf-toast-gap: 20px;
}
:root {
  --lf-loader-spinner-size: 48px;
  --lf-loader-text-font: var(--lf-h5-font);
  --lf-loader-gap: 16px;
}
.lf-element-with-loader {
  position: relative;
}
.lf-dialog-with-loader {
  position: relative;
  border-radius: var(--lf-dialog-border-radius);
  overflow: hidden;
}
:root {
  --lf-placeholder-icon-size: 175px;
  --lf-placeholder-text-font: var(--lf-h6-font);
  --lf-placeholder-gap: 25px;
}
:root {
  --lf-linear-progress-bar-height: 12px;
  --lf-linear-progress-bar-border-radius: 3px;
  --lf-linear-progress-bar-gap: 2px;
  --lf-linear-progress-legend-spacing: 16px;
  --lf-linear-progress-legend-items-gap: 32px;
  --lf-linear-progress-legend-title-font: var(--lf-text-s-font);
  --lf-linear-progress-legend-value-font: var(--lf-subtitle-s-font);
  --lf-linear-progress-legend-item-gap: 4px;
  --lf-linear-progress-legend-value-gap: 6px;
}
.lf-linear-progress-bar {
  display: block;
}
.lf-linear-progress-bar__wrapper {
  display: flex;
  gap: var(--lf-linear-progress-bar-gap);
}
.lf-linear-progress-bar__wrapper .lf-progress-segment {
  display: block;
  height: var(--lf-linear-progress-bar-height);
  border-radius: var(--lf-linear-progress-bar-border-radius);
  flex-grow: 1;
  flex-shrink: 1;
  background-color: var(--lf-current-accent-400, var(--lf-main-900));
  transition-duration: var(--lf-transition-duration);
  transition-property: flex-basis;
}
.lf-linear-progress-bar__legend {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--lf-linear-progress-legend-items-gap);
  row-gap: var(--lf-linear-progress-legend-spacing);
  margin-top: var(--lf-linear-progress-legend-spacing);
}
.lf-progress-legend-item__title {
  font: var(--lf-linear-progress-legend-title-font);
  color: var(--lf-text-300);
  margin-bottom: var(--lf-linear-progress-legend-item-gap);
}
.lf-progress-legend-item__value {
  display: flex;
  align-items: center;
  gap: var(--lf-linear-progress-legend-value-gap);
}
.lf-progress-legend-item__indicator {
  flex: 0 0 auto;
  width: var(--lf-linear-progress-bar-height);
  height: var(--lf-linear-progress-bar-height);
  border-radius: var(--lf-linear-progress-bar-border-radius);
  background-color: var(--lf-current-accent-400, var(--lf-main-900));
}
.lf-progress-legend-item__count {
  font: var(--lf-linear-progress-legend-value-font);
  color: var(--lf-text-900);
}
:root {
  --lf-accordion-horizontal-padding: 16px;
  --lf-accordion-toggle-icon-size: 18px;
  --lf-accordion-item-border-width: 1px;
  --lf-accordion-item-header-font: var(--lf-subtitle-font);
  --lf-accordion-item-header-min-height: 44px;
  --lf-accordion-item-header-vertical-padding: 6px;
  --lf-accordion-item-header-gap: 16px;
  --lf-accordion-item-content-vertical-padding: 16px;
}
.lf-accordion {
  display: block;
}
.lf-accordion-item {
  display: block;
  background: var(--lf-bg-100);
  border-bottom: var(--lf-accordion-item-border-width) solid var(--lf-main-300);
  transition-duration: var(--lf-transition-duration);
  transition-property: background-color;
  overflow: hidden;
}
.lf-accordion-item:hover:not(.lf-accordion-item_disabled),
.lf-accordion-item:focus-visible:not(.lf-accordion-item_disabled),
.lf-accordion-item.lf-accordion-item_opened {
  background: var(--lf-bg-200);
}
.lf-accordion-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--lf-accordion-item-header-gap);
  min-height: var(--lf-accordion-item-header-min-height);
  padding: var(--lf-accordion-item-header-vertical-padding) var(--lf-accordion-horizontal-padding);
  cursor: pointer;
}
.lf-accordion-item__header-title {
  font: var(--lf-accordion-item-header-font);
  color: var(--lf-text-500);
  flex: 1 1 auto;
}
.lf-accordion-item__content-body {
  padding: var(--lf-accordion-item-content-vertical-padding) var(--lf-accordion-horizontal-padding);
}
.lf-accordion-item__toggle-icon {
  font-size: var(--lf-accordion-toggle-icon-size);
  color: var(--lf-brand-500);
}
.lf-accordion-item_disabled > .lf-accordion-item__header {
  opacity: 0.6;
  cursor: not-allowed;
}
:root {
  --lf-table-header-height: 36px;
  --lf-table-header-font: var(--lf-caption-font);
  --lf-table-header-sortable-icon-size: 24px;
  --lf-table-side-gap: 8px;
  --lf-table-side-gap-md: 14px;
  --lf-table-side-gap-lg: 20px;
  --lf-table-cell-height: 49px;
  --lf-table-cell-padding-vertical: 4px;
}
:root {
  --lf-tab-list-gap: 10px;
  --lf-tab-height: 45px;
  --lf-tab-min-width: 80px;
  --lf-tab-padding-horizontal: 8px;
  --lf-tab-padding-vertical: 0;
  --lf-tab-icon-size: 16px;
  --lf-tab-active-indicator-width: 2px;
  --lf-tab-gap: 8px;
  --lf-tab-text-font: var(--lf-subtitle-m-font);
}
:root {
  --lf-nav-tab-list-padding: 4px;
  --lf-nav-tab-list-border-radius: 8px;
  --lf-nav-tab-height: 30px;
  --lf-nav-tab-width: 80px;
  --lf-nav-tab-padding-horizontal: 16px;
  --lf-nav-tab-padding-vertical: 5px;
  --lf-nav-tab-gap: 4px;
  --lf-nav-tab-icon-size: 20px;
  --lf-nav-tab-text-font: var(--lf-subtitle-s-font);
  --lf-nav-tab-border-radius: 6px;
}
:root {
  --lf-tab-list-border-color: var(--lf-brand-500);
  --lf-tab-list-border-radius: 4px;
  --lf-tab-list-bg-color: var(--lf-bg-100);
}
:root {
  --lf-content-tabs-divider-width: 1px;
  --lf-content-tabs-header-min-height: 54px;
  --lf-content-tabs-header-addon-spacing: 8px;
}
:root {
  --lf-bookmark-tabs-border-radius: 10px;
  --lf-bookmark-tabs-border-width: 1px;
  --lf-bookmark-tab-padding-vertical: 2px;
  --lf-bookmark-tab-padding-horizontal: 16px;
  --lf-bookmark-tab-height: 32px;
}
:root {
  --lf-list-border-radius: 6px;
  --lf-list-border-width: 1px;
  --lf-list-item-height: 52px;
  --lf-list-item-padding-horizontal: 16px;
  --lf-list-item-padding-vertical: 8px;
  --lf-list-item-gap: 12px;
  --lf-list-item-border-width: 1px;
  --lf-list-item-text-lines-gap: 4px;
  --lf-list-item-font: var(--lf-subtitle-m-font);
  --lf-list-item-font-secondary: var(--lf-text-m-font);
  --lf-list-item-icon-size: 20px;
  --lf-list-sticky-border-width: 1px;
  --lf-list-sticky-padding-horizontal: var(--lf-list-item-padding-horizontal);
  --lf-list-sticky-padding-vertical: 5px;
  --lf-list-sticky-font: var(--lf-subtitle-s-font);
  --lf-actions-list-min-width: 175px;
  --lf-actions-list-item-min-height: 43px;
  --lf-actions-list-item-padding-vertical: 6px;
  --lf-actions-list-item-padding-horizontal: 12px;
  --lf-actions-list-item-gap: 14px;
  --lf-actions-list-item-icon-size: 18px;
  --lf-actions-list-item-border-width: 1px;
  --lf-actions-list-item-separator-width: 2px;
  --lf-actions-list-item-font: var(--lf-text);
}
.lf-actions-list {
  display: block;
  min-width: var(--lf-actions-list-min-width);
}
button.lf-actions-list-item {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
}
a.lf-actions-list-item {
  text-decoration: none;
}
.lf-actions-list-item,
button.lf-actions-list-item,
a.lf-actions-list-item {
  display: block;
  width: 100%;
  cursor: pointer;
  border-top: var(--lf-actions-list-item-border-width) solid var(--lf-main-300);
  transition-duration: var(--lf-transition-duration);
  transition-property: background-color;
  background-color: var(--lf-bg-100);
  text-align: left;
}
.lf-actions-list-item:hover,
.lf-actions-list-item:focus-visible,
button.lf-actions-list-item:hover,
button.lf-actions-list-item:focus-visible,
a.lf-actions-list-item:hover,
a.lf-actions-list-item:focus-visible {
  background-color: var(--lf-current-accent-100, var(--lf-bg-300));
}
.lf-actions-list-item:first-child,
button.lf-actions-list-item:first-child,
a.lf-actions-list-item:first-child {
  border-top: none;
}
.lf-actions-list-item.lf-actions-list-item__separated,
button.lf-actions-list-item.lf-actions-list-item__separated,
a.lf-actions-list-item.lf-actions-list-item__separated {
  border-top-width: var(--lf-actions-list-item-separator-width);
}
.lf-actions-list-item.lf-actions-list-item__disabled,
.lf-actions-list-item[disabled],
button.lf-actions-list-item.lf-actions-list-item__disabled,
button.lf-actions-list-item[disabled],
a.lf-actions-list-item.lf-actions-list-item__disabled,
a.lf-actions-list-item[disabled] {
  cursor: not-allowed;
  background-color: var(--lf-bg-100);
}
.lf-actions-list-item.lf-actions-list-item__disabled .lf-actions-list-item__content,
.lf-actions-list-item.lf-actions-list-item__disabled .lf-actions-list-item__icon .lf-icon,
.lf-actions-list-item[disabled] .lf-actions-list-item__content,
.lf-actions-list-item[disabled] .lf-actions-list-item__icon .lf-icon,
button.lf-actions-list-item.lf-actions-list-item__disabled .lf-actions-list-item__content,
button.lf-actions-list-item.lf-actions-list-item__disabled .lf-actions-list-item__icon .lf-icon,
button.lf-actions-list-item[disabled] .lf-actions-list-item__content,
button.lf-actions-list-item[disabled] .lf-actions-list-item__icon .lf-icon,
a.lf-actions-list-item.lf-actions-list-item__disabled .lf-actions-list-item__content,
a.lf-actions-list-item.lf-actions-list-item__disabled .lf-actions-list-item__icon .lf-icon,
a.lf-actions-list-item[disabled] .lf-actions-list-item__content,
a.lf-actions-list-item[disabled] .lf-actions-list-item__icon .lf-icon {
  color: var(--lf-current-accent-200, var(--lf-main-500));
}
.lf-actions-list-item__wrapper {
  display: flex;
  align-items: center;
  min-height: var(--lf-actions-list-item-min-height);
  padding: var(--lf-actions-list-item-padding-vertical) var(--lf-actions-list-item-padding-horizontal);
  gap: var(--lf-actions-list-item-gap);
}
.lf-actions-list-item__icon {
  display: inline-flex;
  flex: 0 0 auto;
}
.lf-actions-list-item__icon:empty {
  display: none;
}
.lf-actions-list-item__icon .lf-icon {
  font-size: var(--lf-actions-list-item-icon-size);
  color: var(--lf-current-accent-500, var(--lf-main-900));
  transition-duration: var(--lf-transition-duration);
  transition-property: color;
}
.lf-actions-list-item__icon_suffix .lf-icon {
  color: var(--lf-current-accent-500, var(--lf-main-700));
}
.lf-actions-list-item__content {
  flex: 1 1 auto;
  font: var(--lf-actions-list-item-font);
  line-height: 1;
  color: var(--lf-current-accent-500, var(--lf-text-900));
  transition-duration: var(--lf-transition-duration);
  transition-property: color;
}
:root {
  --lf-overlay-animation-initial-scale: 0.95;
  --lf-overlay-animation-initial-offset: 15px;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.4);
}
.lf-overlay-content_animated,
.lf-overlay-content_animated-left,
.lf-overlay-content_animated-right,
.lf-overlay-content_animated-up,
.lf-overlay-content_animated-down,
.lf-overlay-content_animated-slide-in-left,
.lf-overlay-content_animated-slide-from-left,
.lf-overlay-content_animated-slide-in-right,
.lf-overlay-content_animated-slide-from-right {
  animation-iteration-count: 1;
  animation-duration: var(--lf-transition-duration-fast);
  animation-timing-function: ease-out;
}
.lf-overlay-content_animated {
  animation-name: fade-scale;
}
.lf-overlay-content_animated-left {
  animation-name: fade-scale-left;
}
.lf-overlay-content_animated-right {
  animation-name: fade-scale-right;
}
.lf-overlay-content_animated-up {
  animation-name: fade-scale-up;
}
.lf-overlay-content_animated-down {
  animation-name: fade-scale-down;
}
.lf-overlay-content_animated-slide-in-left,
.lf-overlay-content_animated-slide-from-right {
  animation-name: slide-in-left;
}
.lf-overlay-content_animated-slide-in-right,
.lf-overlay-content_animated-slide-from-left {
  animation-name: slide-in-right;
}
.lf-overlay-content_lock-animation {
  animation: none;
}
:root {
  --lf-dialog-border-radius: 12px;
  --lf-dialog-border-width: 1px;
  --lf-dialog-header-padding-vertical: 16px;
  --lf-dialog-header-padding-horizontal: 24px;
  --lf-dialog-header-gap: 16px;
  --lf-dialog-header-font: var(--lf-h5-font);
  --lf-dialog-header-close-btn-size: 32px;
  --lf-dialog-header-close-btn-icon-size: 22px;
  --lf-dialog-header-icon-wrapper-size: 40px;
  --lf-dialog-header-icon-size: 24px;
  --lf-dialog-content-padding-vertical: 32px;
  --lf-dialog-content-padding-horizontal: 24px;
  --lf-dialog-footer-padding-vertical: 14px;
  --lf-dialog-footer-padding-horizontal: 24px;
  --lf-dialog-footer-gap: 8px;
}
:root {
  --lf-dropdown-border-radius: 6px;
  --lf-dropdown-border-width: 2px;
  --lf-dropdown-default-max-height: 500px;
  --lf-dropdown-header-padding-horizontal: 16px;
  --lf-dropdown-header-padding-vertical: 16px;
  --lf-dropdown-body-padding-horizontal: 16px;
  --lf-dropdown-body-padding-vertical: 8px;
  --lf-dropdown-footer-padding-horizontal: 16px;
  --lf-dropdown-footer-padding-vertical: 12px;
}
.lf-dropdown {
  box-shadow: var(--lf-elevation-300);
}
.lf-overlay-above .lf-dropdown {
  box-shadow: var(--lf-elevation-300-inverse);
}
:root {
  --lf-side-overlay-close-btn-size: 24px;
  --lf-side-overlay-border-width: 1px;
  --lf-side-overlay-header-padding-horizontal: 16px;
  --lf-side-overlay-header-padding-vertical: 16px;
  --lf-side-overlay-body-padding-horizontal: 16px;
  --lf-side-overlay-body-padding-vertical: 16px;
  --lf-side-overlay-footer-padding-horizontal: 16px;
  --lf-side-overlay-footer-padding-vertical: 16px;
}
.lf-icon {
  display: inline-flex;
}
button.lf-icon {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  font-size: inherit;
  color: var(--lf-current-accent-500, var(--lf-main-900));
  transition-duration: var(--lf-transition-duration);
  transition-property: color;
}
button.lf-icon:hover,
button.lf-icon:focus-visible {
  color: var(--lf-current-accent-400, var(--lf-main-700));
}
.lf-icon_inline {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.lf-svg-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}
.lf-svg-icon svg {
  display: block;
  color: inherit;
}
.icon-color .lf-svg-icon svg * {
  stroke: currentColor;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */