/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/tippy.js/dist/tippy.css ***!
  \******************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/tippy.js/themes/light.css ***!
  \********************************************************************************************************************************************************************************************************************************/
.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/tippy.js/animations/scale.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/lib/codemirror.css ***!
  \************************************************************************************************************************************************************************************************************************************/
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */ border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/theme/material.css ***!
  \************************************************************************************************************************************************************************************************************************************/
/*
  Name:       material
  Author:     Mattia Astorino (http://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-material.CodeMirror {
  background-color: #263238;
  color: #EEFFFF;
}

.cm-s-material .CodeMirror-gutters {
  background: #263238;
  color: #546E7A;
  border: none;
}

.cm-s-material .CodeMirror-guttermarker,
.cm-s-material .CodeMirror-guttermarker-subtle,
.cm-s-material .CodeMirror-linenumber {
  color: #546E7A;
}

.cm-s-material .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
}
.cm-s-material.cm-fat-cursor .CodeMirror-cursor {
  background-color: #5d6d5c80 !important;
}
.cm-s-material .cm-animate-fat-cursor {
  background-color: #5d6d5c80 !important;
}

.cm-s-material div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::selection,
.cm-s-material .CodeMirror-line>span::selection,
.cm-s-material .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-line::-moz-selection,
.cm-s-material .CodeMirror-line>span::-moz-selection,
.cm-s-material .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-material .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
}

.cm-s-material .cm-keyword {
  color: #C792EA;
}

.cm-s-material .cm-operator {
  color: #89DDFF;
}

.cm-s-material .cm-variable-2 {
  color: #EEFFFF;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #f07178;
}

.cm-s-material .cm-builtin {
  color: #FFCB6B;
}

.cm-s-material .cm-atom {
  color: #F78C6C;
}

.cm-s-material .cm-number {
  color: #FF5370;
}

.cm-s-material .cm-def {
  color: #82AAFF;
}

.cm-s-material .cm-string {
  color: #C3E88D;
}

.cm-s-material .cm-string-2 {
  color: #f07178;
}

.cm-s-material .cm-comment {
  color: #546E7A;
}

.cm-s-material .cm-variable {
  color: #f07178;
}

.cm-s-material .cm-tag {
  color: #FF5370;
}

.cm-s-material .cm-meta {
  color: #FFCB6B;
}

.cm-s-material .cm-attribute {
  color: #C792EA;
}

.cm-s-material .cm-property {
  color: #C792EA;
}

.cm-s-material .cm-qualifier {
  color: #DECB6B;
}

.cm-s-material .cm-variable-3,
.cm-s-material .cm-type {
  color: #DECB6B;
}


.cm-s-material .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
}

.cm-s-material .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/addon/hint/show-hint.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
  box-sizing: border-box;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/codemirror/addon/dialog/dialog.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.CodeMirror-dialog {
  position: absolute;
  left: 0; right: 0;
  background: inherit;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: inherit;
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  color: inherit;
  font-family: monospace;
}

.CodeMirror-dialog button {
  font-size: 70%;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/* Inter-regular - latin_cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: local("Inter"), local("Inter-Regular"), url("/assets/fonts/main/Inter-Regular-400.woff2") format("woff2"), url("/assets/fonts/main/Inter-Regular-400.woff") format("woff");
}
/* Inter-500 - latin_cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: local("Inter Medium"), local("Inter-Medium"), url("/assets/fonts/main/Inter-Medium-500.woff2") format("woff2"), url("/assets/fonts/main/Inter-Medium-500.woff") format("woff");
}
/* Inter-600 - latin_cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: local("Inter Bold"), local("Inter-Bold"), url("/assets/fonts/main/Inter-SemiBold-600.woff2") format("woff2"), url("/assets/fonts/main/Inter-SemiBold-600.woff") format("woff");
}
@font-face {
  font-family: "en-icon";
  src: url("/assets/fonts/icon/en-icon.ttf?egkk0s") format("truetype"), url("/assets/fonts/icon/en-icon.woff?egkk0s") format("woff"), url("/assets/fonts/icon/en-icon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.en {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "en-icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1rem;
  color: var(--color-icon-main);
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* replace all '.en-' на '.en.en-' */
.en.en-magic-star:before {
  content: "\e98c";
}

.en.en-amp-lighting:before {
  content: "\e989";
}

.en.en-dinamic-code:before {
  content: "\e98a";
}

.en.en-menu-help:before {
  content: "\e97a";
}

.en.en-menu-admin:before {
  content: "\e976";
}

.en.en-menu-data:before {
  content: "\e977";
}

.en.en-menu-mailings:before {
  content: "\e978";
}

.en.en-menu-main:before {
  content: "\e979";
}

.en.en-menu-notification:before {
  content: "\e980";
}

.en.en-menu-popup:before {
  content: "\e981";
}

.en.en-menu-recom:before {
  content: "\e982";
}

.en.en-menu-reports:before {
  content: "\e983";
}

.en.en-menu-settings:before {
  content: "\e984";
}

.en.en-menu-lock:before {
  content: "\e985";
}

.en.en-menu-unlock:before {
  content: "\e986";
}

.en.en-earth-o:before {
  content: "\e975";
}

.en.en-apple:before {
  content: "\e93c";
}

.en.en-android:before {
  content: "\e96f";
}

.en.en-hand:before {
  content: "\e949";
}

.en.en-spiner:before {
  content: "\e92e";
}

.en.en-cancel-circle:before {
  content: "\e900";
}

.en.en-check-circle-o:before {
  content: "\e901";
}

.en.en-done-circle-o:before {
  content: "\e902";
}

.en.en-exclamation-circle-o:before {
  content: "\e903";
}

.en.en-exclamation-triangle-o:before {
  content: "\e904";
}

.en.en-help-circle-o:before {
  content: "\e905";
}

.en.en-info-circle-o:before {
  content: "\e906";
}

.en.en-minus-circle-o:before {
  content: "\e907";
}

.en.en-pause-circle-o:before {
  content: "\e908";
}

.en.en-play-circle-o:before {
  content: "\e909";
}

.en.en-plus-circle-o:before {
  content: "\e90a";
}

.en.en-stop-circle-o:before {
  content: "\e90b";
}

.en.en-autoincrement-plus:before {
  content: "\e90c";
}

.en.en-boolean-type:before {
  content: "\e90d";
}

.en.en-date:before {
  content: "\e90e";
}

.en.en-datetime-type:before {
  content: "\e90f";
}

.en.en-email:before {
  content: "\e910";
}

.en.en-float-type:before {
  content: "\e911";
}

.en.en-number-type:before {
  content: "\e912";
}

.en.en-phone-type:before {
  content: "\e913";
}

.en.en-text-type:before {
  content: "\e914";
}

.en.en-arrow-down:before {
  content: "\e915";
}

.en.en-arrow-left:before {
  content: "\e916";
}

.en.en-arrow-right:before {
  content: "\e917";
}

.en.en-arrow-up:before {
  content: "\e918";
}

.en.en-block:before {
  content: "\e919";
}

.en.en-cancel:before {
  content: "\e91a";
}

.en.en-cancel-fill:before {
  content: "\e91b";
}

.en.en-chevron-double-left:before {
  content: "\e91c";
}

.en.en-chevron-double-right:before {
  content: "\e91d";
}

.en.en-chevron-down:before {
  content: "\e91e";
}

.en.en-chevron-left:before {
  content: "\e91f";
}

.en.en-chevron-right:before {
  content: "\e920";
}

.en.en-chevron-up:before {
  content: "\e921";
}

.en.en-close:before {
  content: "\e922";
}

.en.en-done:before {
  content: "\e923";
}

.en.en-drag-indicator:before {
  content: "\e924";
}

.en.en-ellipsis-v:before {
  content: "\e925";
}

.en.en-plus:before {
  content: "\e926";
}

.en.en-sort:before {
  content: "\e927";
}

.en.en-sort-bottom:before {
  content: "\e928";
}

.en.en-sort-down:before {
  content: "\e929";
}

.en.en-sort-left:before {
  content: "\e92a";
}

.en.en-sort-right:before {
  content: "\e92b";
}

.en.en-sort-top:before {
  content: "\e92c";
}

.en.en-sort-up:before {
  content: "\e92d";
}

.en.en-clear:before {
  content: "\e92f";
}

.en.en-basket:before {
  content: "\e930";
}

.en.en-editor-block:before {
  content: "\e931";
}

.en.en-mailing-groups:before {
  content: "\e932";
}

.en.en-chart-bar:before {
  content: "\e933";
}

.en.en-click:before {
  content: "\e934";
}

.en.en-clock:before {
  content: "\e935";
}

.en.en-save-cloud:before {
  content: "\e936";
}

.en.en-editor-html:before {
  content: "\e937";
}

.en.en-swap:before {
  content: "\e938";
}

.en.en-toggles:before {
  content: "\e939";
}

.en.en-copy:before {
  content: "\e93a";
}

.en.en-datafield:before {
  content: "\e93b";
}

.en.en-desktop:before {
  content: "\e93d";
}

.en.en-dollar:before {
  content: "\e93e";
}

.en.en-download:before {
  content: "\e93f";
}

.en.en-pencil-o:before {
  content: "\e940";
}

.en.en-emoji:before {
  content: "\e941";
}

.en.en-sign-out:before {
  content: "\e942";
}

.en.en-collapse:before {
  content: "\e943";
}

.en.en-expand:before {
  content: "\e944";
}

.en.en-eye:before {
  content: "\e945";
}

.en.en-filter:before {
  content: "\e946";
}

.en.en-folder-o:before {
  content: "\e947";
}

.en.en-gear-o:before {
  content: "\e948";
}

.en.en-image:before {
  content: "\e94a";
}

.en.en-key:before {
  content: "\e94b";
}

.en.en-link:before {
  content: "\e94c";
}

.en.en-list-o:before {
  content: "\e94d";
}

.en.en-list:before {
  content: "\e94e";
}

.en.en-upload:before {
  content: "\e94f";
}

.en.en-lock:before {
  content: "\e950";
}

.en.en-mail:before {
  content: "\e951";
}

.en.en-map:before {
  content: "\e952";
}

.en.en-eye-close:before {
  content: "\e953";
}

.en.en-no-link:before {
  content: "\e954";
}

.en.en-external-link:before {
  content: "\e955";
}

.en.en-open-mail:before {
  content: "\e956";
}

.en.en-paperclip:before {
  content: "\e957";
}

.en.en-mobile:before {
  content: "\e958";
}

.en.en-redo:before {
  content: "\e959";
}

.en.en-refrash:before {
  content: "\e95a";
}

.en.en-save-o:before {
  content: "\e95b";
}

.en.en-search:before {
  content: "\e95c";
}

.en.en-segment:before {
  content: "\e95d";
}

.en.en-columns:before {
  content: "\e95e";
}

.en.en-sort1:before {
  content: "\e95f";
}

.en.en-star-full-fill:before {
  content: "\e960";
}

.en.en-star-o:before {
  content: "\e961";
}

.en.en-tag:before {
  content: "\e962";
}

.en.en-template:before {
  content: "\e963";
}

.en.en-trash:before {
  content: "\e964";
}

.en.en-undo:before {
  content: "\e965";
}

.en.en-not-lock:before {
  content: "\e966";
}

.en.en-user:before {
  content: "\e967";
}

.en.en-web:before {
  content: "\e968";
}

.en.en-zoom-in:before {
  content: "\e969";
}

.en.en-zoom-out:before {
  content: "\e96a";
}

.en.en-art:before {
  content: "\e96b";
}

.en.en-refresh:before {
  content: "\e96c";
}

.en.en-mobpush:before {
  content: "\e96e";
}

.en.en-popup:before {
  content: "\e970";
}

.en.en-sms:before {
  content: "\e96d";
}

.en.en-telegram:before {
  content: "\e971";
}

.en.en-viber:before {
  content: "\e972";
}

.en.en-push:before {
  content: "\e973";
}

.en.en-whatsapp:before {
  content: "\e974";
}

.en.en-untag:before {
  content: "\e97b";
}

.en.en-tablet:before {
  content: "\e97c";
}

.en.en-pause:before {
  content: "\e97d";
}

.en.en-play:before {
  content: "\e97e";
}

.en.en-back:before {
  content: "\e97f";
}

.en.en-next:before {
  content: "\e987";
}

.en.en-book:before {
  content: "\e988";
}

.en.en-list-type:before {
  content: "\e98b";
}

*,
::after,
::before {
  box-sizing: border-box;
}

.app__body {
  --tui-font-text-s: 0.875rem "Inter", sans-serif;
  --tui-text-01: var(--color-text-main);
  overflow-y: hidden;
}

.app,
.app__body {
  height: 100%;
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none !important;
}

button {
  font-family: var(--en-font-family);
  margin: 0;
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  align-items: center;
  vertical-align: bottom;
  text-align: center;
  overflow: hidden;
  position: relative;
  color: var(--color-text-main);
}

input {
  font-family: var(--en-font-family);
}

h1 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
}

h2 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
}

h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

