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

/* src/styles.scss */
.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;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  inset: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.3215686275);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@keyframes fade-scale {
  0% {
    opacity: 0;
    transform: scale(var(--lf-overlay-animation-initial-scale));
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fade-scale-down {
  0% {
    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 {
  0% {
    opacity: 0;
    transform: scale(var(--lf-overlay-animation-initial-scale)) translate(calc(-1 * var(--lf-overlay-animation-initial-offset)));
  }
  to {
    opacity: 1;
    transform: scale(1) translate(0);
  }
}
@keyframes fade-scale-left {
  0% {
    opacity: 0;
    transform: scale(var(--lf-overlay-animation-initial-scale)) translate(var(--lf-overlay-animation-initial-offset));
  }
  to {
    opacity: 1;
    transform: scale(1) translate(0);
  }
}
@keyframes fade-scale-up {
  0% {
    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 {
  0% {
    transform: translate(100%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes slide-in-right {
  0% {
    transform: translate(-100%);
  }
  to {
    transform: translate(0);
  }
}
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, .12);
  --lf-elevation-100-inverse: 0 -2px 8px 0 rgba(25, 26, 27, .12);
  --lf-elevation-200: 0 4px 12px 0 rgba(25, 26, 27, .16);
  --lf-elevation-200-inverse: 0 -4px 12px 0 rgba(25, 26, 27, .16);
  --lf-elevation-300: 0 8px 16px 0 rgba(25, 26, 27, .2);
  --lf-elevation-300-inverse: 0 -8px 16px 0 rgba(25, 26, 27, .2);
}
.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-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-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);
}
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-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-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-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-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-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-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.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,
.lf-field.no-addon-suffix .field-addon_suffix {
  display: none;
}
.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-main-900);
}
.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-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: 2px;
  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);
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.lf-field .lf-input::-webkit-calendar-picker-indicator:hover {
  opacity: 0.6;
}
.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-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 .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.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-main-500);
}
.lf-field.disabled .lf-control {
  color: var(--lf-main-700);
  background-color: var(--lf-bg-300);
}
: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: 24px;
  --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: 24px;
  --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: 24px;
  --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: 24px;
  --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-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 {
  border-radius: var(--lf-card-border-radius);
  border: 1px solid var(--lf-main-100);
  background-color: var(--lf-bg);
  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));
}
: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);
  color: var(--lf-current-accent-text);
  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);
  color: var(--lf-current-accent-500);
}
.lf-btn[disabled] .lf-indicator-badge.lf-indicator-badge_unpinned {
  background-color: var(--lf-current-accent-200);
  color: var(--lf-current-accent-100);
}
: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-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);
}
:root {
  --lf-overlay-animation-initial-scale: .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;
}
@font-face {
  font-family: LfIcons;
  src:
    url("./media/LfIcons.ttf?8578de0ad9bd9ee12fac34e594af6262") format("truetype"),
    url("./media/LfIcons.woff?8578de0ad9bd9ee12fac34e594af6262") format("woff"),
    url("./media/LfIcons.woff2?8578de0ad9bd9ee12fac34e594af6262") format("woff2");
}
.lf-icon:before {
  font-family: LfIcons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lf-icon.lf-icon-arrow_counter_clockwise_bold:before {
  content: "\f101";
}
.lf-icon.lf-icon-arrow_left:before {
  content: "\f102";
}
.lf-icon.lf-icon-arrow_right:before {
  content: "\f103";
}
.lf-icon.lf-icon-arrow_up_bold:before {
  content: "\f104";
}
.lf-icon.lf-icon-arrows_parallel_horizontal:before {
  content: "\f105";
}
.lf-icon.lf-icon-asterisk:before {
  content: "\f106";
}
.lf-icon.lf-icon-attach:before {
  content: "\f107";
}
.lf-icon.lf-icon-block:before {
  content: "\f108";
}
.lf-icon.lf-icon-calendar:before {
  content: "\f109";
}
.lf-icon.lf-icon-caret_down_small_filled:before {
  content: "\f10a";
}
.lf-icon.lf-icon-caret_down_small:before {
  content: "\f10b";
}
.lf-icon.lf-icon-caret_down:before {
  content: "\f10c";
}
.lf-icon.lf-icon-caret_left_double:before {
  content: "\f10d";
}
.lf-icon.lf-icon-caret_left:before {
  content: "\f10e";
}
.lf-icon.lf-icon-caret_right_double:before {
  content: "\f10f";
}
.lf-icon.lf-icon-caret_right:before {
  content: "\f110";
}
.lf-icon.lf-icon-caret_up_small:before {
  content: "\f111";
}
.lf-icon.lf-icon-caret_up:before {
  content: "\f112";
}
.lf-icon.lf-icon-chart:before {
  content: "\f113";
}
.lf-icon.lf-icon-check-circle:before {
  content: "\f114";
}
.lf-icon.lf-icon-check_bold:before {
  content: "\f115";
}
.lf-icon.lf-icon-check:before {
  content: "\f116";
}
.lf-icon.lf-icon-clock:before {
  content: "\f117";
}
.lf-icon.lf-icon-clockwise:before {
  content: "\f118";
}
.lf-icon.lf-icon-close_bold:before {
  content: "\f119";
}
.lf-icon.lf-icon-close:before {
  content: "\f11a";
}
.lf-icon.lf-icon-cloud_upload:before {
  content: "\f11b";
}
.lf-icon.lf-icon-copy:before {
  content: "\f11c";
}
.lf-icon.lf-icon-delete:before {
  content: "\f11d";
}
.lf-icon.lf-icon-desktop:before {
  content: "\f11e";
}
.lf-icon.lf-icon-download:before {
  content: "\f11f";
}
.lf-icon.lf-icon-edit:before {
  content: "\f120";
}
.lf-icon.lf-icon-email_send:before {
  content: "\f121";
}
.lf-icon.lf-icon-filter:before {
  content: "\f122";
}
.lf-icon.lf-icon-flag_filled:before {
  content: "\f123";
}
.lf-icon.lf-icon-flag:before {
  content: "\f124";
}
.lf-icon.lf-icon-info_bold:before {
  content: "\f125";
}
.lf-icon.lf-icon-link_break:before {
  content: "\f126";
}
.lf-icon.lf-icon-link:before {
  content: "\f127";
}
.lf-icon.lf-icon-log_out:before {
  content: "\f128";
}
.lf-icon.lf-icon-minus_bold:before {
  content: "\f129";
}
.lf-icon.lf-icon-minus_circle:before {
  content: "\f12a";
}
.lf-icon.lf-icon-minus:before {
  content: "\f12b";
}
.lf-icon.lf-icon-mobile:before {
  content: "\f12c";
}
.lf-icon.lf-icon-more_vertical:before {
  content: "\f12d";
}
.lf-icon.lf-icon-password_reset:before {
  content: "\f12e";
}
.lf-icon.lf-icon-plus_bold:before {
  content: "\f12f";
}
.lf-icon.lf-icon-plus:before {
  content: "\f130";
}
.lf-icon.lf-icon-question_circle:before {
  content: "\f131";
}
.lf-icon.lf-icon-repeat:before {
  content: "\f132";
}
.lf-icon.lf-icon-scanner_barcode:before {
  content: "\f133";
}
.lf-icon.lf-icon-search:before {
  content: "\f134";
}
.lf-icon.lf-icon-settings:before {
  content: "\f135";
}
.lf-icon.lf-icon-siren:before {
  content: "\f136";
}
.lf-icon.lf-icon-store:before {
  content: "\f137";
}
.lf-icon.lf-icon-subitems:before {
  content: "\f138";
}
.lf-icon.lf-icon-task_square:before {
  content: "\f139";
}
.lf-icon.lf-icon-unlock:before {
  content: "\f13a";
}
.lf-icon.lf-icon-user_add:before {
  content: "\f13b";
}
.lf-icon.lf-icon-user:before {
  content: "\f13c";
}
.lf-icon.lf-icon-visible_off:before {
  content: "\f13d";
}
.lf-icon.lf-icon-visible:before {
  content: "\f13e";
}
.lf-icon.lf-icon-warning_circle:before {
  content: "\f13f";
}
.lf-icon.lf-icon-warning_triangle_filled:before {
  content: "\f140";
}
:root {
  --lf-h1-font-size: 36px;
  --lf-h1-line-height: 1.3;
}
:root {
  --aside-layout-content-max-width: 420px;
  --aside-layout-content-min-width: 375px;
  --aside-layout-content-paddings: 70px;
  --aside-banner-max-width: 660px;
  --aside-banner-max-height: 452px;
  --aside-banner-min-width: 460px;
  --aside-banner-min-height: 352px;
  --aside-banner-animation-duration: 10s;
  --aside-banner-corner-radius: 180px;
  --aside-banner-foreground-offset: -60px;
}
html,
body {
  min-height: 100vh;
}
body {
  overflow: hidden;
}
.app-title {
  margin-bottom: 24px;
}
.app-subtitle {
  margin-bottom: 44px;
  line-height: 110%;
}
@media screen and (width <= 1152px) {
  .app-title {
    font-size: 28px;
  }
  .app-subtitle {
    font-size: 14px;
    line-height: 115%;
  }
}
@media screen and (width <= 768px) {
  .app-title {
    font-size: 22px;
  }
  .app-subtitle {
    line-height: 140%;
  }
}
.app-error-message,
.app-failed-login {
  font-size: 12px;
  font-weight: 500;
  color: var(--lf-danger-500);
  position: absolute;
}
.app-error-message {
  top: 140px;
}
.app-failed-login {
  text-align: center;
  padding-top: 5px;
  left: 0;
  right: 0;
}
.app-btn {
  display: flex;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background-color: var(--lf-success-500);
  box-shadow: 0px 16px 16px -8px rgba(61, 202, 54, 0.24);
  width: 100%;
  border: none;
  outline: none;
  font-family: var(--lf-font-family);
  font-weight: 700;
  font-size: 20px;
  color: var(--lf-text-100);
  cursor: pointer;
  margin-top: 44px;
  text-decoration: none;
  transition-duration: var(--lf-transition-duration);
  transition-property:
    backround-color,
    color,
    opacity,
    border-color;
}
.app-btn:disabled {
  background-color: var(--lf-success-200);
  cursor: not-allowed;
}
.app-btn:hover {
  text-decoration: none;
  color: var(--lf-text-100);
  background-color: var(--lf-success-400);
}

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