/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
 html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }

  /**
   * Remove default margin.
   */
  body {
    margin: 0;
  }

  /* HTML5 display definitions
     ========================================================================== */
  /**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  main,
  menu,
  nav,
  section,
  summary {
    display: block;
  }

  /**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
  audio,
  canvas,
  progress,
  video {
    display: inline-block;
    vertical-align: baseline;
  }

  /**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
  audio:not([controls]) {
    display: none;
    height: 0;
  }

  /**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
  [hidden],
  template {
    display: none;
  }

  /* Links
     ========================================================================== */
  /**
   * Remove the gray background color from active links in IE 10.
   */
  a {
    background-color: transparent;
  }

  /**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
  a:active,
  a:hover {
    outline: 0;
  }

  /* Text-level semantics
     ========================================================================== */
  /**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
  abbr[title] {
    border-bottom: 1px dotted;
  }

  /**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
  b,
  strong {
    font-weight: bold;
  }

  /**
   * Address styling not present in Safari and Chrome.
   */
  dfn {
    font-style: italic;
  }

  /**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }

  /**
   * Address styling not present in IE 8/9.
   */
  mark {
    background: #ff0;
    color: #000;
  }

  /**
   * Address inconsistent and variable font size in all browsers.
   */
  small {
    font-size: 80%;
  }

  /**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.25em;
  }

  /* Embedded content
     ========================================================================== */
  /**
   * Remove border when inside `a` element in IE 8/9/10.
   */
  img {
    border: 0;
  }

  /**
   * Correct overflow not hidden in IE 9/10/11.
   */
  svg:not(:root) {
    overflow: hidden;
  }

  /* Grouping content
     ========================================================================== */
  /**
   * Address margin not present in IE 8/9 and Safari.
   */
  figure {
    margin: 1em 40px;
  }

  /**
   * Address differences between Firefox and other browsers.
   */
  hr {
    box-sizing: content-box;
    height: 0;
  }

  /**
   * Contain overflow in all browsers.
   */
  pre {
    overflow: auto;
  }

  /**
   * Address odd `em`-unit font size rendering in all browsers.
   */
  code,
  kbd,
  pre,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }

  /* Forms
     ========================================================================== */
  /**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
  /**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    color: inherit;
    font: inherit;
    margin: 0;
  }

  /**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
  button {
    overflow: visible;
  }

  /**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
  button,
  select {
    text-transform: none;
  }

  /**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
   *    specificity and defer to the .w-button selector
   */
  button,
  html input[type=button],
  input[type=reset] {
    -webkit-appearance: button;
    cursor: pointer;
  }

  /**
   * Re-set default cursor for disabled elements.
   */
  button[disabled],
  html input[disabled] {
    cursor: default;
  }

  /**
   * Remove inner padding and border in Firefox 4+.
   */
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  /**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
  input {
    line-height: normal;
  }

  /**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
  input[type=checkbox],
  input[type=radio] {
    box-sizing: border-box;
    padding: 0;
  }

  /**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    height: auto;
  }

  /**
   * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input
   * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
   *    (similar to normalize.css >=4.0.0)
   */
  input[type=search] {
    -webkit-appearance: none;
  }

  /**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /**
   * Define consistent border, margin, and padding.
   */
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  }

  /**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
  legend {
    border: 0;
    padding: 0;
  }

  /**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
  textarea {
    overflow: auto;
  }

  /**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
  optgroup {
    font-weight: bold;
  }

  /* Tables
     ========================================================================== */
  /**
   * Remove most spacing between table cells.
   */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

  td,
  th {
    padding: 0;
  }

  html, body {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
  }

  html {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .w-xxs {
    max-width: var(--width_xxs) !important;
    box-sizing: border-box;
  }

  .w-xsm {
    max-width: var(--width_xsm) !important;
    box-sizing: border-box;
  }

  .w-sml {
    max-width: var(--width_sml) !important;
    box-sizing: border-box;
  }

  .w-med {
    max-width: var(--width_med) !important;
    box-sizing: border-box;
  }

  .w-lrg {
    max-width: var(--width_lrg) !important;
    box-sizing: border-box;
  }

  .w-xlg {
    max-width: var(--width_xlg) !important;
    box-sizing: border-box;
  }

  .w-xxl {
    max-width: var(--width_xxl) !important;
    box-sizing: border-box;
  }

  .icon-xxs {
    max-width: var(--icon_xxs) !important;
    box-sizing: border-box;
  }

  .icon-xsm {
    max-width: var(--icon_xsm) !important;
    box-sizing: border-box;
  }

  .icon-sml {
    max-width: var(--icon_sml) !important;
    box-sizing: border-box;
  }

  .icon-med {
    max-width: var(--icon_med) !important;
    box-sizing: border-box;
  }

  .icon-lrg {
    max-width: var(--icon_lrg) !important;
    box-sizing: border-box;
  }

  .icon-xlg {
    max-width: var(--icon_xlg) !important;
    box-sizing: border-box;
  }

  .icon-xxl {
    max-width: var(--icon_xxl) !important;
    box-sizing: border-box;
  }

  .h-xxs {
    min-height: var(--height_xxs) !important;
  }

  .h-xsm {
    min-height: var(--height_xsm) !important;
  }

  .h-sml {
    min-height: var(--height_sml) !important;
  }

  .h-med {
    min-height: var(--height_med) !important;
  }

  .h-lrg {
    min-height: var(--height_lrg) !important;
  }

  .h-xlg {
    min-height: var(--height_xlg) !important;
  }

  .h-xxl {
    min-height: var(--height_xxl) !important;
  }

  .btw > :not(:first-child) {
    margin-top: var(--spacing_med);
  }

  .btw-xxs > :not(:first-child) {
    margin-top: var(--spacing_xxs);
  }

  .btw-xsm > :not(:first-child) {
    margin-top: var(--spacing_xsm);
  }

  .btw-sml > :not(:first-child) {
    margin-top: var(--spacing_sml);
  }

  .btw-med > :not(:first-child) {
    margin-top: var(--spacing_med);
  }

  .btw-lrg > :not(:first-child) {
    margin-top: var(--spacing_lrg);
  }

  .btw-xlg > :not(:first-child) {
    margin-top: var(--spacing_xlg);
  }

  .btw-xxl > :not(:first-child) {
    margin-top: var(--spacing_xxl);
  }

  .mg, .mt {
    margin-top: var(--spacing_med) !important;
  }

  .mg, .mb {
    margin-bottom: var(--spacing_med) !important;
  }

  .mt-0 {
    margin-top: 0px !important;
  }

  .mb-0 {
    margin-bottom: 0px !important;
  }
  
  .mt-auto {
    margin-top: auto !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .mr-auto {
    margin-right: auto !important;
  }

  .mg-xxs,
  .mt-xxs {
    margin-top: var(--spacing_xxs) !important;
  }

  .mg-xxs,
  .mb-xxs {
    margin-bottom: var(--spacing_xxs) !important;
  }

  .mg-xsm,
  .mt-xsm {
    margin-top: var(--spacing_xsm) !important;
  }

  .mg-xsm,
  .mb-xsm {
    margin-bottom: var(--spacing_xsm) !important;
  }

  .mg-sml,
  .mt-sml {
    margin-top: var(--spacing_sml) !important;
  }

  .mg-sml,
  .mb-sml {
    margin-bottom: var(--spacing_sml) !important;
  }

  .mg-med,
  .mt-med {
    margin-top: var(--spacing_med) !important;
  }

  .mg-med,
  .mb-med {
    margin-bottom: var(--spacing_med) !important;
  }

  .mg-lrg,
  .mt-lrg {
    margin-top: var(--spacing_lrg) !important;
  }

  .mg-lrg,
  .mb-lrg {
    margin-bottom: var(--spacing_lrg) !important;
  }

  .mg-xlg,
  .mt-xlg {
    margin-top: var(--spacing_xlg) !important;
  }

  .mg-xlg,
  .mb-xlg {
    margin-bottom: var(--spacing_xlg) !important;
  }

  .mg-xxl,
  .mt-xxl {
    margin-top: var(--spacing_xxl) !important;
  }

  .mg-xxl,
  .mb-xxl {
    margin-bottom: var(--spacing_xxl) !important;
  }

  .mg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .mg-auto-l {
    margin-left: auto !important;
  }

  .mg-auto-r {
    margin-right: auto !important;
  }

  .pd, .pt {
    padding-top: var(--spacing_med) !important;
  }

  .pd, .pb {
    padding-bottom: var(--spacing_med) !important;
  }

  .pd, .pl {
    padding-left: var(--spacing_med) !important;
    box-sizing: border-box;
  }

  .pd, .pr {
    padding-right: var(--spacing_med) !important;
    box-sizing: border-box;
  }

  .pt-0 {
    padding-top: 0px !important;
  }

  .pb-0 {
    padding-bottom: 0px !important;
  }
  @media screen and (min-width: 960px) {
    .lg\:pd-lrg {
      padding: var(--spacing_lrg) !important;
    }
  }
  @media screen and (max-width: 959px) {
    .md\:pd-xlg {
      padding: var(--spacing_xlg) !important;
    }
  }

  .pd-xxs,
  .pt-xxs {
    padding-top: var(--spacing_xxs) !important;
  }

  .pd-xxs,
  .pb-xxs {
    padding-bottom: var(--spacing_xxs) !important;
  }

  .pd-xxs,
  .pl-xxs {
    padding-left: var(--spacing_xxs) !important;
    box-sizing: border-box;
  }

  .pd-xxs,
  .pr-xxs {
    padding-right: var(--spacing_xxs) !important;
    box-sizing: border-box;
  }

  .pd-xsm,
  .pt-xsm {
    padding-top: var(--spacing_xsm) !important;
  }

  .pd-xsm,
  .pb-xsm {
    padding-bottom: var(--spacing_xsm) !important;
  }

  .pd-xsm,
  .pl-xsm {
    padding-left: var(--spacing_xsm) !important;
    box-sizing: border-box;
  }

  .pd-xsm,
  .pr-xsm {
    padding-right: var(--spacing_xsm) !important;
    box-sizing: border-box;
  }

  .pd-sml,
  .pt-sml {
    padding-top: var(--spacing_sml) !important;
  }

  .pd-sml,
  .pb-sml {
    padding-bottom: var(--spacing_sml) !important;
  }

  .pd-sml,
  .pl-sml {
    padding-left: var(--spacing_sml) !important;
    box-sizing: border-box;
  }

  .pd-sml,
  .pr-sml {
    padding-right: var(--spacing_sml) !important;
    box-sizing: border-box;
  }

  .pd-med,
  .pt-med {
    padding-top: var(--spacing_med) !important;
  }

  .pd-med,
  .pb-med {
    padding-bottom: var(--spacing_med) !important;
  }

  .pd-med,
  .pl-med {
    padding-left: var(--spacing_med) !important;
    box-sizing: border-box;
  }

  .pd-med,
  .pr-med {
    padding-right: var(--spacing_med) !important;
    box-sizing: border-box;
  }

  .pd-xmd,
  .pt-xmd {
    padding-top: var(--spacing_xmd) !important;
  }

  .pd-xmd,
  .pb-xmd {
    padding-bottom: var(--spacing_xmd) !important;
  }

  .pd-xmd,
  .pl-xmd {
    padding-left: var(--spacing_xmd) !important;
    box-sizing: border-box;
  }

  .pd-xmd,
  .pr-xmd {
    padding-right: var(--spacing_xmd) !important;
    box-sizing: border-box;
  }

  .pd-lrg,
  .pt-lrg {
    padding-top: var(--spacing_lrg) !important;
  }

  .pd-lrg,
  .pb-lrg {
    padding-bottom: var(--spacing_lrg) !important;
  }

  .pd-lrg,
  .pl-lrg {
    padding-left: var(--spacing_lrg) !important;
    box-sizing: border-box;
  }

  .pd-lrg,
  .pr-lrg {
    padding-right: var(--spacing_lrg) !important;
    box-sizing: border-box;
  }

  .pd-xlg,
  .pt-xlg {
    padding-top: var(--spacing_xlg) !important;
  }

  .pd-xlg,
  .pb-xlg {
    padding-bottom: var(--spacing_xlg) !important;
  }

  .pd-xlg,
  .pl-xlg {
    padding-left: var(--spacing_xlg) !important;
    box-sizing: border-box;
  }

  .pd-xlg,
  .pr-xlg {
    padding-right: var(--spacing_xlg) !important;
    box-sizing: border-box;
  }

  .pd-xxl,
  .pt-xxl {
    padding-top: var(--spacing_xxl) !important;
  }

  .pd-xxl,
  .pb-xxl {
    padding-bottom: var(--spacing_xxl) !important;
  }

  .pd-xxl,
  .pl-xxl {
    padding-left: var(--spacing_xxl) !important;
    box-sizing: border-box;
  }

  .pd-xxl,
  .pr-xxl {
    padding-right: var(--spacing_xxl) !important;
    box-sizing: border-box;
  }

  .h0,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .h7,
  .h8,
  .h9,
  .p {
    display: block;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
  }

  .h0 {
    font-size: var(--font_xxg) !important;
    line-height: var(--lh_xxg) !important;
  }

  .h1 {
    font-size: var(--font_xgg) !important;
    line-height: var(--lh_xgg) !important;
  }

  .h2 {
    font-size: var(--font_ggt) !important;
    line-height: var(--lh_ggt) !important;
  }

  .h3 {
    font-size: var(--font_xxl) !important;
    line-height: var(--lh_xxl) !important;
  }

  .h4 {
    font-size: var(--font_xlg) !important;
    line-height: var(--lh_xlg) !important;
  }

  .h5 {
    font-size: var(--font_lrg) !important;
    line-height: var(--lh_lrg) !important;
  }

  .h6 {
    font-size: var(--font_med) !important;
    line-height: var(--lh_med) !important;
  }

  .h7 {
    font-size: var(--font_sml) !important;
    line-height: var(--lh_sml) !important;
  }

  .h8 {
    font-size: var(--font_xsm) !important;
    line-height: var(--lh_xsm) !important;
  }

  .h9 {
    font-size: var(--font_xxs) !important;
    line-height: var(--lh_xxs) !important;
  }

  .p {
    font-size: var(--font_med) !important;
    line-height: var(--lh_med) !important;
  }

  .fw-thin {
    font-weight: 100 !important;
  }

  .fw-xlight {
    font-weight: 200 !important;
  }

  .fw-light {
    font-weight: 300 !important;
  }

  .fw-normal {
    font-weight: 400 !important;
  }

  .fw-medium {
    font-weight: 500 !important;
  }

  .fw-sbold {
    font-weight: 600 !important;
  }

  .fw-bold {
    font-weight: 700 !important;
  }

  .fw-xbold {
    font-weight: 800 !important;
  }

  .fs-normal {
    font-style: normal !important;
  }

  .fs-italic {
    font-style: italic !important;
  }

  .td-normal {
    text-decoration: none !important;
  }

  .td-under {
    text-decoration: underline !important;
  }

  .td-strike {
    text-decoration: line-through !important;
  }

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

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

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

  .al-justify {
    text-align: justify !important;
  }

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

  .ln-2,
  .ln-3,
  .ln-4,
  .ln-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .ln-2 {
    -webkit-line-clamp: 2;
  }

  .ln-3 {
    -webkit-line-clamp: 3;
  }

  .ln-4 {
    -webkit-line-clamp: 4;
  }

  .ln-5 {
    -webkit-line-clamp: 5;
  }

  .rc-cir {
    border-radius: 50%;
  }

  .rc-xxs,
  .rtl-xxs {
    border-top-left-radius: var(--icon_xxs);
  }

  .rc-xxs,
  .rtr-xxs {
    border-top-right-radius: var(--icon_xxs);
  }

  .rc-xxs,
  .rbl-xxs {
    border-bottom-left-radius: var(--icon_xxs);
  }

  .rc-xxs,
  .rbr-xxs {
    border-bottom-right-radius: var(--icon_xxs);
  }

  .rc-xsm,
  .rtl-xsm {
    border-top-left-radius: var(--icon_xsm);
  }

  .rc-xsm,
  .rtr-xsm {
    border-top-right-radius: var(--icon_xsm);
  }

  .rc-xsm,
  .rbl-xsm {
    border-bottom-left-radius: var(--icon_xsm);
  }

  .rc-xsm,
  .rbr-xsm {
    border-bottom-right-radius: var(--icon_xsm);
  }

  .rc-sml,
  .rtl-sml {
    border-top-left-radius: var(--icon_sml);
  }

  .rc-sml,
  .rtr-sml {
    border-top-right-radius: var(--icon_sml);
  }

  .rc-sml,
  .rbl-sml {
    border-bottom-left-radius: var(--icon_sml);
  }

  .rc-sml,
  .rbr-sml {
    border-bottom-right-radius: var(--icon_sml);
  }

  .rc-med,
  .rtl-med {
    border-top-left-radius: var(--icon_med);
  }

  .rc-med,
  .rtr-med {
    border-top-right-radius: var(--icon_med);
  }

  .rc-med,
  .rbl-med {
    border-bottom-left-radius: var(--icon_med);
  }

  .rc-med,
  .rbr-med {
    border-bottom-right-radius: var(--icon_med);
  }

  .rc-lrg,
  .rtl-lrg {
    border-top-left-radius: var(--icon_lrg);
  }

  .rc-lrg,
  .rtr-lrg {
    border-top-right-radius: var(--icon_lrg);
  }

  .rc-lrg,
  .rbl-lrg {
    border-bottom-left-radius: var(--icon_lrg);
  }

  .rc-lrg,
  .rbr-lrg {
    border-bottom-right-radius: var(--icon_lrg);
  }

  .rc-xlg,
  .rtl-xlg {
    border-top-left-radius: var(--icon_xlg);
  }

  .rc-xlg,
  .rtr-xlg {
    border-top-right-radius: var(--icon_xlg);
  }

  .rc-xlg,
  .rbl-xlg {
    border-bottom-left-radius: var(--icon_xlg);
  }

  .rc-xlg,
  .rbr-xlg {
    border-bottom-right-radius: var(--icon_xlg);
  }

  .rc-xxl,
  .rtl-xxl {
    border-top-left-radius: var(--icon_xxl);
  }

  .rc-xxl,
  .rtr-xxl {
    border-top-right-radius: var(--icon_xxl);
  }

  .rc-xxl,
  .rbl-xxl {
    border-bottom-left-radius: var(--icon_xxl);
  }

  .rc-xxl,
  .rbr-xxl {
    border-bottom-right-radius: var(--icon_xxl);
  }

  .shw-xsm {
    box-shadow: 0px calc(var(--spacing_xsm) / 2) var(--spacing_xsm) calc(var(--spacing_xsm) / 2) var(--black_10);
  }

  .shw-sml {
    box-shadow: 0px calc(var(--spacing_sml) / 2) var(--spacing_sml) calc(var(--spacing_sml) / 2) var(--black_10);
  }

  .shw-med {
    box-shadow: 0px calc(var(--spacing_med) / 2) var(--spacing_med) calc(var(--spacing_med) / 2) var(--black_10);
  }

  .shw-lrg {
    box-shadow: 0px calc(var(--spacing_lrg) / 2) var(--spacing_lrg) calc(var(--spacing_lrg) / 2) var(--black_10);
  }

  .shw-xlg {
    box-shadow: 0px calc(var(--spacing_xlg) / 2) var(--spacing_xlg) calc(var(--spacing_xlg) / 2) var(--black_10);
  }

  .fx {
    display: flex;
  }

  .fx-v-start {
    align-items: flex-start;
  }

  .fx-v-center {
    align-items: center;
  }

  .fx-v-end {
    align-items: flex-end;
  }

  .fx-h-start {
    justify-content: flex-start;
  }

  .fx-h-center {
    justify-content: center;
  }

  .fx-h-end {
    justify-content: flex-end;
  }

  .fx-h-between {
    justify-content: space-between;
  }

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

  .fx-gap-xxs {
    gap: var(--spacing_xxs);
  }

  .fx-gap-xsm {
    gap: var(--spacing_xsm);
  }

  .fx-gap-sml {
    gap: var(--spacing_sml);
  }

  .fx-gap-med {
    gap: var(--spacing_med);
  }

  .fx-gap-lrg {
    gap: var(--spacing_lrg);
  }

  .fx-gap-xlg {
    gap: var(--spacing_xlg);
  }

  .fx-gap-xxl {
    gap: var(--spacing_xxl);
  }

  .fx-gap-y-med {
    row-gap: var(--spacing_med);
  }

  .fx-1 {
    flex: 1;
  }

  .fx-2 {
    flex: 2;
  }

  .fx-3 {
    flex: 3;
  }

  .fx-4 {
    flex: 4;
  }

  .fx-5 {
    flex: 5;
  }

  .fx-auto {
    flex: auto;
  }

  .unselectable {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .sql-entity {
    color: #399;
  }

  .sql-string {
    color: #933;
  }

  .sql-function {
    color: #336;
  }

  .sql-keyword {
    color: #339;
  }

  .js-auto-ui {
    display: none;
  }

  .js-scrollarea {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .c0,
  .c0-cr {
    color: var(--c0_cr) !important;
  }

  .c0 .highlight,
  .c0-cr .highlight,
  .c0-hl {
    color: var(--c0_hl) !important;
  }

  .c0,
  .c0-bg {
    background-color: var(--c0_bg) !important;
  }

  .c0,
  .c0 *,
  .c0-br,
  .c0-br * {
    border-color: var(--c0_br) !important;
  }

  .c0 a:not([class]),
  .c0 a.link,
  .c0-cr a:not([class]),
  .c0-cr a.link {
    color: var(--c0_lk);
    text-decoration: none;
  }

  .c1,
  .c1-cr {
    color: var(--c1_cr) !important;
  }

  .c1 .highlight,
  .c1-cr .highlight,
  .c1-hl {
    color: var(--c1_hl) !important;
  }

  .c1,
  .c1-bg {
    background-color: var(--c1_bg) !important;
  }

  .c1,
  .c1 *,
  .c1-br,
  .c1-br * {
    border-color: var(--c1_br) !important;
  }

  .c1 a:not([class]),
  .c1 a.link,
  .c1-cr a:not([class]),
  .c1-cr a.link {
    color: var(--c1_lk);
    text-decoration: none;
  }

  .c2,
  .c2-cr {
    color: var(--c2_cr) !important;
  }

  .c2 .highlight,
  .c2-cr .highlight,
  .c2-hl {
    color: var(--c2_hl) !important;
  }

  .c2,
  .c2-bg {
    background-color: var(--c2_bg) !important;
  }

  .c2,
  .c2 *,
  .c2-br,
  .c2-br * {
    border-color: var(--c2_br) !important;
  }

  .c2 a:not([class]),
  .c2 a.link,
  .c2-cr a:not([class]),
  .c2-cr a.link {
    color: var(--c2_lk);
    text-decoration: none;
  }

  .c3,
  .c3-cr {
    color: var(--c3_cr) !important;
  }

  .c3 .highlight,
  .c3-cr .highlight,
  .c3-hl {
    color: var(--c3_hl) !important;
  }

  .c3,
  .c3-bg {
    background-color: var(--c3_bg) !important;
  }

  .c3,
  .c3 *,
  .c3-br,
  .c3-br * {
    border-color: var(--c3_br) !important;
  }

  .c3 a:not([class]),
  .c3 a.link,
  .c3-cr a:not([class]),
  .c3-cr a.link {
    color: var(--c3_lk);
    text-decoration: none;
  }

  .c4,
  .c4-cr {
    color: var(--c4_cr) !important;
  }

  .c4 .highlight,
  .c4-cr .highlight,
  .c4-hl {
    color: var(--c4_hl) !important;
  }

  .c4,
  .c4-bg {
    background-color: var(--c4_bg) !important;
  }

  .c4,
  .c4 *,
  .c4-br,
  .c4-br * {
    border-color: var(--c4_br) !important;
  }

  .c4 a:not([class]),
  .c4 a.link,
  .c4-cr a:not([class]),
  .c4-cr a.link {
    color: var(--c4_lk);
    text-decoration: none;
  }

  .c5,
  .c5-cr {
    color: var(--c5_cr) !important;
  }

  .c5 .highlight,
  .c5-cr .highlight,
  .c5-hl {
    color: var(--c5_hl) !important;
  }

  .c5,
  .c5-bg {
    background-color: var(--c5_bg) !important;
  }

  .c5,
  .c5 *,
  .c5-br,
  .c5-br * {
    border-color: var(--c5_br) !important;
  }

  .c5 a:not([class]),
  .c5 a.link,
  .c5-cr a:not([class]),
  .c5-cr a.link {
    color: var(--c5_lk);
    text-decoration: none;
  }

  .c6,
  .c6-cr {
    color: var(--c6_cr) !important;
  }

  .c6 .highlight,
  .c6-cr .highlight,
  .c6-hl {
    color: var(--c6_hl) !important;
  }

  .c6,
  .c6-bg {
    background-color: var(--c6_bg) !important;
  }

  .c6,
  .c6 *,
  .c6-br,
  .c6-br * {
    border-color: var(--c6_br) !important;
  }

  .c6 a:not([class]),
  .c6 a.link,
  .c6-cr a:not([class]),
  .c6-cr a.link {
    color: var(--c6_lk);
    text-decoration: none;
  }

  .c7,
  .c7-cr {
    color: var(--c7_cr) !important;
  }

  .c7 .highlight,
  .c7-cr .highlight,
  .c7-hl {
    color: var(--c7_hl) !important;
  }

  .c7,
  .c7-bg {
    background-color: var(--c7_bg) !important;
  }

  .c7,
  .c7 *,
  .c7-br,
  .c7-br * {
    border-color: var(--c7_br) !important;
  }

  .c7 a:not([class]),
  .c7 a.link,
  .c7-cr a:not([class]),
  .c7-cr a.link {
    color: var(--c7_lk);
    text-decoration: none;
  }

  .c8,
  .c8-cr {
    color: var(--c8_cr) !important;
  }

  .c8 .highlight,
  .c8-cr .highlight,
  .c8-hl {
    color: var(--c8_hl) !important;
  }

  .c8,
  .c8-bg {
    background-color: var(--c8_bg) !important;
  }

  .c8,
  .c8 *,
  .c8-br,
  .c8-br * {
    border-color: var(--c8_br) !important;
  }

  .c8 a:not([class]),
  .c8 a.link,
  .c8-cr a:not([class]),
  .c8-cr a.link {
    color: var(--c8_lk);
    text-decoration: none;
  }

  .c9,
  .c9-cr {
    color: var(--c9_cr) !important;
  }

  .c9 .highlight,
  .c9-cr .highlight,
  .c9-hl {
    color: var(--c9_hl) !important;
  }

  .c9,
  .c9-bg {
    background-color: var(--c9_bg) !important;
  }

  .c9,
  .c9 *,
  .c9-br,
  .c9-br * {
    border-color: var(--c9_br) !important;
  }

  .c9 a:not([class]),
  .c9 a.link,
  .c9-cr a:not([class]),
  .c9-cr a.link {
    color: var(--c9_lk);
    text-decoration: none;
  }

  @media (hover: hover) {
    .hc0:hover,
    .hc0-cr:hover {
      color: var(--c0_cr) !important;
    }
    .hc0:hover .highlight,
    .hc0-cr:hover .highlight,
    .hc0-hl:hover {
      color: var(--c0_hl) !important;
    }
    .hc0:hover,
    .hc0-bg:hover {
      background-color: var(--c0_bg) !important;
    }
    .hc0:hover,
    .hc0:hover *,
    .hc0-br:hover,
    .hc0-br:hover * {
      border-color: var(--c0_br) !important;
    }
    .hc0:hover a:not([class]),
    .hc0:hover a.link,
    .hc0-cr:hover a:not([class]),
    .hc0-cr:hover a.link {
      color: var(--c0_lk);
      text-decoration: none;
    }
    .c0 a:not([class]),
    .c0 a.link,
    .c0-cr a:not([class]),
    .c0-cr a.link,
    .hc0:hover a:not([class]),
    .hc0:hover a.link,
    .hc0-cr:hover a:not([class]),
    .hc0-cr:hover a.link {
      transition: ease all var(--spd_norm);
      background-image: linear-gradient(0deg, var(--c0_lk) 0px, var(--c0_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 0%;
    }
    .c0 a:not([class]):hover,
    .c0 a.link:hover,
    .c0-cr a:not([class]):hover,
    .c0-cr a.link:hover,
    .hc0:hover a:not([class]):hover,
    .hc0:hover a.link:hover,
    .hc0-cr:hover a:not([class]):hover,
    .hc0-cr:hover a.link:hover {
      background-size: 100%;
    }
    .hc1:hover,
    .hc1-cr:hover {
      color: var(--c1_cr) !important;
    }
    .hc1:hover .highlight,
    .hc1-cr:hover .highlight,
    .hc1-hl:hover {
      color: var(--c1_hl) !important;
    }
    .hc1:hover,
    .hc1-bg:hover {
      background-color: var(--c1_bg) !important;
    }
    .hc1:hover,
    .hc1:hover *,
    .hc1-br:hover,
    .hc1-br:hover * {
      border-color: var(--c1_br) !important;
    }
    .hc1:hover a:not([class]),
    .hc1:hover a.link,
    .hc1-cr:hover a:not([class]),
    .hc1-cr:hover a.link {
      color: var(--c1_lk);
      text-decoration: none;
    }
    .c1 a:not([class]),
    .c1 a.link,
    .c1-cr a:not([class]),
    .c1-cr a.link,
    .hc1:hover a:not([class]),
    .hc1:hover a.link,
    .hc1-cr:hover a:not([class]),
    .hc1-cr:hover a.link {
      transition: ease all var(--spd_norm);
      background-image: linear-gradient(0deg, var(--c1_lk) 0px, var(--c1_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 0%;
    }
    .c1 a:not([class]):hover,
    .c1 a.link:hover,
    .c1-cr a:not([class]):hover,
    .c1-cr a.link:hover,
    .hc1:hover a:not([class]):hover,
    .hc1:hover a.link:hover,
    .hc1-cr:hover a:not([class]):hover,
    .hc1-cr:hover a.link:hover {
      background-size: 100%;
    }
    .hc2:hover,
    .hc2-cr:hover {
      color: var(--c2_cr) !important;
    }
    .hc2:hover .highlight,
    .hc2-cr:hover .highlight,
    .hc2-hl:hover {
      color: var(--c2_hl) !important;
    }
    .hc2:hover,
    .hc2-bg:hover {
      background-color: var(--c2_bg) !important;
    }
    .hc2:hover,
    .hc2:hover *,
    .hc2-br:hover,
    .hc2-br:hover * {
      border-color: var(--c2_br) !important;
    }
    .hc2:hover a:not([class]),
    .hc2:hover a.link,
    .hc2-cr:hover a:not([class]),
    .hc2-cr:hover a.link {
      color: var(--c2_lk);
      text-decoration: none;
    }
    .c2 a:not([class]),
    .c2 a.link,
    .c2-cr a:not([class]),
    .c2-cr a.link,
    .hc2:hover a:not([class]),
    .hc2:hover a.link,
    .hc2-cr:hover a:not([class]),
    .hc2-cr:hover a.link {
      transition: ease all var(--spd_norm);
      background-image: linear-gradient(0deg, var(--c2_lk) 0px, var(--c2_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 0%;
    }
    .c2 a:not([class]):hover,
    .c2 a.link:hover,
    .c2-cr a:not([class]):hover,
    .c2-cr a.link:hover,
    .hc2:hover a:not([class]):hover,
    .hc2:hover a.link:hover,
    .hc2-cr:hover a:not([class]):hover,
    .hc2-cr:hover a.link:hover {
      background-size: 100%;
    }
    .hc3:hover,
    .hc3-cr:hover {
      color: var(--c3_cr) !important;
    }
    .hc3:hover .highlight,
    .hc3-cr:hover .highlight,
    .hc3-hl:hover {
      color: var(--c3_hl) !important;
    }
    .hc3:hover,
    .hc3-bg:hover {
      background-color: var(--c3_bg) !important;
    }
    .hc3:hover,
    .hc3:hover *,
    .hc3-br:hover,
    .hc3-br:hover * {
      border-color: var(--c3_br) !important;
    }
    .hc3:hover a:not([class]),
    .hc3:hover a.link,
    .hc3-cr:hover a:not([class]),
    .hc3-cr:hover a.link {
      color: var(--c3_lk);
      text-decoration: none;
    }
    .c3 a:not([class]),
    .c3 a.link,
    .c3-cr a:not([class]),
    .c3-cr a.link,
    .hc3:hover a:not([class]),
    .hc3:hover a.link,
    .hc3-cr:hover a:not([class]),
    .hc3-cr:hover a.link {
      transition: ease all var(--spd_norm);
      background-image: linear-gradient(0deg, var(--c3_lk) 0px, var(--c3_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 0%;
    }
    .c3 a:not([class]):hover,
    .c3 a.link:hover,
    .c3-cr a:not([class]):hover,
    .c3-cr a.link:hover,
    .hc3:hover a:not([class]):hover,
    .hc3:hover a.link:hover,
    .hc3-cr:hover a:not([class]):hover,
    .hc3-cr:hover a.link:hover {
      background-size: 100%;
    }
    .hc4:hover,
    .hc4-cr:hover {
      color: var(--c4_cr) !important;
    }
    .hc4:hover .highlight,
    .hc4-cr:hover .highlight,
    .hc4-hl:hover {
      color: var(--c4_hl) !important;
    }
    .hc4:hover,
    .hc4-bg:hover {
      background-color: var(--c4_bg) !important;
    }
    .hc4:hover,
    .hc4:hover *,
    .hc4-br:hover,
    .hc4-br:hover * {
      border-color: var(--c4_br) !important;
    }
    .hc4:hover a:not([class]),
    .hc4:hover a.link,
    .hc4-cr:hover a:not([class]),
    .hc4-cr:hover a.link {
      color: var(--c4_lk);
      text-decoration: none;
    }
    .c4 a:not([class]),
    .c4 a.link,
    .c4-cr a:not([class]),
    .c4-cr a.link,
    .hc4:hover a:not([class]),
    .hc4:hover a.link,
    .hc4-cr:hover a:not([class]),
    .hc4-cr:hover a.link {
      transition: ease all var(--spd_norm);
      background-image: linear-gradient(0deg, var(--c4_lk) 0px, var(--c4_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 0%;
    }
    .c4 a:not([class]):hover,
    .c4 a.link:hover,
    .c4-cr a:not([class]):hover,
    .c4-cr a.link:hover,
    .hc4:hover a:not([class]):hover,
    .hc4:hover a.link:hover,
    .hc4-cr:hover a:not([class]):hover,
    .hc4-cr:hover a.link:hover {
      background-size: 100%;
    }
    .hc5:hover,
    .hc5-cr:hover {
      color: var(--c5_cr) !important;
    }
    .hc5:hover .highlight,
    .hc5-cr:hover .highlight,
    .hc5-hl:hover {
      color: var(--c5_hl) !important;
    }
    .hc5:hover,
    .hc5-bg:hover {
      background-color: var(--c5_bg) !important;
    }
    .hc5:hover,
    .hc5:hover *,
    .hc5-br:hover,
    .hc5-br:hover * {
      border-color: var(--c5_br) !important;
    }
    .hc5:hover a:not([class]),
    .hc5:hover a.link,
    .hc5-cr:hover a:not([class]),
    .hc5-cr:hover a.link {
      color: var(--c5_lk);
      text-decoration: none;
    }
    .c5 a:not([class]),
    .c5 a.link,
    .c5-cr a:not([class]),
    .c5-cr a.link,
    .hc5:hover a:not([class]),
    .hc5:hover a.link,
    .hc5-cr:hover a:not([class]),
    .hc5-cr:hover a.link {
      transition: ease all var(--spd_norm);
      background-image: linear-gradient(0deg, var(--c5_lk) 0px, var(--c5_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 0%;
    }
    .c5 a:not([class]):hover,
    .c5 a.link:hover,
    .c5-cr a:not([class]):hover,
    .c5-cr a.link:hover,
    .hc5:hover a:not([class]):hover,
    .hc5:hover a.link:hover,
    .hc5-cr:hover a:not([class]):hover,
    .hc5-cr:hover a.link:hover {
      background-size: 100%;
    }
    .hc6:hover,
    .hc6-cr:hover {
      color: var(--c6_cr) !important;
    }
    .hc6:hover .highlight,
    .hc6-cr:hover .highlight,
    .hc6-hl:hover {
      color: var(--c6_hl) !important;
    }
    .hc6:hover,
    .hc6-bg:hover {
      background-color: var(--c6_bg) !important;
    }
    .hc6:hover,
    .hc6:hover *,
    .hc6-br:hover,
    .hc6-br:hover * {
      border-color: var(--c6_br) !important;
    }
    .hc6:hover a:not([class]),
    .hc6:hover a.link,
    .hc6-cr:hover a:not([class]),
    .hc6-cr:hover a.link {
      color: var(--c6_lk);
      text-decoration: none;
    }
    .c6 a:not([class]),
    .c6 a.link,
    .c6-cr a:not([class]),
    .c6-cr a.link,
    .hc6:hover a:not([class]),
    .hc6:hover a.link,
    .hc6-cr:hover a:not([class]),
    .hc6-cr:hover a.link {
      transition: ease all var(--spd_norm);
      background-image: linear-gradient(0deg, var(--c6_lk) 0px, var(--c6_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 0%;
    }
    .c6 a:not([class]):hover,
    .c6 a.link:hover,
    .c6-cr a:not([class]):hover,
    .c6-cr a.link:hover,
    .hc6:hover a:not([class]):hover,
    .hc6:hover a.link:hover,
    .hc6-cr:hover a:not([class]):hover,
    .hc6-cr:hover a.link:hover {
      background-size: 100%;
    }
    .hc7:hover,
    .hc7-cr:hover {
      color: var(--c7_cr) !important;
    }
    .hc7:hover .highlight,
    .hc7-cr:hover .highlight,
    .hc7-hl:hover {
      color: var(--c7_hl) !important;
    }
    .hc7:hover,
    .hc7-bg:hover {
      background-color: var(--c7_bg) !important;
    }
    .hc7:hover,
    .hc7:hover *,
    .hc7-br:hover,
    .hc7-br:hover * {
      border-color: var(--c7_br) !important;
    }
    .hc7:hover a:not([class]),
    .hc7:hover a.link,
    .hc7-cr:hover a:not([class]),
    .hc7-cr:hover a.link {
      color: var(--c7_lk);
      text-decoration: none;
    }
    .c7 a:not([class]),
    .c7 a.link,
    .c7-cr a:not([class]),
    .c7-cr a.link,
    .hc7:hover a:not([class]),
    .hc7:hover a.link,
    .hc7-cr:hover a:not([class]),
    .hc7-cr:hover a.link {
      transition: ease all var(--spd_norm);
      background-image: linear-gradient(0deg, var(--c7_lk) 0px, var(--c7_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 0%;
    }
    .c7 a:not([class]):hover,
    .c7 a.link:hover,
    .c7-cr a:not([class]):hover,
    .c7-cr a.link:hover,
    .hc7:hover a:not([class]):hover,
    .hc7:hover a.link:hover,
    .hc7-cr:hover a:not([class]):hover,
    .hc7-cr:hover a.link:hover {
      background-size: 100%;
    }
    .hc8:hover,
    .hc8-cr:hover {
      color: var(--c8_cr) !important;
    }
    .hc8:hover .highlight,
    .hc8-cr:hover .highlight,
    .hc8-hl:hover {
      color: var(--c8_hl) !important;
    }
    .hc8:hover,
    .hc8-bg:hover {
      background-color: var(--c8_bg) !important;
    }
    .hc8:hover,
    .hc8:hover *,
    .hc8-br:hover,
    .hc8-br:hover * {
      border-color: var(--c8_br) !important;
    }
    .hc8:hover a:not([class]),
    .hc8:hover a.link,
    .hc8-cr:hover a:not([class]),
    .hc8-cr:hover a.link {
      color: var(--c8_lk);
      text-decoration: none;
    }
    .c8 a:not([class]),
    .c8 a.link,
    .c8-cr a:not([class]),
    .c8-cr a.link,
    .hc8:hover a:not([class]),
    .hc8:hover a.link,
    .hc8-cr:hover a:not([class]),
    .hc8-cr:hover a.link {
      transition: ease all var(--spd_norm);
      background-image: linear-gradient(0deg, var(--c8_lk) 0px, var(--c8_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 0%;
    }
    .c8 a:not([class]):hover,
    .c8 a.link:hover,
    .c8-cr a:not([class]):hover,
    .c8-cr a.link:hover,
    .hc8:hover a:not([class]):hover,
    .hc8:hover a.link:hover,
    .hc8-cr:hover a:not([class]):hover,
    .hc8-cr:hover a.link:hover {
      background-size: 100%;
    }
    .hc9:hover,
    .hc9-cr:hover {
      color: var(--c9_cr) !important;
    }
    .hc9:hover .highlight,
    .hc9-cr:hover .highlight,
    .hc9-hl:hover {
      color: var(--c9_hl) !important;
    }
    .hc9:hover,
    .hc9-bg:hover {
      background-color: var(--c9_bg) !important;
    }
    .hc9:hover,
    .hc9:hover *,
    .hc9-br:hover,
    .hc9-br:hover * {
      border-color: var(--c9_br) !important;
    }
    .hc9:hover a:not([class]),
    .hc9:hover a.link,
    .hc9-cr:hover a:not([class]),
    .hc9-cr:hover a.link {
      color: var(--c9_lk);
      text-decoration: none;
    }
    .c9 a:not([class]),
    .c9 a.link,
    .c9-cr a:not([class]),
    .c9-cr a.link,
    .hc9:hover a:not([class]),
    .hc9:hover a.link,
    .hc9-cr:hover a:not([class]),
    .hc9-cr:hover a.link {
      transition: ease all var(--spd_norm);
      background-image: linear-gradient(0deg, var(--c9_lk) 0px, var(--c9_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 0%;
    }
    .c9 a:not([class]):hover,
    .c9 a.link:hover,
    .c9-cr a:not([class]):hover,
    .c9-cr a.link:hover,
    .hc9:hover a:not([class]):hover,
    .hc9:hover a.link:hover,
    .hc9-cr:hover a:not([class]):hover,
    .hc9-cr:hover a.link:hover {
      background-size: 100%;
    }
  }
  .o0 {
    opacity: 0;
  }

  .o10 {
    opacity: 0.1;
  }

  .o20 {
    opacity: 0.2;
  }

  .o30 {
    opacity: 0.3;
  }

  .o40 {
    opacity: 0.4;
  }

  .o50 {
    opacity: 0.5;
  }

  .o60 {
    opacity: 0.6;
  }

  .o70 {
    opacity: 0.7;
  }

  .o80 {
    opacity: 0.8;
  }

  .o90 {
    opacity: 0.9;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0%;
    }
    100% {
      opacity: 100%;
    }
  }
  @keyframes fadeOut {
    0% {
      opacity: 100%;
    }
    100% {
      opacity: 0%;
    }
  }
  .t-fast {
    transition: ease-in-out all var(--spd_fast);
  }

  .t-norm {
    transition: ease-in-out all var(--spd_norm);
  }

  .t-slow {
    transition: ease-in-out all var(--spd_slow);
  }

  .a-fade-in {
    animation: fadeIn 1s forwards;
  }

  .a-fade-out {
    animation: fadeOut 1s forwards;
  }

  .ui-accordion {
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-accordion .accordion {
    border-top-width: var(--border_sml);
    border-bottom-width: var(--border_sml);
    border-top-style: solid;
    border-bottom-style: solid;
  }
  .ui-accordion .accordion_item {
    margin: 0px;
    padding: var(--spacing_med) 0px;
  }
  .ui-accordion .accordion_item + .accordion_item {
    border-top-width: var(--border_sml);
    border-top-style: solid;
  }
  .ui-accordion .accordion_body {
    display: none;
    padding: var(--spacing_med) var(--spacing_lrg) 0px 0px;
  }
  /* .ui-accordion .accordion_item.open .accordion_body {
    display: block;
    animation: fadeIn var(--spd_fast) normal forwards ease-in-out;
  } */
  .ui-accordion .accordion_link {
    position: relative;
    display: block;
    font-size: var(--font_lrg);
    line-height: var(--lh_lrg);
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    padding: 0px calc(var(--spacing_lrg) + var(--icon_sml)) 0px 0px;
  }

  .ui-accordion:not(.plus) .accordion_link:after {
    content: "";
    display: block;
    position: absolute;
    width: var(--icon_sml);
    height: var(--icon_sml);
    right: 0px;
    top: calc(50% - var(--icon_sml) / 2);
    background-image: url(../img/ui/carat-r.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: ease all var(--spd_fast);
    transform: rotate(0deg);
  }
  .ui-accordion:not(.plus) .accordion_item.open .accordion_link:after {
    transform: rotate(90deg);
  }

  .c0 .ui-accordion:not(.plus) .accordion_link:after {
    filter: none;
  }

  .c1 .ui-accordion:not(.plus) .accordion_link:after {
    filter: none;
  }

  .c2 .ui-accordion:not(.plus) .accordion_link:after {
    filter: none;
  }

  .c3 .ui-accordion:not(.plus) .accordion_link:after {
    filter: none;
  }

  .c4 .ui-accordion:not(.plus) .accordion_link:after {
    filter: none;
  }

  .c5 .ui-accordion:not(.plus) .accordion_link:after {
    filter: brightness(0) invert(1);
  }

  .c6 .ui-accordion:not(.plus) .accordion_link:after {
    filter: brightness(0) invert(1);
  }

  .c7 .ui-accordion:not(.plus) .accordion_link:after {
    filter: brightness(0) invert(1);
  }

  .c8 .ui-accordion:not(.plus) .accordion_link:after {
    filter: brightness(0) invert(1);
  }

  .c9 .ui-accordion:not(.plus) .accordion_link:after {
    filter: brightness(0) invert(1);
  }

  .ui-accordion.plus .accordion_link:before, .ui-accordion.plus .accordion_link:after {
    content: "";
    display: block;
    position: absolute;
    width: var(--icon_sml);
    height: 1px;
    right: 0px;
    top: calc(50% - 0.5px);
    background-color: var(--c0_hl);
  }
  .ui-accordion.plus .accordion_link:after {
    transition: ease all var(--spd_fast);
    transform: rotate(90deg);
  }
  .ui-accordion.plus .accordion_item.open .accordion_link:after {
    transform: rotate(0deg);
  }

  .c0 .ui-accordion.plus .accordion_link:before, .c0 .ui-accordion.plus .accordion_link:after {
    background-color: var(--c0_hl);
  }

  .c1 .ui-accordion.plus .accordion_link:before, .c1 .ui-accordion.plus .accordion_link:after {
    background-color: var(--c1_hl);
  }

  .c2 .ui-accordion.plus .accordion_link:before, .c2 .ui-accordion.plus .accordion_link:after {
    background-color: var(--c2_hl);
  }

  .c3 .ui-accordion.plus .accordion_link:before, .c3 .ui-accordion.plus .accordion_link:after {
    background-color: var(--c3_hl);
  }

  .c4 .ui-accordion.plus .accordion_link:before, .c4 .ui-accordion.plus .accordion_link:after {
    background-color: var(--c4_hl);
  }

  .c5 .ui-accordion.plus .accordion_link:before, .c5 .ui-accordion.plus .accordion_link:after {
    background-color: var(--c5_hl);
  }

  .c6 .ui-accordion.plus .accordion_link:before, .c6 .ui-accordion.plus .accordion_link:after {
    background-color: var(--c6_hl);
  }

  .c7 .ui-accordion.plus .accordion_link:before, .c7 .ui-accordion.plus .accordion_link:after {
    background-color: var(--c7_hl);
  }

  .c8 .ui-accordion.plus .accordion_link:before, .c8 .ui-accordion.plus .accordion_link:after {
    background-color: var(--c8_hl);
  }

  .c9 .ui-accordion.plus .accordion_link:before, .c9 .ui-accordion.plus .accordion_link:after {
    background-color: var(--c9_hl);
  }

  .ui-accordion.plus.mono .accordion_link:before, .ui-accordion.plus.mono .accordion_link:after {
    filter: grayscale(1);
  }

  .ui-accordion.t1 .accordion {
    border-top-style: none;
    border-bottom-style: none;
  }
  .ui-accordion.t1 .accordion_item {
    color: var(--c1_cr);
    background-color: var(--c1_bg);
    padding: var(--spacing_med) var(--spacing_med);
  }
  .ui-accordion.t1 .accordion_item + .accordion_item {
    border-top-style: none;
    margin-top: var(--spacing_sml);
  }
  .ui-accordion.t1 .ui-accordion.t1 .accordion_item.rc-xxs {
    padding: var(--spacing_med) calc(var(--spacing_med) / 2 + var(--icon_xxs) / 2);
  }
  .ui-accordion.t1 .ui-accordion.t1 .accordion_item.rc-xsm {
    padding: var(--spacing_med) calc(var(--spacing_med) / 2 + var(--icon_xsm) / 2);
  }
  .ui-accordion.t1 .ui-accordion.t1 .accordion_item.rc-sml {
    padding: var(--spacing_med) calc(var(--spacing_med) / 2 + var(--icon_sml) / 2);
  }
  .ui-accordion.t1 .ui-accordion.t1 .accordion_item.rc-med {
    padding: var(--spacing_med) calc(var(--spacing_med) / 2 + var(--icon_med) / 2);
  }
  .ui-accordion.t1 .ui-accordion.t1 .accordion_item.rc-lrg {
    padding: var(--spacing_med) calc(var(--spacing_med) / 2 + var(--icon_lrg) / 2);
  }
  .ui-accordion.t1 .ui-accordion.t1 .accordion_item.rc-xlg {
    padding: var(--spacing_med) calc(var(--spacing_med) / 2 + var(--icon_xlg) / 2);
  }
  .ui-accordion.t1 .ui-accordion.t1 .accordion_item.rc-xxl {
    padding: var(--spacing_med) calc(var(--spacing_med) / 2 + var(--icon_xxl) / 2);
  }

  .ui-accordion.t1:not(.plus) .accordion_item .accordion_link:after {
    filter: none !important;
  }

  .ui-accordion.t1:not(.plus) .accordion_item.c0 .accordion_link:after {
    filter: none !important;
  }

  .ui-accordion.t1:not(.plus) .accordion_item.c1 .accordion_link:after {
    filter: none !important;
  }

  .ui-accordion.t1:not(.plus) .accordion_item.c2 .accordion_link:after {
    filter: none !important;
  }

  .ui-accordion.t1:not(.plus) .accordion_item.c3 .accordion_link:after {
    filter: none !important;
  }

  .ui-accordion.t1:not(.plus) .accordion_item.c4 .accordion_link:after {
    filter: none !important;
  }

  .ui-accordion.t1:not(.plus) .accordion_item.c5 .accordion_link:after {
    filter: brightness(0) invert(1) !important;
  }

  .ui-accordion.t1:not(.plus) .accordion_item.c6 .accordion_link:after {
    filter: brightness(0) invert(1) !important;
  }

  .ui-accordion.t1:not(.plus) .accordion_item.c7 .accordion_link:after {
    filter: brightness(0) invert(1) !important;
  }

  .ui-accordion.t1:not(.plus) .accordion_item.c8 .accordion_link:after {
    filter: brightness(0) invert(1) !important;
  }

  .ui-accordion.t1:not(.plus) .accordion_item.c9 .accordion_link:after {
    filter: brightness(0) invert(1) !important;
  }

  .ui-accordion.t1.plus .accordion_item .accordion_link:before, .ui-accordion.t1.plus .accordion_item .accordion_link:after {
    background-color: var(--c1_hl);
  }

  .ui-accordion.t1.plus .accordion_item.c0 .accordion_link:before, .ui-accordion.t1.plus .accordion_item.c0 .accordion_link:after {
    background-color: var(--c0_hl);
  }

  .ui-accordion.t1.plus .accordion_item.c1 .accordion_link:before, .ui-accordion.t1.plus .accordion_item.c1 .accordion_link:after {
    background-color: var(--c1_hl);
  }

  .ui-accordion.t1.plus .accordion_item.c2 .accordion_link:before, .ui-accordion.t1.plus .accordion_item.c2 .accordion_link:after {
    background-color: var(--c2_hl);
  }

  .ui-accordion.t1.plus .accordion_item.c3 .accordion_link:before, .ui-accordion.t1.plus .accordion_item.c3 .accordion_link:after {
    background-color: var(--c3_hl);
  }

  .ui-accordion.t1.plus .accordion_item.c4 .accordion_link:before, .ui-accordion.t1.plus .accordion_item.c4 .accordion_link:after {
    background-color: var(--c4_hl);
  }

  .ui-accordion.t1.plus .accordion_item.c5 .accordion_link:before, .ui-accordion.t1.plus .accordion_item.c5 .accordion_link:after {
    background-color: var(--c5_hl);
  }

  .ui-accordion.t1.plus .accordion_item.c6 .accordion_link:before, .ui-accordion.t1.plus .accordion_item.c6 .accordion_link:after {
    background-color: var(--c6_hl);
  }

  .ui-accordion.t1.plus .accordion_item.c7 .accordion_link:before, .ui-accordion.t1.plus .accordion_item.c7 .accordion_link:after {
    background-color: var(--c7_hl);
  }

  .ui-accordion.t1.plus .accordion_item.c8 .accordion_link:before, .ui-accordion.t1.plus .accordion_item.c8 .accordion_link:after {
    background-color: var(--c8_hl);
  }

  .ui-accordion.t1.plus .accordion_item.c9 .accordion_link:before, .ui-accordion.t1.plus .accordion_item.c9 .accordion_link:after {
    background-color: var(--c9_hl);
  }

  .ui-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .ui-box._min-h {
    height: 100%;
    min-height: 512px !important;
  }
  .ui-box .box_bg {
    position: absolute;
    z-index: 0;
    display: block;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-image: var(--dt-bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  @media screen and (max-width: 479px) {
     .ui-box .box_bg {
        background-image: var(--mb-bg);
     }
  }
  .ui-box .box_bg img,
  .ui-box .box_bg video {
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  .ui-box .box_bg.parallax {
    background-attachment: fixed;
  }
  .ui-box .box_bg:after {
    content: "";
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    opacity: 0.5;
  }
  .ui-box .box_content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 100%;
  }

  .ui-box.op-0 .box_bg:after {
    opacity: 0;
  }

  .ui-box.op-10 .box_bg:after {
    opacity: 0.1;
  }

  .ui-box.op-20 .box_bg:after {
    opacity: 0.2;
  }

  .ui-box.op-30 .box_bg:after {
    opacity: 0.3;
  }

  .ui-box.op-40 .box_bg:after {
    opacity: 0.4;
  }

  .ui-box.op-50 .box_bg:after {
    opacity: 0.5;
  }

  .ui-box.op-60 .box_bg:after {
    opacity: 0.6;
  }

  .ui-box.op-70 .box_bg:after {
    opacity: 0.7;
  }

  .ui-box.op-80 .box_bg:after {
    opacity: 0.8;
  }

  .ui-box.op-90 .box_bg:after {
    opacity: 0.9;
  }

  .ui-box.c0.ov .box_bg:after {
    background-color: var(--c0_bg);
  }

  .ui-box.c1.ov .box_bg:after {
    background-color: var(--c1_bg);
  }

  .ui-box.c2.ov .box_bg:after {
    background-color: var(--c2_bg);
  }

  .ui-box.c3.ov .box_bg:after {
    background-color: var(--c3_bg);
  }

  .ui-box.c4.ov .box_bg:after {
    background-color: var(--c4_bg);
  }

  .ui-box.c5.ov .box_bg:after {
    background-color: var(--c5_bg);
  }

  .ui-box.c6.ov .box_bg:after {
    background-color: var(--c6_bg);
  }

  .ui-box.c7.ov .box_bg:after {
    background-color: var(--c7_bg);
  }

  .ui-box.c8.ov .box_bg:after {
    background-color: var(--c8_bg);
  }

  .ui-box.c9.ov .box_bg:after {
    background-color: var(--c9_bg);
  }

  .ui-box.ov-b .box_bg:after {
    background-color: var(--black_100);
  }

  .ui-box.ov-w .box_bg:after {
    background-color: var(--white_100);
  }

  .ui-slider .slider_item > .ui-box:first-child:last-child,
  .ui-grid .grid_item > .ui-box:first-child:last-child {
    min-height: 100%;
  }

  .ui-form {
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-form .form_section {
    margin-bottom: var(--spacing_lrg);
  }
  .ui-form .form_title {
    font-size: var(--font_lrg);
    line-height: var(--lh_lrg);
  }
  .ui-form .form_desc {
    font-size: var(--font_sml);
    line-height: var(--lh_sml);
  }
  .ui-form .form_title + *:not(.form_desc),
  .ui-form .form_desc + * {
    margin-top: var(--spacing_med);
  }

  .ui-form.gp-xxs .form_section {
    margin-bottom: var(--spacing_xxs);
  }

  .ui-form.gp-xsm .form_section {
    margin-bottom: var(--spacing_xsm);
  }

  .ui-form.gp-sml .form_section {
    margin-bottom: var(--spacing_sml);
  }

  .ui-form.gp-med .form_section {
    margin-bottom: var(--spacing_med);
  }

  .ui-form.gp-lrg .form_section {
    margin-bottom: var(--spacing_lrg);
  }

  .ui-form.gp-xlg .form_section {
    margin-bottom: var(--spacing_xlg);
  }

  .ui-form.gp-xxl .form_section {
    margin-bottom: var(--spacing_xxl);
  }

  .ui-grid {
    container-type: inline-size;
  }
  .ui-grid .grid {
    display: grid;
    grid-template-columns: auto;
  }
  .ui-grid .grid.gap {
    width: calc(100% + var(--spacing_med));
    grid-template-columns: calc(100% - var(--spacing_med));
    column-gap: var(--spacing_med);
    row-gap: var(--spacing_med);
  }
  .ui-grid .grid.gap-sml {
    width: calc(100% + var(--spacing_sml));
    grid-template-columns: calc(100% - var(--spacing_sml));
    column-gap: var(--spacing_sml);
    row-gap: var(--spacing_sml);
  }
  .ui-grid .grid.w-75-min-768 {
    margin-left: auto;
    margin-right: auto;
  }
  .grid.mb-col-2 {
      grid-template-columns: 50% 50%;
  }
  .grid.mb-col-2.gap {
      grid-template-columns: calc(50% - var(--spacing_med)) calc(50% - var(--spacing_med));
  }

  @container (min-width: 768px) {
    .grid.col-2 {
      grid-template-columns: 50% 50%;
    }
    .grid.col-2.gap {
      grid-template-columns: calc(50% - var(--spacing_med)) calc(50% - var(--spacing_med));
    }
    .grid.col-3 {
      grid-template-columns: 50% 50%;
    }
    .grid.col-3.gap {
      grid-template-columns: calc(50% - var(--spacing_med)) calc(50% - var(--spacing_med));
    }
    .grid.col-3.gap-sml {
      grid-template-columns: calc(50% - var(--spacing_sml)) calc(50% - var(--spacing_sml));
    }
    .grid.col-4 {
      grid-template-columns: 50% 50%;
    }
    .grid.col-4.gap {
      grid-template-columns: calc(50% - var(--spacing_med)) calc(50% - var(--spacing_med));
    }
    .grid.col-5 {
      grid-template-columns: 50% 50%;
    }
    .grid.col-5.gap {
      grid-template-columns: calc(50% - var(--spacing_med)) calc(50% - var(--spacing_med));
    }
    .grid.col-6 {
      grid-template-columns: 50% 50%;
    }
    .grid.col-6.gap {
      grid-template-columns: calc(50% - var(--spacing_med)) calc(50% - var(--spacing_med));
    }
  }
  @container (min-width: 1024px) {
    .grid.col-3 {
      grid-template-columns: 33.33% 33.33% 33.33%;
    }
    .grid.col-3.gap {
      grid-template-columns: calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med));
    }
    .grid.col-3.gap-sml {
      grid-template-columns: calc(33.33% - var(--spacing_sml)) calc(33.33% - var(--spacing_sml)) calc(33.33% - var(--spacing_sml));
    }
    .grid.col-4 {
      grid-template-columns: 33.33% 33.33% 33.33%;
    }
    .grid.col-4.gap {
      grid-template-columns: calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med));
    }
    .grid.col-5 {
      grid-template-columns: 33.33% 33.33% 33.33%;
    }
    .grid.col-5.gap {
      grid-template-columns: calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med));
    }
    .grid.col-6 {
      grid-template-columns: 33.33% 33.33% 33.33%;
    }
    .grid.col-6.gap {
      grid-template-columns: calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med));
    }
  }
  @container (min-width: 1280px) {
    .grid.col-4 {
      grid-template-columns: 25% 25% 25% 25%;
    }
    .grid.col-4.gap {
      grid-template-columns: calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med));
    }
    .grid.col-5 {
      grid-template-columns: 25% 25% 25% 25%;
    }
    .grid.col-5.gap {
      grid-template-columns: calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med));
    }
    .grid.col-6 {
      grid-template-columns: 25% 25% 25% 25%;
    }
    .grid.col-6.gap {
      grid-template-columns: calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med));
    }
  }
  @container (min-width: 1440px) {
    .grid.col-5 {
      grid-template-columns: 20% 20% 20% 20% 20%;
    }
    .grid.col-5.gap {
      grid-template-columns: calc(20% - var(--spacing_med)) calc(20% - var(--spacing_med)) calc(20% - var(--spacing_med)) calc(20% - var(--spacing_med)) calc(20% - var(--spacing_med));
    }
    .grid.col-6 {
      grid-template-columns: 20% 20% 20% 20% 20%;
    }
    .grid.col-6.gap {
      grid-template-columns: calc(20% - var(--spacing_med)) calc(20% - var(--spacing_med)) calc(20% - var(--spacing_med)) calc(20% - var(--spacing_med)) calc(20% - var(--spacing_med));
    }
  }
  @container (min-width: 1600px) {
    .grid.col-6 {
      grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
    }
    .grid.col-6.gap {
      grid-template-columns: calc(16.66% - var(--spacing_med)) calc(16.66% - var(--spacing_med)) calc(16.66% - var(--spacing_med)) calc(16.66% - var(--spacing_med)) calc(16.66% - var(--spacing_med)) calc(16.66% - var(--spacing_med));
    }
  }
  @container (min-width: 320px) {
    .grid.col-2s {
      grid-template-columns: 50% 50%;
    }
    .grid.col-2s.gap {
      grid-template-columns: calc(50% - var(--spacing_med)) calc(50% - var(--spacing_med));
    }
    .grid.col-3s {
      grid-template-columns: 50% 50%;
    }
    .grid.col-3s.gap {
      grid-template-columns: calc(50% - var(--spacing_med)) calc(50% - var(--spacing_med));
    }
    .grid.col-4s {
      grid-template-columns: 50% 50%;
    }
    .grid.col-4s.gap {
      grid-template-columns: calc(50% - var(--spacing_med)) calc(50% - var(--spacing_med));
    }
  }
  @container (min-width: 450px) {
    .grid.col-3s {
      grid-template-columns: 33.33% 33.33% 33.33%;
    }
    .grid.col-3s.gap {
      grid-template-columns: calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med));
    }
    .grid.col-4s {
      grid-template-columns: 33.33% 33.33% 33.33%;
    }
    .grid.col-4s.gap {
      grid-template-columns: calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med)) calc(33.33% - var(--spacing_med));
    }
  }
  @container (min-width: 640px) {
    .grid.col-4s {
      grid-template-columns: 25% 25% 25% 25%;
    }
    .grid.col-4s.gap {
      grid-template-columns: calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med));
    }
  }
  @container (min-width: 768px) {
    .grid.col-2-1 {
      grid-template-columns: 66.66% 33.33%;
    }
    .grid.col-1-2 {
      grid-template-columns: 33.33% 66.66%;
    }
    .grid.col-2-1.gap {
      grid-template-columns: calc(66.66% - var(--spacing_med)) calc(33.33% - var(--spacing_med));
    }
    .grid.col-1-2.gap {
      grid-template-columns: calc(33.33% - var(--spacing_med)) calc(66.66% - var(--spacing_med));
    }
    .grid.col-3-2 {
      grid-template-columns: 60% 40%;
    }
    .grid.col-2-3 {
      grid-template-columns: 40% 60%;
    }
    .grid.col-3-2.gap {
      grid-template-columns: calc(60% - var(--spacing_med)) calc(40% - var(--spacing_med));
    }
    .grid.col-2-3.gap {
      grid-template-columns: calc(40% - var(--spacing_med)) calc(60% - var(--spacing_med));
    }
    .grid.col-3-1 {
      grid-template-columns: 75% 25%;
    }
    .grid.col-1-3 {
      grid-template-columns: 25% 75%;
    }
    .grid.col-3-1.gap {
      grid-template-columns: calc(75% - var(--spacing_med)) calc(25% - var(--spacing_med));
    }
    .grid.col-1-3.gap {
      grid-template-columns: calc(25% - var(--spacing_med)) calc(75% - var(--spacing_med));
    }
    .grid.col-4-1 {
      grid-template-columns: 80% 20%;
    }
    .grid.col-1-4 {
      grid-template-columns: 20% 80%;
    }
    .grid.col-4-1.gap {
      grid-template-columns: calc(80% - var(--spacing_med)) calc(20% - var(--spacing_med));
    }
    .grid.col-1-4.gap {
      grid-template-columns: calc(20% - var(--spacing_med)) calc(80% - var(--spacing_med));
    }
    .grid-hide-min-768 {
      display: none !important;
    }
    .w-75-min-768 {
      width: 75% !important;
    }
  }
  @container (max-width: 767px) {
    .grid-hide-max-767 {
      display: none !important;
    }
  }
  @container (min-width: 1024px) {
    .grid.col-2-1-1 {
      grid-template-columns: 50% 25% 25%;
    }
    .grid.col-1-2-1 {
      grid-template-columns: 25% 50% 25%;
    }
    .grid.col-1-1-2 {
      grid-template-columns: 25% 25% 50%;
    }
    .grid.col-2-1-1.gap {
      grid-template-columns: calc(50% - var(--spacing_med)) calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med));
    }
    .grid.col-1-2-1.gap {
      grid-template-columns: calc(25% - var(--spacing_med)) calc(50% - var(--spacing_med)) calc(25% - var(--spacing_med));
    }
    .grid.col-1-1-2.gap {
      grid-template-columns: calc(25% - var(--spacing_med)) calc(25% - var(--spacing_med)) calc(50% - var(--spacing_med));
    }
    .grid.col-1-2-2 {
      grid-template-columns: 20% 40% 40%;
    }
    .grid.col-2-1-2 {
      grid-template-columns: 40% 20% 40%;
    }
    .grid.col-2-2-1 {
      grid-template-columns: 40% 40% 20%;
    }
    .grid.col-1-2-2.gap {
      grid-template-columns: calc(20% - var(--spacing_med)) calc(40% - var(--spacing_med)) calc(40% - var(--spacing_med));
    }
    .grid.col-2-1-2.gap {
      grid-template-columns: calc(40% - var(--spacing_med)) calc(20% - var(--spacing_med)) calc(40% - var(--spacing_med));
    }
    .grid.col-2-2-1.gap {
      grid-template-columns: calc(40% - var(--spacing_med)) calc(40% - var(--spacing_med)) calc(20% - var(--spacing_med));
    }
    .grid.col-4-3-3 {
      grid-template-columns: 40% 30% 30%;
    }
    .grid.col-3-4-3 {
      grid-template-columns: 30% 40% 30%;
    }
    .grid.col-3-3-4 {
      grid-template-columns: 30% 30% 40%;
    }
    .grid.col-4-3-3.gap {
      grid-template-columns: calc(40% - var(--spacing_med)) calc(30% - var(--spacing_med)) calc(30% - var(--spacing_med));
    }
    .grid.col-3-4-3.gap {
      grid-template-columns: calc(30% - var(--spacing_med)) calc(40% - var(--spacing_med)) calc(30% - var(--spacing_med));
    }
    .grid.col-3-3-4.gap {
      grid-template-columns: calc(30% - var(--spacing_med)) calc(30% - var(--spacing_med)) calc(40% - var(--spacing_med));
    }
  }
  .ui-listing {
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }

  .ui-listing .listing_card {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    overflow: hidden;
  }
  .ui-listing .listing_card > * {
    width: 100%;
  }
  .ui-listing .listing_card_content {
    flex: 1;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: calc(var(--spacing_med) / 2) 0px var(--spacing_med) 0px;
  }
  .ui-listing .listing_card_text {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .ui-listing .listing_card_text .title {
    display: flex;
    flex-flow: column;
    color: inherit;
    text-decoration: none;
  }
  .ui-listing .listing_card_text .title:only-child {
    flex-grow: 1;
  }
  .ui-listing .listing_card_text .date {
    display: block;
    font-size: var(--font_sml);
    line-height: var(--lh_sml);
  }
  .ui-listing .listing_card_text .name {
    display: block;
    font-size: var(--font_lrg);
    line-height: var(--lh_lrg);
  }
  .ui-listing .listing_card_text .desc {
    display: block;
    font-size: var(--font_sml);
    line-height: var(--lh_sml);
  }
  .ui-listing .listing_card_text .price {
    display: block;
    font-size: var(--font_xxl);
    line-height: var(--lh_xxl);
    margin-top: calc(var(--spacing_med) / 2);
  }
  .ui-listing .listing_action {
    margin-top: var(--spacing_med);
  }

  .ui-listing .listing_card.c0 .listing_card_content {
    padding-left: var(--spacing_med);
    padding-right: var(--spacing_med);
  }

  .ui-listing .listing_card.c1 .listing_card_content {
    padding-left: var(--spacing_med);
    padding-right: var(--spacing_med);
  }

  .ui-listing .listing_card.c2 .listing_card_content {
    padding-left: var(--spacing_med);
    padding-right: var(--spacing_med);
  }

  .ui-listing .listing_card.c3 .listing_card_content {
    padding-left: var(--spacing_med);
    padding-right: var(--spacing_med);
  }

  .ui-listing .listing_card.c4 .listing_card_content {
    padding-left: var(--spacing_med);
    padding-right: var(--spacing_med);
  }

  .ui-listing .listing_card.c5 .listing_card_content {
    padding-left: var(--spacing_med);
    padding-right: var(--spacing_med);
  }

  .ui-listing .listing_card.c6 .listing_card_content {
    padding-left: var(--spacing_med);
    padding-right: var(--spacing_med);
  }

  .ui-listing .listing_card.c7 .listing_card_content {
    padding-left: var(--spacing_med);
    padding-right: var(--spacing_med);
  }

  .ui-listing .listing_card.c8 .listing_card_content {
    padding-left: var(--spacing_med);
    padding-right: var(--spacing_med);
  }

  .ui-listing .listing_card.c9 .listing_card_content {
    padding-left: var(--spacing_med);
    padding-right: var(--spacing_med);
  }

  @media (hover: hover) {
    .ui-listing .listing_card.hover .listing_card_text .name {
      color: var(--c0_hl);
    }
    .ui-listing .listing_card.hover.c0 .listing_card_text .name {
      color: var(--c0_hl);
    }
    .ui-listing .listing_card.hover.c1 .listing_card_text .name {
      color: var(--c1_hl);
    }
    .ui-listing .listing_card.hover.c2 .listing_card_text .name {
      color: var(--c2_hl);
    }
    .ui-listing .listing_card.hover.c3 .listing_card_text .name {
      color: var(--c3_hl);
    }
    .ui-listing .listing_card.hover.c4 .listing_card_text .name {
      color: var(--c4_hl);
    }
    .ui-listing .listing_card.hover.c5 .listing_card_text .name {
      color: var(--c5_hl);
    }
    .ui-listing .listing_card.hover.c6 .listing_card_text .name {
      color: var(--c6_hl);
    }
    .ui-listing .listing_card.hover.c7 .listing_card_text .name {
      color: var(--c7_hl);
    }
    .ui-listing .listing_card.hover.c8 .listing_card_text .name {
      color: var(--c8_hl);
    }
    .ui-listing .listing_card.hover.c9 .listing_card_text .name {
      color: var(--c9_hl);
    }
  }
  .ui-listing .listing_card.t1 {
    box-sizing: border-box;
    padding: var(--spacing_med);
  }
  .ui-listing .listing_card.t1 .listing_card_content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
  }

  .ui-slider .slider_item > .listing_card,
  .ui-grid .grid_item > .listing_card {
    min-height: 100%;
  }

  .ui-nav .nav_main {
    /* display: flex; */
    /* flex-direction: column; */
    box-sizing: border-box;
    width: 100%;
    max-width: var(--width_xlg);
    margin: 0px auto;
    padding: 0px var(--spacing_lrg);
  }
  .ui-nav .nav_skip {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 100;
    height: calc(var(--font_med) * 2);
    top: calc(0px - var(--font_med) * 2);
    left: 0px;
    padding: 0px var(--spacing_med);
    transition: ease all var(--spd_fast);
    text-decoration: none;
    background-color: var(--c1_bg);
    color: var(--c1_cr);
  }
  .ui-nav .nav_skip:focus {
    top: 0px;
    box-shadow: 0px var(--spacing_sml) var(--spacing_sml) var(--black_5);
  }
  .ui-nav .nav_header {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    width: 100%;
    transition: ease background var(--spd_fast);
    border-bottom: 1px solid transparent;
  }
  .ui-nav .nav_header a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
  }
  .ui-nav .nav_header .nav_menu {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: var(--spacing_lrg);
  }
  .ui-nav .nav_header .nav_menu_logo {
    /* width: 100%; */
    /* max-width: 200px; */
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: var(--spacing_med) 0px;
  }
  .ui-nav .nav_header .nav_menu_logo .logo img {
    width: auto;
    height: 45px;
  }
  .ui-nav .nav_header .nav_menu_main {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing_med) * 1.5);
    flex-direction: column;
  }
  .ui-nav .nav_header .nav_menu_top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing_med);
    font-size: var(--font_xsm);
    line-height: var(--lh_xsm);
    padding-top: var(--spacing_med);
  }
  .ui-nav .nav_header .nav_menu_top .sep {
    width: 1px;
    height: var(--font_med);
    border-left-style: solid;
    border-left-width: 1px;
  }
  .ui-nav .nav_header .nav_menu_bottom {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    /* gap: calc(var(--spacing_med) * 1.75); */
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-nav .nav_header .nav_menu_bottom .menu {
    flex-shrink: 0;
    padding-left: calc(var(--spacing_med) * 1.75 / 2);
    padding-right: calc(var(--spacing_med) * 1.75 / 2);
  }
  .ui-nav .nav_header .nav_menu_bottom .menu:last-child {
    padding-right: 0;
  }
  .ui-nav .nav_header .nav_menu_bottom .menu > .item {
    padding-bottom: var(--spacing_xsm);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: transparent;
  }
  .ui-nav .nav_header .nav_menu_bottom .menu_expand {
    display: none;
    position: absolute;
    top: 100%;
    left: 0%;
    width: 100%;
    padding: var(--spacing_lrg) 0px;
    box-shadow: 0px var(--spacing_sml) var(--spacing_sml) var(--black_5);
  }
  .ui-nav .nav_header .nav_menu_bottom .menu:hover .menu_expand,
  .ui-nav .nav_header .nav_menu_bottom .menu:focus-within .menu_expand {
    display: block;
    animation: fadeIn var(--spd_fast) 1;
    animation-fill-mode: forwards;
  }
  .ui-nav:has(.menu:hover .menu_expand):before,
  .ui-nav:has(.menu:focus-within .menu_expand):before,
  .ui-nav:has(.nav_header.search):before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,0.5);
    animation: fadeIn var(--spd_fast) 1;
    z-index: 98;
  }
  .ui-nav .nav_header .nav_menu_bottom .menu_expand .menu_grid {
    width: calc(100% + var(--spacing_med));
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing_med);
    flex-wrap: wrap;
  }
  .ui-nav .nav_header .nav_menu_bottom .menu_expand .menu_grid > .submenu {
    width: calc(25% - var(--spacing_med));
  }
  .ui-nav .nav_header .nav_menu_bottom .menu_expand .menu_grid .submenu .submenu {
    padding-left: var(--spacing_med);
  }
  .ui-nav .nav_header .nav_menu_bottom .menu_expand .menu_grid .item {
    margin-bottom: var(--spacing_sml);
  }
  .ui-nav .nav_head .nav_header.scroll,
  .ui-nav .nav_head .nav_header.open,
  .ui-nav .nav_head .nav_header:hover,
  .ui-nav .nav_head .nav_header:focus-within {
    border-bottom: 1px solid #EEE;
  }
  .ui-nav .nav_head .nav_header.scroll .nav_menu_top {
    display: none;
  }
  .ui-nav .nav_head .nav_header.scroll .nav_menu_main {
    align-items: flex-end !important;
    justify-content: flex-end !important;
  }
  .ui-nav .nav_head .nav_header.scroll .nav_menu_logo .logo img {
    height: 30px;
    width: auto;
  }
  .ui-nav .nav_head .nav_header.scroll .nav_menu_logo {
    padding: calc(var(--spacing_med) / 2);
  }
  .ui-nav .nav_head.sc0 {
    color: var(--c0_cr);
    background-color: var(--c0_bg);
  }
  .ui-nav .nav_head.sc0 .active {
    color: var(--c0_hl);
    border-color: var(--c0_hl) !important;
  }
  .ui-nav .nav_head.shc0 .nav_header.inner,
  .ui-nav .nav_head.shc0 .nav_header.scroll,
  .ui-nav .nav_head.shc0 .nav_header.open,
  .ui-nav .nav_head.shc0 .nav_header:hover,
  .ui-nav .nav_head.shc0 .nav_header:focus-within {
    color: var(--c0_cr);
    background-color: var(--c0_bg);
  }
  .ui-nav .nav_head.shc0 .nav_header.inner .active,
  .ui-nav .nav_head.shc0 .nav_header.scroll .active,
  .ui-nav .nav_head.shc0 .nav_header.open .active,
  .ui-nav .nav_head.shc0 .nav_header:hover .active,
  .ui-nav .nav_head.shc0 .nav_header:focus-within .active {
    color: var(--c0_hl);
    border-color: var(--c0_hl) !important;
  }
  .ui-nav .nav_head.shc0 .menu_expand {
    color: var(--c0_cr);
    background-color: var(--c0_bg);
  }
  .ui-nav .nav_head.sc1 {
    color: var(--c1_cr);
    background-color: var(--c1_bg);
  }
  .ui-nav .nav_head.sc1 .active {
    color: var(--c1_hl);
    border-color: var(--c1_hl) !important;
  }
  .ui-nav .nav_head.shc1 .nav_header.inner,
  .ui-nav .nav_head.shc1 .nav_header.scroll,
  .ui-nav .nav_head.shc1 .nav_header.open,
  .ui-nav .nav_head.shc1 .nav_header:hover,
  .ui-nav .nav_head.shc1 .nav_header:focus-within {
    color: var(--c1_cr);
    background-color: var(--c1_bg);
  }
  .ui-nav .nav_head.shc1 .nav_header.inner .active,
  .ui-nav .nav_head.shc1 .nav_header.scroll .active,
  .ui-nav .nav_head.shc1 .nav_header.open .active,
  .ui-nav .nav_head.shc1 .nav_header:hover .active,
  .ui-nav .nav_head.shc1 .nav_header:focus-within .active {
    color: var(--c1_hl);
    border-color: var(--c1_hl) !important;
  }
  .ui-nav .nav_head.shc1 .menu_expand {
    color: var(--c1_cr);
    background-color: var(--c1_bg);
  }
  .ui-nav .nav_head.sc2 {
    color: var(--c2_cr);
    background-color: var(--c2_bg);
  }
  .ui-nav .nav_head.sc2 .active {
    color: var(--c2_hl);
    border-color: var(--c2_hl) !important;
  }
  .ui-nav .nav_head.shc2 .nav_header.inner,
  .ui-nav .nav_head.shc2 .nav_header.scroll,
  .ui-nav .nav_head.shc2 .nav_header.open,
  .ui-nav .nav_head.shc2 .nav_header:hover,
  .ui-nav .nav_head.shc2 .nav_header:focus-within {
    color: var(--c2_cr);
    background-color: var(--c2_bg);
  }
  .ui-nav .nav_head.shc2 .nav_header.inner .active,
  .ui-nav .nav_head.shc2 .nav_header.scroll .active,
  .ui-nav .nav_head.shc2 .nav_header.open .active,
  .ui-nav .nav_head.shc2 .nav_header:hover .active,
  .ui-nav .nav_head.shc2 .nav_header:focus-within .active {
    color: var(--c2_hl);
    border-color: var(--c2_hl) !important;
  }
  .ui-nav .nav_head.shc2 .menu_expand {
    color: var(--c2_cr);
    background-color: var(--c2_bg);
  }
  .ui-nav .nav_head.sc3 {
    color: var(--c3_cr);
    background-color: var(--c3_bg);
  }
  .ui-nav .nav_head.sc3 .active {
    color: var(--c3_hl);
    border-color: var(--c3_hl) !important;
  }
  .ui-nav .nav_head.shc3 .nav_header.inner,
  .ui-nav .nav_head.shc3 .nav_header.scroll,
  .ui-nav .nav_head.shc3 .nav_header.open,
  .ui-nav .nav_head.shc3 .nav_header:hover,
  .ui-nav .nav_head.shc3 .nav_header:focus-within {
    color: var(--c3_cr);
    background-color: var(--c3_bg);
  }
  .ui-nav .nav_head.shc3 .nav_header.inner .active,
  .ui-nav .nav_head.shc3 .nav_header.scroll .active,
  .ui-nav .nav_head.shc3 .nav_header.open .active,
  .ui-nav .nav_head.shc3 .nav_header:hover .active,
  .ui-nav .nav_head.shc3 .nav_header:focus-within .active {
    color: var(--c3_hl);
    border-color: var(--c3_hl) !important;
  }
  .ui-nav .nav_head.shc3 .menu_expand {
    color: var(--c3_cr);
    background-color: var(--c3_bg);
  }
  .ui-nav .nav_head.sc4 {
    color: var(--c4_cr);
    background-color: var(--c4_bg);
  }
  .ui-nav .nav_head.sc4 .active {
    color: var(--c4_hl);
    border-color: var(--c4_hl) !important;
  }
  .ui-nav .nav_head.shc4 .nav_header.inner,
  .ui-nav .nav_head.shc4 .nav_header.scroll,
  .ui-nav .nav_head.shc4 .nav_header.open,
  .ui-nav .nav_head.shc4 .nav_header:hover,
  .ui-nav .nav_head.shc4 .nav_header:focus-within {
    color: var(--c4_cr);
    background-color: var(--c4_bg);
  }
  .ui-nav .nav_head.shc4 .nav_header.inner .active,
  .ui-nav .nav_head.shc4 .nav_header.scroll .active,
  .ui-nav .nav_head.shc4 .nav_header.open .active,
  .ui-nav .nav_head.shc4 .nav_header:hover .active,
  .ui-nav .nav_head.shc4 .nav_header:focus-within .active {
    color: var(--c4_hl);
    border-color: var(--c4_hl) !important;
  }
  .ui-nav .nav_head.shc4 .menu_expand {
    color: var(--c4_cr);
    background-color: var(--c4_bg);
  }
  .ui-nav .nav_head.sc5 {
    color: var(--c5_cr);
    background-color: var(--c5_bg);
  }
  .ui-nav .nav_head.sc5 .active {
    color: var(--c5_hl);
    border-color: var(--c5_hl) !important;
  }
  .ui-nav .nav_head.shc5 .nav_header.inner,
  .ui-nav .nav_head.shc5 .nav_header.scroll,
  .ui-nav .nav_head.shc5 .nav_header.open,
  .ui-nav .nav_head.shc5 .nav_header:hover,
  .ui-nav .nav_head.shc5 .nav_header:focus-within {
    color: var(--c5_cr);
    background-color: var(--c5_bg);
  }
  .ui-nav .nav_head.shc5 .nav_header.inner .active,
  .ui-nav .nav_head.shc5 .nav_header.scroll .active,
  .ui-nav .nav_head.shc5 .nav_header.open .active,
  .ui-nav .nav_head.shc5 .nav_header:hover .active,
  .ui-nav .nav_head.shc5 .nav_header:focus-within .active {
    color: var(--c5_hl);
    border-color: var(--c5_hl) !important;
  }
  .ui-nav .nav_head.shc5 .menu_expand {
    color: var(--c5_cr);
    background-color: var(--c5_bg);
  }
  .ui-nav .nav_head.sc6 {
    color: var(--c6_cr);
    background-color: var(--c6_bg);
  }
  .ui-nav .nav_head.sc6 .active {
    color: var(--c6_hl);
    border-color: var(--c6_hl) !important;
  }
  .ui-nav .nav_head.shc6 .nav_header.inner,
  .ui-nav .nav_head.shc6 .nav_header.scroll,
  .ui-nav .nav_head.shc6 .nav_header.open,
  .ui-nav .nav_head.shc6 .nav_header:hover,
  .ui-nav .nav_head.shc6 .nav_header:focus-within {
    color: var(--c6_cr);
    background-color: var(--c6_bg);
  }
  .ui-nav .nav_head.shc6 .nav_header.inner .active,
  .ui-nav .nav_head.shc6 .nav_header.scroll .active,
  .ui-nav .nav_head.shc6 .nav_header.open .active,
  .ui-nav .nav_head.shc6 .nav_header:hover .active,
  .ui-nav .nav_head.shc6 .nav_header:focus-within .active {
    color: var(--c6_hl);
    border-color: var(--c6_hl) !important;
  }
  .ui-nav .nav_head.shc6 .menu_expand {
    color: var(--c6_cr);
    background-color: var(--c6_bg);
  }
  .ui-nav .nav_head.sc7 {
    color: var(--c7_cr);
    background-color: var(--c7_bg);
  }
  .ui-nav .nav_head.sc7 .active {
    color: var(--c7_hl);
    border-color: var(--c7_hl) !important;
  }
  .ui-nav .nav_head.shc7 .nav_header.inner,
  .ui-nav .nav_head.shc7 .nav_header.scroll,
  .ui-nav .nav_head.shc7 .nav_header.open,
  .ui-nav .nav_head.shc7 .nav_header:hover,
  .ui-nav .nav_head.shc7 .nav_header:focus-within {
    color: var(--c7_cr);
    background-color: var(--c7_bg);
  }
  .ui-nav .nav_head.shc7 .nav_header.inner .active,
  .ui-nav .nav_head.shc7 .nav_header.scroll .active,
  .ui-nav .nav_head.shc7 .nav_header.open .active,
  .ui-nav .nav_head.shc7 .nav_header:hover .active,
  .ui-nav .nav_head.shc7 .nav_header:focus-within .active {
    color: var(--c7_hl);
    border-color: var(--c7_hl) !important;
  }
  .ui-nav .nav_head.shc7 .menu_expand {
    color: var(--c7_cr);
    background-color: var(--c7_bg);
  }
  .ui-nav .nav_head.sc8 {
    color: var(--c8_cr);
    background-color: var(--c8_bg);
  }
  .ui-nav .nav_head.sc8 .active {
    color: var(--c8_hl);
    border-color: var(--c8_hl) !important;
  }
  .ui-nav .nav_head.shc8 .nav_header.inner,
  .ui-nav .nav_head.shc8 .nav_header.scroll,
  .ui-nav .nav_head.shc8 .nav_header.open,
  .ui-nav .nav_head.shc8 .nav_header:hover,
  .ui-nav .nav_head.shc8 .nav_header:focus-within {
    color: var(--c8_cr);
    background-color: var(--c8_bg);
  }
  .ui-nav .nav_head.shc8 .nav_header.inner .active,
  .ui-nav .nav_head.shc8 .nav_header.scroll .active,
  .ui-nav .nav_head.shc8 .nav_header.open .active,
  .ui-nav .nav_head.shc8 .nav_header:hover .active,
  .ui-nav .nav_head.shc8 .nav_header:focus-within .active {
    color: var(--c8_hl);
    border-color: var(--c8_hl) !important;
  }
  .ui-nav .nav_head.shc8 .menu_expand {
    color: var(--c8_cr);
    background-color: var(--c8_bg);
  }
  .ui-nav .nav_head.sc9 {
    color: var(--c9_cr);
    background-color: var(--c9_bg);
  }
  .ui-nav .nav_head.sc9 .active {
    color: var(--c9_hl);
    border-color: var(--c9_hl) !important;
  }
  .ui-nav .nav_head.shc9 .nav_header.inner,
  .ui-nav .nav_head.shc9 .nav_header.scroll,
  .ui-nav .nav_head.shc9 .nav_header.open,
  .ui-nav .nav_head.shc9 .nav_header:hover,
  .ui-nav .nav_head.shc9 .nav_header:focus-within {
    color: var(--c9_cr);
    background-color: var(--c9_bg);
  }
  .ui-nav .nav_head.shc9 .nav_header.inner .active,
  .ui-nav .nav_head.shc9 .nav_header.scroll .active,
  .ui-nav .nav_head.shc9 .nav_header.open .active,
  .ui-nav .nav_head.shc9 .nav_header:hover .active,
  .ui-nav .nav_head.shc9 .nav_header:focus-within .active {
    color: var(--c9_hl);
    border-color: var(--c9_hl) !important;
  }
  .ui-nav .nav_head.shc9 .menu_expand {
    color: var(--c9_cr);
    background-color: var(--c9_bg);
  }
  .ui-nav .nav_head.sc0 .logo .logo_w {
    display: none;
  }
  .ui-nav .nav_head.sc0 .logo .logo_b {
    display: block;
  }
  .ui-nav .nav_head.shc0 .nav_header.inner .logo .logo_w,
  .ui-nav .nav_head.shc0 .nav_header.scroll .logo .logo_w,
  .ui-nav .nav_head.shc0 .nav_header.open .logo .logo_w,
  .ui-nav .nav_head.shc0 .nav_header:hover .logo .logo_w,
  .ui-nav .nav_head.shc0 .nav_header:focus-within .logo .logo_w {
    display: none;
  }
  .ui-nav .nav_head.shc0 .nav_header.inner .logo .logo_b,
  .ui-nav .nav_head.shc0 .nav_header.scroll .logo .logo_b,
  .ui-nav .nav_head.shc0 .nav_header.open .logo .logo_b,
  .ui-nav .nav_head.shc0 .nav_header:hover .logo .logo_b,
  .ui-nav .nav_head.shc0 .nav_header:focus-within .logo .logo_b {
    display: block;
  }
  .ui-nav .nav_head.sc1 .logo .logo_w {
    display: none;
  }
  .ui-nav .nav_head.sc1 .logo .logo_b {
    display: block;
  }
  .ui-nav .nav_head.shc1 .nav_header.inner .logo .logo_w,
  .ui-nav .nav_head.shc1 .nav_header.scroll .logo .logo_w,
  .ui-nav .nav_head.shc1 .nav_header.open .logo .logo_w,
  .ui-nav .nav_head.shc1 .nav_header:hover .logo .logo_w,
  .ui-nav .nav_head.shc1 .nav_header:focus-within .logo .logo_w {
    display: none;
  }
  .ui-nav .nav_head.shc1 .nav_header.inner .logo .logo_b,
  .ui-nav .nav_head.shc1 .nav_header.scroll .logo .logo_b,
  .ui-nav .nav_head.shc1 .nav_header.open .logo .logo_b,
  .ui-nav .nav_head.shc1 .nav_header:hover .logo .logo_b,
  .ui-nav .nav_head.shc1 .nav_header:focus-within .logo .logo_b {
    display: block;
  }
  .ui-nav .nav_head.sc2 .logo .logo_w {
    display: none;
  }
  .ui-nav .nav_head.sc2 .logo .logo_b {
    display: block;
  }
  .ui-nav .nav_head.shc2 .nav_header.inner .logo .logo_w,
  .ui-nav .nav_head.shc2 .nav_header.scroll .logo .logo_w,
  .ui-nav .nav_head.shc2 .nav_header.open .logo .logo_w,
  .ui-nav .nav_head.shc2 .nav_header:hover .logo .logo_w,
  .ui-nav .nav_head.shc2 .nav_header:focus-within .logo .logo_w {
    display: none;
  }
  .ui-nav .nav_head.shc2 .nav_header.inner .logo .logo_b,
  .ui-nav .nav_head.shc2 .nav_header.scroll .logo .logo_b,
  .ui-nav .nav_head.shc2 .nav_header.open .logo .logo_b,
  .ui-nav .nav_head.shc2 .nav_header:hover .logo .logo_b,
  .ui-nav .nav_head.shc2 .nav_header:focus-within .logo .logo_b {
    display: block;
  }
  .ui-nav .nav_head.sc3 .logo .logo_w {
    display: none;
  }
  .ui-nav .nav_head.sc3 .logo .logo_b {
    display: block;
  }
  .ui-nav .nav_head.shc3 .nav_header.inner .logo .logo_w,
  .ui-nav .nav_head.shc3 .nav_header.scroll .logo .logo_w,
  .ui-nav .nav_head.shc3 .nav_header.open .logo .logo_w,
  .ui-nav .nav_head.shc3 .nav_header:hover .logo .logo_w,
  .ui-nav .nav_head.shc3 .nav_header:focus-within .logo .logo_w {
    display: none;
  }
  .ui-nav .nav_head.shc3 .nav_header.inner .logo .logo_b,
  .ui-nav .nav_head.shc3 .nav_header.scroll .logo .logo_b,
  .ui-nav .nav_head.shc3 .nav_header.open .logo .logo_b,
  .ui-nav .nav_head.shc3 .nav_header:hover .logo .logo_b,
  .ui-nav .nav_head.shc3 .nav_header:focus-within .logo .logo_b {
    display: block;
  }
  .ui-nav .nav_head.sc4 .logo .logo_w {
    display: none;
  }
  .ui-nav .nav_head.sc4 .logo .logo_b {
    display: block;
  }
  .ui-nav .nav_head.shc4 .nav_header.inner .logo .logo_w,
  .ui-nav .nav_head.shc4 .nav_header.scroll .logo .logo_w,
  .ui-nav .nav_head.shc4 .nav_header.open .logo .logo_w,
  .ui-nav .nav_head.shc4 .nav_header:hover .logo .logo_w,
  .ui-nav .nav_head.shc4 .nav_header:focus-within .logo .logo_w {
    display: none;
  }
  .ui-nav .nav_head.shc4 .nav_header.inner .logo .logo_b,
  .ui-nav .nav_head.shc4 .nav_header.scroll .logo .logo_b,
  .ui-nav .nav_head.shc4 .nav_header.open .logo .logo_b,
  .ui-nav .nav_head.shc4 .nav_header:hover .logo .logo_b,
  .ui-nav .nav_head.shc4 .nav_header:focus-within .logo .logo_b {
    display: block;
  }
  .ui-nav .nav_head.sc5 .logo .logo_w {
    display: block;
  }
  .ui-nav .nav_head.sc5 .logo .logo_b {
    display: none;
  }
  .ui-nav .nav_head.shc5 .nav_header.inner .logo .logo_w,
  .ui-nav .nav_head.shc5 .nav_header.scroll .logo .logo_w,
  .ui-nav .nav_head.shc5 .nav_header.open .logo .logo_w,
  .ui-nav .nav_head.shc5 .nav_header:hover .logo .logo_w,
  .ui-nav .nav_head.shc5 .nav_header:focus-within .logo .logo_w {
    display: block;
  }
  .ui-nav .nav_head.shc5 .nav_header.inner .logo .logo_b,
  .ui-nav .nav_head.shc5 .nav_header.scroll .logo .logo_b,
  .ui-nav .nav_head.shc5 .nav_header.open .logo .logo_b,
  .ui-nav .nav_head.shc5 .nav_header:hover .logo .logo_b,
  .ui-nav .nav_head.shc5 .nav_header:focus-within .logo .logo_b {
    display: none;
  }
  .ui-nav .nav_head.sc6 .logo .logo_w {
    display: block;
  }
  .ui-nav .nav_head.sc6 .logo .logo_b {
    display: none;
  }
  .ui-nav .nav_head.shc6 .nav_header.inner .logo .logo_w,
  .ui-nav .nav_head.shc6 .nav_header.scroll .logo .logo_w,
  .ui-nav .nav_head.shc6 .nav_header.open .logo .logo_w,
  .ui-nav .nav_head.shc6 .nav_header:hover .logo .logo_w,
  .ui-nav .nav_head.shc6 .nav_header:focus-within .logo .logo_w {
    display: block;
  }
  .ui-nav .nav_head.shc6 .nav_header.inner .logo .logo_b,
  .ui-nav .nav_head.shc6 .nav_header.scroll .logo .logo_b,
  .ui-nav .nav_head.shc6 .nav_header.open .logo .logo_b,
  .ui-nav .nav_head.shc6 .nav_header:hover .logo .logo_b,
  .ui-nav .nav_head.shc6 .nav_header:focus-within .logo .logo_b {
    display: none;
  }
  .ui-nav .nav_head.sc7 .logo .logo_w {
    display: block;
  }
  .ui-nav .nav_head.sc7 .logo .logo_b {
    display: none;
  }
  .ui-nav .nav_head.shc7 .nav_header.inner .logo .logo_w,
  .ui-nav .nav_head.shc7 .nav_header.scroll .logo .logo_w,
  .ui-nav .nav_head.shc7 .nav_header.open .logo .logo_w,
  .ui-nav .nav_head.shc7 .nav_header:hover .logo .logo_w,
  .ui-nav .nav_head.shc7 .nav_header:focus-within .logo .logo_w {
    display: block;
  }
  .ui-nav .nav_head.shc7 .nav_header.inner .logo .logo_b,
  .ui-nav .nav_head.shc7 .nav_header.scroll .logo .logo_b,
  .ui-nav .nav_head.shc7 .nav_header.open .logo .logo_b,
  .ui-nav .nav_head.shc7 .nav_header:hover .logo .logo_b,
  .ui-nav .nav_head.shc7 .nav_header:focus-within .logo .logo_b {
    display: none;
  }
  .ui-nav .nav_head.sc8 .logo .logo_w {
    display: block;
  }
  .ui-nav .nav_head.sc8 .logo .logo_b {
    display: none;
  }
  .ui-nav .nav_head.shc8 .nav_header.inner .logo .logo_w,
  .ui-nav .nav_head.shc8 .nav_header.scroll .logo .logo_w,
  .ui-nav .nav_head.shc8 .nav_header.open .logo .logo_w,
  .ui-nav .nav_head.shc8 .nav_header:hover .logo .logo_w,
  .ui-nav .nav_head.shc8 .nav_header:focus-within .logo .logo_w {
    display: block;
  }
  .ui-nav .nav_head.shc8 .nav_header.inner .logo .logo_b,
  .ui-nav .nav_head.shc8 .nav_header.scroll .logo .logo_b,
  .ui-nav .nav_head.shc8 .nav_header.open .logo .logo_b,
  .ui-nav .nav_head.shc8 .nav_header:hover .logo .logo_b,
  .ui-nav .nav_head.shc8 .nav_header:focus-within .logo .logo_b {
    display: none;
  }
  .ui-nav .nav_head.sc9 .logo .logo_w {
    display: block;
  }
  .ui-nav .nav_head.sc9 .logo .logo_b {
    display: none;
  }
  .ui-nav .nav_head.shc9 .nav_header.inner .logo .logo_w,
  .ui-nav .nav_head.shc9 .nav_header.scroll .logo .logo_w,
  .ui-nav .nav_head.shc9 .nav_header.open .logo .logo_w,
  .ui-nav .nav_head.shc9 .nav_header:hover .logo .logo_w,
  .ui-nav .nav_head.shc9 .nav_header:focus-within .logo .logo_w {
    display: block;
  }
  .ui-nav .nav_head.shc9 .nav_header.inner .logo .logo_b,
  .ui-nav .nav_head.shc9 .nav_header.scroll .logo .logo_b,
  .ui-nav .nav_head.shc9 .nav_header.open .logo .logo_b,
  .ui-nav .nav_head.shc9 .nav_header:hover .logo .logo_b,
  .ui-nav .nav_head.shc9 .nav_header:focus-within .logo .logo_b {
    display: none;
  }
  .ui-nav .nav_banner {
    position: relative;
  }
  .ui-nav .nav_banner .nav_banner_text {
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    max-height: 100%;
    padding-bottom: var(--spacing_med);
  }
  .ui-nav .nav_banner.op-0 .ui-media {
    opacity: 0;
  }
  .ui-nav .nav_banner.op-10 .ui-media {
    opacity: 0.1;
  }
  .ui-nav .nav_banner.op-20 .ui-media {
    opacity: 0.2;
  }
  .ui-nav .nav_banner.op-30 .ui-media {
    opacity: 0.3;
  }
  .ui-nav .nav_banner.op-40 .ui-media {
    opacity: 0.4;
  }
  .ui-nav .nav_banner.op-50 .ui-media {
    opacity: 0.5;
  }
  .ui-nav .nav_banner.op-60 .ui-media {
    opacity: 0.6;
  }
  .ui-nav .nav_banner.op-70 .ui-media {
    opacity: 0.7;
  }
  .ui-nav .nav_banner.op-80 .ui-media {
    opacity: 0.8;
  }
  .ui-nav .nav_banner.op-90 .ui-media {
    opacity: 0.9;
  }
  .ui-nav .nav_body {
    width: 100%;
    overflow: hidden;
  }
  .ui-nav .nav_body .nav_main {
    font-size: var(--font_med);
    line-height: var(--lh_med);
    padding-top: calc(var(--spacing_lrg) * 1.5);
    padding-bottom: calc(var(--spacing_med));
  }
  .ui-nav .nav_footer {
    font-size: var(--font_sml);
    line-height: var(--lh_sml);
    padding-top: var(--spacing_lrg);
    padding-bottom: var(--spacing_lrg);
    border-top-width: 1px;
    border-top-style: solid;
  }
  .ui-nav .nav_footer a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
  }
  .ui-nav .nav_footer .nav_menu {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: var(--spacing_lrg);
  }
  .ui-nav .nav_footer .nav_menu_logo {
    flex: 1;
  }
  .ui-nav .nav_footer .nav_menu_logo .logo img {
    width: auto;
    height: auto;
    max-height: 80px;
  }
  .ui-nav .nav_footer .nav_menu_social {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: var(--spacing_med);
    margin-top: var(--spacing_lrg);
  }
  .ui-nav .nav_footer .nav_menu_main {
    flex: 1;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: var(--spacing_xlg);
  }
  .ui-nav .nav_footer .nav_menu_main .menu {
    margin-bottom: var(--spacing_sml);
  }
  .ui-nav .nav_footer .nav_menu_main .menu > a {
    font-size: var(--font_med);
    line-height: var(--lh_med);
    font-weight: bold;
  }
  .ui-nav .nav_footer .nav_menu_main .menu .submenu {
    padding-left: var(--spacing_sml);
  }
  .ui-nav .nav_footer .nav_menu_main .menu .item {
    margin-bottom: var(--spacing_xsm);
  }
  .ui-nav .nav_footer .nav_footer_copy {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: var(--spacing_sml);
    margin-top: var(--spacing_med);
  }
  .ui-nav .nav_footer .nav_footer_copy .item:not(:last-child) {
    padding-right: var(--spacing_sml);
    border-right-style: solid;
    border-right-width: var(--border_sml);
  }

  @media (hover: hover) {
    .nav_footer .nav_menu_main .menu a:hover {
      text-decoration: underline;
    }
    .nav_footer .nav_footer_copy a.item:hover {
      text-decoration: underline;
    }
  }
  .ui-win {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: var(--black_75);
  }
  .ui-win .win_frame {
    color: var(--c0_cr);
    background-color: var(--c0_bg);
    min-width: calc(30vw - var(--spacing_med) * 2);
    max-width: calc(100vw - var(--spacing_med) * 2);
  }
  .ui-win .win_head {
    font-size: var(--font_med);
    line-height: var(--lh_med);
    height: calc(var(--font_med) * 3);
    padding: 0px var(--spacing_med);
  }
  .ui-win .win_head_content {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing_med);
    border-bottom-style: solid;
    border-bottom-width: var(--border_sml);
  }
  .ui-win .win_head_content .win_head_title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ui-win .win_head_content .win_head_close {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing_med) / 2);
  }
  .ui-win .win_body {
    max-height: calc(100vh - var(--font_med) * 3 - var(--spacing_med) * 2);
    overflow-x: hidden;
    overflow-y: auto;
  }
  .ui-win .win_body_content {
    font-size: var(--font_med);
    line-height: var(--lh_med);
    padding: var(--spacing_med) var(--spacing_med);
  }
  .ui-win .win_action {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing_med);
    margin: var(--spacing_med) 0px 0px 0px;
    padding: 0px;
  }
  .ui-win .win_log {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing_med);
    font-size: var(--font_sml);
    line-height: var(--lh_sml);
    padding: calc(var(--spacing_med) / 2) 0px;
  }
  .ui-win .win_log .label {
    flex: 1;
  }
  .ui-win .win_log .value {
    flex: 4;
  }
  .ui-win .win_log + .win_log {
    border-top-style: dashed;
    border-top-width: var(--border_sml);
  }
  .ui-win .win_iframe {
    padding: var(--spacing_med);
  }
  .ui-win .win_iframe iframe {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: calc(100vw - var(--spacing_med) * 4);
    min-height: calc(100vh - var(--font_med) * 3 - var(--spacing_med) * 4);
    border: none;
    background: none;
  }
  .ui-win .win_iframe.transparent {
    color: var(--white_100);
    background-color: transparent;
    box-shadow: none;
  }
  .ui-win .win_iframe.transparent .win_head_content {
    border-style: none;
  }
  .ui-win .win_iframe.transparent .win_head .ui-button {
    filter: brightness(0) invert(1);
  }
  .ui-win .win_iframe.transparent .win_body_content {
    padding-top: 0px;
  }

  .ui-win.error .win_log .value {
    color: var(--e0);
  }

  .ui-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing_med);
    min-height: var(--height_xsm);
  }
  .ui-loader:before {
    display: block;
    content: "";
    width: var(--icon_lrg);
    height: var(--icon_lrg);
    background-image: url(../img/ajax/ajax-loader.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }

  .c0 .ui-loader:before {
    filter: none;
  }

  .c1 .ui-loader:before {
    filter: none;
  }

  .c2 .ui-loader:before {
    filter: none;
  }

  .c3 .ui-loader:before {
    filter: none;
  }

  .c4 .ui-loader:before {
    filter: none;
  }

  .c5 .ui-loader:before {
    filter: brightness(0) invert(1);
  }

  .c6 .ui-loader:before {
    filter: brightness(0) invert(1);
  }

  .c7 .ui-loader:before {
    filter: brightness(0) invert(1);
  }

  .c8 .ui-loader:before {
    filter: brightness(0) invert(1);
  }

  .c9 .ui-loader:before {
    filter: brightness(0) invert(1);
  }

  .ui-button {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--icon_med) / 2);
    box-sizing: border-box;
    color: inherit;
    text-decoration: none;
    transition: ease all var(--spd_fast);
  }
  .ui-button .label {
    display: block;
    color: inherit;
    text-decoration: none;
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-button .icon {
    display: block;
    width: var(--icon_med);
    height: var(--icon_med);
    background-image: url(../img/ui/action.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: ease all var(--spd_fast);
  }

  .ui-button.xxs {
    gap: calc(var(--icon_xxs) / 2);
  }
  .ui-button.xxs .label {
    font-size: var(--font_xxs);
    line-height: var(--lh_xxs);
  }
  .ui-button.xxs .icon {
    width: var(--icon_xxs);
    height: var(--icon_xxs);
  }

  .ui-button.xsm {
    gap: calc(var(--icon_xsm) / 2);
  }
  .ui-button.xsm .label {
    font-size: var(--font_xsm);
    line-height: var(--lh_xsm);
  }
  .ui-button.xsm .icon {
    width: var(--icon_xsm);
    height: var(--icon_xsm);
  }

  .ui-button.sml {
    gap: calc(var(--icon_sml) / 2);
  }
  .ui-button.sml .label {
    font-size: var(--font_sml);
    line-height: var(--lh_sml);
  }
  .ui-button.sml .icon {
    width: var(--icon_sml);
    height: var(--icon_sml);
  }

  .ui-button.med {
    gap: calc(var(--icon_med) / 2);
  }
  .ui-button.med .label {
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-button.med .icon {
    width: var(--icon_med);
    height: var(--icon_med);
  }

  .ui-button.lrg {
    gap: calc(var(--icon_lrg) / 2);
  }
  .ui-button.lrg .label {
    font-size: var(--font_lrg);
    line-height: var(--lh_lrg);
  }
  .ui-button.lrg .icon {
    width: var(--icon_lrg);
    height: var(--icon_lrg);
  }

  .ui-button.xlg {
    gap: calc(var(--icon_xlg) / 2);
  }
  .ui-button.xlg .label {
    font-size: var(--font_xlg);
    line-height: var(--lh_xlg);
  }
  .ui-button.xlg .icon {
    width: var(--icon_xlg);
    height: var(--icon_xlg);
  }

  .ui-button.xxl {
    gap: calc(var(--icon_xxl) / 2);
  }
  .ui-button.xxl .label {
    font-size: var(--font_xxl);
    line-height: var(--lh_xxl);
  }
  .ui-button.xxl .icon {
    width: var(--icon_xxl);
    height: var(--icon_xxl);
  }

  .ui-button.flip {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .ui-button.cir .label,
  .ui-button:not(.t2).no_label .label {
    display: none;
  }

  .ui-button:not(.t2, .cir).no_icon .icon {
    display: none;
  }

  .c0 .ui-button .icon {
    filter: none;
  }

  .c1 .ui-button .icon {
    filter: none;
  }

  .c2 .ui-button .icon {
    filter: none;
  }

  .c3 .ui-button .icon {
    filter: none;
  }

  .c4 .ui-button .icon {
    filter: none;
  }

  .c5 .ui-button .icon {
    filter: brightness(0) invert(1);
  }

  .c6 .ui-button .icon {
    filter: brightness(0) invert(1);
  }

  .c7 .ui-button .icon {
    filter: brightness(0) invert(1);
  }

  .c8 .ui-button .icon {
    filter: brightness(0) invert(1);
  }

  .c9 .ui-button .icon {
    filter: brightness(0) invert(1);
  }

  @media (hover: hover) {
    .ui-button:hover,
    a:hover .ui-button,
    button:hover .ui-button {
      color: var(--c0_lk);
    }
    .c0 .ui-button:hover,
    .c0-cr .ui-button:hover,
    .c0 a:hover .ui-button:hover,
    .c0-cr a:hover .ui-button:hover,
    .c0 button:hover .ui-button:hover,
    .c0-cr button:hover .ui-button:hover {
      color: var(--c0_lk);
    }
    .c1 .ui-button:hover,
    .c1-cr .ui-button:hover,
    .c1 a:hover .ui-button:hover,
    .c1-cr a:hover .ui-button:hover,
    .c1 button:hover .ui-button:hover,
    .c1-cr button:hover .ui-button:hover {
      color: var(--c1_lk);
    }
    .c2 .ui-button:hover,
    .c2-cr .ui-button:hover,
    .c2 a:hover .ui-button:hover,
    .c2-cr a:hover .ui-button:hover,
    .c2 button:hover .ui-button:hover,
    .c2-cr button:hover .ui-button:hover {
      color: var(--c2_lk);
    }
    .c3 .ui-button:hover,
    .c3-cr .ui-button:hover,
    .c3 a:hover .ui-button:hover,
    .c3-cr a:hover .ui-button:hover,
    .c3 button:hover .ui-button:hover,
    .c3-cr button:hover .ui-button:hover {
      color: var(--c3_lk);
    }
    .c4 .ui-button:hover,
    .c4-cr .ui-button:hover,
    .c4 a:hover .ui-button:hover,
    .c4-cr a:hover .ui-button:hover,
    .c4 button:hover .ui-button:hover,
    .c4-cr button:hover .ui-button:hover {
      color: var(--c4_lk);
    }
    .c5 .ui-button:hover,
    .c5-cr .ui-button:hover,
    .c5 a:hover .ui-button:hover,
    .c5-cr a:hover .ui-button:hover,
    .c5 button:hover .ui-button:hover,
    .c5-cr button:hover .ui-button:hover {
      color: var(--c5_lk);
    }
    .c6 .ui-button:hover,
    .c6-cr .ui-button:hover,
    .c6 a:hover .ui-button:hover,
    .c6-cr a:hover .ui-button:hover,
    .c6 button:hover .ui-button:hover,
    .c6-cr button:hover .ui-button:hover {
      color: var(--c6_lk);
    }
    .c7 .ui-button:hover,
    .c7-cr .ui-button:hover,
    .c7 a:hover .ui-button:hover,
    .c7-cr a:hover .ui-button:hover,
    .c7 button:hover .ui-button:hover,
    .c7-cr button:hover .ui-button:hover {
      color: var(--c7_lk);
    }
    .c8 .ui-button:hover,
    .c8-cr .ui-button:hover,
    .c8 a:hover .ui-button:hover,
    .c8-cr a:hover .ui-button:hover,
    .c8 button:hover .ui-button:hover,
    .c8-cr button:hover .ui-button:hover {
      color: var(--c8_lk);
    }
    .c9 .ui-button:hover,
    .c9-cr .ui-button:hover,
    .c9 a:hover .ui-button:hover,
    .c9-cr a:hover .ui-button:hover,
    .c9 button:hover .ui-button:hover,
    .c9-cr button:hover .ui-button:hover {
      color: var(--c9_lk);
    }
  }
  .ui-button .icon[data-icon=ok] {
    background-image: url(../img/ui/check.svg);
  }

  .ui-button .icon[data-icon=yes] {
    background-image: url(../img/ui/check.svg);
  }

  .ui-button .icon[data-icon=no] {
    background-image: url(../img/ui/delete.svg);
  }

  .ui-button .icon[data-icon=confirm] {
    background-image: url(../img/ui/check.svg);
  }

  .ui-button .icon[data-icon=cancel] {
    background-image: url(../img/ui/delete.svg);
  }

  .ui-button .icon[data-icon=view] {
    background-image: url(../img/ui/view.svg);
  }

  .ui-button .icon[data-icon=create] {
    background-image: url(../img/ui/new.svg);
  }

  .ui-button .icon[data-icon=save] {
    background-image: url(../img/ui/save.svg);
  }

  .ui-button .icon[data-icon=saveas] {
    background-image: url(../img/ui/save.svg);
  }

  .ui-button .icon[data-icon=edit] {
    background-image: url(../img/ui/pen.svg);
  }

  .ui-button .icon[data-icon=copy] {
    background-image: url(../img/ui/copy.svg);
  }

  .ui-button .icon[data-icon=back] {
    background-image: url(../img/ui/sort-left.svg);
  }

  .ui-button .icon[data-icon=preview] {
    background-image: url(../img/ui/view.svg);
  }

  .ui-button .icon[data-icon=delete] {
    background-image: url(../img/ui/trash.svg);
  }

  .ui-button .icon[data-icon=export] {
    background-image: url(../img/ui/transfer-upload.svg);
  }

  .ui-button .icon[data-icon=import] {
    background-image: url(../img/ui/transfer-download.svg);
  }

  .ui-button .icon[data-icon=download] {
    background-image: url(../img/ui/transfer-download.svg);
  }

  .ui-button .icon[data-icon=upload] {
    background-image: url(../img/ui/transfer-upload.svg);
  }

  .ui-button .icon[data-icon=browse] {
    background-image: url(../img/ui/action.svg);
  }

  .ui-button .icon[data-icon=finish] {
    background-image: url(../img/ui/tick.svg);
  }

  .ui-button .icon[data-icon=reset] {
    background-image: url(../img/ui/refresh.svg);
  }

  .ui-button .icon[data-icon=info] {
    background-image: url(../img/ui/info.svg);
  }

  .ui-button .icon[data-icon=login] {
    background-image: url(../img/ui/lock-un.svg);
  }

  .ui-button .icon[data-icon=logout] {
    background-image: url(../img/ui/lock.svg);
  }

  .ui-button .icon[data-icon=forgot] {
    background-image: url(../img/ui/move-back.svg);
  }

  .ui-button .icon[data-icon=activate] {
    background-image: url(../img/ui/tick.svg);
  }

  .ui-button .icon[data-icon=open] {
    background-image: url(../img/ui/action.svg);
  }

  .ui-button .icon[data-icon=close] {
    background-image: url(../img/ui/close.svg);
  }

  .ui-button .icon[data-icon=stop] {
    background-image: url(../img/ui/forbidden.svg);
  }

  .ui-button .icon[data-icon=prev] {
    background-image: url(../img/ui/carat-l.svg);
  }

  .ui-button .icon[data-icon=next] {
    background-image: url(../img/ui/carat-r.svg);
  }

  .ui-button .icon[data-icon=collapse] {
    background-image: url(../img/ui/toggle-minus.svg);
  }

  .ui-button .icon[data-icon=expand] {
    background-image: url(../img/ui/toggle-plus.svg);
  }

  .ui-button .icon[data-icon=left] {
    background-image: url(../img/ui/sort-left.svg);
  }

  .ui-button .icon[data-icon=right] {
    background-image: url(../img/ui/sort-right.svg);
  }

  .ui-button .icon[data-icon=up] {
    background-image: url(../img/ui/sort-up.svg);
  }

  .ui-button .icon[data-icon=down] {
    background-image: url(../img/ui/sort-down.svg);
  }

  .ui-button .icon[data-icon=first] {
    background-image: url(../img/ui/sort-first.svg);
  }

  .ui-button .icon[data-icon=last] {
    background-image: url(../img/ui/sort-last.svg);
  }

  .ui-button .icon[data-icon=plus] {
    background-image: url(../img/ui/toggle-plus.svg);
  }

  .ui-button .icon[data-icon=minus] {
    background-image: url(../img/ui/toggle-minus.svg);
  }

  .ui-button .icon[data-icon=time] {
    background-image: url(../img/ui/date-clock.svg);
  }

  .ui-button .icon[data-icon=date] {
    background-image: url(../img/ui/date-calendar.svg);
  }

  .ui-button .icon[data-icon=map] {
    background-image: url(../img/ui/location.svg);
  }

  .ui-button .icon[data-icon=search] {
    background-image: url(../img/ui/search.svg);
  }

  .ui-button .icon[data-icon=clear] {
    background-image: url(../img/ui/close.svg);
  }

  .ui-button .icon[data-icon=backup] {
    background-image: url(../img/ui/transfer-download.svg);
  }

  .ui-button .icon[data-icon=restore] {
    background-image: url(../img/ui/transfer-upload.svg);
  }

  .ui-button .icon[data-icon=reload] {
    background-image: url(../img/ui/move-forward.svg);
  }

  .ui-button .icon[data-icon=arrange] {
    background-image: url(../img/ui/recycle.svg);
  }

  .ui-button .icon[data-icon=select] {
    background-image: url(../img/ui/select.svg);
  }

  .ui-button .icon[data-icon=tag] {
    background-image: url(../img/ui/tag.svg);
  }

  .ui-button .icon[data-icon=star] {
    background-image: url(../img/ui/star.svg);
  }

  .ui-button .icon[data-icon=fav] {
    background-image: url(../img/ui/heart.svg);
  }

  .ui-button .icon[data-icon=alert] {
    background-image: url(../img/ui/alert.svg);
  }

  .ui-button .icon[data-icon=mail] {
    background-image: url(../img/ui/contact-email.svg);
  }

  .ui-button .icon[data-icon=mailtest] {
    background-image: url(../img/ui/contact-email.svg);
  }

  .ui-button .icon[data-icon=phone] {
    background-image: url(../img/ui/contact-phone.svg);
  }

  .ui-button .icon[data-icon=photo] {
    background-image: url(../img/ui/camera.svg);
  }

  .ui-button .icon[data-icon=video] {
    background-image: url(../img/ui/video.svg);
  }

  .ui-button .icon[data-icon=audio] {
    background-image: url(../img/ui/audio.svg);
  }

  .ui-button .icon[data-icon=chat] {
    background-image: url(../img/ui/chat.svg);
  }

  .ui-button .icon[data-icon=shop] {
    background-image: url(../img/ui/ecom-shop.svg);
  }

  .ui-button .icon[data-icon=user] {
    background-image: url(../img/ui/user-single.svg);
  }

  .ui-button .icon[data-icon=users] {
    background-image: url(../img/ui/user-multi.svg);
  }

  .ui-button .icon[data-icon=home] {
    background-image: url(../img/ui/home.svg);
  }

  .ui-button .icon[data-icon=config] {
    background-image: url(../img/ui/gear.svg);
  }

  .ui-button .icon[data-icon=bell] {
    background-image: url(../img/ui/bell.svg);
  }

  .ui-button .icon[data-icon=menu] {
    background-image: url(../img/ui/menu.svg);
  }

  .ui-button .icon[data-icon=content] {
    background-image: url(../img/ui/content.svg);
  }

  .ui-button .icon[data-icon=lang] {
    background-image: url(../img/ui/lang.svg);
  }

  .ui-button .icon[data-icon=file] {
    background-image: url(../img/ui/new.svg);
  }

  .ui-button .icon[data-icon=folder] {
    background-image: url(../img/ui/folder.svg);
  }

  .ui-button .icon[data-icon=server] {
    background-image: url(../img/ui/server.svg);
  }

  .ui-button .icon[data-icon=log] {
    background-image: url(../img/ui/log.svg);
  }

  .ui-button .icon[data-icon=cart] {
    background-image: url(../img/ui/ecom-cart.svg);
  }

  .ui-button .icon[data-icon=product] {
    background-image: url(../img/ui/ecom-product.svg);
  }

  .ui-button .icon[data-icon=sale] {
    background-image: url(../img/ui/ecom-sale.svg);
  }

  .ui-button .icon[data-icon=ship] {
    background-image: url(../img/ui/ecom-logistic.svg);
  }

  .ui-button .icon[data-icon=checkout] {
    background-image: url(../img/ui/ecom-pay.svg);
  }

  .ui-button .icon[data-icon=pay] {
    background-image: url(../img/ui/ecom-pay.svg);
  }

  .ui-button .icon[data-icon=list] {
    background-image: url(../img/ui/list.svg);
  }

  .ui-button .icon[data-icon=list_table] {
    background-image: url(../img/ui/list-table.svg);
  }

  .ui-button .icon[data-icon=list_card] {
    background-image: url(../img/ui/list-card.svg);
  }

  .ui-button .icon[data-icon=list_content] {
    background-image: url(../img/ui/list-paragraph.svg);
  }

  .ui-button .icon[data-icon=share] {
    background-image: url(../img/ui/share.svg);
  }

  .ui-button .icon[data-icon=andoid] {
    background-image: url(../img/sns/apk.svg);
  }

  .ui-button .icon[data-icon=apple] {
    background-image: url(../img/sns/apple.svg);
  }

  .ui-button .icon[data-icon=facebook] {
    background-image: url(../img/sns/facebook.svg);
  }

  .ui-button .icon[data-icon=instagram] {
    background-image: url(../img/sns/instagram.svg);
  }

  .ui-button .icon[data-icon=linkedin] {
    background-image: url(../img/sns/linkedin.svg);
  }

  .ui-button .icon[data-icon=rss] {
    background-image: url(../img/sns/rss.svg);
  }

  .ui-button .icon[data-icon=twitter] {
    background-image: url(../img/sns/twitter.svg);
  }

  .ui-button .icon[data-icon=x] {
    background-image: url(../img/sns/x.svg);
  }

  .ui-button .icon[data-icon=wechat] {
    background-image: url(../img/sns/wechat.svg);
  }

  .ui-button .icon[data-icon=weibo] {
    background-image: url(../img/sns/weibo.svg);
  }

  .ui-button .icon[data-icon=youtube] {
    background-image: url(../img/sns/youtube.svg);
  }

  .ui-button.t1 {
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2);
    border-style: solid;
    border-width: var(--border_sml);
  }

  .ui-button.t1.no_border {
    border-style: none;
  }

  .ui-button.t1.xxs {
    padding: calc(var(--icon_xxs) / 2) calc(var(--icon_xxs) / 2);
  }

  .ui-button.t1.xsm {
    padding: calc(var(--icon_xsm) / 2) calc(var(--icon_xsm) / 2);
  }

  .ui-button.t1.sml {
    padding: calc(var(--icon_sml) / 2) calc(var(--icon_sml) / 2);
  }

  .ui-button.t1.med {
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2);
  }

  .ui-button.t1.lrg {
    padding: calc(var(--icon_lrg) / 2) calc(var(--icon_lrg) / 2);
  }

  .ui-button.t1.xlg {
    padding: calc(var(--icon_xlg) / 2) calc(var(--icon_xlg) / 2);
  }

  .ui-button.t1.xxl {
    padding: calc(var(--icon_xxl) / 2) calc(var(--icon_xxl) / 2);
  }

  .ui-button.t1.r1 {
    border-radius: var(--icon_xxs);
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2 + var(--icon_xxs) / 2);
  }

  .ui-button.t1.r1.xxs {
    padding: calc(var(--icon_xxs) / 2) calc(var(--icon_xxs) / 2 + var(--icon_xxs) / 2);
  }

  .ui-button.t1.r1.xsm {
    padding: calc(var(--icon_xsm) / 2) calc(var(--icon_xsm) / 2 + var(--icon_xxs) / 2);
  }

  .ui-button.t1.r1.sml {
    padding: calc(var(--icon_sml) / 2) calc(var(--icon_sml) / 2 + var(--icon_xxs) / 2);
  }

  .ui-button.t1.r1.med {
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2 + var(--icon_xxs) / 2);
  }

  .ui-button.t1.r1.lrg {
    padding: calc(var(--icon_lrg) / 2) calc(var(--icon_lrg) / 2 + var(--icon_xxs) / 2);
  }

  .ui-button.t1.r1.xlg {
    padding: calc(var(--icon_xlg) / 2) calc(var(--icon_xlg) / 2 + var(--icon_xxs) / 2);
  }

  .ui-button.t1.r1.xxl {
    padding: calc(var(--icon_xxl) / 2) calc(var(--icon_xxl) / 2 + var(--icon_xxs) / 2);
  }

  .ui-button.t1.r2 {
    border-radius: var(--icon_xsm);
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2 + var(--icon_xsm) / 2);
  }

  .ui-button.t1.r2.xxs {
    padding: calc(var(--icon_xxs) / 2) calc(var(--icon_xxs) / 2 + var(--icon_xsm) / 2);
  }

  .ui-button.t1.r2.xsm {
    padding: calc(var(--icon_xsm) / 2) calc(var(--icon_xsm) / 2 + var(--icon_xsm) / 2);
  }

  .ui-button.t1.r2.sml {
    padding: calc(var(--icon_sml) / 2) calc(var(--icon_sml) / 2 + var(--icon_xsm) / 2);
  }

  .ui-button.t1.r2.med {
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2 + var(--icon_xsm) / 2);
  }

  .ui-button.t1.r2.lrg {
    padding: calc(var(--icon_lrg) / 2) calc(var(--icon_lrg) / 2 + var(--icon_xsm) / 2);
  }

  .ui-button.t1.r2.xlg {
    padding: calc(var(--icon_xlg) / 2) calc(var(--icon_xlg) / 2 + var(--icon_xsm) / 2);
  }

  .ui-button.t1.r2.xxl {
    padding: calc(var(--icon_xxl) / 2) calc(var(--icon_xxl) / 2 + var(--icon_xsm) / 2);
  }

  .ui-button.t1.r3 {
    border-radius: var(--icon_sml);
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2 + var(--icon_sml) / 2);
  }

  .ui-button.t1.r3.xxs {
    padding: calc(var(--icon_xxs) / 2) calc(var(--icon_xxs) / 2 + var(--icon_sml) / 2);
  }

  .ui-button.t1.r3.xsm {
    padding: calc(var(--icon_xsm) / 2) calc(var(--icon_xsm) / 2 + var(--icon_sml) / 2);
  }

  .ui-button.t1.r3.sml {
    padding: calc(var(--icon_sml) / 2) calc(var(--icon_sml) / 2 + var(--icon_sml) / 2);
  }

  .ui-button.t1.r3.med {
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2 + var(--icon_sml) / 2);
  }

  .ui-button.t1.r3.lrg {
    padding: calc(var(--icon_lrg) / 2) calc(var(--icon_lrg) / 2 + var(--icon_sml) / 2);
  }

  .ui-button.t1.r3.xlg {
    padding: calc(var(--icon_xlg) / 2) calc(var(--icon_xlg) / 2 + var(--icon_sml) / 2);
  }

  .ui-button.t1.r3.xxl {
    padding: calc(var(--icon_xxl) / 2) calc(var(--icon_xxl) / 2 + var(--icon_sml) / 2);
  }

  .ui-button.t1.r4 {
    border-radius: var(--icon_med);
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2 + var(--icon_med) / 2);
  }

  .ui-button.t1.r4.xxs {
    padding: calc(var(--icon_xxs) / 2) calc(var(--icon_xxs) / 2 + var(--icon_med) / 2);
  }

  .ui-button.t1.r4.xsm {
    padding: calc(var(--icon_xsm) / 2) calc(var(--icon_xsm) / 2 + var(--icon_med) / 2);
  }

  .ui-button.t1.r4.sml {
    padding: calc(var(--icon_sml) / 2) calc(var(--icon_sml) / 2 + var(--icon_med) / 2);
  }

  .ui-button.t1.r4.med {
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2 + var(--icon_med) / 2);
  }

  .ui-button.t1.r4.lrg {
    padding: calc(var(--icon_lrg) / 2) calc(var(--icon_lrg) / 2 + var(--icon_med) / 2);
  }

  .ui-button.t1.r4.xlg {
    padding: calc(var(--icon_xlg) / 2) calc(var(--icon_xlg) / 2 + var(--icon_med) / 2);
  }

  .ui-button.t1.r4.xxl {
    padding: calc(var(--icon_xxl) / 2) calc(var(--icon_xxl) / 2 + var(--icon_med) / 2);
  }

  .ui-button.t1.r5 {
    border-radius: var(--icon_lrg);
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2 + var(--icon_lrg) / 2);
  }

  .ui-button.t1.r5.xxs {
    padding: calc(var(--icon_xxs) / 2) calc(var(--icon_xxs) / 2 + var(--icon_lrg) / 2);
  }

  .ui-button.t1.r5.xsm {
    padding: calc(var(--icon_xsm) / 2) calc(var(--icon_xsm) / 2 + var(--icon_lrg) / 2);
  }

  .ui-button.t1.r5.sml {
    padding: calc(var(--icon_sml) / 2) calc(var(--icon_sml) / 2 + var(--icon_lrg) / 2);
  }

  .ui-button.t1.r5.med {
    padding: calc(var(--icon_med) / 2) calc(var(--icon_med) / 2 + var(--icon_lrg) / 2);
  }

  .ui-button.t1.r5.lrg {
    padding: calc(var(--icon_lrg) / 2) calc(var(--icon_lrg) / 2 + var(--icon_lrg) / 2);
  }

  .ui-button.t1.r5.xlg {
    padding: calc(var(--icon_xlg) / 2) calc(var(--icon_xlg) / 2 + var(--icon_lrg) / 2);
  }

  .ui-button.t1.r5.xxl {
    padding: calc(var(--icon_xxl) / 2) calc(var(--icon_xxl) / 2 + var(--icon_lrg) / 2);
  }

  .ui-button.t1.cir {
    border-radius: 50%;
  }

  .ui-button.t1.sc0 {
    color: var(--c0_cr);
    background-color: var(--c0_bg);
  }

  .ui-button.t1.sc1 {
    color: var(--c1_cr);
    background-color: var(--c1_bg);
  }

  .ui-button.t1.sc2 {
    color: var(--c2_cr);
    background-color: var(--c2_bg);
  }

  .ui-button.t1.sc3 {
    color: var(--c3_cr);
    background-color: var(--c3_bg);
  }

  .ui-button.t1.sc4 {
    color: var(--c4_cr);
    background-color: var(--c4_bg);
  }

  .ui-button.t1.sc5 {
    /* color: var(--c5_cr);
    background-color: var(--c5_bg); */
    color: var(--c5_bg);
    background-color: transparent;
  }
  .ui-button.t1.sc5:hover,
  a:hover .ui-button.t1.sc5,
  button:hover .ui-button.t1.sc5 {
    color: var(--c5_cr);
    background-color: var(--c5_bg);
  }
  .ui-button.t1.sc5.no_border {
    color: var(--c5_cr);
    background-color: var(--c5_bg);
  }

  .ui-button.t1.sc6 {
    color: var(--c6_cr);
    background-color: var(--c6_bg);
  }

  .ui-button.t1.sc7 {
    color: var(--c7_cr);
    background-color: var(--c7_bg);
  }

  .ui-button.t1.sc8 {
    color: var(--c8_cr);
    background-color: var(--c8_bg);
  }

  .ui-button.t1.sc9 {
    color: var(--c9_cr);
    background-color: var(--c9_bg);
  }

  .ui-button.t1.sc0 .icon {
    filter: none;
  }

  .ui-button.t1.sc1 .icon {
    filter: none;
  }

  .ui-button.t1.sc2 .icon {
    filter: none;
  }

  .ui-button.t1.sc3 .icon {
    filter: none;
  }

  .ui-button.t1.sc4 .icon {
    filter: none;
  }

  .ui-button.t1.sc5 .icon {
    filter: brightness(0) invert(1);
  }

  .ui-button.t1.sc6 .icon {
    filter: brightness(0) invert(1);
  }

  .ui-button.t1.sc7 .icon {
    filter: brightness(0) invert(1);
  }

  .ui-button.t1.sc8 .icon {
    filter: brightness(0) invert(1);
  }

  .ui-button.t1.sc9 .icon {
    filter: brightness(0) invert(1);
  }

  @media (hover: hover) {
    .ui-button.t1.shc0:hover,
    a:hover .ui-button.t1.shc0,
    button:hover .ui-button.t1.shc0 {
      color: var(--c0_cr);
      background-color: var(--c0_bg);
      border-color: var(--c0_bg) !important;
    }
    .ui-button.t1.shc1:hover,
    a:hover .ui-button.t1.shc1,
    button:hover .ui-button.t1.shc1 {
      color: var(--c1_cr);
      background-color: var(--c1_bg);
      border-color: var(--c1_bg) !important;
    }
    .ui-button.t1.shc2:hover,
    a:hover .ui-button.t1.shc2,
    button:hover .ui-button.t1.shc2 {
      color: var(--c2_cr);
      background-color: var(--c2_bg);
      border-color: var(--c2_bg) !important;
    }
    .ui-button.t1.shc3:hover,
    a:hover .ui-button.t1.shc3,
    button:hover .ui-button.t1.shc3 {
      color: var(--c3_cr);
      background-color: var(--c3_bg);
      border-color: var(--c3_bg) !important;
    }
    .ui-button.t1.shc4:hover,
    a:hover .ui-button.t1.shc4,
    button:hover .ui-button.t1.shc4 {
      color: var(--c4_cr);
      background-color: var(--c4_bg);
      border-color: var(--c4_bg) !important;
    }
    .ui-button.t1.shc5:hover,
    a:hover .ui-button.t1.shc5,
    button:hover .ui-button.t1.shc5 {
      color: var(--c5_cr);
      background-color: var(--c5_bg);
      border-color: var(--c5_bg) !important;
    }
    .ui-button.t1.shc6:hover,
    a:hover .ui-button.t1.shc6,
    button:hover .ui-button.t1.shc6 {
      color: var(--c6_cr);
      background-color: var(--c6_bg);
      border-color: var(--c6_bg) !important;
    }
    .ui-button.t1.shc7:hover,
    a:hover .ui-button.t1.shc7,
    button:hover .ui-button.t1.shc7 {
      color: var(--c7_cr);
      background-color: var(--c7_bg);
      border-color: var(--c7_bg) !important;
    }
    .ui-button.t1.shc8:hover,
    a:hover .ui-button.t1.shc8,
    button:hover .ui-button.t1.shc8 {
      color: var(--c8_cr);
      background-color: var(--c8_bg);
      border-color: var(--c8_bg) !important;
    }
    .ui-button.t1.shc9:hover,
    a:hover .ui-button.t1.shc9,
    button:hover .ui-button.t1.shc9 {
      color: var(--c9_cr);
      background-color: var(--c9_bg);
      border-color: var(--c9_bg) !important;
    }
    .ui-button.t1.shc0:hover .icon,
    a:hover .ui-button.t1.shc0 .icon,
    button:hover .ui-button.t1.shc0 .icon {
      filter: none;
    }
    .ui-button.t1.shc1:hover .icon,
    a:hover .ui-button.t1.shc1 .icon,
    button:hover .ui-button.t1.shc1 .icon {
      filter: none;
    }
    .ui-button.t1.shc2:hover .icon,
    a:hover .ui-button.t1.shc2 .icon,
    button:hover .ui-button.t1.shc2 .icon {
      filter: none;
    }
    .ui-button.t1.shc3:hover .icon,
    a:hover .ui-button.t1.shc3 .icon,
    button:hover .ui-button.t1.shc3 .icon {
      filter: none;
    }
    .ui-button.t1.shc4:hover .icon,
    a:hover .ui-button.t1.shc4 .icon,
    button:hover .ui-button.t1.shc4 .icon {
      filter: none;
    }
    .ui-button.t1.shc5:hover .icon,
    a:hover .ui-button.t1.shc5 .icon,
    button:hover .ui-button.t1.shc5 .icon {
      filter: brightness(0) invert(1);
    }
    .ui-button.t1.shc6:hover .icon,
    a:hover .ui-button.t1.shc6 .icon,
    button:hover .ui-button.t1.shc6 .icon {
      filter: brightness(0) invert(1);
    }
    .ui-button.t1.shc7:hover .icon,
    a:hover .ui-button.t1.shc7 .icon,
    button:hover .ui-button.t1.shc7 .icon {
      filter: brightness(0) invert(1);
    }
    .ui-button.t1.shc8:hover .icon,
    a:hover .ui-button.t1.shc8 .icon,
    button:hover .ui-button.t1.shc8 .icon {
      filter: brightness(0) invert(1);
    }
    .ui-button.t1.shc9:hover .icon,
    a:hover .ui-button.t1.shc9 .icon,
    button:hover .ui-button.t1.shc9 .icon {
      filter: brightness(0) invert(1);
    }
  }
  .ui-button.t2 {
    position: relative;
  }
  .ui-button.t2 .label {
    position: relative;
    z-index: 1;
  }
  .ui-button.t2 .icon {
    position: relative;
    z-index: 1;
    width: calc(var(--icon_med) * 2);
    height: calc(var(--icon_med) * 2);
    transform: scale(0.5);
  }

  .ui-button.t2:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 0%;
    left: 0%;
    width: calc(var(--icon_med) * 2);
    height: calc(var(--icon_med) * 2);
    box-sizing: border-box;
    border-style: solid;
    border-width: var(--border_sml);
  }

  .ui-button.t2.flip:before {
    left: auto;
    right: 0%;
  }

  .ui-button.t2.no_border:before {
    border-style: none;
  }

  .ui-button.t2.xxs .icon {
    width: calc(var(--icon_xxs) * 2);
    height: calc(var(--icon_xxs) * 2);
  }

  .ui-button.t2.xxs:before {
    width: calc(var(--icon_xxs) * 2);
    height: calc(var(--icon_xxs) * 2);
  }

  .ui-button.t2.xsm .icon {
    width: calc(var(--icon_xsm) * 2);
    height: calc(var(--icon_xsm) * 2);
  }

  .ui-button.t2.xsm:before {
    width: calc(var(--icon_xsm) * 2);
    height: calc(var(--icon_xsm) * 2);
  }

  .ui-button.t2.sml .icon {
    width: calc(var(--icon_sml) * 2);
    height: calc(var(--icon_sml) * 2);
  }

  .ui-button.t2.sml:before {
    width: calc(var(--icon_sml) * 2);
    height: calc(var(--icon_sml) * 2);
  }

  .ui-button.t2.med .icon {
    width: calc(var(--icon_med) * 2);
    height: calc(var(--icon_med) * 2);
  }

  .ui-button.t2.med:before {
    width: calc(var(--icon_med) * 2);
    height: calc(var(--icon_med) * 2);
  }

  .ui-button.t2.lrg .icon {
    width: calc(var(--icon_lrg) * 2);
    height: calc(var(--icon_lrg) * 2);
  }

  .ui-button.t2.lrg:before {
    width: calc(var(--icon_lrg) * 2);
    height: calc(var(--icon_lrg) * 2);
  }

  .ui-button.t2.xlg .icon {
    width: calc(var(--icon_xlg) * 2);
    height: calc(var(--icon_xlg) * 2);
  }

  .ui-button.t2.xlg:before {
    width: calc(var(--icon_xlg) * 2);
    height: calc(var(--icon_xlg) * 2);
  }

  .ui-button.t2.xxl .icon {
    width: calc(var(--icon_xxl) * 2);
    height: calc(var(--icon_xxl) * 2);
  }

  .ui-button.t2.xxl:before {
    width: calc(var(--icon_xxl) * 2);
    height: calc(var(--icon_xxl) * 2);
  }

  .ui-button.t2.r1:before {
    border-radius: var(--icon_xxs);
  }

  .ui-button.t2.r2:before {
    border-radius: var(--icon_xsm);
  }

  .ui-button.t2.r3:before {
    border-radius: var(--icon_sml);
  }

  .ui-button.t2.r4:before {
    border-radius: var(--icon_med);
  }

  .ui-button.t2.r5:before {
    border-radius: var(--icon_lrg);
  }

  .ui-button.t2.cir:before {
    border-radius: 50%;
  }

  .ui-button.t2.sc0:before {
    background-color: var(--c0_bg);
    border-color: var(--c0_br) !important;
  }

  .ui-button.t2.sc1:before {
    background-color: var(--c1_bg);
    border-color: var(--c1_br) !important;
  }

  .ui-button.t2.sc2:before {
    background-color: var(--c2_bg);
    border-color: var(--c2_br) !important;
  }

  .ui-button.t2.sc3:before {
    background-color: var(--c3_bg);
    border-color: var(--c3_br) !important;
  }

  .ui-button.t2.sc4:before {
    background-color: var(--c4_bg);
    border-color: var(--c4_br) !important;
  }

  .ui-button.t2.sc5:before {
    background-color: var(--c5_bg);
    border-color: var(--c5_br) !important;
  }

  .ui-button.t2.sc6:before {
    background-color: var(--c6_bg);
    border-color: var(--c6_br) !important;
  }

  .ui-button.t2.sc7:before {
    background-color: var(--c7_bg);
    border-color: var(--c7_br) !important;
  }

  .ui-button.t2.sc8:before {
    background-color: var(--c8_bg);
    border-color: var(--c8_br) !important;
  }

  .ui-button.t2.sc9:before {
    background-color: var(--c9_bg);
    border-color: var(--c9_br) !important;
  }

  .ui-button.t2.sc0 .icon {
    filter: none;
  }

  .ui-button.t2.sc1 .icon {
    filter: none;
  }

  .ui-button.t2.sc2 .icon {
    filter: none;
  }

  .ui-button.t2.sc3 .icon {
    filter: none;
  }

  .ui-button.t2.sc4 .icon {
    filter: none;
  }

  .ui-button.t2.sc5 .icon {
    filter: brightness(0) invert(1);
  }

  .ui-button.t2.sc6 .icon {
    filter: brightness(0) invert(1);
  }

  .ui-button.t2.sc7 .icon {
    filter: brightness(0) invert(1);
  }

  .ui-button.t2.sc8 .icon {
    filter: brightness(0) invert(1);
  }

  .ui-button.t2.sc9 .icon {
    filter: brightness(0) invert(1);
  }

  @media (hover: hover) {
    .ui-button.t2:hover,
    .ui-button.t2:hover:before,
    a:hover .ui-button.t2,
    a:hover .ui-button.t2:before,
    button:hover .ui-button.t2,
    button:hover .ui-button.t2:before {
      transition: ease all var(--spd_fast);
    }
    .ui-button.t2:hover,
    a:hover .ui-button.t2,
    button:hover .ui-button.t2 {
      padding-left: 0px;
      padding-right: var(--icon_med);
    }
    .ui-button.t2:hover:before,
    a:hover .ui-button.t2:before,
    button:hover .ui-button.t2:before {
      width: 100%;
    }
    .ui-button.t2.xxs:hover,
    a:hover .ui-button.t2.xxs,
    button:hover .ui-button.t2.xxs {
      padding-left: 0px;
      padding-right: var(--icon_xxs);
    }
    .ui-button.t2.xsm:hover,
    a:hover .ui-button.t2.xsm,
    button:hover .ui-button.t2.xsm {
      padding-left: 0px;
      padding-right: var(--icon_xsm);
    }
    .ui-button.t2.sml:hover,
    a:hover .ui-button.t2.sml,
    button:hover .ui-button.t2.sml {
      padding-left: 0px;
      padding-right: var(--icon_sml);
    }
    .ui-button.t2.med:hover,
    a:hover .ui-button.t2.med,
    button:hover .ui-button.t2.med {
      padding-left: 0px;
      padding-right: var(--icon_med);
    }
    .ui-button.t2.lrg:hover,
    a:hover .ui-button.t2.lrg,
    button:hover .ui-button.t2.lrg {
      padding-left: 0px;
      padding-right: var(--icon_lrg);
    }
    .ui-button.t2.xlg:hover,
    a:hover .ui-button.t2.xlg,
    button:hover .ui-button.t2.xlg {
      padding-left: 0px;
      padding-right: var(--icon_xlg);
    }
    .ui-button.t2.xxl:hover,
    a:hover .ui-button.t2.xxl,
    button:hover .ui-button.t2.xxl {
      padding-left: 0px;
      padding-right: var(--icon_xxl);
    }
    .ui-button.t2.r1:hover,
    a:hover .ui-button.t2.r1,
    button:hover .ui-button.t2.r1 {
      padding-left: calc(var(--icon_xxs) / 2);
      padding-right: calc(var(--icon_xxs) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r1.xxs:hover,
    a:hover .ui-button.t2.r1.xxs,
    button:hover .ui-button.t2.r1.xxs {
      padding-left: calc(var(--icon_xxs) / 2);
      padding-right: calc(var(--icon_xxs) / 2 + var(--icon_xxs) / 2);
    }
    .ui-button.t2.r1.xsm:hover,
    a:hover .ui-button.t2.r1.xsm,
    button:hover .ui-button.t2.r1.xsm {
      padding-left: calc(var(--icon_xxs) / 2);
      padding-right: calc(var(--icon_xxs) / 2 + var(--icon_xsm) / 2);
    }
    .ui-button.t2.r1.sml:hover,
    a:hover .ui-button.t2.r1.sml,
    button:hover .ui-button.t2.r1.sml {
      padding-left: calc(var(--icon_xxs) / 2);
      padding-right: calc(var(--icon_xxs) / 2 + var(--icon_sml) / 2);
    }
    .ui-button.t2.r1.med:hover,
    a:hover .ui-button.t2.r1.med,
    button:hover .ui-button.t2.r1.med {
      padding-left: calc(var(--icon_xxs) / 2);
      padding-right: calc(var(--icon_xxs) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r1.lrg:hover,
    a:hover .ui-button.t2.r1.lrg,
    button:hover .ui-button.t2.r1.lrg {
      padding-left: calc(var(--icon_xxs) / 2);
      padding-right: calc(var(--icon_xxs) / 2 + var(--icon_lrg) / 2);
    }
    .ui-button.t2.r1.xlg:hover,
    a:hover .ui-button.t2.r1.xlg,
    button:hover .ui-button.t2.r1.xlg {
      padding-left: calc(var(--icon_xxs) / 2);
      padding-right: calc(var(--icon_xxs) / 2 + var(--icon_xlg) / 2);
    }
    .ui-button.t2.r1.xxl:hover,
    a:hover .ui-button.t2.r1.xxl,
    button:hover .ui-button.t2.r1.xxl {
      padding-left: calc(var(--icon_xxs) / 2);
      padding-right: calc(var(--icon_xxs) / 2 + var(--icon_xxl) / 2);
    }
    .ui-button.t2.r2:hover,
    a:hover .ui-button.t2.r2,
    button:hover .ui-button.t2.r2 {
      padding-left: calc(var(--icon_xsm) / 2);
      padding-right: calc(var(--icon_xsm) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r2.xxs:hover,
    a:hover .ui-button.t2.r2.xxs,
    button:hover .ui-button.t2.r2.xxs {
      padding-left: calc(var(--icon_xsm) / 2);
      padding-right: calc(var(--icon_xsm) / 2 + var(--icon_xxs) / 2);
    }
    .ui-button.t2.r2.xsm:hover,
    a:hover .ui-button.t2.r2.xsm,
    button:hover .ui-button.t2.r2.xsm {
      padding-left: calc(var(--icon_xsm) / 2);
      padding-right: calc(var(--icon_xsm) / 2 + var(--icon_xsm) / 2);
    }
    .ui-button.t2.r2.sml:hover,
    a:hover .ui-button.t2.r2.sml,
    button:hover .ui-button.t2.r2.sml {
      padding-left: calc(var(--icon_xsm) / 2);
      padding-right: calc(var(--icon_xsm) / 2 + var(--icon_sml) / 2);
    }
    .ui-button.t2.r2.med:hover,
    a:hover .ui-button.t2.r2.med,
    button:hover .ui-button.t2.r2.med {
      padding-left: calc(var(--icon_xsm) / 2);
      padding-right: calc(var(--icon_xsm) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r2.lrg:hover,
    a:hover .ui-button.t2.r2.lrg,
    button:hover .ui-button.t2.r2.lrg {
      padding-left: calc(var(--icon_xsm) / 2);
      padding-right: calc(var(--icon_xsm) / 2 + var(--icon_lrg) / 2);
    }
    .ui-button.t2.r2.xlg:hover,
    a:hover .ui-button.t2.r2.xlg,
    button:hover .ui-button.t2.r2.xlg {
      padding-left: calc(var(--icon_xsm) / 2);
      padding-right: calc(var(--icon_xsm) / 2 + var(--icon_xlg) / 2);
    }
    .ui-button.t2.r2.xxl:hover,
    a:hover .ui-button.t2.r2.xxl,
    button:hover .ui-button.t2.r2.xxl {
      padding-left: calc(var(--icon_xsm) / 2);
      padding-right: calc(var(--icon_xsm) / 2 + var(--icon_xxl) / 2);
    }
    .ui-button.t2.r3:hover,
    a:hover .ui-button.t2.r3,
    button:hover .ui-button.t2.r3 {
      padding-left: calc(var(--icon_sml) / 2);
      padding-right: calc(var(--icon_sml) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r3.xxs:hover,
    a:hover .ui-button.t2.r3.xxs,
    button:hover .ui-button.t2.r3.xxs {
      padding-left: calc(var(--icon_sml) / 2);
      padding-right: calc(var(--icon_sml) / 2 + var(--icon_xxs) / 2);
    }
    .ui-button.t2.r3.xsm:hover,
    a:hover .ui-button.t2.r3.xsm,
    button:hover .ui-button.t2.r3.xsm {
      padding-left: calc(var(--icon_sml) / 2);
      padding-right: calc(var(--icon_sml) / 2 + var(--icon_xsm) / 2);
    }
    .ui-button.t2.r3.sml:hover,
    a:hover .ui-button.t2.r3.sml,
    button:hover .ui-button.t2.r3.sml {
      padding-left: calc(var(--icon_sml) / 2);
      padding-right: calc(var(--icon_sml) / 2 + var(--icon_sml) / 2);
    }
    .ui-button.t2.r3.med:hover,
    a:hover .ui-button.t2.r3.med,
    button:hover .ui-button.t2.r3.med {
      padding-left: calc(var(--icon_sml) / 2);
      padding-right: calc(var(--icon_sml) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r3.lrg:hover,
    a:hover .ui-button.t2.r3.lrg,
    button:hover .ui-button.t2.r3.lrg {
      padding-left: calc(var(--icon_sml) / 2);
      padding-right: calc(var(--icon_sml) / 2 + var(--icon_lrg) / 2);
    }
    .ui-button.t2.r3.xlg:hover,
    a:hover .ui-button.t2.r3.xlg,
    button:hover .ui-button.t2.r3.xlg {
      padding-left: calc(var(--icon_sml) / 2);
      padding-right: calc(var(--icon_sml) / 2 + var(--icon_xlg) / 2);
    }
    .ui-button.t2.r3.xxl:hover,
    a:hover .ui-button.t2.r3.xxl,
    button:hover .ui-button.t2.r3.xxl {
      padding-left: calc(var(--icon_sml) / 2);
      padding-right: calc(var(--icon_sml) / 2 + var(--icon_xxl) / 2);
    }
    .ui-button.t2.r4:hover,
    a:hover .ui-button.t2.r4,
    button:hover .ui-button.t2.r4 {
      padding-left: calc(var(--icon_med) / 2);
      padding-right: calc(var(--icon_med) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r4.xxs:hover,
    a:hover .ui-button.t2.r4.xxs,
    button:hover .ui-button.t2.r4.xxs {
      padding-left: calc(var(--icon_med) / 2);
      padding-right: calc(var(--icon_med) / 2 + var(--icon_xxs) / 2);
    }
    .ui-button.t2.r4.xsm:hover,
    a:hover .ui-button.t2.r4.xsm,
    button:hover .ui-button.t2.r4.xsm {
      padding-left: calc(var(--icon_med) / 2);
      padding-right: calc(var(--icon_med) / 2 + var(--icon_xsm) / 2);
    }
    .ui-button.t2.r4.sml:hover,
    a:hover .ui-button.t2.r4.sml,
    button:hover .ui-button.t2.r4.sml {
      padding-left: calc(var(--icon_med) / 2);
      padding-right: calc(var(--icon_med) / 2 + var(--icon_sml) / 2);
    }
    .ui-button.t2.r4.med:hover,
    a:hover .ui-button.t2.r4.med,
    button:hover .ui-button.t2.r4.med {
      padding-left: calc(var(--icon_med) / 2);
      padding-right: calc(var(--icon_med) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r4.lrg:hover,
    a:hover .ui-button.t2.r4.lrg,
    button:hover .ui-button.t2.r4.lrg {
      padding-left: calc(var(--icon_med) / 2);
      padding-right: calc(var(--icon_med) / 2 + var(--icon_lrg) / 2);
    }
    .ui-button.t2.r4.xlg:hover,
    a:hover .ui-button.t2.r4.xlg,
    button:hover .ui-button.t2.r4.xlg {
      padding-left: calc(var(--icon_med) / 2);
      padding-right: calc(var(--icon_med) / 2 + var(--icon_xlg) / 2);
    }
    .ui-button.t2.r4.xxl:hover,
    a:hover .ui-button.t2.r4.xxl,
    button:hover .ui-button.t2.r4.xxl {
      padding-left: calc(var(--icon_med) / 2);
      padding-right: calc(var(--icon_med) / 2 + var(--icon_xxl) / 2);
    }
    .ui-button.t2.r5:hover,
    a:hover .ui-button.t2.r5,
    button:hover .ui-button.t2.r5 {
      padding-left: calc(var(--icon_lrg) / 2);
      padding-right: calc(var(--icon_lrg) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r5.xxs:hover,
    a:hover .ui-button.t2.r5.xxs,
    button:hover .ui-button.t2.r5.xxs {
      padding-left: calc(var(--icon_lrg) / 2);
      padding-right: calc(var(--icon_lrg) / 2 + var(--icon_xxs) / 2);
    }
    .ui-button.t2.r5.xsm:hover,
    a:hover .ui-button.t2.r5.xsm,
    button:hover .ui-button.t2.r5.xsm {
      padding-left: calc(var(--icon_lrg) / 2);
      padding-right: calc(var(--icon_lrg) / 2 + var(--icon_xsm) / 2);
    }
    .ui-button.t2.r5.sml:hover,
    a:hover .ui-button.t2.r5.sml,
    button:hover .ui-button.t2.r5.sml {
      padding-left: calc(var(--icon_lrg) / 2);
      padding-right: calc(var(--icon_lrg) / 2 + var(--icon_sml) / 2);
    }
    .ui-button.t2.r5.med:hover,
    a:hover .ui-button.t2.r5.med,
    button:hover .ui-button.t2.r5.med {
      padding-left: calc(var(--icon_lrg) / 2);
      padding-right: calc(var(--icon_lrg) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r5.lrg:hover,
    a:hover .ui-button.t2.r5.lrg,
    button:hover .ui-button.t2.r5.lrg {
      padding-left: calc(var(--icon_lrg) / 2);
      padding-right: calc(var(--icon_lrg) / 2 + var(--icon_lrg) / 2);
    }
    .ui-button.t2.r5.xlg:hover,
    a:hover .ui-button.t2.r5.xlg,
    button:hover .ui-button.t2.r5.xlg {
      padding-left: calc(var(--icon_lrg) / 2);
      padding-right: calc(var(--icon_lrg) / 2 + var(--icon_xlg) / 2);
    }
    .ui-button.t2.r5.xxl:hover,
    a:hover .ui-button.t2.r5.xxl,
    button:hover .ui-button.t2.r5.xxl {
      padding-left: calc(var(--icon_lrg) / 2);
      padding-right: calc(var(--icon_lrg) / 2 + var(--icon_xxl) / 2);
    }
    .ui-button.t2.flip:hover,
    a:hover .ui-button.t2.flip,
    button:hover .ui-button.t2.flip {
      padding-right: 0px;
      padding-left: var(--icon_med);
    }
    .ui-button.t2.xxs.flip:hover,
    a:hover .ui-button.t2.xxs.flip,
    button:hover .ui-button.t2.xxs.flip {
      padding-right: 0px;
      padding-left: var(--icon_xxs);
    }
    .ui-button.t2.xsm.flip:hover,
    a:hover .ui-button.t2.xsm.flip,
    button:hover .ui-button.t2.xsm.flip {
      padding-right: 0px;
      padding-left: var(--icon_xsm);
    }
    .ui-button.t2.sml.flip:hover,
    a:hover .ui-button.t2.sml.flip,
    button:hover .ui-button.t2.sml.flip {
      padding-right: 0px;
      padding-left: var(--icon_sml);
    }
    .ui-button.t2.med.flip:hover,
    a:hover .ui-button.t2.med.flip,
    button:hover .ui-button.t2.med.flip {
      padding-right: 0px;
      padding-left: var(--icon_med);
    }
    .ui-button.t2.lrg.flip:hover,
    a:hover .ui-button.t2.lrg.flip,
    button:hover .ui-button.t2.lrg.flip {
      padding-right: 0px;
      padding-left: var(--icon_lrg);
    }
    .ui-button.t2.xlg.flip:hover,
    a:hover .ui-button.t2.xlg.flip,
    button:hover .ui-button.t2.xlg.flip {
      padding-right: 0px;
      padding-left: var(--icon_xlg);
    }
    .ui-button.t2.xxl.flip:hover,
    a:hover .ui-button.t2.xxl.flip,
    button:hover .ui-button.t2.xxl.flip {
      padding-right: 0px;
      padding-left: var(--icon_xxl);
    }
    .ui-button.t2.r1.flip:hover,
    a:hover .ui-button.t2.r1.flip,
    button:hover .ui-button.t2.r1.flip {
      padding-right: calc(var(--icon_xxs) / 2);
      padding-left: calc(var(--icon_xxs) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r1.xxs.flip:hover,
    a:hover .ui-button.t2.r1.xxs.flip,
    button:hover .ui-button.t2.r1.xxs.flip {
      padding-right: calc(var(--icon_xxs) / 2);
      padding-left: calc(var(--icon_xxs) / 2 + var(--icon_xxs) / 2);
    }
    .ui-button.t2.r1.xsm.flip:hover,
    a:hover .ui-button.t2.r1.xsm.flip,
    button:hover .ui-button.t2.r1.xsm.flip {
      padding-right: calc(var(--icon_xxs) / 2);
      padding-left: calc(var(--icon_xxs) / 2 + var(--icon_xsm) / 2);
    }
    .ui-button.t2.r1.sml.flip:hover,
    a:hover .ui-button.t2.r1.sml.flip,
    button:hover .ui-button.t2.r1.sml.flip {
      padding-right: calc(var(--icon_xxs) / 2);
      padding-left: calc(var(--icon_xxs) / 2 + var(--icon_sml) / 2);
    }
    .ui-button.t2.r1.med.flip:hover,
    a:hover .ui-button.t2.r1.med.flip,
    button:hover .ui-button.t2.r1.med.flip {
      padding-right: calc(var(--icon_xxs) / 2);
      padding-left: calc(var(--icon_xxs) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r1.lrg.flip:hover,
    a:hover .ui-button.t2.r1.lrg.flip,
    button:hover .ui-button.t2.r1.lrg.flip {
      padding-right: calc(var(--icon_xxs) / 2);
      padding-left: calc(var(--icon_xxs) / 2 + var(--icon_lrg) / 2);
    }
    .ui-button.t2.r1.xlg.flip:hover,
    a:hover .ui-button.t2.r1.xlg.flip,
    button:hover .ui-button.t2.r1.xlg.flip {
      padding-right: calc(var(--icon_xxs) / 2);
      padding-left: calc(var(--icon_xxs) / 2 + var(--icon_xlg) / 2);
    }
    .ui-button.t2.r1.xxl.flip:hover,
    a:hover .ui-button.t2.r1.xxl.flip,
    button:hover .ui-button.t2.r1.xxl.flip {
      padding-right: calc(var(--icon_xxs) / 2);
      padding-left: calc(var(--icon_xxs) / 2 + var(--icon_xxl) / 2);
    }
    .ui-button.t2.r2.flip:hover,
    a:hover .ui-button.t2.r2.flip,
    button:hover .ui-button.t2.r2.flip {
      padding-right: calc(var(--icon_xsm) / 2);
      padding-left: calc(var(--icon_xsm) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r2.xxs.flip:hover,
    a:hover .ui-button.t2.r2.xxs.flip,
    button:hover .ui-button.t2.r2.xxs.flip {
      padding-right: calc(var(--icon_xsm) / 2);
      padding-left: calc(var(--icon_xsm) / 2 + var(--icon_xxs) / 2);
    }
    .ui-button.t2.r2.xsm.flip:hover,
    a:hover .ui-button.t2.r2.xsm.flip,
    button:hover .ui-button.t2.r2.xsm.flip {
      padding-right: calc(var(--icon_xsm) / 2);
      padding-left: calc(var(--icon_xsm) / 2 + var(--icon_xsm) / 2);
    }
    .ui-button.t2.r2.sml.flip:hover,
    a:hover .ui-button.t2.r2.sml.flip,
    button:hover .ui-button.t2.r2.sml.flip {
      padding-right: calc(var(--icon_xsm) / 2);
      padding-left: calc(var(--icon_xsm) / 2 + var(--icon_sml) / 2);
    }
    .ui-button.t2.r2.med.flip:hover,
    a:hover .ui-button.t2.r2.med.flip,
    button:hover .ui-button.t2.r2.med.flip {
      padding-right: calc(var(--icon_xsm) / 2);
      padding-left: calc(var(--icon_xsm) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r2.lrg.flip:hover,
    a:hover .ui-button.t2.r2.lrg.flip,
    button:hover .ui-button.t2.r2.lrg.flip {
      padding-right: calc(var(--icon_xsm) / 2);
      padding-left: calc(var(--icon_xsm) / 2 + var(--icon_lrg) / 2);
    }
    .ui-button.t2.r2.xlg.flip:hover,
    a:hover .ui-button.t2.r2.xlg.flip,
    button:hover .ui-button.t2.r2.xlg.flip {
      padding-right: calc(var(--icon_xsm) / 2);
      padding-left: calc(var(--icon_xsm) / 2 + var(--icon_xlg) / 2);
    }
    .ui-button.t2.r2.xxl.flip:hover,
    a:hover .ui-button.t2.r2.xxl.flip,
    button:hover .ui-button.t2.r2.xxl.flip {
      padding-right: calc(var(--icon_xsm) / 2);
      padding-left: calc(var(--icon_xsm) / 2 + var(--icon_xxl) / 2);
    }
    .ui-button.t2.r3.flip:hover,
    a:hover .ui-button.t2.r3.flip,
    button:hover .ui-button.t2.r3.flip {
      padding-right: calc(var(--icon_sml) / 2);
      padding-left: calc(var(--icon_sml) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r3.xxs.flip:hover,
    a:hover .ui-button.t2.r3.xxs.flip,
    button:hover .ui-button.t2.r3.xxs.flip {
      padding-right: calc(var(--icon_sml) / 2);
      padding-left: calc(var(--icon_sml) / 2 + var(--icon_xxs) / 2);
    }
    .ui-button.t2.r3.xsm.flip:hover,
    a:hover .ui-button.t2.r3.xsm.flip,
    button:hover .ui-button.t2.r3.xsm.flip {
      padding-right: calc(var(--icon_sml) / 2);
      padding-left: calc(var(--icon_sml) / 2 + var(--icon_xsm) / 2);
    }
    .ui-button.t2.r3.sml.flip:hover,
    a:hover .ui-button.t2.r3.sml.flip,
    button:hover .ui-button.t2.r3.sml.flip {
      padding-right: calc(var(--icon_sml) / 2);
      padding-left: calc(var(--icon_sml) / 2 + var(--icon_sml) / 2);
    }
    .ui-button.t2.r3.med.flip:hover,
    a:hover .ui-button.t2.r3.med.flip,
    button:hover .ui-button.t2.r3.med.flip {
      padding-right: calc(var(--icon_sml) / 2);
      padding-left: calc(var(--icon_sml) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r3.lrg.flip:hover,
    a:hover .ui-button.t2.r3.lrg.flip,
    button:hover .ui-button.t2.r3.lrg.flip {
      padding-right: calc(var(--icon_sml) / 2);
      padding-left: calc(var(--icon_sml) / 2 + var(--icon_lrg) / 2);
    }
    .ui-button.t2.r3.xlg.flip:hover,
    a:hover .ui-button.t2.r3.xlg.flip,
    button:hover .ui-button.t2.r3.xlg.flip {
      padding-right: calc(var(--icon_sml) / 2);
      padding-left: calc(var(--icon_sml) / 2 + var(--icon_xlg) / 2);
    }
    .ui-button.t2.r3.xxl.flip:hover,
    a:hover .ui-button.t2.r3.xxl.flip,
    button:hover .ui-button.t2.r3.xxl.flip {
      padding-right: calc(var(--icon_sml) / 2);
      padding-left: calc(var(--icon_sml) / 2 + var(--icon_xxl) / 2);
    }
    .ui-button.t2.r4.flip:hover,
    a:hover .ui-button.t2.r4.flip,
    button:hover .ui-button.t2.r4.flip {
      padding-right: calc(var(--icon_med) / 2);
      padding-left: calc(var(--icon_med) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r4.xxs.flip:hover,
    a:hover .ui-button.t2.r4.xxs.flip,
    button:hover .ui-button.t2.r4.xxs.flip {
      padding-right: calc(var(--icon_med) / 2);
      padding-left: calc(var(--icon_med) / 2 + var(--icon_xxs) / 2);
    }
    .ui-button.t2.r4.xsm.flip:hover,
    a:hover .ui-button.t2.r4.xsm.flip,
    button:hover .ui-button.t2.r4.xsm.flip {
      padding-right: calc(var(--icon_med) / 2);
      padding-left: calc(var(--icon_med) / 2 + var(--icon_xsm) / 2);
    }
    .ui-button.t2.r4.sml.flip:hover,
    a:hover .ui-button.t2.r4.sml.flip,
    button:hover .ui-button.t2.r4.sml.flip {
      padding-right: calc(var(--icon_med) / 2);
      padding-left: calc(var(--icon_med) / 2 + var(--icon_sml) / 2);
    }
    .ui-button.t2.r4.med.flip:hover,
    a:hover .ui-button.t2.r4.med.flip,
    button:hover .ui-button.t2.r4.med.flip {
      padding-right: calc(var(--icon_med) / 2);
      padding-left: calc(var(--icon_med) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r4.lrg.flip:hover,
    a:hover .ui-button.t2.r4.lrg.flip,
    button:hover .ui-button.t2.r4.lrg.flip {
      padding-right: calc(var(--icon_med) / 2);
      padding-left: calc(var(--icon_med) / 2 + var(--icon_lrg) / 2);
    }
    .ui-button.t2.r4.xlg.flip:hover,
    a:hover .ui-button.t2.r4.xlg.flip,
    button:hover .ui-button.t2.r4.xlg.flip {
      padding-right: calc(var(--icon_med) / 2);
      padding-left: calc(var(--icon_med) / 2 + var(--icon_xlg) / 2);
    }
    .ui-button.t2.r4.xxl.flip:hover,
    a:hover .ui-button.t2.r4.xxl.flip,
    button:hover .ui-button.t2.r4.xxl.flip {
      padding-right: calc(var(--icon_med) / 2);
      padding-left: calc(var(--icon_med) / 2 + var(--icon_xxl) / 2);
    }
    .ui-button.t2.r5.flip:hover,
    a:hover .ui-button.t2.r5.flip,
    button:hover .ui-button.t2.r5.flip {
      padding-right: calc(var(--icon_lrg) / 2);
      padding-left: calc(var(--icon_lrg) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r5.xxs.flip:hover,
    a:hover .ui-button.t2.r5.xxs.flip,
    button:hover .ui-button.t2.r5.xxs.flip {
      padding-right: calc(var(--icon_lrg) / 2);
      padding-left: calc(var(--icon_lrg) / 2 + var(--icon_xxs) / 2);
    }
    .ui-button.t2.r5.xsm.flip:hover,
    a:hover .ui-button.t2.r5.xsm.flip,
    button:hover .ui-button.t2.r5.xsm.flip {
      padding-right: calc(var(--icon_lrg) / 2);
      padding-left: calc(var(--icon_lrg) / 2 + var(--icon_xsm) / 2);
    }
    .ui-button.t2.r5.sml.flip:hover,
    a:hover .ui-button.t2.r5.sml.flip,
    button:hover .ui-button.t2.r5.sml.flip {
      padding-right: calc(var(--icon_lrg) / 2);
      padding-left: calc(var(--icon_lrg) / 2 + var(--icon_sml) / 2);
    }
    .ui-button.t2.r5.med.flip:hover,
    a:hover .ui-button.t2.r5.med.flip,
    button:hover .ui-button.t2.r5.med.flip {
      padding-right: calc(var(--icon_lrg) / 2);
      padding-left: calc(var(--icon_lrg) / 2 + var(--icon_med) / 2);
    }
    .ui-button.t2.r5.lrg.flip:hover,
    a:hover .ui-button.t2.r5.lrg.flip,
    button:hover .ui-button.t2.r5.lrg.flip {
      padding-right: calc(var(--icon_lrg) / 2);
      padding-left: calc(var(--icon_lrg) / 2 + var(--icon_lrg) / 2);
    }
    .ui-button.t2.r5.xlg.flip:hover,
    a:hover .ui-button.t2.r5.xlg.flip,
    button:hover .ui-button.t2.r5.xlg.flip {
      padding-right: calc(var(--icon_lrg) / 2);
      padding-left: calc(var(--icon_lrg) / 2 + var(--icon_xlg) / 2);
    }
    .ui-button.t2.r5.xxl.flip:hover,
    a:hover .ui-button.t2.r5.xxl.flip,
    button:hover .ui-button.t2.r5.xxl.flip {
      padding-right: calc(var(--icon_lrg) / 2);
      padding-left: calc(var(--icon_lrg) / 2 + var(--icon_xxl) / 2);
    }
    .ui-button.t2.cir:hover,
    a:hover .ui-button.t2.cir,
    button:hover .ui-button.t2.cir {
      padding-right: 0px !important;
      padding-left: 0px !important;
    }
    .ui-button.t2.shc0:hover:before,
    a:hover .ui-button.t2.shc0:before,
    button:hover .ui-button.t2.shc0:before {
      background-color: var(--c0_bg);
      border-color: var(--c0_bg) !important;
    }
    .ui-button.t2.shc0:hover .label,
    a:hover .ui-button.t2.shc0 .label,
    button:hover .ui-button.t2.shc0 .label {
      color: var(--c0_cr);
    }
    .ui-button.t2.shc1:hover:before,
    a:hover .ui-button.t2.shc1:before,
    button:hover .ui-button.t2.shc1:before {
      background-color: var(--c1_bg);
      border-color: var(--c1_bg) !important;
    }
    .ui-button.t2.shc1:hover .label,
    a:hover .ui-button.t2.shc1 .label,
    button:hover .ui-button.t2.shc1 .label {
      color: var(--c1_cr);
    }
    .ui-button.t2.shc2:hover:before,
    a:hover .ui-button.t2.shc2:before,
    button:hover .ui-button.t2.shc2:before {
      background-color: var(--c2_bg);
      border-color: var(--c2_bg) !important;
    }
    .ui-button.t2.shc2:hover .label,
    a:hover .ui-button.t2.shc2 .label,
    button:hover .ui-button.t2.shc2 .label {
      color: var(--c2_cr);
    }
    .ui-button.t2.shc3:hover:before,
    a:hover .ui-button.t2.shc3:before,
    button:hover .ui-button.t2.shc3:before {
      background-color: var(--c3_bg);
      border-color: var(--c3_bg) !important;
    }
    .ui-button.t2.shc3:hover .label,
    a:hover .ui-button.t2.shc3 .label,
    button:hover .ui-button.t2.shc3 .label {
      color: var(--c3_cr);
    }
    .ui-button.t2.shc4:hover:before,
    a:hover .ui-button.t2.shc4:before,
    button:hover .ui-button.t2.shc4:before {
      background-color: var(--c4_bg);
      border-color: var(--c4_bg) !important;
    }
    .ui-button.t2.shc4:hover .label,
    a:hover .ui-button.t2.shc4 .label,
    button:hover .ui-button.t2.shc4 .label {
      color: var(--c4_cr);
    }
    .ui-button.t2.shc5:hover:before,
    a:hover .ui-button.t2.shc5:before,
    button:hover .ui-button.t2.shc5:before {
      background-color: var(--c5_bg);
      border-color: var(--c5_bg) !important;
    }
    .ui-button.t2.shc5:hover .label,
    a:hover .ui-button.t2.shc5 .label,
    button:hover .ui-button.t2.shc5 .label {
      color: var(--c5_cr);
    }
    .ui-button.t2.shc6:hover:before,
    a:hover .ui-button.t2.shc6:before,
    button:hover .ui-button.t2.shc6:before {
      background-color: var(--c6_bg);
      border-color: var(--c6_bg) !important;
    }
    .ui-button.t2.shc6:hover .label,
    a:hover .ui-button.t2.shc6 .label,
    button:hover .ui-button.t2.shc6 .label {
      color: var(--c6_cr);
    }
    .ui-button.t2.shc7:hover:before,
    a:hover .ui-button.t2.shc7:before,
    button:hover .ui-button.t2.shc7:before {
      background-color: var(--c7_bg);
      border-color: var(--c7_bg) !important;
    }
    .ui-button.t2.shc7:hover .label,
    a:hover .ui-button.t2.shc7 .label,
    button:hover .ui-button.t2.shc7 .label {
      color: var(--c7_cr);
    }
    .ui-button.t2.shc8:hover:before,
    a:hover .ui-button.t2.shc8:before,
    button:hover .ui-button.t2.shc8:before {
      background-color: var(--c8_bg);
      border-color: var(--c8_bg) !important;
    }
    .ui-button.t2.shc8:hover .label,
    a:hover .ui-button.t2.shc8 .label,
    button:hover .ui-button.t2.shc8 .label {
      color: var(--c8_cr);
    }
    .ui-button.t2.shc9:hover:before,
    a:hover .ui-button.t2.shc9:before,
    button:hover .ui-button.t2.shc9:before {
      background-color: var(--c9_bg);
      border-color: var(--c9_bg) !important;
    }
    .ui-button.t2.shc9:hover .label,
    a:hover .ui-button.t2.shc9 .label,
    button:hover .ui-button.t2.shc9 .label {
      color: var(--c9_cr);
    }
    .ui-button.t2.shc0:hover .icon,
    a:hover .ui-button.t2.shc0 .icon,
    button:hover .ui-button.t2.shc0 .icon {
      filter: none;
    }
    .ui-button.t2.shc1:hover .icon,
    a:hover .ui-button.t2.shc1 .icon,
    button:hover .ui-button.t2.shc1 .icon {
      filter: none;
    }
    .ui-button.t2.shc2:hover .icon,
    a:hover .ui-button.t2.shc2 .icon,
    button:hover .ui-button.t2.shc2 .icon {
      filter: none;
    }
    .ui-button.t2.shc3:hover .icon,
    a:hover .ui-button.t2.shc3 .icon,
    button:hover .ui-button.t2.shc3 .icon {
      filter: none;
    }
    .ui-button.t2.shc4:hover .icon,
    a:hover .ui-button.t2.shc4 .icon,
    button:hover .ui-button.t2.shc4 .icon {
      filter: none;
    }
    .ui-button.t2.shc5:hover .icon,
    a:hover .ui-button.t2.shc5 .icon,
    button:hover .ui-button.t2.shc5 .icon {
      filter: brightness(0) invert(1);
    }
    .ui-button.t2.shc6:hover .icon,
    a:hover .ui-button.t2.shc6 .icon,
    button:hover .ui-button.t2.shc6 .icon {
      filter: brightness(0) invert(1);
    }
    .ui-button.t2.shc7:hover .icon,
    a:hover .ui-button.t2.shc7 .icon,
    button:hover .ui-button.t2.shc7 .icon {
      filter: brightness(0) invert(1);
    }
    .ui-button.t2.shc8:hover .icon,
    a:hover .ui-button.t2.shc8 .icon,
    button:hover .ui-button.t2.shc8 .icon {
      filter: brightness(0) invert(1);
    }
    .ui-button.t2.shc9:hover .icon,
    a:hover .ui-button.t2.shc9 .icon,
    button:hover .ui-button.t2.shc9 .icon {
      filter: brightness(0) invert(1);
    }
  }
  .ui-button-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: visible;
  }
  .ui-button-list .sep {
    display: block;
    align-self: stretch;
    width: 0px;
    border-left-style: solid;
    border-left-width: var(--border_sml);
  }

  .ui-button-list.vertical {
    flex-direction: column;
  }
  .ui-button-list.vertical .sep {
    align-self: flex-start;
    width: 100%;
    height: 0px;
    border-left-style: none;
    border-top-style: solid;
    border-top-width: var(--border_sml);
  }

  .ui-button-list.no_line .sep {
    display: none;
  }

  .ui-button-list.gp-xxs {
    gap: var(--spacing_xxs);
  }

  .ui-button-list.gp-xsm {
    gap: var(--spacing_xsm);
  }

  .ui-button-list.gp-sml {
    gap: var(--spacing_sml);
  }

  .ui-button-list.gp-med {
    gap: var(--spacing_med);
  }

  .ui-button-list.gp-lrg {
    gap: var(--spacing_lrg);
  }

  .ui-button-list.gp-xlg {
    gap: var(--spacing_xlg);
  }

  .ui-button-list.gp-xxl {
    gap: var(--spacing_xxl);
  }

  .ui-input {
    font-size: var(--font_med);
    line-height: var(--lh_med);
    margin: 0px;
    padding: 0px;
    border: none;
  }

  .ui-input[data-type=hidden] {
    display: none;
  }

  .ui-input + .ui-input,
  .ui-input + .ui-grid,
  .ui-grid + .ui-input {
    margin-top: var(--spacing_med);
  }

  .ui-input .label_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing_sml);
    margin: 0px 0px calc(var(--spacing_sml) / 2) 0px;
  }
  .ui-input .label_box .label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--spacing_sml) / 2);
    margin: 0px;
    padding: 0px;
  }
  .ui-input .label_box .label.flip {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .ui-input .label_box .error_msg {
    display: none;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    color: var(--e0);
    font-size: var(--font_sml);
    line-height: var(--lh_sml);
  }

  .ui-input.no_label .label_box {
    display: none;
  }

  .ui-input.mandatory .label_box .label:before {
    display: block;
    content: "*";
  }

  .error .label_box .error_msg,
  .ui-input.invalid .label_box .error_msg {
    display: flex;
  }

  .c0 .ui-input.mandatory:not(.mono) .label_box .label:before {
    color: var(--c0_lk);
  }

  .c1 .ui-input.mandatory:not(.mono) .label_box .label:before {
    color: var(--c1_lk);
  }

  .c2 .ui-input.mandatory:not(.mono) .label_box .label:before {
    color: var(--c2_lk);
  }

  .c3 .ui-input.mandatory:not(.mono) .label_box .label:before {
    color: var(--c3_lk);
  }

  .c4 .ui-input.mandatory:not(.mono) .label_box .label:before {
    color: var(--c4_lk);
  }

  .c5 .ui-input.mandatory:not(.mono) .label_box .label:before {
    color: var(--c5_lk);
  }

  .c6 .ui-input.mandatory:not(.mono) .label_box .label:before {
    color: var(--c6_lk);
  }

  .c7 .ui-input.mandatory:not(.mono) .label_box .label:before {
    color: var(--c7_lk);
  }

  .c8 .ui-input.mandatory:not(.mono) .label_box .label:before {
    color: var(--c8_lk);
  }

  .c9 .ui-input.mandatory:not(.mono) .label_box .label:before {
    color: var(--c9_lk);
  }

  .ui-input .input {
    position: relative;
    display: block;
    border-style: solid;
    border-width: var(--border_sml);
    overflow: hidden;
  }
  .ui-input .input:focus-within {
    outline: var(--border_sml) solid var(--c0_br);
  }
  .ui-input .input input,
  .ui-input .input select,
  .ui-input .input textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    background: none;
    border: none;
    outline: none;
    resize: none;
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-input .input input,
  .ui-input .input select {
    height: calc(var(--font_med) * 2);
    padding: 0px var(--spacing_sml);
  }
  .ui-input .input select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: calc(var(--icon_sml) + var(--spacing_sml) * 2) !important;
    background-image: url(../img/ui/carat-d.svg);
    background-position: center right var(--spacing_sml);
    background-repeat: no-repeat;
    background-size: var(--icon_sml);
  }
  .ui-input .input select,
  .ui-input .input option {
    color: var(--black_100);
    background-color: var(--white_100);
  }
  .ui-input .input textarea {
    padding: var(--spacing_sml) var(--spacing_sml);
  }

  .c0 .ui-input .input:focus-within {
    outline: 1px solid var(--c0_br);
  }

  .c1 .ui-input .input:focus-within {
    outline: 1px solid var(--c1_br);
  }

  .c2 .ui-input .input:focus-within {
    outline: 1px solid var(--c2_br);
  }

  .c3 .ui-input .input:focus-within {
    outline: 1px solid var(--c3_br);
  }

  .c4 .ui-input .input:focus-within {
    outline: 1px solid var(--c4_br);
  }

  .c5 .ui-input .input:focus-within {
    outline: 1px solid var(--c5_br);
  }

  .c6 .ui-input .input:focus-within {
    outline: 1px solid var(--c6_br);
  }

  .c7 .ui-input .input:focus-within {
    outline: 1px solid var(--c7_br);
  }

  .c8 .ui-input .input:focus-within {
    outline: 1px solid var(--c8_br);
  }

  .c9 .ui-input .input:focus-within {
    outline: 1px solid var(--c9_br);
  }

  .ui-input .input.rc-xxs input {
    padding: 0px calc(var(--spacing_sml) / 2 + var(--icon_xxs) / 2);
  }
  .ui-input .input.rc-xxs select {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_xxs) / 2);
  }
  .ui-input .input.rc-xxs textarea {
    padding: var(--spacing_sml) calc(var(--spacing_sml) / 2 + var(--icon_xxs) / 2);
  }

  .ui-input .input.rc-xsm input {
    padding: 0px calc(var(--spacing_sml) / 2 + var(--icon_xsm) / 2);
  }
  .ui-input .input.rc-xsm select {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_xsm) / 2);
  }
  .ui-input .input.rc-xsm textarea {
    padding: var(--spacing_sml) calc(var(--spacing_sml) / 2 + var(--icon_xsm) / 2);
  }

  .ui-input .input.rc-sml input {
    padding: 0px calc(var(--spacing_sml) / 2 + var(--icon_sml) / 2);
  }
  .ui-input .input.rc-sml select {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_sml) / 2);
  }
  .ui-input .input.rc-sml textarea {
    padding: var(--spacing_sml) calc(var(--spacing_sml) / 2 + var(--icon_sml) / 2);
  }

  .ui-input .input.rc-med input {
    padding: 0px calc(var(--spacing_sml) / 2 + var(--icon_med) / 2);
  }
  .ui-input .input.rc-med select {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_med) / 2);
  }
  .ui-input .input.rc-med textarea {
    padding: var(--spacing_sml) calc(var(--spacing_sml) / 2 + var(--icon_med) / 2);
  }

  .ui-input .input.rc-lrg input {
    padding: 0px calc(var(--spacing_sml) / 2 + var(--icon_lrg) / 2);
  }
  .ui-input .input.rc-lrg select {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_lrg) / 2);
  }
  .ui-input .input.rc-lrg textarea {
    padding: var(--spacing_sml) calc(var(--spacing_sml) / 2 + var(--icon_lrg) / 2);
  }

  .ui-input .input.rc-xlg input {
    padding: 0px calc(var(--spacing_sml) / 2 + var(--icon_xlg) / 2);
  }
  .ui-input .input.rc-xlg select {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_xlg) / 2);
  }
  .ui-input .input.rc-xlg textarea {
    padding: var(--spacing_sml) calc(var(--spacing_sml) / 2 + var(--icon_xlg) / 2);
  }

  .ui-input .input.rc-xxl input {
    padding: 0px calc(var(--spacing_sml) / 2 + var(--icon_xxl) / 2);
  }
  .ui-input .input.rc-xxl select {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_xxl) / 2);
  }
  .ui-input .input.rc-xxl textarea {
    padding: var(--spacing_sml) calc(var(--spacing_sml) / 2 + var(--icon_xxl) / 2);
  }

  .ui-input .input .display {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: var(--c0_cr);
    background-color: var(--c0_bg);
    padding: 0px calc(var(--spacing_sml) * 2 + var(--icon_sml)) 0px var(--spacing_sml);
    pointer-events: none;
  }
  .ui-input .input .display span {
    display: block;
    font-size: var(--font_med);
    line-height: var(--lh_med);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .ui-input .input .display:after {
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - var(--icon_sml) / 2);
    right: var(--spacing_sml);
    width: var(--icon_sml);
    height: var(--icon_sml);
    background-image: url(../img/ui/carat-d.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .ui-input .input.rc-xxs .display {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_xxs) / 2);
  }

  .ui-input .input.rc-xsm .display {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_xsm) / 2);
  }

  .ui-input .input.rc-sml .display {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_sml) / 2);
  }

  .ui-input .input.rc-med .display {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_med) / 2);
  }

  .ui-input .input.rc-lrg .display {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_lrg) / 2);
  }

  .ui-input .input.rc-xlg .display {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_xlg) / 2);
  }

  .ui-input .input.rc-xxl .display {
    padding-left: calc(var(--spacing_sml) / 2 + var(--icon_xxl) / 2);
  }

  .c0 .ui-input .input .display {
    color: var(--c0_cr);
    background-color: var(--c0_bg);
  }

  .c1 .ui-input .input .display {
    color: var(--c1_cr);
    background-color: var(--c1_bg);
  }

  .c2 .ui-input .input .display {
    color: var(--c2_cr);
    background-color: var(--c2_bg);
  }

  .c3 .ui-input .input .display {
    color: var(--c3_cr);
    background-color: var(--c3_bg);
  }

  .c4 .ui-input .input .display {
    color: var(--c4_cr);
    background-color: var(--c4_bg);
  }

  .c5 .ui-input .input .display {
    color: var(--c5_cr);
    background-color: var(--c5_bg);
  }

  .c6 .ui-input .input .display {
    color: var(--c6_cr);
    background-color: var(--c6_bg);
  }

  .c7 .ui-input .input .display {
    color: var(--c7_cr);
    background-color: var(--c7_bg);
  }

  .c8 .ui-input .input .display {
    color: var(--c8_cr);
    background-color: var(--c8_bg);
  }

  .c9 .ui-input .input .display {
    color: var(--c9_cr);
    background-color: var(--c9_bg);
  }

  .c0 .ui-input .input .display:after {
    filter: none;
  }

  .c1 .ui-input .input .display:after {
    filter: none;
  }

  .c2 .ui-input .input .display:after {
    filter: none;
  }

  .c3 .ui-input .input .display:after {
    filter: none;
  }

  .c4 .ui-input .input .display:after {
    filter: none;
  }

  .c5 .ui-input .input .display:after {
    filter: brightness(0) invert(1);
  }

  .c6 .ui-input .input .display:after {
    filter: brightness(0) invert(1);
  }

  .c7 .ui-input .input .display:after {
    filter: brightness(0) invert(1);
  }

  .c8 .ui-input .input .display:after {
    filter: brightness(0) invert(1);
  }

  .c9 .ui-input .input .display:after {
    filter: brightness(0) invert(1);
  }

  .ui-input .radio {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0px calc(var(--spacing_sml) * 2) var(--spacing_sml) 0px;
  }
  .ui-input input[type=radio] {
    position: relative;
    width: var(--icon_med);
    height: var(--icon_med);
    background-color: transparent;
    border: 1px solid transparent;
    margin-right: var(--spacing_sml);
  }
  .ui-input input[type=radio]:before {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-style: solid;
    border-color: var(--c0_br);
    border-width: var(--border_sml);
    background-color: var(--c0_bg);
  }
  .ui-input input[type=radio]:checked:after {
    display: block;
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: var(--c0_hl);
    border-radius: 50%;
  }

  .ui-input.mono input[type=radio]:checked:after {
    filter: grayscale(1);
  }

  .c0 .ui-input input[type=radio]:before {
    border-color: var(--c0_br);
    background-color: var(--c0_bg);
  }

  .c0 .ui-input input[type=radio]:after {
    background-color: var(--c0_lk);
  }

  .c1 .ui-input input[type=radio]:before {
    border-color: var(--c1_br);
    background-color: var(--c1_bg);
  }

  .c1 .ui-input input[type=radio]:after {
    background-color: var(--c1_lk);
  }

  .c2 .ui-input input[type=radio]:before {
    border-color: var(--c2_br);
    background-color: var(--c2_bg);
  }

  .c2 .ui-input input[type=radio]:after {
    background-color: var(--c2_lk);
  }

  .c3 .ui-input input[type=radio]:before {
    border-color: var(--c3_br);
    background-color: var(--c3_bg);
  }

  .c3 .ui-input input[type=radio]:after {
    background-color: var(--c3_lk);
  }

  .c4 .ui-input input[type=radio]:before {
    border-color: var(--c4_br);
    background-color: var(--c4_bg);
  }

  .c4 .ui-input input[type=radio]:after {
    background-color: var(--c4_lk);
  }

  .c5 .ui-input input[type=radio]:before {
    border-color: var(--c5_br);
    background-color: var(--c5_bg);
  }

  .c5 .ui-input input[type=radio]:after {
    background-color: var(--c5_lk);
  }

  .c6 .ui-input input[type=radio]:before {
    border-color: var(--c6_br);
    background-color: var(--c6_bg);
  }

  .c6 .ui-input input[type=radio]:after {
    background-color: var(--c6_lk);
  }

  .c7 .ui-input input[type=radio]:before {
    border-color: var(--c7_br);
    background-color: var(--c7_bg);
  }

  .c7 .ui-input input[type=radio]:after {
    background-color: var(--c7_lk);
  }

  .c8 .ui-input input[type=radio]:before {
    border-color: var(--c8_br);
    background-color: var(--c8_bg);
  }

  .c8 .ui-input input[type=radio]:after {
    background-color: var(--c8_lk);
  }

  .c9 .ui-input input[type=radio]:before {
    border-color: var(--c9_br);
    background-color: var(--c9_bg);
  }

  .c9 .ui-input input[type=radio]:after {
    background-color: var(--c9_lk);
  }

  .ui-input .checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0px calc(var(--spacing_sml) * 2) var(--spacing_sml) 0px;
  }
  .ui-input input[type=checkbox] {
    position: relative;
    width: var(--icon_med);
    height: var(--icon_med);
    background-color: transparent;
    border: 1px solid transparent;
    margin-right: var(--spacing_sml);
    flex-shrink: 0;
  }
  .ui-input input[type=checkbox]:before {
    display: block;
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: var(--c0_br);
    border-width: var(--border_sml);
    background-color: var(--c0_bg);
  }
  .ui-input input[type=checkbox]:checked:after {
    display: block;
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-image: url(../img/ui/tick.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .c0 .ui-input input[type=checkbox]:before {
    border-color: var(--c0_br);
    background-color: var(--c0_bg);
  }

  .c1 .ui-input input[type=checkbox]:before {
    border-color: var(--c1_br);
    background-color: var(--c1_bg);
  }

  .c2 .ui-input input[type=checkbox]:before {
    border-color: var(--c2_br);
    background-color: var(--c2_bg);
  }

  .c3 .ui-input input[type=checkbox]:before {
    border-color: var(--c3_br);
    background-color: var(--c3_bg);
  }

  .c4 .ui-input input[type=checkbox]:before {
    border-color: var(--c4_br);
    background-color: var(--c4_bg);
  }

  .c5 .ui-input input[type=checkbox]:before {
    border-color: var(--c5_br);
    background-color: var(--c5_bg);
  }

  .c6 .ui-input input[type=checkbox]:before {
    border-color: var(--c6_br);
    background-color: var(--c6_bg);
  }

  .c7 .ui-input input[type=checkbox]:before {
    border-color: var(--c7_br);
    background-color: var(--c7_bg);
  }

  .c8 .ui-input input[type=checkbox]:before {
    border-color: var(--c8_br);
    background-color: var(--c8_bg);
  }

  .c9 .ui-input input[type=checkbox]:before {
    border-color: var(--c9_br);
    background-color: var(--c9_bg);
  }

  .c0 .ui-input input[type=checkbox]:after {
    filter: none;
  }

  .c1 .ui-input input[type=checkbox]:after {
    filter: none;
  }

  .c2 .ui-input input[type=checkbox]:after {
    filter: none;
  }

  .c3 .ui-input input[type=checkbox]:after {
    filter: none;
  }

  .c4 .ui-input input[type=checkbox]:after {
    filter: none;
  }

  .c5 .ui-input input[type=checkbox]:after {
    filter: brightness(0) invert(1);
  }

  .c6 .ui-input input[type=checkbox]:after {
    filter: brightness(0) invert(1);
  }

  .c7 .ui-input input[type=checkbox]:after {
    filter: brightness(0) invert(1);
  }

  .c8 .ui-input input[type=checkbox]:after {
    filter: brightness(0) invert(1);
  }

  .c9 .ui-input input[type=checkbox]:after {
    filter: brightness(0) invert(1);
  }

  .ui-input .boolean {
    display: block;
    position: relative;
    width: calc(var(--icon_lrg) * 1.5);
    height: var(--icon_lrg);
    border-radius: var(--icon_lrg);
    background-color: var(--e1);
  }
  .ui-input .boolean:not(.active) {
    filter: grayscale(1);
  }
  .ui-input .boolean:before {
    display: block;
    content: "";
    background-color: var(--white_100);
    position: absolute;
    top: 2px;
    right: 2px;
    width: calc(var(--icon_lrg) - 4px);
    height: calc(var(--icon_lrg) - 4px);
    border-radius: 50%;
  }
  .ui-input .boolean:not(.active):before {
    right: auto;
    left: 2px;
  }

  .c0 .ui-input .boolean {
    background-color: var(--e1);
  }

  .c1 .ui-input .boolean {
    background-color: var(--e1);
  }

  .c2 .ui-input .boolean {
    background-color: var(--e1);
  }

  .c3 .ui-input .boolean {
    background-color: var(--e1);
  }

  .c4 .ui-input .boolean {
    background-color: var(--e1);
  }

  .c5 .ui-input .boolean {
    background-color: var(--e3);
  }

  .c6 .ui-input .boolean {
    background-color: var(--e3);
  }

  .c7 .ui-input .boolean {
    background-color: var(--e3);
  }

  .c8 .ui-input .boolean {
    background-color: var(--e3);
  }

  .c9 .ui-input .boolean {
    background-color: var(--e3);
  }

  .ui-input .dropdown {
    position: relative;
  }
  .ui-input .dropdown_select {
    display: none;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    overflow: auto;
    color: var(--c0_cr);
    background-color: var(--c0_bg);
    padding: calc(var(--spacing_sml) / 4);
    border-style: solid;
    border-width: var(--border_sml);
  }
  .ui-input .dropdown_select .dropdown_option {
    display: block;
    color: inherit;
    text-decoration: none;
    padding: calc(var(--spacing_sml) / 4) calc(var(--spacing_sml) / 2);
  }
  .ui-input .dropdown_select .dropdown_option.selected {
    color: var(--c0_lk);
  }
  .ui-input .dropdown_select.calendar {
    max-width: var(--width_xxs);
  }
  .ui-input .dropdown_select .calendar_item.selected {
    color: var(--c1_cr);
    background-color: var(--c1_bg);
  }

  .ui-input.open .dropdown .dropdown_select {
    display: block;
  }

  .ui-input.open.open_top .dropdown .dropdown_select {
    bottom: 100%;
  }

  .ui-input.open.open_bottom .dropdown .dropdown_select {
    top: 100%;
  }

  .c0 .ui-input .dropdown_select {
    color: var(--c0_cr);
    background-color: var(--c0_bg);
  }

  .c0 .ui-input .dropdown_select .dropdown_option.selected {
    color: var(--c0_lk);
  }

  .ui-input.shc0 .dropdown_select .calendar_item.selected {
    color: var(--c0_cr);
    background-color: var(--c0_bg);
  }

  .c1 .ui-input .dropdown_select {
    color: var(--c1_cr);
    background-color: var(--c1_bg);
  }

  .c1 .ui-input .dropdown_select .dropdown_option.selected {
    color: var(--c1_lk);
  }

  .ui-input.shc1 .dropdown_select .calendar_item.selected {
    color: var(--c1_cr);
    background-color: var(--c1_bg);
  }

  .c2 .ui-input .dropdown_select {
    color: var(--c2_cr);
    background-color: var(--c2_bg);
  }

  .c2 .ui-input .dropdown_select .dropdown_option.selected {
    color: var(--c2_lk);
  }

  .ui-input.shc2 .dropdown_select .calendar_item.selected {
    color: var(--c2_cr);
    background-color: var(--c2_bg);
  }

  .c3 .ui-input .dropdown_select {
    color: var(--c3_cr);
    background-color: var(--c3_bg);
  }

  .c3 .ui-input .dropdown_select .dropdown_option.selected {
    color: var(--c3_lk);
  }

  .ui-input.shc3 .dropdown_select .calendar_item.selected {
    color: var(--c3_cr);
    background-color: var(--c3_bg);
  }

  .c4 .ui-input .dropdown_select {
    color: var(--c4_cr);
    background-color: var(--c4_bg);
  }

  .c4 .ui-input .dropdown_select .dropdown_option.selected {
    color: var(--c4_lk);
  }

  .ui-input.shc4 .dropdown_select .calendar_item.selected {
    color: var(--c4_cr);
    background-color: var(--c4_bg);
  }

  .c5 .ui-input .dropdown_select {
    color: var(--c5_cr);
    background-color: var(--c5_bg);
  }

  .c5 .ui-input .dropdown_select .dropdown_option.selected {
    color: var(--c5_lk);
  }

  .ui-input.shc5 .dropdown_select .calendar_item.selected {
    color: var(--c5_cr);
    background-color: var(--c5_bg);
  }

  .c6 .ui-input .dropdown_select {
    color: var(--c6_cr);
    background-color: var(--c6_bg);
  }

  .c6 .ui-input .dropdown_select .dropdown_option.selected {
    color: var(--c6_lk);
  }

  .ui-input.shc6 .dropdown_select .calendar_item.selected {
    color: var(--c6_cr);
    background-color: var(--c6_bg);
  }

  .c7 .ui-input .dropdown_select {
    color: var(--c7_cr);
    background-color: var(--c7_bg);
  }

  .c7 .ui-input .dropdown_select .dropdown_option.selected {
    color: var(--c7_lk);
  }

  .ui-input.shc7 .dropdown_select .calendar_item.selected {
    color: var(--c7_cr);
    background-color: var(--c7_bg);
  }

  .c8 .ui-input .dropdown_select {
    color: var(--c8_cr);
    background-color: var(--c8_bg);
  }

  .c8 .ui-input .dropdown_select .dropdown_option.selected {
    color: var(--c8_lk);
  }

  .ui-input.shc8 .dropdown_select .calendar_item.selected {
    color: var(--c8_cr);
    background-color: var(--c8_bg);
  }

  .c9 .ui-input .dropdown_select {
    color: var(--c9_cr);
    background-color: var(--c9_bg);
  }

  .c9 .ui-input .dropdown_select .dropdown_option.selected {
    color: var(--c9_lk);
  }

  .ui-input.shc9 .dropdown_select .calendar_item.selected {
    color: var(--c9_cr);
    background-color: var(--c9_bg);
  }

  @media (hover: hover) {
    .ui-input .dropdown_select .dropdown_option:hover {
      color: var(--c1_cr);
      background-color: var(--c1_bg);
    }
    .ui-input.shc0 .dropdown_select .dropdown_option:hover {
      color: var(--c0_cr);
      background-color: var(--c0_bg);
    }
    .ui-input.shc1 .dropdown_select .dropdown_option:hover {
      color: var(--c1_cr);
      background-color: var(--c1_bg);
    }
    .ui-input.shc2 .dropdown_select .dropdown_option:hover {
      color: var(--c2_cr);
      background-color: var(--c2_bg);
    }
    .ui-input.shc3 .dropdown_select .dropdown_option:hover {
      color: var(--c3_cr);
      background-color: var(--c3_bg);
    }
    .ui-input.shc4 .dropdown_select .dropdown_option:hover {
      color: var(--c4_cr);
      background-color: var(--c4_bg);
    }
    .ui-input.shc5 .dropdown_select .dropdown_option:hover {
      color: var(--c5_cr);
      background-color: var(--c5_bg);
    }
    .ui-input.shc6 .dropdown_select .dropdown_option:hover {
      color: var(--c6_cr);
      background-color: var(--c6_bg);
    }
    .ui-input.shc7 .dropdown_select .dropdown_option:hover {
      color: var(--c7_cr);
      background-color: var(--c7_bg);
    }
    .ui-input.shc8 .dropdown_select .dropdown_option:hover {
      color: var(--c8_cr);
      background-color: var(--c8_bg);
    }
    .ui-input.shc9 .dropdown_select .dropdown_option:hover {
      color: var(--c9_cr);
      background-color: var(--c9_bg);
    }
  }
  .ui-input .input_row {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: var(--spacing_sml);
  }
  .ui-input .input_row .input {
    flex: 1;
  }
  .ui-input .input_row .input.f1 {
    flex: 1;
  }
  .ui-input .input_row .input.f2 {
    flex: 2;
  }
  .ui-input .input_row .input.f3 {
    flex: 3;
  }
  .ui-input .input_row .input.f4 {
    flex: 4;
  }
  .ui-input .input_row .input.f5 {
    flex: 5;
  }
  .ui-input .input_row .sep {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }

  .ui-input .gmap {
    color: var(--c0_cr);
    background-color: var(--c0_bg);
  }

  .ui-input .message {
    display: block;
    font-size: var(--font_sml);
    line-height: var(--lh_sml);
    margin-top: calc(var(--spacing_sml) / 2);
  }

  .ui-input .ck-editor {
    color: var(--c0_cr);
    background-color: var(--c0_bg);
  }

  .ui-input textarea,
  .ui-input .ck-source-editing-area,
  .ui-input .ck-editor__editable_inline {
    min-height: var(--height_med);
  }

  .ui-input.xxs textarea,
  .ui-input.xxs .ck-source-editing-area,
  .ui-input.xxs .ck-editor__editable_inline {
    min-height: var(--height_xxs);
  }

  .ui-input.xsm textarea,
  .ui-input.xsm .ck-source-editing-area,
  .ui-input.xsm .ck-editor__editable_inline {
    min-height: var(--height_xsm);
  }

  .ui-input.sml textarea,
  .ui-input.sml .ck-source-editing-area,
  .ui-input.sml .ck-editor__editable_inline {
    min-height: var(--height_sml);
  }

  .ui-input.med textarea,
  .ui-input.med .ck-source-editing-area,
  .ui-input.med .ck-editor__editable_inline {
    min-height: var(--height_med);
  }

  .ui-input.lrg textarea,
  .ui-input.lrg .ck-source-editing-area,
  .ui-input.lrg .ck-editor__editable_inline {
    min-height: var(--height_lrg);
  }

  .ui-input.xlg textarea,
  .ui-input.xlg .ck-source-editing-area,
  .ui-input.xlg .ck-editor__editable_inline {
    min-height: var(--height_xlg);
  }

  .ui-input.xxl textarea,
  .ui-input.xxl .ck-source-editing-area,
  .ui-input.xxl .ck-editor__editable_inline {
    min-height: var(--height_xxl);
  }

  .ui-media {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 100%;
  }
  .ui-media img,
  .ui-media video,
  .ui-media .img,
  .ui-media .youtube-player {
    position: absolute;
    display: block;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
  }
  .ui-media img,
  .ui-media video {
    object-fit: cover;
    object-position: center center;
  }
  .ui-media .img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ui-media img,
  .ui-media .img {
    transition: ease all var(--spd_fast);
    transform: scale(1);
  }
  .ui-media.bg-pos-left-center img,
  .ui-media.bg-pos-left-center .img {
    background-position: left center;
    object-position: left center;
  }

  .ui-media:before {
    display: block;
    content: "";
    padding-bottom: 50%;
  }

  .ui-media.contain img,
  .ui-media.contain video {
    object-fit: contain;
  }
  .ui-media.contain .img {
    background-size: contain;
  }

  @media (hover: hover) {
    .hover .ui-media img,
    .hover .ui-media .img,
    a.ui-media:hover img,
    a.ui-media:hover .img {
      transform: scale(1.05);
    }
  }
  .ui-media.s1x1:before {
    padding-bottom: 100%;
  }

  .ui-media.s2x1:before {
    padding-bottom: 50%;
  }

  .ui-media.s3x1:before {
    padding-bottom: 33.33%;
  }

  .ui-media.s4x1:before {
    padding-bottom: 25%;
  }

  .ui-media.s5x1:before {
    padding-bottom: 20%;
  }

  .ui-media.s3x2:before {
    padding-bottom: 66.66%;
  }

  .ui-media.s5x2:before {
    padding-bottom: 40%;
  }

  .ui-media.s4x3:before {
    padding-bottom: 75%;
  }

  .ui-media.s5x3:before {
    padding-bottom: 60%;
  }

  .ui-media.s5x4:before {
    padding-bottom: 80%;
  }

  .ui-media.s16x9:before {
    padding-bottom: 56.25%;
  }
  .ui-media.s525:before {
    padding-bottom: 52.50%;
  }

  .ui-media.s16x10:before {
    padding-bottom: 62.5%;
  }

  .ui-media.s1x2:before {
    padding-bottom: 200%;
  }

  .ui-media.s2x3:before {
    padding-bottom: 150%;
  }

  .ui-media.s3x4:before {
    padding-bottom: 133.33%;
  }

  .ui-media.s4x5:before {
    padding-bottom: 125%;
  }

  .ui-media.s5x6:before {
    padding-bottom: 120%;
  }

  .ui-media .play {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: var(--black_20);
    transition: ease all var(--spd_fast);
  }
  .ui-media .play:before,
  .ui-media .play:after {
    content: "";
    display: block;
    position: absolute;
    width: var(--icon_xxl);
    height: var(--icon_xxl);
    top: calc(50% - var(--icon_xxl) / 2);
    left: calc(50% - var(--icon_xxl) / 2);
  }
  .ui-media .play:before {
    background-color: var(--c0_bg);
    border-radius: 50%;
  }
  .ui-media .play:after {
    background-image: url(../img/ui/video-play.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 33.33%;
  }

  @media (hover: hover) {
    .hover .ui-media .play,
    a.ui-media:hover .play {
      background-color: var(--black_0);
    }
  }
  .ui-win .ui-media {
    background-color: var(--black_100);
    min-width: 60vw;
    min-height: 60vh;
    max-width: calc(100vw - var(--spacing_med) * 6);
    max-height: calc(100vh - var(--font_med) * 3 - var(--spacing_med) * 4);
  }

  .ui-slider .slider_item > .ui-media:first-child:last-child,
  .ui-grid .grid_item > .ui-media:first-child:last-child {
    min-height: 100%;
  }

  .ui-paging {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-paging .paging_button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--font_med) / 2);
    padding: calc(var(--font_med) / 2);
    border-style: solid;
    border-width: var(--border_sml);
  }
  .ui-paging .paging_btn.dot {
    pointer-events: none;
    font-size: var(--font_sml);
    line-height: var(--lh_sml);
  }
  .ui-paging .paging_btn:not(.dot) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: calc(var(--font_med) * 2);
    min-height: calc(var(--font_med) * 2);
    color: inherit;
    text-decoration: none;
    transition: ease all var(--spd_fast);
  }
  .ui-paging .paging_btn.active {
    background-color: var(--c1_bg);
    color: var(--c1_cr);
  }

  .ui-paging.no_border .paging_button {
    border-style: none;
  }

  .ui-paging.xxs {
    font-size: var(--font_xxs);
    line-height: var(--lh_xxs);
  }
  .ui-paging.xxs .paging_button {
    gap: calc(var(--font_xxs) / 2);
    padding: calc(var(--font_xxs) / 2);
  }
  .ui-paging.xxs .paging_btn:not(.dot) {
    min-width: calc(var(--font_xxs) * 2);
    min-height: calc(var(--font_xxs) * 2);
  }

  .ui-paging.xsm {
    font-size: var(--font_xsm);
    line-height: var(--lh_xsm);
  }
  .ui-paging.xsm .paging_button {
    gap: calc(var(--font_xsm) / 2);
    padding: calc(var(--font_xsm) / 2);
  }
  .ui-paging.xsm .paging_btn:not(.dot) {
    min-width: calc(var(--font_xsm) * 2);
    min-height: calc(var(--font_xsm) * 2);
  }

  .ui-paging.sml {
    font-size: var(--font_sml);
    line-height: var(--lh_sml);
  }
  .ui-paging.sml .paging_button {
    gap: calc(var(--font_sml) / 2);
    padding: calc(var(--font_sml) / 2);
  }
  .ui-paging.sml .paging_btn:not(.dot) {
    min-width: calc(var(--font_sml) * 2);
    min-height: calc(var(--font_sml) * 2);
  }

  .ui-paging.med {
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-paging.med .paging_button {
    gap: calc(var(--font_med) / 2);
    padding: calc(var(--font_med) / 2);
  }
  .ui-paging.med .paging_btn:not(.dot) {
    min-width: calc(var(--font_med) * 2);
    min-height: calc(var(--font_med) * 2);
  }

  .ui-paging.lrg {
    font-size: var(--font_lrg);
    line-height: var(--lh_lrg);
  }
  .ui-paging.lrg .paging_button {
    gap: calc(var(--font_lrg) / 2);
    padding: calc(var(--font_lrg) / 2);
  }
  .ui-paging.lrg .paging_btn:not(.dot) {
    min-width: calc(var(--font_lrg) * 2);
    min-height: calc(var(--font_lrg) * 2);
  }

  .ui-paging.xlg {
    font-size: var(--font_xlg);
    line-height: var(--lh_xlg);
  }
  .ui-paging.xlg .paging_button {
    gap: calc(var(--font_xlg) / 2);
    padding: calc(var(--font_xlg) / 2);
  }
  .ui-paging.xlg .paging_btn:not(.dot) {
    min-width: calc(var(--font_xlg) * 2);
    min-height: calc(var(--font_xlg) * 2);
  }

  .ui-paging.xxl {
    font-size: var(--font_xxl);
    line-height: var(--lh_xxl);
  }
  .ui-paging.xxl .paging_button {
    gap: calc(var(--font_xxl) / 2);
    padding: calc(var(--font_xxl) / 2);
  }
  .ui-paging.xxl .paging_btn:not(.dot) {
    min-width: calc(var(--font_xxl) * 2);
    min-height: calc(var(--font_xxl) * 2);
  }

  .ui-paging.r1 .paging_button,
  .ui-paging.r1 .paging_btn:not(.dot) {
    border-radius: var(--icon_xxs);
  }

  .ui-paging.r2 .paging_button,
  .ui-paging.r2 .paging_btn:not(.dot) {
    border-radius: var(--icon_xsm);
  }

  .ui-paging.r3 .paging_button,
  .ui-paging.r3 .paging_btn:not(.dot) {
    border-radius: var(--icon_sml);
  }

  .ui-paging.r4 .paging_button,
  .ui-paging.r4 .paging_btn:not(.dot) {
    border-radius: var(--icon_med);
  }

  .ui-paging.r5 .paging_button,
  .ui-paging.r5 .paging_btn:not(.dot) {
    border-radius: var(--icon_lrg);
  }

  .ui-paging.cir .paging_button,
  .ui-paging.cir .paging_btn:not(.dot) {
    border-radius: calc(var(--icon_lrg) * 2);
  }

  .ui-paging.sc0 .paging_btn.active {
    background-color: var(--c0_bg);
    color: var(--c0_cr);
  }

  .ui-paging.sc1 .paging_btn.active {
    background-color: var(--c1_bg);
    color: var(--c1_cr);
  }

  .ui-paging.sc2 .paging_btn.active {
    background-color: var(--c2_bg);
    color: var(--c2_cr);
  }

  .ui-paging.sc3 .paging_btn.active {
    background-color: var(--c3_bg);
    color: var(--c3_cr);
  }

  .ui-paging.sc4 .paging_btn.active {
    background-color: var(--c4_bg);
    color: var(--c4_cr);
  }

  .ui-paging.sc5 .paging_btn.active {
    background-color: var(--c5_bg);
    color: var(--c5_cr);
  }

  .ui-paging.sc6 .paging_btn.active {
    background-color: var(--c6_bg);
    color: var(--c6_cr);
  }

  .ui-paging.sc7 .paging_btn.active {
    background-color: var(--c7_bg);
    color: var(--c7_cr);
  }

  .ui-paging.sc8 .paging_btn.active {
    background-color: var(--c8_bg);
    color: var(--c8_cr);
  }

  .ui-paging.sc9 .paging_btn.active {
    background-color: var(--c9_bg);
    color: var(--c9_cr);
  }

  @media (hover: hover) {
    .ui-paging.shc0 .paging_btn:not(.dot):hover {
      background-color: var(--c0_bg);
      color: var(--c0_cr);
    }
    .ui-paging.shc1 .paging_btn:not(.dot):hover {
      background-color: var(--c1_bg);
      color: var(--c1_cr);
    }
    .ui-paging.shc2 .paging_btn:not(.dot):hover {
      background-color: var(--c2_bg);
      color: var(--c2_cr);
    }
    .ui-paging.shc3 .paging_btn:not(.dot):hover {
      background-color: var(--c3_bg);
      color: var(--c3_cr);
    }
    .ui-paging.shc4 .paging_btn:not(.dot):hover {
      background-color: var(--c4_bg);
      color: var(--c4_cr);
    }
    .ui-paging.shc5 .paging_btn:not(.dot):hover {
      background-color: var(--c5_bg);
      color: var(--c5_cr);
    }
    .ui-paging.shc6 .paging_btn:not(.dot):hover {
      background-color: var(--c6_bg);
      color: var(--c6_cr);
    }
    .ui-paging.shc7 .paging_btn:not(.dot):hover {
      background-color: var(--c7_bg);
      color: var(--c7_cr);
    }
    .ui-paging.shc8 .paging_btn:not(.dot):hover {
      background-color: var(--c8_bg);
      color: var(--c8_cr);
    }
    .ui-paging.shc9 .paging_btn:not(.dot):hover {
      background-color: var(--c9_bg);
      color: var(--c9_cr);
    }
  }
  .ui-paging .paging_btn.prev,
  .ui-paging .paging_btn.next {
    width: calc(var(--font_med) * 2);
    height: calc(var(--font_med) * 2);
  }
  .ui-paging .paging_btn.prev .label,
  .ui-paging .paging_btn.next .label {
    display: none;
  }
  .ui-paging .paging_btn.prev:before,
  .ui-paging .paging_btn.next:before {
    content: "";
    display: block;
    width: 50%;
    height: 50%;
    background-image: url(../img/ui/carat-l.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .ui-paging .paging_btn.next:before {
    background-image: url(../img/ui/carat-r.svg);
  }

  .ui-paging.xxs .paging_btn.prev,
  .ui-paging.xxs .paging_btn.next {
    width: calc(var(--font_xxs) * 2);
    height: calc(var(--font_xxs) * 2);
  }

  .ui-paging.xsm .paging_btn.prev,
  .ui-paging.xsm .paging_btn.next {
    width: calc(var(--font_xsm) * 2);
    height: calc(var(--font_xsm) * 2);
  }

  .ui-paging.sml .paging_btn.prev,
  .ui-paging.sml .paging_btn.next {
    width: calc(var(--font_sml) * 2);
    height: calc(var(--font_sml) * 2);
  }

  .ui-paging.med .paging_btn.prev,
  .ui-paging.med .paging_btn.next {
    width: calc(var(--font_med) * 2);
    height: calc(var(--font_med) * 2);
  }

  .ui-paging.lrg .paging_btn.prev,
  .ui-paging.lrg .paging_btn.next {
    width: calc(var(--font_lrg) * 2);
    height: calc(var(--font_lrg) * 2);
  }

  .ui-paging.xlg .paging_btn.prev,
  .ui-paging.xlg .paging_btn.next {
    width: calc(var(--font_xlg) * 2);
    height: calc(var(--font_xlg) * 2);
  }

  .ui-paging.xxl .paging_btn.prev,
  .ui-paging.xxl .paging_btn.next {
    width: calc(var(--font_xxl) * 2);
    height: calc(var(--font_xxl) * 2);
  }

  .c0 .ui-paging .paging_btn.prev:before,
  .c0 .ui-paging .paging_btn.next:before,
  .ui-paging .paging_button.c0 .paging_btn.prev:before,
  .ui-paging .paging_button.c0 .paging_btn.next:before {
    filter: none;
  }

  .c1 .ui-paging .paging_btn.prev:before,
  .c1 .ui-paging .paging_btn.next:before,
  .ui-paging .paging_button.c1 .paging_btn.prev:before,
  .ui-paging .paging_button.c1 .paging_btn.next:before {
    filter: none;
  }

  .c2 .ui-paging .paging_btn.prev:before,
  .c2 .ui-paging .paging_btn.next:before,
  .ui-paging .paging_button.c2 .paging_btn.prev:before,
  .ui-paging .paging_button.c2 .paging_btn.next:before {
    filter: none;
  }

  .c3 .ui-paging .paging_btn.prev:before,
  .c3 .ui-paging .paging_btn.next:before,
  .ui-paging .paging_button.c3 .paging_btn.prev:before,
  .ui-paging .paging_button.c3 .paging_btn.next:before {
    filter: none;
  }

  .c4 .ui-paging .paging_btn.prev:before,
  .c4 .ui-paging .paging_btn.next:before,
  .ui-paging .paging_button.c4 .paging_btn.prev:before,
  .ui-paging .paging_button.c4 .paging_btn.next:before {
    filter: none;
  }

  .c5 .ui-paging .paging_btn.prev:before,
  .c5 .ui-paging .paging_btn.next:before,
  .ui-paging .paging_button.c5 .paging_btn.prev:before,
  .ui-paging .paging_button.c5 .paging_btn.next:before {
    filter: brightness(0) invert(1);
  }

  .c6 .ui-paging .paging_btn.prev:before,
  .c6 .ui-paging .paging_btn.next:before,
  .ui-paging .paging_button.c6 .paging_btn.prev:before,
  .ui-paging .paging_button.c6 .paging_btn.next:before {
    filter: brightness(0) invert(1);
  }

  .c7 .ui-paging .paging_btn.prev:before,
  .c7 .ui-paging .paging_btn.next:before,
  .ui-paging .paging_button.c7 .paging_btn.prev:before,
  .ui-paging .paging_button.c7 .paging_btn.next:before {
    filter: brightness(0) invert(1);
  }

  .c8 .ui-paging .paging_btn.prev:before,
  .c8 .ui-paging .paging_btn.next:before,
  .ui-paging .paging_button.c8 .paging_btn.prev:before,
  .ui-paging .paging_button.c8 .paging_btn.next:before {
    filter: brightness(0) invert(1);
  }

  .c9 .ui-paging .paging_btn.prev:before,
  .c9 .ui-paging .paging_btn.next:before,
  .ui-paging .paging_button.c9 .paging_btn.prev:before,
  .ui-paging .paging_button.c9 .paging_btn.next:before {
    filter: brightness(0) invert(1);
  }

  @media (hover: hover) {
    .ui-paging.shc0 .paging_btn.prev:hover:before,
    .ui-paging.shc0 .paging_btn.next:hover:before {
      filter: none;
    }
    .ui-paging.shc1 .paging_btn.prev:hover:before,
    .ui-paging.shc1 .paging_btn.next:hover:before {
      filter: none;
    }
    .ui-paging.shc2 .paging_btn.prev:hover:before,
    .ui-paging.shc2 .paging_btn.next:hover:before {
      filter: none;
    }
    .ui-paging.shc3 .paging_btn.prev:hover:before,
    .ui-paging.shc3 .paging_btn.next:hover:before {
      filter: none;
    }
    .ui-paging.shc4 .paging_btn.prev:hover:before,
    .ui-paging.shc4 .paging_btn.next:hover:before {
      filter: none;
    }
    .ui-paging.shc5 .paging_btn.prev:hover:before,
    .ui-paging.shc5 .paging_btn.next:hover:before {
      filter: brightness(0) invert(1);
    }
    .ui-paging.shc6 .paging_btn.prev:hover:before,
    .ui-paging.shc6 .paging_btn.next:hover:before {
      filter: brightness(0) invert(1);
    }
    .ui-paging.shc7 .paging_btn.prev:hover:before,
    .ui-paging.shc7 .paging_btn.next:hover:before {
      filter: brightness(0) invert(1);
    }
    .ui-paging.shc8 .paging_btn.prev:hover:before,
    .ui-paging.shc8 .paging_btn.next:hover:before {
      filter: brightness(0) invert(1);
    }
    .ui-paging.shc9 .paging_btn.prev:hover:before,
    .ui-paging.shc9 .paging_btn.next:hover:before {
      filter: brightness(0) invert(1);
    }
  }
  .ui-slider {
    width: 100%;
    overflow: visible;
  }
  .ui-slider .slider_main {
    position: relative;
    overflow: visible;
  }
  .ui-slider .slider_body {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }
  .ui-slider .slider_item {
    flex: 1;
  }

  .ui-slider.mask .slider_main {
    overflow: hidden;
  }

  .ui-slider:not(.inited) .slider_item:not(:first-child) {
    display: none;
  }

  .ui-slider:not(.dragging) .slider_body {
    transition: ease all var(--spd_fast);
  }

  .ui-slider .slider_nav_top {
    margin-bottom: var(--spacing_sml);
  }
  .ui-slider .slider_nav_top:not(.center) {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--spacing_med);
  }
  .ui-slider .slider_nav_top.center {
    position: relative;
    text-align: center;
    padding-left: calc(var(--icon_lrg) * 3);
    padding-right: calc(var(--icon_lrg) * 3);
    min-height: var(--icon_lrg);
  }
  .ui-slider .slider_nav_title {
    flex: 1;
  }
  .ui-slider .slider_nav_title p {
    margin: 0px;
  }
  .ui-slider .slider_nav_title p + p {
    margin-top: var(--spacing_sml);
  }
  .ui-slider .slider_nav_arrow {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--spacing_sml);
  }
  .ui-slider .slider_nav_arrow .prev,
  .ui-slider .slider_nav_arrow .next {
    display: block;
    width: var(--icon_lrg);
    height: var(--icon_lrg);
    background-image: url(../img/ui/carat-l.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .ui-slider .slider_nav_arrow .next {
    background-image: url(../img/ui/carat-r.svg);
  }
  .ui-slider .slider_nav_arrow .prev.inactive,
  .ui-slider .slider_nav_arrow .next.inactive {
    opacity: 0.2;
    pointer-events: none;
  }
  .ui-slider .slider_nav_top.center .slider_nav_arrow {
    position: absolute;
    bottom: 0px;
    right: 0px;
  }

  .c0 .ui-slider .slider_nav_arrow .prev,
  .c0 .ui-slider .slider_nav_arrow .next {
    filter: none;
  }

  .c1 .ui-slider .slider_nav_arrow .prev,
  .c1 .ui-slider .slider_nav_arrow .next {
    filter: none;
  }

  .c2 .ui-slider .slider_nav_arrow .prev,
  .c2 .ui-slider .slider_nav_arrow .next {
    filter: none;
  }

  .c3 .ui-slider .slider_nav_arrow .prev,
  .c3 .ui-slider .slider_nav_arrow .next {
    filter: none;
  }

  .c4 .ui-slider .slider_nav_arrow .prev,
  .c4 .ui-slider .slider_nav_arrow .next {
    filter: none;
  }

  .c5 .ui-slider .slider_nav_arrow .prev,
  .c5 .ui-slider .slider_nav_arrow .next {
    filter: brightness(0) invert(1);
  }

  .c6 .ui-slider .slider_nav_arrow .prev,
  .c6 .ui-slider .slider_nav_arrow .next {
    filter: brightness(0) invert(1);
  }

  .c7 .ui-slider .slider_nav_arrow .prev,
  .c7 .ui-slider .slider_nav_arrow .next {
    filter: brightness(0) invert(1);
  }

  .c8 .ui-slider .slider_nav_arrow .prev,
  .c8 .ui-slider .slider_nav_arrow .next {
    filter: brightness(0) invert(1);
  }

  .c9 .ui-slider .slider_nav_arrow .prev,
  .c9 .ui-slider .slider_nav_arrow .next {
    filter: brightness(0) invert(1);
  }

  .ui-slider .slider_nav_overlay {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .ui-slider .slider_nav_overlay .prev,
  .ui-slider .slider_nav_overlay .next {
    pointer-events: all;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - var(--icon_xxl) / 2);
    width: var(--icon_xxl);
    height: var(--icon_xxl);
    background-color: var(--c0_bg);
    border-radius: 50%;
  }
  .ui-slider .slider_nav_overlay .prev {
    left: var(--spacing_sml);
  }
  .ui-slider .slider_nav_overlay .next {
    right: var(--spacing_sml);
  }
  .ui-slider .slider_nav_overlay .prev:before,
  .ui-slider .slider_nav_overlay .next:before {
    content: "";
    display: block;
    width: 30%;
    height: 30%;
    background-image: url(../img/ui/carat-l.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .ui-slider .slider_nav_overlay .next:before {
    background-image: url(../img/ui/carat-r.svg);
  }
  .ui-slider .slider_nav_overlay .inactive {
    opacity: 0.2;
  }
  .ui-slider .slider_nav_overlay.hide_inactive .inactive {
    display: none !important;
    opacity: 0;
    pointer-events: none !important;
  }

  .ui-slider.outside:not(.mask) .slider_nav_overlay .prev {
    left: calc(0px - var(--spacing_sml) - var(--icon_xxl));
  }

  .ui-slider.outside:not(.mask) .slider_nav_overlay .next {
    right: calc(0px - var(--spacing_sml) - var(--icon_xxl));
  }

  .ui-slider .slider_nav_overlay .prev.c0:before,
  .ui-slider .slider_nav_overlay .next.c0:before {
    filter: none;
  }

  .ui-slider .slider_nav_overlay .prev.c1:before,
  .ui-slider .slider_nav_overlay .next.c1:before {
    filter: none;
  }

  .ui-slider .slider_nav_overlay .prev.c2:before,
  .ui-slider .slider_nav_overlay .next.c2:before {
    filter: none;
  }

  .ui-slider .slider_nav_overlay .prev.c3:before,
  .ui-slider .slider_nav_overlay .next.c3:before {
    filter: none;
  }

  .ui-slider .slider_nav_overlay .prev.c4:before,
  .ui-slider .slider_nav_overlay .next.c4:before {
    filter: none;
  }

  .ui-slider .slider_nav_overlay .prev.c5:before,
  .ui-slider .slider_nav_overlay .next.c5:before {
    filter: brightness(0) invert(1);
  }

  .ui-slider .slider_nav_overlay .prev.c6:before,
  .ui-slider .slider_nav_overlay .next.c6:before {
    filter: brightness(0) invert(1);
  }

  .ui-slider .slider_nav_overlay .prev.c7:before,
  .ui-slider .slider_nav_overlay .next.c7:before {
    filter: brightness(0) invert(1);
  }

  .ui-slider .slider_nav_overlay .prev.c8:before,
  .ui-slider .slider_nav_overlay .next.c8:before {
    filter: brightness(0) invert(1);
  }

  .ui-slider .slider_nav_overlay .prev.c9:before,
  .ui-slider .slider_nav_overlay .next.c9:before {
    filter: brightness(0) invert(1);
  }

  @media (hover: hover) {
    .ui-slider .slider_nav_overlay .prev.hc0:hover:before,
    .ui-slider .slider_nav_overlay .next.hc0:hover:before {
      filter: none;
    }
    .ui-slider .slider_nav_overlay .prev.hc1:hover:before,
    .ui-slider .slider_nav_overlay .next.hc1:hover:before {
      filter: none;
    }
    .ui-slider .slider_nav_overlay .prev.hc2:hover:before,
    .ui-slider .slider_nav_overlay .next.hc2:hover:before {
      filter: none;
    }
    .ui-slider .slider_nav_overlay .prev.hc3:hover:before,
    .ui-slider .slider_nav_overlay .next.hc3:hover:before {
      filter: none;
    }
    .ui-slider .slider_nav_overlay .prev.hc4:hover:before,
    .ui-slider .slider_nav_overlay .next.hc4:hover:before {
      filter: none;
    }
    .ui-slider .slider_nav_overlay .prev.hc5:hover:before,
    .ui-slider .slider_nav_overlay .next.hc5:hover:before {
      filter: brightness(0) invert(1);
    }
    .ui-slider .slider_nav_overlay .prev.hc6:hover:before,
    .ui-slider .slider_nav_overlay .next.hc6:hover:before {
      filter: brightness(0) invert(1);
    }
    .ui-slider .slider_nav_overlay .prev.hc7:hover:before,
    .ui-slider .slider_nav_overlay .next.hc7:hover:before {
      filter: brightness(0) invert(1);
    }
    .ui-slider .slider_nav_overlay .prev.hc8:hover:before,
    .ui-slider .slider_nav_overlay .next.hc8:hover:before {
      filter: brightness(0) invert(1);
    }
    .ui-slider .slider_nav_overlay .prev.hc9:hover:before,
    .ui-slider .slider_nav_overlay .next.hc9:hover:before {
      filter: brightness(0) invert(1);
    }
  }
  .ui-slider .slider_nav_bottom {
    margin-top: var(--spacing_sml);
  }
  .ui-slider .slider_nav_bottom:not(.center) {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--spacing_med);
  }
  .ui-slider .slider_nav_bottom.center {
    position: relative;
    padding-left: calc(var(--icon_lrg) * 3);
    padding-right: calc(var(--icon_lrg) * 3);
    min-height: var(--icon_lrg);
  }
  .ui-slider .slider_nav_bullet {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: var(--spacing_sml);
  }
  .ui-slider .slider_nav_bullet .bullet {
    position: relative;
    width: var(--icon_lrg);
    height: var(--icon_med);
  }
  .ui-slider .slider_nav_bullet .bullet:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: calc(50% - 1px);
    width: 100%;
    height: 2px;
    background-color: var(--black_20);
  }
  .ui-slider .slider_nav_bullet .bullet .bar {
    display: block;
    position: absolute;
    left: 0px;
    top: calc(50% - 1px);
    width: 100%;
    height: 2px;
    background-color: var(--c0_hl);
    opacity: 0;
  }
  .ui-slider .slider_nav_bullet .bullet.active .bar {
    opacity: 1;
  }
  .ui-slider .slider_nav_bullet .autoplay {
    position: relative;
    width: var(--icon_med);
    height: var(--icon_med);
    border-style: solid;
    border-width: var(--border_sml);
    border-radius: 50%;
  }
  .ui-slider .slider_nav_bullet .autoplay:after {
    position: relative;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/ui/video-pause.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30%;
  }
  .ui-slider .slider_nav_bullet .autoplay.paused:after {
    background-image: url(../img/ui/video-play.svg);
    background-size: 40%;
  }
  .ui-slider .slider_nav_bottom.center .slider_nav_bullet {
    justify-content: center;
  }
  .ui-slider .slider_nav_bottom.center .slider_nav_arrow {
    position: absolute;
    top: 0px;
    right: 0px;
  }

  .c0 .ui-slider .slider_nav_bullet .bullet:before {
    background-color: var(--black_20);
  }

  .c1 .ui-slider .slider_nav_bullet .bullet:before {
    background-color: var(--black_20);
  }

  .c2 .ui-slider .slider_nav_bullet .bullet:before {
    background-color: var(--black_20);
  }

  .c3 .ui-slider .slider_nav_bullet .bullet:before {
    background-color: var(--black_20);
  }

  .c4 .ui-slider .slider_nav_bullet .bullet:before {
    background-color: var(--black_20);
  }

  .c5 .ui-slider .slider_nav_bullet .bullet:before {
    background-color: var(--white_20);
  }

  .c6 .ui-slider .slider_nav_bullet .bullet:before {
    background-color: var(--white_20);
  }

  .c7 .ui-slider .slider_nav_bullet .bullet:before {
    background-color: var(--white_20);
  }

  .c8 .ui-slider .slider_nav_bullet .bullet:before {
    background-color: var(--white_20);
  }

  .c9 .ui-slider .slider_nav_bullet .bullet:before {
    background-color: var(--white_20);
  }

  .c0 .ui-slider .slider_nav_bullet .bullet .bar {
    background-color: var(--c0_hl);
  }

  .c1 .ui-slider .slider_nav_bullet .bullet .bar {
    background-color: var(--c1_hl);
  }

  .c2 .ui-slider .slider_nav_bullet .bullet .bar {
    background-color: var(--c2_hl);
  }

  .c3 .ui-slider .slider_nav_bullet .bullet .bar {
    background-color: var(--c3_hl);
  }

  .c4 .ui-slider .slider_nav_bullet .bullet .bar {
    background-color: var(--c4_hl);
  }

  .c5 .ui-slider .slider_nav_bullet .bullet .bar {
    background-color: var(--c5_hl);
  }

  .c6 .ui-slider .slider_nav_bullet .bullet .bar {
    background-color: var(--c6_hl);
  }

  .c7 .ui-slider .slider_nav_bullet .bullet .bar {
    background-color: var(--c7_hl);
  }

  .c8 .ui-slider .slider_nav_bullet .bullet .bar {
    background-color: var(--c8_hl);
  }

  .c9 .ui-slider .slider_nav_bullet .bullet .bar {
    background-color: var(--c9_hl);
  }

  .c0 .ui-slider .slider_nav_bullet .autoplay:after {
    filter: none;
  }

  .c1 .ui-slider .slider_nav_bullet .autoplay:after {
    filter: none;
  }

  .c2 .ui-slider .slider_nav_bullet .autoplay:after {
    filter: none;
  }

  .c3 .ui-slider .slider_nav_bullet .autoplay:after {
    filter: none;
  }

  .c4 .ui-slider .slider_nav_bullet .autoplay:after {
    filter: none;
  }

  .c5 .ui-slider .slider_nav_bullet .autoplay:after {
    filter: brightness(0) invert(1);
  }

  .c6 .ui-slider .slider_nav_bullet .autoplay:after {
    filter: brightness(0) invert(1);
  }

  .c7 .ui-slider .slider_nav_bullet .autoplay:after {
    filter: brightness(0) invert(1);
  }

  .c8 .ui-slider .slider_nav_bullet .autoplay:after {
    filter: brightness(0) invert(1);
  }

  .c9 .ui-slider .slider_nav_bullet .autoplay:after {
    filter: brightness(0) invert(1);
  }

  .ui-table {
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-table .table {
    border-style: solid;
    border-width: var(--border_sml);
  }
  .ui-table .table_row {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }
  .ui-table .table_row.data:nth-child(odd) {
    background: var(--black_5);
  }
  .ui-table .table_col {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: var(--font_sml);
    line-height: var(--lh_sml);
  }
  .ui-table .table_col .table_col_body {
    box-sizing: border-box;
    width: 100%;
    display: block;
    padding: calc(var(--spacing_med) / 4) calc(var(--spacing_med) / 2);
  }
  .ui-table .table_col .table_col_check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--icon_sml);
    height: var(--icon_sml);
    color: inherit;
    text-decoration: none;
    background-color: var(--c0_bg);
    border-style: solid;
    border-width: var(--border_sml);
  }
  .ui-table .table_col .table_col_field {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: inherit;
    text-decoration: none;
  }
  .ui-table .table_col .table_col_label {
    display: none;
    align-items: center;
    justify-content: flex-start;
    font-size: var(--font_xsm);
    line-height: var(--lh_xsm);
    color: var(--c0_hl);
    text-decoration: none;
  }
  .ui-table .table_col .table_col_value {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ui-table .table_col .table_col_field.asc:after,
  .ui-table .table_col .table_col_field.desc:after,
  .ui-table .table_col .table_col_label.asc:after,
  .ui-table .table_col .table_col_label.desc:after {
    content: "";
    display: block;
    width: var(--icon_xxs);
    height: var(--icon_xxs);
    margin-left: calc(var(--icon_xxs) / 2);
    background-image: url(../img/ui/carat-d.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .ui-table .table_col .table_col_field.desc:after,
  .ui-table .table_col .table_col_label.desc:after {
    transform: rotate(180deg);
  }
  .ui-table .table_col.checkbox {
    min-width: calc(var(--icon_sml) * 2);
  }
  .ui-table .table_col.checkbox .table_col_body {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0px;
    padding-right: 0px;
  }
  .ui-table .table_col.action .table_col_body {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(var(--spacing_med) / 2);
  }
  .ui-table .table_action {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: var(--spacing_med);
    padding: calc(var(--spacing_med) / 2) 0px;
  }
  .ui-table .table_multi {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    padding: calc(var(--spacing_med) / 2) 0px;
  }
  .ui-table .table_multi .table_multi_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ui-table .table_multi .table_multi_arrow:before {
    content: "";
    display: block;
    width: var(--icon_sml);
    height: var(--icon_sml);
    background-image: url(../img/ui/arrow-turn.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .ui-table .table_multi .table_multi_button {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: calc(var(--spacing_med) / 2);
    padding: calc(var(--spacing_med) / 4) calc(var(--spacing_med) / 2);
  }
  .ui-table .table_row.selected .table_col_check:after {
    content: "";
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-image: url(../img/ui/tick.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .ui-table.break .table_row {
    padding: calc(var(--spacing_med) / 2) 0px 0px 0px;
  }
  .ui-table.break .table_row.head {
    display: none;
  }
  .ui-table.break .table_row.data {
    flex-wrap: wrap;
  }
  .ui-table.break .table_col {
    align-items: flex-start;
  }
  .ui-table.break .table_col .table_col_body {
    padding: 0px var(--spacing_med) calc(var(--spacing_med) / 2) var(--spacing_med);
  }
  .ui-table.break .table_col .table_col_label {
    display: flex;
  }
  .ui-table.break .table_col.checkbox,
  .ui-table.break .table_col.data,
  .ui-table.break .table_col.action {
    width: 100% !important;
  }
  .ui-table.break .table_col.checkbox .table_col_body {
    justify-content: flex-start;
  }
  .ui-table.break .table_col.action .table_col_body {
    justify-content: flex-end;
  }

  .ui-table.break[data-col="2"] .table_col.data {
    width: 50% !important;
  }

  .ui-table.break[data-col="3"] .table_col.data {
    width: 33.33% !important;
  }

  .ui-table.break[data-col="4"] .table_col.data {
    width: 25% !important;
  }

  .ui-table.break[data-col="5"] .table_col.data {
    width: 20% !important;
  }

  .ui-table.break[data-col="6"] .table_col.data {
    width: 16.66% !important;
  }

  .c0 .ui-table .table_col_label {
    color: var(--c0_hl);
  }

  .c1 .ui-table .table_col_label {
    color: var(--c1_hl);
  }

  .c2 .ui-table .table_col_label {
    color: var(--c2_hl);
  }

  .c3 .ui-table .table_col_label {
    color: var(--c3_hl);
  }

  .c4 .ui-table .table_col_label {
    color: var(--c4_hl);
  }

  .c5 .ui-table .table_col_label {
    color: var(--c5_hl);
  }

  .c6 .ui-table .table_col_label {
    color: var(--c6_hl);
  }

  .c7 .ui-table .table_col_label {
    color: var(--c7_hl);
  }

  .c8 .ui-table .table_col_label {
    color: var(--c8_hl);
  }

  .c9 .ui-table .table_col_label {
    color: var(--c9_hl);
  }

  .ui-table .c0 .table_col .table_col_field:after {
    filter: none;
  }

  .c0 .ui-table .table_row.data:nth-child(odd) {
    background: var(--black_5);
  }

  .c0 .ui-table .table_multi_arrow:before {
    filter: none;
  }

  .c0 .ui-table .table_col .table_col_label:after {
    filter: none;
  }

  .ui-table .c1 .table_col .table_col_field:after {
    filter: none;
  }

  .c1 .ui-table .table_row.data:nth-child(odd) {
    background: var(--black_5);
  }

  .c1 .ui-table .table_multi_arrow:before {
    filter: none;
  }

  .c1 .ui-table .table_col .table_col_label:after {
    filter: none;
  }

  .ui-table .c2 .table_col .table_col_field:after {
    filter: none;
  }

  .c2 .ui-table .table_row.data:nth-child(odd) {
    background: var(--black_5);
  }

  .c2 .ui-table .table_multi_arrow:before {
    filter: none;
  }

  .c2 .ui-table .table_col .table_col_label:after {
    filter: none;
  }

  .ui-table .c3 .table_col .table_col_field:after {
    filter: none;
  }

  .c3 .ui-table .table_row.data:nth-child(odd) {
    background: var(--black_5);
  }

  .c3 .ui-table .table_multi_arrow:before {
    filter: none;
  }

  .c3 .ui-table .table_col .table_col_label:after {
    filter: none;
  }

  .ui-table .c4 .table_col .table_col_field:after {
    filter: none;
  }

  .c4 .ui-table .table_row.data:nth-child(odd) {
    background: var(--black_5);
  }

  .c4 .ui-table .table_multi_arrow:before {
    filter: none;
  }

  .c4 .ui-table .table_col .table_col_label:after {
    filter: none;
  }

  .ui-table .c5 .table_col .table_col_field:after {
    filter: brightness(0) invert(1);
  }

  .c5 .ui-table .table_row.data:nth-child(odd) {
    background: var(--white_5);
  }

  .c5 .ui-table .table_multi_arrow:before {
    filter: brightness(0) invert(1);
  }

  .c5 .ui-table .table_col .table_col_label:after {
    filter: brightness(0) invert(1);
  }

  .ui-table .c6 .table_col .table_col_field:after {
    filter: brightness(0) invert(1);
  }

  .c6 .ui-table .table_row.data:nth-child(odd) {
    background: var(--white_5);
  }

  .c6 .ui-table .table_multi_arrow:before {
    filter: brightness(0) invert(1);
  }

  .c6 .ui-table .table_col .table_col_label:after {
    filter: brightness(0) invert(1);
  }

  .ui-table .c7 .table_col .table_col_field:after {
    filter: brightness(0) invert(1);
  }

  .c7 .ui-table .table_row.data:nth-child(odd) {
    background: var(--white_5);
  }

  .c7 .ui-table .table_multi_arrow:before {
    filter: brightness(0) invert(1);
  }

  .c7 .ui-table .table_col .table_col_label:after {
    filter: brightness(0) invert(1);
  }

  .ui-table .c8 .table_col .table_col_field:after {
    filter: brightness(0) invert(1);
  }

  .c8 .ui-table .table_row.data:nth-child(odd) {
    background: var(--white_5);
  }

  .c8 .ui-table .table_multi_arrow:before {
    filter: brightness(0) invert(1);
  }

  .c8 .ui-table .table_col .table_col_label:after {
    filter: brightness(0) invert(1);
  }

  .ui-table .c9 .table_col .table_col_field:after {
    filter: brightness(0) invert(1);
  }

  .c9 .ui-table .table_row.data:nth-child(odd) {
    background: var(--white_5);
  }

  .c9 .ui-table .table_multi_arrow:before {
    filter: brightness(0) invert(1);
  }

  .c9 .ui-table .table_col .table_col_label:after {
    filter: brightness(0) invert(1);
  }

  .ui-crumb {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: var(--spacing_xsm);
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-crumb .crumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing_xsm);
    color: inherit;
    text-decoration: none;
  }
  .ui-crumb .crumb:after {
    display: block;
    content: "";
    width: var(--icon_xsm);
    height: var(--icon_xsm);
    background-image: url(../img/ui/carat-r.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .ui-crumb .title {
    width: 100%;
    font-size: var(--font_xgg);
    line-height: var(--lh_xgg);
  }

  .c0 .ui-crumb .crumb:after {
    filter: none;
  }

  .c1 .ui-crumb .crumb:after {
    filter: none;
  }

  .c2 .ui-crumb .crumb:after {
    filter: none;
  }

  .c3 .ui-crumb .crumb:after {
    filter: none;
  }

  .c4 .ui-crumb .crumb:after {
    filter: none;
  }

  .c5 .ui-crumb .crumb:after {
    filter: brightness(0) invert(1);
  }

  .c6 .ui-crumb .crumb:after {
    filter: brightness(0) invert(1);
  }

  .c7 .ui-crumb .crumb:after {
    filter: brightness(0) invert(1);
  }

  .c8 .ui-crumb .crumb:after {
    filter: brightness(0) invert(1);
  }

  .c9 .ui-crumb .crumb:after {
    filter: brightness(0) invert(1);
  }

  @media (hover: hover) {
    .ui-crumb a.crumb {
      transition: ease all var(--spd_fast);
      background-image: linear-gradient(0deg, var(--c0_cr) 0px, var(--c0_cr) 1px, var(--white_0) 1px, var(--white_0) 100%);
      background-position: bottom left;
      background-repeat: no-repeat;
      background-size: 0%;
    }
    .ui-crumb a.crumb[href]:hover {
      color: var(--c0_lk);
      background-size: calc(100% - var(--spacing_xsm) - var(--icon_xsm));
    }
    .c0 .ui-crumb a.crumb {
      background-image: linear-gradient(0deg, var(--c0_lk) 0px, var(--c0_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
    }
    .c1 .ui-crumb a.crumb {
      background-image: linear-gradient(0deg, var(--c1_lk) 0px, var(--c1_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
    }
    .c2 .ui-crumb a.crumb {
      background-image: linear-gradient(0deg, var(--c2_lk) 0px, var(--c2_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
    }
    .c3 .ui-crumb a.crumb {
      background-image: linear-gradient(0deg, var(--c3_lk) 0px, var(--c3_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
    }
    .c4 .ui-crumb a.crumb {
      background-image: linear-gradient(0deg, var(--c4_lk) 0px, var(--c4_lk) 1px, var(--white_0) 1px, var(--white_0) 100%);
    }
    .c5 .ui-crumb a.crumb {
      background-image: linear-gradient(0deg, var(--c5_cr) 0px, var(--c5_cr) 1px, var(--white_0) 1px, var(--white_0) 100%);
    }
    .c5 .ui-crumb a.crumb:hover {
      color: var(--c5_lk);
      background-image: linear-gradient(0deg, var(--c5_cr) 0px, var(--c5_cr) 1px, var(--white_0) 1px, var(--white_0) 100%);
    }
    .c6 .ui-crumb a.crumb {
      color: var(--c6_lk);
      background-image: linear-gradient(0deg, var(--c6_cr) 0px, var(--c6_cr) 1px, var(--white_0) 1px, var(--white_0) 100%);
    }
    .c7 .ui-crumb a.crumb {
      color: var(--c7_lk);
      background-image: linear-gradient(0deg, var(--c7_cr) 0px, var(--c7_cr) 1px, var(--white_0) 1px, var(--white_0) 100%);
    }
    .c8 .ui-crumb a.crumb {
      color: var(--c8_lk);
      background-image: linear-gradient(0deg, var(--c8_cr) 0px, var(--c8_cr) 1px, var(--white_0) 1px, var(--white_0) 100%);
    }
    .c9 .ui-crumb a.crumb {
      color: var(--c9_lk);
      background-image: linear-gradient(0deg, var(--c9_cr) 0px, var(--c9_cr) 1px, var(--white_0) 1px, var(--white_0) 100%);
    }
  }
  .ui-sitemap {
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-sitemap a {
    color: inherit;
    text-decoration: none;
  }
  .ui-sitemap .sitemap_head {
    display: block;
    font-size: var(--font_lrg);
    line-height: var(--lh_lrg);
    border-bottom-style: solid;
    border-bottom-width: var(--border_sml);
    margin: 0px 0px calc(var(--spacing_med) / 2) 0px;
    padding: 0px 0px calc(var(--spacing_med) / 2) 0px;
    transition: ease all var(--spd_fast);
  }
  .ui-sitemap .sitemap {
    display: block;
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .ui-sitemap .sitemap .sitemap {
    padding-left: var(--spacing_med);
  }
  .ui-sitemap .sitemap .sitemap_item > a {
    display: inline-block;
    margin-bottom: calc(var(--spacing_med) / 4);
  }

  @media (hover: hover) {
    .ui-sitemap .sitemap_head:hover {
      padding-left: calc(var(--spacing_med) / 4);
    }
  }
  .ui-tab {
    font-size: var(--font_med);
    line-height: var(--lh_med);
  }
  .ui-tab .tab {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: var(--spacing_med);
    margin: 0px;
    padding: 0px;
  }
  .ui-tab .tab.center {
    justify-content: center;
  }
  .ui-tab .tab_link {
    display: block;
    color: inherit;
    text-decoration: none;
    margin: 0px;
    padding: 0px 0px calc(var(--spacing_med) / 8) 0px;
    border-bottom-style: solid;
    border-bottom-width: var(--border_med);
    border-bottom-color: transparent !important;
  }
  .ui-tab .tab_link.active {
    border-bottom-color: var(--c0_hl) !important;
  }
  .ui-tab .tab_body {
    margin: var(--spacing_med) 0px 0px 0px;
    padding: 0px;
  }
  .ui-tab .tab_body.active {
    animation: fadeIn var(--spd_fast) normal forwards ease-in-out;
  }
  .ui-tab .tab_body:not(.active) {
    display: none;
  }

  .c0 .ui-tab .tab_link.active {
    border-bottom-color: var(--c0_hl) !important;
  }

  .c1 .ui-tab .tab_link.active {
    border-bottom-color: var(--c1_hl) !important;
  }

  .c2 .ui-tab .tab_link.active {
    border-bottom-color: var(--c2_hl) !important;
  }

  .c3 .ui-tab .tab_link.active {
    border-bottom-color: var(--c3_hl) !important;
  }

  .c4 .ui-tab .tab_link.active {
    border-bottom-color: var(--c4_hl) !important;
  }

  .c5 .ui-tab .tab_link.active {
    border-bottom-color: var(--c5_hl) !important;
  }

  .c6 .ui-tab .tab_link.active {
    border-bottom-color: var(--c6_hl) !important;
  }

  .c7 .ui-tab .tab_link.active {
    border-bottom-color: var(--c7_hl) !important;
  }

  .c8 .ui-tab .tab_link.active {
    border-bottom-color: var(--c8_hl) !important;
  }

  .c9 .ui-tab .tab_link.active {
    border-bottom-color: var(--c9_hl) !important;
  }

  @media (hover: hover) {
    .ui-tab .tab_link:hover {
      color: var(--c0_lk);
    }
    .c0 .ui-tab .tab_link:hover {
      color: var(--c0_lk);
    }
    .c1 .ui-tab .tab_link:hover {
      color: var(--c1_lk);
    }
    .c2 .ui-tab .tab_link:hover {
      color: var(--c2_lk);
    }
    .c3 .ui-tab .tab_link:hover {
      color: var(--c3_lk);
    }
    .c4 .ui-tab .tab_link:hover {
      color: var(--c4_lk);
    }
    .c5 .ui-tab .tab_link:hover {
      color: var(--c5_lk);
    }
    .c6 .ui-tab .tab_link:hover {
      color: var(--c6_lk);
    }
    .c7 .ui-tab .tab_link:hover {
      color: var(--c7_lk);
    }
    .c8 .ui-tab .tab_link:hover {
      color: var(--c8_lk);
    }
    .c9 .ui-tab .tab_link:hover {
      color: var(--c9_lk);
    }
  }
  .ui-tab.t1 .tab {
    gap: calc(var(--spacing_med) / 2);
  }
  .ui-tab.t1 .tab_link {
    padding: calc(var(--spacing_med) / 4) var(--spacing_med);
    border-bottom-style: none;
  }
  .ui-tab.t1 .tab_link.active {
    color: var(--c1_cr);
    background-color: var(--c1_bg);
  }

  .ui-tab.t1.r1 .tab_link {
    border-radius: var(--icon_xxs);
  }

  .ui-tab.t1.r2 .tab_link {
    border-radius: var(--icon_xsm);
  }

  .ui-tab.t1.r3 .tab_link {
    border-radius: var(--icon_sml);
  }

  .ui-tab.t1.r4 .tab_link {
    border-radius: var(--icon_med);
  }

  .ui-tab.t1.r5 .tab_link {
    border-radius: var(--icon_lrg);
  }

  .ui-tab.t1.sc0 .tab_link.active {
    color: var(--c0_cr);
    background-color: var(--c0_bg);
  }

  .ui-tab.t1.sc1 .tab_link.active {
    color: var(--c1_cr);
    background-color: var(--c1_bg);
  }

  .ui-tab.t1.sc2 .tab_link.active {
    color: var(--c2_cr);
    background-color: var(--c2_bg);
  }

  .ui-tab.t1.sc3 .tab_link.active {
    color: var(--c3_cr);
    background-color: var(--c3_bg);
  }

  .ui-tab.t1.sc4 .tab_link.active {
    color: var(--c4_cr);
    background-color: var(--c4_bg);
  }

  .ui-tab.t1.sc5 .tab_link.active {
    color: var(--c5_cr);
    background-color: var(--c5_bg);
  }

  .ui-tab.t1.sc6 .tab_link.active {
    color: var(--c6_cr);
    background-color: var(--c6_bg);
  }

  .ui-tab.t1.sc7 .tab_link.active {
    color: var(--c7_cr);
    background-color: var(--c7_bg);
  }

  .ui-tab.t1.sc8 .tab_link.active {
    color: var(--c8_cr);
    background-color: var(--c8_bg);
  }

  .ui-tab.t1.sc9 .tab_link.active {
    color: var(--c9_cr);
    background-color: var(--c9_bg);
  }

  @media (hover: hover) {
    .ui-tab.t1.shc0 .tab_link:hover {
      color: var(--c0_cr);
      background-color: var(--c0_bg);
    }
    .ui-tab.t1.shc1 .tab_link:hover {
      color: var(--c1_cr);
      background-color: var(--c1_bg);
    }
    .ui-tab.t1.shc2 .tab_link:hover {
      color: var(--c2_cr);
      background-color: var(--c2_bg);
    }
    .ui-tab.t1.shc3 .tab_link:hover {
      color: var(--c3_cr);
      background-color: var(--c3_bg);
    }
    .ui-tab.t1.shc4 .tab_link:hover {
      color: var(--c4_cr);
      background-color: var(--c4_bg);
    }
    .ui-tab.t1.shc5 .tab_link:hover {
      color: var(--c5_cr);
      background-color: var(--c5_bg);
    }
    .ui-tab.t1.shc6 .tab_link:hover {
      color: var(--c6_cr);
      background-color: var(--c6_bg);
    }
    .ui-tab.t1.shc7 .tab_link:hover {
      color: var(--c7_cr);
      background-color: var(--c7_bg);
    }
    .ui-tab.t1.shc8 .tab_link:hover {
      color: var(--c8_cr);
      background-color: var(--c8_bg);
    }
    .ui-tab.t1.shc9 .tab_link:hover {
      color: var(--c9_cr);
      background-color: var(--c9_bg);
    }
  }
  .ui-tab.t2 .tab {
    gap: 0px;
  }
  .ui-tab.t2 .tab:after {
    content: "";
    display: block;
    align-self: flex-end;
    flex: 1;
    height: 1px;
    border-bottom-style: solid;
    border-bottom-width: var(--border_sml);
  }
  .ui-tab.t2 .tab_item:not(.active) {
    border-bottom-style: solid;
    border-bottom-width: var(--border_sml);
  }
  .ui-tab.t2 .tab_item.active {
    border-top-style: solid;
    border-top-width: var(--border_sml);
    border-left-style: solid;
    border-left-width: var(--border_sml);
    border-right-style: solid;
    border-right-width: var(--border_sml);
  }
  .ui-tab.t2 .tab_link {
    padding: calc(var(--spacing_med) / 3) var(--spacing_med);
    border-bottom-style: none;
  }

  .ui-tab.t2.r1 .tab_item.active {
    border-top-left-radius: var(--icon_xxs);
    border-top-right-radius: var(--icon_xxs);
  }

  .ui-tab.t2.r2 .tab_item.active {
    border-top-left-radius: var(--icon_xsm);
    border-top-right-radius: var(--icon_xsm);
  }

  .ui-tab.t2.r3 .tab_item.active {
    border-top-left-radius: var(--icon_sml);
    border-top-right-radius: var(--icon_sml);
  }

  .ui-tab.t2.r4 .tab_item.active {
    border-top-left-radius: var(--icon_med);
    border-top-right-radius: var(--icon_med);
  }

  .ui-tab.t2.r5 .tab_item.active {
    border-top-left-radius: var(--icon_lrg);
    border-top-right-radius: var(--icon_lrg);
  }

  .c0 .ui-tab.t2 .tab_item.active {
    color: var(--c0_hl);
  }

  .c0 .ui-tab.t2 .tab:after {
    border-color: var(--c0_br);
  }

  .c1 .ui-tab.t2 .tab_item.active {
    color: var(--c1_hl);
  }

  .c1 .ui-tab.t2 .tab:after {
    border-color: var(--c1_br);
  }

  .c2 .ui-tab.t2 .tab_item.active {
    color: var(--c2_hl);
  }

  .c2 .ui-tab.t2 .tab:after {
    border-color: var(--c2_br);
  }

  .c3 .ui-tab.t2 .tab_item.active {
    color: var(--c3_hl);
  }

  .c3 .ui-tab.t2 .tab:after {
    border-color: var(--c3_br);
  }

  .c4 .ui-tab.t2 .tab_item.active {
    color: var(--c4_hl);
  }

  .c4 .ui-tab.t2 .tab:after {
    border-color: var(--c4_br);
  }

  .c5 .ui-tab.t2 .tab_item.active {
    color: var(--c5_hl);
  }

  .c5 .ui-tab.t2 .tab:after {
    border-color: var(--c5_br);
  }

  .c6 .ui-tab.t2 .tab_item.active {
    color: var(--c6_hl);
  }

  .c6 .ui-tab.t2 .tab:after {
    border-color: var(--c6_br);
  }

  .c7 .ui-tab.t2 .tab_item.active {
    color: var(--c7_hl);
  }

  .c7 .ui-tab.t2 .tab:after {
    border-color: var(--c7_br);
  }

  .c8 .ui-tab.t2 .tab_item.active {
    color: var(--c8_hl);
  }

  .c8 .ui-tab.t2 .tab:after {
    border-color: var(--c8_br);
  }

  .c9 .ui-tab.t2 .tab_item.active {
    color: var(--c9_hl);
  }

  .c9 .ui-tab.t2 .tab:after {
    border-color: var(--c9_br);
  }
  .inline-block {
    display: inline-block;
  }
  .w-100 {
    width: 100%;
  }