h4 {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

h5 {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: 0.016rem;
}

h6 {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: 0.016rem;
}

a {
  color: var(--color-text-main);
  text-decoration: none;
}

iframe {
  width: 100%;
  border: none;
}

.en-card {
  padding: 1.5rem;
  background: var(--color-layout-white);
  box-shadow: var(--shadow-panel);
  border-radius: 2px;
}

.en-text-invalid {
  color: var(--color-red-60);
}

.en-text-small {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}

.en-text-medium {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.en-text-large {
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.en-text-extra-large {
  display: inline-block;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2rem;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}

.text-overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.en-mb-1 {
  margin-bottom: 0.25rem;
}

.en-mr-05 {
  margin-right: 0.125rem;
}

.en-mr-1 {
  margin-right: 0.25rem;
}

.en-mr-2 {
  margin-right: 0.5rem;
}

.en-mr-3 {
  margin-right: 0.75rem;
}

.en-mr-4 {
  margin-right: 1rem;
}

.en-mr-5 {
  margin-right: 1.25rem;
}

.en-ml-6 {
  margin-left: 1.5rem;
}

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

.text-color-badge {
  display: inline-block;
  background: var(--color10);
  border: 1px solid var(--color60);
  border-radius: 2px;
  padding: 0 0.5rem;
  height: 1.5rem;
  line-height: 1.375rem;
}

.en-icon-disable {
  color: var(--color-icon-disable);
}

.en-icon-secondary {
  color: var(--color-icon-secondary);
}

.en-text-secondary {
  color: var(--color-text-secondary);
}

.en-text-disable {
  color: var(--color-text-disable);
}

.en-text-capitalize {
  text-transform: capitalize;
}

.en-pressed-button {
  background: var(--color-blue-10);
}

.tools-box {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 3.063rem;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out, border 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  opacity: 0;
  background-color: var(--color-layout-background);
  transform: translateX(10px);
  border: 1px solid transparent;
  padding: 0 1rem;
}
.tools-box.show {
  opacity: 1;
  transform: translateX(0);
  z-index: 2;
}
.tools-box.inactive {
  top: -9999px !important;
}
.tools-box:hover {
  border-color: var(--color-form-20);
}

.empty-table {
  padding: 8rem 0;
  text-align: center;
}

.editable-view {
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  padding: 0 0.75rem;
  height: 2rem;
  transition: background 0.2s;
}
.editable-view .en {
  transition: color 0.2s;
}
.editable-view:hover {
  background: var(--color-form-10);
}
.editable-view:hover .en {
  color: var(--color60);
}
.editable-view.h28 {
  height: 1.75rem;
}

.en-multiselect-items {
  display: flex;
  flex-wrap: wrap;
}

.en-multiselect-item-label:not(:last-child) {
  margin-bottom: 0.125rem;
  margin-right: 0.125rem;
}

.en-tab-counter {
  font-weight: normal;
  border-radius: 0.5rem;
  background-color: var(--color-icon-secondary);
  color: var(--color-text-white);
  padding: 0 0.25rem;
  margin-left: 0.5rem;
}

button.en-loading-button,
.en-loading-button button {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  opacity: 0.75;
  transition: opacity 100ms ease-in-out;
}

.en-loading-button {
  color: transparent;
  position: relative;
  cursor: progress;
}
.en-loading-button * {
  opacity: 0;
}
.en-loading-button:after {
  content: " ";
  position: absolute;
  top: calc(50% - 20px / 2);
  left: calc(50% - 20px / 2);
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid var(--color20);
  border-radius: 50%;
  border-top-color: transparent;
  animation: spin 1s linear infinite;
  -webkit-animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.setting-card {
  background-color: var(--color-layout-background);
  transition: background-color 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  border-radius: 4px;
}
.setting-card.small {
  padding: 0 1rem;
  height: 2.25rem;
}
.setting-card.medium {
  padding: 0 1.5rem;
  height: 3.25rem;
}
.setting-card .buttons {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.setting-card:hover {
  background-color: var(--color10);
}
.setting-card:hover .buttons {
  opacity: 1;
}

.CodeMirror-simplescroll-horizontal div,
.CodeMirror-simplescroll-vertical div {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  position: absolute;
  border-radius: 100px;
  border: 4px solid transparent;
  cursor: pointer;
  pointer-events: auto;
  background: var(--color-form-30);
  background-clip: content-box;
  box-sizing: border-box;
  transition-property: width, height;
  opacity: 0.6;
}
.CodeMirror-simplescroll-horizontal div:hover,
.CodeMirror-simplescroll-vertical div:hover {
  opacity: 0.64;
}
.CodeMirror-simplescroll-horizontal div:active,
.CodeMirror-simplescroll-vertical div:active {
  opacity: 0.84;
}

.CodeMirror-simplescroll-vertical:hover div,
.CodeMirror-simplescroll-vertical div:active {
  width: 12px;
}

.CodeMirror-simplescroll-horizontal,
.CodeMirror-simplescroll-vertical {
  position: absolute;
  z-index: 6;
}

.CodeMirror-simplescroll-horizontal {
  bottom: 0;
  left: 0;
  height: 12px;
}

.CodeMirror-simplescroll-horizontal div {
  bottom: 0;
  height: 100%;
}

.CodeMirror-simplescroll-vertical {
  right: 0;
  top: 0;
  width: 12px;
}

.CodeMirror-simplescroll-vertical div {
  right: 0;
  width: 12px;
  min-height: 24px;
}

.CodeMirror-simplescroll .CodeMirror-scrollbar-filler {
  z-index: 0;
}

.p-component {
  font-family: var(--en-font-family);
  font-size: 0.875rem;
  font-weight: normal;
}

.p-component-overlay {
  background-color: rgba(255, 255, 255, 0.5);
  transition-duration: 0.2s;
}

.p-disabled,
.p-component:disabled {
  opacity: 0.6;
}

.p-error,
.p-invalid {
  color: var(--valid-border-color);
}

.p-text-secondary {
  color: #6c757d;
}

.pi {
  font-size: 1rem;
}

.p-link {
  font-size: 0.875rem;
  font-family: var(--en-font-family);
  border-radius: 2px;
}
.p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}

.p-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.p-hidden-accessible input,
.p-hidden-accessible select {
  transform: scale(0);
}

.p-tree .p-tree-filter-container {
  height: 2.5rem;
}
.p-tree .p-tree-filter-container input {
  padding-left: 1.5rem;
  padding-top: 0.25rem;
  height: 100%;
}
.p-tree .p-tree-filter-icon {
  display: none;
}
.p-tree .p-tree-container,
.p-tree .p-tree-wrapper {
  height: 100%;
}
.p-tree .p-treenode-label {
  margin-left: 0.5rem;
}
.p-tree .p-treenode-selected > div:first-child {
  background-color: var(--color-layout-background);
  font-weight: bold;
}
.p-tree .p-treenode-content {
  height: 3.75rem;
  display: flex;
}
.p-tree .p-treenode-content:hover {
  background-color: var(--color-layout-background);
}
.p-tree button {
  color: var(--color-icon-secondary);
  border: none;
  background-color: inherit;
  width: 0.375rem;
  margin-left: 1rem;
}
.p-tree .p-tree-toggler {
  height: 1.625rem;
  width: 1.625rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  display: flex;
  align-items: center;
  border-radius: 0.75rem;
  margin-right: 0.375rem;
}
.p-tree .p-tree-toggler:hover {
  background-color: var(--color-layout-line-2);
}
.p-tree .pi-chevron-right {
  padding-left: 0.125rem;
}
.p-tree .p-treenode-selected-child {
  color: var(--color60);
  font-weight: bold;
  background-color: var(--color10);
}
.p-tree .p-treenode-child {
  padding-left: 3.5rem;
}
.p-tree .p-treenode-child:hover {
  background-color: var(--color-layout-background);
}
.p-tree .p-treenode-child div > button {
  display: none;
}

.en-autocomplete .en-autocomplete-loader {
  right: 0.375rem;
}
.en-autocomplete.en-autocomplete-dd .en-autocomplete-loader {
  right: 2.625rem;
}
.en-autocomplete.en-autocomplete-multiple .en-autocomplete-multiple-container {
  padding: 0 4rem 0 0.5rem;
  min-height: 2.25rem;
}
.en-autocomplete.en-autocomplete-multiple .en-autocomplete-multiple-container:not(.en-disabled):hover {
  border-color: var(--color-form-40);
}
.en-autocomplete.en-autocomplete-multiple .en-autocomplete-multiple-container:not(.en-disabled).en-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
  border-color: var(--color60);
}
.en-autocomplete.en-autocomplete-multiple .en-autocomplete-multiple-container .en-autocomplete-input-token input {
  font-family: var(--en-font-family);
  font-size: 0.875rem;
  color: var(--color-text-main);
  padding: 0.25rem 0;
  margin: 0;
}
.en-autocomplete.en-autocomplete-multiple .en-autocomplete-multiple-container .en-autocomplete-token {
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  margin: 0.125rem 0.25rem 0.125rem 0;
  border-radius: 2px;
}
.en-autocomplete.en-autocomplete-multiple .en-autocomplete-multiple-container .en-autocomplete-token .en-autocomplete-token-icon {
  margin-left: 0.5rem;
}
.en-autocomplete.en-error > .en-inputtext, .en-autocomplete.en-invalid > .en-inputtext {
  border-color: var(--valid-border-color);
}

en-autocomplete.ng-dirty.ng-invalid > .en-autocomplete > .en-inputtext {
  border-color: var(--valid-border-color);
}

.en-autocomplete-panel {
  background: #ffffff;
  color: var(--color-text-main);
  border: 0 none;
  border-radius: 2px;
  box-shadow: var(--shadow-panel);
}
.en-autocomplete-panel .en-autocomplete-items {
  padding: 0.5rem 0;
  border-radius: 4px;
}
.en-autocomplete-panel .en-autocomplete-items .en-autocomplete-item {
  margin: 0;
  padding: 0.5rem 0.75rem;
  border: 0 none;
  color: var(--color-text-main);
  background: transparent;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 0;
}
.en-autocomplete-panel .en-autocomplete-items .en-autocomplete-item:hover {
  color: var(--color-text-main);
  background: #e9ecef;
}
.en-autocomplete-panel .en-autocomplete-items .en-autocomplete-item.en-highlight {
  color: #ffffff;
  background: var(--color60);
}

.p-calendar.p-error > .p-inputtext, .p-calendar.p-invalid > .p-inputtext {
  border-color: var(--valid-border-color);
}

p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
  border-color: var(--valid-border-color);
}

.p-datepicker {
  padding: 0.5rem;
  background: #ffffff;
  color: var(--color-text-main);
  border: 1px solid var(--color-form-30);
  border-radius: 2px;
}
.p-datepicker.p-datepicker-inline {
  display: inline-block;
  position: static;
}
.p-datepicker:not(.p-datepicker-inline) {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background: #ffffff;
}
.p-datepicker .p-datepicker-header {
  padding: 0.5rem;
  color: var(--color-text-main);
  background: #ffffff;
  font-weight: 600;
  margin: 0;
  border-bottom: 1px solid #dee2e6;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
  width: 2rem;
  height: 2rem;
  color: var(--color-icon-main);
  border: 0 none;
  background: transparent;
  border-radius: 0;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  color: var(--color-icon-main);
  border-color: transparent;
  background: #e9ecef;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
  line-height: 1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
  border-color: var(--color60);
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  margin-right: 0.125rem;
}
.p-datepicker table {
  font-size: 0.875rem;
  margin: 0.5rem 0;
}
.p-datepicker table th {
  padding: 0.5rem;
}
.p-datepicker table th > span {
  width: 2.5rem;
  height: 2.5rem;
}
.p-datepicker table td {
  padding: 0.5rem;
}
.p-datepicker table td > span {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
  color: #ffffff;
  background: var(--color60);
}
.p-datepicker table td > span:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}
.p-datepicker table td.p-datepicker-today > span {
  background: #ced4da;
  color: var(--color-text-main);
  border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: #ffffff;
  background: var(--color60);
}
.p-datepicker .p-datepicker-buttonbar {
  padding: 1rem 0;
  border-top: 1px solid #dee2e6;
}
.p-datepicker .p-datepicker-buttonbar .p-button {
  width: auto;
}
.p-datepicker .p-timepicker {
  border-top: 1px solid #dee2e6;
  padding: 0.5rem;
}
.p-datepicker .p-timepicker button {
  width: 2rem;
  height: 2rem;
  color: var(--color-icon-main);
  border: 0 none;
  background: transparent;
  border-radius: 0;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:enabled:hover {
  color: var(--color-icon-main);
  border-color: transparent;
  background: #e9ecef;
}
.p-datepicker .p-timepicker button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}
.p-datepicker .p-timepicker button:last-child {
  margin-top: 0.2em;
}
.p-datepicker .p-timepicker span {
  font-size: 1rem;
}
.p-datepicker .p-timepicker > div {
  padding: 0 0.25rem;
}
.p-datepicker.p-datepicker-timeonly .p-timepicker {
  border-top: 0 none;
}
.p-datepicker .p-monthpicker {
  margin: 0.5rem 0;
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
  padding: 0.5rem;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 2px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: #ffffff;
  background: var(--color60);
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-right: 1px solid #dee2e6;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  padding-left: 0;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
  padding-right: 0;
  border-right: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  background: #e9ecef;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
  background: #e9ecef;
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}

@media screen and (max-width: 48.063rem) {
  .p-datepicker table th,
  .p-datepicker table td {
    padding: 0;
  }
}
.p-checkbox {
  margin-right: 0.25rem;
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: bottom;
}
.p-checkbox .p-hidden-accessible {
  display: none;
}
.p-checkbox .p-checkbox-box {
  background: #ffffff;
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-form-30);
  color: var(--color-text-main);
  border-radius: 2px;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
  transition-duration: 0.2s;
  color: var(--color-text-white);
  font-size: 0.875rem;
}
.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
  border-color: var(--color-form-40);
}
.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
  border-color: var(--color60);
}
.p-checkbox .p-checkbox-box.p-disabled {
  background: var(--color-form-10);
}
.p-checkbox .p-checkbox-box.p-highlight {
  border-color: var(--color60);
  background: var(--color70);
}
.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
  border-color: var(--color80);
  background: var(--color80);
  color: #ffffff;
}
.p-checkbox.p-error > .p-checkbox-box, .p-checkbox.p-invalid > .p-checkbox-box {
  border-color: var(--valid-border-color);
}

p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
  border-color: var(--valid-border-color);
}

.p-input-filled .p-checkbox .p-checkbox-box {
  background-color: #f8f9fa;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
  background: var(--color60);
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
  background: var(--color80);
}

.p-checkbox-label {
  margin-left: 0.125rem;
  cursor: pointer;
}

.checkbox-col-group {
  display: flex;
  flex-direction: column;
}
.checkbox-col-group p-checkbox:not(:last-of-type) {
  margin-bottom: 1rem;
}

.en-dropdown {
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-20) 2rem, var(--color-form-30) 4rem, var(--color-form-30) 6rem);
  background-size: auto 6rem;
  border: 1px solid var(--color-form-30);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, background 0.2s;
  border-radius: 2px;
  height: 2rem;
}
.en-dropdown .en-dropdown-label:not(.en-dropdown-clearable) {
  padding: 0 0.5rem 0 0.75rem;
}
.en-dropdown .en-dropdown-label.en-dropdown-clearable {
  padding: 0 1.5rem 0 0.75rem;
}
.en-dropdown .en-dropdown-clear-icon {
  right: 1.5rem;
}
.en-dropdown:not(.en-dropdown-disabled):hover {
  background-position: 4rem;
}
.en-dropdown:not(.en-dropdown-disabled).en-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
  border-color: var(--color60);
}
.en-dropdown.en-dropdown-iconable .en-dropdown-label {
  padding-left: 2rem;
}
.en-dropdown .en-dropdown-label {
  background: transparent;
  border: 0 none;
  line-height: 1.875rem;
  height: 100%;
}
.en-dropdown .en-dropdown-label.en-placeholder {
  color: var(--color-text-main);
}
.en-dropdown .en-dropdown-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}
.en-dropdown .en-dropdown-trigger {
  background: transparent;
  color: var(--color-icon-secondary);
  padding-right: 0.5rem;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.en-dropdown .en-dropdown-icon {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
}

.en-dropdown-disabled {
  cursor: default !important;
  pointer-events: none;
  border: 1px solid var(--color-form-20);
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-10) 2.5rem);
}
.en-dropdown-disabled .en-dropdown-trigger .en,
.en-dropdown-disabled .en-dropdown-icon.en {
  color: var(--color-icon-disable);
}
.en-dropdown-disabled .en-dropdown-label,
.en-dropdown-disabled .en-dropdown-label .en {
  color: var(--color-text-disable);
}
.en-dropdown-disabled .en-dropdown-label.en-placeholder {
  color: var(--color-text-disable);
}

.en-dropdown.h36 {
  background-size: auto 6.75rem;
  height: 2.25rem;
}
.en-dropdown.h36 .en-dropdown-label:not(.en-dropdown-clearable) {
  padding: 0 0.5rem 0 0.75rem;
  line-height: 2.125rem;
  height: 100%;
}
.en-dropdown.h36 .en-dropdown-label.en-dropdown-clearable {
  padding: 0 1.375rem 0 0.75rem;
  line-height: 2.125rem;
}
.en-dropdown.h36 .en-dropdown-clear-icon {
  right: 1.7rem;
}
.en-dropdown.h36.en-dropdown-iconable .en-dropdown-label {
  padding-left: 2rem;
}
.en-dropdown.h36 .en-dropdown-trigger {
  padding-right: 0.75rem;
}
.en-dropdown.h36 .en-dropdown-icon {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
}
.en-dropdown.h36:not(.en-dropdown-disabled):hover {
  background-position: 4.5rem;
}
.en-dropdown.h36.en-dropdown-iconable .en-dropdown-label {
  padding-left: 2.25rem;
}

.en-dropdown.h28 {
  background-size: auto 5.25rem;
  height: 1.75rem;
}
.en-dropdown.h28 .en-dropdown-label {
  padding: 0 0.25rem 0 0.5rem;
  line-height: 1.625rem;
  height: 100%;
}
.en-dropdown.h28 .en-dropdown-label.en-dropdown-clearable {
  padding: 0 1.625rem 0 0.75rem;
}
.en-dropdown.h28 .en-dropdown-clear-icon {
  right: 2rem;
}
.en-dropdown.h28.en-dropdown-iconable .en-dropdown-label {
  padding-left: 2rem;
}
.en-dropdown.h28 .en-dropdown-trigger {
  padding-right: 0.5rem;
  line-height: 1.625rem;
}
.en-dropdown.h28 .en-dropdown-icon {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
.en-dropdown.h28:not(.en-dropdown-disabled):hover {
  background-position: 3.5rem;
}
.en-dropdown.h28.en-dropdown-iconable .en-dropdown-label {
  padding-left: 2rem;
}

.en-dropdown-lowercase {
  border: 1px solid transparent;
  background: var(--color-layout-white);
}
.en-dropdown-lowercase:not(.en-dropdown-disabled):hover {
  background: var(--color-form-10);
}
.en-dropdown-lowercase:not(.en-dropdown-disabled).en-focus {
  outline: none;
  box-shadow: none;
  border-color: transparent;
  background: var(--color10);
}
.en-dropdown-lowercase.h36 {
  height: 2.25rem;
}
.en-dropdown-lowercase.h36 .en-dropdown-label:not(.en-dropdown-clearable) {
  padding: 0 0.5rem 0 0.75rem;
  line-height: 2.125rem;
  height: 100%;
}
.en-dropdown-lowercase.h36 .en-dropdown-label.en-dropdown-clearable {
  padding: 0 1.375rem 0 0.75rem;
  line-height: 2.125rem;
}
.en-dropdown-lowercase.h36 .en-dropdown-clear-icon {
  right: 1.7rem;
}
.en-dropdown-lowercase.h36.en-dropdown-iconable .en-dropdown-label {
  padding-left: 2rem;
}
.en-dropdown-lowercase.h36 .en-dropdown-trigger {
  padding-right: 0.75rem;
}
.en-dropdown-lowercase.h36 .en-dropdown-icon {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
}
.en-dropdown-lowercase.h28 {
  height: 1.75rem;
}
.en-dropdown-lowercase.h28 .en-dropdown-label {
  padding: 0 0.25rem 0 0.5rem;
  line-height: 1.625rem;
  height: 100%;
}
.en-dropdown-lowercase.h28 .en-dropdown-label.en-dropdown-clearable {
  padding: 0 1.625rem 0 0.75rem;
}
.en-dropdown-lowercase.h28 .en-dropdown-clear-icon {
  right: 2rem;
}
.en-dropdown-lowercase.h28.en-dropdown-iconable .en-dropdown-label {
  padding-left: 2rem;
}
.en-dropdown-lowercase.h28 .en-dropdown-trigger {
  padding-right: 0.5rem;
  line-height: 1.625rem;
}
.en-dropdown-lowercase.h28 .en-dropdown-icon {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}

.en-dropdown-solid {
  background: var(--color-layout-white);
}
.en-dropdown-solid:not(.en-dropdown-disabled) > .en-dropdown-label.en-placeholder {
  color: var(--color-icon-secondary);
}
.en-dropdown-solid:not(.en-dropdown-disabled):not(.en-focus):hover {
  border-color: var(--color-form-40);
}
.en-dropdown-solid.h36 {
  height: 2.25rem;
}
.en-dropdown-solid.h36 .en-dropdown-label:not(.en-dropdown-clearable) {
  padding: 0 0.5rem 0 0.75rem;
  line-height: 2.125rem;
  height: 100%;
}
.en-dropdown-solid.h36 .en-dropdown-label.en-dropdown-clearable {
  padding: 0 1.375rem 0 0.75rem;
  line-height: 2.125rem;
}
.en-dropdown-solid.h36 .en-dropdown-clear-icon {
  right: 1.7rem;
}
.en-dropdown-solid.h36.en-dropdown-iconable .en-dropdown-label {
  padding-left: 2rem;
}
.en-dropdown-solid.h36 .en-dropdown-trigger {
  padding-right: 0.75rem;
}
.en-dropdown-solid.h36 .en-dropdown-icon {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
}
.en-dropdown-solid.h28 {
  height: 1.75rem;
}
.en-dropdown-solid.h28 .en-dropdown-label {
  padding: 0 0.25rem 0 0.5rem;
  line-height: 1.625rem;
  height: 100%;
}
.en-dropdown-solid.h28 .en-dropdown-label.en-dropdown-clearable {
  padding: 0 1.625rem 0 0.75rem;
}
.en-dropdown-solid.h28 .en-dropdown-clear-icon {
  right: 2rem;
}
.en-dropdown-solid.h28.en-dropdown-iconable .en-dropdown-label {
  padding-left: 2rem;
}
.en-dropdown-solid.h28 .en-dropdown-trigger {
  padding-right: 0.5rem;
  line-height: 1.625rem;
}
.en-dropdown-solid.h28 .en-dropdown-icon {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
.en-dropdown-solid.en-dropdown-disabled {
  background: var(--color-layout-white);
  border-color: var(--color-form-20);
}

.en-dropdown-filter {
  background: none;
  border: 1px solid transparent;
}
.en-dropdown-filter:not(.en-dropdown-disabled).en-focus {
  outline: none;
  box-shadow: none;
  border-color: transparent;
  background: var(--color-blue-10);
}
.en-dropdown-filter .en-dropdown-label {
  color: var(--color-blue-60);
}
.en-dropdown-filter .en-dropdown-label.en-placeholder {
  color: var(--color-blue-60);
}
.en-dropdown-filter .en-dropdown-trigger-icon {
  color: var(--color-blue-60);
}
.en-dropdown-filter.h36 {
  height: 2.25rem;
}
.en-dropdown-filter.h36 .en-dropdown-label:not(.en-dropdown-clearable) {
  padding: 0 0.5rem 0 0.75rem;
  line-height: 2.125rem;
  height: 100%;
}
.en-dropdown-filter.h36 .en-dropdown-label.en-dropdown-clearable {
  padding: 0 1.375rem 0 0.75rem;
  line-height: 2.125rem;
}
.en-dropdown-filter.h36 .en-dropdown-clear-icon {
  right: 1.7rem;
}
.en-dropdown-filter.h36.en-dropdown-iconable .en-dropdown-label {
  padding-left: 2rem;
}
.en-dropdown-filter.h36 .en-dropdown-trigger {
  padding-right: 0.75rem;
}
.en-dropdown-filter.h36 .en-dropdown-icon {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
}
.en-dropdown-filter.h28 {
  height: 1.75rem;
}
.en-dropdown-filter.h28 .en-dropdown-label {
  padding: 0 0.25rem 0 0.5rem;
  line-height: 1.625rem;
  height: 100%;
}
.en-dropdown-filter.h28 .en-dropdown-label.en-dropdown-clearable {
  padding: 0 1.625rem 0 0.75rem;
}
.en-dropdown-filter.h28 .en-dropdown-clear-icon {
  right: 2rem;
}
.en-dropdown-filter.h28.en-dropdown-iconable .en-dropdown-label {
  padding-left: 2rem;
}
.en-dropdown-filter.h28 .en-dropdown-trigger {
  padding-right: 0.5rem;
  line-height: 1.625rem;
}
.en-dropdown-filter.h28 .en-dropdown-icon {
  position: absolute;
  top: 50%;
  left: 0.5rem;
  transform: translateY(-50%);
}
.en-dropdown-filter:hover {
  background: var(--color-form-10);
}

.en-dropdown-panel {
  background: #ffffff;
  color: var(--color-text-main);
  border: 0 none;
  border-radius: 4px;
  box-shadow: var(--shadow-popover);
}
.en-dropdown-panel .en-dropdown-header {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--color-layout-line-1);
  color: var(--color-text-main);
  background: var(--color-layout-background);
  margin: 0;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.en-dropdown-panel .en-dropdown-header .en-dropdown-filter-icon {
  right: 0.375rem;
  color: var(--color-icon-secondary);
}
.en-dropdown-panel .en-dropdown-items {
  padding: 0.5rem 0;
}
.en-dropdown-panel .en-dropdown-items .en-dropdown-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: var(--color-text-main);
  background: transparent;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 0;
  line-height: 1rem;
}
.en-dropdown-panel .en-dropdown-items .en-dropdown-item.en-highlight {
  color: var(--color-text-main);
  background: var(--color-form-10);
  font-weight: 500;
}
.en-dropdown-panel .en-dropdown-items .en-dropdown-item:not(.en-highlight):not(.en-dropdown-option-disabled):hover {
  color: var(--color-text-main);
  background: var(--color-form-10);
}
.en-dropdown-panel .en-dropdown-items .en-dropdown-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: var(--color-text-main);
  background: #ffffff;
  font-weight: 600;
}
.en-dropdown-panel .en-dropdown-items .en-dropdown-option-disabled {
  color: var(--color-text-disable);
}
.en-dropdown-panel.en-error, .en-dropdown-panel.en-invalid {
  border-color: var(--valid-border-color);
}

