/**
@gray: #868e96;
@brown: #a57868;
@red: #f03e3e;
@orange: #f76707;
@yellow: #f59f00;
@green: #37b24d;
@teal: #0ca678;
@blue: #1c7ed6;
@indigo: #4263eb;
@purple: #ae3ec9;
@pink: #d6336c;
@cyan: #1098ad;

@lgray: #f8f9fa;
@lbrown: #e8dcd8;
@lred: #fff5f5;
@lorange: #fff4e6;
@lyellow: #fff9db;
@lgreen: #ebfbee;
@lteal: #e6fcf5;
@lblue: #e7f5ff;
@lindigo: #edf2ff;
@lpurple: #f8f0fc;
@lpink: #fff0f6;
@lcyan: #e3fafc;

@primary: @blue;
@success: @green;
@info: @cyan;
@warning: @yellow;
@danger: @red;

// 默认颜色的配置
@lprimary: @lblue;
@lsuccess: @lgreen;
@linfo: @lcyan;
@lwarning: @lyellow;
@ldanger: @lred;

@color-list: gray, brown, red, orange, yellow, green, teal, blue, indigo, purple, pink, cyan, primary, success,info,warning,danger;

.make-colors(@colors) {
  .generate-colors(length(@colors));

  .generate-colors(@name, @i: 1) when (@i =< length(@colors)) {
    @name: extract(@colors, @i);
    // 变量名称 ex: @blue, 具体当颜色使用时需要 @@color
    @color:  '@{name}';
    @lcolor: 'l@{name}';
    :root {
      --nom-color-@{name}: @@color;
      --nom-color-l@{name}: @@lcolor; // light 浅色模式
      --nom-color-@{name}-lighten: lighten(@@color, 40%); // less计算亮度后 
      --nom-color-@{name}-saturate-light: saturate(lighten(@@color, 10%), -2.5%); // 添加亮度,减少饱和度 
      --nom-color-l@{name}-saturate-light: saturate(lighten(@@lcolor, 2.5%), -2.5%); // 在lcolor基础上 添加亮度,减少饱和度

      --nom-color-@{name}-darken: darken(@@color, 5%); // less计算亮度后 
      --nom-color-@{name}-saturate-dark: saturate(darken(@@color, 10%), 2.5%); // 减少亮度,添加饱和度 
      --nom-color-l@{name}-saturate-dark: saturate(darken(@@lcolor, 5%), 2.5%); // 在lcolor基础上 减少亮度,添加饱和度
    }

    .generate-colors(@name, @i + 1);
  }
}

// 计算得出下面的 css变量
.make-colors(@color-list);
*/
:root {
    --nom-color-gray: #868e96;
    --nom-color-lgray: #f8f9fa;
    --nom-color-gray-lighten: #f3f4f5;
    --nom-color-gray-saturate-light: #a3a8ac;
    --nom-color-lgray-saturate-light: #fff;
    --nom-color-gray-darken: #78818a;
    --nom-color-gray-saturate-dark: #697580;
    --nom-color-lgray-saturate-dark: #e9ecf0;
    --nom-color-brown: #a57868;
    --nom-color-lbrown: #e8dcd8;
    --nom-color-brown-lighten: #f1eae8;
    --nom-color-brown-saturate-light: #b6968a;
    --nom-color-lbrown-saturate-light: #ece4e1;
    --nom-color-brown-darken: #996b5b;
    --nom-color-brown-saturate-dark: #8b5f4f;
    --nom-color-lbrown-saturate-dark: #e0cdc7;
    --nom-color-red: #f03e3e;
    --nom-color-lred: #fff5f5;
    --nom-color-red-lighten: #fffbfb;
    --nom-color-red-saturate-light: #f26f6f;
    --nom-color-lred-saturate-light: #fff;
    --nom-color-red-darken: #ee2626;
    --nom-color-red-saturate-dark: #ec0f0f;
    --nom-color-lred-saturate-dark: #ffdcdc;
    --nom-color-orange: #f76707;
    --nom-color-lorange: #fff4e6;
    --nom-color-orange-lighten: #fee0cc;
    --nom-color-orange-saturate-light: #f7863a;
    --nom-color-lorange-saturate-light: #fffaf3;
    --nom-color-orange-darken: #de5d06;
    --nom-color-orange-saturate-dark: #c85203;
    --nom-color-lorange-saturate-dark: #ffe9cc;
    --nom-color-yellow: #f59f00;
    --nom-color-lyellow: #fff9db;
    --nom-color-yellow-lighten: #ffeac2;
    --nom-color-yellow-saturate-light: #fcb32c;
    --nom-color-lyellow-saturate-light: #fffbe8;
    --nom-color-yellow-darken: #dc8e00;
    --nom-color-yellow-saturate-dark: #c27e00;
    --nom-color-lyellow-saturate-dark: #fff5c2;
    --nom-color-green: #37b24d;
    --nom-color-lgreen: #ebfbee;
    --nom-color-green-lighten: #c7eece;
    --nom-color-green-saturate-light: #55c76a;
    --nom-color-lgreen-saturate-light: #f6fdf7;
    --nom-color-green-darken: #319f45;
    --nom-color-green-saturate-dark: #298d3b;
    --nom-color-lgreen-saturate-dark: #d5f7dc;
    --nom-color-teal: #0ca678;
    --nom-color-lteal: #e6fcf5;
    --nom-color-teal-lighten: #88f6d5;
    --nom-color-teal-saturate-light: #12d399;
    --nom-color-lteal-saturate-light: #f2fdf9;
    --nom-color-teal-darken: #0a8e67;
    --nom-color-teal-saturate-dark: #077856;
    --nom-color-lteal-saturate-dark: #cffaec;
    --nom-color-blue: #1c7ed6;
    --nom-color-lblue: #e7f5ff;
    --nom-color-blue-lighten: #c6e0f8;
    --nom-color-blue-saturate-light: #4297e3;
    --nom-color-lblue-saturate-light: #f4faff;
    --nom-color-blue-darken: #1971bf;
    --nom-color-blue-saturate-dark: #1464ab;
    --nom-color-lblue-saturate-dark: #cdeaff;
    --nom-color-indigo: #4263eb;
    --nom-color-lindigo: #edf2ff;
    --nom-color-indigo-lighten: #fafbff;
    --nom-color-indigo-saturate-light: #728aee;
    --nom-color-lindigo-saturate-light: #fafbff;
    --nom-color-indigo-darken: #2b50e9;
    --nom-color-indigo-saturate-dark: #153de5;
    --nom-color-lindigo-saturate-dark: #d4e0ff;
    --nom-color-purple: #ae3ec9;
    --nom-color-lpurple: #f8f0fc;
    --nom-color-purple-lighten: #f1ddf6;
    --nom-color-purple-saturate-light: #bd68d2;
    --nom-color-lpurple-saturate-light: #fdfbfe;
    --nom-color-purple-darken: #a034ba;
    --nom-color-purple-saturate-dark: #902ca8;
    --nom-color-lpurple-saturate-dark: #eedaf8;
    --nom-color-pink: #d6336c;
    --nom-color-lpink: #fff0f6;
    --nom-color-pink-lighten: #f8dde6;
    --nom-color-pink-saturate-light: #dc608b;
    --nom-color-lpink-saturate-light: #fffdfe;
    --nom-color-pink-darken: #c72860;
    --nom-color-pink-saturate-dark: #b52155;
    --nom-color-lpink-saturate-dark: #ffd7e7;
    --nom-color-cyan: #1098ad;
    --nom-color-lcyan: #e3fafc;
    --nom-color-cyan-lighten: #94e8f5;
    --nom-color-cyan-saturate-light: #17bfd9;
    --nom-color-lcyan-saturate-light: #effcfd;
    --nom-color-cyan-darken: #0e8396;
    --nom-color-cyan-saturate-dark: #0a7080;
    --nom-color-lcyan-saturate-dark: #cbf6fa;
    --nom-color-primary: #1c7ed6;
    --nom-color-lprimary: #e7f5ff;
    --nom-color-primary-lighten: #c6e0f8;
    --nom-color-primary-saturate-light: #4297e3;
    --nom-color-lprimary-saturate-light: #f4faff;
    --nom-color-primary-darken: #1971bf;
    --nom-color-primary-saturate-dark: #1464ab;
    --nom-color-lprimary-saturate-dark: #cdeaff;
    --nom-color-success: #37b24d;
    --nom-color-lsuccess: #ebfbee;
    --nom-color-success-lighten: #c7eece;
    --nom-color-success-saturate-light: #55c76a;
    --nom-color-lsuccess-saturate-light: #f6fdf7;
    --nom-color-success-darken: #319f45;
    --nom-color-success-saturate-dark: #298d3b;
    --nom-color-lsuccess-saturate-dark: #d5f7dc;
    --nom-color-info: #1098ad;
    --nom-color-linfo: #e3fafc;
    --nom-color-info-lighten: #94e8f5;
    --nom-color-info-saturate-light: #17bfd9;
    --nom-color-linfo-saturate-light: #effcfd;
    --nom-color-info-darken: #0e8396;
    --nom-color-info-saturate-dark: #0a7080;
    --nom-color-linfo-saturate-dark: #cbf6fa;
    --nom-color-warning: #f59f00;
    --nom-color-lwarning: #fff9db;
    --nom-color-warning-lighten: #ffeac2;
    --nom-color-warning-saturate-light: #fcb32c;
    --nom-color-lwarning-saturate-light: #fffbe8;
    --nom-color-warning-darken: #dc8e00;
    --nom-color-warning-saturate-dark: #c27e00;
    --nom-color-lwarning-saturate-dark: #fff5c2;
    --nom-color-danger: #f03e3e;
    --nom-color-ldanger: #fff5f5;
    --nom-color-danger-lighten: #fffbfb;
    --nom-color-danger-saturate-light: #f26f6f;
    --nom-color-ldanger-saturate-light: #fff;
    --nom-color-danger-darken: #ee2626;
    --nom-color-danger-saturate-dark: #ec0f0f;
    --nom-color-ldanger-saturate-dark: #ffdcdc;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    margin: 0.67em 0;
    font-size: 2em;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-size: 1em;
    /* 2 */
    font-family: monospace;
    /* 1 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
    border-bottom: none;
    /* 1 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-size: 1em;
    /* 2 */
    font-family: monospace;
    /* 1 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    /* 2 */
    font-size: 100%;
    /* 1 */
    font-family: inherit;
    /* 1 */
    line-height: 1.15;
    /* 1 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}
    /**
 * Remove the inner border and padding in Firefox.
 */
    button::-moz-focus-inner,
    [type='button']::-moz-focus-inner,
    [type='reset']::-moz-focus-inner,
    [type='submit']::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }
    /**
 * Restore the focus styles unset by the previous rule.
 */
    button:-moz-focusring,
    [type='button']:-moz-focusring,
    [type='reset']:-moz-focusring,
    [type='submit']:-moz-focusring {
        outline: 1px dotted ButtonText;
    }
/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    display: table;
    /* 1 */
    box-sizing: border-box;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    color: inherit;
    /* 2 */
    white-space: normal;
    /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type='checkbox'],
[type='radio'] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
    outline-offset: -2px;
    /* 2 */
    -webkit-appearance: textfield;
    /* 1 */
}
    /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
    [type='search']::-webkit-search-decoration {
        -webkit-appearance: none;
    }
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    font: inherit;
    /* 2 */
    -webkit-appearance: button;
    /* 1 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}
/* colors */
.u-color-gray,
.u-hover-color-gray:hover,
.u-selected-color-gray.s-selected {
    color: var(--nom-color-gray-lighten) !important;
    background-color: var(--nom-color-gray) !important;
    border-color: var(--nom-color-gray-darken) !important;
}

    .u-color-gray a,
    .u-hover-color-gray:hover a,
    .u-selected-color-gray.s-selected a {
        color: inherit !important;
    }

.u-color-gray-dark,
.u-hover-color-gray-dark:hover,
.u-selected-color-gray-dark.s-selected {
    color: var(--nom-color-gray-lighten) !important;
    background-color: var(--nom-color-gray-saturate-dark) !important;
    border-color: var(--nom-color-gray-darken) !important;
}

.u-color-gray-light,
.u-hover-color-gray-light:hover,
.u-selected-color-gray-light.s-selected {
    color: var(--nom-color-gray-lighten) !important;
    background-color: var(--nom-color-gray-saturate-light) !important;
    border-color: var(--nom-color-gray-darken) !important;
}

.u-color-gray-outline {
    color: var(--nom-color-gray) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-gray) !important;
}

    .u-color-gray-outline.s-hover,
    .u-color-gray-outline:hover {
        color: var(--nom-color-gray) !important;
        background-color: var(--nom-color-gray-lighten) !important;
    }

.u-color-lgray,
.u-hover-color-lgray:hover,
.u-selected-color-lgray.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lgray) !important;
}

.u-color-lgray-dark,
.u-hover-color-lgray-dark:hover,
.u-selected-color-lgray-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lgray-saturate-dark) !important;
}

.u-color-lgray-light,
.u-hover-color-lgray-light:hover,
.u-selected-color-lgray-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lgray-saturate-light) !important;
}

.u-outline-gray {
    color: var(--nom-color-gray-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-gray-lighten) !important;
}

.u-text-gray,
.u-hover-text-gray:hover,
.u-selected-text-gray.s-selected {
    color: var(--nom-color-gray) !important;
}

.u-border-gray {
    border-color: var(--nom-color-gray) !important;
}

.u-border-lgray {
    border-color: var(--nom-color-lgray) !important;
}

.u-color-brown,
.u-hover-color-brown:hover,
.u-selected-color-brown.s-selected {
    color: var(--nom-color-brown-lighten) !important;
    background-color: var(--nom-color-brown) !important;
    border-color: var(--nom-color-brown-darken) !important;
}

    .u-color-brown a,
    .u-hover-color-brown:hover a,
    .u-selected-color-brown.s-selected a {
        color: inherit !important;
    }

.u-color-brown-dark,
.u-hover-color-brown-dark:hover,
.u-selected-color-brown-dark.s-selected {
    color: var(--nom-color-brown-lighten) !important;
    background-color: var(--nom-color-brown-saturate-dark) !important;
    border-color: var(--nom-color-brown-darken) !important;
}

.u-color-brown-light,
.u-hover-color-brown-light:hover,
.u-selected-color-brown-light.s-selected {
    color: var(--nom-color-brown-lighten) !important;
    background-color: var(--nom-color-brown-saturate-light) !important;
    border-color: var(--nom-color-brown-darken) !important;
}

.u-color-brown-outline {
    color: var(--nom-color-brown) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-brown) !important;
}

    .u-color-brown-outline.s-hover,
    .u-color-brown-outline:hover {
        color: var(--nom-color-brown) !important;
        background-color: var(--nom-color-brown-lighten) !important;
    }

.u-color-lbrown,
.u-hover-color-lbrown:hover,
.u-selected-color-lbrown.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lbrown) !important;
}

.u-color-lbrown-dark,
.u-hover-color-lbrown-dark:hover,
.u-selected-color-lbrown-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lbrown-saturate-dark) !important;
}

.u-color-lbrown-light,
.u-hover-color-lbrown-light:hover,
.u-selected-color-lbrown-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lbrown-saturate-light) !important;
}

.u-outline-brown {
    color: var(--nom-color-brown-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-brown-lighten) !important;
}

.u-text-brown,
.u-hover-text-brown:hover,
.u-selected-text-brown.s-selected {
    color: var(--nom-color-brown) !important;
}

.u-border-brown {
    border-color: var(--nom-color-brown) !important;
}

.u-border-lbrown {
    border-color: var(--nom-color-lbrown) !important;
}

.u-color-red,
.u-hover-color-red:hover,
.u-selected-color-red.s-selected {
    color: var(--nom-color-red-lighten) !important;
    background-color: var(--nom-color-red) !important;
    border-color: var(--nom-color-red-darken) !important;
}

    .u-color-red a,
    .u-hover-color-red:hover a,
    .u-selected-color-red.s-selected a {
        color: inherit !important;
    }

.u-color-red-dark,
.u-hover-color-red-dark:hover,
.u-selected-color-red-dark.s-selected {
    color: var(--nom-color-red-lighten) !important;
    background-color: var(--nom-color-red-saturate-dark) !important;
    border-color: var(--nom-color-red-darken) !important;
}

.u-color-red-light,
.u-hover-color-red-light:hover,
.u-selected-color-red-light.s-selected {
    color: var(--nom-color-red-lighten) !important;
    background-color: var(--nom-color-red-saturate-light) !important;
    border-color: var(--nom-color-red-darken) !important;
}

.u-color-red-outline {
    color: var(--nom-color-red) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-red) !important;
}

    .u-color-red-outline.s-hover,
    .u-color-red-outline:hover {
        color: var(--nom-color-red) !important;
        background-color: var(--nom-color-red-lighten) !important;
    }

.u-color-lred,
.u-hover-color-lred:hover,
.u-selected-color-lred.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lred) !important;
}

.u-color-lred-dark,
.u-hover-color-lred-dark:hover,
.u-selected-color-lred-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lred-saturate-dark) !important;
}

.u-color-lred-light,
.u-hover-color-lred-light:hover,
.u-selected-color-lred-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lred-saturate-light) !important;
}

.u-outline-red {
    color: var(--nom-color-red-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-red-lighten) !important;
}

.u-text-red,
.u-hover-text-red:hover,
.u-selected-text-red.s-selected {
    color: var(--nom-color-red) !important;
}

.u-border-red {
    border-color: var(--nom-color-red) !important;
}

.u-border-lred {
    border-color: var(--nom-color-lred) !important;
}

.u-color-orange,
.u-hover-color-orange:hover,
.u-selected-color-orange.s-selected {
    color: var(--nom-color-orange-lighten) !important;
    background-color: var(--nom-color-orange) !important;
    border-color: var(--nom-color-orange-darken) !important;
}

    .u-color-orange a,
    .u-hover-color-orange:hover a,
    .u-selected-color-orange.s-selected a {
        color: inherit !important;
    }

.u-color-orange-dark,
.u-hover-color-orange-dark:hover,
.u-selected-color-orange-dark.s-selected {
    color: var(--nom-color-orange-lighten) !important;
    background-color: var(--nom-color-orange-saturate-dark) !important;
    border-color: var(--nom-color-orange-darken) !important;
}

.u-color-orange-light,
.u-hover-color-orange-light:hover,
.u-selected-color-orange-light.s-selected {
    color: var(--nom-color-orange-lighten) !important;
    background-color: var(--nom-color-orange-saturate-light) !important;
    border-color: var(--nom-color-orange-darken) !important;
}

.u-color-orange-outline {
    color: var(--nom-color-orange) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-orange) !important;
}

    .u-color-orange-outline.s-hover,
    .u-color-orange-outline:hover {
        color: var(--nom-color-orange) !important;
        background-color: var(--nom-color-orange-lighten) !important;
    }

.u-color-lorange,
.u-hover-color-lorange:hover,
.u-selected-color-lorange.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lorange) !important;
}

.u-color-lorange-dark,
.u-hover-color-lorange-dark:hover,
.u-selected-color-lorange-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lorange-saturate-dark) !important;
}

.u-color-lorange-light,
.u-hover-color-lorange-light:hover,
.u-selected-color-lorange-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lorange-saturate-light) !important;
}

.u-outline-orange {
    color: var(--nom-color-orange-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-orange-lighten) !important;
}

.u-text-orange,
.u-hover-text-orange:hover,
.u-selected-text-orange.s-selected {
    color: var(--nom-color-orange) !important;
}

.u-border-orange {
    border-color: var(--nom-color-orange) !important;
}

.u-border-lorange {
    border-color: var(--nom-color-lorange) !important;
}

.u-color-yellow,
.u-hover-color-yellow:hover,
.u-selected-color-yellow.s-selected {
    color: var(--nom-color-yellow-lighten) !important;
    background-color: var(--nom-color-yellow) !important;
    border-color: var(--nom-color-yellow-darken) !important;
}

    .u-color-yellow a,
    .u-hover-color-yellow:hover a,
    .u-selected-color-yellow.s-selected a {
        color: inherit !important;
    }

.u-color-yellow-dark,
.u-hover-color-yellow-dark:hover,
.u-selected-color-yellow-dark.s-selected {
    color: var(--nom-color-yellow-lighten) !important;
    background-color: var(--nom-color-yellow-saturate-dark) !important;
    border-color: var(--nom-color-yellow-darken) !important;
}

.u-color-yellow-light,
.u-hover-color-yellow-light:hover,
.u-selected-color-yellow-light.s-selected {
    color: var(--nom-color-yellow-lighten) !important;
    background-color: var(--nom-color-yellow-saturate-light) !important;
    border-color: var(--nom-color-yellow-darken) !important;
}

.u-color-yellow-outline {
    color: var(--nom-color-yellow) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-yellow) !important;
}

    .u-color-yellow-outline.s-hover,
    .u-color-yellow-outline:hover {
        color: var(--nom-color-yellow) !important;
        background-color: var(--nom-color-yellow-lighten) !important;
    }

.u-color-lyellow,
.u-hover-color-lyellow:hover,
.u-selected-color-lyellow.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lyellow) !important;
}

.u-color-lyellow-dark,
.u-hover-color-lyellow-dark:hover,
.u-selected-color-lyellow-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lyellow-saturate-dark) !important;
}

.u-color-lyellow-light,
.u-hover-color-lyellow-light:hover,
.u-selected-color-lyellow-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lyellow-saturate-light) !important;
}

.u-outline-yellow {
    color: var(--nom-color-yellow-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-yellow-lighten) !important;
}

.u-text-yellow,
.u-hover-text-yellow:hover,
.u-selected-text-yellow.s-selected {
    color: var(--nom-color-yellow) !important;
}

.u-border-yellow {
    border-color: var(--nom-color-yellow) !important;
}

.u-border-lyellow {
    border-color: var(--nom-color-lyellow) !important;
}

.u-color-green,
.u-hover-color-green:hover,
.u-selected-color-green.s-selected {
    color: var(--nom-color-green-lighten) !important;
    background-color: var(--nom-color-green) !important;
    border-color: var(--nom-color-green-darken) !important;
}

    .u-color-green a,
    .u-hover-color-green:hover a,
    .u-selected-color-green.s-selected a {
        color: inherit !important;
    }

.u-color-green-dark,
.u-hover-color-green-dark:hover,
.u-selected-color-green-dark.s-selected {
    color: var(--nom-color-green-lighten) !important;
    background-color: var(--nom-color-green-saturate-dark) !important;
    border-color: var(--nom-color-green-darken) !important;
}

.u-color-green-light,
.u-hover-color-green-light:hover,
.u-selected-color-green-light.s-selected {
    color: var(--nom-color-green-lighten) !important;
    background-color: var(--nom-color-green-saturate-light) !important;
    border-color: var(--nom-color-green-darken) !important;
}

.u-color-green-outline {
    color: var(--nom-color-green) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-green) !important;
}

    .u-color-green-outline.s-hover,
    .u-color-green-outline:hover {
        color: var(--nom-color-green) !important;
        background-color: var(--nom-color-green-lighten) !important;
    }

.u-color-lgreen,
.u-hover-color-lgreen:hover,
.u-selected-color-lgreen.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lgreen) !important;
}

.u-color-lgreen-dark,
.u-hover-color-lgreen-dark:hover,
.u-selected-color-lgreen-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lgreen-saturate-dark) !important;
}

.u-color-lgreen-light,
.u-hover-color-lgreen-light:hover,
.u-selected-color-lgreen-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lgreen-saturate-light) !important;
}

.u-outline-green {
    color: var(--nom-color-green-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-green-lighten) !important;
}

.u-text-green,
.u-hover-text-green:hover,
.u-selected-text-green.s-selected {
    color: var(--nom-color-green) !important;
}

.u-border-green {
    border-color: var(--nom-color-green) !important;
}

.u-border-lgreen {
    border-color: var(--nom-color-lgreen) !important;
}

.u-color-teal,
.u-hover-color-teal:hover,
.u-selected-color-teal.s-selected {
    color: var(--nom-color-teal-lighten) !important;
    background-color: var(--nom-color-teal) !important;
    border-color: var(--nom-color-teal-darken) !important;
}

    .u-color-teal a,
    .u-hover-color-teal:hover a,
    .u-selected-color-teal.s-selected a {
        color: inherit !important;
    }

.u-color-teal-dark,
.u-hover-color-teal-dark:hover,
.u-selected-color-teal-dark.s-selected {
    color: var(--nom-color-teal-lighten) !important;
    background-color: var(--nom-color-teal-saturate-dark) !important;
    border-color: var(--nom-color-teal-darken) !important;
}

.u-color-teal-light,
.u-hover-color-teal-light:hover,
.u-selected-color-teal-light.s-selected {
    color: var(--nom-color-teal-lighten) !important;
    background-color: var(--nom-color-teal-saturate-light) !important;
    border-color: var(--nom-color-teal-darken) !important;
}

.u-color-teal-outline {
    color: var(--nom-color-teal) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-teal) !important;
}

    .u-color-teal-outline.s-hover,
    .u-color-teal-outline:hover {
        color: var(--nom-color-teal) !important;
        background-color: var(--nom-color-teal-lighten) !important;
    }

.u-color-lteal,
.u-hover-color-lteal:hover,
.u-selected-color-lteal.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lteal) !important;
}

.u-color-lteal-dark,
.u-hover-color-lteal-dark:hover,
.u-selected-color-lteal-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lteal-saturate-dark) !important;
}

.u-color-lteal-light,
.u-hover-color-lteal-light:hover,
.u-selected-color-lteal-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lteal-saturate-light) !important;
}

.u-outline-teal {
    color: var(--nom-color-teal-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-teal-lighten) !important;
}

.u-text-teal,
.u-hover-text-teal:hover,
.u-selected-text-teal.s-selected {
    color: var(--nom-color-teal) !important;
}

.u-border-teal {
    border-color: var(--nom-color-teal) !important;
}

.u-border-lteal {
    border-color: var(--nom-color-lteal) !important;
}

.u-color-blue,
.u-hover-color-blue:hover,
.u-selected-color-blue.s-selected {
    color: var(--nom-color-blue-lighten) !important;
    background-color: var(--nom-color-blue) !important;
    border-color: var(--nom-color-blue-darken) !important;
}

    .u-color-blue a,
    .u-hover-color-blue:hover a,
    .u-selected-color-blue.s-selected a {
        color: inherit !important;
    }

.u-color-blue-dark,
.u-hover-color-blue-dark:hover,
.u-selected-color-blue-dark.s-selected {
    color: var(--nom-color-blue-lighten) !important;
    background-color: var(--nom-color-blue-saturate-dark) !important;
    border-color: var(--nom-color-blue-darken) !important;
}

.u-color-blue-light,
.u-hover-color-blue-light:hover,
.u-selected-color-blue-light.s-selected {
    color: var(--nom-color-blue-lighten) !important;
    background-color: var(--nom-color-blue-saturate-light) !important;
    border-color: var(--nom-color-blue-darken) !important;
}

.u-color-blue-outline {
    color: var(--nom-color-blue) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-blue) !important;
}

    .u-color-blue-outline.s-hover,
    .u-color-blue-outline:hover {
        color: var(--nom-color-blue) !important;
        background-color: var(--nom-color-blue-lighten) !important;
    }

.u-color-lblue,
.u-hover-color-lblue:hover,
.u-selected-color-lblue.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lblue) !important;
}

.u-color-lblue-dark,
.u-hover-color-lblue-dark:hover,
.u-selected-color-lblue-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lblue-saturate-dark) !important;
}

.u-color-lblue-light,
.u-hover-color-lblue-light:hover,
.u-selected-color-lblue-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lblue-saturate-light) !important;
}

.u-outline-blue {
    color: var(--nom-color-blue-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-blue-lighten) !important;
}

.u-text-blue,
.u-hover-text-blue:hover,
.u-selected-text-blue.s-selected {
    color: var(--nom-color-blue) !important;
}

.u-border-blue {
    border-color: var(--nom-color-blue) !important;
}

.u-border-lblue {
    border-color: var(--nom-color-lblue) !important;
}

.u-color-indigo,
.u-hover-color-indigo:hover,
.u-selected-color-indigo.s-selected {
    color: var(--nom-color-indigo-lighten) !important;
    background-color: var(--nom-color-indigo) !important;
    border-color: var(--nom-color-indigo-darken) !important;
}

    .u-color-indigo a,
    .u-hover-color-indigo:hover a,
    .u-selected-color-indigo.s-selected a {
        color: inherit !important;
    }

.u-color-indigo-dark,
.u-hover-color-indigo-dark:hover,
.u-selected-color-indigo-dark.s-selected {
    color: var(--nom-color-indigo-lighten) !important;
    background-color: var(--nom-color-indigo-saturate-dark) !important;
    border-color: var(--nom-color-indigo-darken) !important;
}

.u-color-indigo-light,
.u-hover-color-indigo-light:hover,
.u-selected-color-indigo-light.s-selected {
    color: var(--nom-color-indigo-lighten) !important;
    background-color: var(--nom-color-indigo-saturate-light) !important;
    border-color: var(--nom-color-indigo-darken) !important;
}

.u-color-indigo-outline {
    color: var(--nom-color-indigo) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-indigo) !important;
}

    .u-color-indigo-outline.s-hover,
    .u-color-indigo-outline:hover {
        color: var(--nom-color-indigo) !important;
        background-color: var(--nom-color-indigo-lighten) !important;
    }

.u-color-lindigo,
.u-hover-color-lindigo:hover,
.u-selected-color-lindigo.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lindigo) !important;
}

.u-color-lindigo-dark,
.u-hover-color-lindigo-dark:hover,
.u-selected-color-lindigo-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lindigo-saturate-dark) !important;
}

.u-color-lindigo-light,
.u-hover-color-lindigo-light:hover,
.u-selected-color-lindigo-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lindigo-saturate-light) !important;
}

.u-outline-indigo {
    color: var(--nom-color-indigo-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-indigo-lighten) !important;
}

.u-text-indigo,
.u-hover-text-indigo:hover,
.u-selected-text-indigo.s-selected {
    color: var(--nom-color-indigo) !important;
}

.u-border-indigo {
    border-color: var(--nom-color-indigo) !important;
}

.u-border-lindigo {
    border-color: var(--nom-color-lindigo) !important;
}

.u-color-purple,
.u-hover-color-purple:hover,
.u-selected-color-purple.s-selected {
    color: var(--nom-color-purple-lighten) !important;
    background-color: var(--nom-color-purple) !important;
    border-color: var(--nom-color-purple-darken) !important;
}

    .u-color-purple a,
    .u-hover-color-purple:hover a,
    .u-selected-color-purple.s-selected a {
        color: inherit !important;
    }

.u-color-purple-dark,
.u-hover-color-purple-dark:hover,
.u-selected-color-purple-dark.s-selected {
    color: var(--nom-color-purple-lighten) !important;
    background-color: var(--nom-color-purple-saturate-dark) !important;
    border-color: var(--nom-color-purple-darken) !important;
}

.u-color-purple-light,
.u-hover-color-purple-light:hover,
.u-selected-color-purple-light.s-selected {
    color: var(--nom-color-purple-lighten) !important;
    background-color: var(--nom-color-purple-saturate-light) !important;
    border-color: var(--nom-color-purple-darken) !important;
}

.u-color-purple-outline {
    color: var(--nom-color-purple) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-purple) !important;
}

    .u-color-purple-outline.s-hover,
    .u-color-purple-outline:hover {
        color: var(--nom-color-purple) !important;
        background-color: var(--nom-color-purple-lighten) !important;
    }

.u-color-lpurple,
.u-hover-color-lpurple:hover,
.u-selected-color-lpurple.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lpurple) !important;
}

.u-color-lpurple-dark,
.u-hover-color-lpurple-dark:hover,
.u-selected-color-lpurple-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lpurple-saturate-dark) !important;
}

.u-color-lpurple-light,
.u-hover-color-lpurple-light:hover,
.u-selected-color-lpurple-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lpurple-saturate-light) !important;
}

.u-outline-purple {
    color: var(--nom-color-purple-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-purple-lighten) !important;
}

.u-text-purple,
.u-hover-text-purple:hover,
.u-selected-text-purple.s-selected {
    color: var(--nom-color-purple) !important;
}

.u-border-purple {
    border-color: var(--nom-color-purple) !important;
}

.u-border-lpurple {
    border-color: var(--nom-color-lpurple) !important;
}

.u-color-pink,
.u-hover-color-pink:hover,
.u-selected-color-pink.s-selected {
    color: var(--nom-color-pink-lighten) !important;
    background-color: var(--nom-color-pink) !important;
    border-color: var(--nom-color-pink-darken) !important;
}

    .u-color-pink a,
    .u-hover-color-pink:hover a,
    .u-selected-color-pink.s-selected a {
        color: inherit !important;
    }

.u-color-pink-dark,
.u-hover-color-pink-dark:hover,
.u-selected-color-pink-dark.s-selected {
    color: var(--nom-color-pink-lighten) !important;
    background-color: var(--nom-color-pink-saturate-dark) !important;
    border-color: var(--nom-color-pink-darken) !important;
}

.u-color-pink-light,
.u-hover-color-pink-light:hover,
.u-selected-color-pink-light.s-selected {
    color: var(--nom-color-pink-lighten) !important;
    background-color: var(--nom-color-pink-saturate-light) !important;
    border-color: var(--nom-color-pink-darken) !important;
}

.u-color-pink-outline {
    color: var(--nom-color-pink) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-pink) !important;
}

    .u-color-pink-outline.s-hover,
    .u-color-pink-outline:hover {
        color: var(--nom-color-pink) !important;
        background-color: var(--nom-color-pink-lighten) !important;
    }

.u-color-lpink,
.u-hover-color-lpink:hover,
.u-selected-color-lpink.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lpink) !important;
}

.u-color-lpink-dark,
.u-hover-color-lpink-dark:hover,
.u-selected-color-lpink-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lpink-saturate-dark) !important;
}

.u-color-lpink-light,
.u-hover-color-lpink-light:hover,
.u-selected-color-lpink-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lpink-saturate-light) !important;
}

.u-outline-pink {
    color: var(--nom-color-pink-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-pink-lighten) !important;
}

.u-text-pink,
.u-hover-text-pink:hover,
.u-selected-text-pink.s-selected {
    color: var(--nom-color-pink) !important;
}

.u-border-pink {
    border-color: var(--nom-color-pink) !important;
}

.u-border-lpink {
    border-color: var(--nom-color-lpink) !important;
}

.u-color-cyan,
.u-hover-color-cyan:hover,
.u-selected-color-cyan.s-selected {
    color: var(--nom-color-cyan-lighten) !important;
    background-color: var(--nom-color-cyan) !important;
    border-color: var(--nom-color-cyan-darken) !important;
}

    .u-color-cyan a,
    .u-hover-color-cyan:hover a,
    .u-selected-color-cyan.s-selected a {
        color: inherit !important;
    }

.u-color-cyan-dark,
.u-hover-color-cyan-dark:hover,
.u-selected-color-cyan-dark.s-selected {
    color: var(--nom-color-cyan-lighten) !important;
    background-color: var(--nom-color-cyan-saturate-dark) !important;
    border-color: var(--nom-color-cyan-darken) !important;
}

.u-color-cyan-light,
.u-hover-color-cyan-light:hover,
.u-selected-color-cyan-light.s-selected {
    color: var(--nom-color-cyan-lighten) !important;
    background-color: var(--nom-color-cyan-saturate-light) !important;
    border-color: var(--nom-color-cyan-darken) !important;
}

.u-color-cyan-outline {
    color: var(--nom-color-cyan) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-cyan) !important;
}

    .u-color-cyan-outline.s-hover,
    .u-color-cyan-outline:hover {
        color: var(--nom-color-cyan) !important;
        background-color: var(--nom-color-cyan-lighten) !important;
    }

.u-color-lcyan,
.u-hover-color-lcyan:hover,
.u-selected-color-lcyan.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lcyan) !important;
}

.u-color-lcyan-dark,
.u-hover-color-lcyan-dark:hover,
.u-selected-color-lcyan-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lcyan-saturate-dark) !important;
}

.u-color-lcyan-light,
.u-hover-color-lcyan-light:hover,
.u-selected-color-lcyan-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lcyan-saturate-light) !important;
}

.u-outline-cyan {
    color: var(--nom-color-cyan-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-cyan-lighten) !important;
}

.u-text-cyan,
.u-hover-text-cyan:hover,
.u-selected-text-cyan.s-selected {
    color: var(--nom-color-cyan) !important;
}

.u-border-cyan {
    border-color: var(--nom-color-cyan) !important;
}

.u-border-lcyan {
    border-color: var(--nom-color-lcyan) !important;
}

.u-color-primary,
.u-hover-color-primary:hover,
.u-selected-color-primary.s-selected {
    color: var(--nom-color-primary-lighten) !important;
    background-color: var(--nom-color-primary) !important;
    border-color: var(--nom-color-primary-darken) !important;
}

    .u-color-primary a,
    .u-hover-color-primary:hover a,
    .u-selected-color-primary.s-selected a {
        color: inherit !important;
    }

.u-color-primary-dark,
.u-hover-color-primary-dark:hover,
.u-selected-color-primary-dark.s-selected {
    color: var(--nom-color-primary-lighten) !important;
    background-color: var(--nom-color-primary-saturate-dark) !important;
    border-color: var(--nom-color-primary-darken) !important;
}

.u-color-primary-light,
.u-hover-color-primary-light:hover,
.u-selected-color-primary-light.s-selected {
    color: var(--nom-color-primary-lighten) !important;
    background-color: var(--nom-color-primary-saturate-light) !important;
    border-color: var(--nom-color-primary-darken) !important;
}

.u-color-primary-outline {
    color: var(--nom-color-primary) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-primary) !important;
}

    .u-color-primary-outline.s-hover,
    .u-color-primary-outline:hover {
        color: var(--nom-color-primary) !important;
        background-color: var(--nom-color-primary-lighten) !important;
    }

.u-color-lprimary,
.u-hover-color-lprimary:hover,
.u-selected-color-lprimary.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lprimary) !important;
}

.u-color-lprimary-dark,
.u-hover-color-lprimary-dark:hover,
.u-selected-color-lprimary-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lprimary-saturate-dark) !important;
}

.u-color-lprimary-light,
.u-hover-color-lprimary-light:hover,
.u-selected-color-lprimary-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lprimary-saturate-light) !important;
}

.u-outline-primary {
    color: var(--nom-color-primary-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-primary-lighten) !important;
}

.u-text-primary,
.u-hover-text-primary:hover,
.u-selected-text-primary.s-selected {
    color: var(--nom-color-primary) !important;
}

.u-border-primary {
    border-color: var(--nom-color-primary) !important;
}

.u-border-lprimary {
    border-color: var(--nom-color-lprimary) !important;
}

.u-color-success,
.u-hover-color-success:hover,
.u-selected-color-success.s-selected {
    color: var(--nom-color-success-lighten) !important;
    background-color: var(--nom-color-success) !important;
    border-color: var(--nom-color-success-darken) !important;
}

    .u-color-success a,
    .u-hover-color-success:hover a,
    .u-selected-color-success.s-selected a {
        color: inherit !important;
    }

.u-color-success-dark,
.u-hover-color-success-dark:hover,
.u-selected-color-success-dark.s-selected {
    color: var(--nom-color-success-lighten) !important;
    background-color: var(--nom-color-success-saturate-dark) !important;
    border-color: var(--nom-color-success-darken) !important;
}

.u-color-success-light,
.u-hover-color-success-light:hover,
.u-selected-color-success-light.s-selected {
    color: var(--nom-color-success-lighten) !important;
    background-color: var(--nom-color-success-saturate-light) !important;
    border-color: var(--nom-color-success-darken) !important;
}

.u-color-success-outline {
    color: var(--nom-color-success) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-success) !important;
}

    .u-color-success-outline.s-hover,
    .u-color-success-outline:hover {
        color: var(--nom-color-success) !important;
        background-color: var(--nom-color-success-lighten) !important;
    }

.u-color-lsuccess,
.u-hover-color-lsuccess:hover,
.u-selected-color-lsuccess.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lsuccess) !important;
}

.u-color-lsuccess-dark,
.u-hover-color-lsuccess-dark:hover,
.u-selected-color-lsuccess-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lsuccess-saturate-dark) !important;
}

.u-color-lsuccess-light,
.u-hover-color-lsuccess-light:hover,
.u-selected-color-lsuccess-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lsuccess-saturate-light) !important;
}

.u-outline-success {
    color: var(--nom-color-success-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-success-lighten) !important;
}

.u-text-success,
.u-hover-text-success:hover,
.u-selected-text-success.s-selected {
    color: var(--nom-color-success) !important;
}

.u-border-success {
    border-color: var(--nom-color-success) !important;
}

.u-border-lsuccess {
    border-color: var(--nom-color-lsuccess) !important;
}

.u-color-info,
.u-hover-color-info:hover,
.u-selected-color-info.s-selected {
    color: var(--nom-color-info-lighten) !important;
    background-color: var(--nom-color-info) !important;
    border-color: var(--nom-color-info-darken) !important;
}

    .u-color-info a,
    .u-hover-color-info:hover a,
    .u-selected-color-info.s-selected a {
        color: inherit !important;
    }

.u-color-info-dark,
.u-hover-color-info-dark:hover,
.u-selected-color-info-dark.s-selected {
    color: var(--nom-color-info-lighten) !important;
    background-color: var(--nom-color-info-saturate-dark) !important;
    border-color: var(--nom-color-info-darken) !important;
}

.u-color-info-light,
.u-hover-color-info-light:hover,
.u-selected-color-info-light.s-selected {
    color: var(--nom-color-info-lighten) !important;
    background-color: var(--nom-color-info-saturate-light) !important;
    border-color: var(--nom-color-info-darken) !important;
}

.u-color-info-outline {
    color: var(--nom-color-info) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-info) !important;
}

    .u-color-info-outline.s-hover,
    .u-color-info-outline:hover {
        color: var(--nom-color-info) !important;
        background-color: var(--nom-color-info-lighten) !important;
    }

.u-color-linfo,
.u-hover-color-linfo:hover,
.u-selected-color-linfo.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-linfo) !important;
}

.u-color-linfo-dark,
.u-hover-color-linfo-dark:hover,
.u-selected-color-linfo-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-linfo-saturate-dark) !important;
}

.u-color-linfo-light,
.u-hover-color-linfo-light:hover,
.u-selected-color-linfo-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-linfo-saturate-light) !important;
}

.u-outline-info {
    color: var(--nom-color-info-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-info-lighten) !important;
}

.u-text-info,
.u-hover-text-info:hover,
.u-selected-text-info.s-selected {
    color: var(--nom-color-info) !important;
}

.u-border-info {
    border-color: var(--nom-color-info) !important;
}

.u-border-linfo {
    border-color: var(--nom-color-linfo) !important;
}

.u-color-warning,
.u-hover-color-warning:hover,
.u-selected-color-warning.s-selected {
    color: var(--nom-color-warning-lighten) !important;
    background-color: var(--nom-color-warning) !important;
    border-color: var(--nom-color-warning-darken) !important;
}

    .u-color-warning a,
    .u-hover-color-warning:hover a,
    .u-selected-color-warning.s-selected a {
        color: inherit !important;
    }

.u-color-warning-dark,
.u-hover-color-warning-dark:hover,
.u-selected-color-warning-dark.s-selected {
    color: var(--nom-color-warning-lighten) !important;
    background-color: var(--nom-color-warning-saturate-dark) !important;
    border-color: var(--nom-color-warning-darken) !important;
}

.u-color-warning-light,
.u-hover-color-warning-light:hover,
.u-selected-color-warning-light.s-selected {
    color: var(--nom-color-warning-lighten) !important;
    background-color: var(--nom-color-warning-saturate-light) !important;
    border-color: var(--nom-color-warning-darken) !important;
}

.u-color-warning-outline {
    color: var(--nom-color-warning) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-warning) !important;
}

    .u-color-warning-outline.s-hover,
    .u-color-warning-outline:hover {
        color: var(--nom-color-warning) !important;
        background-color: var(--nom-color-warning-lighten) !important;
    }

.u-color-lwarning,
.u-hover-color-lwarning:hover,
.u-selected-color-lwarning.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lwarning) !important;
}

.u-color-lwarning-dark,
.u-hover-color-lwarning-dark:hover,
.u-selected-color-lwarning-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lwarning-saturate-dark) !important;
}

.u-color-lwarning-light,
.u-hover-color-lwarning-light:hover,
.u-selected-color-lwarning-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-lwarning-saturate-light) !important;
}

.u-outline-warning {
    color: var(--nom-color-warning-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-warning-lighten) !important;
}

.u-text-warning,
.u-hover-text-warning:hover,
.u-selected-text-warning.s-selected {
    color: var(--nom-color-warning) !important;
}

.u-border-warning {
    border-color: var(--nom-color-warning) !important;
}

.u-border-lwarning {
    border-color: var(--nom-color-lwarning) !important;
}

.u-color-danger,
.u-hover-color-danger:hover,
.u-selected-color-danger.s-selected {
    color: var(--nom-color-danger-lighten) !important;
    background-color: var(--nom-color-danger) !important;
    border-color: var(--nom-color-danger-darken) !important;
}

    .u-color-danger a,
    .u-hover-color-danger:hover a,
    .u-selected-color-danger.s-selected a {
        color: inherit !important;
    }

.u-color-danger-dark,
.u-hover-color-danger-dark:hover,
.u-selected-color-danger-dark.s-selected {
    color: var(--nom-color-danger-lighten) !important;
    background-color: var(--nom-color-danger-saturate-dark) !important;
    border-color: var(--nom-color-danger-darken) !important;
}

.u-color-danger-light,
.u-hover-color-danger-light:hover,
.u-selected-color-danger-light.s-selected {
    color: var(--nom-color-danger-lighten) !important;
    background-color: var(--nom-color-danger-saturate-light) !important;
    border-color: var(--nom-color-danger-darken) !important;
}

.u-color-danger-outline {
    color: var(--nom-color-danger) !important;
    background-color: transparent !important;
    border-color: var(--nom-color-danger) !important;
}

    .u-color-danger-outline.s-hover,
    .u-color-danger-outline:hover {
        color: var(--nom-color-danger) !important;
        background-color: var(--nom-color-danger-lighten) !important;
    }

.u-color-ldanger,
.u-hover-color-ldanger:hover,
.u-selected-color-ldanger.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-ldanger) !important;
}

.u-color-ldanger-dark,
.u-hover-color-ldanger-dark:hover,
.u-selected-color-ldanger-dark.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-ldanger-saturate-dark) !important;
}

.u-color-ldanger-light,
.u-hover-color-ldanger-light:hover,
.u-selected-color-ldanger-light.s-selected {
    color: inherit !important;
    background-color: var(--nom-color-ldanger-saturate-light) !important;
}

.u-outline-danger {
    color: var(--nom-color-danger-lighten);
    background-color: transparent !important;
    border-color: var(--nom-color-danger-lighten) !important;
}

.u-text-danger,
.u-hover-text-danger:hover,
.u-selected-text-danger.s-selected {
    color: var(--nom-color-danger) !important;
}

.u-border-danger {
    border-color: var(--nom-color-danger) !important;
}

.u-border-ldanger {
    border-color: var(--nom-color-ldanger) !important;
}

.u-hover-color-darken:hover:not(.s-selected) {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.u-hover-color-lighten:not(.s-selected):hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.u-selected-color-darken.s-selected {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.u-selected-color-lighten.s-selected {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.u-color-white {
    color: #343a40 !important;
    background-color: #ffffff !important;
}

.u-color-black {
    color: #ffffff !important;
    background-color: #000000 !important;
}

.u-color-transparent {
    color: inherit !important;
    background-color: transparent !important;
}

.u-cursor-pointer {
    cursor: pointer;
}

.u-padding-d125 {
    padding: 0.125rem !important;
}

.u-padding-t-d125 {
    padding-top: 0.125rem !important;
}

.u-padding-r-d125 {
    padding-right: 0.125rem !important;
}

.u-padding-b-d125 {
    padding-bottom: 0.125rem !important;
}

.u-padding-l-d125 {
    padding-left: 0.125rem !important;
}

.u-padding-x-d125 {
    padding-right: 0.125rem !important;
    padding-left: 0.125rem !important;
}

.u-padding-y-d125 {
    padding-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
}

.u-padding-d25 {
    padding: 0.25rem !important;
}

.u-padding-t-d25 {
    padding-top: 0.25rem !important;
}

.u-padding-r-d25 {
    padding-right: 0.25rem !important;
}

.u-padding-b-d25 {
    padding-bottom: 0.25rem !important;
}

.u-padding-l-d25 {
    padding-left: 0.25rem !important;
}

.u-padding-x-d25 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}

.u-padding-y-d25 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.u-padding-d375 {
    padding: 0.375rem !important;
}

.u-padding-t-d375 {
    padding-top: 0.375rem !important;
}

.u-padding-r-d375 {
    padding-right: 0.375rem !important;
}

.u-padding-b-d375 {
    padding-bottom: 0.375rem !important;
}

.u-padding-l-d375 {
    padding-left: 0.375rem !important;
}

.u-padding-x-d375 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
}

.u-padding-y-d375 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}

.u-padding-d5 {
    padding: 0.5rem !important;
}

.u-padding-t-d5 {
    padding-top: 0.5rem !important;
}

.u-padding-r-d5 {
    padding-right: 0.5rem !important;
}

.u-padding-b-d5 {
    padding-bottom: 0.5rem !important;
}

.u-padding-l-d5 {
    padding-left: 0.5rem !important;
}

.u-padding-x-d5 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

.u-padding-y-d5 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.u-padding-d625 {
    padding: 0.625rem !important;
}

.u-padding-t-d625 {
    padding-top: 0.625rem !important;
}

.u-padding-r-d625 {
    padding-right: 0.625rem !important;
}

.u-padding-b-d625 {
    padding-bottom: 0.625rem !important;
}

.u-padding-l-d625 {
    padding-left: 0.625rem !important;
}

.u-padding-x-d625 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
}

.u-padding-y-d625 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}

.u-padding-d75 {
    padding: 0.75rem !important;
}

.u-padding-t-d75 {
    padding-top: 0.75rem !important;
}

.u-padding-r-d75 {
    padding-right: 0.75rem !important;
}

.u-padding-b-d75 {
    padding-bottom: 0.75rem !important;
}

.u-padding-l-d75 {
    padding-left: 0.75rem !important;
}

.u-padding-x-d75 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}

.u-padding-y-d75 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.u-padding-d825 {
    padding: 0.825rem !important;
}

.u-padding-t-d825 {
    padding-top: 0.825rem !important;
}

.u-padding-r-d825 {
    padding-right: 0.825rem !important;
}

.u-padding-b-d825 {
    padding-bottom: 0.825rem !important;
}

.u-padding-l-d825 {
    padding-left: 0.825rem !important;
}

.u-padding-x-d825 {
    padding-right: 0.825rem !important;
    padding-left: 0.825rem !important;
}

.u-padding-y-d825 {
    padding-top: 0.825rem !important;
    padding-bottom: 0.825rem !important;
}

.u-padding-1 {
    padding: 1rem !important;
}

.u-padding-t-1 {
    padding-top: 1rem !important;
}

.u-padding-r-1 {
    padding-right: 1rem !important;
}

.u-padding-b-1 {
    padding-bottom: 1rem !important;
}

.u-padding-l-1 {
    padding-left: 1rem !important;
}

.u-padding-x-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.u-padding-y-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.u-padding-1d125 {
    padding: 1.125rem !important;
}

.u-padding-t-1d125 {
    padding-top: 1.125rem !important;
}

.u-padding-r-1d125 {
    padding-right: 1.125rem !important;
}

.u-padding-b-1d125 {
    padding-bottom: 1.125rem !important;
}

.u-padding-l-1d125 {
    padding-left: 1.125rem !important;
}

.u-padding-x-1d125 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
}

.u-padding-y-1d125 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
}

.u-padding-1d25 {
    padding: 1.25rem !important;
}

.u-padding-t-1d25 {
    padding-top: 1.25rem !important;
}

.u-padding-r-1d25 {
    padding-right: 1.25rem !important;
}

.u-padding-b-1d25 {
    padding-bottom: 1.25rem !important;
}

.u-padding-l-1d25 {
    padding-left: 1.25rem !important;
}

.u-padding-x-1d25 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
}

.u-padding-y-1d25 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.u-padding-1d375 {
    padding: 1.375rem !important;
}

.u-padding-t-1d375 {
    padding-top: 1.375rem !important;
}

.u-padding-r-1d375 {
    padding-right: 1.375rem !important;
}

.u-padding-b-1d375 {
    padding-bottom: 1.375rem !important;
}

.u-padding-l-1d375 {
    padding-left: 1.375rem !important;
}

.u-padding-x-1d375 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
}

.u-padding-y-1d375 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
}

.u-padding-1d5 {
    padding: 1.5rem !important;
}

.u-padding-t-1d5 {
    padding-top: 1.5rem !important;
}

.u-padding-r-1d5 {
    padding-right: 1.5rem !important;
}

.u-padding-b-1d5 {
    padding-bottom: 1.5rem !important;
}

.u-padding-l-1d5 {
    padding-left: 1.5rem !important;
}

.u-padding-x-1d5 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.u-padding-y-1d5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.u-padding-1d625 {
    padding: 1.625rem !important;
}

.u-padding-t-1d625 {
    padding-top: 1.625rem !important;
}

.u-padding-r-1d625 {
    padding-right: 1.625rem !important;
}

.u-padding-b-1d625 {
    padding-bottom: 1.625rem !important;
}

.u-padding-l-1d625 {
    padding-left: 1.625rem !important;
}

.u-padding-x-1d625 {
    padding-right: 1.625rem !important;
    padding-left: 1.625rem !important;
}

.u-padding-y-1d625 {
    padding-top: 1.625rem !important;
    padding-bottom: 1.625rem !important;
}

.u-padding-1d75 {
    padding: 1.75rem !important;
}

.u-padding-t-1d75 {
    padding-top: 1.75rem !important;
}

.u-padding-r-1d75 {
    padding-right: 1.75rem !important;
}

.u-padding-b-1d75 {
    padding-bottom: 1.75rem !important;
}

.u-padding-l-1d75 {
    padding-left: 1.75rem !important;
}

.u-padding-x-1d75 {
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
}

.u-padding-y-1d75 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
}

.u-padding-1d825 {
    padding: 1.825rem !important;
}

.u-padding-t-1d825 {
    padding-top: 1.825rem !important;
}

.u-padding-r-1d825 {
    padding-right: 1.825rem !important;
}

.u-padding-b-1d825 {
    padding-bottom: 1.825rem !important;
}

.u-padding-l-1d825 {
    padding-left: 1.825rem !important;
}

.u-padding-x-1d825 {
    padding-right: 1.825rem !important;
    padding-left: 1.825rem !important;
}

.u-padding-y-1d825 {
    padding-top: 1.825rem !important;
    padding-bottom: 1.825rem !important;
}

.u-padding-2 {
    padding: 2rem !important;
}

.u-padding-t-2 {
    padding-top: 2rem !important;
}

.u-padding-r-2 {
    padding-right: 2rem !important;
}

.u-padding-b-2 {
    padding-bottom: 2rem !important;
}

.u-padding-l-2 {
    padding-left: 2rem !important;
}

.u-padding-x-2 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

.u-padding-y-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.u-padding-2d25 {
    padding: 2.25rem !important;
}

.u-padding-t-2d25 {
    padding-top: 2.25rem !important;
}

.u-padding-r-2d25 {
    padding-right: 2.25rem !important;
}

.u-padding-b-2d25 {
    padding-bottom: 2.25rem !important;
}

.u-padding-l-2d25 {
    padding-left: 2.25rem !important;
}

.u-padding-x-2d25 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
}

.u-padding-y-2d25 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
}

.u-padding-2d5 {
    padding: 2.5rem !important;
}

.u-padding-t-2d5 {
    padding-top: 2.5rem !important;
}

.u-padding-r-2d5 {
    padding-right: 2.5rem !important;
}

.u-padding-b-2d5 {
    padding-bottom: 2.5rem !important;
}

.u-padding-l-2d5 {
    padding-left: 2.5rem !important;
}

.u-padding-x-2d5 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
}

.u-padding-y-2d5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.u-padding-2d75 {
    padding: 2.75rem !important;
}

.u-padding-t-2d75 {
    padding-top: 2.75rem !important;
}

.u-padding-r-2d75 {
    padding-right: 2.75rem !important;
}

.u-padding-b-2d75 {
    padding-bottom: 2.75rem !important;
}

.u-padding-l-2d75 {
    padding-left: 2.75rem !important;
}

.u-padding-x-2d75 {
    padding-right: 2.75rem !important;
    padding-left: 2.75rem !important;
}

.u-padding-y-2d75 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
}

.u-padding-3 {
    padding: 3rem !important;
}

.u-padding-t-3 {
    padding-top: 3rem !important;
}

.u-padding-r-3 {
    padding-right: 3rem !important;
}

.u-padding-b-3 {
    padding-bottom: 3rem !important;
}

.u-padding-l-3 {
    padding-left: 3rem !important;
}

.u-padding-x-3 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.u-padding-y-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.u-padding-3d5 {
    padding: 3.5rem !important;
}

.u-padding-t-3d5 {
    padding-top: 3.5rem !important;
}

.u-padding-r-3d5 {
    padding-right: 3.5rem !important;
}

.u-padding-b-3d5 {
    padding-bottom: 3.5rem !important;
}

.u-padding-l-3d5 {
    padding-left: 3.5rem !important;
}

.u-padding-x-3d5 {
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
}

.u-padding-y-3d5 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}

.u-padding-4 {
    padding: 4rem !important;
}

.u-padding-t-4 {
    padding-top: 4rem !important;
}

.u-padding-r-4 {
    padding-right: 4rem !important;
}

.u-padding-b-4 {
    padding-bottom: 4rem !important;
}

.u-padding-l-4 {
    padding-left: 4rem !important;
}

.u-padding-x-4 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
}

.u-padding-y-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.u-padding-5 {
    padding: 5rem !important;
}

.u-padding-t-5 {
    padding-top: 5rem !important;
}

.u-padding-r-5 {
    padding-right: 5rem !important;
}

.u-padding-b-5 {
    padding-bottom: 5rem !important;
}

.u-padding-l-5 {
    padding-left: 5rem !important;
}

.u-padding-x-5 {
    padding-right: 5rem !important;
    padding-left: 5rem !important;
}

.u-padding-y-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.u-padding-6 {
    padding: 6rem !important;
}

.u-padding-t-6 {
    padding-top: 6rem !important;
}

.u-padding-r-6 {
    padding-right: 6rem !important;
}

.u-padding-b-6 {
    padding-bottom: 6rem !important;
}

.u-padding-l-6 {
    padding-left: 6rem !important;
}

.u-padding-x-6 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
}

.u-padding-y-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.u-padding-7 {
    padding: 7rem !important;
}

.u-padding-t-7 {
    padding-top: 7rem !important;
}

.u-padding-r-7 {
    padding-right: 7rem !important;
}

.u-padding-b-7 {
    padding-bottom: 7rem !important;
}

.u-padding-l-7 {
    padding-left: 7rem !important;
}

.u-padding-x-7 {
    padding-right: 7rem !important;
    padding-left: 7rem !important;
}

.u-padding-y-7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
}

.u-padding-8 {
    padding: 8rem !important;
}

.u-padding-t-8 {
    padding-top: 8rem !important;
}

.u-padding-r-8 {
    padding-right: 8rem !important;
}

.u-padding-b-8 {
    padding-bottom: 8rem !important;
}

.u-padding-l-8 {
    padding-left: 8rem !important;
}

.u-padding-x-8 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
}

.u-padding-y-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
}

.u-padding-0 {
    padding: 0 !important;
}

.u-padding-1px {
    padding: 1px !important;
}

.u-padding-2px {
    padding: 2px !important;
}

.u-padding-3px {
    padding: 3px !important;
}

.u-margin-d125 {
    margin: 0.125rem !important;
}

.u-margin-t-d125 {
    margin-top: 0.125rem !important;
}

.u-margin-r-d125 {
    margin-right: 0.125rem !important;
}

.u-margin-b-d125 {
    margin-bottom: 0.125rem !important;
}

.u-margin-l-d125 {
    margin-left: 0.125rem !important;
}

.u-margin-x-d125 {
    margin-right: 0.125rem !important;
    margin-left: 0.125rem !important;
}

.u-margin-y-d125 {
    margin-top: 0.125rem !important;
    margin-bottom: 0.125rem !important;
}

.u-margin-d25 {
    margin: 0.25rem !important;
}

.u-margin-t-d25 {
    margin-top: 0.25rem !important;
}

.u-margin-r-d25 {
    margin-right: 0.25rem !important;
}

.u-margin-b-d25 {
    margin-bottom: 0.25rem !important;
}

.u-margin-l-d25 {
    margin-left: 0.25rem !important;
}

.u-margin-x-d25 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}

.u-margin-y-d25 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.u-margin-d375 {
    margin: 0.375rem !important;
}

.u-margin-t-d375 {
    margin-top: 0.375rem !important;
}

.u-margin-r-d375 {
    margin-right: 0.375rem !important;
}

.u-margin-b-d375 {
    margin-bottom: 0.375rem !important;
}

.u-margin-l-d375 {
    margin-left: 0.375rem !important;
}

.u-margin-x-d375 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
}

.u-margin-y-d375 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
}

.u-margin-d5 {
    margin: 0.5rem !important;
}

.u-margin-t-d5 {
    margin-top: 0.5rem !important;
}

.u-margin-r-d5 {
    margin-right: 0.5rem !important;
}

.u-margin-b-d5 {
    margin-bottom: 0.5rem !important;
}

.u-margin-l-d5 {
    margin-left: 0.5rem !important;
}

.u-margin-x-d5 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}

.u-margin-y-d5 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.u-margin-d625 {
    margin: 0.625rem !important;
}

.u-margin-t-d625 {
    margin-top: 0.625rem !important;
}

.u-margin-r-d625 {
    margin-right: 0.625rem !important;
}

.u-margin-b-d625 {
    margin-bottom: 0.625rem !important;
}

.u-margin-l-d625 {
    margin-left: 0.625rem !important;
}

.u-margin-x-d625 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
}

.u-margin-y-d625 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
}

.u-margin-d75 {
    margin: 0.75rem !important;
}

.u-margin-t-d75 {
    margin-top: 0.75rem !important;
}

.u-margin-r-d75 {
    margin-right: 0.75rem !important;
}

.u-margin-b-d75 {
    margin-bottom: 0.75rem !important;
}

.u-margin-l-d75 {
    margin-left: 0.75rem !important;
}

.u-margin-x-d75 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
}

.u-margin-y-d75 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
}

.u-margin-d825 {
    margin: 0.825rem !important;
}

.u-margin-t-d825 {
    margin-top: 0.825rem !important;
}

.u-margin-r-d825 {
    margin-right: 0.825rem !important;
}

.u-margin-b-d825 {
    margin-bottom: 0.825rem !important;
}

.u-margin-l-d825 {
    margin-left: 0.825rem !important;
}

.u-margin-x-d825 {
    margin-right: 0.825rem !important;
    margin-left: 0.825rem !important;
}

.u-margin-y-d825 {
    margin-top: 0.825rem !important;
    margin-bottom: 0.825rem !important;
}

.u-margin-1 {
    margin: 1rem !important;
}

.u-margin-t-1 {
    margin-top: 1rem !important;
}

.u-margin-r-1 {
    margin-right: 1rem !important;
}

.u-margin-b-1 {
    margin-bottom: 1rem !important;
}

.u-margin-l-1 {
    margin-left: 1rem !important;
}

.u-margin-x-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.u-margin-y-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.u-margin-1d125 {
    margin: 1.125rem !important;
}

.u-margin-t-1d125 {
    margin-top: 1.125rem !important;
}

.u-margin-r-1d125 {
    margin-right: 1.125rem !important;
}

.u-margin-b-1d125 {
    margin-bottom: 1.125rem !important;
}

.u-margin-l-1d125 {
    margin-left: 1.125rem !important;
}

.u-margin-x-1d125 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
}

.u-margin-y-1d125 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
}

.u-margin-1d25 {
    margin: 1.25rem !important;
}

.u-margin-t-1d25 {
    margin-top: 1.25rem !important;
}

.u-margin-r-1d25 {
    margin-right: 1.25rem !important;
}

.u-margin-b-1d25 {
    margin-bottom: 1.25rem !important;
}

.u-margin-l-1d25 {
    margin-left: 1.25rem !important;
}

.u-margin-x-1d25 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
}

.u-margin-y-1d25 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
}

.u-margin-1d375 {
    margin: 1.375rem !important;
}

.u-margin-t-1d375 {
    margin-top: 1.375rem !important;
}

.u-margin-r-1d375 {
    margin-right: 1.375rem !important;
}

.u-margin-b-1d375 {
    margin-bottom: 1.375rem !important;
}

.u-margin-l-1d375 {
    margin-left: 1.375rem !important;
}

.u-margin-x-1d375 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
}

.u-margin-y-1d375 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
}

.u-margin-1d5 {
    margin: 1.5rem !important;
}

.u-margin-t-1d5 {
    margin-top: 1.5rem !important;
}

.u-margin-r-1d5 {
    margin-right: 1.5rem !important;
}

.u-margin-b-1d5 {
    margin-bottom: 1.5rem !important;
}

.u-margin-l-1d5 {
    margin-left: 1.5rem !important;
}

.u-margin-x-1d5 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.u-margin-y-1d5 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.u-margin-1d625 {
    margin: 1.625rem !important;
}

.u-margin-t-1d625 {
    margin-top: 1.625rem !important;
}

.u-margin-r-1d625 {
    margin-right: 1.625rem !important;
}

.u-margin-b-1d625 {
    margin-bottom: 1.625rem !important;
}

.u-margin-l-1d625 {
    margin-left: 1.625rem !important;
}

.u-margin-x-1d625 {
    margin-right: 1.625rem !important;
    margin-left: 1.625rem !important;
}

.u-margin-y-1d625 {
    margin-top: 1.625rem !important;
    margin-bottom: 1.625rem !important;
}

.u-margin-1d75 {
    margin: 1.75rem !important;
}

.u-margin-t-1d75 {
    margin-top: 1.75rem !important;
}

.u-margin-r-1d75 {
    margin-right: 1.75rem !important;
}

.u-margin-b-1d75 {
    margin-bottom: 1.75rem !important;
}

.u-margin-l-1d75 {
    margin-left: 1.75rem !important;
}

.u-margin-x-1d75 {
    margin-right: 1.75rem !important;
    margin-left: 1.75rem !important;
}

.u-margin-y-1d75 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
}

.u-margin-1d825 {
    margin: 1.825rem !important;
}

.u-margin-t-1d825 {
    margin-top: 1.825rem !important;
}

.u-margin-r-1d825 {
    margin-right: 1.825rem !important;
}

.u-margin-b-1d825 {
    margin-bottom: 1.825rem !important;
}

.u-margin-l-1d825 {
    margin-left: 1.825rem !important;
}

.u-margin-x-1d825 {
    margin-right: 1.825rem !important;
    margin-left: 1.825rem !important;
}

.u-margin-y-1d825 {
    margin-top: 1.825rem !important;
    margin-bottom: 1.825rem !important;
}

.u-margin-2 {
    margin: 2rem !important;
}

.u-margin-t-2 {
    margin-top: 2rem !important;
}

.u-margin-r-2 {
    margin-right: 2rem !important;
}

.u-margin-b-2 {
    margin-bottom: 2rem !important;
}

.u-margin-l-2 {
    margin-left: 2rem !important;
}

.u-margin-x-2 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
}

.u-margin-y-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.u-margin-2d25 {
    margin: 2.25rem !important;
}

.u-margin-t-2d25 {
    margin-top: 2.25rem !important;
}

.u-margin-r-2d25 {
    margin-right: 2.25rem !important;
}

.u-margin-b-2d25 {
    margin-bottom: 2.25rem !important;
}

.u-margin-l-2d25 {
    margin-left: 2.25rem !important;
}

.u-margin-x-2d25 {
    margin-right: 2.25rem !important;
    margin-left: 2.25rem !important;
}

.u-margin-y-2d25 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
}

.u-margin-2d5 {
    margin: 2.5rem !important;
}

.u-margin-t-2d5 {
    margin-top: 2.5rem !important;
}

.u-margin-r-2d5 {
    margin-right: 2.5rem !important;
}

.u-margin-b-2d5 {
    margin-bottom: 2.5rem !important;
}

.u-margin-l-2d5 {
    margin-left: 2.5rem !important;
}

.u-margin-x-2d5 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
}

.u-margin-y-2d5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
}

.u-margin-2d75 {
    margin: 2.75rem !important;
}

.u-margin-t-2d75 {
    margin-top: 2.75rem !important;
}

.u-margin-r-2d75 {
    margin-right: 2.75rem !important;
}

.u-margin-b-2d75 {
    margin-bottom: 2.75rem !important;
}

.u-margin-l-2d75 {
    margin-left: 2.75rem !important;
}

.u-margin-x-2d75 {
    margin-right: 2.75rem !important;
    margin-left: 2.75rem !important;
}

.u-margin-y-2d75 {
    margin-top: 2.75rem !important;
    margin-bottom: 2.75rem !important;
}

.u-margin-3 {
    margin: 3rem !important;
}

.u-margin-t-3 {
    margin-top: 3rem !important;
}

.u-margin-r-3 {
    margin-right: 3rem !important;
}

.u-margin-b-3 {
    margin-bottom: 3rem !important;
}

.u-margin-l-3 {
    margin-left: 3rem !important;
}

.u-margin-x-3 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.u-margin-y-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.u-margin-3d5 {
    margin: 3.5rem !important;
}

.u-margin-t-3d5 {
    margin-top: 3.5rem !important;
}

.u-margin-r-3d5 {
    margin-right: 3.5rem !important;
}

.u-margin-b-3d5 {
    margin-bottom: 3.5rem !important;
}

.u-margin-l-3d5 {
    margin-left: 3.5rem !important;
}

.u-margin-x-3d5 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important;
}

.u-margin-y-3d5 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
}

.u-margin-4 {
    margin: 4rem !important;
}

.u-margin-t-4 {
    margin-top: 4rem !important;
}

.u-margin-r-4 {
    margin-right: 4rem !important;
}

.u-margin-b-4 {
    margin-bottom: 4rem !important;
}

.u-margin-l-4 {
    margin-left: 4rem !important;
}

.u-margin-x-4 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
}

.u-margin-y-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.u-margin-5 {
    margin: 5rem !important;
}

.u-margin-t-5 {
    margin-top: 5rem !important;
}

.u-margin-r-5 {
    margin-right: 5rem !important;
}

.u-margin-b-5 {
    margin-bottom: 5rem !important;
}

.u-margin-l-5 {
    margin-left: 5rem !important;
}

.u-margin-x-5 {
    margin-right: 5rem !important;
    margin-left: 5rem !important;
}

.u-margin-y-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.u-margin-6 {
    margin: 6rem !important;
}

.u-margin-t-6 {
    margin-top: 6rem !important;
}

.u-margin-r-6 {
    margin-right: 6rem !important;
}

.u-margin-b-6 {
    margin-bottom: 6rem !important;
}

.u-margin-l-6 {
    margin-left: 6rem !important;
}

.u-margin-x-6 {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
}

.u-margin-y-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

.u-margin-7 {
    margin: 7rem !important;
}

.u-margin-t-7 {
    margin-top: 7rem !important;
}

.u-margin-r-7 {
    margin-right: 7rem !important;
}

.u-margin-b-7 {
    margin-bottom: 7rem !important;
}

.u-margin-l-7 {
    margin-left: 7rem !important;
}

.u-margin-x-7 {
    margin-right: 7rem !important;
    margin-left: 7rem !important;
}

.u-margin-y-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
}

.u-margin-8 {
    margin: 8rem !important;
}

.u-margin-t-8 {
    margin-top: 8rem !important;
}

.u-margin-r-8 {
    margin-right: 8rem !important;
}

.u-margin-b-8 {
    margin-bottom: 8rem !important;
}

.u-margin-l-8 {
    margin-left: 8rem !important;
}

.u-margin-x-8 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
}

.u-margin-y-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
}

.u-margin-0 {
    margin: 0;
}

.u-margin-l-auto {
    margin-left: auto;
}

.u-margin-r-auto {
    margin-right: auto;
    margin-left: auto;
}

.u-margins-x > div,
.u-margins-x > ul,
.u-margins-x > a,
.u-margins-x > p,
.u-margins-x > li {
    margin-bottom: 1rem !important;
}

    .u-margins-x > div:last-child,
    .u-margins-x > ul:last-child,
    .u-margins-x > a:last-child,
    .u-margins-x > p:last-child,
    .u-margins-x > li:last-child {
        margin-bottom: 0;
    }

.u-border {
    border: 1px solid var(--nom-border-color);
}

.u-border-top {
    border-top: 1px solid var(--nom-border-color);
}

.u-border-right {
    border-right: 1px solid var(--nom-border-color);
}

.u-border-bottom {
    border-bottom: 1px solid var(--nom-border-color);
}

.u-border-left {
    border-left: 1px solid var(--nom-border-color);
}

.u-border-none {
    border: none !important;
}

.u-border-transparent {
    border-color: transparent;
}

.u-border-dashed {
    border-style: dashed !important;
}

.u-border-1px {
    border: 1px solid var(--nom-border-color);
}

.u-border-2px {
    border-width: 2px;
}

.u-border-3px {
    border-width: 3px;
}

.u-border-4px {
    border-width: 4px;
}

.u-border-5px {
    border-width: 5px;
}

.u-border-lt {
    border-color: #dee2e6;
}

.u-border-dk {
    border-color: #adb5bd;
}

.u-border-light {
    border-color: #dee2e6;
}

.u-border-dark {
    border-color: #adb5bd;
}

.u-r-sm {
    border-radius: var(--nom-border-radius-sm);
}

.u-r {
    border-radius: var(--nom-border-radius);
}

.u-r-lg {
    border-radius: var(--nom-border-radius-lg);
}

.u-r-l {
    border-radius: var(--nom-border-radius) 0 0 var(--nom-border-radius);
}

.u-r-r {
    border-radius: 0 var(--nom-border-radius) var(--nom-border-radius) 0;
}

.u-r-t {
    border-radius: var(--nom-border-radius) var(--nom-border-radius) 0 0;
}

.u-r-b {
    border-radius: 0 0 var(--nom-border-radius) var(--nom-border-radius);
}

.u-shadow-xs {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.u-shadow-sm {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.u-shadow-md {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}

.u-shadow-lg {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.u-shadow-xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.u-shadow-xsmall {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.u-shadow-small {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.u-shadow-medium {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}

.u-shadow-large {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.u-shadow-xlarge {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.u-shadow-default {
    box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
    font-weight: 500;
    font-family: inherit;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 2.5rem;
}

h2,
.h2 {
    font-size: 2rem;
}

h3,
.h3 {
    font-size: 1.75rem;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

.lead {
    font-weight: 300;
    font-size: 1.25rem;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    margin-bottom: 1rem;
}

.u-text-lg {
    font-size: 1.25rem;
}

.u-text-large {
    font-size: 1.25rem;
}

.u-text-small {
    font-size: 0.875rem;
}

.u-text-1d25 {
    font-size: 1.25rem;
}

.u-text-1d5 {
    font-size: 1.5rem;
}

.u-text-1d75 {
    font-size: 1.75rem;
}

.u-text-2 {
    font-size: 2rem;
}

.u-text-3 {
    font-size: 3rem;
}

.u-text-4 {
    font-size: 4rem;
}

.u-text-5 {
    font-size: 5rem;
}

.u-text-6 {
    font-size: 6rem;
}

.u-text-7 {
    font-size: 7rem;
}

.u-text-1d25x {
    font-size: 1.25rem;
}

.u-text-1d5x {
    font-size: 1.5rem;
}

.u-text-1d75x {
    font-size: 1.75rem;
}

.u-text-2x {
    font-size: 2rem;
}

.u-text-3x {
    font-size: 3rem;
}

.u-text-4x {
    font-size: 4rem;
}

.u-text-5x {
    font-size: 5rem;
}

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

.u-text-center {
    text-align: center !important;
}

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

.u-text-ell {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.u-text-muted {
    color: #6c757d !important;
}

.u-height-1 {
    height: 1rem !important;
}

.u-height-2 {
    height: 2rem !important;
}

.u-height-3 {
    height: 3rem !important;
}

.u-height-4 {
    height: 4rem !important;
}

.u-min-height-bar-md {
    min-height: 3rem;
}

.u-min-height-bar-sm {
    min-height: 2rem;
}

.u-min-height-bar-lg {
    min-height: 4rem;
}

.u-height-full {
    height: 100% !important;
}

.u-width-20 {
    width: 20rem !important;
}

.u-width-full {
    width: 100% !important;
}

.u-width-1-2 {
    width: 50% !important;
}

.u-width-1-3 {
    width: 33.3% !important;
}

.u-width-block-sm {
    width: 360px !important;
}

.u-width-block-md {
    width: 520px !important;
}

.u-width-block-lg {
    width: 800px !important;
}

.u-width-block-xl {
    width: 800px !important;
}

.u-width-item-sm {
    width: 120px !important;
}

.u-width-item-md {
    width: 180px !important;
}

.u-width-item-lg {
    width: 240px !important;
}

.u-width-item-xl {
    width: 300px !important;
}

.u-shape-round {
    border-radius: 1000px !important;
}

.u-shape-circle {
    border-radius: 50% !important;
}

.u-rounded-sm {
    border-radius: 0.2rem !important;
}

.u-rounded-md {
    border-radius: 0.25rem !important;
}

.u-rounded-lg {
    border-radius: 0.3rem !important;
}

.u-flex-row {
    display: flex;
}

.u-flex-row-wrap {
    display: flex;
    flex-wrap: wrap;
}

.u-flex-column {
    display: flex;
    flex-direction: column;
}

.u-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.u-flex-grow {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.u-flex-shrink {
    flex-shrink: 1;
}

.u-flex-fill {
    flex: 1 1 auto !important;
}

.u-flex-fills > * {
    flex: 1 1 auto !important;
}

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

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

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

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

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

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

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

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

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

.u-flex-wrap-wrap {
    flex-wrap: wrap;
}

.u-cols-2 > * {
    width: 50%;
}

.u-cols-3 > * {
    width: 33.33%;
}

.u-cols-4 > * {
    width: 25%;
}

.u-cols-5 > * {
    width: 25%;
}

.u-cols-6 > * {
    width: 16.66%;
}

.u-col {
    position: relative;
    max-width: 100%;
    min-height: 1px;
}

.u-col-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}

.u-col-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
}

.u-col-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
}

.u-col-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
}

.u-col-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
}

.u-col-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
}

.u-col-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
}

.u-col-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
}

.u-col-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
}

.u-col-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
}

.u-col-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}

.u-col-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
}

.u-col-0 {
    display: none;
}

.u-col-xs-12 {
    display: block;
    flex: 0 0 100%;
    max-width: 100%;
}

.u-col-xs-11 {
    display: block;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
}

.u-col-xs-10 {
    display: block;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
}

.u-col-xs-9 {
    display: block;
    flex: 0 0 75%;
    max-width: 75%;
}

.u-col-xs-8 {
    display: block;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
}

.u-col-xs-7 {
    display: block;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
}

.u-col-xs-6 {
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
}

.u-col-xs-5 {
    display: block;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
}

.u-col-xs-4 {
    display: block;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
}

.u-col-xs-3 {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
}

.u-col-xs-2 {
    display: block;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}

.u-col-xs-1 {
    display: block;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
}

.u-col-xs-0 {
    display: none;
}

@media (min-width: 576px) {
    .u-col-sm-12 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .u-col-sm-11 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .u-col-sm-10 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .u-col-sm-9 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .u-col-sm-8 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .u-col-sm-7 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .u-col-sm-6 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .u-col-sm-5 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .u-col-sm-4 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .u-col-sm-3 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .u-col-sm-2 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .u-col-sm-1 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .u-col-sm-0 {
        display: none;
    }
}

@media (min-width: 768px) {
    .u-col-md-12 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .u-col-md-11 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .u-col-md-10 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .u-col-md-9 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .u-col-md-8 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .u-col-md-7 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .u-col-md-6 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .u-col-md-5 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .u-col-md-4 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .u-col-md-3 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .u-col-md-2 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .u-col-md-1 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .u-col-md-0 {
        display: none;
    }
}

@media (min-width: 992px) {
    .u-col-lg-12 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .u-col-lg-11 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .u-col-lg-10 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .u-col-lg-9 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .u-col-lg-8 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .u-col-lg-7 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .u-col-lg-6 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .u-col-lg-5 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .u-col-lg-4 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .u-col-lg-3 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .u-col-lg-2 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .u-col-lg-1 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .u-col-lg-0 {
        display: none;
    }
}

@media (min-width: 1200px) {
    .u-col-xl-12 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .u-col-xl-11 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .u-col-xl-10 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .u-col-xl-9 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .u-col-xl-8 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .u-col-xl-7 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .u-col-xl-6 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .u-col-xl-5 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .u-col-xl-4 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .u-col-xl-3 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .u-col-xl-2 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .u-col-xl-1 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .u-col-xl-0 {
        display: none;
    }
}

@media (min-width: 1600px) {
    .u-col-xxl-12 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .u-col-xxl-11 {
        display: block;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .u-col-xxl-10 {
        display: block;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .u-col-xxl-9 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .u-col-xxl-8 {
        display: block;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .u-col-xxl-7 {
        display: block;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .u-col-xxl-6 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .u-col-xxl-5 {
        display: block;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .u-col-xxl-4 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .u-col-xxl-3 {
        display: block;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .u-col-xxl-2 {
        display: block;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .u-col-xxl-1 {
        display: block;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .u-col-xxl-0 {
        display: none;
    }
}

.u-gutter-sm.u-flex-row {
    margin: 0 -0.25rem !important;
}

    .u-gutter-sm.u-flex-row > * {
        padding: 0 0.25rem !important;
    }

.u-gutter-sm.u-flex-column {
    margin: -0.25rem 0 !important;
}

    .u-gutter-sm.u-flex-column > * {
        padding: 0.25rem 0 !important;
    }

.u-gutter-sm.u-flex-row-wrap {
    margin: -0.25rem -0.25rem !important;
}

    .u-gutter-sm.u-flex-row-wrap > * {
        padding: 0.25rem 0.25rem !important;
    }

.u-gutter-md.u-flex-row {
    margin: 0 -0.5rem !important;
}

    .u-gutter-md.u-flex-row > * {
        padding: 0 0.5rem !important;
    }

.u-gutter-md.u-flex-column {
    margin: -0.5rem 0 !important;
}

    .u-gutter-md.u-flex-column > * {
        padding: 0.5rem 0 !important;
    }

.u-gutter-md.u-flex-row-wrap {
    margin: -0.5rem -0.5rem !important;
}

    .u-gutter-md.u-flex-row-wrap > * {
        padding: 0.5rem 0.5rem !important;
    }

.u-gutter-lg.u-flex-row {
    margin: 0 -0.75rem !important;
}

    .u-gutter-lg.u-flex-row > * {
        padding: 0 0.75rem !important;
    }

.u-gutter-lg.u-flex-column {
    margin: -0.75rem 0 !important;
}

    .u-gutter-lg.u-flex-column > * {
        padding: 0.75rem 0 !important;
    }

.u-gutter-lg.u-flex-row-wrap {
    margin: -0.75rem -0.75rem !important;
}

    .u-gutter-lg.u-flex-row-wrap > * {
        padding: 0.75rem 0.75rem !important;
    }

.u-gutter-1px.u-flex-row {
    margin: 0 -0.5px !important;
}

    .u-gutter-1px.u-flex-row > * {
        padding: 0 0.5px !important;
    }

.u-gutter-1px.u-flex-column {
    margin: -0.5px 0 !important;
}

    .u-gutter-1px.u-flex-column > * {
        padding: 0.5px 0 !important;
    }

.u-gutter-1px.u-flex-row-wrap {
    margin: -0.5px -0.5px !important;
}

    .u-gutter-1px.u-flex-row-wrap > * {
        padding: 0.5px 0.5px !important;
    }

.u-gutter-2px.u-flex-row {
    margin: 0 -1px !important;
}

    .u-gutter-2px.u-flex-row > * {
        padding: 0 1px !important;
    }

.u-gutter-2px.u-flex-column {
    margin: -1px 0 !important;
}

    .u-gutter-2px.u-flex-column > * {
        padding: 1px 0 !important;
    }

.u-gutter-2px.u-flex-row-wrap {
    margin: -1px -1px !important;
}

    .u-gutter-2px.u-flex-row-wrap > * {
        padding: 1px 1px !important;
    }

.u-gap-sm.u-flex-row > * {
    margin-right: 0.5rem;
}

    .u-gap-sm.u-flex-row > *:last-child {
        margin-right: 0;
    }

.u-gap-sm.u-flex-column > * {
    margin-bottom: 0.5rem;
}

    .u-gap-sm.u-flex-column > *:last-child {
        margin-bottom: 0;
    }

.u-gap-sm.u-flex-row-wrap > * {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.u-gap-md.u-flex-row > * {
    margin-right: 1rem;
}

    .u-gap-md.u-flex-row > *:last-child {
        margin-right: 0;
    }

.u-gap-md.u-flex-column > * {
    margin-bottom: 1rem;
}

    .u-gap-md.u-flex-column > *:last-child {
        margin-bottom: 0;
    }

.u-gap-md.u-flex-row-wrap > * {
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.u-gap-lg.u-flex-row > * {
    margin-right: 1.5rem;
}

    .u-gap-lg.u-flex-row > *:last-child {
        margin-right: 0;
    }

.u-gap-lg.u-flex-column > * {
    margin-bottom: 1.5rem;
}

    .u-gap-lg.u-flex-column > *:last-child {
        margin-bottom: 0;
    }

.u-gap-lg.u-flex-row-wrap > * {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}

.u-gap-1px.u-flex-row > * {
    margin-right: 1px;
}

    .u-gap-1px.u-flex-row > *:last-child {
        margin-right: 0;
    }

.u-gap-1px.u-flex-column > * {
    margin-bottom: 1px;
}

    .u-gap-1px.u-flex-column > *:last-child {
        margin-bottom: 0;
    }

.u-gap-1px.u-flex-row-wrap > * {
    margin-right: 1px;
    margin-bottom: 1px;
}

.u-lines-grid > * {
    box-shadow: 0 1px 0 0 #f0f0f0, 1px 1px 0 0 #f0f0f0, 1px 0 0 0 #f0f0f0 inset, 0 1px 0 0 #f0f0f0 inset;
}

.u-lines-cross.u-flex-row-wrap {
    overflow: hidden;
}

    .u-lines-cross.u-flex-row-wrap > * {
        border-left: 1px solid var(--nom-border-color);
        border-bottom: 1px solid var(--nom-border-color);
        margin-bottom: -1px;
        margin-left: -1px;
    }

.u-lines-split.u-flex-row > * {
    border-right: 1px solid var(--nom-border-color);
}

    .u-lines-split.u-flex-row > *:last-child {
        border-right: 0;
    }

.u-scroll-auto {
    overflow: auto !important;
}

.u-scroll-x {
    overflow-x: scroll !important;
}

.s-hidden {
    display: none !important;
}

.u-visually-hidden,
.u-visually-hidden-focusable:not(:focus) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
}

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

html {
    font-size: 14px;
}

body {
    color: var(--nom-text-color);
    font-weight: 400;
    font-size: 1rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    line-height: 1.42857143;
    text-align: left;
    background-color: var(--nom-color-bg-0);
}

html,
body,
* {
    scrollbar-width: thin;
}

    html::-webkit-scrollbar,
    body::-webkit-scrollbar,
    *::-webkit-scrollbar {
        width: var(--nom-scrollbar-width);
        height: var(--nom-scrollbar-width);
    }

    html::-webkit-scrollbar-thumb,
    body::-webkit-scrollbar-thumb,
    *::-webkit-scrollbar-thumb {
        border-radius: var(--nom-scrollbar-thumb-border-radius);
        background: var(--nom-scrollbar-thumb-bg);
    }

    html::-webkit-scrollbar-track,
    body::-webkit-scrollbar-track,
    *::-webkit-scrollbar-track {
        background-color: var(--nom-scrollbar-track-bg);
    }

    html::-webkit-scrollbar-corner,
    body::-webkit-scrollbar-corner,
    *::-webkit-scrollbar-corner {
        background-color: var(--nom-scrollbar-corner-bg);
    }

a {
    color: var(--nom-color-primary);
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    cursor: pointer;
}

    a:hover {
        color: var(--nom-color-primary-darken);
        text-decoration: underline;
    }

hr {
    border: 0;
    border-top: 1px solid #dee2e6;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

img {
    max-width: 100%;
    height: auto;
}

.app {
    width: 100%;
    height: 100%;
}
/* stylelint-disable custom-property-empty-line-before */
body {
    --nom-white: 255,255,255;
    --nom-black: 0,0,0;
    --nom-grey-0: 248,249,250;
    --nom-grey-1: 241,243,245;
    --nom-grey-2: 233,236,239;
    --nom-grey-3: 222,226,230;
    --nom-grey-4: 206,212,218;
    --nom-grey-5: 173,181,189;
    --nom-grey-6: 134,142,150;
    --nom-grey-7: 73,80,87;
    --nom-grey-8: 52,58,64;
    --nom-grey-9: 33,37,41;
    --nom-red-0: 255,245,245;
    --nom-red-1: 255,227,227;
    --nom-red-2: 255,201,201;
    --nom-red-3: 255,168,168;
    --nom-red-4: 255,135,135;
    --nom-red-5: 255,107,107;
    --nom-red-6: 250,82,82;
    --nom-red-7: 240,62,62;
    --nom-red-8: 224,49,49;
    --nom-red-9: 201,42,42;
    --nom-pink-0: 255,240,246;
    --nom-pink-1: 255,222,235;
    --nom-pink-2: 252,194,215;
    --nom-pink-3: 250,162,193;
    --nom-pink-4: 247,131,172;
    --nom-pink-5: 240,101,149;
    --nom-pink-6: 230,73,128;
    --nom-pink-7: 214,51,108;
    --nom-pink-8: 194,37,92;
    --nom-pink-9: 166,30,77;
    --nom-grape-0: 248,240,252;
    --nom-grape-1: 243,217,250;
    --nom-grape-2: 238,190,250;
    --nom-grape-3: 229,153,247;
    --nom-grape-4: 218,119,242;
    --nom-grape-5: 204,93,232;
    --nom-grape-6: 190,75,219;
    --nom-grape-7: 174,62,201;
    --nom-grape-8: 156,54,181;
    --nom-grape-9: 134,46,156;
    --nom-violet-0: 243,240,255;
    --nom-violet-1: 229,219,255;
    --nom-violet-2: 208,191,255;
    --nom-violet-3: 177,151,252;
    --nom-violet-4: 151,117,250;
    --nom-violet-5: 132,94,247;
    --nom-violet-6: 121,80,242;
    --nom-violet-7: 112,72,232;
    --nom-violet-8: 103,65,217;
    --nom-violet-9: 95,61,196;
    --nom-indigo-0: 237,242,255;
    --nom-indigo-1: 219,228,255;
    --nom-indigo-2: 186,200,255;
    --nom-indigo-3: 145,167,255;
    --nom-indigo-4: 116,143,252;
    --nom-indigo-5: 92,124,250;
    --nom-indigo-6: 76,110,245;
    --nom-indigo-7: 66,99,235;
    --nom-indigo-8: 59,91,219;
    --nom-indigo-9: 54,79,199;
    --nom-blue-0: 231,245,255;
    --nom-blue-1: 208,235,255;
    --nom-blue-2: 165,216,255;
    --nom-blue-3: 116,192,252;
    --nom-blue-4: 77,171,247;
    --nom-blue-5: 51,154,240;
    --nom-blue-6: 34,139,230;
    --nom-blue-7: 28,126,214;
    --nom-blue-8: 25,113,194;
    --nom-blue-9: 24,100,171;
    --nom-cyan-0: 227,250,252;
    --nom-cyan-1: 197,246,250;
    --nom-cyan-2: 153,233,242;
    --nom-cyan-3: 102,217,232;
    --nom-cyan-4: 59,201,219;
    --nom-cyan-5: 34,184,207;
    --nom-cyan-6: 21,170,191;
    --nom-cyan-7: 16,152,173;
    --nom-cyan-8: 12,133,153;
    --nom-cyan-9: 11,114,133;
    --nom-teal-0: 230,252,245;
    --nom-teal-1: 195,250,232;
    --nom-teal-2: 150,242,215;
    --nom-teal-3: 99,230,190;
    --nom-teal-4: 56,217,169;
    --nom-teal-5: 32,201,151;
    --nom-teal-6: 18,184,134;
    --nom-teal-7: 12,166,120;
    --nom-teal-8: 9,146,104;
    --nom-teal-9: 8,127,91;
    --nom-green-0: 235,251,238;
    --nom-green-1: 211,249,216;
    --nom-green-2: 178,242,187;
    --nom-green-3: 140,233,154;
    --nom-green-4: 105,219,124;
    --nom-green-5: 81,207,102;
    --nom-green-6: 64,192,87;
    --nom-green-7: 55,178,77;
    --nom-green-8: 47,158,68;
    --nom-green-9: 43,138,62;
    --nom-lime-0: 244,252,227;
    --nom-lime-1: 233,250,200;
    --nom-lime-2: 216,245,162;
    --nom-lime-3: 192,235,117;
    --nom-lime-4: 169,227,75;
    --nom-lime-5: 148,216,45;
    --nom-lime-6: 130,201,30;
    --nom-lime-7: 116,184,22;
    --nom-lime-8: 102,168,15;
    --nom-lime-9: 92,148,13;
    --nom-yellow-0: 255,249,219;
    --nom-yellow-1: 255,243,191;
    --nom-yellow-2: 255,236,153;
    --nom-yellow-3: 255,224,102;
    --nom-yellow-4: 255,212,59;
    --nom-yellow-5: 252,196,25;
    --nom-yellow-6: 250,176,5;
    --nom-yellow-7: 245,159,0;
    --nom-yellow-8: 240,140,0;
    --nom-yellow-9: 230,119,0;
    --nom-orange-0: 255,244,230;
    --nom-orange-1: 255,232,204;
    --nom-orange-2: 255,216,168;
    --nom-orange-3: 255,192,120;
    --nom-orange-4: 255,169,77;
    --nom-orange-5: 255,146,43;
    --nom-orange-6: 253,126,20;
    --nom-orange-7: 247,103,7;
    --nom-orange-8: 232,89,12;
    --nom-orange-9: 217,72,15;
}

    body[theme-mode="dark"],
    body .nom-always-dark {
        --nom-grey-9: 248,249,250;
        --nom-grey-8: 241,243,245;
        --nom-grey-7: 233,236,239;
        --nom-grey-6: 222,226,230;
        --nom-grey-5: 206,212,218;
        --nom-grey-4: 173,181,189;
        --nom-grey-3: 134,142,150;
        --nom-grey-2: 73,80,87;
        --nom-grey-1: 52,58,64;
        --nom-grey-0: 33,37,41;
        --nom-red-9: 255,245,245;
        --nom-red-8: 255,227,227;
        --nom-red-7: 255,201,201;
        --nom-red-6: 255,168,168;
        --nom-red-5: 255,135,135;
        --nom-red-4: 255,107,107;
        --nom-red-3: 250,82,82;
        --nom-red-2: 240,62,62;
        --nom-red-1: 224,49,49;
        --nom-red-0: 201,42,42;
        --nom-pink-9: 255,240,246;
        --nom-pink-8: 255,222,235;
        --nom-pink-7: 252,194,215;
        --nom-pink-6: 250,162,193;
        --nom-pink-5: 247,131,172;
        --nom-pink-4: 240,101,149;
        --nom-pink-3: 230,73,128;
        --nom-pink-2: 214,51,108;
        --nom-pink-1: 194,37,92;
        --nom-pink-0: 166,30,77;
        --nom-grape-9: 248,240,252;
        --nom-grape-8: 243,217,250;
        --nom-grape-7: 238,190,250;
        --nom-grape-6: 229,153,247;
        --nom-grape-5: 218,119,242;
        --nom-grape-4: 204,93,232;
        --nom-grape-3: 190,75,219;
        --nom-grape-2: 174,62,201;
        --nom-grape-1: 156,54,181;
        --nom-grape-0: 134,46,156;
        --nom-violet-9: 243,240,255;
        --nom-violet-8: 229,219,255;
        --nom-violet-7: 208,191,255;
        --nom-violet-6: 177,151,252;
        --nom-violet-5: 151,117,250;
        --nom-violet-4: 132,94,247;
        --nom-violet-3: 121,80,242;
        --nom-violet-2: 112,72,232;
        --nom-violet-1: 103,65,217;
        --nom-violet-0: 95,61,196;
        --nom-indigo-9: 237,242,255;
        --nom-indigo-8: 219,228,255;
        --nom-indigo-7: 186,200,255;
        --nom-indigo-6: 145,167,255;
        --nom-indigo-5: 116,143,252;
        --nom-indigo-4: 92,124,250;
        --nom-indigo-3: 76,110,245;
        --nom-indigo-2: 66,99,235;
        --nom-indigo-1: 59,91,219;
        --nom-indigo-0: 54,79,199;
        --nom-blue-9: 231,245,255;
        --nom-blue-8: 208,235,255;
        --nom-blue-7: 165,216,255;
        --nom-blue-6: 116,192,252;
        --nom-blue-5: 77,171,247;
        --nom-blue-4: 51,154,240;
        --nom-blue-3: 34,139,230;
        --nom-blue-2: 28,126,214;
        --nom-blue-1: 25,113,194;
        --nom-blue-0: 24,100,171;
        --nom-cyan-9: 227,250,252;
        --nom-cyan-8: 197,246,250;
        --nom-cyan-7: 153,233,242;
        --nom-cyan-6: 102,217,232;
        --nom-cyan-5: 59,201,219;
        --nom-cyan-4: 34,184,207;
        --nom-cyan-3: 21,170,191;
        --nom-cyan-2: 16,152,173;
        --nom-cyan-1: 12,133,153;
        --nom-cyan-0: 11,114,133;
        --nom-teal-9: 230,252,245;
        --nom-teal-8: 195,250,232;
        --nom-teal-7: 150,242,215;
        --nom-teal-6: 99,230,190;
        --nom-teal-5: 56,217,169;
        --nom-teal-4: 32,201,151;
        --nom-teal-3: 18,184,134;
        --nom-teal-2: 12,166,120;
        --nom-teal-1: 9,146,104;
        --nom-teal-0: 8,127,91;
        --nom-green-9: 235,251,238;
        --nom-green-8: 211,249,216;
        --nom-green-7: 178,242,187;
        --nom-green-6: 140,233,154;
        --nom-green-5: 105,219,124;
        --nom-green-4: 81,207,102;
        --nom-green-3: 64,192,87;
        --nom-green-2: 55,178,77;
        --nom-green-1: 47,158,68;
        --nom-green-0: 43,138,62;
        --nom-lime-9: 244,252,227;
        --nom-lime-8: 233,250,200;
        --nom-lime-7: 216,245,162;
        --nom-lime-6: 192,235,117;
        --nom-lime-5: 169,227,75;
        --nom-lime-4: 148,216,45;
        --nom-lime-3: 130,201,30;
        --nom-lime-2: 116,184,22;
        --nom-lime-1: 102,168,15;
        --nom-lime-0: 92,148,13;
        --nom-yellow-9: 255,249,219;
        --nom-yellow-8: 255,243,191;
        --nom-yellow-7: 255,236,153;
        --nom-yellow-6: 255,224,102;
        --nom-yellow-5: 255,212,59;
        --nom-yellow-4: 252,196,25;
        --nom-yellow-3: 250,176,5;
        --nom-yellow-2: 245,159,0;
        --nom-yellow-1: 240,140,0;
        --nom-yellow-0: 230,119,0;
        --nom-orange-9: 255,244,230;
        --nom-orange-8: 255,232,204;
        --nom-orange-7: 255,216,168;
        --nom-orange-6: 255,192,120;
        --nom-orange-5: 255,169,77;
        --nom-orange-4: 255,146,43;
        --nom-orange-3: 253,126,20;
        --nom-orange-2: 247,103,7;
        --nom-orange-1: 232,89,12;
        --nom-orange-0: 217,72,15;
    }

.nom-preset-layer {
    background-color: var(--nom-layer-background-color);
    background-clip: padding-box;
    border: var(--nom-layer-border);
    border-radius: var(--nom-layer-border-radius);
    box-shadow: var(--nom-layer-box-shadow);
}

.nom-preset-hover:hover {
    background-color: var(--nom-color-hover);
}

.nom-preset-primary {
    color: var(--nom-color-white);
    background-color: var(--nom-color-primary);
}

    .nom-preset-primary:hover {
        background-color: var(--nom-color-primary-hover);
    }

    .nom-preset-primary.active {
        background-color: var(--nom-color-primary-active);
    }

    .nom-preset-primary.disabled,
    .nom-preset-primary[disabled] {
        background-color: var(--nom-color-primary-disabled);
    }

.nom-preset-pointer {
    cursor: pointer;
}

.nom-preset-muted {
    color: var(--nom-color-text-1);
}

.nom-preset-font-family-en {
    font-family: var(--nom-font-family-en);
}

.nom-preset-invalid {
    color: var(--nom-color-text-0);
    background-color: rgba(var(--nom-red-5), 0.1);
    border-color: var(--nom-color-danger) !important;
}

.nom-preset-bold {
    font-weight: 500;
}

.nom-preset-bolder {
    font-weight: 800;
}

body {
    --nom-scrollbar-width: 8px;
    --nom-scrollbar-thumb-bg: var(--nom-color-fill-2);
    --nom-scrollbar-thumb-border-radius: 6px;
    --nom-scrollbar-track-bg: transparent;
    --nom-scrollbar-corner-bg: transparent;
    --nom-font-family-en: tahoma, arial, 'Helvetica Neue', helvetica, sans-serif;
    --nom-text-color: var(--nom-color-text-0);
    --nom-text-color-muted: var(--nom-color-text-3);
    --nom-border-radius: 4px;
    --nom-border-radius-sm: 0.2rem;
    --nom-border-radius-lg: 0.3rem;
    --nom-border-color: var(--nom-color-border);
    --nom-bg-color: var(--nom-color-bg-0);
    --nom-input-color: var(--nom-text-color);
    --nom-input-placeholder-color: var(--nom-color-text-2);
    --nom-input-bg: var(--nom-color-bg-0);
    --nom-input-bg-disabled: var(--nom-color-disabled-bg);
    --nom-control-icon-color: var(--nom-color-text-1);
    --nom-field-gutter-base: 0.5rem;
    --nom-checkbox-bg: transparent;
    --nom-checkbox-border-color: var(--nom-border-color);
    --nom-checkbox-border-radius: 1px;
    --nom-checkbox-checker-color: var(--nom-color-white);
    --nom-checkbox-part-checker-color: var(--nom-color-primary);
    --nom-checkbox-part-checker-border-radius: 0;
    --nom-checkbox-checked-bg: var(--nom-color-primary);
    --nom-checkbox-checked-border-color: var(--nom-checkbox-checked-bg);
    --nom-checkbox-bg-hover: var(--nom-color-hover);
    --nom-checkbox-checked-bg-hover: var(--nom-color-primary-hover);
    --nom-checkbox-box-shadow: none;
    --nom-checkbox-checker-box-shadow: none;
    --nom-button-bg: var(--nom-color-fill-0);
    --nom-layer-background-color: var(--nom-color-bg-3);
    --nom-layer-border: transparent;
    --nom-layer-border-radius: 6px;
    --nom-layer-box-shadow: 0 0 2px -1px rgba(0, 0, 0, 0.5), 0 10px 15px -5px rgba(0, 0, 0, 0.15);
    --nom-layer-backdrop-color: rgba(0, 0, 0, 0.55);
    --nom-select-selected-item-bg: var(--nom-color-fill-0);
    --nom-select-selected-item-border-color: var(--nom-border-color);
    --nom-select-selected-item-padding: 0 5px;
    --nom-date-picker-divider: 1px solid var(--nom-border-color);
    --nom-date-picker-header-text-color: var(--nom-color-text-2);
    --nom-rate-color: rgba(var(--nom-yellow-5), 1);
    --nom-rate-color-muted: rgba(var(--nom-grey-2), 1);
    --nom-tooltip-background-color: rgba(var(--nom-grey-8), 1);
    --nom-tooltip-color: var(--nom-color-bg-0);
    --nom-tooltip-border-radius: 6px;
    --nom-avatar-color: rgba(var(--nom-white), 1);
    --nom-avatar-background-color: var(--nom-color-primary-light-active);
    --nom-avatar-border-color: rgba(var(--nom-white), 1);
    --nom-avatar-border-radius: 50%;
    --nom-badge-background-color: rgba(var(--nom-white), 1);
    --nom-tag-background-color: rgba(var(--nom-white), 1);
    --nom-tag-remove-color: rgba(var(--nom-white), 1);
    --nom-tag-remove-basic-color: rgba(var(--nom-grey-8), 1);
    --nom-statistic-title-color: rgba(var(--nom-grey-5), 1);
    --nom-statistic-content-color: rgba(var(--nom-grey-9), 0.85);
    --nom-carousel-bullet-width: 28px;
    --nom-carousel-bullet-height: 4px;
    --nom-carousel-bullet-radius: 0;
    --nom-carousel-bullet-theme: rgba(var(--nom-white), 1);
    --nom-carousel-bullet-color: rgba(var(--nom-grey-9), 0.3);
    --nom-carousel-button-color: rgba(var(--nom-grey-9), 0.3);
    --nom-carousel-button-hover-color: rgba(var(--nom-grey-9), 0.5);
    --nom-grid-background-color: var(--nom-color-white);
    --nom-grid-header-background-color: var(--nom-color-white);
    --nom-grid-header-border: 1px solid var(--nom-border-color);
    --nom-grid-th-bg: var(--nom-color-white);
    --nom-grid-th-bg-image: none;
    --nom-grid-th-color: var(--nom-color-text-2);
    --nom-grid-th-font-weight: 600;
    --nom-grid-icon-color: var(--nom-control-icon-color);
    --nom-grid-icon-color-active: var(--nom-color-primary);
    --nom-grid-highlight-bg: #fcfaee;
    --nom-grid-tr-bg-hover: #f9f9fa;
    --nom-grid-tr-striped-bg: #fdfdfd;
    --nom-grid-tr-striped-bg-hover: var(--nom-grid-tr-bg-hover);
    --nom-grid-tr-bg-selected: #fffaef;
    --nom-grid-col-highlight-bg: rgba(221, 205, 79, 0.1);
    --nom-grid-td-padding: 8px 10px;
    --nom-menu-divider-border: 1px solid var(--nom-border-color);
    --nom-menu-group-title-color: var(--nom-color-text-2);
    --nom-panel-header-bg-color: var(--nom-color-fill-0);
    --nom-panel-border-radius: var(--nom-border-radius);
    --nom-tabs-card-bg-color: var(--nom-panel-header-bg-color);
    --nom-tabs-card-selected-bg-color: var(--nom-color-white);
    --nom-tabs-card-border-radius: var(--nom-border-radius);
    --nom-pager-color: var(--nom-text-color);
    --nom-pager-border-radius: 4px;
    --nom-pager-item-bg-color: transparent;
    --nom-pager-item-border-color: transparent;
    --nom-pager-item-bg-color-selected: rgba(var(--nom-color-primary-base), 0.075);
    --nom-pager-item-border-color-selected: transparent;
    --nom-breadcrumb-padding: 10px 14px;
    --nom-breadcrumb-font-color: rgba(var(--nom-black), 0.45);
    --nom-breadcrumb-link-color: rgba(var(--nom-black), 0.85);
    --nom-breadcrumb-link-hover-color: var(--nom-color-primary-hover);
    --nom-drawer-default-size: 256px;
    --nom-drawer-header-padding: 16px 24px;
    --nom-drawer-content-padding: 24px;
    --nom-drawer-footer-padding: 10px 16px;
    --nom-drawer-body-color: var(--nom-bg-color);
    --nom-drawer-mask-bg-color: rgba(var(--nom-black), 0.45);
    --nom-drawer-line-color: var(--nom-border-color);
    --nom-statistic-title-bottom: 4px;
    --nom-statistic-title-opacity: 0.45;
    --nom-statistic-content-color: var(--nom-text-color);
    --nom-statistic-content-fontsize: 24px;
    --nom-statistic-content-affixes-margin: 4px;
    --nom-switch-bg-color: rgba(var(--nom-grey-6), 1);
    --nom-switch-btn-bg-color: rgba(var(--nom-white), 1);
    --nom-switch-indicator-bg-color: rgba(var(--nom-white), 1);
    --nom-switch-disable-color: var(--nom-color-disabled-bg);
    --nom-switch-disable-text: var(--nom-color-disabled-text);
    --nom-switch-font-size-xs: 1rem * 0.75;
    --nom-process-steps-item-bg: var(--nom-color-fill-0);
    --nom-process-remaining-color: var(--nom-color-fill-0);
    --nom-skeleton-bg-default: var(--nom-color-fill-0);
    --nom-skeleton-bg-active: var(--nom-color-fill-1);
    --nom-backtop-color: var(--nom-color-primary);
    --nom-backtop-color-hover: var(--nom-color-primary);
    --nom-backtop-bg-default: var(--nom-color-fill-0);
    --nom-backtop-bg-hover: var(--nom-color-fill-1);
    --nom-backtop-border-radius: 2px;
    --nom-backtop-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    --nom-result-title-color: var(--nom-text-color);
    --nom-result-subtitle-color: var(--nom-color-text-2);
    --nom-result-icon-action-font-size: 72px;
    --nom-result-title-font-size: 24px;
    --nom-result-subtitle-font-size: 1rem;
    --nom-result-content-bg: var(--nom-color-bg-1);
    --nom-slide-captcha-color: var(--nom-text-color);
    --nom-slide-captcha-font-size: 13px;
    --nom-slide-captcha-drag-bg: var(--nom-color-fill-1);
    --nom-slide-captcha-small-drag-border-color: 1px solid var(--nom-color-white);
    --nom-slide-captcha-small-drag-box-shadow: 0 0 15px var(--nom-color-info);
    --nom-slide-captcha-refresh-bg: var(--nom-color-white);
    --nom-slider-color: var(--nom-color-primary);
    --nom-slider-handle-color: rgba(var(--nom-white), 1);
    --nom-slider-rail-color: rgba(var(--nom-grey-1), 1);
    --nom-slider-disabled-color: rgba(var(--nom-grey-4), 1);
    --nom-transfer-border-radius: 4px;
    --nom-transfer-border: 1px solid var(--nom-border-color);
    --nom-tree-selected-color: var(--nom-color-primary-light-default);
    --nom-layout-border-color: var(--nom-border-color);
    --nom-divider-border-color: var(--nom-border-color);
    --nom-divider-header-color: var(--nom-text-color);
    --nom-icon-bg-color: var(--nom-color-fill-2);
    --nom-collapse-icon-color: var(--nom-text-color);
    --nom-step-item-icon-size: 2rem;
    --nom-step-item-title-fontsize: 16px;
    --nom-step-item-fontsize: 1rem;
    --nom-step-item-icon-bg-color: rgb(var(--nom-white));
    --nom-step-line-color: rgb(var(--nom-grey-4));
    --nom-step-line-primary-color: var(--nom-color-text-0);
    --nom-step-line-subtitle-color: var(--nom-color-text-2);
    --nom-step-border-color: var(--nom-border-color);
    --nom-uploader-file-img-size: 48px;
    --nom-tour-backdrop-color: var(--nom-layer-backdrop-color);
    --nom-tour-rect-radius: 4px;
    --nom-tour-close-color: rgba(var(--nom-grey-5), 1);
    --nom-tour-close-hover-color: rgba(var(--nom-grey-9), 1);
    --nom-tour-navi-text-color: rgba(var(--nom-grey-9), 0.5);
}
    /* stylelint-disable custom-property-empty-line-before */
    body,
    body[theme-mode='dark'] .nom-always-light {
        --nom-color-white: rgba(var(--nom-white), 1);
        --nom-color-black: rgba(var(--nom-black), 1);
        --nom-color-primary-base: var(--nom-indigo-5);
        --nom-color-primary-darken: rgba(var(--nom-indigo-6), 1);
        --nom-color-primary: rgba(var(--nom-indigo-5), 1);
        --nom-color-primary-hover: rgba(var(--nom-indigo-6), 1);
        --nom-color-primary-active: rgba(var(--nom-indigo-7), 1);
        --nom-color-primary-disabled: rgba(var(--nom-indigo-2), 1);
        --nom-color-primary-light-default: rgba(var(--nom-indigo-0), 1);
        --nom-color-primary-light-hover: rgba(var(--nom-indigo-1), 1);
        --nom-color-primary-light-active: rgba(var(--nom-indigo-2), 1);
        --nom-color-success: rgba(var(--nom-green-5), 1);
        --nom-color-success-hover: rgba(var(--nom-green-6), 1);
        --nom-color-success-active: rgba(var(--nom-green-7), 1);
        --nom-color-success-disabled: rgba(var(--nom-green-2), 1);
        --nom-color-success-light-default: rgba(var(--nom-green-0), 1);
        --nom-color-success-light-hover: rgba(var(--nom-green-1), 1);
        --nom-color-success-light-active: rgba(var(--nom-green-2), 1);
        --nom-color-info: rgba(var(--nom-blue-5), 1);
        --nom-color-info-hover: rgba(var(--nom-blue-6), 1);
        --nom-color-info-active: rgba(var(--nom-blue-7), 1);
        --nom-color-info-disabled: rgba(var(--nom-blue-2), 1);
        --nom-color-info-light-default: rgba(var(--nom-blue-0), 1);
        --nom-color-info-light-hover: rgba(var(--nom-blue-1), 1);
        --nom-color-info-light-active: rgba(var(--nom-blue-2), 1);
        --nom-color-warning: rgba(var(--nom-orange-5), 1);
        --nom-color-warning-hover: rgba(var(--nom-orange-6), 1);
        --nom-color-warning-active: rgba(var(--nom-orange-7), 1);
        --nom-color-warning-light-default: rgba(var(--nom-orange-0), 1);
        --nom-color-warning-light-hover: rgba(var(--nom-orange-1), 1);
        --nom-color-warning-light-active: rgba(var(--nom-orange-2), 1);
        --nom-color-danger: rgba(var(--nom-red-5), 1);
        --nom-color-danger-hover: rgba(var(--nom-red-6), 1);
        --nom-color-danger-active: rgba(var(--nom-red-7), 1);
        --nom-color-danger-light-default: rgba(var(--nom-red-0), 1);
        --nom-color-danger-light-hover: rgba(var(--nom-red-1), 1);
        --nom-color-danger-light-active: rgba(var(--nom-red-2), 1);
        --nom-color-disabled-text: rgba(var(--nom-grey-9), 0.35);
        --nom-color-disabled-border: rgba(var(--nom-grey-1), 1);
        --nom-color-disabled-bg: rgba(var(--nom-grey-1), 1);
        --nom-color-disabled-fill: rgba(var(--nom-grey-8), 0.04);
        --nom-color-text-0: rgba(var(--nom-grey-9), 1);
        --nom-color-text-1: rgba(var(--nom-grey-9), 0.8);
        --nom-color-text-2: rgba(var(--nom-grey-9), 0.6);
        --nom-color-text-3: rgba(var(--nom-grey-9), 0.35);
        --nom-color-shadow: rgba(var(--nom-black), 0.04);
        --nom-color-border: rgba(var(--nom-grey-9), 0.15);
        --nom-color-menu-bg: rgba(var(--nom-white), 1);
        --nom-color-hover: rgba(var(--nom-grey-6), 0.05);
        --nom-color-fill-0: rgba(var(--nom-grey-6), 0.05);
        --nom-color-fill-1: rgba(var(--nom-grey-8), 0.09);
        --nom-color-fill-2: rgba(var(--nom-grey-8), 0.13);
        --nom-color-bg-0: rgba(var(--nom-white), 1);
        --nom-color-bg-1: rgba(var(--nom-white), 1);
        --nom-color-bg-2: rgba(var(--nom-white), 1);
        --nom-color-bg-3: rgba(var(--nom-white), 1);
        --nom-color-bg-4: rgba(var(--nom-white), 1);
    }

        body[theme-mode='dark'],
        body .nom-always-dark {
            --nom-color-fill-0: rgba(var(--nom-white), 0.12);
            --nom-color-fill-1: rgba(var(--nom-white), 0.16);
            --nom-color-fill-2: rgba(var(--nom-white), 0.2);
            --nom-color-border: rgba(var(--nom-white), 0.08);
            --nom-color-menu-bg: #232429;
            --nom-color-bg-0: #16161a;
            --nom-color-bg-1: #232429;
            --nom-color-bg-2: #35363c;
            --nom-color-bg-3: #43444a;
            --nom-color-bg-4: #4f5159;
        }

.nom-expandable-animate-show {
    -webkit-animation: nom-expandable-keyframe-show 0.12s linear forwards;
    animation: nom-expandable-keyframe-show 0.12s linear forwards;
}

.nom-expandable-animate-hide {
    -webkit-animation: nom-expandable-keyframe-hide 0.12s linear forwards;
    animation: nom-expandable-keyframe-hide 0.12s linear forwards;
}

@-webkit-keyframes nom-expandable-keyframe-show {
    0% {
        max-height: 0;
        overflow: hidden;
    }

    90% {
        max-height: 100px;
        overflow: hidden;
    }

    to {
        max-height: none;
        overflow: auto;
    }
}

@keyframes nom-expandable-keyframe-show {
    0% {
        max-height: 0;
        overflow: hidden;
    }

    90% {
        max-height: 100px;
        overflow: hidden;
    }

    to {
        max-height: none;
        overflow: auto;
    }
}

@-webkit-keyframes nom-expandable-keyframe-hide {
    0% {
        max-height: 100px;
        overflow: hidden;
    }

    90% {
        max-height: 0;
        overflow: hidden;
    }

    to {
        max-height: none;
        overflow: auto;
    }
}

@keyframes nom-expandable-keyframe-hide {
    0% {
        max-height: 100px;
        overflow: hidden;
    }

    90% {
        max-height: 0;
        overflow: hidden;
    }

    to {
        max-height: none;
        overflow: auto;
    }
}

.markdown-article {
    max-width: 1300px;
    padding: 20px 60px;
}

    .markdown-article * {
        color: #34495e;
    }

    .markdown-article p {
        box-sizing: border-box !important;
        min-height: 1em !important;
        margin: 20px 0 !important;
        line-height: 1.7 !important;
        letter-spacing: 1px !important;
        text-align: justify;
        word-wrap: break-word !important;
    }

    .markdown-article blockquote {
        margin: 0;
        padding: 0 15px !important;
        border-left: 4px solid var(--nom-color-primary);
    }

    .markdown-article strong {
        font-weight: bold;
    }

    .markdown-article body {
        font-size: 15px;
    }

    .markdown-article pre {
        padding: 12px 13px;
        font-size: 13px;
        word-wrap: break-word;
        background: #f8f8f8;
        border-radius: 3px;
    }

    .markdown-article h1,
    .markdown-article h2,
    .markdown-article h3,
    .markdown-article h4,
    .markdown-article h5,
    .markdown-article h6 {
        position: relative;
        margin: 20px 0;
        padding-bottom: 0.3em;
        color: #2c3e50;
        font-weight: bold;
        line-height: 1.2;
        text-align: left;
        word-break: break-all !important;
    }

        .markdown-article h1::before,
        .markdown-article h2::before,
        .markdown-article h3::before {
            position: absolute;
            top: -2px;
            left: -0.8em;
            color: var(--nom-color-primary);
            font-weight: bold;
            font-size: 1.2em;
            content: '#';
        }

    .markdown-article h1 {
        /* border-bottom: 8px solid #71BA51 !important; */
        font-size: 20px !important;
    }

    .markdown-article h2 {
        /* border-bottom: 5px solid #71BA51 !important; */
        font-size: 18px !important;
    }

    .markdown-article h3 {
        /* border-bottom: 5px solid #71BA51 !important; */
        font-size: 16px !important;
    }

    .markdown-article a {
        color: var(--nom-color-primary) !important;
        text-decoration: none !important;
    }

    .markdown-article ul,
    .markdown-article ol {
        padding-left: 30px;
    }

    .markdown-article li {
        line-height: 24px;
    }

    .markdown-article hr {
        box-sizing: content-box;
        height: 4px;
        margin: 16px 0;
        padding: 0;
        overflow: hidden;
        background-color: #e7e7e7;
        border: 0 none;
        border-bottom: 1px solid #ddd;
    }

    .markdown-article code {
        margin: 0 2px;
        padding: 3px 5px;
        color: #e96900;
        white-space: inherit;
        background-color: #f8f8f8;
        border-radius: 2px;
    }

    .markdown-article table {
        width: 100%;
        word-break: break-all;
        table-layout: fixed;
    }

        .markdown-article table th,
        .markdown-article table td {
            padding: 10px;
            border-bottom: 1px solid #eee;
        }

            .markdown-article table th:nth-child(1),
            .markdown-article table td:nth-child(1) {
                width: 15%;
            }

            .markdown-article table th:nth-child(2),
            .markdown-article table td:nth-child(2) {
                min-width: 40%;
            }

            .markdown-article table th:nth-child(3),
            .markdown-article table td:nth-child(3) {
                width: 30%;
            }

            .markdown-article table th:nth-child(4),
            .markdown-article table td:nth-child(4) {
                width: 15%;
            }

.nom-layout-body > #DemoContent {
    height: 100%;
}

    .nom-layout-body > #DemoContent > .nom-tab-panel {
        height: 100%;
    }

.nom-app {
    width: 100%;
    height: 100%;
}

.nom-container {
    margin-right: auto;
    margin-left: auto;
}

    .nom-container.p-type-lg {
        width: 960px;
    }

.nom-container,
.p-fluid,
.p-breakpoint-lg,
.p-breakpoint-md,
.p-breakpoint-sm,
.p-breakpoint-xl,
.p-breakpoint-xxl {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .nom-container,
    .p-breakpoint-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .nom-container,
    .p-breakpoint-md,
    .p-breakpoint-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .nom-container,
    .p-breakpoint-lg,
    .p-breakpoint-md,
    .p-breakpoint-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .nom-container,
    .p-breakpoint-lg,
    .p-breakpoint-md,
    .p-breakpoint-sm,
    .p-breakpoint-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .nom-container,
    .p-breakpoint-lg,
    .p-breakpoint-md,
    .p-breakpoint-sm,
    .p-breakpoint-xl,
    .p-breakpoint-xxl {
        max-width: 1320px;
    }
}

.nom-rows {
    align-items: center;
}

    .nom-rows.p-align-start {
        align-items: flex-start !important;
    }

    .nom-rows.p-align-end {
        align-items: flex-end !important;
    }

    .nom-rows.p-align-center {
        align-items: center !important;
    }

    .nom-rows.p-align-stretch {
        align-items: stretch !important;
    }

    .nom-rows.p-justify-start {
        justify-content: flex-start !important;
    }

    .nom-rows.p-justify-end {
        justify-content: flex-end !important;
    }

    .nom-rows.p-justify-center {
        justify-content: center !important;
    }

    .nom-rows.p-justify-between {
        justify-content: space-between !important;
    }

    .nom-rows.p-justify-around {
        justify-content: space-around !important;
    }

    .nom-rows.p-gutter-sm > .nom-row {
        margin-bottom: 0.5rem;
    }

        .nom-rows.p-gutter-sm > .nom-row:last-child {
            margin-bottom: 0;
        }

    .nom-rows.p-gutter-md > .nom-row {
        margin-bottom: 1rem;
    }

        .nom-rows.p-gutter-md > .nom-row:last-child {
            margin-bottom: 0;
        }

    .nom-rows.p-gutter-lg > .nom-row {
        margin-bottom: 1.5rem;
    }

        .nom-rows.p-gutter-lg > .nom-row:last-child {
            margin-bottom: 0;
        }

.nom-cols {
    display: flex;
    align-items: center;
}

    .nom-cols .nom-col.nom-col-strech {
        flex-grow: 2 !important;
        width: 0;
    }

    .nom-cols.p-inline {
        display: inline-flex;
    }

    .nom-cols.p-align-start {
        align-items: flex-start !important;
    }

    .nom-cols.p-align-end {
        align-items: flex-end !important;
    }

    .nom-cols.p-align-center {
        align-items: center !important;
    }

    .nom-cols.p-align-stretch {
        align-items: stretch !important;
    }

    .nom-cols.p-justify-start {
        justify-content: flex-start !important;
    }

    .nom-cols.p-justify-end {
        justify-content: flex-end !important;
    }

    .nom-cols.p-justify-center {
        justify-content: center !important;
    }

    .nom-cols.p-justify-between {
        justify-content: space-between !important;
    }

    .nom-cols.p-justify-around {
        justify-content: space-around !important;
    }

    .nom-cols.p-fills > .nom-col {
        flex: 1 1 auto !important;
    }

        .nom-cols.p-fills > .nom-col.nom-col-strech {
            flex-grow: 2 !important;
            width: 0;
        }

    .nom-cols.p-gutter-sm > .nom-col {
        margin-right: 0.5rem;
    }

        .nom-cols.p-gutter-sm > .nom-col:last-child {
            margin-right: 0;
        }

    .nom-cols.p-gutter-md > .nom-col {
        margin-right: 1rem;
    }

        .nom-cols.p-gutter-md > .nom-col:last-child {
            margin-right: 0;
        }

    .nom-cols.p-gutter-lg > .nom-col {
        margin-right: 1.5rem;
    }

        .nom-cols.p-gutter-lg > .nom-col:last-child {
            margin-right: 0;
        }

.nom-flex {
    display: flex;
}

    .nom-flex.p-direction-row {
        flex-direction: row;
    }

    .nom-flex.p-direction-column {
        flex-direction: column;
    }

    .nom-flex.p-inline {
        display: inline-flex;
    }

    .nom-flex.p-wrap {
        flex-wrap: wrap;
    }

    .nom-flex.p-fit {
        height: 100%;
    }

        .nom-flex.p-fit.p-direction-row > .nom-flex-item.p-is-body {
            flex-grow: 1;
            width: 100%;
            overflow: auto;
        }

        .nom-flex.p-fit.p-direction-column > .nom-flex-item.p-is-body {
            flex-grow: 1;
            height: 100%;
            overflow: auto;
        }

    .nom-flex.p-fills > .nom-flex-item {
        flex: 1 1 auto !important;
    }

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

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

    .nom-flex.p-align-center {
        align-items: center !important;
    }

        .nom-flex.p-align-center > .nom-flex-item {
            display: flex;
        }

    .nom-flex.p-align-stretch {
        align-items: stretch !important;
    }

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

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

    .nom-flex.p-justify-center {
        justify-content: center !important;
    }

    .nom-flex.p-justify-between {
        justify-content: space-between !important;
    }

    .nom-flex.p-justify-around {
        justify-content: space-around !important;
    }

    .nom-flex > .nom-flex-item.p-grow {
        flex-grow: 1 !important;
    }

    .nom-flex > .nom-flex-item.p-shrink {
        flex-shrink: 1 !important;
    }

    .nom-flex.p-gap-small.p-direction-row > .nom-flex-item {
        margin-right: 0.5rem;
    }

        .nom-flex.p-gap-small.p-direction-row > .nom-flex-item:last-child {
            margin-right: 0;
        }

    .nom-flex.p-gap-small.p-direction-row.p-wrap > .nom-flex-item {
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .nom-flex.p-gap-small.p-direction-column > .nom-flex-item {
        margin-bottom: 0.5rem;
    }

        .nom-flex.p-gap-small.p-direction-column > .nom-flex-item:last-child {
            margin-bottom: 0;
        }

    .nom-flex.p-gap-medium.p-direction-row > .nom-flex-item {
        margin-right: 1rem;
    }

        .nom-flex.p-gap-medium.p-direction-row > .nom-flex-item:last-child {
            margin-right: 0;
        }

    .nom-flex.p-gap-medium.p-direction-row.p-wrap > .nom-flex-item {
        margin-right: 1rem;
        margin-bottom: 1rem;
    }

    .nom-flex.p-gap-medium.p-direction-column > .nom-flex-item {
        margin-bottom: 1rem;
    }

        .nom-flex.p-gap-medium.p-direction-column > .nom-flex-item:last-child {
            margin-bottom: 0;
        }

    .nom-flex.p-gap-large.p-direction-row > .nom-flex-item {
        margin-right: 1.5rem;
    }

        .nom-flex.p-gap-large.p-direction-row > .nom-flex-item:last-child {
            margin-right: 0;
        }

    .nom-flex.p-gap-large.p-direction-row.p-wrap > .nom-flex-item {
        margin-right: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .nom-flex.p-gap-large.p-direction-column > .nom-flex-item {
        margin-bottom: 1.5rem;
    }

        .nom-flex.p-gap-large.p-direction-column > .nom-flex-item:last-child {
            margin-bottom: 0;
        }

    .nom-flex.p-gutter-small.p-direction-row {
        margin: 0 -0.25rem !important;
    }

        .nom-flex.p-gutter-small.p-direction-row > .nom-flex-item {
            padding: 0 0.25rem !important;
        }

        .nom-flex.p-gutter-small.p-direction-row.p-wrap {
            margin: -0.25rem -0.25rem !important;
        }

            .nom-flex.p-gutter-small.p-direction-row.p-wrap > .nom-flex-item {
                padding: 0.25rem 0.25rem !important;
            }

    .nom-flex.p-gutter-small.p-direction-column {
        margin: -0.25rem 0 !important;
    }

        .nom-flex.p-gutter-small.p-direction-column > .nom-flex-item {
            padding: 0.25rem 0 !important;
        }

    .nom-flex.p-gutter-medium.p-direction-row {
        margin: 0 -0.5rem !important;
    }

        .nom-flex.p-gutter-medium.p-direction-row > .nom-flex-item {
            padding: 0 0.5rem !important;
        }

        .nom-flex.p-gutter-medium.p-direction-row.p-wrap {
            margin: -0.5rem -0.5rem !important;
        }

            .nom-flex.p-gutter-medium.p-direction-row.p-wrap > .nom-flex-item {
                padding: 0.5rem 0.5rem !important;
            }

    .nom-flex.p-gutter-medium.p-direction-column {
        margin: -0.5rem 0 !important;
    }

        .nom-flex.p-gutter-medium.p-direction-column > .nom-flex-item {
            padding: 0.5rem 0 !important;
        }

    .nom-flex.p-gutter-large.p-direction-row {
        margin: 0 -0.75rem !important;
    }

        .nom-flex.p-gutter-large.p-direction-row > .nom-flex-item {
            padding: 0 0.75rem !important;
        }

        .nom-flex.p-gutter-large.p-direction-row.p-wrap {
            margin: -0.75rem -0.75rem !important;
        }

            .nom-flex.p-gutter-large.p-direction-row.p-wrap > .nom-flex-item {
                padding: 0.75rem 0.75rem !important;
            }

    .nom-flex.p-gutter-large.p-direction-column {
        margin: -0.75rem 0 !important;
    }

        .nom-flex.p-gutter-large.p-direction-column > .nom-flex-item {
            padding: 0.75rem 0 !important;
        }

    .nom-flex.p-gutter-1px.p-direction-row {
        margin: 0 -0.5px !important;
    }

        .nom-flex.p-gutter-1px.p-direction-row > .nom-flex-item {
            padding: 0 0.5px !important;
        }

        .nom-flex.p-gutter-1px.p-direction-row.p-wrap {
            margin: -0.5px -0.5px !important;
        }

            .nom-flex.p-gutter-1px.p-direction-row.p-wrap > .nom-flex-item {
                padding: 0.5px 0.5px !important;
            }

    .nom-flex.p-gutter-1px.p-direction-column {
        margin: -0.5px 0 !important;
    }

        .nom-flex.p-gutter-1px.p-direction-column > .nom-flex-item {
            padding: 0.5px 0 !important;
        }

    .nom-flex.p-gutter-2px.p-direction-row {
        margin: 0 -1px !important;
    }

        .nom-flex.p-gutter-2px.p-direction-row > .nom-flex-item {
            padding: 0 1px !important;
        }

        .nom-flex.p-gutter-2px.p-direction-row.p-wrap {
            margin: -1px -1px !important;
        }

            .nom-flex.p-gutter-2px.p-direction-row.p-wrap > .nom-flex-item {
                padding: 1px 1px !important;
            }

    .nom-flex.p-gutter-2px.p-direction-column {
        margin: -1px 0 !important;
    }

        .nom-flex.p-gutter-2px.p-direction-column > .nom-flex-item {
            padding: 1px 0 !important;
        }

.nom-layout > .nom-layout-header {
    height: 4rem;
    border-bottom: 1px solid var(--nom-layout-border-color);
}

.nom-layout > .nom-layout-footer {
    min-height: 4rem;
    border-top: 1px solid var(--nom-layout-border-color);
}

.nom-layout.p-fit {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .nom-layout.p-fit > .nom-layout-body {
        flex: 1;
        height: 100%;
        overflow: auto;
    }

    .nom-layout.p-fit.p-has-sider {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: 100%;
    }

        .nom-layout.p-fit.p-has-sider > .nom-layout-sider {
            width: 250px;
            height: 100%;
            overflow: auto;
            border-right: 1px solid var(--nom-border-color);
        }

        .nom-layout.p-fit.p-has-sider > .nom-layout-asider {
            width: 250px;
            height: 100%;
            overflow: auto;
            border-left: 1px solid var(--nom-border-color);
        }

        .nom-layout.p-fit.p-has-sider > .nom-layout-body {
            flex-grow: 1;
            width: 100%;
            overflow: auto;
        }

.nom-caption {
    display: flex;
    align-items: center;
}

    .nom-caption:not(.p-subtitle-wrap) > .nom-caption-title > small {
        margin-left: 6px;
    }

    .nom-caption.p-subtitle-wrap > .nom-caption-title > small {
        display: block;
        margin-top: 3px;
    }

    .nom-caption > .nom-caption-icon + .nom-caption-title {
        margin-left: 6px;
    }

    .nom-caption > .nom-caption-image + .nom-caption-title {
        margin-left: 6px;
    }

.nom-panel {
    background-color: var(--nom-bg-color);
    border-radius: var(--nom-panel-border-radius);
}

    .nom-panel > .nom-panel-header {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 3.5rem;
    }

        .nom-panel > .nom-panel-header > .nom-panel-header-nav {
            flex-grow: 1;
        }

        .nom-panel > .nom-panel-header > .nom-panel-header-tools {
            padding-left: 1rem;
            text-align: right;
        }

    .nom-panel > .nom-panel-footer {
        display: flex;
        align-items: center;
        min-height: 3.5rem;
    }

    .nom-panel.p-uistyle-outline {
        border: 1px solid var(--nom-border-color);
    }

        .nom-panel.p-uistyle-outline > .nom-panel-header {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
            border-bottom: 1px solid var(--nom-border-color);
        }

        .nom-panel.p-uistyle-outline > .nom-panel-body {
            padding: 1rem !important;
        }

            .nom-panel.p-uistyle-outline > .nom-panel-body > .u-attached {
                margin-right: -1rem;
                margin-left: -1rem;
            }

                .nom-panel.p-uistyle-outline > .nom-panel-body > .u-attached:last-child {
                    margin-top: 1rem;
                    margin-bottom: -1rem;
                }

        .nom-panel.p-uistyle-outline > .nom-panel-footer {
            border-top: 1px solid var(--nom-border-color);
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

    .nom-panel.p-uistyle-bordered {
        border: 1px solid var(--nom-border-color);
    }

        .nom-panel.p-uistyle-bordered > .nom-panel-header {
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

        .nom-panel.p-uistyle-bordered > .nom-panel-body {
            padding: 1rem !important;
        }

            .nom-panel.p-uistyle-bordered > .nom-panel-body > .u-attached {
                margin-right: -1rem;
                margin-left: -1rem;
            }

                .nom-panel.p-uistyle-bordered > .nom-panel-body > .u-attached:last-child {
                    margin-top: 1rem;
                    margin-bottom: -1rem;
                }

        .nom-panel.p-uistyle-bordered > .nom-panel-footer {
            border-top: 1px solid var(--nom-border-color);
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

    .nom-panel.p-uistyle-splitline > .nom-panel-header {
        border-bottom: 1px solid var(--nom-border-color);
    }

    .nom-panel.p-uistyle-splitline > .nom-panel-body {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .nom-panel.p-uistyle-splitline > .nom-panel-footer {
        border-top: 1px solid var(--nom-border-color);
    }

    .nom-panel.p-uistyle-card {
        border: 1px solid var(--nom-border-color);
    }

        .nom-panel.p-uistyle-card > .nom-panel-header {
            background-color: var(--nom-panel-header-bg-color);
            padding-right: 1rem !important;
            padding-left: 1rem !important;
            border-bottom: 1px solid var(--nom-border-color);
        }

        .nom-panel.p-uistyle-card > .nom-panel-body {
            padding: 1rem !important;
        }

            .nom-panel.p-uistyle-card > .nom-panel-body > .u-attached {
                margin-right: -1rem;
                margin-left: -1rem;
            }

                .nom-panel.p-uistyle-card > .nom-panel-body > .u-attached:last-child {
                    margin-top: 1rem;
                    margin-bottom: -1rem;
                }

        .nom-panel.p-uistyle-card > .nom-panel-footer {
            border-top: 1px solid var(--nom-border-color);
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

    .nom-panel.p-uistyle-default {
        border: 1px solid var(--nom-border-color);
    }

        .nom-panel.p-uistyle-default > .nom-panel-header {
            background-color: var(--nom-panel-header-bg-color);
            padding-right: 1rem !important;
            padding-left: 1rem !important;
            border-bottom: 1px solid var(--nom-border-color);
        }

        .nom-panel.p-uistyle-default > .nom-panel-body {
            padding: 1rem !important;
        }

            .nom-panel.p-uistyle-default > .nom-panel-body > .u-attached {
                margin-right: -1rem;
                margin-left: -1rem;
            }

                .nom-panel.p-uistyle-default > .nom-panel-body > .u-attached:last-child {
                    margin-top: 1rem;
                    margin-bottom: -1rem;
                }

        .nom-panel.p-uistyle-default > .nom-panel-footer {
            border-top: 1px solid var(--nom-border-color);
            padding-right: 1rem !important;
            padding-left: 1rem !important;
        }

    .nom-panel.p-fit {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .nom-panel.p-fit > .nom-panel-body {
            flex: 1;
            height: 100%;
            overflow: auto;
        }

@keyframes nom-spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.nom-spinner {
    color: var(--nom-color-primary);
}

    .nom-spinner.p-type-border {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        border: 0.2em solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: nom-spinner-border 0.75s linear infinite;
        animation: nom-spinner-border 0.75s linear infinite;
    }

.nom-layer-backdrop {
    background-color: rgba(0, 0, 0, 0.05);
}

.nom-layer-animate-show {
    -webkit-animation: nom-layer-keyframe-bounce-in 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: nom-layer-keyframe-bounce-in 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.nom-layer-animate-hide {
    -webkit-animation: nom-layer-keyframe-zoom-out 90ms linear forwards;
    animation: nom-layer-keyframe-zoom-out 90ms linear forwards;
}

.nom-layer-mask-animate-show {
    -webkit-animation: nom-layer-mask-keyframe-show 90ms ease forwards;
    animation: nom-layer-mask-keyframe-show 90ms ease forwards;
}

.nom-layer-mask-animate-hide {
    -webkit-animation: nom-layer-mask-keyframe-hide 90ms ease forwards;
    animation: nom-layer-mask-keyframe-hide 90ms ease forwards;
}

@-webkit-keyframes nom-layer-keyframe-bounce-in {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes nom-layer-keyframe-bounce-in {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes nom-layer-keyframe-zoom-out {
    0% {
        opacity: 1;
    }

    60% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

@keyframes nom-layer-keyframe-zoom-out {
    0% {
        opacity: 1;
    }

    60% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes nom-layer-mask-keyframe-show {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes nom-layer-mask-keyframe-show {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes nom-layer-mask-keyframe-hide {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes nom-layer-mask-keyframe-hide {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.nom-navbar {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
}

    .nom-navbar > .nom-navbar-caption-before {
        margin-right: 6px;
    }

    .nom-navbar > .nom-navbar-caption-after {
        margin-left: 6px;
    }

    .nom-navbar > .nom-navbar-nav {
        flex-grow: 1;
        padding-left: 1.5rem;
    }

    .nom-navbar > .nom-navbar-tools {
        padding-left: 1rem;
        text-align: right;
    }

    .nom-navbar.p-fit > .nom-navbar-nav {
        height: 100%;
    }

.nom-notification {
    width: 384px;
}

.nom-notification-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: flex-start;
    max-height: 100vh;
    padding: 1rem;
    overflow: hidden;
}

    .nom-notification-container.nom-notification-align-topleft {
        top: 0;
        left: 0;
    }

    .nom-notification-container.nom-notification-align-topright {
        top: 0;
        right: 0;
    }

    .nom-notification-container.nom-notification-align-bottomleft {
        bottom: 0;
        left: 0;
    }

    .nom-notification-container.nom-notification-align-bottomright {
        right: 0;
        bottom: 0;
    }

.nom-notification-content {
    width: 100%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.8rem;
    outline: 0;
    pointer-events: auto;
    background-color: var(--nom-layer-background-color);
    background-clip: padding-box;
    border: var(--nom-layer-border);
    border-radius: var(--nom-layer-border-radius);
    box-shadow: var(--nom-layer-box-shadow);
}

    .nom-notification-content > .nom-notification-body {
        display: flex;
        flex-direction: row;
    }

        .nom-notification-content > .nom-notification-body > .nom-notification-body-icon {
            padding-top: 0.3rem;
            padding-right: 1rem;
        }

            .nom-notification-content > .nom-notification-body > .nom-notification-body-icon > .nom-notification-icon {
                font-size: 2rem;
            }

        .nom-notification-content > .nom-notification-body > .nom-notification-body-content {
            flex: 1;
        }

            .nom-notification-content > .nom-notification-body > .nom-notification-body-content .nom-notification-title {
                padding: 0.25rem;
                font-weight: 500;
                font-size: 1.5rem;
            }

            .nom-notification-content > .nom-notification-body > .nom-notification-body-content .nom-notification-description {
                margin: 1rem 0;
                padding: 0.25rem;
            }

    .nom-notification-content > .nom-notification-actions {
        margin-top: 0.5rem;
        padding-right: 1rem;
        text-align: right;
    }

    .nom-notification-content.p-type-info > .nom-notification-body > .nom-notification-body-icon > .nom-notification-icon {
        color: var(--nom-color-info);
    }

    .nom-notification-content.p-type-success > .nom-notification-body > .nom-notification-body-icon > .nom-notification-icon {
        color: var(--nom-color-success);
    }

    .nom-notification-content.p-type-error > .nom-notification-body > .nom-notification-body-icon > .nom-notification-icon {
        color: var(--nom-color-danger);
    }

    .nom-notification-content.p-type-warning > .nom-notification-body > .nom-notification-body-icon > .nom-notification-icon {
        color: var(--nom-color-warning);
    }

.nom-notification-animate-left-show {
    -webkit-animation: nom-notification-keyframe-left-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
    animation: nom-notification-keyframe-left-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
}

.nom-notification-animate-right-show {
    -webkit-animation: nom-notification-keyframe-right-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
    animation: nom-notification-keyframe-right-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
}

.nom-notification-animate-left-hide {
    -webkit-animation: nom-notification-keyframe-left-hide 0.24s ease forwards;
    animation: nom-notification-keyframe-left-hide 0.24s ease forwards;
}

.nom-notification-animate-right-hide {
    -webkit-animation: nom-notification-keyframe-right-hide 0.24s ease forwards;
    animation: nom-notification-keyframe-right-hide 0.24s ease forwards;
}

@-webkit-keyframes nom-notification-keyframe-left-show {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes nom-notification-keyframe-left-show {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-notification-keyframe-right-show {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes nom-notification-keyframe-right-show {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-notification-keyframe-left-hide {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes nom-notification-keyframe-left-hide {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes nom-notification-keyframe-right-hide {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes nom-notification-keyframe-right-hide {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

.nom-pager .p-justify-around .nom-col:first-child,
.nom-pager .p-justify-between .nom-col:first-child {
    flex-grow: 2;
}

.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper .prev .nom-icon,
.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper .next .nom-icon,
.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper .space .nom-icon {
    position: relative;
    top: 2px;
}

.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a {
    display: block;
    padding: 0.35rem 0.85rem;
    color: var(--nom-pager-color);
    text-decoration: none;
    background-color: var(--nom-pager-item-bg-color);
    border: 1px solid var(--nom-pager-item-border-color);
    border-radius: var(--nom-pager-border-radius);
}

    .nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a:not(.nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a.s-selected):hover {
        background-color: var(--nom-color-hover);
    }

    .nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a.s-disabled {
        color: var(--nom-color-text-2);
    }

    .nom-pager .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a.s-selected {
        color: var(--nom-color-primary);
        font-weight: 500;
        background-color: var(--nom-pager-item-bg-color-selected);
        border-color: var(--nom-pager-item-border-color-selected);
    }

.nom-pager .nom-col .nom-pager-select > .nom-field-content > .nom-control {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

.nom-pager.nom-pager-compact .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a {
    display: block;
    padding: 0.35rem 0.8rem;
    color: var(--nom-pager-color);
    background-color: var(--nom-bg-color);
    border: 1px solid var(--nom-border-color);
    border-radius: var(--nom-pager-border-radius);
}

    .nom-pager.nom-pager-compact .nom-col > .nom-list > .nom-list-content > .nom-list-item-wrapper > a.s-selected {
        color: var(--nom-color-primary);
        font-weight: 500;
        border-color: var(--nom-color-primary);
    }

.nom-pager.nom-pager-compact .nom-pager-select > .nom-field-content > .nom-control {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    line-height: 1.5rem;
}

.nom-popup.p-uistyle-default {
    text-align: left;
    background-color: var(--nom-layer-background-color);
    background-clip: padding-box;
    border: var(--nom-layer-border);
    border-radius: var(--nom-layer-border-radius);
    box-shadow: var(--nom-layer-box-shadow);
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.nom-progress {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #343a40;
    font-size: 1rem;
    font-variant: tabular-nums;
    line-height: 1.42857143;
    list-style: none;
    font-feature-settings: 'tnum';
    display: inline-block;
}

.nom-progress-line {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1rem;
}

.nom-progress-steps {
    display: inline-block;
}

.nom-progress-steps-outer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.nom-progress-steps-item {
    flex-shrink: 0;
    min-width: 2px;
    margin-right: 2px;
    background: var(--nom-process-steps-item-bg);
    transition: all 0.3s;
}

.nom-progress-steps-item-active {
    background: var(--nom-color-primary);
}

.nom-progress-small.nom-progress-line,
.nom-progress-small.nom-progress-line .nom-progress-text .anticon {
    font-size: 0.875rem;
}

.nom-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
}

.nom-progress-show-info .nom-progress-outer {
    margin-right: calc(-2em - 8px);
    padding-right: calc(2em + 8px);
}

.nom-progress-inner {
    position: relative;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    background-color: var(--nom-process-remaining-color);
    border-radius: 100px;
}

.nom-progress-circle-trail {
    stroke: var(--nom-process-remaining-color);
}

.nom-progress-circle-path {
    animation: nom-progress-appear 0.3s;
}

.nom-progress-inner:not(.nom-progress-circle-gradient) .nom-progress-circle-path {
    stroke: var(--nom-color-primary);
}

.nom-progress-success-bg,
.nom-progress-bg {
    position: relative;
    background-color: var(--nom-color-primary);
    border-radius: 100px;
    transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}

.nom-progress-success-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--nom-color-success);
}

.nom-progress-text {
    display: inline-block;
    width: 2em;
    margin-left: 8px;
    color: var(--nom-color-black);
    font-size: 1em;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
    word-break: normal;
}

    .nom-progress-text .anticon {
        font-size: 1rem;
    }

.nom-progress-status-active .nom-progress-bg::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--nom-color-bg-0);
    border-radius: 10px;
    opacity: 0;
    animation: nom-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    content: '';
}

.nom-progress-status-exception .nom-progress-bg {
    background-color: var(--nom-color-danger);
}

.nom-progress-status-exception .nom-progress-text {
    color: var(--nom-color-danger);
}

.nom-progress-status-exception .nom-progress-inner:not(.nom-progress-circle-gradient) .nom-progress-circle-path {
    stroke: var(--nom-color-danger);
}

.nom-progress-status-success .nom-progress-bg {
    background-color: var(--nom-color-success);
}

.nom-progress-status-success .nom-progress-text {
    color: var(--nom-color-success);
}

.nom-progress-status-success .nom-progress-inner:not(.nom-progress-circle-gradient) .nom-progress-circle-path {
    stroke: var(--nom-color-success);
}

.nom-progress-circle .nom-progress-inner {
    position: relative;
    line-height: 1;
    background-color: transparent;
}

.nom-progress-circle .nom-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--nom-color-text-0);
    font-size: 1em;
    line-height: 1;
    white-space: normal;
    text-align: center;
    transform: translate(-50%, -50%);
}

    .nom-progress-circle .nom-progress-text .anticon {
        font-size: 1.16666667em;
    }

.nom-progress-circle.nom-progress-status-exception .nom-progress-text {
    color: var(--nom-color-danger);
}

.nom-progress-circle.nom-progress-status-success .nom-progress-text {
    color: var(--nom-color-success);
}

@keyframes nom-progress-active {
    0% {
        width: 0;
        opacity: 0.1;
    }

    20% {
        width: 0;
        opacity: 0.5;
    }

    100% {
        width: 100%;
        opacity: 0;
    }
}

.nom-tooltip {
    position: relative;
    max-width: 600px;
    padding: 0.5rem 1rem;
    color: var(--nom-tooltip-color);
    background-color: var(--nom-tooltip-background-color);
    border-radius: var(--nom-tooltip-border-radius);
}

    .nom-tooltip .nom-tooltip-arrow {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        color: var(--nom-tooltip-background-color);
        transform: translate(-50%, 10px);
    }

    .nom-tooltip[tooltip-align='top'] {
        transform: translateY(-8px);
    }

    .nom-tooltip[tooltip-align='bottom'] {
        transform: translateY(8px);
    }

        .nom-tooltip[tooltip-align='bottom'] .nom-tooltip-arrow {
            top: 0;
            right: auto;
            bottom: auto;
            left: 50%;
            transform: translate(-50%, -10px) rotate(180deg);
        }

    .nom-tooltip[tooltip-align='left'] {
        transform: translateX(-8px);
    }

        .nom-tooltip[tooltip-align='left'] .nom-tooltip-arrow {
            top: 50%;
            right: 0;
            bottom: auto;
            left: auto;
            transform: translate(12px, -50%) rotate(270deg);
        }

    .nom-tooltip[tooltip-align='right'] {
        transform: translateX(8px);
    }

        .nom-tooltip[tooltip-align='right'] .nom-tooltip-arrow {
            top: 50%;
            right: auto;
            bottom: auto;
            left: 0;
            transform: translate(-12px, -50%) rotate(90deg);
        }

.nom-tooltip-animate-top-show {
    -webkit-animation: nom-tooltip-keyframe-bounce-in-top 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: nom-tooltip-keyframe-bounce-in-top 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.nom-tooltip-animate-bottom-show {
    -webkit-animation: nom-tooltip-keyframe-bounce-in-bottom 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: nom-tooltip-keyframe-bounce-in-bottom 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.nom-tooltip-animate-left-show {
    -webkit-animation: nom-tooltip-keyframe-bounce-in-left 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: nom-tooltip-keyframe-bounce-in-left 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.nom-tooltip-animate-right-show {
    -webkit-animation: nom-tooltip-keyframe-bounce-in-right 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
    animation: nom-tooltip-keyframe-bounce-in-right 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.nom-tooltip-animate-hide {
    -webkit-animation: nom-tooltip-keyframe-zoom-out 90ms linear forwards;
    animation: nom-tooltip-keyframe-zoom-out 90ms linear forwards;
}

@-webkit-keyframes nom-tooltip-keyframe-bounce-in-top {
    0% {
        -webkit-transform: scale(0.6) translateY(-8px);
        transform: scale(0.6) translateY(-8px);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.01) translateY(-8px);
        transform: scale(1.01) translateY(-8px);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) translateY(-8px);
        transform: scale(1) translateY(-8px);
        opacity: 1;
    }
}

@keyframes nom-tooltip-keyframe-bounce-in-top {
    0% {
        -webkit-transform: scale(0.6) translateY(-8px);
        transform: scale(0.6) translateY(-8px);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.01) translateY(-8px);
        transform: scale(1.01) translateY(-8px);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) translateY(-8px);
        transform: scale(1) translateY(-8px);
        opacity: 1;
    }
}

@-webkit-keyframes nom-tooltip-keyframe-bounce-in-bottom {
    0% {
        -webkit-transform: scale(0.6) translateY(8px);
        transform: scale(0.6) translateY(8px);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.01) translateY(8px);
        transform: scale(1.01) translateY(8px);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) translateY(8px);
        transform: scale(1) translateY(8px);
        opacity: 1;
    }
}

@keyframes nom-tooltip-keyframe-bounce-in-bottom {
    0% {
        -webkit-transform: scale(0.6) translateY(8px);
        transform: scale(0.6) translateY(8px);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.01) translateY(8px);
        transform: scale(1.01) translateY(8px);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) translateY(8px);
        transform: scale(1) translateY(8px);
        opacity: 1;
    }
}

@-webkit-keyframes nom-tooltip-keyframe-bounce-in-left {
    0% {
        -webkit-transform: scale(0.6) translateX(-8px);
        transform: scale(0.6) translateX(-8px);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.01) translateX(-8px);
        transform: scale(1.01) translateX(-8px);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) translateX(-8px);
        transform: scale(1) translateX(-8px);
        opacity: 1;
    }
}

@keyframes nom-tooltip-keyframe-bounce-in-left {
    0% {
        -webkit-transform: scale(0.6) translateX(-8px);
        transform: scale(0.6) translateX(-8px);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.01) translateX(-8px);
        transform: scale(1.01) translateX(-8px);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) translateX(-8px);
        transform: scale(1) translateX(-8px);
        opacity: 1;
    }
}

@-webkit-keyframes nom-tooltip-keyframe-bounce-in-right {
    0% {
        -webkit-transform: scale(0.6) translateX(8px);
        transform: scale(0.6) translateX(8px);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.01) translateX(8px);
        transform: scale(1.01) translateX(8px);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) translateX(8px);
        transform: scale(1) translateX(8px);
        opacity: 1;
    }
}

@keyframes nom-tooltip-keyframe-bounce-in-right {
    0% {
        -webkit-transform: scale(0.6) translateX(8px);
        transform: scale(0.6) translateX(8px);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.01) translateX(8px);
        transform: scale(1.01) translateX(8px);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) translateX(8px);
        transform: scale(1) translateX(8px);
        opacity: 1;
    }
}

@-webkit-keyframes nom-tooltip-keyframe-zoom-out {
    0% {
        opacity: 1;
    }

    60% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

@keyframes nom-tooltip-keyframe-zoom-out {
    0% {
        opacity: 1;
    }

    60% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        opacity: 0;
    }
}

.nom-message {
    display: flex;
    align-items: center;
    background-color: var(--nom-layer-background-color);
    border: 1px solid var(--nom-border-color);
    border-radius: var(--nom-layer-border-radius);
}

    .nom-message .nom-message-icon {
        padding-left: 1rem;
        font-size: 1.5rem;
        text-align: center;
    }

    .nom-message > .nom-message-content {
        padding: 0.75rem;
    }

    .nom-message.p-type-info {
        background-color: var(--nom-color-info-light-default);
        border: 1px solid var(--nom-color-info);
    }

        .nom-message.p-type-info > .nom-message-icon {
            color: var(--nom-color-info);
        }

    .nom-message.p-type-success {
        background-color: var(--nom-color-success-light-default);
        border: 1px solid var(--nom-color-success);
    }

        .nom-message.p-type-success > .nom-message-icon {
            color: var(--nom-color-success);
        }

    .nom-message.p-type-warning {
        background-color: var(--nom-color-warning-light-default);
        border: 1px solid var(--nom-color-warning);
    }

        .nom-message.p-type-warning > .nom-message-icon {
            color: var(--nom-color-warning);
        }

    .nom-message.p-type-error {
        background-color: var(--nom-color-danger-light-default);
        border: 1px solid var(--nom-color-danger);
    }

        .nom-message.p-type-error > .nom-message-icon {
            color: var(--nom-color-danger);
        }

    .nom-message.nom-message-popup {
        background-color: var(--nom-layer-background-color);
        border: var(--nom-layer-border);
        box-shadow: var(--nom-layer-box-shadow);
    }

.nom-message-nobg {
    background-color: transparent;
    border-color: transparent;
}

.nom-modal-open {
    overflow: hidden;
}

    .nom-modal-open .nom-modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.nom-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background-color: var(--nom-layer-backdrop-color);
    outline: 0;
}

.nom-modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.nom-modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}

    .nom-modal-dialog-scrollable .nom-modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden;
    }

    .nom-modal-dialog-scrollable .panel-header,
    .nom-modal-dialog-scrollable .panel-ft {
        flex-shrink: 0;
    }

    .nom-modal-dialog-scrollable .panel-body {
        overflow-y: auto;
    }

.nom-modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 3.5rem);
}

    .nom-modal-dialog-centered.nom-modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

        .nom-modal-dialog-centered.nom-modal-dialog-scrollable .nom-modal-content {
            max-height: none;
        }

        .nom-modal-dialog-centered.nom-modal-dialog-scrollable::before {
            content: none;
        }

.nom-modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--nom-layer-background-color);
    background-clip: padding-box;
    border: var(--nom-layer-border);
    border-radius: var(--nom-layer-border-radius);
    outline: 0;
    box-shadow: var(--nom-layer-box-shadow);
    pointer-events: auto;
}

    .nom-modal-content > .nom-panel-header {
        padding: 0.5rem 1rem;
        border-bottom: 1px solid var(--nom-border-color);
        border-top-left-radius: var(--nom-layer-border-radius);
        border-top-right-radius: var(--nom-layer-border-radius);
    }

    .nom-modal-content > .nom-panel-body {
        position: relative;
        flex: 1 1 auto;
        padding: 1rem;
    }

    .nom-modal-content > .nom-panel-footer {
        justify-content: flex-end;
        padding: 0.5rem 1rem;
        border-top: 1px solid var(--nom-border-color);
        border-bottom-right-radius: var(--nom-layer-border-radius);
        border-bottom-left-radius: var(--nom-layer-border-radius);
    }

.nom-modal.p-size-xsmall .nom-modal-dialog {
    width: 300px;
}

.nom-modal.p-size-small .nom-modal-dialog {
    width: 560px;
}

.nom-modal.p-size-middle .nom-modal-dialog {
    width: 960px;
}

.nom-modal.p-size-medium .nom-modal-dialog {
    width: 960px;
}

.nom-modal.p-size-large .nom-modal-dialog {
    width: 1200px;
}

.nom-modal.p-size-xlarge .nom-modal-dialog {
    width: 100vw;
}

@media (min-width: 576px) {
    .nom-modal-dialog {
        width: 560px;
        margin: 1.75rem auto;
    }

    .p-fit .nom-modal-dialog {
        height: calc(100% - 3.5rem);
    }

    .nom-modal-sm .nom-modal-dialog {
        width: 300px;
    }
}

.nom-modal-content-animate-show {
    -webkit-animation: nom-modal-content-keyframe-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
    animation: nom-modal-content-keyframe-show 0.12s cubic-bezier(0, 0, 0.26, 1.38) forwards;
}

.nom-modal-content-animate-hide {
    -webkit-animation: nom-modal-content-keyframe-hide 90ms ease forwards;
    animation: nom-modal-content-keyframe-hide 90ms ease forwards;
}

.nom-modal-mask-animate-show {
    -webkit-animation: nom-modal-mask-keyframe-show 90ms ease forwards;
    animation: nom-modal-mask-keyframe-show 90ms ease forwards;
}

.nom-modal-mask-animate-hide {
    -webkit-animation: nom-modal-mask-keyframe-hide 90ms ease forwards;
    animation: nom-modal-mask-keyframe-hide 90ms ease forwards;
}

@-webkit-keyframes nom-modal-content-keyframe-show {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes nom-modal-content-keyframe-show {
    0% {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes nom-modal-content-keyframe-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0;
    }
}

@keyframes nom-modal-content-keyframe-hide {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0;
    }
}

@-webkit-keyframes nom-modal-mask-keyframe-show {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes nom-modal-mask-keyframe-show {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes nom-modal-mask-keyframe-hide {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes nom-modal-mask-keyframe-hide {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.nom-alert > .nom-modal-dialog {
    width: 430px;
}

.nom-alert-content {
    width: 100%;
    padding: 1.5rem;
    background-color: var(--nom-layer-background-color);
    background-clip: padding-box;
    border: var(--nom-layer-border);
    border-radius: var(--nom-layer-border-radius);
    outline: 0;
    box-shadow: var(--nom-layer-box-shadow);
    pointer-events: auto;
}

    .nom-alert-content > .nom-alert-body {
        display: flex;
        flex-direction: row;
    }

        .nom-alert-content > .nom-alert-body > .nom-alert-body-icon {
            padding-top: 0.3rem;
            padding-right: 0.75rem;
        }

            .nom-alert-content > .nom-alert-body > .nom-alert-body-icon > .nom-alert-icon {
                font-size: 3rem;
            }

        .nom-alert-content > .nom-alert-body > .nom-alert-body-content {
            flex-grow: 1;
        }

            .nom-alert-content > .nom-alert-body > .nom-alert-body-content > .nom-alert-title {
                padding: 0.75rem 0.25rem;
                font-weight: 500;
                font-size: 1.5rem;
            }

            .nom-alert-content > .nom-alert-body > .nom-alert-body-content > .nom-alert-description {
                margin: 1rem 0;
                padding: 0.25rem;
            }

    .nom-alert-content > .nom-alert-actions {
        margin-top: 1.5rem;
        padding-right: 1rem;
        text-align: right;
    }

    .nom-alert-content.p-type-info > .nom-alert-body > .nom-alert-body-icon > .nom-alert-icon {
        color: var(--nom-color-info);
    }

    .nom-alert-content.p-type-success > .nom-alert-body > .nom-alert-body-icon > .nom-alert-icon {
        color: var(--nom-color-success);
    }

    .nom-alert-content.p-type-error > .nom-alert-body > .nom-alert-body-icon > .nom-alert-icon {
        color: var(--nom-color-danger);
    }

    .nom-alert-content.p-type-warning > .nom-alert-body > .nom-alert-body-icon > .nom-alert-icon {
        color: var(--nom-color-warning);
    }

.nom-confirm > .nom-modal-dialog {
    width: 430px;
}

.nom-confirm-content {
    width: 100%;
    padding: 1.5rem;
    background-color: var(--nom-layer-background-color);
    background-clip: padding-box;
    border: var(--nom-layer-border);
    border-radius: var(--nom-layer-border-radius);
    outline: 0;
    box-shadow: var(--nom-layer-box-shadow);
    pointer-events: auto;
}

    .nom-confirm-content > .nom-confirm-body {
        display: flex;
        flex-direction: row;
    }

        .nom-confirm-content > .nom-confirm-body > .nom-confirm-icon {
            padding: 0.125rem 1rem;
            color: var(--nom-color-warning);
            font-size: 2rem;
        }

        .nom-confirm-content > .nom-confirm-body > .nom-confirm-body-content > .nom-confirm-title {
            padding: 0.25rem;
            font-weight: 500;
            font-size: 1.5rem;
        }

        .nom-confirm-content > .nom-confirm-body > .nom-confirm-body-content > .nom-confirm-description {
            margin: 1rem 0;
            padding: 0.25rem;
        }

    .nom-confirm-content > .nom-confirm-actions {
        margin-top: 1.5rem;
        padding-right: 1rem;
        text-align: right;
    }

.nom-loading-container {
    position: relative;
}

.nom-list.p-overflow-hidden {
    overflow: hidden;
}

.nom-list.p-overflow-auto {
    overflow: auto;
}

.nom-list.p-overflow-visible {
    overflow: visible;
}

.nom-list.p-overflow-scroll {
    overflow: scroll;
}

.nom-list > .nom-list-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    padding-left: 0;
    list-style: none;
}

    .nom-list > .nom-list-content > .nom-list-item-wrapper,
    .nom-list > .nom-list-content .nom-virtual-list-item {
        transition: background 0.3s ease;
    }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-1,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-1 {
            width: 8.33%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-2,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-2 {
            width: 16.66%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-3,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-3 {
            width: 25%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-4,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-4 {
            width: 33.33%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-5,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-5 {
            width: 41.66%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-6,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-6 {
            width: 50%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-7,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-7 {
            width: 58.33%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-8,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-8 {
            width: 66.66%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-9,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-9 {
            width: 75%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-10,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-10 {
            width: 83.33%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-11,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-11 {
            width: 91.66%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper.p-span-12,
        .nom-list > .nom-list-content .nom-virtual-list-item.p-span-12 {
            width: 100%;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected,
        .nom-list > .nom-list-content .nom-virtual-list-item .nom-list-item.s-selected {
            z-index: 2;
        }

        .s-disabled.nom-list > .nom-list-content > .nom-list-item-wrapper > .nom-list-item,
        .s-disabled.nom-list > .nom-list-content .nom-virtual-list-item .nom-list-item,
        .nom-list > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-disabled,
        .nom-list > .nom-list-content .nom-virtual-list-item .nom-list-item.s-disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

        .nom-list > .nom-list-content > .nom-list-item-wrapper > .nom-list-item > a,
        .nom-list > .nom-list-content .nom-virtual-list-item .nom-list-item > a {
            display: block;
        }

.nom-list.p-gutter-sm > .nom-list-content {
    margin: -0.25rem -0.25rem;
}

    .nom-list.p-gutter-sm > .nom-list-content > .nom-list-item-wrapper,
    .nom-list.p-gutter-sm > .nom-list-content > .nom-list-item,
    .nom-list.p-gutter-sm > .nom-list-content .nom-virtual-list-item {
        padding: 0.25rem 0.25rem;
    }

.nom-list.p-gutter-md > .nom-list-content {
    margin: -0.5rem -0.5rem;
}

    .nom-list.p-gutter-md > .nom-list-content > .nom-list-item-wrapper,
    .nom-list.p-gutter-md > .nom-list-content > .nom-list-item,
    .nom-list.p-gutter-md > .nom-list-content .nom-virtual-list-item {
        padding: 0.5rem 0.5rem;
    }

.nom-list.p-gutter-lg > .nom-list-content {
    margin: -1rem -1rem;
}

    .nom-list.p-gutter-lg > .nom-list-content > .nom-list-item-wrapper,
    .nom-list.p-gutter-lg > .nom-list-content > .nom-list-item,
    .nom-list.p-gutter-lg > .nom-list-content .nom-virtual-list-item {
        padding: 1rem 1rem;
    }

.nom-list.p-gutter-x-sm > .nom-list-content {
    margin: 0 -0.25rem;
}

    .nom-list.p-gutter-x-sm > .nom-list-content > .nom-list-item-wrapper,
    .nom-list.p-gutter-x-sm > .nom-list-content > .nom-list-item,
    .nom-list.p-gutter-x-sm > .nom-list-content .nom-virtual-list-item {
        padding: 0 0.25rem;
    }

.nom-list.p-gutter-x-md > .nom-list-content {
    margin: 0 -0.5rem;
}

    .nom-list.p-gutter-x-md > .nom-list-content > .nom-list-item-wrapper,
    .nom-list.p-gutter-x-md > .nom-list-content > .nom-list-item,
    .nom-list.p-gutter-x-md > .nom-list-content .nom-virtual-list-item {
        padding: 0 0.5rem;
    }

.nom-list.p-gutter-x-lg > .nom-list-content {
    margin: 0 -1rem;
}

    .nom-list.p-gutter-x-lg > .nom-list-content > .nom-list-item-wrapper,
    .nom-list.p-gutter-x-lg > .nom-list-content > .nom-list-item,
    .nom-list.p-gutter-x-lg > .nom-list-content .nom-virtual-list-item {
        padding: 0 1rem;
    }

.nom-list.p-line-split > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-line-split > .nom-list-content > .nom-list-item,
.nom-list.p-line-split > .nom-list-content .nom-virtual-list-item {
    margin-left: -1px;
    padding-top: 0;
    padding-bottom: 0;
    border-left: 1px solid var(--nom-border-color);
}

.nom-list.p-line-split.p-gutter-sm > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-line-split.p-gutter-sm > .nom-list-content > .nom-list-item,
.nom-list.p-line-split.p-gutter-sm > .nom-list-content .nom-virtual-list-item {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.nom-list.p-line-split.p-gutter-md > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-line-split.p-gutter-md > .nom-list-content > .nom-list-item,
.nom-list.p-line-split.p-gutter-md > .nom-list-content .nom-virtual-list-item {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.nom-list.p-line-split.p-gutter-lg > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-line-split.p-gutter-lg > .nom-list-content > .nom-list-item,
.nom-list.p-line-split.p-gutter-lg > .nom-list-content .nom-virtual-list-item {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.nom-list.p-line-cross > .nom-list-content,
.nom-list.p-line-grid > .nom-list-content {
    margin: 0 !important;
}

    .nom-list.p-line-cross > .nom-list-content > .nom-list-item-wrapper,
    .nom-list.p-line-grid > .nom-list-content > .nom-list-item-wrapper,
    .nom-list.p-line-cross > .nom-list-content > .nom-list-item,
    .nom-list.p-line-grid > .nom-list-content > .nom-list-item,
    .nom-list.p-line-cross > .nom-list-content .nom-virtual-list-item,
    .nom-list.p-line-grid > .nom-list-content .nom-virtual-list-item {
        margin-bottom: -1px;
        margin-left: -1px;
        border-bottom: 1px solid var(--nom-border-color);
        border-left: 1px solid var(--nom-border-color);
    }

.nom-list.p-line-grid > .nom-list-content {
    border-top: 1px solid var(--nom-border-color);
    border-right: 1px solid var(--nom-border-color);
    border-bottom: 1px solid var(--nom-border-color);
}

    .nom-list.p-line-grid > .nom-list-content > .nom-list-item-wrapper,
    .nom-list.p-line-grid > .nom-list-content > .nom-list-item,
    .nom-list.p-line-grid > .nom-list-content .nom-virtual-list-item {
        margin-left: 0;
    }

.nom-list.p-cols-1 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-1 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-1 > .nom-list-content .nom-virtual-list-item {
    width: 100%;
}

.nom-list.p-cols-2 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-2 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-2 > .nom-list-content .nom-virtual-list-item {
    width: 50%;
}

.nom-list.p-cols-3 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-3 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-3 > .nom-list-content .nom-virtual-list-item {
    width: 33.33%;
}

.nom-list.p-cols-4 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-4 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-4 > .nom-list-content .nom-virtual-list-item {
    width: 25%;
}

.nom-list.p-cols-5 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-5 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-5 > .nom-list-content .nom-virtual-list-item {
    width: 20%;
}

.nom-list.p-cols-6 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-6 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-6 > .nom-list-content .nom-virtual-list-item {
    width: 16.66%;
}

.nom-list.p-cols-7 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-7 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-7 > .nom-list-content .nom-virtual-list-item {
    width: 14.28%;
}

.nom-list.p-cols-8 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-8 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-8 > .nom-list-content .nom-virtual-list-item {
    width: 12.5%;
}

.nom-list.p-cols-9 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-9 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-9 > .nom-list-content .nom-virtual-list-item {
    width: 11.11%;
}

.nom-list.p-cols-10 > .nom-list-content > .nom-list-item-wrapper,
.nom-list.p-cols-10 > .nom-list-content > .nom-list-item,
.nom-list.p-cols-10 > .nom-list-content .nom-virtual-list-item {
    width: 10%;
}
/* 虚拟列表支持函数-start */
.nom-list.nom-virtual-list-container {
    position: relative;
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

    .nom-list.nom-virtual-list-container .nom-virtual-list-tooldiv {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: -1;
    }

    .nom-list.nom-virtual-list-container .nom-virtual-list-content {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
    }
/* 虚拟列表支持函数-end */
.nom-tab-list a {
    color: inherit;
    text-decoration: none;
}

    .nom-tab-list a > .nom-icon {
        position: relative;
        top: 2px;
        margin-right: 5px;
    }

    .nom-tab-list a:hover {
        color: var(--nom-color-primary-hover);
    }

.nom-tab-list.p-fit {
    height: 100%;
}

    .nom-tab-list.p-fit > .nom-list-content {
        height: 100%;
    }

        .nom-tab-list.p-fit > .nom-list-content > .nom-list-item-wrapper {
            height: 100%;
        }

            .nom-tab-list.p-fit > .nom-list-content > .nom-list-item-wrapper > .nom-tab-item {
                display: flex !important;
                align-items: center;
                height: 100%;
            }

.nom-tab-list.p-uistyle-plain > .nom-list-content > .nom-list-item-wrapper > .nom-list-item {
    display: block;
    padding: 1rem 1rem;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

    .nom-tab-list.p-uistyle-plain > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected {
        color: var(--nom-color-primary);
    }

.nom-tab-list.p-uistyle-hat > .nom-list-content {
    border-bottom: 1px solid var(--nom-border-color);
}

    .nom-tab-list.p-uistyle-hat > .nom-list-content > .nom-list-item-wrapper > .nom-list-item {
        display: block;
        margin-bottom: -1px;
        padding: 1rem 1rem;
        text-decoration: none;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    }

        .nom-tab-list.p-uistyle-hat > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected {
            color: var(--nom-color-primary);
            background-color: var(--nom-bg-color);
            border-color: var(--nom-border-color) var(--nom-border-color) var(--nom-bg-color);
        }

.nom-tab-list.p-uistyle-line > .nom-list-content > .nom-list-item-wrapper > .nom-list-item {
    display: block;
    padding: 1rem 1rem;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

    .nom-tab-list.p-uistyle-line > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected {
        color: var(--nom-color-primary);
        border-bottom-color: var(--nom-color-primary);
    }

.nom-tab-list.p-uistyle-card > .nom-list-content {
    background-color: var(--nom-tabs-card-bg-color);
    border-bottom: 1px solid var(--nom-border-color);
}

    .nom-tab-list.p-uistyle-card > .nom-list-content > .nom-list-item-wrapper:first-child > .nom-list-item {
        margin-left: -1px;
    }

    .nom-tab-list.p-uistyle-card > .nom-list-content > .nom-list-item-wrapper > .nom-list-item {
        display: block;
        margin-bottom: -1px;
        padding: 1rem 1rem;
        color: var(--nom-input-placeholder-color);
        text-decoration: none;
        border: 1px solid transparent;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    }

        .nom-tab-list.p-uistyle-card > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected {
            color: var(--nom-input-color);
            background-color: var(--nom-tabs-card-selected-bg-color);
            border-color: var(--nom-color-white) var(--nom-border-color);
        }

            .nom-tab-list.p-uistyle-card > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected:first-child {
                border-radius: var(--nom-tabs-card-border-radius) 0 0 0;
            }

.nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper {
    margin-right: 0.5rem;
}

    .nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper:first-child > .nom-list-item {
        margin-left: -1px;
    }

    .nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item {
        display: block;
        padding: 0.5rem 1rem;
        border-radius: 1000px !important;
    }

        .nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item:hover {
            color: var(--nom-color-white);
            background-color: var(--nom-color-primary-hover);
        }

        .nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected {
            color: var(--nom-color-white);
            background-color: var(--nom-color-primary);
        }

            .nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected:hover {
                background-color: var(--nom-color-primary-hover);
            }

            .nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected.active {
                background-color: var(--nom-color-primary-active);
            }

            .nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected.disabled,
            .nom-tab-list.p-uistyle-pill > .nom-list-content > .nom-list-item-wrapper > .nom-list-item.s-selected[disabled] {
                background-color: var(--nom-color-primary-disabled);
            }

.nom-tabs.p-uistyle-plain > .nom-tab-content,
.nom-tabs.p-uistyle-hat > .nom-tab-content,
.nom-tabs.p-uistyle-line > .nom-tab-content,
.nom-tabs.p-uistyle-pill > .nom-tab-content {
    margin-top: 1rem;
}

.nom-tabs.p-uistyle-card {
    background: var(--nom-bg-color);
    border: 1px solid var(--nom-border-color);
    border-radius: var(--nom-tabs-card-border-radius);
}

    .nom-tabs.p-uistyle-card .nom-tabs-tools {
        height: 50px;
        padding: 0 1rem;
        line-height: 45px;
        background-color: var(--nom-tabs-card-bg-color);
        border-bottom: 1px solid var(--nom-border-color);
    }

    .nom-tabs.p-uistyle-card > .nom-tab-content {
        padding: 1rem;
    }

.nom-tabs.p-fit {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .nom-tabs.p-fit > .nom-tab-content {
        flex: 1;
        height: 100%;
        padding-top: 2.5rem;
        overflow: auto;
    }

.nom-menu {
    padding-left: 0;
    list-style: none;
    margin: 0;
}

    .nom-menu a {
        color: inherit;
    }

        .nom-menu a:hover {
            color: inherit;
        }

        .nom-menu a > .text {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .nom-menu a > .subtext {
            margin-left: 6px;
            color: var(--nom-color-text-2);
            font-weight: 400;
        }

    .nom-menu.p-direction-vertical a:hover:hover {
        background-color: var(--nom-color-hover);
    }

    .nom-menu .nom-menu-group-container > .nom-menu-group-title {
        color: var(--nom-menu-group-title-color);
        padding: 10px 0;
        font-size: 85%;
    }

    .nom-menu.p-direction-horizontal {
        display: flex;
        flex-wrap: wrap;
    }

        .nom-menu.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item {
            display: flex;
            align-items: center;
            white-space: nowrap;
            text-decoration: none;
        }

            .nom-menu.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item:not(.nom-menu-group-title) {
                padding: 10px 15px;
            }

        .nom-menu.p-direction-horizontal > .nom-menu-divider {
            position: relative;
            padding: 0 10px;
        }

            .nom-menu.p-direction-horizontal > .nom-menu-divider::after {
                position: absolute;
                top: 5px;
                right: 10px;
                bottom: 5px;
                display: block;
                border-right: var(--nom-menu-divider-border);
                content: '';
            }

    .nom-menu.p-uistyle-line.p-direction-horizontal > .nom-menu-item-wrapper {
        margin-right: 0.3rem;
    }

        .nom-menu.p-uistyle-line.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item {
            padding: 10px 1rem;
            border-bottom: 2px solid transparent;
        }

            .nom-menu.p-uistyle-line.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item.s-selected {
                color: var(--nom-color-primary);
                font-weight: 500;
                border-bottom-color: var(--nom-color-primary);
            }

        .nom-menu.p-uistyle-line.p-direction-horizontal > .nom-menu-item-wrapper + .nom-menu-item-wrapper {
            margin-left: 15px;
        }

    .nom-menu.p-uistyle-short-line.p-direction-horizontal > .nom-menu-item-wrapper {
        margin-right: 0.3rem;
    }

        .nom-menu.p-uistyle-short-line.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item {
            padding: 10px 0;
            border-bottom: 2px solid transparent;
        }

            .nom-menu.p-uistyle-short-line.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item.s-selected {
                color: var(--nom-color-primary);
                font-weight: 500;
                border-bottom-color: var(--nom-color-primary);
            }

        .nom-menu.p-uistyle-short-line.p-direction-horizontal > .nom-menu-item-wrapper + .nom-menu-item-wrapper {
            margin-left: 15px;
        }

    .nom-menu.p-uistyle-pill.p-direction-vertical > .nom-menu-item-wrapper {
        margin-bottom: 0.3rem;
    }

    .nom-menu.p-uistyle-pill.p-direction-horizontal > .nom-menu-item-wrapper {
        margin-right: 0.3rem;
    }

    .nom-menu.p-uistyle-pill > .nom-menu-item-wrapper .nom-menu-item {
        background-color: rgba(var(--nom-color-primary-base), 0.075);
        border-radius: 1000px !important;
    }

        .nom-menu.p-uistyle-pill > .nom-menu-item-wrapper .nom-menu-item:hover {
            color: var(--nom-color-white);
            background-color: var(--nom-color-primary-hover);
        }

        .nom-menu.p-uistyle-pill > .nom-menu-item-wrapper .nom-menu-item.s-selected {
            color: var(--nom-color-primary-lighten) !important;
            background-color: var(--nom-color-primary) !important;
            border-color: var(--nom-color-primary-darken) !important;
        }

            .nom-menu.p-uistyle-pill > .nom-menu-item-wrapper .nom-menu-item.s-selected a {
                color: inherit !important;
            }

    .nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-item-wrapper > .nom-menu-item {
        display: flex;
        align-items: center;
        text-decoration: none;
    }

        .nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-item-wrapper > .nom-menu-item:not(.nom-menu-group-title) {
            padding: 10px 15px;
        }

        .nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-item-wrapper > .nom-menu-item > .nom-menu-item-icon {
            margin-right: 0.5rem;
        }

        .nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-item-wrapper > .nom-menu-item > .title {
            flex-grow: 1;
        }

    .nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-divider {
        position: relative;
        padding: 10px 0;
    }

        .nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-divider::after {
            position: absolute;
            right: 15px;
            bottom: 10px;
            left: 20px;
            display: block;
            border-top: var(--nom-menu-divider-border);
            content: '';
        }

        .nom-menu.p-direction-vertical:not(.nom-menu-compact) .nom-menu-divider.nom-menu-divider-dashed::after {
            border-top-style: dashed;
        }

.nom-menu-compact > .nom-menu-item-wrapper > .nom-menu-item {
    display: block;
    padding: 10px 4px;
    font-size: 0.75rem;
    text-align: center;
    text-decoration: none;
}

    .nom-menu-compact > .nom-menu-item-wrapper > .nom-menu-item > .nom-menu-item-icon {
        font-size: 2rem;
    }

    .nom-menu-compact > .nom-menu-item-wrapper > .nom-menu-item > *:not(.nom-menu-item-icon):not(.nom-menu-item-title) {
        display: none;
    }

    .nom-menu-compact > .nom-menu-item-wrapper > .nom-menu-item.nom-menu-item-submenu-selected {
        color: var(--nom-color-primary);
    }

    .nom-menu-compact > .nom-menu-item-wrapper > .nom-menu-item:hover {
        color: var(--nom-color-white);
        background: var(--nom-color-primary);
    }

.nom-menu-sub {
    padding-left: 0;
    list-style: none;
    margin: 0;
}

    .nom-menu-sub a {
        color: inherit;
    }

        .nom-menu-sub a:hover {
            color: inherit;
        }

            .nom-menu-sub a:hover:hover {
                background-color: var(--nom-color-hover);
            }

    .nom-menu-sub > .nom-menu-item-wrapper > .nom-menu-item {
        display: flex;
        align-items: center;
        white-space: nowrap;
        text-decoration: none;
    }

        .nom-menu-sub > .nom-menu-item-wrapper > .nom-menu-item:not(.nom-menu-group-title) {
            padding: 10px 15px;
        }

        .nom-menu-sub > .nom-menu-item-wrapper > .nom-menu-item > .title {
            flex-grow: 1;
        }

    .nom-menu-sub.p-direction-horizontal > .nom-menu-item-wrapper > .nom-menu-item {
        min-width: 160px;
    }

    .nom-menu-sub.nom-menu-popup-sub > .nom-menu-item-wrapper > .nom-menu-item.s-selected {
        color: var(--nom-color-primary);
    }

.nom-menu-stretch {
    height: 100%;
}

    .nom-menu-stretch > .nom-menu-item-wrapper > .nom-menu-item {
        height: 100%;
    }

.nom-menu-toggler {
    margin-left: auto;
}

table.nom-table {
    position: relative;
    width: 100%;
    table-layout: fixed;
    background-color: var(--nom-grid-background-color);
    border-spacing: 0;
}

    table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty) {
        background-color: var(--nom-grid-tr-striped-bg);
    }

        table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty) td.nom-table-fixed-left,
        table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty) td.nom-table-fixed-right {
            background: var(--nom-grid-tr-striped-bg);
        }

        table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty):hover {
            background-color: var(--nom-grid-tr-striped-bg-hover);
        }

            table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty):hover .nom-table-fixed-left,
            table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty):hover .nom-table-fixed-right {
                background-color: var(--nom-grid-tr-striped-bg-hover);
            }

        table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty).nom-tr-selected {
            background-color: var(--nom-grid-tr-bg-selected);
        }

            table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty).nom-tr-selected .nom-table-fixed-left,
            table.nom-table.nom-table-striped tbody tr:nth-child(even):not(.nom-tr-empty).nom-tr-selected .nom-table-fixed-right {
                background-color: var(--nom-grid-tr-bg-selected);
            }

    table.nom-table tbody tr:not(.nom-tr-empty):hover {
        background-color: var(--nom-grid-tr-bg-hover);
    }

        table.nom-table tbody tr:not(.nom-tr-empty):hover .nom-table-fixed-left,
        table.nom-table tbody tr:not(.nom-tr-empty):hover .nom-table-fixed-right {
            background-color: var(--nom-grid-tr-bg-hover);
        }

    table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected,
    table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected:hover {
        background-color: var(--nom-grid-tr-bg-selected);
    }

        table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected .nom-table-fixed-left,
        table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected:hover .nom-table-fixed-left,
        table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected .nom-table-fixed-right,
        table.nom-table tbody tr:not(.nom-tr-empty).nom-tr-selected:hover .nom-table-fixed-right {
            background-color: var(--nom-grid-tr-bg-selected);
        }

    table.nom-table .nom-table-th-hover-mask {
        position: absolute;
        top: 0;
        height: 100%;
        background-color: var(--nom-grid-col-highlight-bg);
    }

    table.nom-table td,
    table.nom-table th {
        position: relative;
        padding: var(--nom-grid-td-padding);
        word-break: break-all;
    }

        table.nom-table td[align='left'],
        table.nom-table th[align='left'] {
            text-align: left;
        }

        table.nom-table td[align='center'],
        table.nom-table th[align='center'] {
            text-align: center;
        }

        table.nom-table td[align='right'],
        table.nom-table th[align='right'] {
            text-align: right;
        }

        table.nom-table td.nom-table-fixed-left,
        table.nom-table th.nom-table-fixed-left,
        table.nom-table td.nom-table-fixed-right,
        table.nom-table th.nom-table-fixed-right {
            position: sticky;
            z-index: 2;
            background: var(--nom-grid-background-color);
        }

        table.nom-table td.nom-table-sortable > span,
        table.nom-table th.nom-table-sortable > span,
        table.nom-table td.nom-table-sortable > .nom-icon,
        table.nom-table th.nom-table-sortable > .nom-icon {
            cursor: pointer;
        }

        table.nom-table td.nom-table-ellipsis,
        table.nom-table th.nom-table-ellipsis {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            word-break: keep-all;
        }

            table.nom-table td.nom-table-ellipsis .nom-table-cell-content .nom-table-cell-title,
            table.nom-table th.nom-table-ellipsis .nom-table-cell-content .nom-table-cell-title {
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                word-break: keep-all;
            }

            table.nom-table td.nom-table-ellipsis .nom-table-cell-content .nom-ellipsis .nom-ellipsis-inner,
            table.nom-table th.nom-table-ellipsis .nom-table-cell-content .nom-ellipsis .nom-ellipsis-inner {
                display: table-cell;
            }

        table.nom-table td .nom-table-resize-handler,
        table.nom-table th .nom-table-resize-handler {
            position: absolute !important;
            right: 0;
            bottom: 0;
            width: 6px;
            height: 100%;
            border-right: 1px dotted var(--nom-grid-icon-color);
            visibility: hidden;
            cursor: col-resize;
        }

        table.nom-table td .nom-table-sort-handler.p-type-sort,
        table.nom-table th .nom-table-sort-handler.p-type-sort {
            visibility: hidden;
        }

        table.nom-table td .nom-table-filter-handler,
        table.nom-table th .nom-table-filter-handler {
            visibility: hidden;
        }

            table.nom-table td .nom-table-filter-handler.nom-filter-active,
            table.nom-table th .nom-table-filter-handler.nom-filter-active {
                visibility: visible;
            }

        table.nom-table td .nom-table-pin-handler,
        table.nom-table th .nom-table-pin-handler {
            color: var(--nom-grid-icon-color);
            visibility: hidden;
            cursor: pointer;
        }

            table.nom-table td .nom-table-pin-handler.p-type-pin-fill,
            table.nom-table th .nom-table-pin-handler.p-type-pin-fill {
                visibility: visible;
            }

        table.nom-table td:hover .nom-table-resize-handler,
        table.nom-table th:hover .nom-table-resize-handler {
            visibility: visible;
        }

        table.nom-table td:hover .nom-table-pin-handler,
        table.nom-table th:hover .nom-table-pin-handler {
            visibility: visible;
        }

        table.nom-table td:hover .nom-table-sort-handler,
        table.nom-table th:hover .nom-table-sort-handler {
            visibility: visible;
        }

        table.nom-table td:hover .nom-table-filter-handler,
        table.nom-table th:hover .nom-table-filter-handler {
            visibility: visible;
        }

    table.nom-table .nom-table-ellipsis.nom-table-fixed-left .nom-table-cell-content,
    table.nom-table .nom-table-ellipsis.nom-table-fixed-right .nom-table-cell-content {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    table.nom-table .nom-table-ellipsis.nom-table-fixed-left-last,
    table.nom-table .nom-table-ellipsis.nom-table-fixed-right-first {
        overflow: visible;
    }

    table.nom-table .nom-table-fixed-left-last::after {
        position: absolute;
        top: 0;
        right: -30px;
        bottom: 0;
        width: 30px;
        box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
        transition: -webkit-box-shadow 0.3s;
        transition: box-shadow 0.3s;
        transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
        content: '';
        pointer-events: none;
    }

    table.nom-table .nom-table-fixed-right-first {
        padding-left: 15px;
    }

        table.nom-table .nom-table-fixed-right-first::after {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 30px;
            box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
            transform: translate(-100%);
            transition: -webkit-box-shadow 0.3s;
            transition: box-shadow 0.3s;
            transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
            content: '';
            pointer-events: none;
        }

    table.nom-table th {
        position: relative;
        color: var(--nom-grid-th-color);
        font-weight: var(--nom-grid-th-font-weight);
        line-height: 24px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        background-color: var(--nom-grid-th-bg);
        background-image: var(--nom-grid-th-bg-image);
        -webkit-user-select: none;
        user-select: none;
    }

        table.nom-table th.nom-table-fixed-left,
        table.nom-table th.nom-table-fixed-right {
            position: sticky;
            z-index: 2;
            background-color: var(--nom-grid-th-bg);
            background-image: var(--nom-grid-th-bg-image);
        }

        table.nom-table th > .nom-table-filter {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2rem;
            height: 100%;
            color: var(--nom-grid-icon-color);
        }

        table.nom-table th.nom-table-ellipsis .nom-table-cell-content {
            display: flex !important;
        }

    table.nom-table .nom-tr-expand-indicator {
        margin-right: 6px;
    }

    table.nom-table .nom-td-tree-node:not(.nom-td-tree-node-leaf) {
        cursor: pointer;
    }

    table.nom-table.p-line-row td,
    table.nom-table.p-line-row th {
        border-bottom: 1px solid var(--nom-border-color);
    }

    table.nom-table.p-line-col td,
    table.nom-table.p-line-col th {
        border-right: 1px solid var(--nom-border-color);
    }

    table.nom-table.p-line-col > th:last-child {
        border-right: 0;
    }

    table.nom-table.p-line-both td,
    table.nom-table.p-line-both th {
        border-right: 1px solid var(--nom-border-color);
        border-bottom: 1px solid var(--nom-border-color);
    }

    table.nom-table.p-line-both thead > tr:first-child th:last-child {
        border-right: 0;
    }

    table.nom-table.p-line-both td:last-child {
        border-right: 0;
    }

    table.nom-table.p-bordered {
        border: 1px solid var(--nom-border-color);
    }

.nom-grid {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .nom-grid .nom-grid-header {
        z-index: 10;
    }

    .nom-grid .hidden {
        display: none;
    }

    .nom-grid .nom-grid-setting {
        position: absolute;
        top: 6px;
        right: 2px;
        z-index: 11;
        background: var(--nom-grid-header-background-color);
    }

    .nom-grid > .nom-grid-header {
        position: relative;
        overflow: hidden;
    }

        .nom-grid > .nom-grid-header .nom-table {
            position: relative;
            z-index: inherit;
        }

            .nom-grid > .nom-grid-header .nom-table::after {
                position: absolute;
                right: 0;
                bottom: 1px;
                left: 0;
                z-index: inherit;
                border-bottom: var(--nom-grid-header-border);
                content: '';
            }

        .nom-grid > .nom-grid-header .nom-th.nom-table-parent-th {
            text-align: center;
        }

        .nom-grid > .nom-grid-header .nom-th .nom-icon {
            position: relative;
            top: 2px;
            margin-left: 5px;
            color: var(--nom-grid-icon-color);
        }

            .nom-grid > .nom-grid-header .nom-th .nom-icon.p-type-sort-up,
            .nom-grid > .nom-grid-header .nom-th .nom-icon.p-type-sort-down,
            .nom-grid > .nom-grid-header .nom-th .nom-icon.nom-filter-active {
                color: var(--nom-grid-icon-color-active);
            }

        .nom-grid > .nom-grid-header.nom-grid-highlight-col th:hover {
            background-color: var(--nom-grid-highlight-bg);
            background-image: none;
        }

    .nom-grid > .nom-grid-body {
        position: relative;
        flex: 1;
        height: 100%;
        overflow: auto;
    }

        .nom-grid > .nom-grid-body > .nom-grid-body-content {
            overflow-x: auto;
        }

    .nom-grid > .nom-grid-footer {
        position: relative;
        overflow: hidden;
    }

        .nom-grid > .nom-grid-footer .nom-table {
            overflow: auto;
        }

    .nom-grid.p-bordered {
        border: 1px solid var(--nom-border-color);
    }

        .nom-grid.p-bordered > .nom-grid-body {
            margin-bottom: -1px;
        }

            .nom-grid.p-bordered > .nom-grid-body + .nom-grid-footer {
                margin-top: 1px;
                margin-bottom: -1px;
            }

    .nom-grid.nom-table-has-row-group tbody tr,
    .nom-grid.nom-table-has-row-group tbody tr:hover {
        background-color: inherit;
        transition: all ease-in 0.25s;
    }

    .nom-grid.m-frozen-header {
        position: relative;
        display: flex;
        flex-direction: column;
    }

        .nom-grid.m-frozen-header > .nom-grid-header {
            flex-shrink: 0;
            overflow-y: scroll;
            background-color: var(--nom-grid-header-background-color);
        }

            .nom-grid.m-frozen-header > .nom-grid-header > .nom-table {
                background-color: var(--nom-grid-header-background-color);
            }

                .nom-grid.m-frozen-header > .nom-grid-header > .nom-table::after {
                    right: var(--nom-scrollbar-width);
                    width: calc(100% - var(--nom-scrollbar-width));
                }

            .nom-grid.m-frozen-header > .nom-grid-header > .nom-grid-header-content {
                overflow: hidden;
            }

        .nom-grid.m-frozen-header > .nom-grid-body {
            flex: 1;
            height: 100%;
            overflow-y: scroll;
        }

            .nom-grid.m-frozen-header > .nom-grid-body > .nom-grid-body-content {
                overflow-x: auto;
                overflow-y: scroll;
            }

    .nom-grid.m-with-setting .nom-table .nom-thead-tr:first-child th:last-child {
        padding-right: 40px;
    }

    .nom-grid .nom-grid-checkbox {
        display: inline-flex;
    }

        .nom-grid .nom-grid-checkbox .nom-field-content {
            justify-content: center;
        }

    .nom-grid .nom-table-cell-title {
        display: inline-flex;
    }

        .nom-grid .nom-table-cell-title .nom-field-content {
            justify-content: center;
        }

.nom-grid-setting-panel {
    min-width: 300px;
}

.nom-grid-setting-drag {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box {
    width: 240px;
    border: 1px solid var(--nom-border-color);
    border-radius: var(--nom-border-radius);
    height: calc(100vh - 300px);
    max-height: 500px;
}

    .nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box .nom-tree-node-expandable-indicator {
        width: 24px;
    }

    .nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box > .nom-layout-header {
        height: 40px;
        padding: 0 10px;
    }

        .nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box > .nom-layout-header .nom-checkbox > .nom-field-content {
            line-height: 100%;
        }

    .nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box > .nom-layout-body .nom-layout-header {
        height: 42px;
        border-bottom: none;
    }

    .nom-grid-setting-transfer .nom-grid-setting-transfer-container .nom-grid-setting-transfer-box > .nom-layout-footer {
        height: 40px;
        min-height: 40px;
        padding: 0 10px;
    }

.nom-grid-setting-transfer .nom-tree-node-content {
    position: relative;
}

    .nom-grid-setting-transfer .nom-tree-node-content > .nom-grid-setting-item-pin {
        position: absolute;
        top: 5px;
        right: 5px;
    }

.nom-grid-setting-transfer .nom-grid-setting-group-title .nom-tree-node-content > .nom-icon,
.nom-grid-setting-transfer .nom-grid-setting-group-title .nom-tree-node-content > .nom-tree-node-checkbox {
    display: none;
}

.nom-grid-setting-transfer .nom-grid-setting-group-title .nom-tree-node-content > .nom-tree-node-content-text {
    padding-left: 1rem;
    color: var(--nom-text-color-muted);
}

.nom-grid-setting-transfer .nom-grid-setting-target-node.s-disabled {
    opacity: 0.65;
}

.nom-grid-setting-transfer .nom-grid-setting-target-node .nom-tree-node-content .p-type-times {
    color: var(--nom-text-color-muted);
}

.nom-grid-setting-transfer .nom-grid-setting-target-node .nom-tree-node-content:not(:hover) .nom-tree-node-content-tools {
    visibility: hidden;
}

.nom-grid-setting-transfer .nom-grid-setting-target-node .nom-tree-node-content > .nom-tree-node-content-text {
    flex-grow: 1;
}

.nom-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    font-style: normal;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .nom-icon.p-bordered {
        width: 1.5em;
        height: 1.5em;
        border: 1px solid;
    }

    .nom-icon.p-bg {
        width: 1.5em;
        height: 1.5em;
        background-color: var(--nom-icon-bg-color);
    }

.nom-avatar {
    position: relative;
    display: inline-block;
    box-sizing: content-box;
    color: var(--nom-avatar-color);
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: var(--nom-avatar-background-color);
    border: 1px solid var(--nom-avatar-border-color);
    border-radius: var(--nom-avatar-border-radius);
    width: 2.29rem;
    height: 2.29rem;
    line-height: 2.29rem;
}

    .nom-avatar.avatar-image > img {
        border-radius: var(--nom-avatar-border-radius);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
    }

    .nom-avatar > .nom-avatar-string {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -50%;
        -webkit-transform-origin: 0 center;
        transform-origin: 0 center;
    }

    .nom-avatar .img {
        display: block;
    }

.nom-avatar-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center;
}

.nom-avatar > .nom-icon {
    font-size: 1rem;
}

.nom-avatar.p-size-xlarge {
    width: 3.43rem;
    height: 3.43rem;
    line-height: 3.43rem;
}

.nom-avatar.p-size-xlarge-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center;
}

.nom-avatar.p-size-xlarge > .nom-icon {
    font-size: 1.5rem;
}

.nom-avatar.p-size-large {
    width: 2.86rem;
    height: 2.86rem;
    line-height: 2.86rem;
}

.nom-avatar.p-size-large-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center;
}

.nom-avatar.p-size-large > .nom-icon {
    font-size: 1.25rem;
}

.nom-avatar.p-size-small {
    width: 1.86rem;
    height: 1.86rem;
    line-height: 1.86rem;
}

.nom-avatar.p-size-small-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center;
}

.nom-avatar.p-size-small > .nom-icon {
    font-size: 0.875rem;
}

.nom-avatar.p-size-xsmall {
    width: 1.15rem;
    height: 1.15rem;
    line-height: 1.15rem;
}

.nom-avatar.p-size-xsmall-string {
    position: absolute;
    left: 50%;
    transform-origin: 0 center;
}

.nom-avatar.p-size-xsmall > .nom-icon {
    font-size: 0.875rem;
}

.nom-avatar.u-shape-square {
    border-radius: var(--nom-border-radius);
}

    .nom-avatar.u-shape-square > img {
        border-radius: var(--nom-border-radius);
    }

.nom-avatar > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nom-avatar-group {
    display: inline-flex;
}

    .nom-avatar-group .nom-avatar {
        border: 1px solid #fff;
    }

        .nom-avatar-group .nom-avatar:not(:first-child) {
            margin-left: -8px;
        }

[role='button'] {
    cursor: pointer;
}

.nom-button {
    /* Structure */
    display: inline-block;
    color: var(--nom-color-text-0);
    line-height: normal;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: var(--nom-button-bg);
    border: 1px solid transparent;
    border-color: var(--nom-color-border);
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s;
    user-select: none;
    zoom: 1;
    -webkit-user-drag: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.42857143;
    border-radius: var(--nom-border-radius);
}

    .nom-button > .nom-icon {
        height: 1.42857143em;
    }

    .nom-button.p-only-icon.p-shape-circle {
        padding: 0.375rem;
    }

        .nom-button.p-only-icon.p-shape-circle > .nom-icon {
            width: 1.42857143em;
        }

    .nom-button:not(.s-disabled):hover {
        background-color: var(--nom-color-fill-1);
        outline: none;
    }

    .nom-button:focus,
    .nom-button:hover,
    .nom-button:active,
    .nom-button.active {
        outline: none;
    }

    .nom-button.disabled,
    .nom-button[disabled],
    fieldset[disabled] .nom-button {
        cursor: not-allowed;
        opacity: 0.65;
    }

a.nom-button.disabled,
fieldset[disabled] a.nom-button {
    pointer-events: none;
}

.nom-button.p-block {
    width: 100%;
}

.nom-button.p-danger {
    color: var(--nom-color-danger);
    background-color: transparent;
    border-color: var(--nom-color-danger);
}

    .nom-button.p-danger.nom-button-inline:hover {
        background: none !important;
    }

    .nom-button.p-danger.p-type-primary {
        color: var(--nom-color-white);
        background-color: var(--nom-color-danger);
        border-color: var(--nom-color-danger);
    }

        .nom-button.p-danger.p-type-primary:hover {
            background-color: var(--nom-color-danger-hover);
        }

    .nom-button.p-danger:not(.p-type-text, .p-type-link):hover {
        color: var(--nom-color-white);
        background-color: var(--nom-color-danger-hover);
        border-color: var(--nom-color-danger-hover);
    }

.nom-button.p-type-primary {
    color: var(--nom-color-white);
    background-color: var(--nom-color-primary);
    border-color: var(--nom-color-primary);
}

    .nom-button.p-type-primary:hover {
        background-color: var(--nom-color-primary-hover);
    }

.nom-button.p-type-dashed {
    border-style: dashed;
}

.nom-button.p-type-text {
    background-color: transparent;
    border-color: transparent;
}

    .nom-button.p-type-text:hover:hover {
        background-color: var(--nom-color-hover);
    }

    .nom-button.p-type-text:hover.p-danger {
        color: var(--nom-color-danger-hover);
    }

.nom-button.p-type-link {
    color: var(--nom-color-primary);
    background-color: transparent;
    border-color: transparent !important;
}

    .nom-button.p-type-link.p-danger {
        color: var(--nom-color-danger);
    }

    .nom-button.p-type-link:hover {
        text-decoration: none;
        background: none;
    }

        .nom-button.p-type-link:hover.p-danger {
            color: var(--nom-color-danger-hover);
        }

.nom-button.p-ghost {
    color: inherit !important;
    background-color: transparent !important;
}

    .nom-button.p-ghost:hover {
        background-color: var(--nom-color-fill-1) !important;
    }

    .nom-button.p-ghost.p-type-primary {
        color: var(--nom-color-primary) !important;
        background-color: transparent !important;
        border-color: var(--nom-color-primary) !important;
    }

        .nom-button.p-ghost.p-type-primary.s-hover,
        .nom-button.p-ghost.p-type-primary:hover {
            color: var(--nom-color-primary) !important;
            background-color: var(--nom-color-primary-lighten) !important;
        }

.nom-button.p-size-small {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: var(--nom-border-radius-sm);
}

    .nom-button.p-size-small > .nom-icon {
        height: 1.5em;
    }

    .nom-button.p-size-small.p-only-icon.p-shape-circle {
        padding: 0.25rem;
    }

        .nom-button.p-size-small.p-only-icon.p-shape-circle > .nom-icon {
            width: 1.5em;
        }

.nom-button.p-size-xsmall {
    padding: 0.125rem 0.25rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: var(--nom-border-radius-sm);
}

    .nom-button.p-size-xsmall > .nom-icon {
        height: 1.5em;
    }

    .nom-button.p-size-xsmall.p-only-icon.p-shape-circle {
        padding: 0.125rem;
    }

        .nom-button.p-size-xsmall.p-only-icon.p-shape-circle > .nom-icon {
            width: 1.5em;
        }

.nom-button.p-size-large {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.3333333;
    border-radius: var(--nom-border-radius-lg);
}

    .nom-button.p-size-large > .nom-icon {
        height: 1.3333333em;
    }

    .nom-button.p-size-large.p-only-icon.p-shape-circle {
        padding: 0.5rem;
    }

        .nom-button.p-size-large.p-only-icon.p-shape-circle > .nom-icon {
            width: 1.3333333em;
        }

.nom-button.p-size-xlarge {
    padding: 0.75rem 1.25rem;
    font-size: 1.5rem;
    line-height: 1.3333333;
    border-radius: var(--nom-border-radius-lg);
}

    .nom-button.p-size-xlarge > .nom-icon {
        height: 1.3333333em;
    }

    .nom-button.p-size-xlarge.p-only-icon.p-shape-circle {
        padding: 0.75rem;
    }

        .nom-button.p-size-xlarge.p-only-icon.p-shape-circle > .nom-icon {
            width: 1.3333333em;
        }

.nom-button.p-shape-round {
    border-radius: 1000px !important;
}

.nom-button.p-shape-circle {
    border-radius: 50% !important;
}

.nom-button.p-with-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .nom-button.p-with-icon.p-danger {
        color: var(--nom-color-danger);
    }

        .nom-button.p-with-icon.p-danger:hover {
            color: var(--nom-color-white);
        }

.nom-button > .nom-icon + span,
.nom-button > span + .nom-icon {
    margin-left: 0.5rem;
}

.nom-button-inline {
    display: inline !important;
    padding: 0;
    white-space: normal;
    text-align: left;
}

    .nom-button-inline:hover {
        background: none !important;
        background-color: transparent !important;
    }

    .nom-button-inline.s-hidden {
        display: none !important;
    }

.nom-table-ellipsis .nom-button-inline {
    white-space: nowrap;
}

.nom-input {
    display: block;
    width: 100%;
    height: calc(1.428571429rem + (0.375rem * 2) + 2px);
    padding: 0.375rem 0.75rem;
    color: var(--nom-input-color);
    font-size: 1rem;
    line-height: 1.42857143rem;
    background-color: var(--nom-input-bg);
    background-image: none;
    border: 1px solid var(--nom-color-border);
    border-radius: var(--nom-border-radius);
    outline: none;
    transition: all 0.3s;
}

    .nom-input:focus {
        border-color: #66afe9;
        outline: 0;
    }

    .nom-input:hover {
        border-color: var(--nom-color-primary);
    }

    .nom-input::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .nom-input::placeholder {
        color: var(--nom-color-text-2);
    }

    .nom-input[disabled],
    .nom-input[readonly],
    fieldset[disabled] .nom-input {
        background-color: var(--nom-input-bg-disabled);
        opacity: 1;
    }

    .nom-input[disabled],
    fieldset[disabled] .nom-input {
        border-color: var(--nom-color-border);
        cursor: not-allowed;
    }

textarea .nom-input {
    height: auto;
}

.s-invalid > .nom-input {
    color: var(--nom-color-text-0);
    background-color: rgba(var(--nom-red-5), 0.1);
    border-color: var(--nom-color-danger) !important;
}

.nom-textbox > .nom-field-content .nom-control {
    position: relative;
    background-color: var(--nom-input-bg);
    border-radius: var(--nom-border-radius);
}

.nom-textbox.s-invalid.p-plain > .nom-field-content > .nom-control > .nom-input {
    border-color: var(--nom-color-danger);
}

.nom-textbox.s-invalid .nom-textbox-affix-wrapper {
    color: var(--nom-color-text-0);
    background-color: rgba(var(--nom-red-5), 0.1);
    border-color: var(--nom-color-danger) !important;
}

.nom-textbox.p-with-button > .nom-field-content > .nom-control {
    display: flex;
}

    .nom-textbox.p-with-button > .nom-field-content > .nom-control > .nom-input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .nom-textbox.p-with-button > .nom-field-content > .nom-control > .nom-textbox-button {
        border-left: transparent;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.nom-textbox .nom-textbox-affix-wrapper {
    display: flex;
    flex: 1;
    align-items: center;
    padding: 0 0.75rem;
    border: 1px solid var(--nom-color-border);
    border-radius: var(--nom-border-radius);
    transition: all 0.3s;
}

    .nom-textbox .nom-textbox-affix-wrapper:focus-within {
        border-color: var(--nom-color-primary);
    }

    .nom-textbox .nom-textbox-affix-wrapper:hover {
        border-color: var(--nom-color-primary);
    }

    .nom-textbox .nom-textbox-affix-wrapper .nom-input-affix {
        display: flex;
        flex: none;
        align-items: center;
        color: var(--nom-control-icon-color);
    }

    .nom-textbox .nom-textbox-affix-wrapper .nom-input-prefix,
    .nom-textbox .nom-textbox-affix-wrapper .nom-textbox-left-icon {
        margin-right: 4px;
    }

    .nom-textbox .nom-textbox-affix-wrapper .nom-input-suffix,
    .nom-textbox .nom-textbox-affix-wrapper .nom-textbox-right-icon,
    .nom-textbox .nom-textbox-affix-wrapper .nom-input-count {
        margin-left: 4px;
        color: var(--nom-control-icon-color);
    }

    .nom-textbox .nom-textbox-affix-wrapper .nom-input {
        height: calc(1.428571429rem + (0.375rem * 2));
        padding: 0;
        background: transparent;
        border: none;
        outline: none;
    }

.nom-textbox.s-disabled .nom-textbox-affix-wrapper,
.nom-textbox[readonly] .nom-textbox-affix-wrapper {
    background: var(--nom-input-bg-disabled);
    border-color: var(--nom-color-border);
}

.nom-textbox .nom-textbox-left-icon,
.nom-textbox .nom-textbox-right-icon {
    color: var(--nom-control-icon-color);
}

.nom-time-picker[readonly] .nom-textbox-affix-wrapper,
.nom-date-picker[readonly] .nom-textbox-affix-wrapper,
.nom-partial-date-picker[readonly] .nom-textbox-affix-wrapper {
    background: transparent;
    border-color: var(--nom-color-border);
}

.nom-time-picker.s-disabled .nom-textbox-affix-wrapper,
.nom-date-picker.s-disabled .nom-textbox-affix-wrapper,
.nom-partial-date-picker.s-disabled .nom-textbox-affix-wrapper {
    background: var(--nom-input-bg-disabled);
    border-color: var(--nom-color-border);
}

.nom-time-picker .nom-input[readonly]:not([disabled]),
.nom-date-picker .nom-input[readonly]:not([disabled]),
.nom-partial-date-picker .nom-input[readonly]:not([disabled]) {
    background-color: transparent;
}

.nom-textarea {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.375rem 0.75rem;
    color: var(--nom-input-color);
    font-size: 1rem;
    line-height: 1.42857143;
    background-color: var(--nom-input-bg);
    background-image: none;
    border: 1px solid var(--nom-border-color);
    border-radius: var(--nom-border-radius);
    transition: all 0.3s;
}

    .nom-textarea:focus {
        border-color: #66afe9;
        outline: 0;
    }

    .nom-textarea:hover {
        border-color: var(--nom-color-primary-hover);
    }

    .nom-textarea::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .nom-textarea[disabled],
    .nom-textarea[readonly],
    fieldset[disabled] .nom-textarea {
        background-color: var(--nom-input-bg-disabled);
        border-color: var(--nom-border-color);
        opacity: 1;
    }

    .nom-textarea[disabled],
    fieldset[disabled] .nom-textarea {
        border-color: var(--nom-border-color);
        cursor: not-allowed;
    }

textarea .nom-textarea {
    height: auto;
}

.s-invalid > .nom-textarea {
    color: var(--nom-color-text-0);
    background-color: rgba(var(--nom-red-5), 0.1);
    border-color: var(--nom-color-danger) !important;
}

.s-invalid > .nom-field-content > .nom-control > textarea {
    color: var(--nom-color-text-0);
    background-color: rgba(var(--nom-red-5), 0.1);
    border-color: var(--nom-color-danger) !important;
}

.nom-checkbox > .nom-field-content {
    line-height: 2.28571429;
}

    .nom-checkbox > .nom-field-content > .nom-control {
        position: relative;
        display: inline-block;
        font-size: 1rem;
        line-height: 1.42857143;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

.s-disabled.nom-checkbox > .nom-field-content > .nom-control {
    cursor: not-allowed;
    opacity: 0.7;
}

    .s-disabled.nom-checkbox > .nom-field-content > .nom-control > input + span {
        background-color: var(--nom-input-bg-disabled);
        border-color: var(--nom-checkbox-border-color) !important;
    }

.nom-checkbox > .nom-field-content > .nom-control i {
    position: absolute;
    top: 2px;
    left: 0;
    display: none;
    width: calc(1rem + 2px);
    height: calc(1rem + 2px);
    background-color: var(--nom-checkbox-checked-bg);
    border: 1px solid var(--nom-checkbox-checked-border-color);
    border-radius: var(--nom-checkbox-border-radius);
    -webkit-animation: nom-checkbox-keyframe-show 0.36s ease-in-out backwards;
    animation: nom-checkbox-keyframe-show 0.36s ease-in-out backwards;
    content: '';
}

.nom-checkbox > .nom-field-content > .nom-control > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .nom-checkbox > .nom-field-content > .nom-control > input + span {
        position: absolute;
        top: 2px;
        left: 0;
        width: calc(1rem + 2px);
        height: calc(1rem + 2px);
        background-color: var(--nom-checkbox-bg);
        border: 1px solid var(--nom-checkbox-border-color);
        border-radius: var(--nom-checkbox-border-radius);
        box-shadow: var(--nom-checkbox-checker-box-shadow);
        transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    }

        .nom-checkbox > .nom-field-content > .nom-control > input + span:hover {
            background-color: var(--nom-checkbox-bg-hover);
            border-color: var(--nom-checkbox-checked-border-color);
        }

.s-checked-part.nom-checkbox > .nom-field-content > .nom-control > input + span::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background-color: var(--nom-checkbox-part-checker-color);
    border: 0;
    border-radius: var(--nom-checkbox-part-checker-border-radius);
    box-shadow: var(--nom-checkbox-checker-box-shadow);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    content: ' ';
}

.nom-checkbox > .nom-field-content > .nom-control > input:checked + span {
    background-color: var(--nom-checkbox-checked-bg);
    border-color: var(--nom-checkbox-checked-border-color);
}

    .nom-checkbox > .nom-field-content > .nom-control > input:checked + span:hover {
        background-color: var(--nom-checkbox-checked-bg-hover);
    }

    .nom-checkbox > .nom-field-content > .nom-control > input:checked + span::after {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 5px;
        height: 10px;
        margin-top: -6px;
        margin-left: -2px;
        border: solid var(--nom-checkbox-checker-color);
        border-width: 0 2px 2px 0 !important;
        box-shadow: var(--nom-checkbox-checker-box-shadow);
        -webkit-animation: nom-checkbox-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
        animation: nom-checkbox-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
        content: '';
    }

.nom-checkbox > .nom-field-content > .nom-control > input:checked ~ i {
    display: block;
}

.nom-checkbox > .nom-field-content > .nom-control > .checkbox-text {
    display: inline-block;
}

    .nom-checkbox > .nom-field-content > .nom-control > .checkbox-text:not(.checkbox-text-none) {
        padding-left: 25px;
    }

    .nom-checkbox > .nom-field-content > .nom-control > .checkbox-text.checkbox-text-none {
        width: 20px;
    }

@-webkit-keyframes nom-checkbox-keyframe-bounce-in {
    0% {
        -webkit-transform: scale(0.6) rotate(45deg);
        transform: scale(0.6) rotate(45deg);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.03) rotate(45deg);
        transform: scale(1.03) rotate(45deg);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) rotate(45deg);
        transform: scale(1) rotate(45deg);
        opacity: 1;
    }
}

@keyframes nom-checkbox-keyframe-bounce-in {
    0% {
        -webkit-transform: scale(0.6) rotate(45deg);
        transform: scale(0.6) rotate(45deg);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.03) rotate(45deg);
        transform: scale(1.03) rotate(45deg);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) rotate(45deg);
        transform: scale(1) rotate(45deg);
        opacity: 1;
    }
}

@-webkit-keyframes nom-checkbox-keyframe-show {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    to {
        transform: scale(1.7);
        opacity: 0;
    }
}

@keyframes nom-checkbox-keyframe-show {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    to {
        transform: scale(1.7);
        opacity: 0;
    }
}

.nom-checkbox-tree-with-label:not(.p-label-align-top) .nom-default-checkbox-option-tree {
    position: relative;
    top: -0.4rem;
}

.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content {
    margin: -0.5rem -0.5rem;
}

    .nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper {
        padding: 0.5rem 0.5rem;
    }

        .nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label {
            position: relative;
            display: inline-flex;
            padding-top: 0.375rem;
            padding-bottom: 0.375rem;
            font-size: 1rem;
            line-height: 1.42857143;
            vertical-align: middle;
            cursor: pointer;
            transition: all 0.3s;
        }

            .nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label i {
                position: absolute;
                display: none;
                width: calc(1rem + 2px);
                height: calc(1rem + 2px);
                margin-top: calc((1em * 1.428571429 - 1em - 2px)/2);
                background-color: var(--nom-checkbox-checked-bg);
                border: 1px solid var(--nom-checkbox-checked-border-color);
                border-radius: var(--nom-checkbox-border-radius);
                border-radius: 50%;
                -webkit-animation: nom-radio-list-keyframe-show 0.36s ease-in-out backwards;
                animation: nom-radio-list-keyframe-show 0.36s ease-in-out backwards;
                content: "";
            }

            .nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label > span.radio {
                position: relative;
                z-index: 9;
                width: calc(1rem + 2px);
                min-width: calc(1rem + 2px);
                height: calc(1rem + 2px);
                min-height: inherit;
                margin-top: calc((1em * 1.428571429 - 1em - 2px)/2);
                margin-right: 0.5rem;
                background-color: var(--nom-checkbox-bg);
                border: 1px solid var(--nom-checkbox-border-color);
                border-radius: 50% !important;
                box-shadow: var(--nom-checkbox-box-shadow);
                transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
            }

                .nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label > span.radio:hover {
                    background-color: var(--nom-checkbox-bg-hover);
                    border-color: var(--nom-checkbox-checked-border-color);
                }

            .nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label.s-selected > span.radio {
                background-color: var(--nom-checkbox-checked-bg);
                border-color: var(--nom-checkbox-checked-border-color);
            }

                .nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label.s-selected > span.radio::after {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    display: block;
                    width: 6px;
                    height: 6px;
                    margin-top: -3px;
                    margin-left: -3px;
                    background: var(--nom-checkbox-checker-color);
                    border: solid var(--nom-checkbox-checker-color);
                    border-radius: 100% !important;
                    box-shadow: var(--nom-checkbox-checker-box-shadow);
                    -webkit-animation: nom-radio-list-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
                    animation: nom-radio-list-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
                    content: '';
                }

            .nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label.s-selected i {
                display: block;
            }

.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list label.s-disabled {
    cursor: not-allowed !important;
    opacity: 0.7;
}

    .nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list label.s-disabled span.radio {
        background-color: var(--nom-input-bg-disabled);
        border-color: var(--nom-checkbox-border-color) !important;
    }

.nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list.s-disabled label {
    cursor: not-allowed !important;
    opacity: 0.7;
}

    .nom-radio-list.p-uistyle-radio > .nom-field-content > .nom-list.s-disabled label span.radio {
        background-color: var(--nom-input-bg-disabled);
        border-color: var(--nom-checkbox-border-color) !important;
    }

.nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content {
    display: inline-flex;
}

    .nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper:first-child {
        padding-left: 1px;
    }

    .nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label {
        position: relative;
        display: inline-flex;
        margin-left: -1px;
        padding-top: 0.375rem;
        padding-right: 0.75rem;
        padding-bottom: 0.375rem;
        padding-left: 0.75rem;
        font-size: 1rem;
        line-height: 1.42857143;
        background-color: #ffffff;
        border: 1px solid #d9d9d9;
        cursor: pointer;
        transition: all 0.3s;
    }

    .nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper:first-child > label {
        border-left: 1px solid #d9d9d9;
        border-radius: 4px 0 0 4px;
    }

    .nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper:last-child > label {
        border-radius: 0 4px 4px 0;
    }

    .nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper > label.s-selected {
        color: var(--nom-color-primary);
        border-color: var(--nom-color-primary);
    }

    .nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper label:hover {
        color: var(--nom-color-primary);
    }

    .nom-radio-list.p-uistyle-button > .nom-field-content > .nom-list > .nom-list-content > .nom-list-item-wrapper label.s-disabled {
        color: initial;
        cursor: not-allowed !important;
        opacity: 0.7;
    }

@-webkit-keyframes nom-radio-list-keyframe-bounce-in {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes nom-radio-list-keyframe-bounce-in {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes nom-radio-list-keyframe-show {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    to {
        transform: scale(1.7);
        opacity: 0;
    }
}

@keyframes nom-radio-list-keyframe-show {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    to {
        transform: scale(1.7);
        opacity: 0;
    }
}

.nom-result {
    padding: 48px 32px;
}

.nom-result-success .nom-result-icon > .anticon {
    color: var(--nom-color-success);
}

.nom-result-error .nom-result-icon > .anticon {
    color: var(--nom-color-danger);
}

.nom-result-info .nom-result-icon > .anticon {
    color: var(--nom-color-info);
}

.nom-result-warning .nom-result-icon > .anticon {
    color: var(--nom-color-warning);
}

.nom-result-image {
    width: 250px;
    height: 295px;
    margin: auto;
}

.nom-result-icon {
    margin-bottom: 24px;
    text-align: center;
}

    .nom-result-icon > .anticon {
        font-size: var(--nom-result-icon-action-font-size);
    }

.nom-result-title {
    color: var(--nom-result-title-color);
    font-size: var(--nom-result-title-font-size);
    line-height: 1.8;
    text-align: center;
}

.nom-result-subtitle {
    color: var(--nom-result-subtitle-color);
    font-size: var(--nom-result-subtitle-font-size);
    line-height: 1.6;
    text-align: center;
}

.nom-result-extra {
    margin: 24px 0 0 0;
    text-align: center;
}

    .nom-result-extra > * {
        margin-right: 8px;
    }

        .nom-result-extra > *:last-child {
            margin-right: 0;
        }

.nom-result-content {
    margin-top: 24px;
    padding: 24px 40px;
    background-color: var(--nom-result-content-bg);
}

.nom-checkbox-list .s-disabled .nom-list-item {
    cursor: not-allowed;
    opacity: 0.7;
}

    .nom-checkbox-list .s-disabled .nom-list-item span.checkbox {
        background-color: var(--nom-input-bg-disabled);
        border-color: var(--nom-checkbox-border-color) !important;
    }

.nom-checkbox-list .s-disabled.nom-list-item {
    cursor: not-allowed;
    opacity: 0.7;
}

    .nom-checkbox-list .s-disabled.nom-list-item span.checkbox {
        background-color: var(--nom-input-bg-disabled);
        border-color: var(--nom-checkbox-border-color) !important;
    }

.nom-checkbox-list .nom-list-item-wrapper label {
    position: relative;
    display: inline-flex;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 1rem;
    line-height: 1.42857143;
    cursor: pointer;
    transition: all 0.3s;
}

    .nom-checkbox-list .nom-list-item-wrapper label i {
        position: absolute;
        display: none;
        width: calc(1rem + 2px);
        height: calc(1rem + 2px);
        margin-top: calc((1em * 1.428571429 - 1em)/2 + 0px);
        background-color: var(--nom-checkbox-checked-bg);
        border: 1px solid var(--nom-checkbox-checked-border-color);
        border-radius: var(--nom-checkbox-border-radius);
        -webkit-animation: nom-checkbox-keyframe-show 0.36s ease-in-out backwards;
        animation: nom-checkbox-keyframe-show 0.36s ease-in-out backwards;
        content: "";
    }

    .nom-checkbox-list .nom-list-item-wrapper label span.checkbox {
        position: relative;
        z-index: 9;
        width: calc(1rem + 2px);
        min-width: calc(1rem + 2px);
        height: calc(1rem + 2px);
        margin-top: calc((1em * 1.428571429 - 1em)/2 + 0px);
        margin-right: 0.5em;
        background-color: var(--nom-checkbox-bg);
        border: 1px solid var(--nom-checkbox-border-color);
        border-radius: var(--nom-checkbox-border-radius);
        box-shadow: var(--nom-checkbox-box-shadow);
        transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
    }

        .nom-checkbox-list .nom-list-item-wrapper label span.checkbox:hover {
            background-color: var(--nom-checkbox-bg-hover);
            border-color: var(--nom-checkbox-checked-border-color);
        }

    .nom-checkbox-list .nom-list-item-wrapper label.s-selected span.checkbox {
        background-color: var(--nom-checkbox-checked-bg);
        border-color: var(--nom-checkbox-checked-border-color);
    }

        .nom-checkbox-list .nom-list-item-wrapper label.s-selected span.checkbox:hover {
            background-color: var(--nom-checkbox-checked-bg-hover);
        }

        .nom-checkbox-list .nom-list-item-wrapper label.s-selected span.checkbox::after {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            width: 5px;
            height: 10px;
            margin-top: -6px;
            margin-left: -2px;
            line-height: 1.42857143;
            border: solid var(--nom-checkbox-checker-color);
            border-width: 0 2px 2px 0 !important;
            box-shadow: var(--nom-checkbox-checker-box-shadow);
            -webkit-animation: nom-checkbox-list-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
            animation: nom-checkbox-list-keyframe-bounce-in 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) forwards;
            content: '';
        }

    .nom-checkbox-list .nom-list-item-wrapper label.s-selected i {
        display: block;
    }

@-webkit-keyframes nom-checkbox-list-keyframe-bounce-in {
    0% {
        -webkit-transform: scale(0.6) rotate(45deg);
        transform: scale(0.6) rotate(45deg);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.03) rotate(45deg);
        transform: scale(1.03) rotate(45deg);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) rotate(45deg);
        transform: scale(1) rotate(45deg);
        opacity: 1;
    }
}

@keyframes nom-checkbox-list-keyframe-bounce-in {
    0% {
        -webkit-transform: scale(0.6) rotate(45deg);
        transform: scale(0.6) rotate(45deg);
        opacity: 0;
    }

    70% {
        -webkit-transform: scale(1.03) rotate(45deg);
        transform: scale(1.03) rotate(45deg);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(1) rotate(45deg);
        transform: scale(1) rotate(45deg);
        opacity: 1;
    }
}

@-webkit-keyframes nom-checkbox-list-keyframe-show {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    to {
        transform: scale(1.7);
        opacity: 0;
    }
}

@keyframes nom-checkbox-list-keyframe-show {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    to {
        transform: scale(1.7);
        opacity: 0;
    }
}

.nom-select.p-label-align-right > .nom-field-label + .nom-field-content {
    width: 0;
}

.nom-select > .nom-field-content .nom-control {
    position: relative;
    min-height: calc(1.428571429rem + (0.375rem * 2) + 4.88px);
    padding: 0.375rem 24px 0.375rem 12px;
    color: var(--nom-input-color);
    line-height: 1.42857143rem;
    background: var(--nom-input-bg);
    border: 1px solid var(--nom-border-color);
    border-radius: var(--nom-border-radius);
    cursor: pointer;
    transition: all 0.3s;
}

    .nom-select > .nom-field-content .nom-control:not(.s-disabled):hover {
        border-color: var(--nom-color-primary);
    }

    .nom-select > .nom-field-content .nom-control .nom-select-single {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .nom-select > .nom-field-content .nom-control .nom-select-multiple .nom-list-item {
        display: flex;
        align-items: center;
        padding: var(--nom-select-selected-item-padding);
        background: var(--nom-select-selected-item-bg);
        border: 1px solid var(--nom-select-selected-item-border-color);
        border-radius: var(--nom-border-radius);
        cursor: default;
    }

        .nom-select > .nom-field-content .nom-control .nom-select-multiple .nom-list-item.nom-select-overtag-trigger {
            border: none;
            background: transparent;
        }

        .nom-select > .nom-field-content .nom-control .nom-select-multiple .nom-list-item .nom-select-item-content {
            max-width: 20rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: 4px;
        }

        .nom-select > .nom-field-content .nom-control .nom-select-multiple .nom-list-item .nom-icon {
            font-size: 8px;
        }

    .nom-select > .nom-field-content .nom-control .nom-select-search-input {
        width: 100%;
        border: none;
        outline: none;
    }

    .nom-select > .nom-field-content .nom-control .nom-select-arrow {
        position: absolute;
        top: 0;
        right: 8px;
        bottom: 0;
    }

    .nom-select > .nom-field-content .nom-control .nom-select-clear {
        position: absolute;
        top: 0;
        right: 8px;
        bottom: 0;
        background: var(--nom-input-bg);
        cursor: pointer;
    }

.s-disabled.nom-select > .nom-field-content .nom-control .nom-select-clear {
    visibility: hidden;
}

.nom-select > .nom-field-content .nom-control .nom-select-placeholder {
    overflow: hidden;
    color: var(--nom-color-text-2);
    white-space: nowrap;
    text-overflow: ellipsis;
}

.s-disabled.nom-select > .nom-field-content .nom-control {
    background-color: var(--nom-input-bg-disabled);
    cursor: not-allowed !important;
    opacity: 1;
}

.nom-select-extra-tags {
    max-width: 50vw;
    padding: 0.5rem;
}

    .nom-select-extra-tags .nom-list-item {
        display: flex;
        align-items: center;
        padding: var(--nom-select-selected-item-padding);
        background: var(--nom-select-selected-item-bg);
        border: 1px solid var(--nom-select-selected-item-border-color);
        border-radius: var(--nom-border-radius);
        cursor: default;
    }

        .nom-select-extra-tags .nom-list-item .nom-select-item-content {
            max-width: 20rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: 4px;
        }

        .nom-select-extra-tags .nom-list-item .nom-icon {
            font-size: 8px;
        }

.nom-select-popup > .nom-layout {
    max-height: 300px;
}

    .nom-select-popup > .nom-layout > .nom-layout-body {
        overflow-x: hidden;
    }

.nom-select-list .nom-list-item {
    padding: 5px 16px;
    user-select: none;
}

    .nom-select-list .nom-list-item:hover:hover {
        background-color: var(--nom-color-hover);
    }

    .nom-select-list .nom-list-item.s-selected {
        color: var(--nom-color-white);
        background-color: var(--nom-color-primary);
    }

        .nom-select-list .nom-list-item.s-selected:hover {
            background-color: var(--nom-color-primary-hover);
        }

        .nom-select-list .nom-list-item.s-selected.active {
            background-color: var(--nom-color-primary-active);
        }

        .nom-select-list .nom-list-item.s-selected.disabled,
        .nom-select-list .nom-list-item.s-selected[disabled] {
            background-color: var(--nom-color-primary-disabled);
        }

    .nom-select-list .nom-list-item.s-disabled:hover {
        cursor: not-allowed;
    }

.nom-select-checker .nom-list-item {
    position: relative;
    padding: 5px 30px;
}

    .nom-select-checker .nom-list-item:hover:hover {
        background-color: var(--nom-color-hover);
    }

    .nom-select-checker .nom-list-item.nom-selected::before {
        position: absolute;
        top: 50%;
        left: 16px;
        z-index: 2;
        color: var(--nom-color-primary);
        font-weight: bold;
        font-size: 16px;
        font-family: nom-icon;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        content: '\E632';
    }

.nom-select-animate-top-show {
    -webkit-animation: nom-select-keyframe-top-show 0.16s linear forwards;
    animation: nom-select-keyframe-top-show 0.16s linear forwards;
}

.nom-select-animate-bottom-show {
    -webkit-animation: nom-select-keyframe-bottom-show 0.16s linear forwards;
    animation: nom-select-keyframe-bottom-show 0.16s linear forwards;
}

.nom-select-animate-top-hide {
    -webkit-animation: nom-select-keyframe-top-hide 0.16s linear forwards;
    animation: nom-select-keyframe-top-hide 0.16s linear forwards;
}

.nom-select-animate-bottom-hide {
    -webkit-animation: nom-select-keyframe-bottom-hide 0.16s linear forwards;
    animation: nom-select-keyframe-bottom-hide 0.16s linear forwards;
}

@-webkit-keyframes nom-select-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-select-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-select-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-select-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-select-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }
}

@keyframes nom-select-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }
}

@-webkit-keyframes nom-select-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }
}

@keyframes nom-select-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }
}

.nom-slide-captcha {
    position: relative;
    display: inline-block;
    /* 验证成功前可拖动部分 */
    /* 验证成功后可拖动部分 */
    /* 大图 */
    /* 滑动的小图 */
    /* 刷新按钮 */
}

    .nom-slide-captcha .drag {
        position: relative;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background-color: var(--nom-slide-captcha-drag-bg);
        /* 底部 */
        /* 底部文字 */
    }

        .nom-slide-captcha .drag .handler {
            position: absolute;
            top: 1px;
            left: 0;
            width: 40px;
            height: 28px;
            border: 1px solid var(--nom-border-color);
            cursor: move;
        }

        .nom-slide-captcha .drag .drag-bg {
            width: 0;
            height: 30px;
            background-color: var(--nom-color-success);
        }

        .nom-slide-captcha .drag .drag-text {
            position: absolute;
            top: 0;
            color: var(--nom-slide-captcha-color);
            font-size: var(--nom-slide-captcha-font-size);
            user-select: none;
        }

    .nom-slide-captcha .handler-bg {
        background: var(--nom-color-white) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==') no-repeat center;
    }

    .nom-slide-captcha .handler_ok_bg {
        background: var(--nom-color-white) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==') no-repeat center;
    }

    .nom-slide-captcha .captcha-img {
        margin: 0 !important;
        padding: 0 !important;
        border: 0;
    }

    .nom-slide-captcha .small-drag {
        position: absolute;
        top: 32px;
        left: 0;
        z-index: 1;
        display: block;
        width: 40px;
        height: 40px;
        border: 1px solid var(--nom-slide-captcha-small-drag-border-color);
        box-shadow: var(--nom-slide-captcha-small-drag-box-shadow);
    }

    .nom-slide-captcha .refesh-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 28px;
        height: 28px;
        background-color: var(--nom-slide-captcha-refresh-bg);
    }

.nom-timeline {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nom-timeline-item {
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    font-size: 1rem;
    list-style: none;
}

.nom-timeline-item-tail {
    position: absolute;
    top: 10px;
    left: 4px;
    height: 100%;
    border-left: 2px solid #f0f0f0;
}

.nom-timeline-item-pending .nom-timeline-item-head {
    font-size: 0.875rem;
    background-color: transparent;
}

.nom-timeline-item-pending .nom-timeline-item-tail {
    display: none;
}

.nom-timeline-item-head {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 100px;
}

.nom-timeline-item-head-blue {
    color: var(--nom-color-primary);
    border-color: var(--nom-color-primary);
}

.nom-timeline-item-head-red {
    color: var(--nom-color-danger);
    border-color: var(--nom-color-danger);
}

.nom-timeline-item-head-green {
    color: var(--nom-color-success);
    border-color: var(--nom-color-success);
}

.nom-timeline-item-head-gray {
    color: var(--nom-color-disabled-text);
    border-color: var(--nom-color-disabled-text);
}

.nom-timeline-item-head-custom {
    position: absolute;
    top: 5.5px;
    left: 5px;
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 3px 1px;
    line-height: 1;
    text-align: center;
    border: 0;
    border-radius: 0;
    transform: translate(-50%, -50%);
}

.nom-timeline-item-content {
    position: relative;
    top: -0.42857143rem;
    margin: 0 0 0 1.625rem;
    word-break: break-word;
}

.nom-timeline-item-last > .nom-timeline-item-tail {
    display: none;
}

.nom-timeline-item-last > .nom-timeline-item-content {
    min-height: 48px;
}

.nom-timeline.nom-timeline-alternate .nom-timeline-item-tail,
.nom-timeline.nom-timeline-right .nom-timeline-item-tail,
.nom-timeline.nom-timeline-label .nom-timeline-item-tail,
.nom-timeline.nom-timeline-alternate .nom-timeline-item-head,
.nom-timeline.nom-timeline-right .nom-timeline-item-head,
.nom-timeline.nom-timeline-label .nom-timeline-item-head,
.nom-timeline.nom-timeline-alternate .nom-timeline-item-head-custom,
.nom-timeline.nom-timeline-right .nom-timeline-item-head-custom,
.nom-timeline.nom-timeline-label .nom-timeline-item-head-custom {
    left: 50%;
}

.nom-timeline.nom-timeline-alternate .nom-timeline-item-head,
.nom-timeline.nom-timeline-right .nom-timeline-item-head,
.nom-timeline.nom-timeline-label .nom-timeline-item-head {
    margin-left: -4px;
}

.nom-timeline.nom-timeline-alternate .nom-timeline-item-head-custom,
.nom-timeline.nom-timeline-right .nom-timeline-item-head-custom,
.nom-timeline.nom-timeline-label .nom-timeline-item-head-custom {
    margin-left: 1px;
}

.nom-timeline.nom-timeline-alternate .nom-timeline-item-left .nom-timeline-item-content,
.nom-timeline.nom-timeline-right .nom-timeline-item-left .nom-timeline-item-content,
.nom-timeline.nom-timeline-label .nom-timeline-item-left .nom-timeline-item-content {
    left: calc(50% - 4px);
    width: calc(50% - 14px);
    text-align: left;
}

.nom-timeline.nom-timeline-alternate .nom-timeline-item-right .nom-timeline-item-content,
.nom-timeline.nom-timeline-right .nom-timeline-item-right .nom-timeline-item-content,
.nom-timeline.nom-timeline-label .nom-timeline-item-right .nom-timeline-item-content {
    width: calc(50% - 12px);
    margin: 0;
    text-align: right;
}

.nom-timeline.nom-timeline-right .nom-timeline-item-right .nom-timeline-item-tail,
.nom-timeline.nom-timeline-right .nom-timeline-item-right .nom-timeline-item-head,
.nom-timeline.nom-timeline-right .nom-timeline-item-right .nom-timeline-item-head-custom {
    left: calc(100% - 4px - 2px);
}

.nom-timeline.nom-timeline-right .nom-timeline-item-right .nom-timeline-item-content {
    width: calc(100% - 18px);
}

.nom-timeline.nom-timeline-pending .nom-timeline-item-last .nom-timeline-item-tail {
    display: block;
    height: calc(100% - 14px);
    border-left: 2px dotted #f0f0f0;
}

.nom-timeline.nom-timeline-reverse .nom-timeline-item-last .nom-timeline-item-tail {
    display: none;
}

.nom-timeline.nom-timeline-reverse .nom-timeline-item-pending .nom-timeline-item-tail {
    top: 15px;
    display: block;
    height: calc(100% - 15px);
    border-left: 2px dotted #f0f0f0;
}

.nom-timeline.nom-timeline-reverse .nom-timeline-item-pending .nom-timeline-item-content {
    min-height: 48px;
}

.nom-timeline.nom-timeline-label .nom-timeline-item-label {
    position: absolute;
    top: -0.42857143rem;
    width: calc(50% - 12px);
    text-align: right;
}

.nom-timeline.nom-timeline-label .nom-timeline-item-right .nom-timeline-item-label {
    left: calc(50% + 14px);
    width: calc(50% - 14px);
    text-align: left;
}

.timepicker-group > .nom-col {
    width: 60px;
    max-height: 220px;
    overflow-y: auto;
    text-align: left;
    scroll-behavior: smooth;
    border-left: 1px solid var(--nom-border-color);
}

    .timepicker-group > .nom-col:first-child {
        border-left: none;
    }

    .timepicker-group > .nom-col .nom-list-item {
        padding: 0.25rem;
        cursor: pointer;
    }

        .timepicker-group > .nom-col .nom-list-item:hover {
            background-color: var(--nom-color-hover);
        }

        .timepicker-group > .nom-col .nom-list-item.s-selected {
            color: var(--nom-color-white);
            background-color: var(--nom-color-primary);
        }

            .timepicker-group > .nom-col .nom-list-item.s-selected:hover {
                background-color: var(--nom-color-primary-hover);
            }

            .timepicker-group > .nom-col .nom-list-item.s-selected.active {
                background-color: var(--nom-color-primary-active);
            }

            .timepicker-group > .nom-col .nom-list-item.s-selected.disabled,
            .timepicker-group > .nom-col .nom-list-item.s-selected[disabled] {
                background-color: var(--nom-color-primary-disabled);
            }

.nom-time-range-picker {
    text-decoration: inherit;
}

    .nom-time-range-picker > .nom-field-content > .nom-control {
        flex-wrap: nowrap !important;
    }

        .nom-time-range-picker > .nom-field-content > .nom-control > .nom-field.nom-time-picker {
            flex-grow: 1;
        }

.nom-static-text.p-label-align-right > .nom-field-label + .nom-field-content {
    width: 0;
}

.nom-static-text > .nom-field-content > .nom-control {
    min-height: calc(1.428571429rem + (0.375rem * 2) + 2px);
    padding: 0.375rem 0;
    font-size: 1rem;
    line-height: 1.42857143rem;
}

.nom-date-picker-popup .time-display {
    height: 40px;
    font-size: 18px;
    text-align: center;
}

.nom-date-picker-popup .nom-datepicker-time-panel {
    padding-left: 5px;
    border-left: var(--nom-date-picker-divider);
}

.nom-date-picker-popup .nom-datepicker-panel-header {
    text-align: center;
    margin: 2px -4px;
    color: var(--nom-date-picker-header-text-color);
}

.nom-date-picker-popup .nom-list .nom-list-content .nom-list-item-wrapper .nom-list-item.s-disabled {
    opacity: 0.5;
}

.nom-date-picker-popup .timepicker-group > .nom-col {
    width: 60px;
    max-height: 220px;
    overflow-y: hidden;
    text-align: left;
    scroll-behavior: smooth;
    border-left: 1px solid var(--nom-border-color);
}

    .nom-date-picker-popup .timepicker-group > .nom-col:first-child {
        border-left: none;
    }

    .nom-date-picker-popup .timepicker-group > .nom-col:hover {
        overflow-y: auto;
    }

    .nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item {
        padding: 0.25rem;
        cursor: pointer;
    }

        .nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item:hover {
            background-color: var(--nom-color-hover);
        }

        .nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item.s-selected {
            color: var(--nom-color-white);
            background-color: var(--nom-color-primary);
        }

            .nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item.s-selected:hover {
                background-color: var(--nom-color-primary-hover);
            }

            .nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item.s-selected.active {
                background-color: var(--nom-color-primary-active);
            }

            .nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item.s-selected.disabled,
            .nom-date-picker-popup .timepicker-group > .nom-col .nom-list-item.s-selected[disabled] {
                background-color: var(--nom-color-primary-disabled);
            }

.nom-date-range-picker {
    text-decoration: inherit;
}

    .nom-date-range-picker > .nom-field-content > .nom-control {
        flex-wrap: nowrap !important;
    }

        .nom-date-range-picker > .nom-field-content > .nom-control > .nom-field.nom-date-picker {
            flex-grow: 1;
        }

.nom-divider {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #343a40;
    font-size: 1rem;
    font-variant: tabular-nums;
    line-height: 1.42857143;
    list-style: none;
    font-feature-settings: 'tnum';
    border-top: 1px solid var(--nom-divider-border-color);
}

    .nom-divider.p-type-vertical {
        position: relative;
        top: -0.06em;
        display: inline-block;
        height: 0.9em;
        margin: 0 8px;
        vertical-align: middle;
        border-top: 0;
        border-left: 1px solid var(--nom-divider-border-color);
    }

    .nom-divider.p-type-horizontal {
        display: flex;
        clear: both;
        width: 100%;
        min-width: 100%;
        margin: 24px 0;
    }

        .nom-divider.p-type-horizontal.nom-divider-with-text {
            display: flex;
            margin: 16px 0;
            color: var(--nom-divider-header-color);
            font-weight: 500;
            font-size: 1.25rem;
            white-space: nowrap;
            text-align: center;
            border-top: 0;
            border-top-color: var(--nom-divider-border-color);
        }

            .nom-divider.p-type-horizontal.nom-divider-with-text::before,
            .nom-divider.p-type-horizontal.nom-divider-with-text::after {
                position: relative;
                top: 50%;
                width: 50%;
                border-top: 1px solid transparent;
                border-top-color: inherit;
                border-bottom: 0;
                transform: translateY(50%);
                content: '';
            }

        .nom-divider.p-type-horizontal.nom-divider-with-text-left::before {
            top: 50%;
            width: 5%;
        }

        .nom-divider.p-type-horizontal.nom-divider-with-text-left::after {
            top: 50%;
            width: 95%;
        }

        .nom-divider.p-type-horizontal.nom-divider-with-text-right::before {
            top: 50%;
            width: 95%;
        }

        .nom-divider.p-type-horizontal.nom-divider-with-text-right::after {
            top: 50%;
            width: 5%;
        }

.nom-divider-inner-text {
    display: inline-block;
    padding: 0 1em;
}

.nom-divider-dashed {
    background: none;
    border-color: var(--nom-divider-border-color);
    border-style: dashed;
    border-width: 1px 0 0;
}

.nom-divider.p-type-horizontal.nom-divider-with-text.nom-divider-dashed {
    border-top: 0;
}

    .nom-divider.p-type-horizontal.nom-divider-with-text.nom-divider-dashed::before,
    .nom-divider.p-type-horizontal.nom-divider-with-text.nom-divider-dashed::after {
        border-style: dashed none none;
    }

.nom-divider.p-type-vertical.nom-divider-dashed {
    border-width: 0 0 0 1px;
}

.nom-divider-plain.nom-divider-with-text {
    color: var(--nom-text-color) !important;
    font-weight: normal !important;
    font-size: 1rem !important;
}

.nom-field {
    display: flex;
    outline: none;
}

    .nom-field.p-plain > .nom-field-label {
        padding: 0;
    }

    .nom-field.p-plain > .nom-field-content {
        padding: 0;
    }

    .nom-field > .nom-field-label {
        padding: 0.5rem 0.5rem;
    }

        .nom-field > .nom-field-label > .nom-label {
            display: block;
        }

    .nom-field > .nom-field-content {
        position: relative;
        flex: 1;
        flex-grow: 1;
        width: 100%;
        padding: 0.5rem 0.5rem;
    }

        .nom-field > .nom-field-content:not(:hover) .nom-field-clear-handler {
            visibility: hidden;
            opacity: 0;
            transition: opacity ease-in 0.1s;
        }

        .nom-field > .nom-field-content .nom-field-clear-handler {
            visibility: visible;
            cursor: pointer;
            opacity: 1;
        }

        .nom-field > .nom-field-content > .nom-control:focus-within {
            border-color: var(--nom-color-primary);
        }

.p-control-width-xsmall.nom-field > .nom-field-content > .nom-control {
    max-width: 104px;
}

.p-control-width-small.nom-field > .nom-field-content > .nom-control {
    max-width: 216px;
}

.p-control-width-medium.nom-field > .nom-field-content > .nom-control {
    max-width: 328px;
}

.p-control-width-large.nom-field > .nom-field-content > .nom-control {
    max-width: 440px;
}

.p-control-width-xlarge.nom-field > .nom-field-content > .nom-control {
    max-width: 552px;
}

.nom-field > .nom-field-content > .nom-control-before.nom-list {
    padding: 0.5rem 0.5rem;
}

.nom-field > .nom-field-content > .nom-control-after.nom-list {
    padding: 0.5rem 0.5rem;
}

.nom-field > .nom-field-content .nom-control-extra {
    margin-top: var(--nom-field-gutter-base);
    color: var(--nom-color-text-2);
    word-break: break-all;
}

.nom-field > .nom-field-action.nom-list {
    padding: 0.5rem 0.5rem;
}

.nom-field.p-inline:not(.nom-group) {
    display: inline-flex !important;
}

.nom-field.p-required:not(.p-required-mark-optional) > .nom-field-label > .nom-label::before {
    display: inline-block;
    margin-right: 4px;
    color: var(--nom-color-danger);
    font-size: 14px;
    font-family: SimSun, sans-serif;
    line-height: 1;
    content: '*';
}

.nom-field.s-invalid > .nom-field-content {
    color: var(--nom-color-text-0);
}

    .nom-field.s-invalid > .nom-field-content > .nom-control {
        background-color: rgba(var(--nom-red-5), 0.1);
        border-color: var(--nom-color-danger) !important;
    }

        .nom-field.s-invalid > .nom-field-content > .nom-control > input {
            background: transparent;
            border-color: var(--nom-color-danger);
        }

@media (min-width: 576px) {
    .nom-field.p-label-align-top {
        flex-direction: column;
    }

    .nom-field.p-label-align-right > .nom-field-label,
    .nom-field.p-label-align-left > .nom-field-label {
        flex: 0 0 13rem;
        max-width: 13rem;
        margin-bottom: 0;
    }

        .nom-field.p-label-align-right > .nom-field-label > .nom-label,
        .nom-field.p-label-align-left > .nom-field-label > .nom-label {
            padding: 0.375rem;
        }

    .nom-field.p-label-align-right > .nom-field-label {
        text-align: right;
    }

    .nom-field.p-label-align-left > .nom-field-label {
        text-align: left;
    }
}

.nom-field.p-span-auto {
    width: auto;
}

.nom-group > .nom-field-content {
    padding: 0;
}

    .nom-group > .nom-field-content > .nom-control {
        display: flex;
        flex-wrap: wrap;
    }

        .nom-group > .nom-field-content > .nom-control > .nom-field {
            width: 100%;
        }

    .nom-group > .nom-field-content > .nom-control-after {
        margin-top: 6px;
    }

    .nom-group > .nom-field-content > .nom-control-action {
        padding: 0.875rem;
    }

.nom-group.p-nowrap > .nom-field-content > .nom-control {
    flex-wrap: nowrap;
}

    .nom-group.p-nowrap > .nom-field-content > .nom-control > .nom-field > .nom-field-label {
        flex-basis: auto;
        width: auto;
    }

    .nom-group.p-nowrap > .nom-field-content > .nom-control > .nom-field > .nom-field-content {
        flex-basis: auto;
    }

.nom-group.p-inline > .nom-field-content > .nom-control > .nom-field {
    flex-basis: auto;
    width: auto;
}

    .nom-group.p-inline > .nom-field-content > .nom-control > .nom-field > .nom-field-label {
        flex-basis: auto;
        width: auto;
    }

    .nom-group.p-inline > .nom-field-content > .nom-control > .nom-field > .nom-field-content {
        flex-basis: auto;
    }

.nom-group.p-striped > .nom-field-content > .nom-control > .nom-field > .nom-field-label {
    color: inherit !important;
    background-color: var(--nom-color-lgray) !important;
}

.nom-group.p-line-splitline {
    margin: 0 !important;
    clip-path: inset(-50px 0 1px 1px);
}

    .nom-group.p-line-splitline > .nom-field-content > .nom-control > .nom-field {
        border-left: 1px solid var(--nom-border-color);
        border-bottom: 1px solid var(--nom-border-color);
        margin-bottom: -1px;
        margin-left: -1px;
    }

.nom-group.p-line-outline {
    margin: 0 !important;
    border: 1px solid var(--nom-border-color);
}

    .nom-group.p-line-outline > .nom-field-content > .nom-control {
        margin-bottom: -1px;
        margin-left: -1px;
    }

        .nom-group.p-line-outline > .nom-field-content > .nom-control > .nom-field {
            border-left: 1px solid var(--nom-border-color);
            border-bottom: 1px solid var(--nom-border-color);
        }

.nom-group.p-uistyle-table {
    margin: 0 !important;
    border: 1px solid var(--nom-border-color);
}

    .nom-group.p-uistyle-table > .nom-field-content > .nom-control {
        margin-bottom: -1px;
        margin-left: -1px;
    }

        .nom-group.p-uistyle-table > .nom-field-content > .nom-control > .nom-field {
            border-left: 1px solid var(--nom-border-color);
            border-bottom: 1px solid var(--nom-border-color);
        }

            .nom-group.p-uistyle-table > .nom-field-content > .nom-control > .nom-field > .nom-field-label {
                color: inherit !important;
                background-color: var(--nom-color-lgray) !important;
            }

.nom-group.p-uistyle-inline > .nom-field-content > .nom-control > .nom-field {
    flex-basis: auto;
    width: auto;
}

    .nom-group.p-uistyle-inline > .nom-field-content > .nom-control > .nom-field > .nom-field-label {
        flex-basis: auto;
        width: auto;
    }

    .nom-group.p-uistyle-inline > .nom-field-content > .nom-control > .nom-field > .nom-field-content {
        flex-basis: auto;
    }

.nom-group-grid .nom-control-action {
    margin-top: 6px;
}

.nom-group-list .nom-field-action.nom-list {
    display: flex;
    align-items: end;
}

.nom-file-list {
    margin-top: 2em;
}

    .nom-file-list > :not(:last-child) {
        margin-bottom: 1em;
    }

.nom-file-list-only {
    margin-top: 0;
}

.upload-img-container {
    width: var(--nom-uploader-file-img-size);
    height: var(--nom-uploader-file-img-size);
    margin-right: 10px;
}

    .upload-img-container img {
        width: 100%;
        height: 100%;
    }

.upload-info-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
}

.upload-file-name {
    margin-right: 10px;
    color: var(--nom-color-primary);
}

    .upload-file-name:hover {
        text-decoration: none;
    }

.upload-file-update {
    margin-left: 10px;
    padding-left: 10px;
}

.upload-opt-btn > a {
    color: var(--nom-text-color);
}

    .upload-opt-btn > a:hover {
        color: var(--nom-color-primary);
        text-decoration: none;
    }

.upload-opt-btn > :not(:last-child) {
    margin-right: 20px;
}

.upload-opt-removing > a {
    cursor: not-allowed;
}

.file-img {
    font-size: var(--nom-uploader-file-img-size);
}

.file-loading-img {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: var(--nom-uploader-file-img-size);
    transform: translate(-50%, -50%);
}

.nom-badge {
    /* Structure */
    display: inline-block;
    color: #495057;
    line-height: normal;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: var(--nom-badge-background-color);
    border: 1px solid transparent;
    border-color: var(--nom-border-color);
    border-radius: 2px;
    user-select: none;
    zoom: 0.95;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.42857143;
    border-radius: var(--nom-border-radius);
}

    .nom-badge.nom-badge-pointer {
        cursor: pointer;
    }

    .nom-badge.p-size-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: var(--nom-border-radius-sm);
    }

    .nom-badge.p-size-xs {
        padding: 0.125rem 0.25rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: var(--nom-border-radius-sm);
    }

    .nom-badge.p-size-lg {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.3333333;
        border-radius: var(--nom-border-radius-lg);
    }

    .nom-badge.p-size-xl {
        padding: 0.75rem 1.25rem;
        font-size: 1.5rem;
        line-height: 1.3333333;
        border-radius: var(--nom-border-radius-lg);
    }

    .nom-badge.p-plain {
        background-color: transparent;
        border: 0;
    }

        .nom-badge.p-plain:hover {
            background-color: var(--nom-color-primary-hover);
            outline: none;
        }

    .nom-badge.p-color-red {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-red-8));
        border-color: rgb(var(--nom-red-8));
    }

    .nom-badge.p-color-orange {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-orange-4));
        border-color: rgb(var(--nom-orange-4));
    }

    .nom-badge.p-color-yellow {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-yellow-4));
        border-color: rgb(var(--nom-yellow-4));
    }

    .nom-badge.p-color-olive {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-lime-4));
        border-color: rgb(var(--nom-lime-4));
    }

    .nom-badge.p-color-green {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-green-4));
        border-color: rgb(var(--nom-green-4));
    }

    .nom-badge.p-color-teal {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-cyan-4));
        border-color: rgb(var(--nom-cyan-4));
    }

    .nom-badge.p-color-blue {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-indigo-4));
        border-color: rgb(var(--nom-indigo-4));
    }

    .nom-badge.p-color-violet {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-grape-4));
        border-color: rgb(var(--nom-grape-4));
    }

    .nom-badge.p-color-purple {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-grape-2));
        border-color: rgb(var(--nom-grape-2));
    }

    .nom-badge.p-color-pink {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-pink-4));
        border-color: rgb(var(--nom-pink-4));
    }

    .nom-badge.p-color-brown {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-orange-3));
        border-color: rgb(var(--nom-orange-3));
    }

    .nom-badge.p-color-crimson {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-red-6));
        border-color: rgb(var(--nom-red-6));
    }

    .nom-badge.p-color-skyblue {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-blue-4));
        border-color: rgb(var(--nom-blue-4));
    }

    .nom-badge.p-color-silver {
        color: rgb(var(--nom-grey-9));
        background-color: rgb(var(--nom-grey-0));
        border-color: rgb(var(--nom-grey-0));
    }

    .nom-badge.p-with-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .nom-badge > .nom-icon {
        display: inline-flex;
    }

        .nom-badge > .nom-icon + span,
        .nom-badge > span + .nom-icon {
            margin-left: 0.1rem;
        }

    .nom-badge.p-type-round {
        min-width: 1.75rem;
    }

    .nom-badge.p-type-dot {
        position: absolute;
        top: 0;
        right: 0;
        width: 8px;
        height: 8px;
        padding: 0 !important;
        border-radius: 200px;
        transform: translate(50%, -50%);
        zoom: 1;
    }

        .nom-badge.p-type-dot.p-with-number {
            position: absolute;
            top: 0;
            right: 0;
            width: auto;
            min-width: 16px;
            max-width: 30px;
            height: 16px;
            padding: 1px 3px;
            overflow: hidden;
            font-size: 10px;
            line-height: 13px;
            white-space: nowrap;
            text-align: center;
            text-overflow: ellipsis;
            border-radius: 200px;
            transform: translate(50%, -50%);
        }

    .nom-badge.p-type-tag {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        min-width: 16px;
        max-width: 60px;
        height: 16px;
        padding: 1px 3px;
        overflow: hidden;
        font-size: 10px;
        line-height: 13px;
        white-space: nowrap;
        text-align: center;
        text-overflow: ellipsis;
        border-radius: 200px;
        transform: translate(50%, -50%);
    }

    .nom-badge .nom-badge-remove {
        position: relative;
        top: 2px;
        margin-left: 1px !important;
    }

        .nom-badge .nom-badge-remove svg {
            fill: rgb(var(--nom-white));
        }

.s-with-badge {
    position: relative;
}

.nom-collapse-wrapper {
    font-size: inherit;
}

.nom-collapse-item > .nom-collapse-item-title {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    border-radius: var(--nom-border-radius);
    user-select: none;
}

    .nom-collapse-item > .nom-collapse-item-title .nom-icon {
        color: var(--nom-collapse-icon-color);
        cursor: pointer;
    }

    .nom-collapse-item > .nom-collapse-item-title > .nom-collapse-right-icon {
        position: absolute;
        right: 0;
        transform: translateX(-50%);
    }

.nom-collapse-item > .nom-collapse-item-content {
    padding: 0 1rem 0 1.5rem;
    overflow: hidden;
    border-radius: 0 0 var(--nom-border-radius) var(--nom-border-radius);
}

.nom-collapse-item.nom-collapse-bordered .nom-collapse-item-title {
    padding: 0.5rem;
    border: 1px solid var(--nom-border-color);
}

.nom-collapse-item.nom-collapse-bordered .nom-collapse-item-content {
    padding: 0.5rem;
    border: 1px solid var(--nom-border-color);
}

.nom-collapse-item .nom-collapse-item-open {
    border-bottom: none !important;
    border-radius: var(--nom-border-radius) var(--nom-border-radius) 0 0;
}

.nom-collapse-animate-show {
    -webkit-animation: nom-collapse-keyframe-show 0.12s linear forwards;
    animation: nom-collapse-keyframe-show 0.12s linear forwards;
}

.nom-collapse-animate-hide {
    -webkit-animation: nom-collapse-keyframe-hide 0.12s ease forwards;
    animation: nom-collapse-keyframe-hide 0.12s ease forwards;
}

@-webkit-keyframes nom-collapse-keyframe-show {
    0% {
        max-height: 0;
    }

    90% {
        max-height: 50px;
    }

    to {
        max-height: none;
    }
}

@keyframes nom-collapse-keyframe-show {
    0% {
        max-height: 0;
    }

    90% {
        max-height: 50px;
    }

    to {
        max-height: none;
    }
}

@-webkit-keyframes nom-collapse-keyframe-hide {
    0% {
        max-height: 50px;
    }

    90% {
        max-height: 0;
    }

    to {
        max-height: none;
    }
}

@keyframes nom-collapse-keyframe-hide {
    0% {
        max-height: 50px;
    }

    90% {
        max-height: 0;
    }

    to {
        max-height: none;
    }
}

.nom-tree .nom-tree-node-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 12px;
    cursor: pointer;
}

    .nom-tree .nom-tree-node-content:hover:hover {
        background-color: var(--nom-color-hover);
    }

    .nom-tree .nom-tree-node-content:hover .nom-tree-drag-handler {
        visibility: visible;
    }

    .nom-tree .nom-tree-node-content:hover > .nom-tree-node-content-tools-hover {
        visibility: visible !important;
    }

    .nom-tree .nom-tree-node-content.s-selected {
        background-color: var(--nom-tree-selected-color);
    }

    .s-disabled.nom-tree .nom-tree-node-content .nom-checkbox,
    .nom-tree .nom-tree-node-content.s-disabled .nom-checkbox {
        cursor: not-allowed;
        opacity: 0.7;
    }

    .nom-tree .nom-tree-node-content > .nom-tree-node-expandable-indicator {
        flex-shrink: 0;
        width: 30px;
        height: 24px;
    }

        .nom-tree .nom-tree-node-content > .nom-tree-node-expandable-indicator.is-leaf {
            color: transparent;
        }

    .nom-tree .nom-tree-node-content > .nom-tree-node-content-icon {
        margin-right: 6px;
    }

    .nom-tree .nom-tree-node-content > .nom-tree-node-content-tools {
        margin-left: 5px;
    }

        .nom-tree .nom-tree-node-content > .nom-tree-node-content-tools.nom-tree-node-content-tools-flex {
            flex-grow: 2;
            justify-content: start;
        }

        .nom-tree .nom-tree-node-content > .nom-tree-node-content-tools.nom-tree-node-content-tools-hover {
            visibility: hidden;
        }

    .nom-tree .nom-tree-node-content > .nom-tree-node-checkbox {
        margin-right: 6px;
    }

    .nom-tree .nom-tree-node-content .nom-tree-drag-handler {
        visibility: hidden;
        cursor: pointer;
    }

.nom-tree > .nom-tree-check-all {
    border-bottom: 1px solid var(--nom-border-color);
}

.nom-tree.p-fit {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .nom-tree.p-fit > .nom-tree-nodes {
        flex: 1;
        height: 100%;
        overflow: auto;
    }

.nom-tree-select.p-label-align-right > .nom-field-label + .nom-field-content {
    width: 0;
}

.nom-tree-select > .nom-field-content .nom-control {
    position: relative;
    height: 100%;
    min-height: calc(1.428571429rem + (0.375rem * 2) + 4.88px);
    padding: 0.375rem 24px 0.375rem 12px;
    color: var(--nom-input-color);
    line-height: 1.42857143rem;
    background: var(--nom-input-bg);
    border: 1px solid var(--nom-border-color);
    border-radius: var(--nom-border-radius);
    cursor: pointer;
}

    .nom-tree-select > .nom-field-content .nom-control:hover {
        border-color: var(--nom-color-primary);
    }

    .nom-tree-select > .nom-field-content .nom-control:focus-within {
        border-color: var(--nom-color-primary);
    }

    .nom-tree-select > .nom-field-content .nom-control .nom-tree-select-placeholder {
        margin-top: 1.44px;
        overflow: hidden;
        color: var(--nom-input-placeholder-color);
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .nom-tree-select > .nom-field-content .nom-control .nom-tree-select-clear {
        position: absolute;
        top: 0;
        right: 8px;
        bottom: 0;
        background: var(--nom-input-bg);
        cursor: pointer;
    }

.nom-tree-select > .nom-field-content .nom-tree-select-tag-hidden {
    display: none;
}

.nom-tree-select.s-disabled .nom-control,
.nom-tree-select.s-disabled:hover .nom-control,
.nom-tree-select[readonly] .nom-control,
.nom-tree-select[readonly]:hover .nom-control {
    background: var(--nom-input-bg-disabled);
    border-color: var(--nom-color-border);
}

.nom-tree-select.s-disabled .nom-tree-select-clear,
.nom-tree-select.s-disabled:hover .nom-tree-select-clear,
.nom-tree-select[readonly] .nom-tree-select-clear,
.nom-tree-select[readonly]:hover .nom-tree-select-clear {
    visibility: hidden;
}

.nom-tree-select .nom-tree-select-single {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nom-tree-select .nom-tree-select-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    padding: 0 8px;
    line-height: 1;
}

.nom-tree-select-item {
    display: block;
}

.nom-tree-select-popup {
    padding: 5px 5px;
}

    .nom-tree-select-popup > .nom-layout {
        max-height: 300px;
    }

    .nom-tree-select-popup .nom-tree .nom-tree-node:not(.s-disabled).filter-node > .nom-tree-node-content .nom-tree-node-content-text {
        color: inherit;
        font-weight: 500;
    }

.nom-tree-select-overtag-trigger {
    border: none !important;
    background: transparent;
    cursor: default;
}

.nom-tree-select-extra-tags {
    max-width: 50vw;
    padding: 0.5rem;
}

    .nom-tree-select-extra-tags .nom-list-item {
        display: flex;
        align-items: center;
        padding: var(--nom-select-selected-item-padding);
        background: var(--nom-select-selected-item-bg);
        border: 1px solid var(--nom-select-selected-item-border-color);
        border-radius: var(--nom-border-radius);
        cursor: default;
    }

        .nom-tree-select-extra-tags .nom-list-item .nom-select-item-content {
            max-width: 20rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: 4px;
        }

        .nom-tree-select-extra-tags .nom-list-item .nom-icon {
            font-size: 8px;
        }

.nom-tree-select-content .nom-tag {
    margin-right: 0.5rem;
}

.nom-tree-select-animate-top-show {
    -webkit-animation: nom-tree-select-keyframe-top-show 0.16s linear forwards;
    animation: nom-tree-select-keyframe-top-show 0.16s linear forwards;
}

.nom-tree-select-animate-bottom-show {
    -webkit-animation: nom-tree-select-keyframe-bottom-show 0.16s linear forwards;
    animation: nom-tree-select-keyframe-bottom-show 0.16s linear forwards;
}

.nom-tree-select-animate-top-hide {
    -webkit-animation: nom-tree-select-keyframe-top-hide 0.16s linear forwards;
    animation: nom-tree-select-keyframe-top-hide 0.16s linear forwards;
}

.nom-tree-select-animate-bottom-hide {
    -webkit-animation: nom-tree-select-keyframe-bottom-hide 0.16s linear forwards;
    animation: nom-tree-select-keyframe-bottom-hide 0.16s linear forwards;
}

@-webkit-keyframes nom-tree-select-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-tree-select-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-tree-select-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-tree-select-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-tree-select-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }
}

@keyframes nom-tree-select-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }
}

@-webkit-keyframes nom-tree-select-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }
}

@keyframes nom-tree-select-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }
}

.nom-switch > .nom-field-content .nom-switch-control {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    color: var(--nom-switch-btn-bg-color);
    background-color: var(--nom-switch-bg-color);
    border: none;
    border-radius: 100px;
    outline: none;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    min-width: 64px;
    height: 32px;
    font-size: 1rem;
}

    .nom-switch > .nom-field-content .nom-switch-control i {
        position: absolute;
        display: block;
        border-radius: inherit;
        box-shadow: 0 0 0 0 var(--nom-color-primary);
        opacity: 0.2;
        -webkit-animation: fadeeffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveeffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
        animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        content: "";
        pointer-events: none;
        inset: 0;
    }

    .nom-switch > .nom-field-content .nom-switch-control.nom-switch-active {
        background-color: var(--nom-color-primary);
    }

    .nom-switch > .nom-field-content .nom-switch-control .nom-switch-text {
        display: flex;
        flex: 1;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .nom-switch > .nom-field-content .nom-switch-control .nom-switch-indicator {
        width: calc(var(--nom-switch-height-base) - 4px);
        height: calc(var(--nom-switch-height-base) - 4px);
        background-color: var(--nom-switch-indicator-bg-color);
        border-radius: 50%;
    }

    .nom-switch > .nom-field-content .nom-switch-control .nom-switch-indicator-left {
        -webkit-animation: nom-switch-keyframe-right-show 0.24s linear forwards;
        animation: nom-switch-keyframe-right-show 0.24s linear forwards;
    }

    .nom-switch > .nom-field-content .nom-switch-control .nom-switch-indicator-right {
        -webkit-animation: nom-switch-keyframe-left-show 0.24s linear forwards;
        animation: nom-switch-keyframe-left-show 0.24s linear forwards;
    }

    .nom-switch > .nom-field-content .nom-switch-control .nom-switch-text-left {
        -webkit-animation: nom-switch-keyframe-right-show 0.24s linear forwards;
        animation: nom-switch-keyframe-right-show 0.24s linear forwards;
    }

    .nom-switch > .nom-field-content .nom-switch-control .nom-switch-text-right {
        -webkit-animation: nom-switch-keyframe-left-show 0.24s linear forwards;
        animation: nom-switch-keyframe-left-show 0.24s linear forwards;
    }

    .nom-switch > .nom-field-content .nom-switch-control .nom-switch-indicator {
        width: calc(32px - 4px);
        height: calc(32px - 4px);
    }

.nom-switch.p-size-small > .nom-field-content .nom-switch-control {
    min-width: 48px;
    height: 24px;
    font-size: 0.875rem;
}

    .nom-switch.p-size-small > .nom-field-content .nom-switch-control .nom-switch-indicator {
        width: calc(24px - 4px);
        height: calc(24px - 4px);
    }

.nom-switch.p-size-xsmall > .nom-field-content .nom-switch-control {
    min-width: 32px;
    height: 16px;
    font-size: var(--nom-switch-font-size-xs);
}

    .nom-switch.p-size-xsmall > .nom-field-content .nom-switch-control .nom-switch-indicator {
        width: calc(16px - 4px);
        height: calc(16px - 4px);
    }

.nom-switch.p-size-large > .nom-field-content .nom-switch-control {
    min-width: 80px;
    height: 40px;
    font-size: 1.25rem;
}

    .nom-switch.p-size-large > .nom-field-content .nom-switch-control .nom-switch-indicator {
        width: calc(40px - 4px);
        height: calc(40px - 4px);
    }

.nom-switch.p-size-xlarge > .nom-field-content .nom-switch-control {
    min-width: 96px;
    height: 48px;
    font-size: 1.5rem;
}

    .nom-switch.p-size-xlarge > .nom-field-content .nom-switch-control .nom-switch-indicator {
        width: calc(48px - 4px);
        height: calc(48px - 4px);
    }

.nom-switch.s-disabled > .nom-field-content .nom-switch-control {
    background-color: var(--nom-switch-disable-color);
}

    .nom-switch.s-disabled > .nom-field-content .nom-switch-control .nom-switch-text {
        color: var(--nom-switch-disable-text);
    }

.nom-switch.s-disabled > .nom-field-content .nom-switch-active {
    background-color: var(--nom-color-primary-disabled) !important;
}

@-webkit-keyframes waveEffect {
    to {
        box-shadow: 0 0 0 6px var(--nom-color-primary);
    }
}

@keyframes waveEffect {
    to {
        box-shadow: 0 0 0 6px var(--nom-color-primary);
    }
}

@-webkit-keyframes fadeEffect {
    to {
        opacity: 0;
    }
}

@keyframes fadeEffect {
    to {
        opacity: 0;
    }
}

@-webkit-keyframes nom-switch-keyframe-left-show {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes nom-switch-keyframe-left-show {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-switch-keyframe-right-show {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes nom-switch-keyframe-right-show {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

.nom-mask-info .nom-icon.p-type-eye {
    position: relative;
    top: 2px;
    color: var(--nom-control-icon-color);
    cursor: pointer;
    margin-right: 2px;
}

.nom-mask-info .p-type-eye {
    transition: all 0.3s;
}

    .nom-mask-info .p-type-eye:hover {
        color: var(--nom-color-primary);
        transform: scale(1.5);
    }

.nom-mask-info-field > .nom-field-content > .nom-control {
    min-height: calc(1.428571429rem + (0.375rem * 2) + 2px);
    padding: 0.375rem 0;
    font-size: 1rem;
    line-height: 1.42857143rem;
}

    .nom-mask-info-field > .nom-field-content > .nom-control .nom-icon.p-type-eye {
        transition: all 0.3s;
    }

        .nom-mask-info-field > .nom-field-content > .nom-control .nom-icon.p-type-eye:hover {
            color: var(--nom-color-primary);
            transform: scale(1.5);
        }

.nom-tag {
    /* Structure */
    display: inline-block;
    color: #495057;
    line-height: normal;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: var(--nom-tag-background-color);
    border: 1px solid transparent;
    border-color: var(--nom-border-color);
    border-radius: 2px;
    user-select: none;
    zoom: 0.95;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.42857143;
    border-radius: var(--nom-border-radius);
}

    .nom-tag.nom-tag-pointer {
        cursor: pointer;
    }

    .nom-tag.p-size-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: var(--nom-border-radius-sm);
    }

    .nom-tag.p-size-xs {
        padding: 0.125rem 0.25rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: var(--nom-border-radius-sm);
    }

    .nom-tag.p-size-lg {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.3333333;
        border-radius: var(--nom-border-radius-lg);
    }

    .nom-tag.p-size-xl {
        padding: 0.75rem 1.25rem;
        font-size: 1.5rem;
        line-height: 1.3333333;
        border-radius: var(--nom-border-radius-lg);
    }

    .nom-tag.p-with-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .nom-tag.p-type-round {
        min-width: 1.75rem;
    }

    .nom-tag .nom-tag-content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block !important;
    }

    .nom-tag > .nom-icon {
        display: inline-flex;
    }

        .nom-tag > .nom-icon + span,
        .nom-tag > span + .nom-icon {
            margin-left: 0.1rem;
        }

    .nom-tag .nom-tag-remove svg {
        fill: var(--nom-tag-remove-color);
    }

    .nom-tag .nom-tag-remove.nom-tag-remove-basic svg {
        fill: var(--nom-tag-remove-basic-color);
    }

    .nom-tag.p-color-red {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-red-8));
        border-color: rgb(var(--nom-red-8));
    }

    .nom-tag.p-color-orange {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-orange-4));
        border-color: rgb(var(--nom-orange-4));
    }

    .nom-tag.p-color-yellow {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-yellow-4));
        border-color: rgb(var(--nom-yellow-4));
    }

    .nom-tag.p-color-olive {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-lime-4));
        border-color: rgb(var(--nom-lime-4));
    }

    .nom-tag.p-color-green {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-green-4));
        border-color: rgb(var(--nom-green-4));
    }

    .nom-tag.p-color-teal {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-cyan-4));
        border-color: rgb(var(--nom-cyan-4));
    }

    .nom-tag.p-color-blue {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-indigo-4));
        border-color: rgb(var(--nom-indigo-4));
    }

    .nom-tag.p-color-violet {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-grape-4));
        border-color: rgb(var(--nom-grape-4));
    }

    .nom-tag.p-color-purple {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-grape-2));
        border-color: rgb(var(--nom-grape-2));
    }

    .nom-tag.p-color-pink {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-pink-4));
        border-color: rgb(var(--nom-pink-4));
    }

    .nom-tag.p-color-brown {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-orange-3));
        border-color: rgb(var(--nom-orange-3));
    }

    .nom-tag.p-color-crimson {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-red-6));
        border-color: rgb(var(--nom-red-6));
    }

    .nom-tag.p-color-skyblue {
        color: rgb(var(--nom-white));
        background-color: rgb(var(--nom-blue-4));
        border-color: rgb(var(--nom-blue-4));
    }

    .nom-tag.p-color-silver {
        color: rgb(var(--nom-grey-9));
        background-color: rgb(var(--nom-grey-2));
        border-color: rgb(var(--nom-grey-2));
    }

.nom-ellipsis {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .nom-ellipsis .nom-ellipsis-inner {
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

        .nom-ellipsis .nom-ellipsis-inner.nom-ellipsis-nowrap {
            white-space: nowrap;
            word-break: break-all;
        }

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

.nom-empty {
    margin: 0 8px;
    font-size: 1rem;
    line-height: 1.42857143;
    text-align: center;
}

.nom-empty-image {
    height: 100px;
    margin-bottom: 8px;
}

    .nom-empty-image .nom-empty-img-normal {
        transform: translateX(8px);
    }

    .nom-empty-image img {
        height: 100%;
    }

    .nom-empty-image svg {
        height: 100%;
        margin: auto;
    }

.nom-empty-footer {
    margin-top: 16px;
}

.nom-empty-normal {
    margin: 32px 0;
    color: var(--nom-color-text-2);
}

    .nom-empty-normal .nom-empty-image {
        height: 40px;
    }

.nom-empty-small {
    margin: 8px 0;
    color: var(--nom-color-text-2);
}

    .nom-empty-small .nom-empty-image {
        height: 35px;
    }

.nom-empty.p-size-small {
    padding-top: 50px;
    padding-bottom: 50px;
}

.nom-empty.p-size-large {
    padding-top: 100px;
    padding-bottom: 100px;
}

.nom-empty.p-size-xlarge {
    padding-top: 150px;
    padding-bottom: 150px;
}

.nom-popup.nom-password-popup {
    background-color: var(--nom-color-warning-light-default);
    border: 1px solid var(--nom-color-warning);
    padding: 0.5rem 1rem;
    border-radius: var(--nom-tooltip-border-radius);
    margin-top: 10px;
}

.nom-password-arrow {
    position: absolute;
    top: 0;
    right: auto;
    left: 50%;
    transform: translate(-50%, -11px) rotate(180deg);
    color: var(--nom-color-warning);
}

.nom-cascader.p-label-align-right > .nom-field-label + .nom-field-content {
    width: 0;
}

.nom-cascader > .nom-field-content .nom-control {
    position: relative;
    min-height: calc(1.428571429rem + (0.375rem * 2) + 2px);
    padding: 0.375rem 24px 0.375rem 12px;
    color: var(--nom-text-color) !important;
    line-height: 1.42857143rem;
    background: var(--nom-bg-color);
    border: 1px solid var(--nom-border-color);
    border-radius: var(--nom-border-radius);
    cursor: pointer;
}

    .nom-cascader > .nom-field-content .nom-control:not(.s-disabled):hover {
        border: 1px solid var(--nom-color-primary);
    }

    .nom-cascader > .nom-field-content .nom-control .nom-cascader-content {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .nom-cascader > .nom-field-content .nom-control .nom-cascader-icon {
        position: absolute;
        top: 0;
        right: 8px;
        bottom: 0;
    }

    .nom-cascader > .nom-field-content .nom-control .nom-cascader-placeholder {
        color: var(--nom-input-placeholder-color);
    }

.s-disabled.nom-cascader > .nom-field-content .nom-control {
    background-color: var(--nom-input-bg-disabled);
    cursor: not-allowed !important;
    opacity: 1;
}

.nom-cascader-popup {
    overflow: hidden;
}

    .nom-cascader-popup > .nom-layout {
        max-height: 300px;
    }

        .nom-cascader-popup > .nom-layout.nom-cascader-pop-container {
            display: block;
        }

        .nom-cascader-popup > .nom-layout > .nom-layout-body {
            overflow-x: hidden;
        }

            .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu {
                display: inline-block;
                min-width: 111px;
                margin: 0;
                padding: 0;
                overflow: auto;
                overflow-x: hidden;
                overflow-y: auto;
                white-space: nowrap;
                vertical-align: top;
                list-style: none;
                border-right: 1px solid var(--nom-border-color);
                transition: all 0.3s;
            }

                .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu:last-child {
                    border-right: none;
                }

                .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 0.5rem 1rem;
                }

                    .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item:hover {
                        cursor: pointer;
                    }

                        .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item:hover:hover {
                            background-color: var(--nom-color-hover);
                        }

                    .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-active {
                        color: var(--nom-color-white);
                        background-color: var(--nom-color-primary);
                    }

                        .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-active:hover {
                            background-color: var(--nom-color-primary-hover);
                        }

                        .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-active.active {
                            background-color: var(--nom-color-primary-active);
                        }

                        .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-active.disabled,
                        .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-active[disabled] {
                            background-color: var(--nom-color-primary-disabled);
                        }

                    .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item.nom-cascader-menu-item-disabled {
                        color: rgba(0, 0, 0, 0.25);
                        cursor: not-allowed;
                        user-select: none;
                    }

                    .nom-cascader-popup > .nom-layout > .nom-layout-body .nom-cascader-menu > .nom-cascader-menu-item > .nom-cascader-menu-item-expand-icon {
                        padding-left: 1rem;
                    }

.nom-cascader-animate-top-show {
    -webkit-animation: nom-cascader-keyframe-top-show 0.16s linear forwards;
    animation: nom-cascader-keyframe-top-show 0.16s linear forwards;
}

.nom-cascader-animate-bottom-show {
    -webkit-animation: nom-cascader-keyframe-bottom-show 0.16s linear forwards;
    animation: nom-cascader-keyframe-bottom-show 0.16s linear forwards;
}

.nom-cascader-animate-top-hide {
    -webkit-animation: nom-cascader-keyframe-top-hide 0.16s linear forwards;
    animation: nom-cascader-keyframe-top-hide 0.16s linear forwards;
}

.nom-cascader-animate-bottom-hide {
    -webkit-animation: nom-cascader-keyframe-bottom-hide 0.16s linear forwards;
    animation: nom-cascader-keyframe-bottom-hide 0.16s linear forwards;
}

@-webkit-keyframes nom-cascader-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-cascader-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-cascader-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-cascader-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-cascader-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
        opacity: 0;
    }
}

@keyframes nom-cascader-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
        opacity: 0;
    }
}

@-webkit-keyframes nom-cascader-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
        opacity: 0;
    }
}

@keyframes nom-cascader-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
        opacity: 0;
    }
}

.nom-number-spinner-icon-opt {
    cursor: pointer;
}

.nom-number-spinner .nom-control {
    position: relative;
}

    .nom-number-spinner .nom-control .nom-icon {
        font-size: 8px;
    }

    .nom-number-spinner .nom-control .spinner-input-with-double-icon {
        position: absolute;
        left: 1.25rem;
        width: calc(100% - 2.5rem);
    }

    .nom-number-spinner .nom-control .spinner-input-with-left-icon {
        position: absolute;
        left: 1.25rem;
        width: calc(100% - 1.25rem);
    }

    .nom-number-spinner .nom-control .spinner-input-with-right-icon {
        position: absolute;
        width: calc(100% - 1.25rem);
    }

    .nom-number-spinner .nom-control .nom-textbox-right-icon-container {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        width: 1rem;
        height: calc(1.428571429rem + (0.375rem * 2) + 2px);
        color: var(--nom-input-color);
        line-height: calc(1.428571429rem + (0.375rem * 2) + 2px);
        border: 1px solid var(--nom-border-color);
        border-radius: var(--nom-border-radius);
        cursor: pointer;
    }

        .nom-number-spinner .nom-control .nom-textbox-right-icon-container.nom-icon:hover {
            background-color: var(--nom-color-hover);
        }

        .nom-number-spinner .nom-control .nom-textbox-right-icon-container.nom-icon:active {
            background-color: var(--nom-color-fill-2);
        }

        .nom-number-spinner .nom-control .nom-textbox-right-icon-container .nom-icon:hover {
            background-color: var(--nom-color-hover);
        }

        .nom-number-spinner .nom-control .nom-textbox-right-icon-container .nom-icon:active {
            background-color: var(--nom-color-fill-2);
        }

    .nom-number-spinner .nom-control .nom-textbox-left-icon-container {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        width: 1rem;
        height: calc(1.428571429rem + (0.375rem * 2) + 2px);
        color: var(--nom-input-color);
        line-height: calc(1.428571429rem + (0.375rem * 2) + 2px);
        border: 1px solid var(--nom-border-color);
        border-radius: var(--nom-border-radius);
        cursor: pointer;
    }

        .nom-number-spinner .nom-control .nom-textbox-left-icon-container.nom-icon:hover {
            background-color: var(--nom-color-hover);
        }

        .nom-number-spinner .nom-control .nom-textbox-left-icon-container.nom-icon:active {
            background-color: var(--nom-color-fill-2);
        }

        .nom-number-spinner .nom-control .nom-textbox-left-icon-container .nom-icon:hover {
            background-color: var(--nom-color-hover);
        }

        .nom-number-spinner .nom-control .nom-textbox-left-icon-container .nom-icon:active {
            background-color: var(--nom-color-fill-2);
        }

.nom-number-spinner.s-disabled .nom-textbox-right-icon-container,
.nom-number-spinner.s-disabled .nom-textbox-left-icon-container {
    background-color: var(--nom-input-bg-disabled);
    cursor: not-allowed;
}

.nom-number-spinner.s-disabled .nom-icon:hover {
    background-color: unset !important;
}

.nom-partial-date-picker-popup {
    padding: 1rem;
}

    .nom-partial-date-picker-popup.nom-partial-date-picker-popup-hasfooter {
        padding-bottom: 0.75rem;
    }

    .nom-partial-date-picker-popup .nom-partial-date-picker-footer {
        padding-top: 0.75rem;
        border-top: 1px solid var(--nom-border-color);
    }

    .nom-partial-date-picker-popup .nom-col {
        width: 60px;
        max-height: 200px;
        overflow-y: hidden;
        text-align: left;
        scroll-behavior: smooth;
        border-left: 1px solid var(--nom-border-color);
    }

        .nom-partial-date-picker-popup .nom-col:first-child {
            width: 80px;
            border-left: none;
        }

        .nom-partial-date-picker-popup .nom-col.nom-week-list {
            width: 250px;
        }

            .nom-partial-date-picker-popup .nom-col.nom-week-list .nom-list-item .nom-list .nom-list-content {
                align-items: center;
            }

                .nom-partial-date-picker-popup .nom-col.nom-week-list .nom-list-item .nom-list .nom-list-content .nom-list-item {
                    padding-top: 0;
                    padding-bottom: 0;
                }

            .nom-partial-date-picker-popup .nom-col.nom-week-list .nom-week-subtitle {
                font-family: Tahoma, Arial, 'Helvetica Neue', Helvetica, sans-serif;
                opacity: 0.5;
            }

        .nom-partial-date-picker-popup .nom-col:hover {
            overflow-y: auto;
        }

        .nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle) {
            padding: 0.25rem;
            cursor: pointer;
        }

            .nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle):hover {
                background-color: var(--nom-color-hover);
            }

            .nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle).s-selected {
                color: var(--nom-color-white);
                background-color: var(--nom-color-primary);
            }

                .nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle).s-selected:hover {
                    background-color: var(--nom-color-primary-hover);
                }

                .nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle).s-selected.active {
                    background-color: var(--nom-color-primary-active);
                }

                .nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle).s-selected.disabled,
                .nom-partial-date-picker-popup .nom-col .nom-list-item:not(.nom-week-subtitle).s-selected[disabled] {
                    background-color: var(--nom-color-primary-disabled);
                }

.nom-steps {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--nom-step-line-primary-color);
    text-align: initial;
    list-style: none;
}

    .nom-steps:not(.nom-step-label-vertical) .nom-step:first-child {
        padding-left: 0;
    }

    .nom-steps:not(.nom-step-label-vertical) .nom-step {
        padding-left: 1rem;
        white-space: nowrap;
    }

    .nom-steps.nom-steps-horizontal .nom-step:last-child {
        flex-grow: 1;
    }

    .nom-steps .nom-step {
        position: relative;
        flex: 1;
        flex-grow: 2;
        overflow: hidden;
        vertical-align: top;
    }

        .nom-steps .nom-step > .nom-step-item-container {
            outline: none;
        }

            .nom-steps .nom-step > .nom-step-item-container > .nom-step-item-tail {
                display: none;
            }

            .nom-steps .nom-step > .nom-step-item-container > .nom-step-item-icon {
                display: inline-block;
                width: var(--nom-step-item-icon-size);
                height: var(--nom-step-item-icon-size);
                margin-right: 0.5rem;
                line-height: var(--nom-step-item-icon-size);
                text-align: center;
                background-color: var(--nom-step-item-icon-bg-color);
                border: 1px solid var(--nom-step-border-color);
                border-radius: var(--nom-step-item-icon-size);
            }

                .nom-steps .nom-step > .nom-step-item-container > .nom-step-item-icon.nom-step-item-icon-customer {
                    font-size: 2rem;
                    border: none;
                }

                .nom-steps .nom-step > .nom-step-item-container > .nom-step-item-icon.nom-step-item-icon-whole-customer {
                    width: auto;
                    height: auto;
                    line-height: inherit;
                }

                    .nom-steps .nom-step > .nom-step-item-container > .nom-step-item-icon.nom-step-item-icon-whole-customer .nom-progress-line {
                        min-width: 140px;
                    }

            .nom-steps .nom-step > .nom-step-item-container .nom-step-item-content {
                position: relative;
                display: inline-block;
                padding-right: 1rem;
                vertical-align: top;
            }

                .nom-steps .nom-step > .nom-step-item-container .nom-step-item-content .nom-step-item-title {
                    display: inline-block;
                    color: var(--nom-step-line-primary-color);
                    font-size: var(--nom-step-item-title-fontsize);
                    line-height: var(--nom-step-item-icon-size);
                }

                .nom-steps .nom-step > .nom-step-item-container .nom-step-item-content .nom-step-item-subtitle {
                    display: inline;
                    margin-left: 0.5rem;
                    color: var(--nom-step-line-subtitle-color);
                    font-weight: 400;
                    font-size: var(--nom-step-item-fontsize);
                }

                .nom-steps .nom-step > .nom-step-item-container .nom-step-item-content .nom-step-item-description {
                    color: var(--nom-step-line-primary-color);
                    font-size: var(--nom-step-item-fontsize);
                }

        .nom-steps .nom-step.nom-step-item-wait .nom-step-item-icon {
            color: var(--nom-color-text-2);
            background-color: var(--nom-step-item-icon-bg-color);
            border-color: var(--nom-step-border-color);
        }

        .nom-steps .nom-step.nom-step-item-process .nom-step-item-icon {
            color: var(--nom-step-item-icon-bg-color);
            background-color: var(--nom-color-primary);
            border-color: var(--nom-color-primary);
        }

        .nom-steps .nom-step.nom-step-item-process .nom-step-item-container > .nom-step-item-icon-customer {
            color: var(--nom-color-primary);
            background-color: var(--nom-step-item-icon-bg-color);
        }

        .nom-steps .nom-step.nom-step-item-finish .nom-step-item-icon {
            color: var(--nom-color-primary);
            border-color: var(--nom-color-primary);
        }

        .nom-steps .nom-step.nom-step-item-error .nom-step-item-icon {
            color: var(--nom-color-danger);
            background-color: var(--nom-step-item-icon-bg-color);
            border-color: var(--nom-color-danger);
        }

        .nom-steps .nom-step.nom-step-item-error .nom-step-item-content .nom-step-item-title {
            color: var(--nom-color-danger);
            opacity: 0.85;
        }

        .nom-steps .nom-step.nom-step-item-error .nom-step-item-content .nom-step-item-subtitle {
            color: var(--nom-color-danger);
            opacity: 0.45;
        }

        .nom-steps .nom-step.nom-step-item-error .nom-step-item-content .nom-step-item-description {
            color: var(--nom-color-danger);
            opacity: 0.85;
        }

        .nom-steps .nom-step:not(:last-child) .nom-step-item-title::after {
            position: absolute;
            top: 1rem;
            left: 100%;
            display: block;
            width: 9999px;
            height: 1px;
            background-color: var(--nom-step-line-color);
            transition: all 0.3s;
            content: '';
        }

        .nom-steps .nom-step:not(:last-child).nom-step-item-finish .nom-step-item-title::after {
            background-color: var(--nom-color-primary);
        }

    .nom-steps.nom-steps-vertical {
        flex-direction: column;
    }

        .nom-steps.nom-steps-vertical > .nom-step {
            flex: 1 0 auto;
            padding-left: 0;
            overflow: visible;
        }

            .nom-steps.nom-steps-vertical > .nom-step.nom-step-item-icon-render-mode.nom-step-item-finish::after {
                background-color: var(--nom-color-primary) !important;
            }

            .nom-steps.nom-steps-vertical > .nom-step.nom-step-item-icon-render-mode .nom-step-item-tail {
                display: none !important;
            }

            .nom-steps.nom-steps-vertical > .nom-step.nom-step-item-icon-render-mode:not(:last-child)::after {
                display: block;
                width: 1px;
                height: 50px;
                margin-left: 1rem;
                background-color: var(--nom-step-line-color);
                border-radius: 1px;
                content: '';
            }

            .nom-steps.nom-steps-vertical > .nom-step > .nom-step-item-container > .nom-step-item-content > .nom-step-item-title::after {
                display: none;
            }

            .nom-steps.nom-steps-vertical > .nom-step > .nom-step-item-container > .nom-step-item-content > .nom-step-item-description {
                min-height: 3rem;
                padding-bottom: 1rem;
            }

            .nom-steps.nom-steps-vertical > .nom-step:not(:last-child) > .nom-step-item-container > .nom-step-item-tail {
                position: absolute;
                top: 0;
                left: 1rem;
                display: block;
                width: 1px;
                height: 100%;
                padding: 2.5rem 0 0.5rem;
            }

                .nom-steps.nom-steps-vertical > .nom-step:not(:last-child) > .nom-step-item-container > .nom-step-item-tail::after {
                    display: inline-block;
                    width: 1px;
                    height: 100%;
                    background-color: var(--nom-step-line-color);
                    border-radius: 1px;
                    content: '';
                }

            .nom-steps.nom-steps-vertical > .nom-step:not(:last-child).nom-step-item-finish > .nom-step-item-container > .nom-step-item-tail::after {
                background-color: var(--nom-color-primary);
            }

.nom-partial-date-range-picker {
    text-decoration: inherit;
}

    .nom-partial-date-range-picker > .nom-field-content > .nom-control {
        flex-wrap: nowrap !important;
    }

        .nom-partial-date-range-picker > .nom-field-content > .nom-control > .nom-field.nom-partial-date-picker {
            flex-grow: 1;
        }

.nom-dropdown {
    white-space: nowrap;
}

    .nom-dropdown.nom-split-button > button:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .nom-dropdown.nom-split-button > button:last-child {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.nom-dropdown-popup .nom-menu-item-wrapper > a {
    padding-right: 1.5rem !important;
}

    .nom-dropdown-popup .nom-menu-item-wrapper > a:hover {
        background-color: var(--nom-color-hover);
    }

.nom-dropdown-popup.nom-layer-animate-show {
    animation: none;
}

.nom-dropdown-popup.nom-dropdown-animate-top-show {
    -webkit-animation: nom-dropdown-keyframe-top-show 0.16s linear forwards;
    animation: nom-dropdown-keyframe-top-show 0.16s linear forwards;
}

.nom-dropdown-popup.nom-dropdown-animate-bottom-show {
    -webkit-animation: nom-dropdown-keyframe-bottom-show 0.16s linear forwards;
    animation: nom-dropdown-keyframe-bottom-show 0.16s linear forwards;
}

.nom-dropdown-popup.nom-dropdown-animate-top-hide {
    -webkit-animation: nom-dropdown-keyframe-top-hide 0.16s linear forwards;
    animation: nom-dropdown-keyframe-top-hide 0.16s linear forwards;
}

.nom-dropdown-popup.nom-dropdown-animate-bottom-hide {
    -webkit-animation: nom-dropdown-keyframe-bottom-hide 0.16s linear forwards;
    animation: nom-dropdown-keyframe-bottom-hide 0.16s linear forwards;
}

@-webkit-keyframes nom-dropdown-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-dropdown-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-dropdown-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-dropdown-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-dropdown-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
        opacity: 0;
    }
}

@keyframes nom-dropdown-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
        opacity: 0;
    }
}

@-webkit-keyframes nom-dropdown-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
        opacity: 0;
    }
}

@keyframes nom-dropdown-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
        opacity: 0;
    }
}

.nom-toolbar {
    color: inherit;
}

.nom-scrollbar {
    position: fixed;
    z-index: 2050;
    height: var(--nom-scrollbar-width);
}

    .nom-scrollbar .nom-scrollbar-inner {
        height: var(--nom-scrollbar-width);
    }

.nom-statistic .nom-statistic-title {
    margin-bottom: var(--nom-statistic-title-bottom);
    opacity: var(--nom-statistic-title-opacity);
}

.nom-statistic .nom-statistic-content {
    color: var(--nom-statistic-content-color);
    font-size: var(--nom-statistic-content-fontsize);
}

    .nom-statistic .nom-statistic-content .nom-statistic-content-prefix {
        margin-right: var(--nom-statistic-content-affixes-margin);
    }

    .nom-statistic .nom-statistic-content .nom-statistic-content-suffix {
        margin-left: var(--nom-statistic-content-affixes-margin);
    }

.nom-drawer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
}

    .nom-drawer > .nom-drawer-mask {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--nom-drawer-mask-bg-color);
        opacity: 1;
    }

    .nom-drawer.nom-drawer-top > .nom-drawer-content-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: var(--nom-drawer-default-size);
    }

    .nom-drawer.nom-drawer-right > .nom-drawer-content-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        width: var(--nom-drawer-default-size);
        height: 100%;
    }

    .nom-drawer.nom-drawer-bottom > .nom-drawer-content-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: var(--nom-drawer-default-size);
    }

    .nom-drawer.nom-drawer-left > .nom-drawer-content-wrapper {
        position: absolute;
        bottom: 0;
        left: 0;
        width: var(--nom-drawer-default-size);
        height: 100%;
    }

    .nom-drawer > .nom-drawer-content-wrapper > .nom-drawer-body {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: var(--nom-drawer-body-color);
    }

        .nom-drawer > .nom-drawer-content-wrapper > .nom-drawer-body > .nom-drawer-header {
            position: relative;
            padding: var(--nom-drawer-header-padding);
            font-weight: 700;
            font-size: 1.25rem;
            border-bottom: 1px solid var(--nom-drawer-line-color);
        }

            .nom-drawer > .nom-drawer-content-wrapper > .nom-drawer-body > .nom-drawer-header > .nom-drawer-close-icon {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 100;
                padding: 1.5rem;
                font-size: 1.25rem;
                cursor: pointer;
            }

        .nom-drawer > .nom-drawer-content-wrapper > .nom-drawer-body > .nom-drawer-content {
            flex-grow: 1;
            padding: var(--nom-drawer-content-padding);
            overflow: auto;
            overflow-wrap: break-word;
        }

        .nom-drawer > .nom-drawer-content-wrapper > .nom-drawer-body > .nom-drawer-footer {
            flex-shrink: 0;
            padding: var(--nom-drawer-footer-padding);
            border-top: 1px solid var(--nom-drawer-line-color);
        }

.nom-drawer-animate-top-show .nom-drawer-content-wrapper {
    -webkit-animation: nom-drawer-keyframe-top-show 0.12s ease forwards;
    animation: nom-drawer-keyframe-top-show 0.12s ease forwards;
}

.nom-drawer-animate-bottom-show .nom-drawer-content-wrapper {
    -webkit-animation: nom-drawer-keyframe-bottom-show 0.12s ease forwards;
    animation: nom-drawer-keyframe-bottom-show 0.12s ease forwards;
}

.nom-drawer-animate-left-show .nom-drawer-content-wrapper {
    -webkit-animation: nom-drawer-keyframe-left-show 0.12s ease forwards;
    animation: nom-drawer-keyframe-left-show 0.12s ease forwards;
}

.nom-drawer-animate-right-show .nom-drawer-content-wrapper {
    -webkit-animation: nom-drawer-keyframe-right-show 0.12s ease forwards;
    animation: nom-drawer-keyframe-right-show 0.12s ease forwards;
}

.nom-drawer-animate-top-hide .nom-drawer-content-wrapper {
    -webkit-animation: nom-drawer-keyframe-top-hide 0.24s ease forwards;
    animation: nom-drawer-keyframe-top-hide 0.24s ease forwards;
}

.nom-drawer-animate-bottom-hide .nom-drawer-content-wrapper {
    -webkit-animation: nom-drawer-keyframe-bottom-hide 0.24s ease forwards;
    animation: nom-drawer-keyframe-bottom-hide 0.24s ease forwards;
}

.nom-drawer-animate-left-hide .nom-drawer-content-wrapper {
    -webkit-animation: nom-drawer-keyframe-left-hide 0.24s ease forwards;
    animation: nom-drawer-keyframe-left-hide 0.24s ease forwards;
}

.nom-drawer-animate-right-hide .nom-drawer-content-wrapper {
    -webkit-animation: nom-drawer-keyframe-right-hide 0.24s ease forwards;
    animation: nom-drawer-keyframe-right-hide 0.24s ease forwards;
}

.nom-drawer-mask-animate-show .nom-drawer-mask {
    -webkit-animation: nom-drawer-mask-keyframe-show 90ms ease forwards;
    animation: nom-drawer-mask-keyframe-show 90ms ease forwards;
}

.nom-drawer-mask-animate-hide .nom-drawer-mask {
    -webkit-animation: nom-drawer-mask-keyframe-hide 90ms ease forwards;
    animation: nom-drawer-mask-keyframe-hide 90ms ease forwards;
}

@-webkit-keyframes nom-drawer-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-drawer-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-drawer-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-drawer-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-drawer-keyframe-left-show {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes nom-drawer-keyframe-left-show {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-drawer-keyframe-right-show {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

@keyframes nom-drawer-keyframe-right-show {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-drawer-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes nom-drawer-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes nom-drawer-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }
}

@keyframes nom-drawer-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0;
    }
}

@-webkit-keyframes nom-drawer-keyframe-left-hide {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes nom-drawer-keyframe-left-hide {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes nom-drawer-keyframe-right-hide {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes nom-drawer-keyframe-right-hide {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes nom-drawer-mask-keyframe-show {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes nom-drawer-mask-keyframe-show {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes nom-drawer-mask-keyframe-hide {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes nom-drawer-mask-keyframe-hide {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.nom-dropdown.nom-split-button > button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.nom-dropdown.nom-split-button > button:last-child {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.nom-dropdown-popup .nom-menu-item-wrapper > a {
    padding-right: 1.5rem !important;
}

.nom-slider .nom-slider-content {
    position: relative;
    height: 12px;
    margin: 10px 6px;
    padding: 4px 0;
    color: rgba(var(--nom-grey-8), 1);
    outline: none;
    cursor: pointer;
}

    .nom-slider .nom-slider-content.nom-slider-content-disabled {
        cursor: not-allowed;
    }

        .nom-slider .nom-slider-content.nom-slider-content-disabled .nom-slider-track {
            background-color: var(--nom-slider-disabled-color);
        }

        .nom-slider .nom-slider-content.nom-slider-content-disabled .nom-slider-handle:focus,
        .nom-slider .nom-slider-content.nom-slider-content-disabled .nom-slider-handle:hover,
        .nom-slider .nom-slider-content.nom-slider-content-disabled .nom-slider-handle:active {
            border-color: var(--nom-slider-handle-color);
        }

    .nom-slider .nom-slider-content .nom-slider-rail {
        position: absolute;
        width: 100%;
        height: 4px;
        background-color: var(--nom-slider-rail-color);
        border-radius: 2px;
    }

    .nom-slider .nom-slider-content .nom-slider-track {
        position: absolute;
        height: 4px;
        background-color: var(--nom-slider-color);
        border-radius: 2px;
    }

    .nom-slider .nom-slider-content .nom-slider-handle {
        position: absolute;
        width: 1.5rem;
        height: 1.5rem;
        margin-top: -10px;
        background-color: var(--nom-slider-handle-color);
        border-radius: 50%;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.3);
        transform: translateX(-50%);
    }

        .nom-slider .nom-slider-content .nom-slider-handle:focus,
        .nom-slider .nom-slider-content .nom-slider-handle:hover,
        .nom-slider .nom-slider-content .nom-slider-handle:active {
            border: 2px solid var(--nom-color-primary);
        }

.nom-anchor:not(.nom-anchor-border-left) > .nom-menu .nom-menu-item.s-selected > span {
    color: var(--nom-color-primary);
}

.nom-anchor.nom-anchor-border-left > .nom-menu .nom-menu-item {
    border-left: 1px solid var(--nom-border-color);
}

    .nom-anchor.nom-anchor-border-left > .nom-menu .nom-menu-item.s-selected {
        border-left: 1px solid var(--nom-color-primary);
    }

.nom-anchor.nom-anchor-border-right > .nom-menu .nom-menu-item {
    border-right: 1px solid var(--nom-border-color);
}

    .nom-anchor.nom-anchor-border-right > .nom-menu .nom-menu-item.s-selected {
        border-right: 1px solid var(--nom-color-primary);
    }

.nom-anchor.nom-anchor-border-bottom > .nom-menu .nom-menu-item {
    border-bottom: 1px solid var(--nom-border-color);
}

    .nom-anchor.nom-anchor-border-bottom > .nom-menu .nom-menu-item.s-selected {
        border-bottom: 1px solid var(--nom-color-primary);
    }

.nom-anchor-content {
    text-decoration: inherit;
}

.nom-carousel .nom-carousel-container {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    touch-action: pan-y pinch-zoom;
}

.nom-carousel .nom-carousel-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
}

    .nom-carousel .nom-carousel-wrapper .nom-carousel-slide {
        position: relative;
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        width: 100%;
        background-color: rgba(var(--nom-grey-9), 0.5);
    }

        .nom-carousel .nom-carousel-wrapper .nom-carousel-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.nom-carousel .nom-carousel-pagination {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 10;
    display: none;
    width: 100%;
    line-height: 8px;
    text-align: center;
    transition: opacity 0.3s;
}

    .nom-carousel .nom-carousel-pagination .nom-carousel-pagination-bullet {
        display: inline-block;
        width: var(--nom-carousel-bullet-width);
        height: var(--nom-carousel-bullet-height);
        margin: 0 4px;
        text-indent: -99999px;
        background-color: var(--nom-carousel-bullet-color);
        border-radius: var(--nom-carousel-bullet-radius);
        cursor: pointer;
    }

    .nom-carousel .nom-carousel-pagination .nom-carousel-pagination-bullet-active {
        background-color: var(--nom-carousel-bullet-theme);
    }

.nom-carousel .nom-carousel-pagination-show {
    display: block;
}

.nom-carousel .nom-carousel-buttons {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: none;
    justify-content: space-between;
    width: 100%;
    color: var(--nom-carousel-bullet-theme);
    text-align: center;
    transform: translateY(-50%);
}

    .nom-carousel .nom-carousel-buttons .nom-carousel-button-prev,
    .nom-carousel .nom-carousel-buttons .nom-carousel-button-next {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 4rem;
        height: 4rem;
        background-color: var(--nom-carousel-button-color);
        cursor: pointer;
    }

    .nom-carousel .nom-carousel-buttons .nom-carousel-button-prev {
        left: 0;
    }

    .nom-carousel .nom-carousel-buttons .nom-carousel-button-next {
        right: 0;
    }

        .nom-carousel .nom-carousel-buttons .nom-carousel-button-prev:hover,
        .nom-carousel .nom-carousel-buttons .nom-carousel-button-next:hover {
            background-color: var(--nom-carousel-button-hover-color);
        }

.nom-carousel .nom-carousel-buttons-show {
    display: flex;
}

.nom-back-top-container {
    position: absolute;
    z-index: 9999;
    display: inline-block;
    background-color: var(--nom-backtop-bg-default);
    border-radius: var(--nom-backtop-border-radius);
    box-shadow: var(--nom-backtop-box-shadow);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .nom-back-top-container .nom-back-top-icons {
        padding: 8px;
        color: var(--nom-backtop-color);
        font-size: 20px;
        line-height: 1;
    }

    .nom-back-top-container .nom-back-top-text {
        padding: 10px;
        color: var(--nom-backtop-color);
        font-size: 14px;
        text-align: center;
    }

    .nom-back-top-container:hover {
        background-color: var(--nom-backtop-bg-hover);
    }

        .nom-back-top-container:hover .nom-back-top-icons,
        .nom-back-top-container:hover .nom-back-top-text {
            color: var(--nom-backtop-color-hover);
        }

.nom-auto-complete-popup {
    max-height: 300px;
    overflow: auto;
}

.nom-auto-complete-list .nom-list-item-wrapper:hover {
    cursor: pointer;
}

    .nom-auto-complete-list .nom-list-item-wrapper:hover:hover {
        background-color: var(--nom-color-hover);
    }

.nom-auto-complete-list .nom-list-item-wrapper > .nom-list-item {
    padding: 5px 16px;
}

.nom-auto-complete-list .nom-list-item-wrapper > .s-selected {
    color: var(--nom-color-white);
    background-color: var(--nom-color-primary);
}

    .nom-auto-complete-list .nom-list-item-wrapper > .s-selected:hover {
        background-color: var(--nom-color-primary-hover);
    }

    .nom-auto-complete-list .nom-list-item-wrapper > .s-selected.active {
        background-color: var(--nom-color-primary-active);
    }

    .nom-auto-complete-list .nom-list-item-wrapper > .s-selected.disabled,
    .nom-auto-complete-list .nom-list-item-wrapper > .s-selected[disabled] {
        background-color: var(--nom-color-primary-disabled);
    }

.nom-auto-complete .nom-auto-complete-clear {
    cursor: pointer;
}

.nom-auto-complete-animate-top-show {
    -webkit-animation: nom-auto-complete-keyframe-top-show 0.16s linear forwards;
    animation: nom-auto-complete-keyframe-top-show 0.16s linear forwards;
}

.nom-auto-complete-animate-bottom-show {
    -webkit-animation: nom-auto-complete-keyframe-bottom-show 0.16s linear forwards;
    animation: nom-auto-complete-keyframe-bottom-show 0.16s linear forwards;
}

.nom-auto-complete-animate-top-hide {
    -webkit-animation: nom-auto-complete-keyframe-top-hide 0.16s linear forwards;
    animation: nom-auto-complete-keyframe-top-hide 0.16s linear forwards;
}

.nom-auto-complete-animate-bottom-hide {
    -webkit-animation: nom-auto-complete-keyframe-bottom-hide 0.16s linear forwards;
    animation: nom-auto-complete-keyframe-bottom-hide 0.16s linear forwards;
}

@-webkit-keyframes nom-auto-complete-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-auto-complete-keyframe-top-show {
    0% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-auto-complete-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes nom-auto-complete-keyframe-bottom-show {
    0% {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }

    to {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes nom-auto-complete-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }
}

@keyframes nom-auto-complete-keyframe-top-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0;
    }
}

@-webkit-keyframes nom-auto-complete-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }
}

@keyframes nom-auto-complete-keyframe-bottom-hide {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    to {
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
        opacity: 0;
    }
}

.nom-breadcrumb {
    padding: var(--nom-breadcrumb-padding);
    color: var(--nom-breadcrumb-font-color);
}

    .nom-breadcrumb > .nom-breadcrumb-item.p-with-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .nom-breadcrumb > .nom-breadcrumb-item > .nom-breadcrumb-link + .nom-icon {
        padding-left: 0.25rem;
    }

    .nom-breadcrumb > .nom-breadcrumb-item > .nom-icon + .nom-breadcrumb-link {
        padding-left: 0.25rem;
    }

    .nom-breadcrumb > .nom-breadcrumb-item > .nom-breadcrumb-separator {
        padding: 0 0.5rem;
    }

    .nom-breadcrumb > .nom-breadcrumb-item > .nom-breadcrumb-link a {
        text-decoration: none;
        outline: none;
    }

        .nom-breadcrumb > .nom-breadcrumb-item > .nom-breadcrumb-link a:hover {
            color: var(--nom-breadcrumb-link-hover-color);
        }

    .nom-breadcrumb > .nom-breadcrumb-item:last-child {
        color: var(--nom-breadcrumb-link-color);
    }

        .nom-breadcrumb > .nom-breadcrumb-item:last-child > .nom-breadcrumb-link > a {
            color: var(--nom-breadcrumb-link-color);
        }

            .nom-breadcrumb > .nom-breadcrumb-item:last-child > .nom-breadcrumb-link > a:hover {
                color: var(--nom-breadcrumb-link-hover-color);
            }

        .nom-breadcrumb > .nom-breadcrumb-item:last-child > .nom-breadcrumb-separator {
            display: none;
        }

.nom-rate .nom-rate-content {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 0;
    color: var(--nom-rate-color);
    font-size: calc(1rem + 6px);
    line-height: unset;
    list-style: none;
    outline: none;
}

.nom-rate .nom-rate-star {
    position: relative;
    display: inline-block;
    color: inherit;
    cursor: pointer;
    transition: all 0.5s;
}

    .nom-rate .nom-rate-star:not(:last-child) {
        margin-right: 8px;
    }

    .nom-rate .nom-rate-star .nom-rate-star-first,
    .nom-rate .nom-rate-star .nom-rate-star-second {
        display: flex;
        align-items: center;
        color: var(--nom-rate-color-muted);
        transition: all 0.3s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.nom-rate.s-disabled .nom-rate-star {
    cursor: not-allowed;
}

.nom-rate .nom-rate-star-full .nom-rate-star-second {
    color: inherit;
}

.nom-rate .nom-rate-star-half .nom-rate-star-first,
.nom-rate .nom-rate-star-half .nom-rate-star-second {
    opacity: 1;
}

.nom-rate .nom-rate-star-half .nom-rate-star-first {
    color: inherit;
}

.nom-rate .nom-rate-star-first {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    overflow: hidden;
    opacity: 0;
}

.nom-skeleton.nom-skeleton-single:not(.p-type-paragraph) {
    display: inline-block;
}

.nom-skeleton-avatar {
    background: var(--nom-skeleton-default-bg);
    animation: skeleton 2s infinite;
}

.nom-skeleton-title {
    max-width: 45%;
    height: 1.75rem;
    margin-bottom: 1rem;
    background: var(--nom-skeleton-default-bg);
    border-radius: 2px;
    animation: skeleton 2s infinite;
}

.nom-skeleton-paragraph {
    display: block !important;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0.75;
}

    .nom-skeleton-paragraph > li {
        width: 100%;
        height: 1rem;
        margin-bottom: 0.5rem;
        background: var(--nom-skeleton-default-bg);
        border-radius: 2px;
        animation: skeleton 2s infinite;
    }

        .nom-skeleton-paragraph > li:last-child {
            width: 75%;
            margin-bottom: 1.5rem;
        }

.nom-skeleton-image {
    display: flex;
    justify-content: center;
    padding: 1.5rem;
    color: #ccc;
    background: var(--nom-skeleton-default-bg);
    border-radius: 2px;
    animation: skeleton 2s infinite;
}

@keyframes skeleton {
    0% {
        background: var(--nom-skeleton-default-bg);
    }

    50% {
        background: var(--nom-skeleton-bg-active);
    }

    100% {
        background: var(--nom-skeleton-default-bg);
    }
}

.nom-image {
    display: inline-block;
}

    .nom-image .nom-image-pending {
        position: relative;
        color: rgba(255, 255, 255, 0.85);
        background: #eee;
    }

        .nom-image .nom-image-pending::after {
            position: absolute;
            top: 75%;
            left: 50%;
            display: block;
            color: #868e96;
            font-size: 14px;
            letter-spacing: 2px;
            transform: translateX(-42%);
            content: '图片加载中...';
        }

    .nom-image .nom-image-fail::after {
        content: '';
    }

    .nom-image img {
        vertical-align: top;
    }

.nom-upload .nom-upload-trigger {
    cursor: pointer;
}

    .nom-upload .nom-upload-trigger.s-disabled {
        cursor: not-allowed;
    }

.nom-transfer .nom-transfer-container .nom-transfer-box {
    border-radius: var(--nom-transfer-border-radius);
    border: var(--nom-transfer-border);
    min-width: 170px;
}

    .nom-transfer .nom-transfer-container .nom-transfer-box .nom-tree-node-expandable-indicator {
        width: 24px;
    }

    .nom-transfer .nom-transfer-container .nom-transfer-box > .nom-layout-header {
        height: 40px;
        padding: 0 10px;
    }

        .nom-transfer .nom-transfer-container .nom-transfer-box > .nom-layout-header .nom-checkbox > .nom-field-content {
            line-height: 100%;
        }

    .nom-transfer .nom-transfer-container .nom-transfer-box > .nom-layout-body .nom-layout-header {
        height: 42px;
        border-bottom: none;
    }

    .nom-transfer .nom-transfer-container .nom-transfer-box > .nom-layout-footer {
        height: 40px;
        min-height: 40px;
        padding: 0 10px;
    }

.nom-group-tree {
    width: 100%;
}

    .nom-group-tree .nom-group-tree-add {
        padding: 0.5rem;
    }

    .nom-group-tree > .nom-field-content {
        overflow-x: auto;
    }

    .nom-group-tree .nom-group-tree-hd {
        color: var(--nom-grid-th-color);
        font-weight: bold;
    }

        .nom-group-tree .nom-group-tree-hd > .nom-list-content {
            flex-wrap: nowrap;
            justify-content: start;
        }

            .nom-group-tree .nom-group-tree-hd > .nom-list-content .nom-list-item {
                padding-top: 0.5rem;
                padding-bottom: 0.5rem;
            }

    .nom-group-tree .nom-tree-node-content {
        width: max-content;
        cursor: default;
        border-top: 1px solid var(--nom-border-color);
    }

        .nom-group-tree .nom-tree-node-content .nom-group-tree-row-options {
            visibility: hidden;
        }

        .nom-group-tree .nom-tree-node-content:hover > .nom-tree-node-content-tools .nom-group-tree-row-options {
            visibility: visible;
        }

    .nom-group-tree .nom-tree-node-content-text {
        width: 200px;
        flex-shrink: 0;
    }

    .nom-group-tree .nom-group-tree-group > .nom-field-content > .nom-control {
        flex-wrap: nowrap;
        align-items: center;
    }

.nom-tour-title {
    font-weight: 700;
    font-size: 1.25rem;
}

.nom-tour-description {
    margin: 1rem 0;
}

.nom-tour-container {
    min-width: 300px;
    padding: 1rem;
    background-color: var(--nom-layer-background-color);
    background-clip: padding-box;
    border: var(--nom-layer-border);
    border-radius: var(--nom-layer-border-radius);
}

    .nom-tour-container .nom-tour-close {
        cursor: pointer;
        position: absolute;
        top: 1rem;
        right: 1rem;
        color: var(--nom-tour-close-color);
    }

        .nom-tour-container .nom-tour-close:hover {
            color: var(--nom-tour-close-hover-color);
        }

    .nom-tour-container .nom-tour-arrow {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        color: var(--nom-layer-background-color);
        transform: translate(-50%, 10px);
    }

    .nom-tour-container[placement='top'] {
        margin-top: -10px;
    }

    .nom-tour-container[placement='bottom'] {
        margin-top: 10px;
    }

        .nom-tour-container[placement='bottom'] .nom-tour-arrow {
            position: absolute;
            top: 0;
            right: auto;
            bottom: auto;
            left: 50%;
            color: var(--nom-layer-background-color);
            transform: translate(-50%, -10px) rotate(180deg);
        }

    .nom-tour-container[placement='left'] {
        margin-left: -10px;
    }

        .nom-tour-container[placement='left'] .nom-tour-arrow {
            position: absolute;
            top: 50%;
            right: 0;
            bottom: auto;
            left: auto;
            color: var(--nom-layer-background-color);
            transform: translate(12px, -50%) rotate(-90deg);
        }

    .nom-tour-container[placement='right'] {
        margin-left: 10px;
    }

        .nom-tour-container[placement='right'] .nom-tour-arrow {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 0;
            color: var(--nom-layer-background-color);
            transform: translate(-12px, -50%) rotate(90deg);
        }

.nom-tour-backdrop {
    box-shadow: 0 0 0 100vw var(--nom-layer-backdrop-color);
    border-radius: var(--nom-tour-rect-radius);
    position: fixed;
}

.nom-tour-arrow {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    color: var(--nom-layer-background-color);
    transform: translate(-50%, 10px);
}

.nom-tour-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.nom-tour-navi .nom-tour-navi-text {
    font-size: 90%;
    color: var(--nom-tour-navi-text-color);
}

.nom-tour-navi .nom-button {
    margin-left: 0.5rem;
}

@media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18), (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18), (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
    :root {
        font-size: 14px;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28), (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28), (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
    :root {
        font-size: 13px;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4), (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4), (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
    :root {
        font-size: 12px;
    }
}

@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 2.1), (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 2.1), (min-resolution: 1.41dppx) and (max-resolution: 2.1dppx) {
    :root {
        font-size: 10px;
    }
}