en-dropdown.ng-dirty.ng-invalid > .en-dropdown {
  border-color: var(--valid-border-color);
}

.en-input-filled .en-dropdown {
  background: #f8f9fa;
}
.en-input-filled .en-dropdown:not(.en-disabled):hover {
  background-color: #f8f9fa;
}
.en-input-filled .en-dropdown:not(.en-disabled).en-focus {
  background-color: #f8f9fa;
}

.p-inputgroup-addon {
  background: #e9ecef;
  color: #6c757d;
  border-top: 1px solid var(--color-form-30);
  border-left: 1px solid var(--color-form-30);
  border-bottom: 1px solid var(--color-form-30);
  padding: 0.375rem 0.375rem;
  min-width: 2.25rem;
}
.p-inputgroup-addon:last-child {
  border-right: 1px solid var(--color-form-30);
}

.p-inputgroup > .p-component,
.p-inputgroup > .p-float-label > .p-component {
  border-radius: 0;
  margin: 0;
}
.p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
  border-left: 0 none;
}
.p-inputgroup > .p-component:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
  z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
  z-index: 1;
}

.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.p-inputgroup .p-float-label:first-child input {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.p-inputgroup .p-float-label:last-child input {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.p-fluid .p-inputgroup .p-button {
  width: auto;
}
.p-fluid .p-inputgroup .p-button.p-button-icon-only {
  width: 2.25rem;
}

p-inputnumber.ng-dirty.ng-invalid > .p-inputtext {
  border-color: var(--valid-border-color);
}

.p-inputtext {
  font-family: var(--en-font-family);
  font-size: 0.875rem;
  color: var(--color-text-main);
  background: #ffffff;
  padding: 0.375rem 0.375rem;
  border: 1px solid var(--color-form-30);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  appearance: none;
  border-radius: 2px;
}
.p-inputtext:enabled:hover {
  border-color: var(--color-form-40);
}
.p-inputtext:enabled:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
  border-color: var(--color60);
}
.p-inputtext.p-error, .p-inputtext.p-invalid, .p-inputtext.ng-dirty.ng-invalid {
  border-color: var(--valid-border-color);
}
.p-inputtext.p-inputtext-sm {
  font-size: 0.765625rem;
  padding: 0.328125rem 0.328125rem;
}
.p-inputtext.p-inputtext-lg {
  font-size: 1.09375rem;
  padding: 0.46875rem 0.46875rem;
}

.p-float-label > label {
  left: 0.375rem;
  color: #6c757d;
  transition-duration: 0.2s;
}

.p-input-icon-left > i:first-of-type {
  left: 0.375rem;
  color: var(--color-icon-secondary);
}

.p-input-icon-left > .p-inputtext {
  padding-left: 1.75rem;
}

.p-input-icon-right > i:last-of-type {
  right: 0.375rem;
  color: var(--color-icon-secondary);
}

.p-input-icon-right > .p-inputtext {
  padding-right: 1.75rem;
}

::-webkit-input-placeholder {
  color: #6c757d;
}

:-moz-placeholder {
  color: #6c757d;
}

::-moz-placeholder {
  color: #6c757d;
}

:-ms-input-placeholder {
  color: #6c757d;
}

.p-input-filled .p-inputtext {
  background-color: #f8f9fa;
}
.p-input-filled .p-inputtext:enabled:hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-inputtext:enabled:focus {
  background-color: #f8f9fa;
}

.p-inputtext-sm .p-inputtext {
  font-size: 0.765625rem;
  padding: 0.328125rem 0.328125rem;
}

.p-inputtext-lg .p-inputtext {
  font-size: 1.09375rem;
  padding: 0.46875rem 0.46875rem;
}

p-multiselect {
  display: inline-flex;
}

.p-multiselect {
  background: #ffffff;
  border: 1px solid var(--color-form-30);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 2px;
  min-width: 17.5rem;
  min-height: 2rem;
}
.p-multiselect:not(.p-disabled):hover {
  border-color: var(--color-form-40);
}
.p-multiselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
  border-color: var(--color60);
}
.p-multiselect .p-multiselect-label-container {
  display: flex;
  align-items: center;
}
.p-multiselect .p-multiselect-label {
  padding: 0 0.25rem 0 0.5rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  line-height: 1.875rem;
}
.p-multiselect .p-multiselect-label.p-placeholder {
  color: #6c757d;
}
.p-multiselect .p-multiselect-trigger {
  background: transparent;
  color: var(--color-icon-secondary);
  padding-right: 0.5rem;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.p-multiselect.p-error, .p-multiselect.p-invalid {
  border-color: var(--valid-border-color);
}

.p-multiselect-panel {
  background: #ffffff;
  color: var(--color-text-main);
  border: 0 none;
  border-radius: 4px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}
.p-multiselect-panel .p-multiselect-header {
  padding: 0.75rem 0.75rem;
  border-bottom: 0 none;
  color: var(--color-text-main);
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  padding-right: 1.375rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
  right: 0.375rem;
  color: var(--color-icon-secondary);
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
  margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  margin-left: 0.5rem;
}
.p-multiselect-panel .p-multiselect-items {
  padding: 0.5rem 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  height: 2rem;
  margin: 0;
  padding: 0.5rem 0.75rem;
  border: 0 none;
  color: var(--color-text-main);
  background: transparent;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: var(--color-text-main);
  background: var(--color-form-10);
  font-weight: 500;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: var(--color-text-main);
  background: var(--color-form-10);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.037rem var(--color10);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
  margin-right: 0.5rem;
}

p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
  border-color: var(--valid-border-color);
}

.p-input-filled .p-multiselect {
  background: #f8f9fa;
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
  background-color: #f8f9fa;
}

.en-radiobutton {
  width: 20px;
  height: 20px;
}
.en-radiobutton .en-radiobutton-box {
  border: 2px solid #ced4da;
  background: #ffffff;
  width: 20px;
  height: 20px;
  color: var(--color-text-main);
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.en-radiobutton .en-radiobutton-box:not(.en-disabled):not(.en-highlight):hover {
  border-color: var(--color-form-40);
}
.en-radiobutton .en-radiobutton-box:not(.en-disabled).en-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
  border-color: var(--color60);
}
.en-radiobutton .en-radiobutton-box .en-radiobutton-icon {
  width: 12px;
  height: 12px;
  transition-duration: 0.2s;
  background-color: #ffffff;
}
.en-radiobutton .en-radiobutton-box.en-highlight {
  border-color: var(--color60);
  background: var(--color60);
}
.en-radiobutton .en-radiobutton-box.en-highlight:not(.en-disabled):hover {
  border-color: var(--color80);
  background: var(--color80);
  color: #ffffff;
}
.en-radiobutton.en-error > .en-radiobutton-box, .en-radiobutton.en-invalid > .en-radiobutton-box {
  border-color: var(--valid-border-color);
}

en-radiobutton.ng-dirty.ng-invalid > .en-radiobutton > .en-radiobutton-box {
  border-color: var(--valid-border-color);
}

.en-input-filled .en-radiobutton .en-radiobutton-box {
  background-color: #f8f9fa;
}
.en-input-filled .en-radiobutton .en-radiobutton-box:not(.en-disabled):hover {
  background-color: #f8f9fa;
}
.en-input-filled .en-radiobutton .en-radiobutton-box.en-highlight {
  background: var(--color60);
}
.en-input-filled .en-radiobutton .en-radiobutton-box.en-highlight:not(.en-disabled):hover {
  background: var(--color80);
}

.en-radiobutton-label {
  margin-left: 0.5rem;
}

.en-highlight .en-radiobutton .en-radiobutton-box {
  border-color: #ffffff;
}

.en-radiobutton {
  display: inline-flex;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: bottom;
}

.en-radiobutton-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.en-radiobutton-icon {
  backface-visibility: hidden;
  transform: translateZ(0) scale(0.1);
  border-radius: 50%;
  visibility: hidden;
}

.en-radiobutton-box.en-highlight .en-radiobutton-icon {
  transform: translateZ(0) scale(1, 1);
  visibility: visible;
}

en-radiobutton {
  display: inline-flex;
  vertical-align: bottom;
  align-items: center;
}

.en-radiobutton-label {
  line-height: 1;
}

.en-togglebutton {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  align-items: center;
  border: 1px solid var(--color-form-10);
  border-radius: 2px;
  transition: 0.2s background, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  cursor: pointer;
  background: transparent;
  color: var(--color-text-disable);
}
.en-togglebutton .en-button-icon-left,
.en-togglebutton .en-button-icon-right {
  color: #6c757d;
}
.en-togglebutton .en-button-label {
  display: flex;
  justify-content: center;
}
.en-togglebutton:not(.en-disabled):not(.en-highlight):hover .en-button-icon-left,
.en-togglebutton:not(.en-disabled):not(.en-highlight):hover .en-button-icon-right {
  color: #6c757d;
}
.en-togglebutton.en-highlight {
  color: var(--color-text-main);
  border: 1px solid var(--color-form-30);
}
.en-togglebutton.en-highlight .en-button-icon-left,
.en-togglebutton.en-highlight .en-button-icon-right {
  color: #ffffff;
}
.en-togglebutton.en-highlight:hover .en-button-icon-left,
.en-togglebutton.en-highlight:hover .en-button-icon-right {
  color: #ffffff;
}
.en-togglebutton.en-error, .en-togglebutton.en-invalid {
  border-color: var(--valid-border-color);
}

en-togglebutton.ng-dirty.ng-invalid > .en-togglebutton {
  border-color: var(--valid-border-color);
}

.p-button {
  color: #ffffff;
  background: var(--color60);
  border: 1px solid var(--color60);
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 2px;
}
.p-button:enabled:hover {
  background: var(--color70);
  color: #ffffff;
  border-color: var(--color70);
}
.p-button:enabled:active {
  background: var(--color80);
  color: #ffffff;
  border-color: var(--color80);
}
.p-button.p-button-outlined {
  background-color: transparent;
  color: var(--color60);
  border: 1px solid;
}
.p-button.p-button-outlined:enabled:hover {
  background: rgba(var(--color60), 0.04);
  color: var(--color60);
  border: 1px solid;
}
.p-button.p-button-outlined:enabled:active {
  background: rgba(var(--color60), 0.16);
  color: var(--color60);
  border: 1px solid;
}
.p-button.p-button-outlined.p-button-plain {
  color: #6c757d;
  border-color: #6c757d;
}
.p-button.p-button-outlined.p-button-plain:enabled:hover {
  background: #e9ecef;
  color: #6c757d;
}
.p-button.p-button-outlined.p-button-plain:enabled:active {
  background: #dee2e6;
  color: #6c757d;
}
.p-button.p-button-text {
  background-color: transparent;
  color: var(--color60);
  border-color: transparent;
}
.p-button.p-button-text:enabled:hover {
  background: rgba(var(--color60), 0.04);
  color: var(--color60);
  border-color: transparent;
}
.p-button.p-button-text:enabled:active {
  background: rgba(var(--color60), 0.16);
  color: var(--color60);
  border-color: transparent;
}
.p-button.p-button-text.p-button-plain {
  color: #6c757d;
}
.p-button.p-button-text.p-button-plain:enabled:hover {
  background: #e9ecef;
  color: #6c757d;
}
.p-button.p-button-text.p-button-plain:enabled:active {
  background: #dee2e6;
  color: #6c757d;
}
.p-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}
.p-button .p-button-icon-left {
  margin-right: 0.125rem;
}
.p-button .p-button-icon-right {
  margin-left: 0.125rem;
}
.p-button .p-button-icon-bottom {
  margin-top: 0.125rem;
}
.p-button .p-button-icon-top {
  margin-bottom: 0.125rem;
}
.p-button .p-badge {
  margin-left: 0.125rem;
  min-width: 0.875rem;
  height: 0.875rem;
  line-height: 0.875rem;
  color: var(--color60);
  background-color: #ffffff;
}
.p-button.p-button-raised {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.p-button.p-button-rounded {
  border-radius: 2rem;
}
.p-button.p-button-icon-only {
  width: 2.25rem;
  padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
  margin: 0;
}
.p-button.p-button-icon-only.p-button-rounded {
  border-radius: 50%;
  height: 2.25rem;
}
.p-button.p-button-icon-without .p-button-icon-left,
.p-button.p-button-icon-without .p-button-icon-right {
  display: none;
}
.p-button.p-button-sm {
  font-size: 0.765625rem;
  padding: 0.4375rem 0.875rem;
}
.p-button.p-button-sm .p-button-icon {
  font-size: 0.875rem;
}
.p-button.p-button-lg {
  font-size: 1.09375rem;
  padding: 0.625rem 1.25rem;
}
.p-button.p-button-lg .p-button-icon {
  font-size: 1.25rem;
}

.p-fluid .p-button {
  width: 100%;
}
.p-fluid .p-button-icon-only {
  width: 2.25rem;
}
.p-fluid .p-buttonset {
  display: flex;
}
.p-fluid .p-buttonset .p-button {
  flex: 1;
}

.p-button.p-button-secondary,
.p-buttonset.p-button-secondary > .p-button,
.p-splitbutton.p-button-secondary > .p-button {
  color: #ffffff;
  background: #607d8b;
  border: 1px solid #607d8b;
}
.p-button.p-button-secondary:enabled:hover,
.p-buttonset.p-button-secondary > .p-button:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button:enabled:hover {
  background: #546e7a;
  color: #ffffff;
  border-color: #546e7a;
}
.p-button.p-button-secondary:enabled:focus,
.p-buttonset.p-button-secondary > .p-button:enabled:focus,
.p-splitbutton.p-button-secondary > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.05rem #b0bec5;
}
.p-button.p-button-secondary:enabled:active,
.p-buttonset.p-button-secondary > .p-button:enabled:active,
.p-splitbutton.p-button-secondary > .p-button:enabled:active {
  background: #455a64;
  color: #ffffff;
  border-color: #455a64;
}
.p-button.p-button-secondary.p-button-outlined,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
  background-color: transparent;
  color: #607d8b;
  border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:enabled:hover,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  color: #607d8b;
  border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:enabled:active,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  color: #607d8b;
  border: 1px solid;
}
.p-button.p-button-secondary.p-button-text,
.p-buttonset.p-button-secondary > .p-button.p-button-text,
.p-splitbutton.p-button-secondary > .p-button.p-button-text {
  background-color: transparent;
  color: #607d8b;
  border-color: transparent;
}
.p-button.p-button-secondary.p-button-text:enabled:hover,
.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  border-color: transparent;
  color: #607d8b;
}
.p-button.p-button-secondary.p-button-text:enabled:active,
.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  border-color: transparent;
  color: #607d8b;
}

.p-button.p-button-info,
.p-buttonset.p-button-info > .p-button,
.p-splitbutton.p-button-info > .p-button {
  color: #ffffff;
  background: #03a9f4;
  border: 1px solid #03a9f4;
}
.p-button.p-button-info:enabled:hover,
.p-buttonset.p-button-info > .p-button:enabled:hover,
.p-splitbutton.p-button-info > .p-button:enabled:hover {
  background: #039be5;
  color: #ffffff;
  border-color: #039be5;
}
.p-button.p-button-info:enabled:focus,
.p-buttonset.p-button-info > .p-button:enabled:focus,
.p-splitbutton.p-button-info > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.05rem #ace4fe;
}
.p-button.p-button-info:enabled:active,
.p-buttonset.p-button-info > .p-button:enabled:active,
.p-splitbutton.p-button-info > .p-button:enabled:active {
  background: #0288d1;
  color: #ffffff;
  border-color: #0288d1;
}
.p-button.p-button-info.p-button-outlined,
.p-buttonset.p-button-info > .p-button.p-button-outlined,
.p-splitbutton.p-button-info > .p-button.p-button-outlined {
  background-color: transparent;
  color: #03a9f4;
  border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:enabled:hover,
.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
  background: rgba(3, 169, 244, 0.04);
  color: #03a9f4;
  border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:enabled:active,
.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  background: rgba(3, 169, 244, 0.16);
  color: #03a9f4;
  border: 1px solid;
}
.p-button.p-button-info.p-button-text,
.p-buttonset.p-button-info > .p-button.p-button-text,
.p-splitbutton.p-button-info > .p-button.p-button-text {
  background-color: transparent;
  color: #03a9f4;
  border-color: transparent;
}
.p-button.p-button-info.p-button-text:enabled:hover,
.p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
  background: rgba(3, 169, 244, 0.04);
  border-color: transparent;
  color: #03a9f4;
}
.p-button.p-button-info.p-button-text:enabled:active,
.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
  background: rgba(3, 169, 244, 0.16);
  border-color: transparent;
  color: #03a9f4;
}

.p-button.p-button-success,
.p-buttonset.p-button-success > .p-button,
.p-splitbutton.p-button-success > .p-button {
  color: #ffffff;
  background: #4caf50;
  border: 1px solid #4caf50;
}
.p-button.p-button-success:enabled:hover,
.p-buttonset.p-button-success > .p-button:enabled:hover,
.p-splitbutton.p-button-success > .p-button:enabled:hover {
  background: #43a047;
  color: #ffffff;
  border-color: #43a047;
}
.p-button.p-button-success:enabled:focus,
.p-buttonset.p-button-success > .p-button:enabled:focus,
.p-splitbutton.p-button-success > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.05rem #c7e7c8;
}
.p-button.p-button-success:enabled:active,
.p-buttonset.p-button-success > .p-button:enabled:active,
.p-splitbutton.p-button-success > .p-button:enabled:active {
  background: #388e3c;
  color: #ffffff;
  border-color: #388e3c;
}
.p-button.p-button-success.p-button-outlined,
.p-buttonset.p-button-success > .p-button.p-button-outlined,
.p-splitbutton.p-button-success > .p-button.p-button-outlined {
  background-color: transparent;
  color: #4caf50;
  border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:enabled:hover,
.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
  background: rgba(76, 175, 80, 0.04);
  color: #4caf50;
  border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:enabled:active,
.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
  background: rgba(76, 175, 80, 0.16);
  color: #4caf50;
  border: 1px solid;
}
.p-button.p-button-success.p-button-text,
.p-buttonset.p-button-success > .p-button.p-button-text,
.p-splitbutton.p-button-success > .p-button.p-button-text {
  background-color: transparent;
  color: #4caf50;
  border-color: transparent;
}
.p-button.p-button-success.p-button-text:enabled:hover,
.p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
  background: rgba(76, 175, 80, 0.04);
  border-color: transparent;
  color: #4caf50;
}
.p-button.p-button-success.p-button-text:enabled:active,
.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
  background: rgba(76, 175, 80, 0.16);
  border-color: transparent;
  color: #4caf50;
}

.p-button.p-button-warning,
.p-buttonset.p-button-warning > .p-button,
.p-splitbutton.p-button-warning > .p-button {
  color: var(--color-text-main);
  background: #ffc107;
  border: 1px solid #ffc107;
}
.p-button.p-button-warning:enabled:hover,
.p-buttonset.p-button-warning > .p-button:enabled:hover,
.p-splitbutton.p-button-warning > .p-button:enabled:hover {
  background: #ffb300;
  color: var(--color-text-main);
  border-color: #ffb300;
}
.p-button.p-button-warning:enabled:focus,
.p-buttonset.p-button-warning > .p-button:enabled:focus,
.p-splitbutton.p-button-warning > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.05rem #ffeeba;
}
.p-button.p-button-warning:enabled:active,
.p-buttonset.p-button-warning > .p-button:enabled:active,
.p-splitbutton.p-button-warning > .p-button:enabled:active {
  background: #ffa000;
  color: var(--color-text-main);
  border-color: #ffa000;
}
.p-button.p-button-warning.p-button-outlined,
.p-buttonset.p-button-warning > .p-button.p-button-outlined,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined {
  background-color: transparent;
  color: #ffc107;
  border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:enabled:hover,
.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
  background: rgba(255, 193, 7, 0.04);
  color: #ffc107;
  border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:enabled:active,
.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
  background: rgba(255, 193, 7, 0.16);
  color: #ffc107;
  border: 1px solid;
}
.p-button.p-button-warning.p-button-text,
.p-buttonset.p-button-warning > .p-button.p-button-text,
.p-splitbutton.p-button-warning > .p-button.p-button-text {
  background-color: transparent;
  color: #ffc107;
  border-color: transparent;
}
.p-button.p-button-warning.p-button-text:enabled:hover,
.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
  background: rgba(255, 193, 7, 0.04);
  border-color: transparent;
  color: #ffc107;
}
.p-button.p-button-warning.p-button-text:enabled:active,
.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
  background: rgba(255, 193, 7, 0.16);
  border-color: transparent;
  color: #ffc107;
}

.p-button.p-button-help,
.p-buttonset.p-button-help > .p-button,
.p-splitbutton.p-button-help > .p-button {
  color: #ffffff;
  background: #9c27b0;
  border: 1px solid #9c27b0;
}
.p-button.p-button-help:enabled:hover,
.p-buttonset.p-button-help > .p-button:enabled:hover,
.p-splitbutton.p-button-help > .p-button:enabled:hover {
  background: #8e24aa;
  color: #ffffff;
  border-color: #8e24aa;
}
.p-button.p-button-help:enabled:focus,
.p-buttonset.p-button-help > .p-button:enabled:focus,
.p-splitbutton.p-button-help > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.05rem #ce93d8;
}
.p-button.p-button-help:enabled:active,
.p-buttonset.p-button-help > .p-button:enabled:active,
.p-splitbutton.p-button-help > .p-button:enabled:active {
  background: #7b1fa2;
  color: #ffffff;
  border-color: #7b1fa2;
}
.p-button.p-button-help.p-button-outlined,
.p-buttonset.p-button-help > .p-button.p-button-outlined,
.p-splitbutton.p-button-help > .p-button.p-button-outlined {
  background-color: transparent;
  color: #9c27b0;
  border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:enabled:hover,
.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  color: #9c27b0;
  border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:enabled:active,
.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  color: #9c27b0;
  border: 1px solid;
}
.p-button.p-button-help.p-button-text,
.p-buttonset.p-button-help > .p-button.p-button-text,
.p-splitbutton.p-button-help > .p-button.p-button-text {
  background-color: transparent;
  color: #9c27b0;
  border-color: transparent;
}
.p-button.p-button-help.p-button-text:enabled:hover,
.p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  border-color: transparent;
  color: #9c27b0;
}
.p-button.p-button-help.p-button-text:enabled:active,
.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  border-color: transparent;
  color: #9c27b0;
}

.p-button.p-button-danger,
.p-buttonset.p-button-danger > .p-button,
.p-splitbutton.p-button-danger > .p-button {
  color: #ffffff;
  background: #f44336;
  border: 1px solid #f44336;
}
.p-button.p-button-danger:enabled:hover,
.p-buttonset.p-button-danger > .p-button:enabled:hover,
.p-splitbutton.p-button-danger > .p-button:enabled:hover {
  background: #e53935;
  color: #ffffff;
  border-color: #e53935;
}
.p-button.p-button-danger:enabled:focus,
.p-buttonset.p-button-danger > .p-button:enabled:focus,
.p-splitbutton.p-button-danger > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.05rem #fde1df;
}
.p-button.p-button-danger:enabled:active,
.p-buttonset.p-button-danger > .p-button:enabled:active,
.p-splitbutton.p-button-danger > .p-button:enabled:active {
  background: #d32f2f;
  color: #ffffff;
  border-color: #d32f2f;
}
.p-button.p-button-danger.p-button-outlined,
.p-buttonset.p-button-danger > .p-button.p-button-outlined,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined {
  background-color: transparent;
  color: #f44336;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:enabled:hover,
.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
  background: rgba(244, 67, 54, 0.04);
  color: #f44336;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:enabled:active,
.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
  background: rgba(244, 67, 54, 0.16);
  color: #f44336;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-text,
.p-buttonset.p-button-danger > .p-button.p-button-text,
.p-splitbutton.p-button-danger > .p-button.p-button-text {
  background-color: transparent;
  color: #f44336;
  border-color: transparent;
}
.p-button.p-button-danger.p-button-text:enabled:hover,
.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
  background: rgba(244, 67, 54, 0.04);
  border-color: transparent;
  color: #f44336;
}
.p-button.p-button-danger.p-button-text:enabled:active,
.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
  background: rgba(244, 67, 54, 0.16);
  border-color: transparent;
  color: #f44336;
}

.p-button.p-button-link {
  color: var(--color80);
  background: transparent;
  border: transparent;
}
.p-button.p-button-link:enabled:hover {
  background: transparent;
  color: var(--color80);
  border-color: transparent;
}
.p-button.p-button-link:enabled:hover .p-button-label {
  text-decoration: underline;
}
.p-button.p-button-link:enabled:focus {
  background: transparent;
  box-shadow: 0 0 0 0.05rem var(--color10);
  border-color: transparent;
}
.p-button.p-button-link:enabled:active {
  background: transparent;
  color: var(--color80);
  border-color: transparent;
}

.p-button-icon-only .p-button-label {
  visibility: hidden;
  width: 0;
  flex: 0 0 auto;
}

.p-button-icon-only {
  justify-content: center;
}

.p-datatable {
  border: 1px solid var(--color-layout-line-1);
  border-radius: 2px;
  margin-top: 1rem;
}
.p-datatable .p-component-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.p-datatable .p-paginator-top {
  border-width: 1px 0 1px 0;
  border-radius: 0;
}
.p-datatable .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-datatable .p-datatable-header {
  background: #f8f9fa;
  color: var(--color-text-main);
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 0.25rem 0.25rem;
  font-weight: 600;
}
.p-datatable .p-datatable-footer {
  background: #f8f9fa;
  color: var(--color-text-main);
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 0.25rem 0.25rem;
  font-weight: 600;
}
.p-datatable .p-datatable-thead > tr > th {
  text-align: left;
  padding: 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 1px 1px 0;
  font-weight: 400;
  color: var(--color-text-main);
  background: #f8f9fa;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  text-transform: uppercase;
  font-size: 0.813rem;
  line-height: 1rem;
}
.p-datatable .p-datatable-thead > tr:first-child > th:first-child {
  border-top-left-radius: 2px;
}
.p-datatable .p-datatable-thead > tr:first-child > th:last-child {
  border-right: 0px;
  border-top-right-radius: 2px;
}
.p-datatable .p-datatable-tbody > tr:last-child > td {
  border-bottom-left-radius: 2px;
}
.p-datatable .p-datatable-tbody > tr:last-child > td {
  border-bottom: 0px;
}
.p-datatable .p-datatable-tfoot > tr > td {
  text-align: left;
  padding: 0.25rem 0.25rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: var(--color-text-main);
  background: #f8f9fa;
}
.p-datatable .p-datatable-thead > tr > th.p-reorderable-column {
  padding-left: 1.25rem;
}
.p-datatable .p-datatable-thead > tr > th.p-reorderable-column .p-reorderable-column-icon {
  position: absolute;
  left: 0.063rem;
}
.p-datatable .p-datatable-thead > tr > th.p-reorderable-column .position-static.p-reorderable-column-icon {
  position: static;
}
.p-datatable .p-datatable-thead > tr > th .en-header-column-wrapper {
  display: flex;
}
.p-datatable .p-sortable-column {
  outline-color: var(--color10);
}
.p-datatable .p-sortable-column .en-header-column-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
  display: flex;
  width: 16px;
  height: 16px;
  position: relative;
}
.p-datatable .p-sortable-column .p-sortable-column-icon span {
  position: absolute;
}
.p-datatable .p-sortable-column .p-sortable-column-icon span.en:not(.p-sortable-column-hightlight) {
  color: var(--color-icon-disable);
}
.p-datatable .p-sortable-column .p-sortable-column-icon .p-sortable-column-hightlight {
  color: var(--color60);
}
.p-datatable .p-sortable-column .p-sortable-column-badge {
  border-radius: 50%;
  height: 0.286rem;
  min-width: 0.286rem;
  line-height: 0.286rem;
  color: #ffffff;
  background: var(--color60);
  margin-left: 0.125rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
  background: var(--color10);
  color: var(--color-text-main);
}
.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  color: #6c757d;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon > span:first-child.en {
  color: var(--color-text-secondary);
}
.p-datatable .p-sortable-column.p-highlight {
  background: var(--color-form-10);
}
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: var(--color60);
}
.p-datatable .p-datatable-tbody > tr {
  background: #ffffff;
  color: var(--color-text-main);
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  outline-color: var(--color10);
}
.p-datatable .p-datatable-tbody > tr.add-column__row {
  height: 4.25rem;
}
.p-datatable .p-datatable-tbody > tr > td {
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-width: 0 0 1px 0;
  padding: 0 1rem;
  height: 2.5rem;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
  width: 2rem;
  height: 2rem;
  color: var(--color-icon-main);
  border: 0 none;
  background: transparent;
  border-radius: 0;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
  color: var(--color-icon-main);
  border-color: transparent;
  background: #e9ecef;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
  margin-right: 0.125rem;
}
.p-datatable .p-datatable-tbody > tr > td.en-cell-no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
  background: var(--color60);
  color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 var(--color60);
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 var(--color60);
}
.p-datatable .p-datatable-tbody > tr > td.p-reorderable-column {
  padding-left: 1.25rem;
}
.p-datatable .p-datatable-tbody > tr > td.p-reorderable-column.p-row-expand-padding {
  padding-left: 1rem;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  background: var(--color-layout-background);
  color: var(--color-text-main);
}
.p-datatable .p-column-resizer-helper {
  background: var(--color60);
}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
  background: #f8f9fa;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
  border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
  border-width: 0 1px 1px 0;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
  border-width: 1px 1px 1px 0;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
  border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
  background: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
  background: var(--color60);
  color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
  color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
  color: #ffffff;
}
.p-datatable.p-datatable-sm .p-datatable-header {
  padding: 0.125rem 0.125rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
  padding: 0.125rem 0.125rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
  padding: 0.125rem 0.125rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
  padding: 0.125rem 0.125rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
  padding: 0.125rem 0.125rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
  padding: 0.3125rem 0.3125rem;
}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  padding: 0.3125rem 0.3125rem;
}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: 0.3125rem 0.3125rem;
}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
  padding: 0.3125rem 0.3125rem;
}
.p-datatable.p-datatable-lg .p-datatable-footer {
  padding: 0.3125rem 0.3125rem;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
  padding: 0.25rem;
  border: 1px solid #dee2e6;
  color: var(--color-text-main);
  background: #f8f9fa;
  font-weight: 600;
  border-radius: 2px;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  margin-right: 0.125rem;
}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  background: #e9ecef;
  border-color: 1px solid #dee2e6;
  color: var(--color-text-main);
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: var(--color-text-main);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  border-color: #dee2e6;
  background: #e9ecef;
  color: var(--color-text-main);
}
.p-accordion .p-accordion-content {
  padding: 0rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: var(--color-text-main);
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.p-accordion p-accordiontab .p-accordion-tab {
  margin-bottom: 0;
}
.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
  border-radius: 0;
}
.p-accordion p-accordiontab .p-accordion-content {
  border-radius: 0;
}
.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
  border-top: 0 none;
}
.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  border-top: 0 none;
}
.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.p-accordion p-accordiontab:last-child .p-accordion-content {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.p-panel .p-panel-header {
  border: 1px solid #dee2e6;
  padding: 0.25rem;
  background: #f8f9fa;
  color: var(--color-text-main);
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.p-panel .p-panel-header .p-panel-title {
  font-weight: 600;
}
.p-panel .p-panel-header .p-panel-header-icon {
  width: 2rem;
  height: 2rem;
  color: var(--color-icon-main);
  border: 0 none;
  background: transparent;
  border-radius: 0;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
  color: var(--color-icon-main);
  border-color: transparent;
  background: #e9ecef;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}
.p-panel.p-panel-toggleable .p-panel-header {
  padding: 0.125rem 0.25rem;
}
.p-panel .p-panel-content {
  padding: 0rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: var(--color-text-main);
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top: 0 none;
}
.p-panel .p-panel-footer {
  padding: 0.125rem 0.25rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: var(--color-text-main);
  border-top: 0 none;
}

.p-tabview-nav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex-wrap: wrap;
}

.p-tabview-nav-link {
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
  overflow: hidden;
}

.p-tabview-ink-bar {
  display: none;
  z-index: 1;
}

.p-tabview-nav-link:focus {
  z-index: 1;
}

.p-tabview-title {
  line-height: 1;
}

.p-tabview-close {
  z-index: 1;
}

.p-tabview .p-tabview-nav {
  border: 1px solid var(--color-layout-line-2);
  border-width: 0 0 1px 0;
  padding-bottom: 0.125rem;
  font-size: 0.813rem;
  font-weight: 600;
  line-height: 1rem;
  text-transform: uppercase;
}
.p-tabview .p-tabview-nav li {
  margin-right: 1.25rem;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border: solid;
  border-width: 0 0 0.125rem 0;
  border-color: transparent;
  background: inherit;
  color: var(--color-text-secondary);
  padding: 0.75rem 0.25rem 0.625rem;
  font-weight: 600;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  margin: 0 0 -0.125rem 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link .p-tabview-nav-count {
  font-weight: normal;
  border-radius: 0.5rem;
  background-color: var(--color-icon-secondary);
  color: var(--color-text-white);
  margin-left: 0.5rem;
  padding: 0 0.25rem;
}
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  background: inherit;
  color: var(--color-text-main);
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  background: inherit;
  border-color: var(--color60);
  color: var(--color-text-main);
}
.p-tabview .p-tabview-left-icon {
  margin-right: 0.125rem;
}
.p-tabview .p-tabview-right-icon {
  margin-left: 0.125rem;
}
.p-tabview .p-tabview-close {
  margin-left: 0.125rem;
}
.p-tabview .p-tabview-panels {
  background: #ffffff;
  padding: 0rem;
  border: 0 none;
  color: var(--color-text-main);
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.p-dialog {
  border-radius: 4px;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
  border: 0 none;
}
.p-dialog .p-dialog-header {
  height: 3.5rem;
  border-bottom: 1px solid var(--color-layout-line-2);
  background: #ffffff;
  color: var(--color-text-main);
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-dialog .p-dialog-header .p-dialog-title {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon {
  width: 2rem;
  height: 2rem;
  color: var(--color-icon-main);
  border: 0 none;
  background: transparent;
  border-radius: 0;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  margin-right: 0.125rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  color: var(--color-icon-main);
  border-color: transparent;
  background: #e9ecef;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
  margin-right: 0;
}
.p-dialog .p-dialog-content {
  flex: 1;
  background: #ffffff;
  color: var(--color-text-main);
}
.p-dialog .p-dialog-footer {
  color: var(--color-text-main);
  text-align: right;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-dialog .p-dialog-footer button {
  width: auto;
}
.p-dialog > div:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
  font-size: 2rem;
}

.p-dialog-mask.p-component-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

.p-sidebar {
  background: #ffffff;
  color: var(--color-text-main);
  padding: 0rem;
  border: 0 none;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
}
.p-sidebar .p-sidebar-close {
  width: 2rem;
  height: 2rem;
  color: var(--color-icon-main);
  border: 0 none;
  background: transparent;
  border-radius: 0;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-sidebar .p-sidebar-close:enabled:hover {
  color: var(--color-icon-main);
  border-color: transparent;
  background: #e9ecef;
}
.p-sidebar .p-sidebar-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}

.p-sidebar-mask.p-component-overlay {
  background: rgba(0, 0, 0, 0.4);
}

.p-message {
  margin: 0.25rem 0;
  border-radius: 2px;
}
.p-message .p-message-wrapper {
  padding: 0.25rem 0.375rem;
}
.p-message .p-message-close {
  width: 2rem;
  height: 2rem;
  border-radius: 0;
  background: transparent;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-message .p-message-close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.p-message .p-message-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.125rem var(--color10);
}
.p-message.p-message-info {
  background: #039BE5;
  border: solid #027cb7;
  border-width: 0 0 0 4px;
  color: #ffffff;
}
.p-message.p-message-info .p-message-icon {
  color: #ffffff;
}
.p-message.p-message-info .p-message-close {
  color: #ffffff;
}
.p-message.p-message-success {
  background: #43A047;
  border: 0 none;
  border-width: 0 0 0 4px;
  color: #ffffff;
}
.p-message.p-message-success .p-message-icon {
  color: #ffffff;
}
.p-message.p-message-success .p-message-close {
  color: #ffffff;
}
.p-message.p-message-warn {
  background: #FFB300;
  border: 0 none;
  border-width: 0 0 0 4px;
  color: var(--color-text-main);
}
.p-message.p-message-warn .p-message-icon {
  color: var(--color-text-main);
}
.p-message.p-message-warn .p-message-close {
  color: var(--color-text-main);
}
.p-message.p-message-error {
  background: #E53935;
  border: 0 none;
  border-width: 0 0 0 4px;
  color: #ffffff;
}
.p-message.p-message-error .p-message-icon {
  color: #ffffff;
}
.p-message.p-message-error .p-message-close {
  color: #ffffff;
}
.p-message .p-message-text {
  font-size: 0.25rem;
  font-weight: 500;
}
.p-message .p-message-icon {
  font-size: 0.375rem;
  margin-right: 0.125rem;
}
.p-message .p-message-summary {
  font-weight: 700;
}
.p-message .p-message-detail {
  margin-left: 0.125rem;
}

.p-progressbar {
  border: 0 none;
  height: 0.25rem;
  background: #dee2e6;
  border-radius: 0;
}
.p-progressbar .p-progressbar-value {
  border: 0 none;
  margin: 0;
  background: var(--color60);
}
.p-progressbar .p-progressbar-label {
  color: var(--color-text-main);
  line-height: 0.25rem;
}

/* Customizations to the designer theme should be defined here */
:root[data-theme^=light] {
  --color-form-10: #f3f4f5;
  --color-form-20: #d8dbe0;
  --color-form-30: #c4c9d1;
  --color-form-40: #a5adb8;
  --color-layout-background: #f7f8fa;
  --color-layout-white: #ffffff;
  --color-layout-line-1: #edeef2;
  --color-layout-line-2: #e4e6eb;
  --color-text-main: #3a3c43;
  --color-text-secondary: #6e7687;
  --color-text-disable: #b6bcc9;
  --color-text-submenu: #414348;
  --color-text-subtitle: #262626;
  --color-text-white: #ffffff;
  --color-icon-main: #505662;
  --color-icon-secondary: #818898;
  --color-icon-disable: #c4cad4;
  --shadow-popover: 0px 0px 1px rgba(76, 93, 112, 0.3), 0px 4px 8px rgba(76, 93, 112, 0.3);
  --shadow-panel: 0px 0px 1px rgba(76, 93, 112, 0.3), 0px 2px 4px rgba(76, 93, 112, 0.24);
  --shadow-floatingCard: 0px 0px 1px rgba(76, 93, 112, 0.3), 0px 4px 6px rgba(76, 93, 112, 0.24);
  --shadow-hoverCard: 0px 0px 1px rgba(76, 93, 112, 0.3), 0px 8px 12px rgba(76, 93, 112, 0.32);
  --shadow-modalWindow: 0px 0px 1px rgba(76, 93, 112, 0.3), 0px 8px 12px rgba(76, 93, 112, 0.32);
  --shadow-pic: drop-shadow(0px 0px 1px rgba(76, 93, 112, 0.3)) drop-shadow(0px 8px 12px rgba(76, 93, 112, 0.32));
  --color-blue-10: #eaf3fb;
  --color-blue-20: #d2e6f9;
  --color-blue-30: #b1d0fc;
  --color-blue-50: #1c63f6;
  --color-blue-60: #234ec4;
  --color-blue-70: #153eb5;
  --color-blue-80: #0e2e8c;
  --color-green-10: #e8faee;
  --color-green-20: #b4facb;
  --color-green-60: #1ebd53;
  --color-green-70: #16a847;
  --color-green-80: #12993f;
  --color-cyan-10: #e8f8fa;
  --color-cyan-20: #b6f1fa;
  --color-cyan-50: #3ac9df;
  --color-cyan-60: #22a6ba;
  --color-cyan-70: #1897ab;
  --color-cyan-80: #158394;
  --color-teal-10: #e8faf6;
  --color-teal-50: #35dbaf;
  --color-teal-60: #1dc296;
  --color-teal-70: #15ad85;
  --color-teal-80: #129975;
  --color-red-50: #f55045;
  --color-red-60: #e52719;
  --color-red-20: #fac2be;
  --color-red-10: #fcf1f0;
  --color-rose-50: #f5457f;
  --color-rose-60: #e01b5d;
  --color-rose-70: #c3104b;
  --color-rose-80: #ad1347;
  --color-amber-10: #f7f2eb;
  --color-amber-20: #fae1bb;
  --color-amber-50: #eba742;
  --color-amber-60: #cc8925;
  --color-amber-70: #bd7c1a;
  --valid-border-color: #e52719;
  --color-gold-rating: #f0de3b;
  --color-violet-10: #f6f0fc;
  --color-violet-60: #8619e5;
  --skeleton-main: #e3e3e8;
  --auth-background: radial-gradient(64.6% 143.67% at 50% 155.33%,	#2b50da 0%,	#202227 100%);
  --auth-logo: url("/assets/images/logo-enKod.svg");
  --menu-logo: url("/assets/images/menu/enKod_logo.svg");
  --load-file-image: url("/assets/images/contacts/load-file.svg");
  --message-wizard-icons: url("/assets/images/MCC/icons.svg");
  --recom-image-site: url("/assets/images/recom-wizard/enrecom-website.svg");
  --recom-image-email: url("/assets/images/recom-wizard/enrecom-email.svg");
  --popup-image-informing: url("/assets/images/enpop-wizard/informing-icon.svg");
  --popup-image-collecting: url("/assets/images/enpop-wizard/collecting-icon.svg");
  --popup-image-location-fullscreen: url("/assets/images/enpop-wizard/location-fullscreen-selected.svg");
  --popup-image-location-small: url("/assets/images/enpop-wizard/location-small-selected.svg");
  --popup-image-location-line: url("/assets/images/enpop-wizard/location-line-selected.svg");
  --popup-image-bottom-right: url("/assets/images/enpop-wizard/bottom-right-selected.svg");
  --popup-image-bottom-left: url("/assets/images/enpop-wizard/bottom-left-selected.svg");
  --popup-image-top-left: url("/assets/images/enpop-wizard/top-left-selected.svg");
  --popup-image-top-right: url("/assets/images/enpop-wizard/top-right-selected.svg");
  --popup-image-center-right: url("/assets/images/enpop-wizard/center-right-selected.svg");
  --popup-image-center-left: url("/assets/images/enpop-wizard/center-left-selected.svg");
  --popup-image-center-top: url("/assets/images/enpop-wizard/center-top-selected.svg");
  --popup-image-center-bottom: url("/assets/images/enpop-wizard/center-bottom-selected.svg");
  --popup-image-center: url("/assets/images/enpop-wizard/center-selected.svg");
  --popup-image-line-top: url("/assets/images/enpop-wizard/line-top-selected.svg");
  --popup-image-line-bottom: url("/assets/images/enpop-wizard/line-bottom-selected.svg");
}

:root[data-theme=light-default] {
  --color10: #eaf3fb;
  --color20: #d2e6f9;
  --color50: #1c63f6;
  --color60: #234ec4;
  --color70: #153eb5;
  --color80: #0e2e8c;
}

.en-field-large {
  width: 100%;
  max-width: 25rem;
}

.en-field-medium {
  width: 100%;
  max-width: 17.5rem;
}

.en-field-small {
  width: 100%;
  max-width: 12.5rem;
}

.en-field {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
  /* не включаем спан, т.к. в нем может быть описание */
}
.en-field .en-input {
  width: 100%;
}
.en-field > label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text-main);
  line-height: 1.25rem;
  position: relative;
}
.en-field > label .en {
  color: var(--color-icon-secondary);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.en-field > label + *:not(span), .en-field > span + *:not(span) {
  margin-top: 0.25rem;
}
.en-field label + .p-inputtextarea,
.en-field span + .p-inputtextarea {
  margin-top: 0.25rem;
}
.en-field > span {
  font-size: 0.813rem;
  color: var(--color-text-secondary);
  line-height: 1.25rem;
}
.en-field > small {
  display: flex;
  align-items: center;
  overflow: hidden;
  font-size: 0.75rem;
  height: 1rem;
  margin-top: 0.5rem;
  color: #e52719;
  animation: valid-animation 0.2s ease-in-out;
}
.en-field > small span {
  color: #e52719;
}

@keyframes valid-animation {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 1rem;
  }
}
.en-input {
  height: 2.25rem;
  padding: 0 0.75rem;
  border-radius: 2px;
  border: 1px solid var(--color-form-30);
  font-size: 0.875rem;
  color: var(--color-text-main);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.en-input:enabled:hover {
  border: 1px solid var(--color-form-40);
}
.en-input:focus {
  outline: none;
}
.en-input:enabled:focus {
  border: 1px solid var(--color60);
  box-shadow: 0 0 0 0.125rem var(--color10);
}
.en-input:disabled {
  background: var(--color-form-10);
}
.en-input.en-invalid, .en-input.ng-dirty.ng-invalid {
  border-color: #e52719;
}
.en-input.en-invalid:enabled:focus, .en-input.ng-dirty.ng-invalid:enabled:focus {
  box-shadow: 0 0 0 0.125rem #fcf1f0;
}
.en-input.en-invalid:enabled:hover, .en-input.ng-dirty.ng-invalid:enabled:hover {
  box-shadow: 0 0 0 0.125rem #fcf1f0;
}
.en-input.h32 {
  height: 2rem;
}
.en-input.h28 {
  height: 1.75rem;
}
.en-input > i:last-of-type {
  right: 0.125rem;
  color: rgba(255, 255, 255, 0.6);
}

.en-inputgroup {
  display: flex;
  align-items: stretch;
  position: relative;
  width: 100%;
}
.en-inputgroup .icon {
  position: absolute;
  top: -30%;
  right: 0;
}
.en-inputgroup .en-input {
  width: 100%;
}
.en-inputgroup .en-input:first-child:enabled:focus {
  border-radius: 2px 0 0 2px;
}
.en-inputgroup .en-input:last-child:enabled:focus {
  border-radius: 0 2px 2px 0;
}
.en-inputgroup .en-input:first-child {
  border-radius: 2px 0 0 2px;
}
.en-inputgroup .en-input:last-child {
  border-radius: 0 2px 2px 0;
}
.en-inputgroup .en-input ~ .icon {
  position: absolute;
  top: 20%;
  right: 2%;
  color: var(--color60);
}
.en-inputgroup .en-input ~ .en-icongroup {
  position: absolute;
  top: 20%;
  right: 2%;
  color: var(--color60);
}
.en-inputgroup .en-input-addon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.813rem;
  padding: 0 0.5rem;
  color: var(--color-text-secondary);
  background: var(--color-form-10);
  border: 1px solid var(--color-form-30);
}
.en-inputgroup .en-input-addon:first-child {
  border-right: none;
  border-radius: 2px 0 0 2px;
}
.en-inputgroup .en-input-addon:last-child {
  border-left: none;
  border-radius: 0 2px 2px 0;
}

.en-input-search {
  position: relative;
  display: inline-block;
}
.en-input-search > i {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
}
.en-input-search > i:first-of-type {
  color: var(--color-icon-secondary);
}
.en-input-search > input {
  height: 2rem;
}
.en-input-search.h36 > input {
  height: 2.25rem;
}
.en-input-search.h40 > input {
  height: 2.5rem;
}

.en-input-reset {
  position: relative;
}
.en-input-reset > input {
  padding-right: 1.75rem;
}

.en-input-reset {
  display: inline-block;
}
.en-input-reset .en-input-reset-icon {
  position: absolute;
  border: none;
  background: none;
  cursor: pointer;
  height: 100%;
  right: 0.25rem;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.en-input-reset .en-input-reset-icon--show {
  visibility: visible;
  opacity: 1;
  transition-timing-function: ease-in;
}
.en-input-reset > input {
  height: 2rem;
}
.en-input-reset.h40 > input {
  height: 2.5rem;
}

.en-input-search.en-input-search-page.en-input-icon-left > i:first-of-type {
  left: 0.75rem;
}
.en-input-search.en-input-search-page.en-input-icon-left > .en-input {
  padding-left: 2.5rem;
}
.en-input-search.en-input-search-page.en-input-icon-right > i:last-of-type {
  right: 0.75rem;
}
.en-input-search.en-input-search-page.en-input-icon-right > .en-input {
  padding-right: 2.5rem;
}

.en-input-search.en-input-search-dialog.en-input-icon-left > i:first-of-type {
  left: 0.5rem;
}
.en-input-search.en-input-search-dialog.en-input-icon-left > .en-input {
  padding-left: 2rem;
}
.en-input-search.en-input-search-dialog.en-input-icon-right > i:last-of-type {
  right: 0.75rem;
}
.en-input-search.en-input-search-dialog.en-input-icon-right > .en-input {
  padding-right: 2rem;
}

.en-input-success {
  display: inline-block;
  position: relative;
}
.en-input-success:hover {
  background-color: var(--color-form-10);
}
.en-input-success > button {
  display: inline-block;
  background: none;
  border: none;
  position: absolute;
  height: 100%;
  cursor: pointer;
  right: 0.25rem;
  color: var(--color-form-20);
  transition: color 0.2s linear;
}
.en-input-success > button:hover {
  color: var(--color60);
}
.en-input-success > input {
  width: 100%;
  padding-right: 1.75rem;
}

.p-inputtextarea-resizable {
  overflow: hidden;
  resize: none;
}

.en-inputswitch .en-inputswitch-slider {
  background: #ced4da;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 30px;
}
.en-inputswitch .en-inputswitch-slider:before {
  background: #ffffff;
  width: 1.063rem;
  height: 1.063rem;
  left: 0.125rem;
  margin-top: -0.5315rem;
  border-radius: 50%;
}
.en-inputswitch.en-inputswitch-checked .en-inputswitch-slider {
  background: var(--color60);
}
.en-inputswitch.en-inputswitch-checked .en-inputswitch-slider:before {
  background: #ffffff;
}
.en-inputswitch.en-error, .en-inputswitch.en-invalid {
  border-color: var(--valid-border-color);
}

p-inputswitch.ng-dirty.ng-invalid > .en-inputswitch {
  border-color: var(--valid-border-color);
}

en-inputswitch {
  display: inline-flex;
}

.en-switch-field {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
.en-switch-field > en-inputswitch + span {
  margin-left: 0.75rem;
}

.en-inputswitch {
  position: relative;
  display: inline-block;
  height: 1.25rem;
  width: 2.75rem;
}

.en-inputswitch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.en-inputswitch-slider:before {
  position: absolute;
  content: "";
  top: 50%;
}

.en-switch-checkbox {
  outline-offset: 0.25rem;
  margin: 0;
  transform: translateY(0.2rem);
}
.en-switch-checkbox.focus-visible:focus + .en-inputswitch-slider {
  outline: auto;
}

.en-inputswitch .en-inputswitch-slider {
  background: #f3f4f5;
  border: 1px solid #c4c9d1;
}
.en-inputswitch .en-inputswitch-slider:before {
  background: #c4c9d1;
  width: 1.375rem;
  height: 1.375rem;
  left: 0;
  margin-top: -0.6875rem;
  border-radius: 50%;
  transition-duration: 0.2s;
  box-shadow: 0px 0px 0px 1px #c4c9d1;
  border: 5px solid #ffffff;
}
.en-inputswitch:not(.en-disabled):hover .en-inputswitch-slider:before {
  border-color: #f3f4f5;
}
.en-inputswitch.en-inputswitch-checked .en-inputswitch-slider {
  background: var(--color-blue-10);
  border: 1px solid var(--color-blue-60);
}
.en-inputswitch.en-inputswitch-checked .en-inputswitch-slider:before {
  background: var(--color-blue-60);
  box-shadow: 0px 0px 0px 1px var(--color-blue-60);
  transform: translateX(1.25rem);
}
.en-inputswitch.en-inputswitch-checked:not(.en-disabled):hover .en-inputswitch-slider:before {
  border-color: var(--color-blue-10);
}

.en-disabled.en-inputswitch .en-inputswitch-slider {
  border: none;
  cursor: auto;
}
.en-disabled.en-inputswitch .en-inputswitch-slider:before {
  background: #d8dbe0;
  box-shadow: 0px 0px 0px 1px #d8dbe0;
  border: 5px solid #ffffff;
}
.en-disabled.en-inputswitch:not(.en-disabled):hover .en-inputswitch-slider:before {
  border-color: #f3f4f5;
}
.en-disabled.en-inputswitch.en-inputswitch-checked .en-inputswitch-slider {
  border: none;
}
.en-disabled.en-inputswitch.en-inputswitch-checked .en-inputswitch-slider:before {
  background: var(--color-blue-20);
  box-shadow: 0px 0px 0px 1px var(--color-blue-20);
}

.en-button {
  color: #ffffff;
  background: var(--color60);
  border: 1px solid var(--color60);
  font-size: 0.875rem;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: 2px;
}
.en-button.en-button-outlined {
  background-color: transparent;
  color: var(--color60);
  border: 1px solid;
}
.en-button.en-button-outlined:enabled:hover {
  background: rgba(var(--color60), 0.04);
  color: var(--color60);
  border: 1px solid;
}
.en-button.en-button-outlined:enabled:active {
  background: rgba(var(--color60), 0.16);
  color: var(--color60);
  border: 1px solid;
}
.en-button.en-button-text {
  background-color: transparent;
  color: var(--color60);
  border-color: transparent;
}
.en-button.en-button-text:enabled:hover {
  background: rgba(var(--color60), 0.04);
  color: var(--color60);
  border-color: transparent;
}
.en-button.en-button-text:enabled:active {
  background: rgba(var(--color60), 0.16);
  color: var(--color60);
  border-color: transparent;
}
.en-button.en-button-text.en-button-plain {
  color: #6c757d;
}
.en-button.en-button-text.en-button-plain:enabled:hover {
  background: #e9ecef;
  color: #6c757d;
}
.en-button.en-button-text.en-button-plain:enabled:active {
  background: #dee2e6;
  color: #6c757d;
}
.en-button .en-button-icon-left {
  margin-right: 0.125rem;
}
.en-button .en-button-icon-right {
  margin-left: 0.125rem;
}
.en-button .en-button-icon-bottom {
  margin-top: 0.125rem;
}
.en-button .en-button-icon-top {
  margin-bottom: 0.125rem;
}
.en-button .en-badge {
  margin-left: 0.125rem;
  min-width: 0.875rem;
  height: 0.875rem;
  line-height: 0.875rem;
  color: var(--color60);
  background-color: #ffffff;
}
.en-button.en-button-raised {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.en-button.en-button-rounded {
  border-radius: 2rem;
}
.en-button.en-button-icon-only .en-button-icon-left,
.en-button.en-button-icon-only .en-button-icon-right {
  margin: 0;
}
.en-button.en-button-icon-only.en-button-rounded {
  border-radius: 50%;
  height: 2.25rem;
}
.en-button.en-button-sm {
  font-size: 0.765625rem;
  padding: 0.4375rem 0.875rem;
}
.en-button.en-button-sm .en-button-icon {
  font-size: 0.875rem;
}
.en-button.en-button-lg {
  font-size: 1.09375rem;
  padding: 0.625rem 1.25rem;
}
.en-button.en-button-lg .en-button-icon {
  font-size: 1.25rem;
}

.en-fluid .en-button {
  width: 100%;
}
.en-fluid .en-button-icon-only {
  width: 2.25rem;
}
.en-fluid .en-buttonset {
  display: flex;
}
.en-fluid .en-buttonset .en-button {
  flex: 1;
}

.en-button.en-button-secondary, .en-buttonset.en-button-secondary > .en-button, .en-splitbutton.en-button-secondary > .en-button {
  color: #ffffff;
  background: #607d8b;
  border: 1px solid #607d8b;
}
.en-button.en-button-secondary.en-button-outlined, .en-buttonset.en-button-secondary > .en-button.en-button-outlined, .en-splitbutton.en-button-secondary > .en-button.en-button-outlined {
  background-color: transparent;
  color: #607d8b;
  border: 1px solid;
}
.en-button.en-button-secondary.en-button-outlined:enabled:hover, .en-buttonset.en-button-secondary > .en-button.en-button-outlined:enabled:hover, .en-splitbutton.en-button-secondary > .en-button.en-button-outlined:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  color: #607d8b;
  border: 1px solid;
}
.en-button.en-button-secondary.en-button-outlined:enabled:active, .en-buttonset.en-button-secondary > .en-button.en-button-outlined:enabled:active, .en-splitbutton.en-button-secondary > .en-button.en-button-outlined:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  color: #607d8b;
  border: 1px solid;
}
.en-button.en-button-secondary.en-button-text, .en-buttonset.en-button-secondary > .en-button.en-button-text, .en-splitbutton.en-button-secondary > .en-button.en-button-text {
  background-color: transparent;
  color: #607d8b;
  border-color: transparent;
}
.en-button.en-button-secondary.en-button-text:enabled:hover, .en-buttonset.en-button-secondary > .en-button.en-button-text:enabled:hover, .en-splitbutton.en-button-secondary > .en-button.en-button-text:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  border-color: transparent;
  color: #607d8b;
}
.en-button.en-button-secondary.en-button-text:enabled:active, .en-buttonset.en-button-secondary > .en-button.en-button-text:enabled:active, .en-splitbutton.en-button-secondary > .en-button.en-button-text:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  border-color: transparent;
  color: #607d8b;
}

.en-button.en-button-info, .en-buttonset.en-button-info > .en-button, .en-splitbutton.en-button-info > .en-button {
  color: #ffffff;
  background: #03a9f4;
  border: 1px solid #03a9f4;
}
.en-button.en-button-info:enabled:hover, .en-buttonset.en-button-info > .en-button:enabled:hover, .en-splitbutton.en-button-info > .en-button:enabled:hover {
  background: #039be5;
  color: #ffffff;
  border-color: #039be5;
}
.en-button.en-button-info:enabled:focus, .en-buttonset.en-button-info > .en-button:enabled:focus, .en-splitbutton.en-button-info > .en-button:enabled:focus {
  box-shadow: 0 0 0 0.05rem #ace4fe;
}
.en-button.en-button-info:enabled:active, .en-buttonset.en-button-info > .en-button:enabled:active, .en-splitbutton.en-button-info > .en-button:enabled:active {
  background: #0288d1;
  color: #ffffff;
  border-color: #0288d1;
}
.en-button.en-button-info.en-button-outlined, .en-buttonset.en-button-info > .en-button.en-button-outlined, .en-splitbutton.en-button-info > .en-button.en-button-outlined {
  background-color: transparent;
  color: #03a9f4;
  border: 1px solid;
}
.en-button.en-button-info.en-button-outlined:enabled:hover, .en-buttonset.en-button-info > .en-button.en-button-outlined:enabled:hover, .en-splitbutton.en-button-info > .en-button.en-button-outlined:enabled:hover {
  background: rgba(3, 169, 244, 0.04);
  color: #03a9f4;
  border: 1px solid;
}
.en-button.en-button-info.en-button-outlined:enabled:active, .en-buttonset.en-button-info > .en-button.en-button-outlined:enabled:active, .en-splitbutton.en-button-info > .en-button.en-button-outlined:enabled:active {
  background: rgba(3, 169, 244, 0.16);
  color: #03a9f4;
  border: 1px solid;
}
.en-button.en-button-info.en-button-text, .en-buttonset.en-button-info > .en-button.en-button-text, .en-splitbutton.en-button-info > .en-button.en-button-text {
  background-color: transparent;
  color: #03a9f4;
  border-color: transparent;
}
.en-button.en-button-info.en-button-text:enabled:hover, .en-buttonset.en-button-info > .en-button.en-button-text:enabled:hover, .en-splitbutton.en-button-info > .en-button.en-button-text:enabled:hover {
  background: rgba(3, 169, 244, 0.04);
  border-color: transparent;
  color: #03a9f4;
}
.en-button.en-button-info.en-button-text:enabled:active, .en-buttonset.en-button-info > .en-button.en-button-text:enabled:active, .en-splitbutton.en-button-info > .en-button.en-button-text:enabled:active {
  background: rgba(3, 169, 244, 0.16);
  border-color: transparent;
  color: #03a9f4;
}

.en-button.en-button-success, .en-buttonset.en-button-success > .en-button, .en-splitbutton.en-button-success > .en-button {
  color: #ffffff;
  background: #4caf50;
  border: 1px solid #4caf50;
}
.en-button.en-button-success:enabled:hover, .en-buttonset.en-button-success > .en-button:enabled:hover, .en-splitbutton.en-button-success > .en-button:enabled:hover {
  background: #43a047;
  color: #ffffff;
  border-color: #43a047;
}
.en-button.en-button-success:enabled:focus, .en-buttonset.en-button-success > .en-button:enabled:focus, .en-splitbutton.en-button-success > .en-button:enabled:focus {
  box-shadow: 0 0 0 0.05rem #c7e7c8;
}
.en-button.en-button-success:enabled:active, .en-buttonset.en-button-success > .en-button:enabled:active, .en-splitbutton.en-button-success > .en-button:enabled:active {
  background: #388e3c;
  color: #ffffff;
  border-color: #388e3c;
}
.en-button.en-button-success.en-button-outlined, .en-buttonset.en-button-success > .en-button.en-button-outlined, .en-splitbutton.en-button-success > .en-button.en-button-outlined {
  background-color: transparent;
  color: #4caf50;
  border: 1px solid;
}
.en-button.en-button-success.en-button-outlined:enabled:hover, .en-buttonset.en-button-success > .en-button.en-button-outlined:enabled:hover, .en-splitbutton.en-button-success > .en-button.en-button-outlined:enabled:hover {
  background: rgba(76, 175, 80, 0.04);
  color: #4caf50;
  border: 1px solid;
}
.en-button.en-button-success.en-button-outlined:enabled:active, .en-buttonset.en-button-success > .en-button.en-button-outlined:enabled:active, .en-splitbutton.en-button-success > .en-button.en-button-outlined:enabled:active {
  background: rgba(76, 175, 80, 0.16);
  color: #4caf50;
  border: 1px solid;
}
.en-button.en-button-success.en-button-text, .en-buttonset.en-button-success > .en-button.en-button-text, .en-splitbutton.en-button-success > .en-button.en-button-text {
  background-color: transparent;
  color: #4caf50;
  border-color: transparent;
}
.en-button.en-button-success.en-button-text:enabled:hover, .en-buttonset.en-button-success > .en-button.en-button-text:enabled:hover, .en-splitbutton.en-button-success > .en-button.en-button-text:enabled:hover {
  background: rgba(76, 175, 80, 0.04);
  border-color: transparent;
  color: #4caf50;
}
.en-button.en-button-success.en-button-text:enabled:active, .en-buttonset.en-button-success > .en-button.en-button-text:enabled:active, .en-splitbutton.en-button-success > .en-button.en-button-text:enabled:active {
  background: rgba(76, 175, 80, 0.16);
  border-color: transparent;
  color: #4caf50;
}

.en-button.en-button-warning, .en-buttonset.en-button-warning > .en-button, .en-splitbutton.en-button-warning > .en-button {
  color: var(--color-text-main);
  background: #ffc107;
  border: 1px solid #ffc107;
}
.en-button.en-button-warning:enabled:hover, .en-buttonset.en-button-warning > .en-button:enabled:hover, .en-splitbutton.en-button-warning > .en-button:enabled:hover {
  background: #ffb300;
  color: var(--color-text-main);
  border-color: #ffb300;
}
.en-button.en-button-warning:enabled:focus, .en-buttonset.en-button-warning > .en-button:enabled:focus, .en-splitbutton.en-button-warning > .en-button:enabled:focus {
  box-shadow: 0 0 0 0.05rem #ffeeba;
}
.en-button.en-button-warning:enabled:active, .en-buttonset.en-button-warning > .en-button:enabled:active, .en-splitbutton.en-button-warning > .en-button:enabled:active {
  background: #ffa000;
  color: var(--color-text-main);
  border-color: #ffa000;
}
.en-button.en-button-warning.en-button-outlined, .en-buttonset.en-button-warning > .en-button.en-button-outlined, .en-splitbutton.en-button-warning > .en-button.en-button-outlined {
  background-color: transparent;
  color: #ffc107;
  border: 1px solid;
}
.en-button.en-button-warning.en-button-outlined:enabled:hover, .en-buttonset.en-button-warning > .en-button.en-button-outlined:enabled:hover, .en-splitbutton.en-button-warning > .en-button.en-button-outlined:enabled:hover {
  background: rgba(255, 193, 7, 0.04);
  color: #ffc107;
  border: 1px solid;
}
.en-button.en-button-warning.en-button-outlined:enabled:active, .en-buttonset.en-button-warning > .en-button.en-button-outlined:enabled:active, .en-splitbutton.en-button-warning > .en-button.en-button-outlined:enabled:active {
  background: rgba(255, 193, 7, 0.16);
  color: #ffc107;
  border: 1px solid;
}
.en-button.en-button-warning.en-button-text, .en-buttonset.en-button-warning > .en-button.en-button-text, .en-splitbutton.en-button-warning > .en-button.en-button-text {
  background-color: transparent;
  color: #ffc107;
  border-color: transparent;
}
.en-button.en-button-warning.en-button-text:enabled:hover, .en-buttonset.en-button-warning > .en-button.en-button-text:enabled:hover, .en-splitbutton.en-button-warning > .en-button.en-button-text:enabled:hover {
  background: rgba(255, 193, 7, 0.04);
  border-color: transparent;
  color: #ffc107;
}
.en-button.en-button-warning.en-button-text:enabled:active, .en-buttonset.en-button-warning > .en-button.en-button-text:enabled:active, .en-splitbutton.en-button-warning > .en-button.en-button-text:enabled:active {
  background: rgba(255, 193, 7, 0.16);
  border-color: transparent;
  color: #ffc107;
}

.en-button.en-button-help, .en-buttonset.en-button-help > .en-button, .en-splitbutton.en-button-help > .en-button {
  color: #ffffff;
  background: #9c27b0;
  border: 1px solid #9c27b0;
}
.en-button.en-button-help:enabled:hover, .en-buttonset.en-button-help > .en-button:enabled:hover, .en-splitbutton.en-button-help > .en-button:enabled:hover {
  background: #8e24aa;
  color: #ffffff;
  border-color: #8e24aa;
}
.en-button.en-button-help:enabled:focus, .en-buttonset.en-button-help > .en-button:enabled:focus, .en-splitbutton.en-button-help > .en-button:enabled:focus {
  box-shadow: 0 0 0 0.05rem #ce93d8;
}
.en-button.en-button-help:enabled:active, .en-buttonset.en-button-help > .en-button:enabled:active, .en-splitbutton.en-button-help > .en-button:enabled:active {
  background: #7b1fa2;
  color: #ffffff;
  border-color: #7b1fa2;
}
.en-button.en-button-help.en-button-outlined, .en-buttonset.en-button-help > .en-button.en-button-outlined, .en-splitbutton.en-button-help > .en-button.en-button-outlined {
  background-color: transparent;
  color: #9c27b0;
  border: 1px solid;
}
.en-button.en-button-help.en-button-outlined:enabled:hover, .en-buttonset.en-button-help > .en-button.en-button-outlined:enabled:hover, .en-splitbutton.en-button-help > .en-button.en-button-outlined:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  color: #9c27b0;
  border: 1px solid;
}
.en-button.en-button-help.en-button-outlined:enabled:active, .en-buttonset.en-button-help > .en-button.en-button-outlined:enabled:active, .en-splitbutton.en-button-help > .en-button.en-button-outlined:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  color: #9c27b0;
  border: 1px solid;
}
.en-button.en-button-help.en-button-text, .en-buttonset.en-button-help > .en-button.en-button-text, .en-splitbutton.en-button-help > .en-button.en-button-text {
  background-color: transparent;
  color: #9c27b0;
  border-color: transparent;
}
.en-button.en-button-help.en-button-text:enabled:hover, .en-buttonset.en-button-help > .en-button.en-button-text:enabled:hover, .en-splitbutton.en-button-help > .en-button.en-button-text:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  border-color: transparent;
  color: #9c27b0;
}
.en-button.en-button-help.en-button-text:enabled:active, .en-buttonset.en-button-help > .en-button.en-button-text:enabled:active, .en-splitbutton.en-button-help > .en-button.en-button-text:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  border-color: transparent;
  color: #9c27b0;
}

.en-button.en-button-danger, .en-buttonset.en-button-danger > .en-button, .en-splitbutton.en-button-danger > .en-button {
  color: #ffffff;
  background: #f44336;
  border: 1px solid #f44336;
}
.en-button.en-button-danger:enabled:hover, .en-buttonset.en-button-danger > .en-button:enabled:hover, .en-splitbutton.en-button-danger > .en-button:enabled:hover {
  background: #e53935;
  color: #ffffff;
  border-color: #e53935;
}
.en-button.en-button-danger:enabled:active, .en-buttonset.en-button-danger > .en-button:enabled:active, .en-splitbutton.en-button-danger > .en-button:enabled:active {
  background: #d32f2f;
  color: #ffffff;
  border-color: #d32f2f;
}
.en-button.en-button-danger.en-button-outlined, .en-buttonset.en-button-danger > .en-button.en-button-outlined, .en-splitbutton.en-button-danger > .en-button.en-button-outlined {
  background-color: transparent;
  color: #f44336;
  border: 1px solid;
}
.en-button.en-button-danger.en-button-outlined:enabled:hover, .en-buttonset.en-button-danger > .en-button.en-button-outlined:enabled:hover, .en-splitbutton.en-button-danger > .en-button.en-button-outlined:enabled:hover {
  background: rgba(244, 67, 54, 0.04);
  color: #f44336;
  border: 1px solid;
}
.en-button.en-button-danger.en-button-outlined:enabled:active, .en-buttonset.en-button-danger > .en-button.en-button-outlined:enabled:active, .en-splitbutton.en-button-danger > .en-button.en-button-outlined:enabled:active {
  background: rgba(244, 67, 54, 0.16);
  color: #f44336;
  border: 1px solid;
}
.en-button.en-button-danger.en-button-text, .en-buttonset.en-button-danger > .en-button.en-button-text, .en-splitbutton.en-button-danger > .en-button.en-button-text {
  background-color: transparent;
  color: #f44336;
  border-color: transparent;
}
.en-button.en-button-danger.en-button-text:enabled:hover, .en-buttonset.en-button-danger > .en-button.en-button-text:enabled:hover, .en-splitbutton.en-button-danger > .en-button.en-button-text:enabled:hover {
  background: rgba(244, 67, 54, 0.04);
  border-color: transparent;
  color: #f44336;
}
.en-button.en-button-danger.en-button-text:enabled:active, .en-buttonset.en-button-danger > .en-button.en-button-text:enabled:active, .en-splitbutton.en-button-danger > .en-button.en-button-text:enabled:active {
  background: rgba(244, 67, 54, 0.16);
  border-color: transparent;
  color: #f44336;
}

.en-button.en-button-link {
  color: var(--color80);
  background: transparent;
  border: transparent;
}
.en-button.en-button-link:enabled:hover {
  background: transparent;
  color: var(--color80);
  border-color: transparent;
}
.en-button.en-button-link:enabled:hover .en-button-label {
  text-decoration: underline;
}
.en-button.en-button-link:enabled:active {
  background: transparent;
  color: var(--color80);
  border-color: transparent;
}

.en-button {
  display: inline-flex;
  height: 2.5rem;
  align-items: center;
  background: linear-gradient(180deg, var(--color60) 0, var(--color70) 2.5rem, var(--color80) 5rem, var(--color80) 7.5rem);
  background-size: auto 7.5rem;
  background-position: center -1px;
  transition: 0.2s background;
  color: var(--color-text-white);
  border: 1px solid transparent;
  font-weight: 500;
  flex-shrink: 0;
}
.en-button:hover {
  background-position: 5rem;
}
.en-button:enabled:active {
  background-position: bottom;
}
.en-button:disabled {
  border: 1px solid var(--color-form-20);
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-10) 2.5rem);
  color: var(--color-text-disable);
}
.en-button:disabled .en-button-icon {
  color: var(--color-text-disable);
}

.en-button:not(.en-button-icon-only) {
  padding: 0 1.25rem;
}
.en-button.en-button-icon-only {
  padding: 0 0.75rem;
}

.en-button.en-button-table-link {
  background: none;
  padding: 0;
  height: auto;
  font-size: inherit;
  color: var(--color-blue-70);
  cursor: pointer;
}
.en-button.en-button-table-link:disabled {
  color: var(--color-text-disable);
  text-decoration: none;
  border: none;
}

.en-button .en-button-icon {
  font-size: 1rem;
}

.icon20 .en-button .en-button-icon {
  font-size: 1.25rem;
}

.en-button[iconPos=left] .en-button-icon,
en-button[iconPos=left] .en-button-icon,
.en-button[iconPos=right] .en-button-icon,
en-button[iconPos=right] .en-button-icon {
  color: var(--color-text-white);
}

.en-button:disabled .en-button-icon {
  color: var(--color-icon-disable);
}

.en-button[iconPos=left] .en-button-icon,
en-button[iconPos=left] .en-button-icon {
  padding: 0 0.75rem 0 1rem;
}

.en-button[iconPos=right] .en-button-icon,
en-button[iconPos=right] .en-button-icon {
  padding: 0 1rem 0 0.75rem;
}

.en-button[iconPos=left],
en-button[iconPos=left] .en-button {
  padding: 0 1.25rem 0 0;
}

.en-button[iconPos=right],
en-button[iconPos=right] .en-button {
  padding: 0 0 0 1.25rem;
}

.en-button .en-button-icon-left {
  margin: 0;
}

.en-button .en-button-icon-right {
  margin: 0;
}

.en-button.en-button-icon-only {
  width: 2.5rem;
}

.en-button.h36.en-button-icon-only {
  width: 2.25rem;
}

.en-button.h32.en-button-icon-only {
  width: 2rem;
}

.en-button.h28.en-button-icon-only {
  width: 1.75rem;
}

.en-button.h36 {
  height: 2.25rem;
  background: linear-gradient(180deg, var(--color60) 0, var(--color70) 2.25rem, var(--color80) 4.5rem, var(--color80) 6.75rem);
  background-size: auto 6.75rem;
  background-position: center -1px;
}
.en-button.h36.en-button-link, .en-button.h36.en-button-link:disabled {
  background: inherit;
  border: none;
}
.en-button.h36:hover {
  background-position: 4.5rem;
}
.en-button.h36:enabled:hover {
  background-position: 4.5rem;
}
.en-button.h36:enabled:active {
  background-position: bottom;
}
.en-button.h36:disabled {
  border: 1px solid var(--color-form-20);
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-10) 2.5rem);
  color: var(--color-text-disable);
}

.en-button.h36:not(.en-button-icon-only, .en-button-link) {
  padding: 0 1rem;
}
.en-button.h36.en-button-icon-only {
  padding: 0 0.625rem;
}

.en-button[iconPos=left].h36 .en-button-icon,
en-button[iconPos=left] .h36 .en-button-icon {
  padding: 0 0.75rem;
}

.en-button[iconPos=right].h36 .en-button-icon,
en-button[iconPos=right] .h36 .en-button-icon {
  padding: 0 0.75rem;
}

.en-button[iconPos=left].h36,
en-button[iconPos=left] .en-button.h36 {
  padding: 0 1rem 0 0;
}

.en-button[iconPos=right].h36,
en-button[iconPos=right] .en-button.h36 {
  padding: 0 0 0 1rem;
}

.en-button.h32 {
  height: 2rem;
  background: linear-gradient(180deg, var(--color60) 0, var(--color70) 2rem, var(--color80) 4rem, var(--color80) 6rem);
  background-size: auto 6rem;
  background-position: center -1px;
}
.en-button.h32.en-button-link, .en-button.h32.en-button-link:disabled {
  background: inherit;
  border: none;
}
.en-button.h32:hover {
  background-position: 4rem;
}
.en-button.h32:enabled:hover {
  background-position: 4rem;
}
.en-button.h32:enabled:active {
  background-position: bottom;
}
.en-button.h32:disabled {
  border: 1px solid var(--color-form-20);
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-10) 2.5rem);
  color: var(--color-text-disable);
}

.en-button.h32:not(.en-button-icon-only, .en-button-link) {
  padding: 0 0.75rem;
}
.en-button.h32.en-button-icon-only {
  padding: 0 0.625rem;
}

.en-button[iconPos=left].h32 .en-button-icon,
en-button[iconPos=left] .h32 .en-button-icon {
  padding: 0 0.5rem;
}

.en-button[iconPos=right].h32 .en-button-icon,
en-button[iconPos=right] .h32 .en-button-icon {
  padding: 0 0.5rem;
}

.en-button[iconPos=left].h32,
en-button[iconPos=left] .en-button.h32 {
  padding: 0 0.75rem 0 0;
}

.en-button[iconPos=right].h32,
en-button[iconPos=right] .en-button.h32 {
  padding: 0 0 0 0.75rem;
}

.en-button.h28 {
  height: 1.75rem;
  font-size: 0.813rem;
  padding: 0 0.5rem;
  background: linear-gradient(180deg, var(--color60) 0, var(--color70) 1.75rem, var(--color80) 3.5rem, var(--color80) 5.25rem);
  background-size: auto 5.25rem;
  background-position: center -1px;
}
.en-button.h28.en-button-link, .en-button.h28.en-button-link:disabled {
  background: inherit;
  border: none;
}
.en-button.h28:hover {
  background-position: 3.5rem;
}
.en-button.h28:enabled:hover {
  background-position: 3.5rem;
}
.en-button.h28:enabled:active {
  background-position: bottom;
}
.en-button.h28:disabled {
  border: 1px solid var(--color-form-20);
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-10) 2.5rem);
  color: var(--color-text-disable);
}

.en-button[iconPos=left].h28 .en-button-icon,
en-button[iconPos=left] .h28 .en-button-icon {
  padding: 0 0.25rem;
}

.en-button[iconPos=right].h28 .en-button-icon,
en-button[iconPos=right] .h28 .en-button-icon {
  padding: 0 0.25rem;
}

.en-button[iconPos=left].h28,
en-button[iconPos=left] .en-button.h28 {
  padding: 0 0.5rem 0 0;
}

.en-button[iconPos=right].h28,
en-button[iconPos=right] .en-button.h28 {
  padding: 0 0 0 0.5rem;
}

.en-button.h24 {
  height: 1.5rem;
  font-size: 0.75rem;
  background: linear-gradient(180deg, var(--color60) 0, var(--color70) 1.5rem, var(--color80) 3rem, var(--color80) 4.5rem);
  background-size: auto 4.5rem;
  background-position: center -1px;
}
.en-button.h24.en-button-link, .en-button.h24.en-button-link:disabled {
  background: inherit;
  border: none;
}
.en-button.h24:hover {
  background-position: 3rem;
}
.en-button.h24:enabled:hover {
  background-position: 3rem;
}
.en-button.h24:enabled:active {
  background-position: bottom;
}
.en-button.h24:disabled {
  border: 1px solid var(--color-form-20);
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-10) 2.5rem);
  color: var(--color-text-disable);
}

.en-button.h24:not(.en-button-icon-only, .en-button-link) {
  padding: 0 0.5rem;
}

.en-button[iconPos=left].h24 .en-button-icon,
en-button[iconPos=left] .h24 .en-button-icon {
  padding: 0 0.25rem 0 0.125rem;
}

.en-button[iconPos=right].h24 .en-button-icon,
en-button[iconPos=right] .h24 .en-button-icon {
  padding: 0 0.125rem 0 0.25rem;
}

.en-button[iconPos=left].h24,
en-button[iconPos=left] .en-button.h24 {
  padding: 0 0.5rem 0 0;
}

.en-button[iconPos=right].h24,
en-button[iconPos=right] .en-button.h24 {
  padding: 0 0 0 0.5rem;
}

.en-button.en-button-link {
  color: var(--color-blue-60);
  padding: 0;
}
.en-button.en-button-link[iconPos=left], .en-button.en-button-link[iconPos=right] {
  padding: 0;
}
.en-button.en-button-link .en-button-icon {
  color: var(--color-blue-60);
}
.en-button.en-button-link:hover .en-button-label {
  text-decoration: underline;
  color: var(--color-blue-70);
}
.en-button.en-button-link:hover .en-button-icon {
  color: var(--color-blue-70);
}
.en-button.en-button-link:disabled, .en-button.en-button-link:disabled:hover .en-button-label, .en-button.en-button-link:disabled .en-button-icon {
  color: var(--color-text-disable);
  text-decoration: none;
  border: none;
  background: inherit;
}

.en-button.en-button-secondary {
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-20) 2.5rem, var(--color-form-30) 5rem, var(--color-form-30) 7.5rem);
  border: 1px solid var(--color-form-30);
  color: var(--color-text-main);
  background-size: auto 7.5rem;
  background-position: top;
  transition: 0.2s background;
}
.en-button.en-button-secondary .en-button-icon {
  color: var(--color-text-main);
}
.en-button.en-button-secondary:hover {
  background-position: 5rem;
}
.en-button.en-button-secondary:enabled:hover {
  background-position: 5rem;
}
.en-button.en-button-secondary:enabled:active {
  background-position: bottom;
}
.en-button.en-button-secondary:active {
  background-position: bottom;
}
.en-button.en-button-secondary:disabled {
  border: 1px solid var(--color-form-20);
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-10) 2.5rem);
  color: var(--color-text-disable);
}
.en-button.en-button-secondary:disabled .en-button-icon {
  color: var(--color-text-disable);
}

.en-selectbutton .en-button {
  height: 2.25rem;
  padding: 0 0.75rem;
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-10) 2.5rem, var(--color-form-10) 5rem, var(--color-form-20) 7.5rem);
  border: 1px solid var(--color-form-30);
  color: var(--color-text-main);
  background-size: auto 7.5rem;
  background-position: top;
  transition: 0.2s background;
  font-size: 0.813rem;
  font-weight: 400;
}
.en-selectbutton .en-button:hover {
  background-position: 2.5rem;
}
.en-selectbutton .en-button:enabled:hover {
  background-position: 5rem;
}
.en-selectbutton .en-button:enabled:active {
  background-position: bottom;
}
.en-selectbutton .en-button:active {
  background-position: bottom;
}
.en-selectbutton .en-button:disabled {
  border: 1px solid var(--color-form-20);
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-10) 2.5rem);
  color: var(--color-text-disable);
}
.en-selectbutton .en-button.disabled {
  border: 1px solid var(--color-form-20);
  background: linear-gradient(180deg, var(--color-layout-white) 0, var(--color-form-10) 2.5rem);
  color: var(--color-text-disable);
}

.en-selectbutton .en-button.en-button-icon-only {
  padding: 0.375rem;
}

.en-selectbutton.h32 .en-button.en-button-icon-only {
  width: 2rem;
  padding: 0.5rem;
}

.en-selectbutton .en-button.en-highlight {
  background-position: bottom;
}

.en-selectbutton.h32 .en-button {
  height: 2rem;
}

.en-selectbutton.h28 .en-button {
  height: 1.75rem;
  padding: 0 0.5rem;
}

.en-button.en-button-solid {
  background: #e52719;
  color: var(--color-text-white);
  border: none;
}
.en-button.en-button-solid:hover {
  background: #c71c10;
}
.en-button.en-button-solid:enabled:hover {
  background: #c71c10;
}
.en-button.en-button-solid:enabled:active {
  background: #ad1d13;
}
.en-button.en-button-solid:disabled {
  border: 1px solid var(--color-form-20);
  background: var(--color-form-10);
  color: var(--color-text-disable);
}

.en-button.en-button-solid .en-button-icon {
  color: var(--color-text-white);
}

.en-button.en-button-lowercase {
  background: transparent;
  color: var(--color-text-main);
  border: none;
}
.en-button.en-button-lowercase .en-button-icon {
  color: var(--color-text-main);
}
.en-button.en-button-lowercase:hover {
  background: var(--color-form-10);
}
.en-button.en-button-lowercase:enabled:hover {
  background: var(--color-form-10);
}
.en-button.en-button-lowercase:enabled:active {
  background: var(--color-blue-10);
}
.en-button.en-button-lowercase:disabled {
  background: var(--color-form-10);
  color: var(--color-text-disable);
}
.en-button.en-button-lowercase:disabled .en-button-icon {
  color: var(--color-text-disable);
}

.en-button.en-pressed {
  background: var(--color-blue-10);
}

.en-button.en-segments-button-icon {
  background: transparent;
  color: var(--color-icon-main);
  border: none;
}
.en-button.en-segments-button-icon:hover {
  background: var(--color10);
}

.en-button .en-button-icon-left {
  margin: 0;
}

.en-button .en-button-icon-right {
  margin: 0;
}

.en-button-label {
  flex: 1 1 auto;
}

.en-button-icon-right {
  order: 1;
}

.en-button:disabled {
  cursor: default;
}

.en-button-icon-only {
  justify-content: center;
}
.en-button-icon-only:disabled .en {
  color: var(--color-icon-disable);
}

.en-button-icon-only .en-button-label {
  visibility: hidden;
  width: 0;
  flex: 0 0 auto;
}

.en-button-vertical {
  flex-direction: column;
}

.en-button-icon-bottom {
  order: 2;
}

.en-buttonset {
  display: flex;
  flex-wrap: nowrap;
}

.en-buttonset .en-button {
  margin: 0;
  cursor: pointer;
}

.en-buttonset .en-button:not(:last-child) {
  border-right: 0 none;
}

.en-buttonset .en-button:not(:first-of-type):not(:last-of-type) {
  border-radius: 0;
}

.en-buttonset .en-button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.en-buttonset .en-button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.en-buttonset .en-button:focus {
  position: relative;
  z-index: 1;
}

.en-button.en-autocomplete {
  height: auto;
  width: 2rem;
  border-left: 0;
  position: absolute;
  right: 0.063rem;
  top: 0.063rem;
  bottom: 0.063rem;
}

.en-button:not(:disabled) .en-button-icon.en.green-button-icon {
  color: var(--color-green-60);
}
.en-button:not(:disabled) .en-button-icon.en.red-button-icon {
  color: var(--color-red-60);
}
.en-button:not(:disabled) .en-button-icon.en.red-50-button-icon {
  color: var(--color-red-50);
}
.en-button:not(:disabled) .en-button-icon.en.gray-button-icon {
  color: var(--color-icon-secondary);
}
.en-button:not(:disabled) .en-button-icon.en.blue-button-icon {
  color: var(--color-blue-60);
}

.en-button.preview-button {
  width: 1.25rem;
  height: 1.25rem;
  background: transparent;
  border: transparent;
  padding: 0;
  color: var(--color-icon-secondary);
}
.en-button.preview-button .en-button-icon {
  color: var(--color-icon-secondary);
}
.en-button.preview-button:hover .en-button-icon {
  color: var(--color-icon-main);
}

.en-accordion .en-accordion-header .en-accordion-header-link {
  background: #ffffff;
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.en-accordion .en-accordion-content {
  background: #ffffff;
  color: var(--color-text-main);
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

/* Icons from directory "" */
.icon-msg-api--gray,
.icon-msg-api--gray\:regular {
  background-position: 0 0;
}

.icon-msg-api,
.icon-msg-api\:regular {
  background-position: 0 -40px;
}

.icon-msg-event--gray,
.icon-msg-event--gray\:regular {
  background-position: 0 -160px;
}

.icon-msg-event,
.icon-msg-event\:regular {
  background-position: 0 -200px;
}

.icon-msg-planned--gray,
.icon-msg-planned--gray\:regular {
  background-position: 0 -320px;
}

.icon-msg-planned,
.icon-msg-planned\:regular {
  background-position: 0 -360px;
}

.icon-msg-regular--gray,
.icon-msg-regular--gray\:regular {
  background-position: 0 -240px;
}

.icon-msg-regular,
.icon-msg-regular\:regular {
  background-position: 0 -280px;
}

.icon-msg-standart--gray,
.icon-msg-standart--gray\:regular {
  background-position: 0 -400px;
}

.icon-msg-standart,
.icon-msg-standart\:regular {
  background-position: 0 -440px;
}

.icon-msg-doi--gray,
.icon-msg-doi--gray\:regular {
  background-position: 0 -80px;
}

.icon-msg-doi,
.icon-msg-doi\:regular {
  background-position: 0 -120px;
}

.en-accordion {
  padding: 0 0.25rem;
}

.en-accordion-header-link {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  text-decoration: none;
  padding: 1.25rem;
  color: #3a3c43;
  border-radius: 2px;
}
.en-accordion-header-link.icon-mod {
  justify-content: flex-start;
}
.en-accordion-header-link.size-mod {
  padding: 1.5rem;
}
.en-accordion-header-link .en-accordion-toggle-icon {
  color: #818898;
}

.en-accordion-header-link:hover .en-accordion-toggle-icon {
  color: #505662;
}

.en-accordion-header-link:focus {
  z-index: 1;
}

.en-accordion-content {
  padding: 1.25rem;
}
.en-accordion-content.icon-mod {
  padding: 1.25rem 1.25rem 1.25rem 5rem;
}
.en-accordion-content.size-mod {
  padding: 1.5rem;
}
.en-accordion-content.icon-mod.size-mod {
  padding: 1.5rem 1.5rem 1.5rem 5.25rem;
}

.en-accordion-header-text {
  font-size: 1.125rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.en-accordion-left-icon {
  background-image: var(--message-wizard-icons);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  margin-right: 1.25rem;
}

.en-accordion-border {
  box-shadow: 0px 0px 1px rgba(76, 93, 112, 0.3), 0px 2px 4px rgba(76, 93, 112, 0.24);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
  border-radius: 2px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
}
.en-accordion-border.opened {
  box-shadow: 0px 0px 1px rgba(76, 93, 112, 0.3), 0px 4px 6px rgba(76, 93, 112, 0.24);
}
.en-accordion-border.opened.icon-mod {
  border-color: var(--color60);
}
.en-accordion-border:hover {
  box-shadow: 0px 0px 1px rgba(76, 93, 112, 0.3), 0px 4px 6px rgba(76, 93, 112, 0.24);
}
.en-accordion-border.en-disabled:hover {
  box-shadow: 0px 0px 1px rgba(76, 93, 112, 0.3), 0px 2px 4px rgba(76, 93, 112, 0.24);
}

.en-disabled .en-accordion-header-link {
  color: #b6bcc9;
}
.en-disabled .en-accordion-header-link:hover .en-accordion-toggle-icon {
  color: #818898;
}
.en-disabled .en-accordion-left-icon {
  opacity: 0.5;
}

.custom-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.25rem;
}

html {
  --mat-menu-item-label-text-font: var(--en-font-family);
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

.en-menu {
  --mat-menu-item-label-text-line-height: 2.5rem;
  --mat-menu-item-label-text-size: 0.875rem;
}
.en-menu.mat-mdc-menu-panel {
  max-width: 100%;
  min-height: auto;
  background: var(--color-layout-white);
}
.en-menu .mat-mdc-menu-content:not(:empty) {
  padding-bottom: 0.5rem 0;
}
.en-menu .mat-mdc-menu-item {
  font-weight: 400;
  margin-right: 1rem;
  display: block;
  padding: 0 1rem;
  min-height: 2.5rem;
  color: var(--color-text-main);
  background: var(--color-layout-white);
}
.en-menu .mat-mdc-menu-item[disabled] {
  color: var(--color-text-disable);
  opacity: unset;
}
.en-menu .mat-mdc-menu-item:hover:not([disabled]) {
  background: var(--color-form-10);
}
.en-menu button.mat-mdc-menu-item[disabled] {
  --mat-menu-item-label-text-size: 0.813rem;
  --mat-menu-item-label-text-line-height: 1rem;
  text-transform: uppercase;
  background: var(--color-layout-background);
}
.en-menu.mat-elevation-z8 {
  box-shadow: var(--shadow-popover);
}
.en-menu .mat-menu-item-icons {
  padding-left: 2.5rem;
}
.en-menu .mat-menu-item-icons:has(.en-trash) {
  color: var(--color-red-60);
}
.en-menu .mat-menu-item-icons:has(.en-trash) .en {
  color: var(--color-red-60);
}
.en-menu .mat-menu-item-icon {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
}

.en-message-wrapper {
  display: flex;
  flex-direction: column;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.en-message-wrapper--border {
  border: 1px solid var(--color-layout-line-1);
}

.en-message-flexable {
  flex-direction: row;
}

.en-message-close {
  display: flex;
  align-items: center;
  justify-content: center;
}

.en-message-close.en-link {
  margin-left: auto;
  overflow: hidden;
  position: relative;
}

.en-message {
  width: 100%;
  border-radius: 2px;
  display: inline-block;
}
.en-message .en-message-wrapper {
  position: relative;
  padding: 0.75rem 1rem 0.75rem 0.75rem;
}

.en-message-icon {
  position: absolute;
  line-height: 1.25rem;
}

.en-message-info .en-message-icon {
  color: var(--color-blue-60);
}

.border-info {
  background: var(--color-layout-background);
  border-left: 4px solid var(--color-blue-60);
}

.en-message-question .en-message-icon {
  color: var(--color-blue-60);
}

.border-question {
  background: var(--color-layout-background);
  border-left: 4px solid #234ec4;
}

.en-message-success .en-message-icon {
  color: #1ebd53;
}

.border-success {
  background: var(--color-layout-background);
  border-left: 4px solid #1ebd53;
}

.en-message-warn .en-message-icon {
  color: #cc8925;
}

.border-warn {
  background: var(--color-layout-background);
  border-left: 4px solid #cc8925;
}

.en-message-error .en-message-icon {
  color: #e52719;
}

.border-error {
  background: var(--color-layout-background);
  border-left: 4px solid #e52719;
}

.en-message-summary {
  position: relative;
}

.en-message-summary-text {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  margin: 0 0 0 1.5rem;
  color: var(--color-text-main);
}

.en-message-detail-text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--color-text-secondary);
  margin: 0 0 0 1.5rem;
}
.en-message-detail-text--flexable {
  margin: 0 0 0 0.5rem;
}

en-small {
  margin: 0.25rem 0 0 0;
}

.en-small {
  position: relative;
  padding: 0 0 0 1.25rem;
}

.en-small-icon {
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  top: 50%;
}

.en-small-icon.en-icon-validate {
  color: var(--color-red-60);
}

.en-small-icon.en-icon-info {
  color: var(--color-blue-60);
}

.en-small-icon.en-icon-warning {
  color: var(--color-amber-60);
}

.en-small-detail {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--color-text-secondary);
}

.en-small-detail.en-small-detail--validate {
  color: var(--color-red-60);
}

.en-small-detail.en-small-detail--info {
  color: inherit;
}

.text-gray-badge {
  background: var(--color-form-10);
  border-radius: 2px;
  padding: 0 0.75rem;
  height: 2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.text-gray-badge.contains-id {
  padding: 0 0.75rem;
}

.text-gray-badge > .en {
  margin-right: 0.25rem;
}

.close-icon-badge {
  margin-left: 0.125rem;
  cursor: pointer;
}

.cyan-badge {
  border: 1px solid var(--color-blue-60);
  background-color: var(--color-blue-10);
  height: 1.25rem;
  border-radius: 4px;
  font-size: 0.75rem;
  padding: 0 0.25rem;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.cyan-badge.disabled {
  background: var(--color-form-10);
  border-color: var(--color-form-20);
}

.id-badge {
  border: 1px solid var(--color-form-20);
  background-color: var(--color-form-10);
  height: 1.25rem;
  border-radius: 4px;
  font-size: 0.75rem;
  padding: 0 0.25rem;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.id-label {
  border: 1px solid var(--color-form-40);
  background-color: var(--color-form-10);
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  text-align: center;
  font-size: 0.813rem;
  margin: 0 0.75rem 0.75rem 0;
}

.id-label__id {
  border-right: 1px solid var(--color-form-40);
}

.id-label__name,
.id-label__id {
  height: 1.75rem;
  padding: 0 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.channel {
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.25rem;
  padding: 0.5rem 0;
}

.channel__badge {
  position: relative;
  background: var(--color-form-10);
  border-radius: 4px;
  padding: 0.25rem 0.5rem 0.25rem 1.75rem;
  margin-right: 0.5rem;
  margin-top: 0.25rem;
}

.channel__icon {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
}

.en-tooltip {
  position: absolute;
  display: none;
  padding: 0.5rem 0.5rem;
  max-width: 20rem;
  pointer-events: all;
}
.en-tooltip .en-tooltip-text {
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--color-text-main);
  color: var(--color-text-white);
  line-height: 1.25rem;
  padding: 0.5rem 1rem;
  box-shadow: var(--shadow-popover);
  border-radius: 4px;
  font-size: 0.8125rem;
}

.en-tooltip-additional {
  color: var(--color-text-disable);
}

.en-tooltip.en-tooltip-right,
.en-tooltip.en-tooltip-left {
  padding: 0 0.5rem;
}

.en-tooltip .en-tooltip-text {
  white-space: pre-line;
}

.en-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.en-tooltip-right .en-tooltip-arrow {
  top: 50%;
  border-width: 0.25rem 0.25rem 0.25rem 0;
  left: 0.25rem;
  border-right-color: var(--color-text-main);
  margin-top: -0.25rem;
  border-width: 0.25rem 0.25rem 0.25rem 0;
}

.en-tooltip-left .en-tooltip-arrow {
  top: 50%;
  right: 0.25rem;
  margin-top: -0.25rem;
  border-width: 0.25rem 0 0.25rem 0.25rem;
  border-left-color: var(--color-text-main);
}

.en-tooltip-top .en-tooltip-arrow {
  bottom: 0.25rem;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0.25rem 0.25rem 0;
  border-top-color: var(--color-text-main);
}

.en-tooltip-bottom .en-tooltip-arrow {
  top: 0.25rem;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0px 0.25rem 0.25rem;
  border-bottom-color: var(--color-text-main);
}

.en-tooltip-bottom .en-tooltip-arrow--left {
  left: 1.25rem;
}

.en-tooltip-bottom .en-tooltip-arrow--right {
  left: initial;
  right: 0.75rem;
}

.en-tooltip-top .en-tooltip-arrow--left {
  left: 1.25rem;
}

.en-tooltip-top .en-tooltip-arrow--right {
  left: initial;
  right: 0.75rem;
}

.alert__tooltip {
  font-size: 0.75rem;
}

.alert__tooltip .en-tooltip-text {
  padding: 0.25rem 0.5rem;
}

.en-tooltip-link {
  color: var(--color-blue-50);
}

.tippy-box[data-theme~=default] {
  background-color: var(--color-text-main);
}
.tippy-box[data-theme~=default][data-placement^=top] > .tippy-arrow::before {
  border-top-color: var(--color-text-main);
  transform: scale(0.7);
}
.tippy-box[data-theme~=default][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: var(--color-text-main);
  transform: scale(0.7);
}
.tippy-box[data-theme~=default][data-placement^=left] > .tippy-arrow::before {
  border-left-color: var(--color-text-main);
  transform: scale(0.7);
}
.tippy-box[data-theme~=default][data-placement^=right] > .tippy-arrow::before {
  border-right-color: var(--color-text-main);
  transform: scale(0.7);
}

.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}

.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color 0.1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}

.emoji-mart-anchor:focus {
  outline: 0;
}

.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
}

.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}

.emoji-mart-search-icon {
  position: absolute;
  top: 3px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: sticky;
  top: 0;
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
}

.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}

.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}

.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}

.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: 0.2em;
}

.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}

.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: 0.5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: 0.75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}

.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s;
}

.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s;
}

.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s;
}

.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s;
}

.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s;
}

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
  cursor: default;
}

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: 0.75;
}

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}

.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}

.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}

.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}

.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}

.emoji-mart-skin-tone-6 {
  background-color: #594539;
}

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
 * Dark mode styles
 */
.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}

.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}

.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}

.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}

.hidden-element {
  display: none;
  height: 0;
}

.app__body .cdk-overlay-container {
  z-index: 999;
}

tui-svg {
  height: 1rem !important;
  width: 1rem !important;
}

tui-dropdown {
  --tui-shadow-dropdown: 0 0.5rem 1rem rgba(0, 0, 0, 0.16);
}

tui-dropdown-box {
  --tui-radius-m: 4px;
}

* {
  scrollbar-color: var(--color-form-30) white;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'primeicons';
    font-display: auto;
    src: url('primeicons.eot');
    src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.ttf') format('truetype'), url('primeicons.woff') format('woff'), url('primeicons.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-o:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.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;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms 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:.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{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}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ctrl/ngx-emoji-mart/picker.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus { outline: 0 }
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px; left: 0;
  width: 100%; height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
}

.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}

.emoji-mart-search-icon {
  position: absolute;
  top: 3px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}

.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: sticky;
  top: 0;
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}

.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}

.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px; right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }
.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }
.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }
.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }
.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }
.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 4px; height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default;
}

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75;
}

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 { background-color: #ffc93a }
.emoji-mart-skin-tone-2 { background-color: #fadcbc }
.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
.emoji-mart-skin-tone-5 { background-color: #9b643d }
.emoji-mart-skin-tone-6 { background-color: #594539 }

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
 * Dark mode styles
 */

.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}

.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}

.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}

.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}


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