/*!
* Copyright (c) 2023, Oracle and/or its affiliates. All rights reserved.
* apex-ut v23.2.0
* https://apex.oracle.com/ut
*//* ==========================================================================
   Universal Theme: Core Styles
   ========================================================================== */
/* ==========================================================================
   Core Variables
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
:root {
  --js-mq-xs: 480px;
  --js-mq-sm: 640px;
  --js-mq-md: 768px;
  --js-mq-lg: 992px;
  --js-mq-xl: 1200px;
  --js-mq-xxl: 1400px;
  --js-sticky-top: 0rem;
  --js-page-title-height: 0rem;
  color-scheme: var(--ut-color-scheme, normal);
  /* Set UT Overrides to APP_UI
    ======================================================================= */
  --a-base-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --a-base-font-family-serif: "Iowan Old Style", "Apple Garamond", Baskerville, "Times New Roman", "Droid Serif", Times, "Source Serif Pro", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --a-base-font-family-mono: ui-monospace, "Menlo", "Consolas", mono-space, monospace;
  --a-base-link-text-color: var(--ut-link-text-color);
  --a-palette-primary: var(--ut-palette-primary);
  --a-palette-primary-contrast: var(--ut-palette-primary-contrast);
  --a-palette-primary-shade: var(--ut-palette-primary-shade);
  --a-palette-danger: var(--ut-palette-danger);
  --a-palette-danger-contrast: var(--ut-palette-danger-contrast);
  --a-palette-danger-shade: var(--ut-palette-danger-shade);
  --a-palette-warning: var(--ut-palette-warning);
  --a-palette-warning-contrast: var(--ut-palette-warning-contrast);
  --a-palette-warning-shade: var(--ut-palette-warning-shade);
  --a-palette-success: var(--ut-palette-success);
  --a-palette-success-contrast: var(--ut-palette-success-contrast);
  --a-palette-success-shade: var(--ut-palette-success-shade);
  --a-palette-info: var(--ut-palette-info);
  --a-palette-info-contrast: var(--ut-palette-info-contrast);
  --a-palette-info-shade: var(--ut-palette-info-shade);
  --a-field-input-padding-x: .25rem;
  --a-field-input-padding-y: .25rem;
  --a-field-input-transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
  --a-combobox-gap: .25rem;
  --a-combobox-chips-gap: .25rem;
  --a-combobox-chip-font-size: .625rem;
  --a-combobox-chip-line-height: .75rem;
  --a-combo-chip-label-spacing-x: .25rem;
  --a-popuplov-dialog-background-color: var(--jui-dialog-background-color);
  --a-iconlist-item-hover-text-color: var(--a-menu-focused-text-color);
  --a-iconlist-item-hover-background-color: var(--a-menu-focused-background-color);
  --jui-dialog-border-width: 0px;
  --jui-dialog-title-close-border-radius: var(--a-button-border-radius, .125rem);
  --jui-dialog-content-padding-y: 0rem;
  --jui-dialog-content-padding-x: 0rem;
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-right: env(safe-area-inset-right);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
  --safe-area-inset-left: env(safe-area-inset-left);
}
@media screen and (prefers-reduced-motion: no-preference) {
  :root {
    --js-dialog-open-timing: .2s;
    --js-dialog-close-timing: .2s;
  }
}

/* ==========================================================================
   Mixin: Respond To
   ========================================================================== */
/* ==========================================================================
   Mixin: Clearfix
   ========================================================================== */
/* ==========================================================================
   Mixin: Visually Hidden (Accessibility)
   ========================================================================== */
/* ==========================================================================
   Mixin: APEX Icon
   ========================================================================== */
/* ==========================================================================
   Mixin: Icon Library
   ========================================================================== */
/* ==========================================================================
   Mixin: Padding
   ========================================================================== */
/* ==========================================================================
   Mixin: Border
   ========================================================================== */
/* ==========================================================================
   Mixin: Icon Library
   ========================================================================== */
/* ==========================================================================
   Mixin: Icon Variable (used to get around SASS encoding unicode characters
   Example: @include icon-var("--a-starrating-icon-character","e0f8");
   ========================================================================== */
/* ==========================================================================
   Normalize
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: inherit;
}

figure {
  margin: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
  color: inherit;
}

optgroup {
  font-weight: bold;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.55;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* ==========================================================================
   Base
   ========================================================================== */
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
html {
  font-size: var(--ut-html-font-size, 1em);
}

body {
  font-family: var(--ut-base-font-family, var(--a-base-font-family, sans-serif));
  font-size: var(--ut-base-font-size, 1rem);
  line-height: var(--ut-base-line-height);
  min-width: 20rem;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  background-color: var(--ut-body-background-color);
  color: var(--ut-body-text-color);
}

.u-RTL,
.u-RTL body {
  direction: rtl;
}

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

* {
  outline-color: var(--ut-focus-outline-color, -webkit-focus-ring-color);
}
*:focus {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}

button:-moz-focusring,
button::-moz-focus-inner,
.a-Button:-moz-focusring,
.a-Button::-moz-focus-inner,
.a-Toolbar-selectList:-moz-focusring,
.a-Toolbar-selectList::-moz-focus-inner,
.a-IRR-selectList:-moz-focusring,
.a-IRR-selectList::-moz-focus-inner {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
}

[tabindex="-1"] {
  outline: none;
}

.u-unstick {
  position: relative !important;
  top: initial !important;
  height: auto !important;
}

/* ==========================================================================
   Table
   ========================================================================== */
td[align=left] {
  text-align: start;
}

td[align=right] {
  text-align: end;
}

/* ==========================================================================
   Wait Overlay Styles
   ========================================================================== */
.apex_wait_overlay {
  background-color: var(--ut-overlay-background-color, rgba(255, 255, 255, 0.5));
  z-index: 1900;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ==========================================================================
   No Data Found Generic Message
   ========================================================================== */
.nodatafound {
  display: block;
  padding: var(--ut-nodata-padding, 0.75rem);
  font-size: var(--ut-nodata-font-size, 0.75rem);
  line-height: var(--ut-nodata-line-height);
}
.nodatafound:empty {
  display: none;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/* Headings
   ========================================================================== */
h1 {
  font-size: 2rem;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}
h1 + h2 {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
}

h2 {
  font-size: 1.5rem;
  -webkit-margin-after: 0.75rem;
          margin-block-end: 0.75rem;
}
h2 + h3 {
  -webkit-margin-before: 0.75rem;
          margin-block-start: 0.75rem;
}

h3 {
  font-size: 1.25rem;
  -webkit-margin-after: 0.75rem;
          margin-block-end: 0.75rem;
}
h3 + h4 {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
}

h4 {
  font-size: 1rem;
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}
h4 + h5 {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
}

h5 {
  font-size: 0.875rem;
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}
h5 + h5 {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
}

h6 {
  font-size: 0.75rem;
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--a-base-font-weight-semibold, 500);
  line-height: 1.5;
}

/* Paragraphs
   ========================================================================== */
p {
  font-size: inherit;
  line-height: inherit;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: var(--ut-base-line-height, 1rem);
          margin-block-end: var(--ut-base-line-height, 1rem);
}
p:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

/* Lists
   ========================================================================== */
ol,
ul {
  margin: 0.75rem 2rem;
  padding: 0;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

li {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Miscellaneous
  ========================================================================== */
code,
pre {
  font-family: var(--a-base-font-family-mono, monospace);
  white-space: pre;
  font-size: 0.75rem;
  line-height: 1.5;
}

small {
  font-size: 0.6875rem;
}

big {
  font-size: 1rem;
}

/* ==========================================================================
    Grid
    ========================================================================== */
/* Basic Grid Structure */
.no-gutters {
  --ut-grid-gutter-width: 0rem;
}

.container {
  width: 100%;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}

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

.col {
  position: relative;
  -webkit-padding-start: var(--ut-grid-gutter-width, 0.5rem);
          padding-inline-start: var(--ut-grid-gutter-width, 0.5rem);
  -webkit-padding-end: var(--ut-grid-gutter-width, 0.5rem);
          padding-inline-end: var(--ut-grid-gutter-width, 0.5rem);
  width: 100%;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col.col-start {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.col.col-end {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.col .apex-grid-nbsp {
  display: none;
}

@media (max-width: 639px) {
  .row {
    -webkit-margin-end: calc(var(--ut-grid-gutter-width, 0.5rem) * -1);
            margin-inline-end: calc(var(--ut-grid-gutter-width, 0.5rem) * -1);
    -webkit-margin-start: calc(var(--ut-grid-gutter-width, 0.5rem) * -1);
            margin-inline-start: calc(var(--ut-grid-gutter-width, 0.5rem) * -1);
  }
  .row .col.col-start {
    -webkit-padding-start: var(--ut-grid-gutter-width, 8px);
            padding-inline-start: var(--ut-grid-gutter-width, 8px);
  }
  .row .col.col-end {
    -webkit-padding-end: var(--ut-grid-gutter-width, 8px);
            padding-inline-end: var(--ut-grid-gutter-width, 8px);
  }
}

/* ==========================================================================
    Default Grid
    ========================================================================== */
.col-auto {
  flex-basis: auto;
  max-width: 100%;
}

.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.col-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

/* Pull modifier classes */
.col-pull-12 {
  right: 100%;
}

.col-pull-11 {
  right: 91.6666666667%;
}

.col-pull-10 {
  right: 83.3333333333%;
}

.col-pull-9 {
  right: 75%;
}

.col-pull-8 {
  right: 66.6666666667%;
}

.col-pull-7 {
  right: 58.3333333333%;
}

.col-pull-6 {
  right: 50%;
}

.col-pull-5 {
  right: 41.6666666667%;
}

.col-pull-4 {
  right: 33.3333333333%;
}

.col-pull-3 {
  right: 25%;
}

.col-pull-2 {
  right: 16.6666666667%;
}

.col-pull-1 {
  right: 8.3333333333%;
}

.col-pull-0 {
  right: 0;
}

/* Push modifier classes */
.col-push-12 {
  left: 100%;
}

.col-push-11 {
  left: 91.6666666667%;
}

.col-push-10 {
  left: 83.3333333333%;
}

.col-push-9 {
  left: 75%;
}

.col-push-8 {
  left: 66.6666666667%;
}

.col-push-7 {
  left: 58.3333333333%;
}

.col-push-6 {
  left: 50%;
}

.col-push-5 {
  left: 41.6666666667%;
}

.col-push-4 {
  left: 33.3333333333%;
}

.col-push-3 {
  left: 25%;
}

.col-push-2 {
  left: 16.6666666667%;
}

.col-push-1 {
  left: 8.3333333333%;
}

.col-push-0 {
  left: 0;
}

/* Offset modifier classes */
.col-offset-12 {
  -webkit-margin-start: 100%;
          margin-inline-start: 100%;
}

.col-offset-11 {
  -webkit-margin-start: 91.6666666667%;
          margin-inline-start: 91.6666666667%;
}

.col-offset-10 {
  -webkit-margin-start: 83.3333333333%;
          margin-inline-start: 83.3333333333%;
}

.col-offset-9 {
  -webkit-margin-start: 75%;
          margin-inline-start: 75%;
}

.col-offset-8 {
  -webkit-margin-start: 66.6666666667%;
          margin-inline-start: 66.6666666667%;
}

.col-offset-7 {
  -webkit-margin-start: 58.3333333333%;
          margin-inline-start: 58.3333333333%;
}

.col-offset-6 {
  -webkit-margin-start: 50%;
          margin-inline-start: 50%;
}

.col-offset-5 {
  -webkit-margin-start: 41.6666666667%;
          margin-inline-start: 41.6666666667%;
}

.col-offset-4 {
  -webkit-margin-start: 33.3333333333%;
          margin-inline-start: 33.3333333333%;
}

.col-offset-3 {
  -webkit-margin-start: 25%;
          margin-inline-start: 25%;
}

.col-offset-2 {
  -webkit-margin-start: 16.6666666667%;
          margin-inline-start: 16.6666666667%;
}

.col-offset-1 {
  -webkit-margin-start: 8.3333333333%;
          margin-inline-start: 8.3333333333%;
}

.col-offset-0 {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}

/* ==========================================================================
    Grid for Xtra Xtra Small Devices < 479px
    ========================================================================== */
@media (max-width: 479px) {
  .col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
    max-width: 100%;
    flex-basis: 100%;
  }

  .col-xxs-auto {
    flex-basis: auto;
    max-width: 100%;
  }

  .col-xxs-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xxs-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xxs-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xxs-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xxs-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xxs-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xxs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xxs-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xxs-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xxs-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xxs-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xxs-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  /* Pull modifier classes */
  .col-xxs-pull-12 {
    right: 100%;
  }

  .col-xxs-pull-11 {
    right: 91.6666666667%;
  }

  .col-xxs-pull-10 {
    right: 83.3333333333%;
  }

  .col-xxs-pull-9 {
    right: 75%;
  }

  .col-xxs-pull-8 {
    right: 66.6666666667%;
  }

  .col-xxs-pull-7 {
    right: 58.3333333333%;
  }

  .col-xxs-pull-6 {
    right: 50%;
  }

  .col-xxs-pull-5 {
    right: 41.6666666667%;
  }

  .col-xxs-pull-4 {
    right: 33.3333333333%;
  }

  .col-xxs-pull-3 {
    right: 25%;
  }

  .col-xxs-pull-2 {
    right: 16.6666666667%;
  }

  .col-xxs-pull-1 {
    right: 8.3333333333%;
  }

  .col-xxs-pull-0 {
    right: 0;
  }

  /* Push modifier classes */
  .col-xxs-push-12 {
    left: 100%;
  }

  .col-xxs-push-11 {
    left: 91.6666666667%;
  }

  .col-xxs-push-10 {
    left: 83.3333333333%;
  }

  .col-xxs-push-9 {
    left: 75%;
  }

  .col-xxs-push-8 {
    left: 66.6666666667%;
  }

  .col-xxs-push-7 {
    left: 58.3333333333%;
  }

  .col-xxs-push-6 {
    left: 50%;
  }

  .col-xxs-push-5 {
    left: 41.6666666667%;
  }

  .col-xxs-push-4 {
    left: 33.3333333333%;
  }

  .col-xxs-push-3 {
    left: 25%;
  }

  .col-xxs-push-2 {
    left: 16.6666666667%;
  }

  .col-xxs-push-1 {
    left: 8.3333333333%;
  }

  .col-xxs-push-0 {
    left: 0;
  }

  /* Offset modifier classes */
  .col-xxs-offset-12 {
    -webkit-margin-start: 100%;
            margin-inline-start: 100%;
  }

  .col-xxs-offset-11 {
    -webkit-margin-start: 91.6666666667%;
            margin-inline-start: 91.6666666667%;
  }

  .col-xxs-offset-10 {
    -webkit-margin-start: 83.3333333333%;
            margin-inline-start: 83.3333333333%;
  }

  .col-xxs-offset-9 {
    -webkit-margin-start: 75%;
            margin-inline-start: 75%;
  }

  .col-xxs-offset-8 {
    -webkit-margin-start: 66.6666666667%;
            margin-inline-start: 66.6666666667%;
  }

  .col-xxs-offset-7 {
    -webkit-margin-start: 58.3333333333%;
            margin-inline-start: 58.3333333333%;
  }

  .col-xxs-offset-6 {
    -webkit-margin-start: 50%;
            margin-inline-start: 50%;
  }

  .col-xxs-offset-5 {
    -webkit-margin-start: 41.6666666667%;
            margin-inline-start: 41.6666666667%;
  }

  .col-xxs-offset-4 {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }

  .col-xxs-offset-3 {
    -webkit-margin-start: 25%;
            margin-inline-start: 25%;
  }

  .col-xxs-offset-2 {
    -webkit-margin-start: 16.6666666667%;
            margin-inline-start: 16.6666666667%;
  }

  .col-xxs-offset-1 {
    -webkit-margin-start: 8.3333333333%;
            margin-inline-start: 8.3333333333%;
  }

  .col-xxs-offset-0 {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
/* ==========================================================================
    Grid for Xtra Small Devices 480px - 639px
    ========================================================================== */
@media (min-width: 480px) and (max-width: 639px) {
  .col-xs-auto {
    flex-basis: auto;
    max-width: 100%;
  }

  .col-xs-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xs-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xs-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xs-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xs-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xs-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xs-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xs-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xs-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xs-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xs-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xs-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  /*
    * Pull modifier classes
    */
  .col-xs-pull-12 {
    right: 100%;
  }

  .col-xs-pull-11 {
    right: 91.6666666667%;
  }

  .col-xs-pull-10 {
    right: 83.3333333333%;
  }

  .col-xs-pull-9 {
    right: 75%;
  }

  .col-xs-pull-8 {
    right: 66.6666666667%;
  }

  .col-xs-pull-7 {
    right: 58.3333333333%;
  }

  .col-xs-pull-6 {
    right: 50%;
  }

  .col-xs-pull-5 {
    right: 41.6666666667%;
  }

  .col-xs-pull-4 {
    right: 33.3333333333%;
  }

  .col-xs-pull-3 {
    right: 25%;
  }

  .col-xs-pull-2 {
    right: 16.6666666667%;
  }

  .col-xs-pull-1 {
    right: 8.3333333333%;
  }

  .col-xs-pull-0 {
    right: 0;
  }

  /* Push modifier classes */
  .col-xs-push-12 {
    left: 100%;
  }

  .col-xs-push-11 {
    left: 91.6666666667%;
  }

  .col-xs-push-10 {
    left: 83.3333333333%;
  }

  .col-xs-push-9 {
    left: 75%;
  }

  .col-xs-push-8 {
    left: 66.6666666667%;
  }

  .col-xs-push-7 {
    left: 58.3333333333%;
  }

  .col-xs-push-6 {
    left: 50%;
  }

  .col-xs-push-5 {
    left: 41.6666666667%;
  }

  .col-xs-push-4 {
    left: 33.3333333333%;
  }

  .col-xs-push-3 {
    left: 25%;
  }

  .col-xs-push-2 {
    left: 16.6666666667%;
  }

  .col-xs-push-1 {
    left: 8.3333333333%;
  }

  .col-xs-push-0 {
    left: 0;
  }

  /* Offset modifier classes */
  .col-xs-offset-12 {
    -webkit-margin-start: 100%;
            margin-inline-start: 100%;
  }

  .col-xs-offset-11 {
    -webkit-margin-start: 91.6666666667%;
            margin-inline-start: 91.6666666667%;
  }

  .col-xs-offset-10 {
    -webkit-margin-start: 83.3333333333%;
            margin-inline-start: 83.3333333333%;
  }

  .col-xs-offset-9 {
    -webkit-margin-start: 75%;
            margin-inline-start: 75%;
  }

  .col-xs-offset-8 {
    -webkit-margin-start: 66.6666666667%;
            margin-inline-start: 66.6666666667%;
  }

  .col-xs-offset-7 {
    -webkit-margin-start: 58.3333333333%;
            margin-inline-start: 58.3333333333%;
  }

  .col-xs-offset-6 {
    -webkit-margin-start: 50%;
            margin-inline-start: 50%;
  }

  .col-xs-offset-5 {
    -webkit-margin-start: 41.6666666667%;
            margin-inline-start: 41.6666666667%;
  }

  .col-xs-offset-4 {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }

  .col-xs-offset-3 {
    -webkit-margin-start: 25%;
            margin-inline-start: 25%;
  }

  .col-xs-offset-2 {
    -webkit-margin-start: 16.6666666667%;
            margin-inline-start: 16.6666666667%;
  }

  .col-xs-offset-1 {
    -webkit-margin-start: 8.3333333333%;
            margin-inline-start: 8.3333333333%;
  }

  .col-xs-offset-0 {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
/* ==========================================================================
    Grid for Small Devices 640px - 767px
    ========================================================================== */
@media (min-width: 640px) and (max-width: 767px) {
  .col-sm-auto {
    flex-basis: auto;
    max-width: 100%;
  }

  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  /* Pull modifier classes */
  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-0 {
    right: 0;
  }

  /* Push modifier classes */
  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-0 {
    left: 0;
  }

  /* Offset modifier classes */
  .col-sm-offset-12 {
    -webkit-margin-start: 100%;
            margin-inline-start: 100%;
  }

  .col-sm-offset-11 {
    -webkit-margin-start: 91.6666666667%;
            margin-inline-start: 91.6666666667%;
  }

  .col-sm-offset-10 {
    -webkit-margin-start: 83.3333333333%;
            margin-inline-start: 83.3333333333%;
  }

  .col-sm-offset-9 {
    -webkit-margin-start: 75%;
            margin-inline-start: 75%;
  }

  .col-sm-offset-8 {
    -webkit-margin-start: 66.6666666667%;
            margin-inline-start: 66.6666666667%;
  }

  .col-sm-offset-7 {
    -webkit-margin-start: 58.3333333333%;
            margin-inline-start: 58.3333333333%;
  }

  .col-sm-offset-6 {
    -webkit-margin-start: 50%;
            margin-inline-start: 50%;
  }

  .col-sm-offset-5 {
    -webkit-margin-start: 41.6666666667%;
            margin-inline-start: 41.6666666667%;
  }

  .col-sm-offset-4 {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }

  .col-sm-offset-3 {
    -webkit-margin-start: 25%;
            margin-inline-start: 25%;
  }

  .col-sm-offset-2 {
    -webkit-margin-start: 16.6666666667%;
            margin-inline-start: 16.6666666667%;
  }

  .col-sm-offset-1 {
    -webkit-margin-start: 8.3333333333%;
            margin-inline-start: 8.3333333333%;
  }

  .col-sm-offset-0 {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
/* ==========================================================================
    Grid for Medium Devices 768px - 991px
    ========================================================================== */
@media (min-width: 768px) and (max-width: 991px) {
  .col-md-auto {
    flex-basis: auto;
    max-width: 100%;
  }

  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  /* Pull modifier classes */
  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-0 {
    right: 0;
  }

  /* Push modifier classes */
  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-0 {
    left: 0;
  }

  /* Offset modifier classes */
  .col-md-offset-12 {
    -webkit-margin-start: 100%;
            margin-inline-start: 100%;
  }

  .col-md-offset-11 {
    -webkit-margin-start: 91.6666666667%;
            margin-inline-start: 91.6666666667%;
  }

  .col-md-offset-10 {
    -webkit-margin-start: 83.3333333333%;
            margin-inline-start: 83.3333333333%;
  }

  .col-md-offset-9 {
    -webkit-margin-start: 75%;
            margin-inline-start: 75%;
  }

  .col-md-offset-8 {
    -webkit-margin-start: 66.6666666667%;
            margin-inline-start: 66.6666666667%;
  }

  .col-md-offset-7 {
    -webkit-margin-start: 58.3333333333%;
            margin-inline-start: 58.3333333333%;
  }

  .col-md-offset-6 {
    -webkit-margin-start: 50%;
            margin-inline-start: 50%;
  }

  .col-md-offset-5 {
    -webkit-margin-start: 41.6666666667%;
            margin-inline-start: 41.6666666667%;
  }

  .col-md-offset-4 {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }

  .col-md-offset-3 {
    -webkit-margin-start: 25%;
            margin-inline-start: 25%;
  }

  .col-md-offset-2 {
    -webkit-margin-start: 16.6666666667%;
            margin-inline-start: 16.6666666667%;
  }

  .col-md-offset-1 {
    -webkit-margin-start: 8.3333333333%;
            margin-inline-start: 8.3333333333%;
  }

  .col-md-offset-0 {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
/* ==========================================================================
    Grid for Large Devices 992px - 1199px
    ========================================================================== */
@media (min-width: 992px) and (max-width: 1199px) {
  .col-lg-auto {
    flex-basis: auto;
    max-width: 100%;
  }

  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  /* Pull modifier classes */
  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-0 {
    right: 0;
  }

  /* Push modifier classes */
  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-0 {
    left: 0;
  }

  /* Offset modifier classes */
  .col-lg-offset-12 {
    -webkit-margin-start: 100%;
            margin-inline-start: 100%;
  }

  .col-lg-offset-11 {
    -webkit-margin-start: 91.6666666667%;
            margin-inline-start: 91.6666666667%;
  }

  .col-lg-offset-10 {
    -webkit-margin-start: 83.3333333333%;
            margin-inline-start: 83.3333333333%;
  }

  .col-lg-offset-9 {
    -webkit-margin-start: 75%;
            margin-inline-start: 75%;
  }

  .col-lg-offset-8 {
    -webkit-margin-start: 66.6666666667%;
            margin-inline-start: 66.6666666667%;
  }

  .col-lg-offset-7 {
    -webkit-margin-start: 58.3333333333%;
            margin-inline-start: 58.3333333333%;
  }

  .col-lg-offset-6 {
    -webkit-margin-start: 50%;
            margin-inline-start: 50%;
  }

  .col-lg-offset-5 {
    -webkit-margin-start: 41.6666666667%;
            margin-inline-start: 41.6666666667%;
  }

  .col-lg-offset-4 {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }

  .col-lg-offset-3 {
    -webkit-margin-start: 25%;
            margin-inline-start: 25%;
  }

  .col-lg-offset-2 {
    -webkit-margin-start: 16.6666666667%;
            margin-inline-start: 16.6666666667%;
  }

  .col-lg-offset-1 {
    -webkit-margin-start: 8.3333333333%;
            margin-inline-start: 8.3333333333%;
  }

  .col-lg-offset-0 {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
/* ==========================================================================
    Grid for Xtra Large Devices 1200px - 1399px
    ========================================================================== */
@media (min-width: 1200px) and (max-width: 1399px) {
  .col-xl-auto {
    flex-basis: auto;
    max-width: 100%;
  }

  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  /* Pull modifier classes */
  .col-xl-pull-12 {
    right: 100%;
  }

  .col-xl-pull-11 {
    right: 91.6666666667%;
  }

  .col-xl-pull-10 {
    right: 83.3333333333%;
  }

  .col-xl-pull-9 {
    right: 75%;
  }

  .col-xl-pull-8 {
    right: 66.6666666667%;
  }

  .col-xl-pull-7 {
    right: 58.3333333333%;
  }

  .col-xl-pull-6 {
    right: 50%;
  }

  .col-xl-pull-5 {
    right: 41.6666666667%;
  }

  .col-xl-pull-4 {
    right: 33.3333333333%;
  }

  .col-xl-pull-3 {
    right: 25%;
  }

  .col-xl-pull-2 {
    right: 16.6666666667%;
  }

  .col-xl-pull-1 {
    right: 8.3333333333%;
  }

  .col-xl-pull-0 {
    right: 0;
  }

  /* Push modifier classes */
  .col-xl-push-12 {
    left: 100%;
  }

  .col-xl-push-11 {
    left: 91.6666666667%;
  }

  .col-xl-push-10 {
    left: 83.3333333333%;
  }

  .col-xl-push-9 {
    left: 75%;
  }

  .col-xl-push-8 {
    left: 66.6666666667%;
  }

  .col-xl-push-7 {
    left: 58.3333333333%;
  }

  .col-xl-push-6 {
    left: 50%;
  }

  .col-xl-push-5 {
    left: 41.6666666667%;
  }

  .col-xl-push-4 {
    left: 33.3333333333%;
  }

  .col-xl-push-3 {
    left: 25%;
  }

  .col-xl-push-2 {
    left: 16.6666666667%;
  }

  .col-xl-push-1 {
    left: 8.3333333333%;
  }

  .col-xl-push-0 {
    left: 0;
  }

  /* Offset modifier classes */
  .col-xl-offset-12 {
    -webkit-margin-start: 100%;
            margin-inline-start: 100%;
  }

  .col-xl-offset-11 {
    -webkit-margin-start: 91.6666666667%;
            margin-inline-start: 91.6666666667%;
  }

  .col-xl-offset-10 {
    -webkit-margin-start: 83.3333333333%;
            margin-inline-start: 83.3333333333%;
  }

  .col-xl-offset-9 {
    -webkit-margin-start: 75%;
            margin-inline-start: 75%;
  }

  .col-xl-offset-8 {
    -webkit-margin-start: 66.6666666667%;
            margin-inline-start: 66.6666666667%;
  }

  .col-xl-offset-7 {
    -webkit-margin-start: 58.3333333333%;
            margin-inline-start: 58.3333333333%;
  }

  .col-xl-offset-6 {
    -webkit-margin-start: 50%;
            margin-inline-start: 50%;
  }

  .col-xl-offset-5 {
    -webkit-margin-start: 41.6666666667%;
            margin-inline-start: 41.6666666667%;
  }

  .col-xl-offset-4 {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }

  .col-xl-offset-3 {
    -webkit-margin-start: 25%;
            margin-inline-start: 25%;
  }

  .col-xl-offset-2 {
    -webkit-margin-start: 16.6666666667%;
            margin-inline-start: 16.6666666667%;
  }

  .col-xl-offset-1 {
    -webkit-margin-start: 8.3333333333%;
            margin-inline-start: 8.3333333333%;
  }

  .col-xl-offset-0 {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
/* ==========================================================================
    Grid for Xtra Xtra Large Devices > 1400px
    ========================================================================== */
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex-basis: auto;
    max-width: 100%;
  }

  .col-xxl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-xxl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xxl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xxl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xxl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xxl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xxl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xxl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xxl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xxl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xxl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xxl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  /* Pull modifier classes */
  .col-xxl-pull-12 {
    right: 100%;
  }

  .col-xxl-pull-11 {
    right: 91.6666666667%;
  }

  .col-xxl-pull-10 {
    right: 83.3333333333%;
  }

  .col-xxl-pull-9 {
    right: 75%;
  }

  .col-xxl-pull-8 {
    right: 66.6666666667%;
  }

  .col-xxl-pull-7 {
    right: 58.3333333333%;
  }

  .col-xxl-pull-6 {
    right: 50%;
  }

  .col-xxl-pull-5 {
    right: 41.6666666667%;
  }

  .col-xxl-pull-4 {
    right: 33.3333333333%;
  }

  .col-xxl-pull-3 {
    right: 25%;
  }

  .col-xxl-pull-2 {
    right: 16.6666666667%;
  }

  .col-xxl-pull-1 {
    right: 8.3333333333%;
  }

  .col-xxl-pull-0 {
    right: 0;
  }

  /* Push modifier classes */
  .col-xxl-push-12 {
    left: 100%;
  }

  .col-xxl-push-11 {
    left: 91.6666666667%;
  }

  .col-xxl-push-10 {
    left: 83.3333333333%;
  }

  .col-xxl-push-9 {
    left: 75%;
  }

  .col-xxl-push-8 {
    left: 66.6666666667%;
  }

  .col-xxl-push-7 {
    left: 58.3333333333%;
  }

  .col-xxl-push-6 {
    left: 50%;
  }

  .col-xxl-push-5 {
    left: 41.6666666667%;
  }

  .col-xxl-push-4 {
    left: 33.3333333333%;
  }

  .col-xxl-push-3 {
    left: 25%;
  }

  .col-xxl-push-2 {
    left: 16.6666666667%;
  }

  .col-xxl-push-1 {
    left: 8.3333333333%;
  }

  .col-xxl-push-0 {
    left: 0;
  }

  /* Offset modifier classes */
  .col-xxl-offset-12 {
    -webkit-margin-start: 100%;
            margin-inline-start: 100%;
  }

  .col-xxl-offset-11 {
    -webkit-margin-start: 91.6666666667%;
            margin-inline-start: 91.6666666667%;
  }

  .col-xxl-offset-10 {
    -webkit-margin-start: 83.3333333333%;
            margin-inline-start: 83.3333333333%;
  }

  .col-xxl-offset-9 {
    -webkit-margin-start: 75%;
            margin-inline-start: 75%;
  }

  .col-xxl-offset-8 {
    -webkit-margin-start: 66.6666666667%;
            margin-inline-start: 66.6666666667%;
  }

  .col-xxl-offset-7 {
    -webkit-margin-start: 58.3333333333%;
            margin-inline-start: 58.3333333333%;
  }

  .col-xxl-offset-6 {
    -webkit-margin-start: 50%;
            margin-inline-start: 50%;
  }

  .col-xxl-offset-5 {
    -webkit-margin-start: 41.6666666667%;
            margin-inline-start: 41.6666666667%;
  }

  .col-xxl-offset-4 {
    -webkit-margin-start: 33.3333333333%;
            margin-inline-start: 33.3333333333%;
  }

  .col-xxl-offset-3 {
    -webkit-margin-start: 25%;
            margin-inline-start: 25%;
  }

  .col-xxl-offset-2 {
    -webkit-margin-start: 16.6666666667%;
            margin-inline-start: 16.6666666667%;
  }

  .col-xxl-offset-1 {
    -webkit-margin-start: 8.3333333333%;
            margin-inline-start: 8.3333333333%;
  }

  .col-xxl-offset-0 {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
}
.col-1 > .rel-col .col-1 {
  max-width: 100%;
  flex-basis: 100%;
}

.col-2 > .rel-col .col-1 {
  max-width: 50%;
  flex-basis: 50%;
}
.col-2 > .rel-col .col-2 {
  max-width: 100%;
  flex-basis: 100%;
}

.col-3 > .rel-col .col-1 {
  max-width: 33.3333333333%;
  flex-basis: 33.3333333333%;
}
.col-3 > .rel-col .col-2 {
  max-width: 66.6666666667%;
  flex-basis: 66.6666666667%;
}
.col-3 > .rel-col .col-3 {
  max-width: 100%;
  flex-basis: 100%;
}

.col-4 > .rel-col .col-1 {
  max-width: 25%;
  flex-basis: 25%;
}
.col-4 > .rel-col .col-2 {
  max-width: 50%;
  flex-basis: 50%;
}
.col-4 > .rel-col .col-3 {
  max-width: 75%;
  flex-basis: 75%;
}
.col-4 > .rel-col .col-4 {
  max-width: 100%;
  flex-basis: 100%;
}

.col-5 > .rel-col .col-1 {
  max-width: 20%;
  flex-basis: 20%;
}
.col-5 > .rel-col .col-2 {
  max-width: 40%;
  flex-basis: 40%;
}
.col-5 > .rel-col .col-3 {
  max-width: 60%;
  flex-basis: 60%;
}
.col-5 > .rel-col .col-4 {
  max-width: 80%;
  flex-basis: 80%;
}
.col-5 > .rel-col .col-5 {
  max-width: 100%;
  flex-basis: 100%;
}

.col-6 > .rel-col .col-1 {
  max-width: 16.6666666667%;
  flex-basis: 16.6666666667%;
}
.col-6 > .rel-col .col-2 {
  max-width: 33.3333333333%;
  flex-basis: 33.3333333333%;
}
.col-6 > .rel-col .col-3 {
  max-width: 50%;
  flex-basis: 50%;
}
.col-6 > .rel-col .col-4 {
  max-width: 66.6666666667%;
  flex-basis: 66.6666666667%;
}
.col-6 > .rel-col .col-5 {
  max-width: 83.3333333333%;
  flex-basis: 83.3333333333%;
}
.col-6 > .rel-col .col-6 {
  max-width: 100%;
  flex-basis: 100%;
}

.col-7 > .rel-col .col-1 {
  max-width: 14.2857142857%;
  flex-basis: 14.2857142857%;
}
.col-7 > .rel-col .col-2 {
  max-width: 28.5714285714%;
  flex-basis: 28.5714285714%;
}
.col-7 > .rel-col .col-3 {
  max-width: 42.8571428571%;
  flex-basis: 42.8571428571%;
}
.col-7 > .rel-col .col-4 {
  max-width: 57.1428571429%;
  flex-basis: 57.1428571429%;
}
.col-7 > .rel-col .col-5 {
  max-width: 71.4285714286%;
  flex-basis: 71.4285714286%;
}
.col-7 > .rel-col .col-6 {
  max-width: 85.7142857143%;
  flex-basis: 85.7142857143%;
}
.col-7 > .rel-col .col-7 {
  max-width: 100%;
  flex-basis: 100%;
}

.col-8 > .rel-col .col-1 {
  max-width: 12.5%;
  flex-basis: 12.5%;
}
.col-8 > .rel-col .col-2 {
  max-width: 25%;
  flex-basis: 25%;
}
.col-8 > .rel-col .col-3 {
  max-width: 37.5%;
  flex-basis: 37.5%;
}
.col-8 > .rel-col .col-4 {
  max-width: 50%;
  flex-basis: 50%;
}
.col-8 > .rel-col .col-5 {
  max-width: 62.5%;
  flex-basis: 62.5%;
}
.col-8 > .rel-col .col-6 {
  max-width: 75%;
  flex-basis: 75%;
}
.col-8 > .rel-col .col-7 {
  max-width: 87.5%;
  flex-basis: 87.5%;
}
.col-8 > .rel-col .col-8 {
  max-width: 100%;
  flex-basis: 100%;
}

.col-9 > .rel-col .col-1 {
  max-width: 11.1111111111%;
  flex-basis: 11.1111111111%;
}
.col-9 > .rel-col .col-2 {
  max-width: 22.2222222222%;
  flex-basis: 22.2222222222%;
}
.col-9 > .rel-col .col-3 {
  max-width: 33.3333333333%;
  flex-basis: 33.3333333333%;
}
.col-9 > .rel-col .col-4 {
  max-width: 44.4444444444%;
  flex-basis: 44.4444444444%;
}
.col-9 > .rel-col .col-5 {
  max-width: 55.5555555556%;
  flex-basis: 55.5555555556%;
}
.col-9 > .rel-col .col-6 {
  max-width: 66.6666666667%;
  flex-basis: 66.6666666667%;
}
.col-9 > .rel-col .col-7 {
  max-width: 77.7777777778%;
  flex-basis: 77.7777777778%;
}
.col-9 > .rel-col .col-8 {
  max-width: 88.8888888889%;
  flex-basis: 88.8888888889%;
}
.col-9 > .rel-col .col-9 {
  max-width: 100%;
  flex-basis: 100%;
}

.col-10 > .rel-col .col-1 {
  max-width: 10%;
  flex-basis: 10%;
}
.col-10 > .rel-col .col-2 {
  max-width: 20%;
  flex-basis: 20%;
}
.col-10 > .rel-col .col-3 {
  max-width: 30%;
  flex-basis: 30%;
}
.col-10 > .rel-col .col-4 {
  max-width: 40%;
  flex-basis: 40%;
}
.col-10 > .rel-col .col-5 {
  max-width: 50%;
  flex-basis: 50%;
}
.col-10 > .rel-col .col-6 {
  max-width: 60%;
  flex-basis: 60%;
}
.col-10 > .rel-col .col-7 {
  max-width: 70%;
  flex-basis: 70%;
}
.col-10 > .rel-col .col-8 {
  max-width: 80%;
  flex-basis: 80%;
}
.col-10 > .rel-col .col-9 {
  max-width: 90%;
  flex-basis: 90%;
}
.col-10 > .rel-col .col-10 {
  max-width: 100%;
  flex-basis: 100%;
}

.col-11 > .rel-col .col-1 {
  max-width: 9.0909090909%;
  flex-basis: 9.0909090909%;
}
.col-11 > .rel-col .col-2 {
  max-width: 18.1818181818%;
  flex-basis: 18.1818181818%;
}
.col-11 > .rel-col .col-3 {
  max-width: 27.2727272727%;
  flex-basis: 27.2727272727%;
}
.col-11 > .rel-col .col-4 {
  max-width: 36.3636363636%;
  flex-basis: 36.3636363636%;
}
.col-11 > .rel-col .col-5 {
  max-width: 45.4545454545%;
  flex-basis: 45.4545454545%;
}
.col-11 > .rel-col .col-6 {
  max-width: 54.5454545455%;
  flex-basis: 54.5454545455%;
}
.col-11 > .rel-col .col-7 {
  max-width: 63.6363636364%;
  flex-basis: 63.6363636364%;
}
.col-11 > .rel-col .col-8 {
  max-width: 72.7272727273%;
  flex-basis: 72.7272727273%;
}
.col-11 > .rel-col .col-9 {
  max-width: 81.8181818182%;
  flex-basis: 81.8181818182%;
}
.col-11 > .rel-col .col-10 {
  max-width: 90.9090909091%;
  flex-basis: 90.9090909091%;
}
.col-11 > .rel-col .col-11 {
  max-width: 100%;
  flex-basis: 100%;
}

.col-12 > .rel-col .col-1 {
  max-width: 8.3333333333%;
  flex-basis: 8.3333333333%;
}
.col-12 > .rel-col .col-2 {
  max-width: 16.6666666667%;
  flex-basis: 16.6666666667%;
}
.col-12 > .rel-col .col-3 {
  max-width: 25%;
  flex-basis: 25%;
}
.col-12 > .rel-col .col-4 {
  max-width: 33.3333333333%;
  flex-basis: 33.3333333333%;
}
.col-12 > .rel-col .col-5 {
  max-width: 41.6666666667%;
  flex-basis: 41.6666666667%;
}
.col-12 > .rel-col .col-6 {
  max-width: 50%;
  flex-basis: 50%;
}
.col-12 > .rel-col .col-7 {
  max-width: 58.3333333333%;
  flex-basis: 58.3333333333%;
}
.col-12 > .rel-col .col-8 {
  max-width: 66.6666666667%;
  flex-basis: 66.6666666667%;
}
.col-12 > .rel-col .col-9 {
  max-width: 75%;
  flex-basis: 75%;
}
.col-12 > .rel-col .col-10 {
  max-width: 83.3333333333%;
  flex-basis: 83.3333333333%;
}
.col-12 > .rel-col .col-11 {
  max-width: 91.6666666667%;
  flex-basis: 91.6666666667%;
}
.col-12 > .rel-col .col-12 {
  max-width: 100%;
  flex-basis: 100%;
}

.col .rel-col {
  flex-basis: auto;
  max-width: 100%;
}
.col .rel-col::before, .col .rel-col::after {
  display: table;
  content: "";
}
.col .rel-col::after {
  clear: both;
}

.grid-debug-on .row:before {
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  pointer-events: none;
}
.grid-debug-on .container {
  position: relative;
}
.grid-debug-on .container:hover:before {
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: block;
  pointer-events: none;
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, rgba(255, 0, 255, 0.1) 50%, rgba(255, 0, 255, 0.1) 100%);
  background-size: 16.6666666667% 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-debug-on .col:not(.col-null) {
  position: relative;
  box-shadow: 1px 1px 0 0 rgba(255, 0, 255, 0.5) inset, 1px 1px 0 0 rgba(255, 0, 255, 0.5);
}
.grid-debug-on .row {
  position: relative;
}
.grid-debug-on .row:before {
  background-image: linear-gradient(to left, transparent 0%, transparent 50%, rgba(255, 0, 255, 0.1) 50%, rgba(255, 0, 255, 0.1) 100%);
  background-size: 16.6666667% 100%;
  background-position: 50%;
}
.grid-debug-on .col:hover {
  opacity: 1;
  background-color: rgba(255, 0, 255, 0.15);
}

/* ==========================================================================
    Scaffolding
    ========================================================================== */
:root {
  --ut-layout-transition: .1s;
}

/* Inline Dialog Container
   ========================================================================== */
.t-Body-inlineDialogs {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

/* Skip to Main Content Link
   ========================================================================== */
#t_Body_skipToContent {
  position: fixed;
}
#t_Body_skipToContent:not(:focus) {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}
#t_Body_skipToContent:focus {
  top: 0;
  left: 50%;
  z-index: 5000;
  display: block;
  text-align: center;
  text-decoration: none;
  transform: translateX(-50%);
  margin: var(--ut-header-item-spacing, 0.5rem);
  background-color: var(--ut-palette-primary-alt);
  color: var(--ut-palette-primary-alt-contrast);
  padding: var(--a-button-padding-y, 0.5rem) var(--a-button-padding-x, 0.5rem);
  border-radius: var(--a-button-border-radius, 0.125rem);
  font-weight: var(--a-button-font-weight, 400);
  font-size: var(--a-button-font-size, 0.75rem);
  line-height: var(--a-button-line-height, 1rem);
}

/* ==========================================================================
   APEX Form Element
   ========================================================================== */
form#wwvFlowForm {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 1fr auto auto;
  grid-template-areas: "header" "after_header" "body" "before_footer" "footer";
}

/* ==========================================================================
   Body Content + Left Nav & Action Columns
   ========================================================================== */
.t-Body {
  grid-area: body;
  position: relative;
  display: grid;
  grid-template-columns: var(--ut-nav-collapsed-width, auto) 1fr auto;
  grid-template-areas: "nav main actions";
}

/* ==========================================================================
   Body Nav - Tree Nav Container
   ========================================================================== */
.t-Body-nav {
  grid-area: nav;
  width: var(--ut-nav-initial-width, 0);
  z-index: 500;
  background-color: var(--ut-body-nav-background-color);
  color: var(--ut-body-nav-text-color);
  box-shadow: inset calc(var(--ut-body-nav-border-width, 1px) * -1) 0 0 var(--ut-body-nav-border-color, var(--ut-component-border-color));
  position: -webkit-sticky;
  position: sticky;
  top: var(--js-sticky-top, 0rem);
  height: calc(100vh - var(--js-sticky-top, 0rem));
  min-height: unset;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .t-Body-nav {
    transition: width var(--ut-layout-transition, 0.1s);
  }
}
.t-Body-nav::-webkit-scrollbar {
  width: var(--ut-body-nav-scrollbar-size, 0.25rem);
  height: var(--ut-body-nav-scrollbar-size, 0.25rem);
}
.t-Body-nav::-webkit-scrollbar-thumb {
  background-color: var(--ut-body-nav-scrollbar-thumb-background-color);
  box-shadow: var(--ut-body-nav-scrollbar-thumb-box-shadow);
  border-radius: var(--ut-component-border-radius);
}
.t-Body-nav::-webkit-scrollbar-track {
  background-color: var(--ut-body-nav-scrollbar-track-background-color);
}
.u-RTL .t-Body-nav {
  box-shadow: inset calc(var(--ut-body-nav-border-width, 1px) * 1) 0 0 var(--ut-body-nav-border-color, var(--ut-component-border-color));
}

.js-navExpanded {
  --ut-nav-initial-width: var(--ut-nav-width, 15rem);
}

/* ==========================================================================
   Body Main
   ========================================================================== */
.t-Body-main {
  grid-area: main;
  min-width: 0;
  background-color: var(--ut-body-main-background-color);
  display: grid;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "title" "side" "content";
}
@media (min-width: 640px) {
  .t-Body-main {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "title title" "side content";
  }
}
.t-Body-main > .js-stickyWidget-placeholder {
  display: none;
}

/* ==========================================================================
   Body Title
   ========================================================================== */
.t-Body-title {
  grid-area: title;
  z-index: 490;
  position: -webkit-sticky;
  position: sticky;
  min-width: 0;
  background-color: var(--ut-body-title-background-color);
  color: var(--ut-body-title-text-color);
  -webkit-backdrop-filter: var(--ut-body-title-backdrop-filter);
          backdrop-filter: var(--ut-body-title-backdrop-filter);
  border-width: 0;
  border-bottom-width: var(--ut-body-title-border-width, 1px);
  border-style: solid;
  border-color: var(--ut-body-title-border-color);
  box-shadow: var(--ut-body-title-box-shadow);
  top: var(--js-sticky-top, 0);
}
.t-Body-title:empty {
  --ut-body-title-border-width: 0px;
  display: none;
}
.t-Body-title.is-stuck {
  width: 100%;
}

#t_Body_content_offset {
  grid-area: title;
  height: auto !important;
}

.js-hideTitleBar .t-Body-title {
  display: none !important;
}

.js-hidePageTitle .t-Body-titleHeading {
  display: none !important;
}

/* ==========================================================================
   Body Left Sidebar
   ========================================================================== */
.t-Body-side {
  grid-area: side;
  z-index: 470;
  position: -webkit-sticky;
  position: sticky;
  overflow: auto;
  background-color: var(--ut-body-sidebar-background-color);
  color: var(--ut-body-sidebar-text-color);
  box-shadow: inset calc(var(--ut-body-sidebar-border-width, 1px) * -1) 0 0 var(--ut-body-sidebar-border-color, var(--ut-component-border-color));
  top: var(--js-page-title-height, 0);
  height: calc(100vh - var(--js-page-title-height, 0));
}
.u-RTL .t-Body-side {
  box-shadow: inset calc(var(--ut-body-sidebar-border-width, 1px) * 1) 0 0 var(--ut-body-sidebar-border-color, var(--ut-component-border-color));
}
@media (min-width: 640px) {
  .t-Body-side {
    width: var(--ut-body-sidebar-width, 15rem);
  }
}
.t-PageBody--hideLeft .t-Body-side {
  display: none !important;
}

/* ==========================================================================
   Body Content
   ========================================================================== */
.t-Body-content {
  grid-area: content;
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-areas: "content-main" "content-footer";
}

/* Body Main Content
   ========================================================================== */
.t-Body-mainContent {
  grid-area: content-main;
  min-width: 0;
  background-color: var(--ut-body-main-content-background-color);
}

.t-Body-info {
  background-color: var(--ut-body-info-background-color, var(--ut-body-title-background-color));
  color: var(--ut-body-info-text-color, var(--ut-body-title-text-color));
}

.t-Body-contentInner {
  -webkit-padding-before: var(--ut-body-content-padding-y, 1rem);
          padding-block-start: var(--ut-body-content-padding-y, 1rem);
  -webkit-padding-after: var(--ut-body-content-padding-y, 1rem);
          padding-block-end: var(--ut-body-content-padding-y, 1rem);
  -webkit-padding-start: var(--ut-body-content-padding-x, 1rem);
          padding-inline-start: var(--ut-body-content-padding-x, 1rem);
  -webkit-padding-end: var(--ut-body-content-padding-x, 1rem);
          padding-inline-end: var(--ut-body-content-padding-x, 1rem);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  width: var(--ut-body-content-width, 100%);
  max-width: var(--ut-body-content-max-width);
}
@media (max-width: 639px) {
  .t-Body-contentInner {
    --ut-body-content-padding-y: var(--ut-xs-body-content-padding-y, .5rem);
    --ut-body-content-padding-x: var(--ut-xs-body-content-padding-x, .5rem);
  }
}

/* Body Footer
   ========================================================================== */
.t-Footer {
  grid-area: content-footer;
}

/* ==========================================================================
   Body Actions
   ========================================================================== */
.t-Body-actions {
  grid-area: actions;
  z-index: 490;
  width: var(--ut-body-actions-width, 12.5rem);
  position: -webkit-sticky;
  position: sticky;
  background-color: var(--ut-body-actions-background-color);
  color: var(--ut-body-actions-text-color);
  box-shadow: inset calc(var(--ut-body-actions-border-width, 1px) * 1) 0 0 var(--ut-body-actions-border-color, var(--ut-component-border-color));
  top: var(--js-sticky-top, 0);
  height: calc(100vh - var(--js-sticky-top, 0));
}
.u-RTL .t-Body-actions {
  box-shadow: inset calc(var(--ut-body-actions-border-width, 1px) * -1) 0 0 var(--ut-body-actions-border-color, var(--ut-component-border-color));
}
.js-rightCollapsed .t-Body-actions {
  --ut-body-actions-width: 0rem;
}
.js-rightCollapsed .t-Body-actions .t-ButtonRegion {
  --ut-button-region-padding: 0rem;
}

.t-Body-actionsContent {
  overflow-y: auto !important;
  max-height: calc(100vh - var(--js-sticky-top, 0px));
}

.t-PageBody--noNav {
  --ut-nav-width: 0rem;
}

.t-PageBody--hideLeft {
  --ut-body-sidebar-width: 0rem;
}
.t-PageBody--hideLeft .t-Body-side {
  overflow: hidden;
}

.t-PageBody--hideActions {
  --ut-body-actions-width: 0rem;
}
.t-PageBody--hideActions .t-Body-actions {
  overflow: hidden;
}

/* ==========================================================================
   Master Detail Page
   ========================================================================== */
.t-PageBody--masterDetail .t-Body-title {
  --ut-body-title-box-shadow: none;
}
.t-PageBody--masterDetail .apex-rds-container {
  background-color: var(--ut-body-info-background-color, var(--ut-body-title-background-color));
  box-shadow: var(--ut-body-title-box-shadow);
}

/* Transitions on Moving Elements */
@media screen and (prefers-reduced-motion: no-preference) {
  .t-Header,
.t-Header-branding,
.t-Body-main,
.t-Body-title,
.t-Body-actions,
.t-Body-nav,
.t-Body-side,
.t-Body-content,
.t-Button.t-Button--header {
    transition: var(--ut-layout-transition, 0.1s);
  }
}
.no-anim .t-Header,
.no-anim .t-Header-branding,
.no-anim .t-Body-main,
.no-anim .t-Body-title,
.no-anim .t-Body-actions,
.no-anim .t-Body-nav,
.no-anim .t-Body-side,
.no-anim .t-Body-content,
.no-anim .t-Button.t-Button--header {
  --ut-layout-transition: none;
  transition: none !important;
}

.t-DeferredRendering.no-anim .t-Body-title,
.t-DeferredRendering.no-anim .t-Body-side,
.t-DeferredRendering.no-anim .t-Body-content {
  opacity: 0;
}

/* ==========================================================================
   Modifier: Remove Content Padding
   ========================================================================== */
.t-PageBody--noContentPadding {
  --ut-xs-body-content-padding-y: 0 !important;
  --ut-xs-body-content-padding-x: 0 !important;
  --ut-body-content-padding-y: 0 !important;
  --ut-body-content-padding-x: 0 !important;
}

/* ==========================================================================
   Login Page
   ========================================================================== */
.t-PageBody--login {
  --ut-body-background-color: var(--ut-login-page-background-color);
}
.t-PageBody--login .t-Body-alert {
  max-width: var(--ut-login-region-max-width, 28.75rem);
  margin: 1rem auto;
}

/* Login Container
   ========================================================================== */
.t-Login-container {
  -webkit-padding-start: var(--ut-grid-gutter-width, 0.5rem);
          padding-inline-start: var(--ut-grid-gutter-width, 0.5rem);
  -webkit-padding-end: var(--ut-grid-gutter-width, 0.5rem);
          padding-inline-end: var(--ut-grid-gutter-width, 0.5rem);
  position: relative;
  grid-area: body;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "login-header" "login-body" "login-footer";
  gap: var(--ut-login-container-item-spacing, 1rem);
}

.t-Login-containerHeader:empty,
.t-Login-containerFooter:empty {
  display: none;
}

.t-Login-containerHeader {
  grid-area: login-header;
}

.t-Login-containerBody {
  grid-area: login-body;
  display: flex;
  flex-direction: column;
  -webkit-margin-before: auto;
          margin-block-start: auto;
  -webkit-margin-after: auto;
          margin-block-end: auto;
  align-items: center;
  min-width: 0;
}

.t-Login-containerFooter {
  grid-area: login-footer;
}

/* Login Region
   ========================================================================== */
.t-Login-region {
  --ut-field-padding-x: 0rem;
  --ut-field-padding-y: 1rem;
  --ut-field-input-icon-padding-y: .75rem;
  --ut-field-input-icon-padding-x: .75rem;
  padding: var(--ut-login-region-padding, 2rem);
  max-width: 100%;
  width: var(--ut-login-region-max-width, 28.75rem);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-backdrop-filter: var(--ut-login-region-filter);
          backdrop-filter: var(--ut-login-region-filter);
  background-color: var(--ut-login-region-background-color, var(--ut-component-background-color));
  border-width: var(--ut-login-region-border-width, var(--ut-component-border-width, 1px));
  border-style: solid;
  border-color: var(--ut-login-region-border-color, var(--ut-component-border-color));
  border-radius: var(--ut-login-region-border-radius, 0.5rem);
  box-shadow: var(--ut-login-region-box-shadow, var(--ut-component-box-shadow));
  transform-origin: center;
  background-clip: padding-box;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .t-Login-region {
    -webkit-animation: loginFade ease-out 1;
            animation: loginFade ease-out 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 0.35s;
            animation-duration: 0.35s;
  }
}

/* Login Region Header
   ========================================================================== */
.t-Login-header {
  padding: 1.5rem 0;
}

.t-Login-logo {
  width: var(--ut-login-logo-size, 4rem);
  height: var(--ut-login-logo-size, 4rem);
  font-size: var(--ut-login-logo-font-size, 2rem);
  line-height: var(--ut-login-logo-size, 4rem);
  display: block;
  margin: 0 auto 1rem;
  border-radius: var(--ut-login-logo-border-radius, 0.25rem);
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: var(--ut-app-icon-background-color, var(--ut-component-icon-background-color));
  color: var(--ut-app-icon-color, var(--ut-component-icon-color));
  -o-object-fit: cover;
     object-fit: cover;
}
.apex-icons-fontawesome .t-Login-logo {
  --ut-login-logo-font-size: 1.75rem;
}

img.t-Login-logo + .t-Login-logo {
  display: none;
}

.t-Login-title {
  font-size: 1.5rem;
  margin: 1rem 0;
  font-weight: var(--a-base-font-weight-semibold, 500);
  text-align: center;
}

/* Login Region Header Modifiers
   ========================================================================== */
.t-Login-region--headerHidden .t-Login-header {
  display: none;
}

.t-Login-region--headerTitle .t-Login-logo {
  display: none;
}
.t-Login-region--headerTitle .t-Login-title {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.t-Login-region--headerIcon .t-Login-title {
  display: none;
}

/* Login Buttons
   ========================================================================== */
.t-Login-buttons {
  --a-button-padding-y: 1rem;
  --a-button-padding-x: 1.5rem;
  --a-button-font-size: 1rem;
  --a-button-line-height: 1rem;
}
.t-Login-buttons .t-Button {
  width: 100%;
}
.t-Login-buttons .t-Button + .t-Button {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

/* Login Link
   ========================================================================== */
.t-Login-links:empty {
  display: none;
}

/* Login Region (Sub Regions)
   ========================================================================== */
.t-Login-subRegions:empty {
  display: none;
}

/* Login Split View
   ========================================================================== */
.t-LoginPage--split .t-Login-container {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  max-width: var(--ut-login-region-max-width, 28.75rem);
  background-color: var(--ut-login-region-background-color, var(--ut-component-background-color));
  box-shadow: var(--ut-component-border-color) 0 0 0 var(--ut-component-border-width), var(--ut-login-region-box-shadow, var(--ut-component-box-shadow));
}
@media screen and (prefers-reduced-motion: no-preference) {
  .t-LoginPage--split .t-Login-container {
    -webkit-animation: loginSlideIn ease-out 1;
            animation: loginSlideIn ease-out 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 0.55s;
            animation-duration: 0.55s;
  }
}
@media (max-width: 479px) {
  .t-LoginPage--split .t-Login-container {
    max-width: 95%;
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  .u-RTL .t-LoginPage--split .t-Login-container {
    -webkit-animation-name: loginSlideInRTL;
            animation-name: loginSlideInRTL;
  }
}
.t-LoginPage--split .t-Alert--wizard,
.t-LoginPage--split .t-Body-alert {
  margin: 1rem 2rem;
  max-width: 100%;
}
@media (max-width: 479px) {
  .t-LoginPage--split .t-Alert--wizard,
.t-LoginPage--split .t-Body-alert {
    -webkit-margin-start: 1rem;
            margin-inline-start: 1rem;
    -webkit-margin-end: 1rem;
            margin-inline-end: 1rem;
  }
}
.t-LoginPage--split .t-Login-region {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  border: none;
  border-radius: 0;
  max-width: 100%;
  -webkit-animation: none;
          animation: none;
}

/* Login Backgrounds
   ========================================================================== */
.t-Login-bg {
  pointer-events: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template: "bg";
}
.t-Login-bg .t-Login-bgImg {
  grid-area: bg;
  background-size: cover;
  background-repeat: no-repeat;
  filter: var(--ut-base-filter);
}
.t-Login-bg .t-ImageRegion + .t-Login-bgImg {
  display: none;
  background-image: unset;
}
.t-Login-bg .t-ImageRegion {
  grid-area: bg;
  border-radius: 0;
}
.t-Login-bg .t-ImageRegion img {
  aspect-ratio: unset;
  width: 100%;
  height: 100%;
  display: block;
}

.t-LoginPage--bg1,
.t-LoginPage--bg2,
.t-LoginPage--bg3 {
  --ut-body-background-color: var(--ut-palette-primary);
}

.t-LoginPage--bg1:before,
.t-LoginPage--bg1 .t-Login-bgImg {
  background-image: url(../images/backgrounds/stripes.svg);
  background-position: right bottom;
}

.t-LoginPage--bg2:before,
.t-LoginPage--bg2 .t-Login-bgImg {
  background-image: url(../images/backgrounds/radar.svg);
  background-position: right bottom;
}

.t-LoginPage--bg3:before,
.t-LoginPage--bg3 .t-Login-bgImg {
  background-image: url(../images/backgrounds/circles.svg);
  background-position: center;
}

/* Login Animations
   ========================================================================== */
@-webkit-keyframes loginFade {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes loginFade {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes loginSlideIn {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes loginSlideIn {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes loginSlideInRTL {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes loginSlideInRTL {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
/* Alerts
   ========================================================================== */
.t-PageBody--login .t-Alert {
  position: initial;
  min-width: 0;
}

/* Item Icons
   ========================================================================== */
.t-Login-body {
  --a-icon-padding: .75rem;
  --a-icon-size: 1rem;
  --a-field-input-font-size: 1rem;
  --a-field-input-padding-x: .5rem;
}
.t-Login-body .apex-item-icon {
  --a-icon-padding: .75rem;
}
.t-Login-body .apex-item-text:required:valid {
  -webkit-padding-end: calc(2.25rem - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(2.25rem - var(--a-field-input-border-width, 1px));
}
.t-Login-body .apex-item-text:required:valid ~ .t-Form-itemText .t-Login-iconValidation {
  opacity: 1;
  visibility: visible;
}
.t-Login-body small {
  font-size: 0.6875rem;
  line-height: 1.25rem;
  display: block;
}
.t-Login-body p {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}

.t-Login-iconValidation {
  position: absolute;
  right: 0;
  z-index: 3;
  -webkit-margin-start: 0.5rem;
          margin-inline-start: 0.5rem;
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
  border-radius: 100%;
  padding: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0;
  transition: opacity 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  visibility: hidden;
  background-color: var(--ut-palette-success);
  color: var(--ut-palette-success-contrast);
}
.u-RTL .t-Login-iconValidation {
  right: unset;
  left: 0;
}

/* ==========================================================================
   Button
   ========================================================================== */
/* Button
   ========================================================================== */
.t-Button,
.t-Form-helpButton,
.apex-item-file--native::-webkit-file-upload-button {
  display: inline-block;
  align-items: center;
  -webkit-appearance: none;
          appearance: none;
  font-family: inherit;
  margin: 0;
  position: relative;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
  -webkit-padding-before: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
  border-width: var(--a-button-border-width, 1px);
  border-style: solid;
  border-radius: var(--a-button-border-radius, 0.125rem);
  cursor: var(--a-button-cursor, pointer);
  font-size: var(--a-button-font-size, 0.75rem);
  line-height: var(--a-button-line-height, 1rem);
  font-weight: var(--a-button-font-weight, 400);
  text-shadow: var(--a-button-text-shadow, none);
  z-index: var(--a-button-zindex);
  will-change: background-color, border-color, box-shadow, color, padding, font-size;
}
.t-Button, .t-Button:hover, .t-Button:focus, .t-Button:active,
.t-Form-helpButton,
.t-Form-helpButton:hover,
.t-Form-helpButton:focus,
.t-Form-helpButton:active,
.apex-item-file--native::-webkit-file-upload-button,
.apex-item-file--native::-webkit-file-upload-button:hover,
.apex-item-file--native::-webkit-file-upload-button:focus,
.apex-item-file--native::-webkit-file-upload-button:active {
  text-decoration: none;
}

.t-Button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.a-Button,
.u-Button {
  display: inline-flex;
}

.t-Button,
.a-Button,
.ui-button,
.a-CardView-button,
.t-Form-helpButton {
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

/* Button States
   ========================================================================== */
.t-Button,
.a-Button,
.ui-button,
.a-CardView-button,
.apex-button-group label,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label,
.t-Form-helpButton {
  background-color: var(--a-button-state-background-color, var(--a-button-type-background-color, var(--a-button-background-color, transparent)));
  color: var(--a-button-state-text-color, var(--a-button-type-text-color, var(--a-button-text-color, inherit)));
  border-color: var(--a-button-state-border-color, var(--a-button-type-border-color, var(--a-button-border-color)));
  box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
}
.t-Button:hover,
.a-Button:hover,
.ui-button:hover,
.a-CardView-button:hover,
.apex-button-group label:hover,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label:hover,
.t-Form-helpButton:hover {
  --a-button-zindex: 100;
  --a-button-state-background-color: var(--a-button-hover-background-color);
  --a-button-state-text-color: var(--a-button-hover-text-color);
  --a-button-state-border-color: var(--a-button-hover-border-color);
  --a-button-state-shadow: var(--a-button-hover-shadow);
}
.t-Button.is-active, .t-Button.ui-state-active, .t-Button:active, .t-Button:active:focus,
.a-Button.is-active,
.a-Button.ui-state-active,
.a-Button:active,
.a-Button:active:focus,
.ui-button.is-active,
.ui-button.ui-state-active,
.ui-button:active,
.ui-button:active:focus,
.a-CardView-button.is-active,
.a-CardView-button.ui-state-active,
.a-CardView-button:active,
.a-CardView-button:active:focus,
.apex-button-group label.is-active,
.apex-button-group label.ui-state-active,
.apex-button-group label:active,
.apex-button-group label:active:focus,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label.is-active,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label.ui-state-active,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label:active,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label:active:focus,
.t-Form-helpButton.is-active,
.t-Form-helpButton.ui-state-active,
.t-Form-helpButton:active,
.t-Form-helpButton:active:focus {
  --a-button-zindex: 100;
  --a-button-state-background-color: var(--a-button-active-background-color, var(--a-button-hover-background-color));
  --a-button-state-text-color: var(--a-button-active-text-color, var(--a-button-hover-text-color));
  --a-button-state-border-color: var(--a-button-active-border-color, var(--a-button-hover-border-color));
  --a-button-state-shadow: var(--a-button-active-shadow, var(--a-button-hover-shadow));
}
.t-Button:focus,
.a-Button:focus,
.ui-button:focus,
.a-CardView-button:focus,
.apex-button-group label:focus,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label:focus,
.t-Form-helpButton:focus {
  --a-button-zindex: 110;
  --a-button-state-background-color: var(--a-button-focus-background-color);
  --a-button-state-text-color: var(--a-button-focus-text-color);
  --a-button-state-border-color: var(--a-button-focus-border-color);
  --a-button-state-shadow: var(--a-button-focus-shadow);
}
.t-Button.is-disabled, .t-Button[disabled],
.a-Button.is-disabled,
.a-Button[disabled],
.ui-button.is-disabled,
.ui-button[disabled],
.a-CardView-button.is-disabled,
.a-CardView-button[disabled],
.apex-button-group label.is-disabled,
.apex-button-group label[disabled],
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label.is-disabled,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label[disabled],
.t-Form-helpButton.is-disabled,
.t-Form-helpButton[disabled] {
  cursor: var(--a-button-disabled-cursor, default);
  opacity: var(--a-button-disabled-opacity, 0.5);
  pointer-events: none;
}

.apex-item-file--native::-webkit-file-upload-button {
  background-color: var(--a-button-state-background-color, var(--a-button-type-background-color, var(--a-button-background-color, transparent)));
  color: var(--a-button-state-text-color, var(--a-button-type-text-color, var(--a-button-text-color, inherit)));
  border-color: var(--a-button-state-border-color, var(--a-button-type-border-color, var(--a-button-border-color)));
  box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
}
.apex-item-file--native::-webkit-file-upload-button:hover {
  --a-button-zindex: 100;
  --a-button-state-background-color: var(--a-button-hover-background-color);
  --a-button-state-text-color: var(--a-button-hover-text-color);
  --a-button-state-border-color: var(--a-button-hover-border-color);
  --a-button-state-shadow: var(--a-button-hover-shadow);
}
.apex-item-file--native::-webkit-file-upload-button.is-active, .apex-item-file--native::-webkit-file-upload-button.ui-state-active, .apex-item-file--native::-webkit-file-upload-button:active, .apex-item-file--native::-webkit-file-upload-button:active:focus {
  --a-button-zindex: 100;
  --a-button-state-background-color: var(--a-button-active-background-color, var(--a-button-hover-background-color));
  --a-button-state-text-color: var(--a-button-active-text-color, var(--a-button-hover-text-color));
  --a-button-state-border-color: var(--a-button-active-border-color, var(--a-button-hover-border-color));
  --a-button-state-shadow: var(--a-button-active-shadow, var(--a-button-hover-shadow));
}
.apex-item-file--native::-webkit-file-upload-button:focus {
  --a-button-zindex: 110;
  --a-button-state-background-color: var(--a-button-focus-background-color);
  --a-button-state-text-color: var(--a-button-focus-text-color);
  --a-button-state-border-color: var(--a-button-focus-border-color);
  --a-button-state-shadow: var(--a-button-focus-shadow);
}
.apex-item-file--native::-webkit-file-upload-button.is-disabled, .apex-item-file--native::-webkit-file-upload-button[disabled] {
  cursor: var(--a-button-disabled-cursor, default);
  opacity: var(--a-button-disabled-opacity, 0.5);
  pointer-events: none;
}

/* Hot Button
   ========================================================================== */
.t-Button--hot {
  --a-button-font-weight: var(--a-base-font-weight-bold, 700);
}

/* Button Icon
   ========================================================================== */
.t-Button .t-Icon,
.t-Button .a-Icon,
.t-Button-icon,
.a-CardView-buttonIcon {
  font-size: var(--a-button-icon-size, 1rem);
  line-height: inherit;
  transition: margin 0.2s ease, font-size 0.2s ease;
  vertical-align: top;
}
.apex-icons-fontawesome .t-Button .t-Icon,
.apex-icons-fontawesome .t-Button .a-Icon,
.apex-icons-fontawesome .t-Button-icon,
.apex-icons-fontawesome .a-CardView-buttonIcon {
  padding: 0.0625rem 0;
}

.t-Button .a-Icon {
  --a-icon-size: var(--a-button-icon-size);
}

/* Button Label
   ========================================================================== */
/* Button Badge
   ========================================================================== */
.t-Button-badge {
  padding: 0 0.375rem;
  display: inline-block;
  -webkit-margin-start: var(--a-button-icon-spacing, 0.25rem);
          margin-inline-start: var(--a-button-icon-spacing, 0.25rem);
}
.t-Button-badge:empty {
  display: none;
}

/* Buttons with Icons or Icon and Text
   ========================================================================== */
.ui-button {
  --jui-icon-size: var(--a-button-icon-size);
}

.t-Button--icon {
  min-width: calc(var(--a-button-padding-x) + var(--a-button-icon-size));
}
.t-Button--icon.t-Button--slim {
  --a-button-padding-x: .5rem;
}

.t-Button--noLabel {
  --a-button-icon-spacing: 0rem;
}
.t-Button--noLabel .t-Button-label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.t-Button--iconLeft .t-Icon {
  -webkit-margin-end: var(--a-button-icon-spacing, 0.25rem);
          margin-inline-end: var(--a-button-icon-spacing, 0.25rem);
}
.t-Button--iconLeft .t-Icon--right {
  display: none;
}

.t-Button--iconRight .t-Icon {
  -webkit-margin-start: var(--a-button-icon-spacing, 0.25rem);
          margin-inline-start: var(--a-button-icon-spacing, 0.25rem);
}
.t-Button--iconRight .t-Icon--left {
  display: none;
}

/* Default Link Style Button
   ========================================================================== */
.t-Button--link {
  --a-button-text-color: var(--ut-link-text-color);
}
.t-Button--link:hover {
  -webkit-text-decoration: var(--ut-link-text-decoration, underline);
          text-decoration: var(--ut-link-text-decoration, underline);
}

/* Inline Link Button
   ========================================================================== */
.t-Button--inlineLink {
  --a-button-padding-y: 0rem !important;
  --a-button-padding-x: 0rem !important;
  --a-button-border-width: 0px !important;
  background-color: transparent;
  box-shadow: none;
}

/* Button Sizes
   ========================================================================== */
.t-Button--tiny,
.t-Button--xsmall {
  --a-button-font-size: .625rem;
  --a-button-line-height: .75rem;
  --a-button-padding-y: .25rem;
  --a-button-padding-x: .375rem;
  --a-button-icon-size: .75rem;
  min-width: 0;
}

.t-Button--small {
  --a-button-font-size: .6875rem;
  --a-button-line-height: 1rem;
  --a-button-padding-y: .25rem;
  --a-button-padding-x: .5rem;
  --a-button-icon-size: .75rem;
  min-width: 0;
}

.t-Button--large {
  --a-button-font-size: .875rem;
  --a-button-line-height: 1rem;
  --a-button-padding-y: .75rem;
  --a-button-padding-x: 1rem;
}

.t-Button--xlarge {
  --a-button-font-size: 1rem;
  --a-button-line-height: 1rem;
  --a-button-padding-y: 1rem;
  --a-button-padding-x: 1.25rem;
}
.t-Button--xlarge.t-Button--withIcon {
  --a-button-padding-y: .75rem;
  --a-button-padding-x: .875rem;
}

.t-Button--stretch {
  width: 100%;
  display: block;
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}
.t-Button--stretch:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.t-Button--hideShow {
  --a-button-font-size: .6875rem;
  --a-button-line-height: .875rem;
  --a-button-padding-y: .25rem;
  --a-button-padding-x: .25rem;
  min-width: 1.5rem;
}

/* Button Hide Label on Mobile
   ========================================================================== */
@media (max-width: 639px) {
  .t-Button--mobileHideLabel .t-Icon {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
    -webkit-margin-end: auto;
            margin-inline-end: auto;
  }
  .t-Button--mobileHideLabel .t-Button-label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    margin: -1px;
  }
}

/* Button Hide Icon on Desktop
   ========================================================================== */
@media (min-width: 640px) {
  .t-Button--desktopHideIcon .t-Icon {
    display: none;
  }
  .t-Button--desktopHideIcon .t-Button-label {
    -webkit-margin-start: auto;
            margin-inline-start: auto;
    -webkit-margin-end: auto;
            margin-inline-end: auto;
  }
}

/* Pill Buttons
   ========================================================================== */
.t-Button--pill {
  --a-button-border-radius: 0;
}
.t-Button--pill + .t-Button--pill {
  -webkit-margin-start: calc(var(--a-button-border-width, 1px) * -1);
          margin-inline-start: calc(var(--a-button-border-width, 1px) * -1);
}

.t-Button--pillStart {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.u-RTL .t-Button--pillStart {
  border-top-right-radius: var(--a-button-border-radius, 0.125rem);
  border-bottom-right-radius: var(--a-button-border-radius, 0.125rem);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.t-Button--pillEnd {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-margin-start: calc(var(--a-button-border-width, 1px) * -1);
          margin-inline-start: calc(var(--a-button-border-width, 1px) * -1);
}
.u-RTL .t-Button--pillEnd {
  border-top-left-radius: var(--a-button-border-radius, 0.125rem);
  border-bottom-left-radius: var(--a-button-border-radius, 0.125rem);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Spacing Between Buttons
   ========================================================================== */
.t-Button + .t-Button {
  -webkit-margin-start: var(--a-button-gap-x, 0.5rem);
          margin-inline-start: var(--a-button-gap-x, 0.5rem);
}
.t-Button + .t-Button.t-Button--pill, .t-Button + .t-Button.t-Button--pillEnd {
  -webkit-margin-start: calc(var(--a-button-border-width, 1px) * -1);
          margin-inline-start: calc(var(--a-button-border-width, 1px) * -1);
}
.t-Button + .t-Button.t-Button--stretch {
  -webkit-margin-start: 0 !important;
          margin-inline-start: 0 !important;
}

/* Extra Button Spacing
   ========================================================================== */
.t-Button--padLeft {
  -webkit-margin-start: 0.25rem !important;
          margin-inline-start: 0.25rem !important;
}

.t-Button--padRight {
  -webkit-margin-end: 0.25rem !important;
          margin-inline-end: 0.25rem !important;
}

.t-Button--gapLeft {
  -webkit-margin-start: 0.75rem !important;
          margin-inline-start: 0.75rem !important;
}

.t-Button--gapRight {
  -webkit-margin-end: 0.75rem !important;
          margin-inline-end: 0.75rem !important;
}

.t-Button--gapTop {
  -webkit-margin-before: 0.75rem !important;
          margin-block-start: 0.75rem !important;
}

.t-Button--gapBottom {
  -webkit-margin-after: 0.75rem !important;
          margin-block-end: 0.75rem !important;
}

.t-Button--padTop {
  -webkit-margin-before: 0.5rem !important;
          margin-block-start: 0.5rem !important;
}

.t-Button--padBottom {
  -webkit-margin-after: 0.5rem !important;
          margin-block-end: 0.5rem !important;
}

/* Button Icon Hover Animations
   ========================================================================== */
.t-Button--hoverIconSpin .t-Icon {
  -webkit-animation: anim-spin 2s infinite linear;
          animation: anim-spin 2s infinite linear;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.t-Button--hoverIconSpin:hover .t-Icon, .t-Button--hoverIconSpin:focus .t-Icon {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.t-Button--hoverIconPush .t-Icon {
  transition: transform 0.2s ease;
}
.t-Button--hoverIconPush.t-Button--iconLeft:hover .t-Icon--left, .t-Button--hoverIconPush.t-Button--iconLeft:focus .t-Icon--left {
  transform: translateX(-0.25rem);
}
.u-RTL .t-Button--hoverIconPush.t-Button--iconLeft:hover .t-Icon--left, .u-RTL .t-Button--hoverIconPush.t-Button--iconLeft:focus .t-Icon--left {
  transform: translateX(0.25rem);
}
.t-Button--hoverIconPush.t-Button--iconLeft:active .t-Icon--left {
  transform: translateX(0);
}
.t-Button--hoverIconPush.t-Button--iconRight:hover .t-Icon--right, .t-Button--hoverIconPush.t-Button--iconRight:focus .t-Icon--right {
  transform: translateX(0.25rem);
}
.u-RTL .t-Button--hoverIconPush.t-Button--iconRight:hover .t-Icon--right, .u-RTL .t-Button--hoverIconPush.t-Button--iconRight:focus .t-Icon--right {
  transform: translateX(-0.25rem);
}
.t-Button--hoverIconPush.t-Button--iconRight:active .t-Icon--right {
  transform: translateX(0);
}

/* Header Control Button
   ========================================================================== */
.t-Button--header {
  --a-button-padding-x: .5rem;
  --a-button-shadow: none;
}
.t-Button--header + .t-Button--header {
  --a-button-gap-x: 0rem;
}
.t-Button--header.t-Button--headerRight {
  --a-button-border-radius: 0rem;
}

/* Header User Button
   ========================================================================== */
.t-Button--headerUser {
  text-transform: lowercase;
}

/* Help Button
   ========================================================================== */
.t-Form-helpButton {
  display: inline-flex;
  align-self: stretch;
}

/* Radio Button Pills
   ========================================================================== */
.t-Form--stretchInputs .apex-button-group,
.t-Form-fieldContainer--stretchInputs .apex-button-group,
.t-Form--stretchInputs .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc,
.t-Form-fieldContainer--stretchInputs.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc {
  --a-field-input-flex-grow: 1;
}

.apex-button-group,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc {
  --a-field-input-flex-grow: 0;
}
.apex-button-group label,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc label {
  -webkit-padding-before: calc(var(--ut-pillbutton-padding-y, 0.25rem) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--ut-pillbutton-padding-y, 0.25rem) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--ut-pillbutton-padding-y, 0.25rem) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--ut-pillbutton-padding-y, 0.25rem) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--ut-pillbutton-padding-x, 0.5rem) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--ut-pillbutton-padding-x, 0.5rem) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--ut-pillbutton-padding-x, 0.5rem) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--ut-pillbutton-padding-x, 0.5rem) - var(--a-button-border-width, 1px));
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
  text-align: center;
  border-width: var(--a-button-border-width, 1px);
  border-style: solid;
  border-radius: var(--a-button-border-radius, 0.125rem);
  cursor: var(--a-button-cursor, pointer);
  text-shadow: var(--a-button-text-shadow, none);
  transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: var(--ut-pillbutton-font-size, 0.75rem);
  line-height: var(--ut-pillbutton-line-height, 1rem);
}
.apex-button-group input + label:before, .apex-button-group input + label:after,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label:before,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input + label:after {
  display: none;
}
.apex-button-group input:focus + label,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:focus + label {
  outline: auto;
  outline-color: -webkit-focus-ring-color;
  outline-offset: var(--a-button-border-width, 1px);
  z-index: 1;
}
.apex-button-group .t-Icon,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc .t-Icon {
  vertical-align: top;
}
.apex-button-group .apex-item-option input + label,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc .apex-item-option input + label {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.apex-button-group .apex-item-option:not(:last-of-type):not(:first-of-type) label,
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc .apex-item-option:not(:last-of-type):not(:first-of-type) label {
  --a-button-border-radius: 0;
}

@media (max-width: 639px) {
  .apex-item-group--rc {
    /* .apex-item-option:first-child:nth-last-child(1) {
         width: 100%;
       } */
  }
  .apex-item-group--rc .apex-item-grid {
    display: block;
  }
  .apex-item-group--rc .apex-item-grid-row {
    display: inline;
  }
  .apex-item-group--rc .apex-item-option {
    float: left;
    display: block;
  }
  .u-RTL .apex-item-group--rc .apex-item-option {
    float: right;
  }
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(2),
.apex-item-group--rc .apex-item-option:first-child:nth-last-child(2) ~ .apex-item-option {
    width: 50%;
  }
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(3),
.apex-item-group--rc .apex-item-option:first-child:nth-last-child(3) ~ .apex-item-option {
    width: 33.3333%;
  }
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(4),
.apex-item-group--rc .apex-item-option:first-child:nth-last-child(4) ~ .apex-item-option {
    width: 50%;
  }
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(5),
.apex-item-group--rc .apex-item-option:first-child:nth-last-child(5) ~ .apex-item-option {
    width: 50%;
  }
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(6),
.apex-item-group--rc .apex-item-option:first-child:nth-last-child(6) ~ .apex-item-option {
    width: 33.3333%;
  }
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(7),
.apex-item-group--rc .apex-item-option:first-child:nth-last-child(7) ~ .apex-item-option {
    width: 50%;
  }
  .apex-item-group--rc .apex-item-option:first-child:nth-last-child(8),
.apex-item-group--rc .apex-item-option:first-child:nth-last-child(8) ~ .apex-item-option {
    width: 50%;
  }
}

/* Vertical Pills */
.t-Form-fieldContainer--radioButtonGroup .t-Form-itemWrapper > .apex-item-group > .apex-item-option:first-of-type label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.t-Form-fieldContainer--radioButtonGroup .t-Form-itemWrapper > .apex-item-group > .apex-item-option:last-of-type label {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Horizontal Pills */
.t-Form-fieldContainer--radioButtonGroup .apex-item-grid .apex-item-grid-row:only-child .apex-item-option:first-of-type label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.u-RTL .t-Form-fieldContainer--radioButtonGroup .apex-item-grid .apex-item-grid-row:only-child .apex-item-option:first-of-type label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--a-button-border-radius, 0.125rem);
  border-bottom-right-radius: var(--a-button-border-radius, 0.125rem);
}
.t-Form-fieldContainer--radioButtonGroup .apex-item-grid .apex-item-grid-row:only-child .apex-item-option:last-of-type label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.u-RTL .t-Form-fieldContainer--radioButtonGroup .apex-item-grid .apex-item-grid-row:only-child .apex-item-option:last-of-type label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--a-button-border-radius, 0.125rem);
  border-bottom-left-radius: var(--a-button-border-radius, 0.125rem);
}

/* Radio Button Pills with Radio/Check
   ========================================================================== */
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc.apex-item-checkbox input + label {
  text-align: start;
  line-height: var(--ut-pillbutton-checkbox-line-height, var(--a-checkbox-size, 1rem));
  -webkit-padding-start: calc(var(--a-checkbox-size, 1rem) + var(--a-checkbox-label-spacing-x, 0.5rem) + var(--ut-pillbutton-checkbox-offset, 0.25rem) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-checkbox-size, 1rem) + var(--a-checkbox-label-spacing-x, 0.5rem) + var(--ut-pillbutton-checkbox-offset, 0.25rem) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-checkbox-label-spacing-x, 0.5rem) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-checkbox-label-spacing-x, 0.5rem) - var(--a-button-border-width, 1px));
}
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc.apex-item-checkbox input + label:before, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc.apex-item-checkbox input + label:after {
  display: block;
  top: calc(var(--ut-pillbutton-checkbox-offset, 0.25rem) - var(--a-button-border-width, 1px));
  left: calc(var(--ut-pillbutton-checkbox-offset, 0.25rem) - var(--a-button-border-width, 1px));
}
.u-RTL .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc.apex-item-checkbox input + label:before, .u-RTL .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc.apex-item-checkbox input + label:after {
  left: unset;
  right: calc(var(--ut-pillbutton-checkbox-offset, 0.25rem) - var(--a-button-border-width, 1px));
}

/* Body Actions Toggle
   ========================================================================== */
.t-Body-actionsToggle {
  position: absolute;
  right: 100%;
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;
  font-family: inherit;
  margin: 0;
  text-align: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-padding-before: calc(var(--ut-body-actionstoggle-padding-y, 0.625rem) - var(--ut-body-actions-border-width, 1px));
          padding-block-start: calc(var(--ut-body-actionstoggle-padding-y, 0.625rem) - var(--ut-body-actions-border-width, 1px));
  -webkit-padding-after: calc(var(--ut-body-actionstoggle-padding-y, 0.625rem) - var(--ut-body-actions-border-width, 1px));
          padding-block-end: calc(var(--ut-body-actionstoggle-padding-y, 0.625rem) - var(--ut-body-actions-border-width, 1px));
  -webkit-padding-start: calc(var(--ut-body-actionstoggle-padding-x, 0.25rem) - var(--ut-body-actions-border-width, 1px));
          padding-inline-start: calc(var(--ut-body-actionstoggle-padding-x, 0.25rem) - var(--ut-body-actions-border-width, 1px));
  -webkit-padding-end: calc(var(--ut-body-actionstoggle-padding-x, 0.25rem) - var(--ut-body-actions-border-width, 1px));
          padding-inline-end: calc(var(--ut-body-actionstoggle-padding-x, 0.25rem) - var(--ut-body-actions-border-width, 1px));
  border-width: var(--ut-body-actions-border-width, 1px);
  border-style: solid;
  border-color: var(--ut-body-actions-border-color, var(--ut-component-border-color));
  border-radius: var(--a-button-border-radius, 0.125rem);
  cursor: var(--a-button-cursor, pointer);
  font-size: var(--a-button-font-size, 0.75rem);
  line-height: var(--a-button-line-height, 1rem);
  font-weight: var(--a-button-font-weight, 400);
  text-shadow: var(--a-button-text-shadow, none);
  z-index: var(--a-button-zindex);
  background-color: var(--ut-body-actionstoggle-background-color, var(--ut-body-actions-background-color));
  color: var(--ut-body-actionstoggle-text-color, var(--ut-body-actions-text-color));
  -webkit-margin-before: var(--ut-body-actions-toggle-offset, 0);
          margin-block-start: var(--ut-body-actions-toggle-offset, 0);
  transition: padding 0.15s ease;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
.u-RTL .t-Body-actionsToggle {
  right: unset;
  left: 100%;
  border-top-right-radius: var(--a-button-border-radius, 0.125rem);
  border-bottom-right-radius: var(--a-button-border-radius, 0.125rem);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
  border-right-width: var(--a-button-border-width, 1px);
}
.t-Body-actionsToggle.is-active, .t-Body-actionsToggle:hover, .t-Body-actionsToggle:focus {
  --ut-body-actionstoggle-padding-x: .625rem;
}
.t-Body-actionsToggle:active {
  --ut-body-actionstoggle-background-color: var(--ut-body-actionstoggle-hover-background-color);
}
.js-rightExpanded .t-Body-actionsToggle {
  -webkit-margin-end: calc(var(--ut-body-actions-border-width, 1px) * -1);
          margin-inline-end: calc(var(--ut-body-actions-border-width, 1px) * -1);
}

.t-Body-actionsControlsIcon {
  font-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
  display: block;
}
.t-Body-actionsControlsIcon:before {
  font-family: var(--a-icon-font-family, "apex-5-icon-font");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e0ca";
}
.u-RTL .t-Body-actionsControlsIcon:before {
  content: "\e0d8";
}
.t-Body-actionsToggle.is-active .t-Body-actionsControlsIcon:before {
  content: "\e0d8";
}
.u-RTL .t-Body-actionsToggle.is-active .t-Body-actionsControlsIcon:before {
  content: "\e0ca";
}

/* ==========================================================================
   Header
   ========================================================================== */
.t-Header {
  z-index: 800;
  min-width: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

/* Header Branding (Primary Bar)
   ========================================================================== */
.t-Header-branding {
  position: relative;
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-areas: "controls logo navbar";
  align-items: center;
  gap: var(--ut-header-item-spacing, 0.5rem);
  -webkit-padding-before: var(--ut-header-padding-y, var(--ut-header-item-spacing, 0.5rem));
          padding-block-start: var(--ut-header-padding-y, var(--ut-header-item-spacing, 0.5rem));
  -webkit-padding-after: calc(var(--ut-header-padding-y, var(--ut-header-item-spacing, 0.5rem)) - var(--ut-header-border-width, 1px));
          padding-block-end: calc(var(--ut-header-padding-y, var(--ut-header-item-spacing, 0.5rem)) - var(--ut-header-border-width, 1px));
  -webkit-padding-start: var(--ut-header-padding-x, var(--ut-header-item-spacing, 0.5rem));
          padding-inline-start: var(--ut-header-padding-x, var(--ut-header-item-spacing, 0.5rem));
  -webkit-padding-end: var(--ut-header-padding-x, var(--ut-header-item-spacing, 0.5rem));
          padding-inline-end: var(--ut-header-padding-x, var(--ut-header-item-spacing, 0.5rem));
  background-color: var(--ut-header-background-color);
  box-shadow: var(--ut-header-box-shadow);
  color: var(--ut-header-text-color);
  min-height: var(--ut-header-height);
  border-bottom-width: var(--ut-header-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--ut-header-border-color);
}

/* Header Branding Controls
   ========================================================================== */
.t-Header-controls {
  grid-area: controls;
}

.t-Button--headerTree {
  --a-button-border-width: 1px;
  --a-button-padding-y: .5rem;
  --a-button-padding-x: .5rem;
  vertical-align: top;
}
.t-Button--headerTree.t-Button:before {
  content: "";
  display: block;
  width: var(--a-button-icon-size, 1rem);
  height: var(--a-button-icon-size, 1rem);
  position: relative;
}
.apex-top-nav .t-Button--headerTree, .t-PageBody--noNav .t-Button--headerTree {
  display: none;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .t-Header-controlsIcon {
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-duration: 75ms;
  }
}
.t-Header-controlsIcon, .t-Header-controlsIcon:after, .t-Header-controlsIcon:before {
  position: absolute;
  width: var(--ut-header-controls-icon-middle-width, var(--a-button-icon-size, 1rem));
  height: var(--ut-header-controls-icon-height, 0.125rem);
  border-radius: var(--ut-header-controls-icon-border-radius, 0.25rem);
  background-color: currentColor;
  content: "" !important;
  display: block;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .t-Header-controlsIcon, .t-Header-controlsIcon:after, .t-Header-controlsIcon:before {
    transition: var(--ut-header-controls-icon-transition, transform 0.12s ease);
  }
}
.t-Header-controlsIcon {
  top: 50%;
  inset-inline-start: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
  display: block;
  -webkit-margin-before: -0.0625rem;
          margin-block-start: -0.0625rem;
}
.t-Header-controlsIcon:before {
  top: -0.3125rem;
  width: var(--ut-header-controls-icon-top-width, 0.75rem);
}
@media screen and (prefers-reduced-motion: no-preference) {
  .t-Header-controlsIcon:before {
    transition: var(--ut-header-controls-icon-transition, inset-block-start 75ms ease 0.12s, opacity 75ms ease, width 75ms ease);
  }
}
.t-Header-controlsIcon:after {
  bottom: -0.3125rem;
  width: var(--ut-header-controls-icon-bottom-width, 0.5rem);
}
@media screen and (prefers-reduced-motion: no-preference) {
  .t-Header-controlsIcon:after {
    transition: var(--ut-header-controls-icon-transition, inset-block-end 75ms ease 0.12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19), width 75ms ease);
  }
}

.t-Button--headerTree:hover .t-Header-controlsIcon, .t-Button--headerTree:hover .t-Header-controlsIcon:after, .t-Button--headerTree:hover .t-Header-controlsIcon:before {
  width: var(--a-button-icon-size, 1rem);
}

.t-Button--headerTree.is-active:hover .t-Header-controlsIcon,
.t-Button--headerTree.is-active:focus .t-Header-controlsIcon {
  transform: rotate(45deg);
}
@media screen and (prefers-reduced-motion: no-preference) {
  .t-Button--headerTree.is-active:hover .t-Header-controlsIcon,
.t-Button--headerTree.is-active:focus .t-Header-controlsIcon {
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
.t-Button--headerTree.is-active:hover .t-Header-controlsIcon:before,
.t-Button--headerTree.is-active:focus .t-Header-controlsIcon:before {
  top: 0;
  opacity: 0;
  width: var(--a-button-icon-size, 1rem);
}
@media screen and (prefers-reduced-motion: no-preference) {
  .t-Button--headerTree.is-active:hover .t-Header-controlsIcon:before,
.t-Button--headerTree.is-active:focus .t-Header-controlsIcon:before {
    transition: var(--ut-header-controls-icon-transition, inset-block-start 75ms ease, opacity 75ms ease 0.12s);
  }
}
.t-Button--headerTree.is-active:hover .t-Header-controlsIcon:after,
.t-Button--headerTree.is-active:focus .t-Header-controlsIcon:after {
  bottom: 0;
  transform: rotate(-90deg);
  width: var(--a-button-icon-size, 1rem);
}
@media screen and (prefers-reduced-motion: no-preference) {
  .t-Button--headerTree.is-active:hover .t-Header-controlsIcon:after,
.t-Button--headerTree.is-active:focus .t-Header-controlsIcon:after {
    transition: var(--ut-header-controls-icon-transition, inset-block-end 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, width 75ms ease);
  }
}

@media (max-width: 479px) {
  .t-Button--headerTree.is-active .t-Header-controlsIcon {
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 479px) and (prefers-reduced-motion: no-preference) {
  .t-Button--headerTree.is-active .t-Header-controlsIcon {
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@media (max-width: 479px) {
  .t-Button--headerTree.is-active .t-Header-controlsIcon:before {
    top: 0;
    opacity: 0;
  }
}
@media screen and (max-width: 479px) and (prefers-reduced-motion: no-preference) {
  .t-Button--headerTree.is-active .t-Header-controlsIcon:before {
    transition: var(--ut-header-controls-icon-transition, inset-block-start 75ms ease, opacity 75ms ease 0.12s);
  }
}
@media (max-width: 479px) {
  .t-Button--headerTree.is-active .t-Header-controlsIcon:after {
    bottom: 0;
    transform: rotate(-90deg);
    width: var(--a-button-icon-size, 1rem);
  }
}
@media screen and (max-width: 479px) and (prefers-reduced-motion: no-preference) {
  .t-Button--headerTree.is-active .t-Header-controlsIcon:after {
    transition: var(--ut-header-controls-icon-transition, inset-block-end 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s);
  }
}

/* Header Logo
   ========================================================================== */
.t-Header-logo {
  grid-area: logo;
  font-size: var(--ut-logo-font-size, 1.125rem);
  line-height: var(--ut-logo-line-height, 1.5rem);
  font-weight: var(--ut-logo-font-weight, var(--a-base-font-weight-semibold, 500));
  display: flex;
  min-width: 0;
  align-items: center;
}

.t-Header-logo-link {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  text-decoration: none;
  color: var(--ut-logo-text-color, inherit);
  -webkit-margin-end: var(--ut-header-item-spacing, 0.5rem);
          margin-inline-end: var(--ut-header-item-spacing, 0.5rem);
}
.t-Header-logo-link img {
  display: block;
  max-height: var(--ut-header-logo-height, calc(var(--ut-header-height, 3rem) - var(--ut-header-padding-y, var(--ut-header-item-spacing, 0.5rem)) - var(--ut-header-padding-y, var(--ut-header-item-spacing, 0.5rem))));
  max-width: 100%;
  height: auto;
}
.t-Header-logo-link .apex-logo-img + .apex-logo-text {
  -webkit-margin-start: var(--ut-logo-img-spacing, 0.25rem);
          margin-inline-start: var(--ut-logo-img-spacing, 0.25rem);
}
.t-Header-logo-link .apex-logo-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

/* Header Branding Navigation Bar
   ========================================================================== */
.t-Header-navBar {
  --ut-field-padding-y: 0rem;
  grid-area: navbar;
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-template-areas: "navbar-start navbar-center navbar-end";
  align-items: center;
}

.t-Header-navBar--start {
  grid-area: navbar-start;
  display: flex;
  align-items: center;
  -webkit-margin-end: var(--ut-header-navbar-item-spacing, var(--ut-header-item-spacing, 0.5rem));
          margin-inline-end: var(--ut-header-navbar-item-spacing, var(--ut-header-item-spacing, 0.5rem));
  justify-content: flex-end;
}
.t-Header-navBar--start .t-Form-fieldContainer--stretchInputs {
  width: 100%;
}

.t-Header-navBar--center {
  grid-area: navbar-center;
  display: flex;
  align-items: center;
}
.t-Header-navBar--center:empty {
  display: none;
}

.t-Header-navBar--end {
  grid-area: navbar-end;
  display: flex;
  align-items: center;
  -webkit-margin-start: var(--ut-header-navbar-item-spacing, var(--ut-header-item-spacing, 0.5rem));
          margin-inline-start: var(--ut-header-navbar-item-spacing, var(--ut-header-item-spacing, 0.5rem));
}
.t-Header-navBar--end:empty {
  display: none;
}

/* Header Navigation
   ========================================================================== */
.t-Header-nav {
  --a-menubar-background-color: var(--ut-header-menubar-background-color);
  --a-menubar-item-text-color: var(--ut-header-menubar-item-text-color);
  --a-menubar-item-current-background-color: var(--ut-header-menubar-item-current-background-color);
  --a-menubar-item-current-text-color: var(--ut-header-menubar-item-current-text-color);
  --a-menubar-item-focused-background-color: var(--ut-header-menubar-item-hover-background-color);
  --a-menubar-item-focused-text-color: var(--ut-header-menubar-item-hover-text-color);
  --a-menubar-item-border-color: var(--ut-header-menubar-item-border-color);
  --a-menubar-item-border-width: var(--ut-header-menubar-item-border-width);
  --a-menubar-item-padding-y: .875rem;
  --a-menubar-item-padding-x: 1.25rem;
  --a-menubar-item-font-size: .875rem;
  --a-menubar-item-line-height: 1.25rem;
  --a-menubar-item-split-icon-color: var(--ut-header-menubar-item-split-icon-color);
  --a-menubar-item-split-border-color: var(--ut-header-menubar-item-split-border-color);
  --a-menubar-item-split-border-width: var(--ut-header-menubar-item-split-border-width, 0px);
  z-index: 790;
}
.t-Header-nav .t-Menu-badge {
  padding: 0 0.375rem;
  font-size: 0.6875rem;
  line-height: inherit;
  font-weight: 500;
  background-color: var(--ut-header-menubar-badge-background-color, var(--ut-treeview-badge-background-color));
  color: var(--ut-header-menubar-badge-background-color, var(--ut-treeview-badge-text-color));
  display: inline-block;
  vertical-align: top;
  -webkit-margin-start: 0.25rem;
          margin-inline-start: 0.25rem;
  border-radius: 1rem;
  flex-shrink: 0;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.t-Footer {
  grid-area: content-footer;
  display: grid;
  grid-template-areas: "footer-body" "footer-top";
  gap: var(--ut-footer-item-spacing, 1rem);
  padding: var(--ut-footer-padding-y, 1rem) var(--ut-footer-padding-x, 1rem);
  background-color: var(--ut-footer-background-color);
  color: var(--ut-footer-text-color);
  border-width: 0;
  border-top-width: var(--ut-footer-border-width, 1px);
  border-style: solid;
  border-color: var(--ut-footer-border-color);
}
@media (max-width: 639px) {
  .t-Footer {
    text-align: center;
  }
}
@media (min-width: 640px) {
  .t-Footer {
    grid-template-columns: 1fr auto;
    grid-template-areas: "footer-body footer-top";
    align-items: center;
  }
}

.t-Footer-content:empty {
  display: none;
}

/* APEX Footer
   ========================================================================== */
.t-Footer-apex {
  font-size: var(--ut-footer-apex-font-size, 0.75rem);
  line-height: var(--ut-footer-apex-line-height, 1.25rem);
}
.t-Footer-apex a:hover {
  -webkit-text-decoration: var(--ut-link-text-decoration, underline);
          text-decoration: var(--ut-link-text-decoration, underline);
}

.t-Footer-version,
.t-Footer-customize,
.t-Footer-srMode {
  display: inline-block;
}

.t-Footer-customize,
.u-BuiltWithAPEX:not(:only-child) {
  -webkit-margin-start: var(--ut-footer-apex-item-spacing, 0.5rem);
          margin-inline-start: var(--ut-footer-apex-item-spacing, 0.5rem);
}
.t-Footer-customize:empty,
.u-BuiltWithAPEX:not(:only-child):empty {
  display: none;
}

/* Footer Top Button
   ========================================================================== */
.t-Footer-top {
  margin: var(--ut-footer-top-margin, 0);
}
@media (max-width: 639px) {
  .t-Footer-top {
    --ut-footer-top-margin: 1rem 0 0;
  }
}

.t-Footer-topButton {
  --a-icon-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ut-footer-top-size, 2.5rem);
  height: var(--ut-footer-top-size, 2.5rem);
  border-radius: var(--ut-footer-top-border-radius, 100%);
  padding: calc(var(--ut-footer-top-padding, 0.75rem) - var(--ut-footer-top-border-width, var(--a-button-border-width, 1px)));
  border-width: var(--ut-footer-top-border-width, var(--a-button-border-width, 1px));
  border-style: solid;
  border-color: var(--ut-footer-top-border-color, var(--a-button-border-color));
  box-shadow: var(--ut-footer-top-box-shadow, var(--a-button-box-shadow), none);
  transition: 0.1s ease;
  opacity: var(--ut-footer-top-opacity, 0.75);
  background-color: var(--ut-footer-top-background-color, var(--a-button-background-color));
  color: var(--ut-footer-top-text-color, var(--a-button-text-color));
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.t-Footer-topButton:hover, .t-Footer-topButton:focus {
  --ut-footer-top-opacity: 1;
}

/* ==========================================================================
   Navigation Bar
   ---
   Used for showing user menu, help, mobile, and other links in Navigation Bar position
   ========================================================================== */
.t-NavigationBar {
  grid-area: navbar-end;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

/*
  <button class="t-Button t-Button--icon t-Button t-Button--header t-Button--navBar" type="button" id="L12373319544280275228" data-menu="menu_L12373319544280275228" title="" aria-haspopup="menu" aria-expanded="false">
    <span class="t-Icon fa fa-user"></span>
    <span class="t-Button-label">APEX_PUBLIC_USER</span>
    <span class="t-Button-badge"></span>
    <span class="a-Icon icon-down-arrow"></span>
  </button>
*/
/* Navigation Bar Buttons
   ========================================================================== */
.t-Button--navBar {
  display: inline-flex;
  align-items: center;
}
.t-Button--navBar .t-Icon {
  -webkit-margin-end: var(--a-button-icon-spacing, 0.25rem);
          margin-inline-end: var(--a-button-icon-spacing, 0.25rem);
}
@media (max-width: 479px) {
  .t-Button--navBar .t-Icon {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
}
.t-Button--navBar .t-Icon[style] {
  background-size: cover;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.t-Button--navBar .t-Icon[style]:before {
  visibility: hidden;
}
@media (max-width: 479px) {
  .t-Button--navBar .t-Button-label {
    display: none;
  }
}
.t-Button--navBar .t-Button-badge {
  font-size: var(--ut-button-badge-font-size, 0.6875rem);
  background-color: var(--ut-navbar-button-badge-background-color);
  border-radius: var(--ut-navbar-button-badge-border-radius);
}
@media (max-width: 479px) {
  .t-Button--navBar .t-Button-badge {
    position: absolute;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    top: 0.25rem;
    right: 0.25rem;
    font-size: 0.625rem;
    line-height: 0.875rem;
    padding: 0 0.25rem;
  }
  .u-RTL .t-Button--navBar .t-Button-badge {
    right: unset;
    left: 0.25rem;
  }
}
.t-Button--navBar .a-Icon.icon-down-arrow {
  -webkit-margin-start: calc(var(--a-button-icon-spacing, 0.25rem) / 2);
          margin-inline-start: calc(var(--a-button-icon-spacing, 0.25rem) / 2);
}
@media (max-width: 479px) {
  .t-Button--navBar .a-Icon.icon-down-arrow {
    -webkit-margin-end: calc(var(--a-button-padding-x, 0.75rem) / -2);
            margin-inline-end: calc(var(--a-button-padding-x, 0.75rem) / -2);
  }
}
.t-Button--navBar .a-Icon.icon-down-arrow:before {
  content: "\e0c2";
}

/* Icon Only
   ========================================================================== */
.t-NavigationBar-item.icon-only .t-Icon {
  --a-button-icon-spacing: 0rem;
}
.t-NavigationBar-item.icon-only .t-Button-label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

/* No Icon
   ========================================================================== */
.t-NavigationBar-item.no-icon .t-Icon {
  display: none;
}

/* Username (Lowercase Text)
        ========================================================================== */
.t-NavigationBar-item.has-username .t-Button-label {
  text-transform: lowercase;
}

/* Naivigation Bar Menu
   ========================================================================== */
.t-NavigationBar-menu {
  --a-menu-min-width: 10rem;
  position: fixed !important;
}

/* ==========================================================================
   Navigation Tabs (for Top Navigation Position)
   ========================================================================== */
/* Template Options
   - Badges: Show Badges / Hide Badges
   - Mobile Display: Icons and Labels, Icons Only
   ========================================================================== */
.t-NavTabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  overflow-x: auto;
  background-color: var(--ut-navtabs-background-color);
  color: var(--ut-navtabs-text-color);
  box-shadow: var(--ut-navtabs-box-shadow);
}
@media (max-width: 767px) {
  .t-NavTabs {
    --ut-navtabs-item-border-width: var(--ut-xs-navtabs-item-border-width, 0px);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }
}

/* Tab Item
   ========================================================================== */
.t-NavTabs-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  min-width: 3rem;
  border-right: var(--ut-navtabs-item-border-width, 1px) solid var(--ut-navtabs-item-border-color);
}
.t-NavTabs-item:last-child {
  border-right-width: 0;
}
.u-RTL .t-NavTabs-item {
  border-right-width: 0;
  border-left: var(--ut-navtabs-item-border-width, 1px) solid var(--ut-navtabs-item-border-color);
}
.u-RTL .t-NavTabs-item:last-child {
  border-left-width: 0;
}
.t-NavTabs-item.is-active .t-NavTabs-link {
  --ut-navtabs-item-background-color: var(--ut-navtabs-item-active-background-color);
  --ut-navtabs-item-text-color: var(--ut-navtabs-item-active-text-color);
  --ut-navtabs-item-highlight-color: var(--ut-navtabs-item-active-highlight-color);
  --ut-navtabs-item-font-weight: var(--ut-navtabs-item-active-font-weight, var(--a-base-font-weight-semibold, 500));
}

/* Tab Link
   ========================================================================== */
.t-NavTabs-link {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-padding-before: var(--ut-navtabs-item-padding-y, 0.5rem);
          padding-block-start: var(--ut-navtabs-item-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-navtabs-item-padding-y, 0.5rem);
          padding-block-end: var(--ut-navtabs-item-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-navtabs-item-padding-x, 0.25rem);
          padding-inline-start: var(--ut-navtabs-item-padding-x, 0.25rem);
  -webkit-padding-end: var(--ut-navtabs-item-padding-x, 0.25rem);
          padding-inline-end: var(--ut-navtabs-item-padding-x, 0.25rem);
  position: relative;
  background-color: var(--ut-navtabs-item-background-color);
  color: var(--ut-navtabs-item-text-color, currentColor);
  transition: color 0.1s ease, background-color 0.1s ease;
}
.t-NavTabs-link:before {
  content: "";
  bottom: 0;
  position: absolute;
  display: block;
  background-color: var(--ut-navtabs-item-highlight-color);
  height: var(--ut-navtabs-item-highlight-width);
  width: 100%;
}
@media (max-width: 767px) {
  .t-NavTabs-link {
    --ut-navtabs-item-padding-y: var(--ut-xs-navtabs-item-padding-y);
    --ut-navtabs-item-padding-x: var(--ut-xs-navtabs-item-padding-x);
    --ut-navtabs-icon-padding: var(--ut-xs-navtabs-icon-padding);
    flex-direction: column;
  }
  .t-NavTabs-link:before {
    top: 0;
    bottom: auto;
  }
}
@media (min-width: 768px) {
  .t-NavTabs-link {
    --ut-navtabs-item-padding-x: .75rem;
  }
}
.t-NavTabs-link:hover {
  --ut-navtabs-item-background-color: var(--ut-navtabs-item-hover-background-color);
  --ut-navtabs-item-text-color: var(--ut-navtabs-item-hover-text-color);
  --ut-navtabs-item-highlight-color: var(--ut-navtabs-item-hover-highlight-color);
}

/* Tab Icon
   ========================================================================== */
.t-NavTabs-item .t-Icon {
  padding: var(--ut-navtabs-icon-padding, 0.25rem);
  flex-shrink: 0;
  flex-grow: 0;
  font-size: var(--ut-navtabs-icon-size);
}
.t-NavTabs-item .t-Icon:not(.fa) {
  display: none;
}
@media (max-width: 767px) {
  .t-NavTabs-item .t-Icon {
    margin: var(--ut-xs-navtabs-icon-spacing, 0.25rem) auto;
  }
}
@media (min-width: 768px) {
  .t-NavTabs-item .t-Icon {
    -webkit-margin-end: var(--ut-navtabs-icon-spacing, 0.25rem);
            margin-inline-end: var(--ut-navtabs-icon-spacing, 0.25rem);
  }
}

/* Label
   ========================================================================== */
.t-NavTabs-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: auto;
  min-width: 0;
  max-width: 100%;
  font-weight: var(--ut-navtabs-item-font-weight);
  font-size: var(--ut-xs-navtabs-item-font-size, 0.5625rem);
  line-height: var(--ut-xs-navtabs-item-line-height, 0.75rem);
}
@media (max-width: 767px) {
  .t-NavTabs-label {
    font-weight: var(--a-base-font-weight-semibold, 500);
    padding: 0 0.25rem;
  }
}
@media (min-width: 768px) {
  .t-NavTabs-label {
    font-size: var(--ut-navtabs-item-font-size, 0.875rem);
    line-height: var(--ut-navtabs-item-line-height, 1.5rem);
  }
}

.t-NavTabs-badge {
  border-radius: var(--ut-navtabs-badge-border-radius, 0.5rem);
  font-size: var(--ut-navtabs-badge-font-size, 0.5rem);
  font-weight: var(--ut-navtabs-badge-font-weight);
  line-height: var(--ut-navtabs-badge-line-height, 1rem);
  min-height: var(--ut-navtabs-badge-line-height, 1rem);
  min-width: var(--ut-navtabs-badge-line-height, 1rem);
  flex-shrink: 0;
  flex-grow: 0;
  text-align: center;
  padding: var(--ut-navtabs-badge-padding, 0 0.25rem);
  background-color: var(--ut-navtabs-badge-background-color);
  color: var(--ut-navtabs-badge-text-color);
}
.t-NavTabs-badge:empty {
  display: none;
}
@media (max-width: 767px) {
  .t-NavTabs-badge {
    position: absolute;
    right: 50%;
    top: 0.5rem;
    -webkit-margin-end: -1.25rem;
            margin-inline-end: -1.25rem;
  }
  .u-RTL .t-NavTabs-badge {
    right: unset;
    left: 50%;
  }
}
@media (min-width: 768px) {
  .t-NavTabs-badge {
    padding: 0 0.375rem;
    font-size: 0.6875rem;
    border-radius: 0.125rem;
    -webkit-margin-start: var(--ut-navtabs-icon-spacing, 0.25rem);
            margin-inline-start: var(--ut-navtabs-icon-spacing, 0.25rem);
  }
}

/* ==========================================================================
   Modifier: Stacked on Large Screens
   ========================================================================== */
@media (min-width: 768px) {
  .t-NavTabs--stacked .t-NavTabs-link {
    flex-direction: column;
    -webkit-padding-start: 0.25rem;
            padding-inline-start: 0.25rem;
    -webkit-padding-end: 0.25rem;
            padding-inline-end: 0.25rem;
  }
  .t-NavTabs--stacked .t-NavTabs-label {
    padding: 0 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .t-NavTabs--stacked .t-NavTabs-item .t-Icon {
    margin: 0.25rem auto;
  }
  .t-NavTabs--stacked .t-NavTabs-badge {
    position: absolute;
    font-size: 0.5rem;
    border-radius: 0.5rem;
    right: 50%;
    top: 0.5rem;
    -webkit-margin-end: -1.25rem;
            margin-inline-end: -1.25rem;
  }
  .u-RTL .t-NavTabs--stacked .t-NavTabs-badge {
    right: unset;
    left: 50%;
  }
}

/* Modifier: Icons Only
   ========================================================================== */
/* Hide Labels for Large / Desktop Screens */
@media (min-width: 768px) {
  .t-NavTabs--hiddenLabels-lg .t-NavTabs-item .t-Icon {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
  .t-NavTabs--hiddenLabels-lg .t-NavTabs-label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    margin: -1px;
  }
}

/* Hide Labels for Small / Mobile Screens */
@media (max-width: 767px) {
  .t-NavTabs--hiddenLabels-sm .t-NavTabs-label {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    margin: -1px;
  }
}

/* ==========================================================================
   Tree Navigation
   ========================================================================== */
.t-TreeNav {
  --a-treeview-toggle-size: 1rem;
  --a-treeview-node-indent: 0rem;
  --a-treeview-node-padding-y: .5rem;
  --a-treeview-node-padding-x: .5rem;
  --a-treeview-node-cursor: pointer;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.no-js .t-TreeNav {
  --a-treeview-node-cursor: default;
}
.t-TreeNav > ul {
  flex-grow: 1;
}
.t-TreeNav .a-TreeView-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  overflow: hidden;
  -webkit-padding-before: calc((var(--ut-treeview-icon-container-height, 1rem) - var(--a-treeview-node-line-height, 1rem)) / 2);
          padding-block-start: calc((var(--ut-treeview-icon-container-height, 1rem) - var(--a-treeview-node-line-height, 1rem)) / 2);
  -webkit-padding-after: calc((var(--ut-treeview-icon-container-height, 1rem) - var(--a-treeview-node-line-height, 1rem)) / 2);
          padding-block-end: calc((var(--ut-treeview-icon-container-height, 1rem) - var(--a-treeview-node-line-height, 1rem)) / 2);
  position: relative;
  grid-area: node-content-label;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .t-TreeNav .a-TreeView-label {
    transition: opacity var(--ut-layout-transition, 0.1s) ease, visibility var(--ut-layout-transition, 0.1s) ease, margin var(--ut-layout-transition, 0.1s) ease;
  }
}
.t-TreeNav .a-TreeView-content .fa {
  width: var(--ut-treeview-icon-container-width);
  height: var(--ut-treeview-icon-container-height);
  line-height: var(--ut-treeview-icon-container-height);
  border-radius: var(--ut-treeview-icon-container-border-radius);
  text-align: center;
  transition: width var(--ut-layout-transition, 0.1s) ease;
  font-size: var(--ut-treeview-icon-size, 1rem);
  grid-area: node-content-icon;
  opacity: var(--ut-treeview-icon-opacity);
}
.t-TreeNav .a-TreeView-toggle {
  position: relative;
  z-index: 1;
  transition: opacity var(--ut-layout-transition, 0.1s) ease, color var(--ut-layout-transition, 0.1s) ease, visibility var(--ut-layout-transition, 0.1s) ease;
  width: var(--ut-treeview-toggle-width, 2rem);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-TreeNav .a-TreeView-toggle:before {
  content: "";
  transition: var(--ut-layout-transition, 0.1s) ease;
}
.t-TreeNav.a-TreeView .is-expandable > .a-TreeView-toggle:before, .t-TreeNav.a-TreeView .is-collapsible > .a-TreeView-toggle:before {
  content: "\e0c2";
}
.t-TreeNav .a-TreeView-toggle:before {
  transform: rotate(-90deg);
}
.u-RTL .t-TreeNav .a-TreeView-toggle:before {
  transform: rotate(90deg);
}
.t-TreeNav .is-collapsible > .a-TreeView-toggle:before {
  transform: rotate(0deg);
}
.t-TreeNav .a-TreeView-badge {
  -webkit-padding-start: var(--ut-treeview-badge-padding-x, 0.375rem);
          padding-inline-start: var(--ut-treeview-badge-padding-x, 0.375rem);
  -webkit-padding-end: var(--ut-treeview-badge-padding-x, 0.375rem);
          padding-inline-end: var(--ut-treeview-badge-padding-x, 0.375rem);
  -webkit-padding-before: var(--ut-treeview-badge-padding-y, 0);
          padding-block-start: var(--ut-treeview-badge-padding-y, 0);
  -webkit-padding-after: var(--ut-treeview-badge-padding-y, 0);
          padding-block-end: var(--ut-treeview-badge-padding-y, 0);
  font-size: var(--ut-treeview-badge-font-size, 0.6875rem);
  font-weight: var(--ut-treeview-badge-font-weight);
  font-family: var(--ut-treeview-badge-font-family);
  line-height: var(--ut-treeview-badge-line-height, 1.25rem);
  min-width: calc(var(--ut-treeview-badge-line-height, 1.25rem) + var(--ut-treeview-badge-padding-x, 0.375rem));
  border-radius: var(--ut-treeview-badge-border-radius, 0.25rem);
  box-shadow: inset 0 0 var(--ut-treeview-badge-border-width, 1px) var(--ut-treeview-badge-border-color, rgba(255, 255, 255, 0.35));
  background-color: var(--ut-treeview-badge-background-color, var(--ut-component-icon-background-color));
  color: var(--ut-treeview-badge-text-color, var(--ut-component-icon-color));
  text-align: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  visibility: visible;
  display: block;
  transition: var(--ut-layout-transition, 0.1s) ease;
}
.u-RTL .t-TreeNav .a-TreeView-badge {
  right: unset;
  left: 0;
}
.t-TreeNav .a-TreeView-node {
  display: grid;
  grid-template-columns: 1fr minmax(0, auto);
  grid-template-areas: "node-content node-toggle" "node-leaf node-leaf";
  grid-template-rows: auto auto;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.t-TreeNav .a-TreeView-node .a-TreeView-row {
  position: relative;
  grid-column-start: node-content;
  grid-column-end: node-toggle;
  grid-row: 1;
  height: auto;
}
.t-TreeNav .a-TreeView-node .a-TreeView-content {
  grid-area: node-content;
  min-width: 0;
  -webkit-padding-start: calc(var(--a-treeview-node-indent) + var(--a-treeview-node-padding-x));
          padding-inline-start: calc(var(--a-treeview-node-indent) + var(--a-treeview-node-padding-x));
  display: grid;
  grid-template-columns: var(--ut-treeview-icon-container-width, auto) 1fr;
  grid-template-areas: "node-content-icon node-content-label";
  transition: padding var(--ut-layout-transition, 0.1s) ease;
}
.t-TreeNav .a-TreeView-node .a-TreeView-toggle {
  grid-area: node-toggle;
  float: none;
  margin: 0;
  align-self: center;
}
.t-TreeNav .a-TreeView-node ul {
  grid-area: node-leaf;
  -webkit-padding-start: var(--ut-treeview-leaf-padding-x);
          padding-inline-start: var(--ut-treeview-leaf-padding-x);
  -webkit-padding-end: var(--ut-treeview-leaf-padding-x);
          padding-inline-end: var(--ut-treeview-leaf-padding-x);
  -webkit-padding-before: var(--ut-treeview-leaf-padding-y);
          padding-block-start: var(--ut-treeview-leaf-padding-y);
  -webkit-padding-after: var(--ut-treeview-leaf-padding-y);
          padding-block-end: var(--ut-treeview-leaf-padding-y);
}
.t-TreeNav .a-TreeView-node--topLevel {
  --ut-treeview-icon-container-width: var(--ut-treeview-toplevel-icon-container-width, 1.5rem);
}
.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content {
  --a-treeview-node-font-size: var(--ut-treeview-toplevel-node-font-size, .875rem);
  --ut-treeview-icon-container-height: var(--ut-treeview-toplevel-icon-container-height, 1.5rem);
}
.t-TreeNav .a-TreeView-node--topLevel > ul {
  --ut-treeview-node-indent-placeholder: var(--a-treeview-node-indent);
  --a-treeview-node-indent: var(--ut-treeview-node-indent, 1rem);
  --ut-treeview-icon-size: var(--ut-treeview-node-icon-size);
  --ut-treeview-icon-container-width: var(--ut-treeview-node-icon-container-width, auto);
  --ut-treeview-icon-container-height: var(--ut-treeview-node-icon-container-height);
  -webkit-padding-start: var(--ut-treeview-toplevel-leaf-padding-x);
          padding-inline-start: var(--ut-treeview-toplevel-leaf-padding-x);
  -webkit-padding-end: var(--ut-treeview-toplevel-leaf-padding-x);
          padding-inline-end: var(--ut-treeview-toplevel-leaf-padding-x);
  -webkit-padding-before: var(--ut-treeview-toplevel-leaf-padding-y, 0.5rem);
          padding-block-start: var(--ut-treeview-toplevel-leaf-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-treeview-toplevel-leaf-padding-y, 0.5rem);
          padding-block-end: var(--ut-treeview-toplevel-leaf-padding-y, 0.5rem);
}
.t-TreeNav .a-TreeView-node--topLevel > ul ul {
  --a-treeview-node-indent: calc(var(--ut-treeview-leaf-node-indent, var(--ut-treeview-node-indent-placeholder)) * 2);
}
.t-TreeNav .is-current,
.t-TreeNav .is-current--top {
  --a-treeview-node-font-weight: var(--a-base-font-weight-semibold, 500);
}

/* ==========================================================================
     Tree Nav Collapsed
     ========================================================================== */
@media (max-width: 479px) {
  .apex-side-nav.js-navCollapsed {
    --ut-nav-collapsed-width: 0rem;
  }
}
.apex-side-nav.js-navCollapsed.js-navCollapsed--hidden {
  --ut-nav-collapsed-width: 0rem;
}
.apex-side-nav.js-navCollapsed.js-navCollapsed--hidden .t-TreeNav .a-TreeView-toggle,
.apex-side-nav.js-navCollapsed.js-navCollapsed--hidden .t-TreeNav .a-TreeView-label {
  visibility: hidden;
}
.apex-side-nav.js-navCollapsed .t-Body-nav {
  width: var(--ut-nav-collapsed-width, 3rem);
}
.apex-side-nav.js-navCollapsed .t-TreeNav .a-TreeView-toggle,
.apex-side-nav.js-navCollapsed .t-TreeNav .a-TreeView-label {
  color: transparent;
}
.apex-side-nav.js-navCollapsed .t-TreeNav .a-TreeView-label {
  position: unset;
  margin: 0;
}
.apex-side-nav.js-navCollapsed .t-TreeNav .a-TreeView-badge {
  --ut-treeview-badge-padding-x: var(--ut-treeview-collapsed-badge-padding-x, .25rem);
  --ut-treeview-badge-font-size: var(--ut-treeview-collapsed-badge-font-size, .5625rem);
  --ut-treeview-badge-line-height: var(--ut-treeview-collapsed-badge-line-height, .875rem);
  --ut-treeview-badge-border-radius: var(--ut-treeview-collapsed-badge-border-radius, 1.25rem);
  max-width: var(--ut-treeview-icon-container-width);
  text-overflow: ellipsis;
  overflow: hidden;
  top: 0%;
  transform: translateY(0%);
  margin: calc(var(--a-treeview-node-padding-y, 0.25rem) / 2);
}
.apex-side-nav.js-navCollapsed .t-TreeNav .a-TreeView-node .a-TreeView-content {
  grid-column-start: node-content;
  grid-column-end: node-toggle;
}
.apex-side-nav.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .fa {
  width: 100%;
  grid-column-start: node-content-icon;
  grid-column-end: node-content-label;
}

.apex-side-nav.js-navCollapsed--icons {
  --ut-nav-collapsed-width: auto;
}
@media (max-width: 479px) {
  .apex-side-nav.js-navCollapsed--icons {
    --ut-nav-collapsed-icon-width: 0px;
  }
}
.apex-side-nav.js-navCollapsed--icons .t-TreeNav {
  width: var(--ut-nav-collapsed-icon-width, 52px);
}

/* ==========================================================================
   Dialogs
   ========================================================================== */
.ui-dialog-titlebar-close:-moz-focusring {
  outline: none;
}

/* Dialog Page
   ========================================================================== */
.t-Dialog-page {
  opacity: 0;
  min-width: 0;
}
.t-Dialog-page.js-dialogReady {
  opacity: 1;
  transition: opacity 0.2s ease;
}

.t-Dialog {
  grid-area: body;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "dialog-header" "dialog-body" "dialog-footer";
  min-width: 0;
  background-color: var(--ut-component-background-color);
}

.t-Dialog-header {
  grid-area: dialog-header;
  min-width: 0;
  min-height: auto;
}
.t-Dialog-header:empty {
  display: none;
}

.t-Dialog-footer {
  grid-area: dialog-footer;
  min-width: 0;
  min-height: auto;
}
.t-Dialog-footer:empty {
  display: none;
}

.t-Dialog-body {
  grid-area: dialog-body;
  -webkit-padding-before: var(--ut-dialog-padding-y, 1rem);
          padding-block-start: var(--ut-dialog-padding-y, 1rem);
  -webkit-padding-after: var(--ut-dialog-padding-y, 1rem);
          padding-block-end: var(--ut-dialog-padding-y, 1rem);
  -webkit-padding-start: var(--ut-dialog-padding-x, 1rem);
          padding-inline-start: var(--ut-dialog-padding-x, 1rem);
  -webkit-padding-end: var(--ut-dialog-padding-x, 1rem);
          padding-inline-end: var(--ut-dialog-padding-x, 1rem);
  min-width: 0;
}

.t-Dialog-bodyWrapperOut {
  display: flex;
  flex-grow: 1;
  flex-basis: auto;
  flex-direction: column;
  position: relative;
  grid-area: dialog-body;
}

.t-Dialog-bodyWrapperIn {
  position: relative;
  flex-grow: 1;
}

.t-Dialog-bodyWrapperIn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* Remove Padding from Dialog Body
    ========================================================================== */
.t-Dialog--noPadding,
.t-PageBody--noContentPadding {
  --ut-dialog-padding-y: 0;
  --ut-dialog-padding-x: 0;
}

/* Help Dialog
    ========================================================================== */
#apex_popup_field_help {
  outline: none;
}

/* Wuzard Dialog
   ========================================================================== */
.t-Dialog-page--wizard {
  --jui-dialog-titlebar-border-width: 0px;
  --jui-dialog-titlebar-background-color: transparent;
  --jui-dialog-title-font-weight: var(--a-base-font-weight-semibold, 500);
  --jui-dialog-title-font-size: 1.25rem;
  --jui-dialog-title-line-height: 2rem;
  --jui-dialog-titlebar-padding-y: .75rem;
  --jui-dialog-titlebar-padding-x: 1rem;
  --jui-dialog-content-padding-y: 0rem;
  --jui-dialog-content-padding-x: 0rem;
  --jui-dialog-buttonpane-border-width: 0px;
  --jui-dialog-buttonpane-content-padding-y: 1rem;
  --jui-dialog-buttonpane-content-padding-x: 1rem;
  --ut-dialog-content-font-size: .875rem;
}
.t-Dialog-page--wizard .ui-dialog-title {
  justify-content: center;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.t-Dialog-page--wizard .ui-dialog-buttonpane {
  --a-button-padding-y: .625rem;
  --a-button-padding-x: .5rem;
  --a-button-font-size: .875rem;
  --a-button-line-height: 1rem;
}
.t-Dialog-page--wizard .ui-dialog-buttonpane .ui-button {
  min-width: 4rem;
}

/* APEX Dialog
   ========================================================================== */
.ui-dialog--apex.t-Dialog-page--wizard,
.ui-dialog--apex.t-Dialog-page--standard {
  display: flex;
  flex-direction: column;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ui-dialog--apex.t-Dialog-page--wizard,
.ui-dialog--apex.t-Dialog-page--standard {
    -webkit-animation: anim-dialogOpen var(--js-dialog-open-timing, 0.2s) ease 1 forwards;
            animation: anim-dialogOpen var(--js-dialog-open-timing, 0.2s) ease 1 forwards;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    transform-origin: center bottom;
  }
  .ui-dialog--apex.t-Dialog-page--wizard.is-closing,
.ui-dialog--apex.t-Dialog-page--standard.is-closing {
    display: flex !important;
    -webkit-animation: anim-dialogClose var(--js-dialog-close-timing, 0.2s) ease 1 forwards;
            animation: anim-dialogClose var(--js-dialog-close-timing, 0.2s) ease 1 forwards;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
}
.ui-dialog--apex.t-Dialog-page--wizard .ui-dialog-content,
.ui-dialog--apex.t-Dialog-page--standard .ui-dialog-content {
  position: relative;
  flex-basis: auto;
  flex-grow: 1;
}
.ui-dialog--apex.t-Dialog-page--wizard .ui-dialog-content iframe,
.ui-dialog--apex.t-Dialog-page--standard .ui-dialog-content iframe {
  z-index: 1;
  position: relative;
}
.ui-dialog--apex.t-Dialog-page--wizard .ui-dialog-content:after,
.ui-dialog--apex.t-Dialog-page--standard .ui-dialog-content:after {
  font-family: var(--a-icon-font-family, "apex-5-icon-font");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "\e01e";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-margin-before: -1rem;
          margin-block-start: -1rem;
  -webkit-margin-start: -1rem;
          margin-inline-start: -1rem;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
  border-radius: 100%;
  transition: opacity 0.15s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
  color: var(--ut-dialog-spinner-color);
}
.ui-dialog--apex.t-Dialog-page--wizard .ui-dialog-content:not(.js-dialogReady):after,
.ui-dialog--apex.t-Dialog-page--standard .ui-dialog-content:not(.js-dialogReady):after {
  opacity: 1;
  visibility: visible;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ui-dialog--apex.t-Dialog-page--wizard .ui-dialog-content:not(.js-dialogReady):after,
.ui-dialog--apex.t-Dialog-page--standard .ui-dialog-content:not(.js-dialogReady):after {
    -webkit-animation: anim-spin-stop 2s 1 linear forwards;
            animation: anim-spin-stop 2s 1 linear forwards;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
}

.ui-dialog--markdown {
  --jui-dialog-content-padding-y: .75rem;
  --jui-dialog-content-padding-x: 1rem;
}

/* PWA
   ========================================================================== */
@media (max-width: 639px) {
  .ui-dialog.a-pwaDialog {
    bottom: var(--safe-area-inset-bottom, 0) !important;
    top: auto !important;
    border-top-right-radius: var(--ut-pwa-dialog-border-top-radius, 0.75rem);
    border-top-left-radius: var(--ut-pwa-dialog-border-top-radius, 0.75rem);
    width: 100% !important;
  }
}
@media screen and (max-width: 639px) and (prefers-reduced-motion: no-preference) {
  .ui-dialog.a-pwaDialog {
    opacity: 0;
    -webkit-animation-delay: 0.01s !important;
            animation-delay: 0.01s !important;
    -webkit-animation: anim-dialogPullOutBottomOpen 0.4s ease 1 forwards !important;
            animation: anim-dialogPullOutBottomOpen 0.4s ease 1 forwards !important;
    -webkit-animation-fill-mode: forwards !important;
            animation-fill-mode: forwards !important;
  }
}
@media (max-width: 639px) {
  .ui-dialog.a-pwaDialog .ui-dialog-titlebar-close {
    border-radius: 50%;
  }
}
@media (min-width: 640px) {
  .ui-dialog.a-pwaDialog {
    width: 25rem !important;
  }
}

/* ==========================================================================
   Dialog Regions
   ========================================================================== */
.ui-dialog--inline {
  --jui-dialog-content-padding-y: 0rem;
  --jui-dialog-content-padding-x: 0rem;
  transition: opacity var(--js-dialog-open-timing, 0.2s) ease, transform var(--js-dialog-open-timing, 0.2s) ease;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ui-dialog--inline {
    -webkit-animation: anim-dialogOpen var(--js-dialog-open-timing, 0.2s) ease 1 forwards;
            animation: anim-dialogOpen var(--js-dialog-open-timing, 0.2s) ease 1 forwards;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    transform-origin: center bottom;
  }
  .ui-dialog--inline.is-closing {
    display: grid !important;
    -webkit-animation: anim-dialogClose var(--js-dialog-close-timing, 0.2s) ease 1 forwards;
            animation: anim-dialogClose var(--js-dialog-close-timing, 0.2s) ease 1 forwards;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    pointer-events: none;
  }
}
.ui-dialog--inline .ui-dialog-content {
  display: flex;
}

.t-DialogRegion-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  box-sizing: border-box;
}

.t-DialogRegion-bodyWrapperOut {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  overflow: auto;
}

.t-DialogRegion-body {
  -webkit-padding-before: var(--ut-dialog-region-padding-y, 1rem);
          padding-block-start: var(--ut-dialog-region-padding-y, 1rem);
  -webkit-padding-after: var(--ut-dialog-region-padding-y, 1rem);
          padding-block-end: var(--ut-dialog-region-padding-y, 1rem);
  -webkit-padding-start: var(--ut-dialog-region-padding-x, 1rem);
          padding-inline-start: var(--ut-dialog-region-padding-x, 1rem);
  -webkit-padding-end: var(--ut-dialog-region-padding-x, 1rem);
          padding-inline-end: var(--ut-dialog-region-padding-x, 1rem);
}

.t-DialogRegion-buttons {
  flex-shrink: 0;
  background-color: var(--jui-dialog-buttonpane-background-color);
  border-top-width: var(--ut-component-border-width, var(--jui-dialog-buttonpane-border-width));
  border-top-style: solid;
  border-top-color: var(--ut-component-border-color, var(--jui-dialog-buttonpane-border-color));
}

/* Modifier: Remove Body Padding
   ========================================================================== */
.t-DialogRegion--noPadding .t-DialogRegion-body {
  padding: 0;
}

/* ==========================================================================
   Drawer
   ========================================================================== */
.t-Drawer-page--standard {
  outline: none !important;
  height: 100% !important;
  max-height: 100vh !important;
  top: 0 !important;
  bottom: 0 !important;
  max-width: var(--ut-dialog-pullout-max-width, 90vw) !important;
  border-radius: 0 !important;
  flex-direction: column;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .t-Drawer-page--standard {
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
}
.t-Drawer-page--standard .ui-dialog-content {
  height: auto !important;
}

/* Drawer Page
   ========================================================================== */
.t-Drawer-page {
  opacity: 0;
  min-width: 0;
}
.t-Drawer-page.js-dialogReady {
  opacity: 1;
  transition: opacity 0.2s ease;
}

.t-Drawer {
  grid-area: body;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "dialog-header" "dialog-body" "dialog-footer";
  min-width: 0;
  background-color: var(--ut-component-background-color);
}

.t-Drawer-header {
  grid-area: dialog-header;
  min-width: 0;
  min-height: auto;
}
.t-Drawer-header:empty {
  display: none;
}

.t-Drawer-footer {
  grid-area: dialog-footer;
  min-width: 0;
  min-height: auto;
}
.t-Drawer-footer:empty {
  display: none;
}

.t-Drawer-body {
  grid-area: dialog-body;
  -webkit-padding-before: var(--ut-dialog-padding-y, 1rem);
          padding-block-start: var(--ut-dialog-padding-y, 1rem);
  -webkit-padding-after: var(--ut-dialog-padding-y, 1rem);
          padding-block-end: var(--ut-dialog-padding-y, 1rem);
  -webkit-padding-start: var(--ut-dialog-padding-x, 1rem);
          padding-inline-start: var(--ut-dialog-padding-x, 1rem);
  -webkit-padding-end: var(--ut-dialog-padding-x, 1rem);
          padding-inline-end: var(--ut-dialog-padding-x, 1rem);
  min-width: 0;
}

.t-Drawer-bodyWrapperOut {
  display: flex;
  flex-grow: 1;
  flex-basis: auto;
  flex-direction: column;
  position: relative;
  grid-area: dialog-body;
}

.t-Drawer-bodyWrapperIn {
  position: relative;
  flex-grow: 1;
}

.t-Drawer-bodyWrapperIn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* Remove Padding from Dialog Body
   ========================================================================== */
.t-Drawer--noPadding,
.t-PageBody--noContentPadding {
  --ut-dialog-padding-y: 0;
  --ut-dialog-padding-x: 0;
}

/* Drawer Sizes
   ========================================================================== */
.t-Drawer--sm {
  width: 29rem !important;
}

.t-Drawer--md {
  width: 40.5rem !important;
}

.t-Drawer--lg {
  width: 60.5rem !important;
}

.t-Drawer--xl {
  width: 110.75rem !important;
}

/* Pullout Direction
   ========================================================================== */
.ui-dialog.t-Dialog--pullOutRight.is-closing,
.ui-dialog.t-Dialog--pullOutLeft.is-closing,
.ui-dialog.t-Drawer--pullOutEnd.is-closing,
.ui-dialog.t-Drawer--pullOutStart.is-closing {
  display: flex !important;
  pointer-events: none;
}

.ui-dialog.t-Dialog--pullOutRight,
.ui-dialog.t-Dialog--pullOutLeft {
  outline: none !important;
  height: 100% !important;
  max-height: 100vh !important;
  top: 0 !important;
  bottom: 0 !important;
  max-width: var(--ut-dialog-pullout-max-width, 97vw);
  border-radius: 0 !important;
}

.ui-dialog.t-Drawer--pullOutEnd,
.ui-dialog.t-Dialog--pullOutRight,
.u-RTL .ui-dialog.t-Drawer--pullOutStart,
.u-RTL .ui-dialog.t-Dialog--pullOutLeft {
  right: 0 !important;
  left: auto !important;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ui-dialog.t-Drawer--pullOutEnd,
.ui-dialog.t-Dialog--pullOutRight,
.u-RTL .ui-dialog.t-Drawer--pullOutStart,
.u-RTL .ui-dialog.t-Dialog--pullOutLeft {
    -webkit-animation: anim-dialogPullOutRightOpen var(--js-dialog-open-timing, 0.2s) ease 1 forwards !important;
            animation: anim-dialogPullOutRightOpen var(--js-dialog-open-timing, 0.2s) ease 1 forwards !important;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    transform-origin: right center;
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ui-dialog.t-Drawer--pullOutEnd.is-closing,
.ui-dialog.t-Dialog--pullOutRight.is-closing,
.u-RTL .ui-dialog.t-Drawer--pullOutStart.is-closing,
.u-RTL .ui-dialog.t-Dialog--pullOutLeft.is-closing {
    -webkit-animation: anim-dialogPullOutRightClose var(--js-dialog-close-timing, 0.2s) ease 1 forwards !important;
            animation: anim-dialogPullOutRightClose var(--js-dialog-close-timing, 0.2s) ease 1 forwards !important;
  }
}

.ui-dialog.t-Drawer--pullOutStart,
.ui-dialog.t-Dialog--pullOutLeft,
.u-RTL .ui-dialog.t-Drawer--pullOutEnd,
.u-RTL .ui-dialog.t-Dialog--pullOutRight {
  left: 0 !important;
  right: auto !important;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ui-dialog.t-Drawer--pullOutStart,
.ui-dialog.t-Dialog--pullOutLeft,
.u-RTL .ui-dialog.t-Drawer--pullOutEnd,
.u-RTL .ui-dialog.t-Dialog--pullOutRight {
    -webkit-animation: anim-dialogPullOutLeftOpen var(--js-dialog-open-timing, 0.2s) ease 1 forwards !important;
            animation: anim-dialogPullOutLeftOpen var(--js-dialog-open-timing, 0.2s) ease 1 forwards !important;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    transform-origin: left center;
  }
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ui-dialog.t-Drawer--pullOutStart.is-closing,
.ui-dialog.t-Dialog--pullOutLeft.is-closing,
.u-RTL .ui-dialog.t-Drawer--pullOutEnd.is-closing,
.u-RTL .ui-dialog.t-Dialog--pullOutRight.is-closing {
    -webkit-animation: anim-dialogPullOutLeftClose var(--js-dialog-close-timing, 0.2s) ease 1 forwards !important;
            animation: anim-dialogPullOutLeftClose var(--js-dialog-close-timing, 0.2s) ease 1 forwards !important;
  }
}

/* ==========================================================================
   Drawer Regions
   ========================================================================== */
.ui-dialog--drawer {
  --jui-dialog-content-padding-y: 0rem;
  --jui-dialog-content-padding-x: 0rem;
  outline: none !important;
  height: 100% !important;
  max-height: 100vh !important;
  top: 0 !important;
  bottom: 0 !important;
  max-width: var(--ut-dialog-pullout-max-width, 90vw) !important;
  border-radius: 0 !important;
  flex-direction: column;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .ui-dialog--drawer {
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
}
.ui-dialog--drawer .ui-dialog-content {
  display: flex;
  height: auto !important;
}

/* ==========================================================================
   Drawer Region Regions
   ========================================================================== */
.t-DrawerRegion-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  box-sizing: border-box;
}

.t-DrawerRegion-bodyWrapperOut {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  overflow: auto;
}

.t-DrawerRegion-body {
  -webkit-padding-before: var(--ut-dialog-region-padding-y, 1rem);
          padding-block-start: var(--ut-dialog-region-padding-y, 1rem);
  -webkit-padding-after: var(--ut-dialog-region-padding-y, 1rem);
          padding-block-end: var(--ut-dialog-region-padding-y, 1rem);
  -webkit-padding-start: var(--ut-dialog-region-padding-x, 1rem);
          padding-inline-start: var(--ut-dialog-region-padding-x, 1rem);
  -webkit-padding-end: var(--ut-dialog-region-padding-x, 1rem);
          padding-inline-end: var(--ut-dialog-region-padding-x, 1rem);
}

.t-DrawerRegion-buttons {
  flex-shrink: 0;
  background-color: var(--jui-dialog-buttonpane-background-color);
  border-top-width: var(--ut-component-border-width, var(--jui-dialog-buttonpane-border-width));
  border-top-style: solid;
  border-top-color: var(--ut-component-border-color, var(--jui-dialog-buttonpane-border-color));
}

/* Modifier: Remove Body Padding
   ========================================================================== */
.t-DrawerRegion--noPadding .t-DrawerRegion-body {
  padding: 0;
}

/* ==========================================================================
   Icon Fonts
   ========================================================================== */
.apex-icons-fontapex .fa {
  font-family: inherit !important;
  position: relative;
}
.apex-icons-fontapex .fa:before {
  vertical-align: top;
}

.apex-icons-fontawesome .fa {
  font-family: inherit;
  font-size: 0.875rem;
}
.apex-icons-fontawesome .fa:before {
  font-family: FontAwesome;
  vertical-align: top;
}

/* File Type Icons with Commonly Used Colors
   ========================================================================== */
.u-file-icon {
  padding: var(--ut-file-icon-padding, 0.25rem 0.5rem);
  text-align: center;
  color: var(--ut-file-icon-text-color, #fff);
  background-color: var(--ut-file-icon-background-color);
  border-radius: var(--ut-file-icon-border-radius, 0.125rem);
  vertical-align: top;
}
.u-file-icon.fa-file-powerpoint-o {
  --ut-file-icon-background-color: #D24726;
}
.u-file-icon.fa-file-excel-o {
  --ut-file-icon-background-color: #217345;
}
.u-file-icon.fa-file-word-o {
  --ut-file-icon-background-color: #2A579A;
}
.u-file-icon.fa-file-pdf-o {
  --ut-file-icon-background-color: #F40700;
}
.u-file-icon.fa-file-image-o {
  --ut-file-icon-background-color: #C88821;
}
.u-file-icon.fa-file-o {
  --ut-file-icon-background-color: #6A788A;
}

/* Scale
   ========================================================================== */
.fa,
.fa.fa-sm,
.force-fa-lg .fa.fa-sm {
  --a-icon-size: 16px;
}

.fa.fa-lg,
.force-fa-lg .fa {
  --a-icon-size: 32px;
  --a-button-icon-size: 32px;
}

.fa-2x,
.fa-sm.fa-2x,
.force-fa-lg .fa.fa-sm.fa-2x {
  --a-icon-size: 32px;
  --a-button-icon-size: 32px;
}

.fa-3x,
.fa-sm.fa-3x,
.force-fa-lg .fa.fa-sm.fa-3x {
  --a-icon-size: 48px;
  --a-button-icon-size: 48px;
}

.fa-4x,
.fa-sm.fa-4x,
.force-fa-lg .fa.fa-sm.fa-4x {
  --a-icon-size: 64px;
  --a-button-icon-size: 64px;
}

.fa-5x,
.fa-sm.fa-5x,
.force-fa-lg .fa.fa-sm.fa-5x {
  --a-icon-size: 80px;
  --a-button-icon-size: 80px;
}

.fa-lg.fa-2x,
.force-fa-lg .fa.fa-2x {
  --a-icon-size: 64px;
  --a-button-icon-size: 64px;
}

.fa-lg.fa-3x,
.force-fa-lg .fa.fa-3x {
  --a-icon-size: 96px;
  --a-button-icon-size: 96px;
}

.fa-lg.fa-4x,
.force-fa-lg .fa.fa-4x {
  --a-icon-size: 128px;
  --a-button-icon-size: 128px;
}

.fa-lg.fa-5x,
.force-fa-lg .fa.fa-5x {
  --a-icon-size: 160px;
  --a-button-icon-size: 160px;
}

.app-apex-application-archive {
  background-image: url("../../../../apex_ui/img/icons/app-apex-application-archive.svg");
  background-repeat: no-repeat;
}

.app-application-standards-tracker {
  background-image: url("../../../../apex_ui/img/icons/app-application-standards-tracker.svg");
  background-repeat: no-repeat;
}

.app-artwork-catalog {
  background-image: url("../../../../apex_ui/img/icons/app-artwork-catalog.svg");
  background-repeat: no-repeat;
}

.app-bug-tracking {
  background-image: url("../../../../apex_ui/img/icons/app-bug-tracking.svg");
  background-repeat: no-repeat;
}

.app-checklist-manager {
  background-image: url("../../../../apex_ui/img/icons/app-checklist-manager.svg");
  background-repeat: no-repeat;
}

.app-community-requests {
  background-image: url("../../../../apex_ui/img/icons/app-community-requests.svg");
  background-repeat: no-repeat;
}

.app-customer-tracker {
  background-image: url("../../../../apex_ui/img/icons/app-customer-tracker.svg");
  background-repeat: no-repeat;
}

.app-data-reporter {
  background-image: url("../../../../apex_ui/img/icons/app-data-reporter.svg");
  background-repeat: no-repeat;
}

.app-decision-manager {
  background-image: url("../../../../apex_ui/img/icons/app-decision-manager.svg");
  background-repeat: no-repeat;
}

.app-expertise-tracker {
  background-image: url("../../../../apex_ui/img/icons/app-expertise-tracker.svg");
  background-repeat: no-repeat;
}

.app-feedback {
  background-image: url("../../../../apex_ui/img/icons/app-feedback.svg");
  background-repeat: no-repeat;
}

.app-go-live-checklist {
  background-image: url("../../../../apex_ui/img/icons/app-go-live-checklist.svg");
  background-repeat: no-repeat;
}

.app-group-calendar {
  background-image: url("../../../../apex_ui/img/icons/app-group-calendar.svg");
  background-repeat: no-repeat;
}

.app-incident-tracking {
  background-image: url("../../../../apex_ui/img/icons/app-incident-tracking.svg");
  background-repeat: no-repeat;
}

.app-issue-tracker {
  background-image: url("../../../../apex_ui/img/icons/app-issue-tracker.svg");
  background-repeat: no-repeat;
}

.app-live-poll {
  background-image: url("../../../../apex_ui/img/icons/app-live-poll.svg");
  background-repeat: no-repeat;
}

.app-meeting-minutes {
  background-image: url("../../../../apex_ui/img/icons/app-meeting-minutes.svg");
  background-repeat: no-repeat;
}

.app-opportunity-tracker {
  background-image: url("../../../../apex_ui/img/icons/app-opportunity-tracker.svg");
  background-repeat: no-repeat;
}

.app-p-track {
  background-image: url("../../../../apex_ui/img/icons/app-p-track.svg");
  background-repeat: no-repeat;
}

.app-sample-brookstrut {
  background-image: url("../../../../apex_ui/img/icons/app-sample-brookstrut.svg");
  background-repeat: no-repeat;
}

.app-sample-calendar {
  background-image: url("../../../../apex_ui/img/icons/app-sample-calendar.svg");
  background-repeat: no-repeat;
}

.app-sample-charts {
  background-image: url("../../../../apex_ui/img/icons/app-sample-charts.svg");
  background-repeat: no-repeat;
}

.app-sample-collections {
  background-image: url("../../../../apex_ui/img/icons/app-sample-collections.svg");
  background-repeat: no-repeat;
}

.app-sample-data-loading {
  background-image: url("../../../../apex_ui/img/icons/app-sample-data-loading.svg");
  background-repeat: no-repeat;
}

.app-sample-database-application {
  background-image: url("../../../../apex_ui/img/icons/app-sample-database-application.svg");
  background-repeat: no-repeat;
}

.app-sample-dialog {
  background-image: url("../../../../apex_ui/img/icons/app-sample-dialog.svg");
  background-repeat: no-repeat;
}

.app-sample-dynamic-actions {
  background-image: url("../../../../apex_ui/img/icons/app-sample-dynamic-actions.svg");
  background-repeat: no-repeat;
}

.app-sample-file-upload-download {
  background-image: url("../../../../apex_ui/img/icons/app-sample-file-upload-download.svg");
  background-repeat: no-repeat;
}

.app-sample-forms {
  background-image: url("../../../../apex_ui/img/icons/app-sample-forms.svg");
  background-repeat: no-repeat;
}

.app-sample-geolocation {
  background-image: url("../../../../apex_ui/img/icons/app-sample-geolocation.svg");
  background-repeat: no-repeat;
}

.app-sample-lists {
  background-image: url("../../../../apex_ui/img/icons/app-sample-lists.svg");
  background-repeat: no-repeat;
}

.app-sample-master-detail {
  background-image: url("../../../../apex_ui/img/icons/app-sample-master-detail.svg");
  background-repeat: no-repeat;
}

.app-sample-reporting {
  background-image: url("../../../../apex_ui/img/icons/app-sample-reporting.svg");
  background-repeat: no-repeat;
}

.app-sample-search {
  background-image: url("../../../../apex_ui/img/icons/app-sample-search.svg");
  background-repeat: no-repeat;
}

.app-sample-trees {
  background-image: url("../../../../apex_ui/img/icons/app-sample-trees.svg");
  background-repeat: no-repeat;
}

.app-sample-universal-theme {
  background-image: url("../../../../apex_ui/img/icons/app-sample-universal-theme.svg");
  background-repeat: no-repeat;
}

.app-sample-websheet-anyco {
  background-image: url("../../../../apex_ui/img/icons/app-sample-websheet-anyco.svg");
  background-repeat: no-repeat;
}

.app-sample-wizard {
  background-image: url("../../../../apex_ui/img/icons/app-sample-wizard.svg");
  background-repeat: no-repeat;
}

.app-survey-builder {
  background-image: url("../../../../apex_ui/img/icons/app-survey-builder.svg");
  background-repeat: no-repeat;
}

.app-systems-catalog {
  background-image: url("../../../../apex_ui/img/icons/app-systems-catalog.svg");
  background-repeat: no-repeat;
}

.app-use-case-status {
  background-image: url("../../../../apex_ui/img/icons/app-use-case-status.svg");
  background-repeat: no-repeat;
}

.app-websheet-any-co {
  background-image: url("../../../../apex_ui/img/icons/app-websheet-any-co.svg");
  background-repeat: no-repeat;
}

.app-websheet-big-cats {
  background-image: url("../../../../apex_ui/img/icons/app-websheet-big-cats.svg");
  background-repeat: no-repeat;
}

/* ==========================================================================
   Packaged App Icons
   ========================================================================== */
.app-apex-application-archive,
.app-customer-tracker,
.app-data-reporter,
.app-group-calendar,
.app-sample-search,
.app-websheet-any-co {
  background-color: #4FA5E9 !important;
}

.app-feedback,
.app-issue-tracker,
.app-sample-dialog,
.app-sample-lists,
.app-sample-calendar {
  background-color: #3F84BB !important;
}

.app-artwork-catalog,
.app-checklist-manager,
.app-go-live-checklist,
.app-opportunity-tracker,
.app-p-track,
.app-sample-data-loading,
.app-sample-forms,
.app-sample-reporting,
.app-sample-wizard,
.app-use-case-status,
.app-sample-universal-theme {
  background-color: #3E566D !important;
}

.app-application-standards-tracker,
.app-sample-database-application,
.app-sample-geolocation {
  background-color: #E5E7E9 !important;
}

.app-sample-collections,
.app-meeting-minutes {
  background-color: #4C4E50 !important;
}

.app-sample-brookstrut,
.app-incident-tracking,
.app-sample-charts,
.app-sample-file-upload-download,
.app-systems-catalog,
.app-community-requests,
.app-live-poll {
  background-color: #FDBD3E !important;
}

.app-bug-tracking,
.app-decision-manager,
.app-sample-dynamic-actions,
.app-sample-master-detail,
.app-sample-trees {
  background-color: #27A168 !important;
}

.app-expertise-tracker,
.app-survey-builder,
.app-websheet-big-cats {
  background-color: #F64434 !important;
}

/* ==========================================================================
   Badge List
   ========================================================================== */
.t-BadgeList {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  color: var(--ut-badgelist-text-color, var(--ut-component-text-default-color));
}
.t-BadgeList a {
  text-decoration: none;
}

.t-BadgeList-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  text-align: center;
  position: relative;
  -webkit-padding-start: var(--ut-badgelist-item-padding-x, 0.75rem);
          padding-inline-start: var(--ut-badgelist-item-padding-x, 0.75rem);
  -webkit-padding-end: var(--ut-badgelist-item-padding-x, 0.75rem);
          padding-inline-end: var(--ut-badgelist-item-padding-x, 0.75rem);
  -webkit-padding-before: var(--ut-badgelist-item-padding-y, 0.75rem);
          padding-block-start: var(--ut-badgelist-item-padding-y, 0.75rem);
  -webkit-padding-after: var(--ut-badgelist-item-padding-y, 0.75rem);
          padding-block-end: var(--ut-badgelist-item-padding-y, 0.75rem);
}

.t-BadgeList-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.t-BadgeList-label {
  order: 2;
  font-size: var(--ut-badgelist-label-font-size);
  line-height: var(--ut-badgelist-label-line-height, 1.5);
  position: relative;
}

.t-BadgeList-value {
  order: 1;
  font-weight: var(--ut-badgelist-value-font-weight, var(--a-base-font-weight-semibold, 500));
  font-size: var(--ut-badgelist-value-font-size);
  line-height: var(--ut-badgelist-value-line-height);
  width: var(--ut-badgelist-value-size);
  height: var(--ut-badgelist-value-size);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  white-space: nowrap;
}
.t-BadgeList-value a {
  border-radius: inherit;
  display: block;
}
.u-colors .t-BadgeList-value a {
  color: inherit;
}

/* ==========================================================================
   Circular
   ========================================================================== */
.t-BadgeList--circular .t-BadgeList-label {
  -webkit-margin-before: var(--ut-badgelist-label-margin-y, 0.5rem);
          margin-block-start: var(--ut-badgelist-label-margin-y, 0.5rem);
  color: var(--ut-badgelist-label-text-color, var(--ut-component-text-title-color));
}
.t-BadgeList--circular .t-BadgeList-value {
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  background-color: var(--u-color, var(--ut-badgelist-value-background-color, var(--ut-component-background-color)));
  color: var(--u-color-contrast, var(--ut-badgelist-value-text-color));
  border-radius: var(--ut-badgelist-value-border-radius, 8rem);
  border-style: solid;
  border-width: var(--ut-badgelist-value-border-width, var(--ut-component-border-width, 1px));
  border-color: var(--ut-badgelist-value-border-color, var(--ut-component-border-color));
}
.t-BadgeList--circular .t-BadgeList-value a:before {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border-radius: var(--ut-badgelist-value-border-radius, 8rem);
}
.t-BadgeList--circular.u-colors .u-color {
  background-color: unset;
  color: unset;
}
.t-BadgeList--circular a.t-BadgeList-wrap:hover {
  --ut-badgelist-value-background-color: var(--ut-component-icon-background-color);
  --ut-badgelist-value-text-color: var(--ut-component-icon-color);
  --ut-badgelist-value-border-color: transparent;
}
.t-BadgeList--circular a.t-BadgeList-wrap:hover .t-BadgeList-value {
  background-color: var(--ut-badgelist-value-background-color, var(--ut-component-background-color));
  color: var(--ut-badgelist-value-text-color);
}
.t-BadgeList--circular a.t-BadgeList-wrap:hover .t-BadgeList-value a {
  color: inherit;
}

/* ==========================================================================
   Dashboard
   ========================================================================== */
.t-BadgeList--dash {
  --ut-badgelist-value-size: auto;
  --ut-badgelist-value-font-size: 2rem;
  --ut-badgelist-value-line-height: 1.5;
  --ut-badgelist-label-font-size: .875rem;
  --ut-badgelist-label-line-height: 1.25rem;
}
.t-BadgeList--dash .t-BadgeList-label {
  color: var(--u-color-contrast, var(--ut-badgelist-label-text-color, var(--ut-component-text-default-color)));
}
.t-BadgeList--dash .t-BadgeList-wrap {
  padding: var(--ut-badgelist-wrap-padding, 0.75rem);
  border-radius: var(--ut-badgelist-wrap-border-radius, 0.25rem);
}
.t-BadgeList--dash .t-BadgeList-wrap:before {
  content: "";
  position: absolute;
  margin: var(--ut-badgelist-wrap-padding, 0.75rem);
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--ut-badgelist-wrap-hover-background-color, var(--ut-component-border-color));
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease, visibility 0.15s ease;
  border-radius: var(--ut-badgelist-wrap-border-radius, 0.25rem);
}
.t-BadgeList--dash .t-BadgeList-wrap:hover:before {
  opacity: 1;
  visibility: visible;
}

/* ==========================================================================
   Badge Sizes
   ========================================================================== */
.t-BadgeList--circular.t-BadgeList--small {
  --ut-badgelist-value-size: var(--ut-badgelist-value-size-small, 2rem);
  --ut-badgelist-value-font-size: var(--ut-badgelist-value-font-size-small, 0.75rem);
  --ut-badgelist-label-font-size: var(--ut-badgelist-label-font-size-small, 0.625rem);
}

.t-BadgeList--dash.t-BadgeList--small {
  --ut-badgelist-label-font-size: var(--ut-badgelist-label-font-size-small, 0.625rem);
  --ut-badgelist-value-font-size: 1rem;
  --ut-badgelist-value-line-height: 1.5;
}

.t-BadgeList--circular.t-BadgeList--medium {
  --ut-badgelist-value-size: var(--ut-badgelist-value-size-medium, 3rem);
  --ut-badgelist-value-font-size: var(--ut-badgelist-value-font-size-medium, 1rem);
  --ut-badgelist-label-font-size: var(--ut-badgelist-label-font-size-medium, 0.75rem);
}

.t-BadgeList--dash.t-BadgeList--medium {
  --ut-badgelist-label-font-size: var(--ut-badgelist-label-font-size-medium, 0.75rem);
  --ut-badgelist-value-font-size: 1.5rem;
  --ut-badgelist-value-line-height: 1.5;
}

.t-BadgeList--circular.t-BadgeList--large {
  --ut-badgelist-value-size: var(--ut-badgelist-value-size-large, 4rem);
  --ut-badgelist-value-font-size: var(--ut-badgelist-value-font-size-large, 1.25rem);
  --ut-badgelist-label-font-size: var(--ut-badgelist-label-font-size-large, 0.875rem);
}

.t-BadgeList--dash.t-BadgeList--large {
  --ut-badgelist-label-font-size: var(--ut-badgelist-label-font-size-large, 0.875rem);
  --ut-badgelist-value-font-size: 2rem;
  --ut-badgelist-value-line-height: 1.5;
}

.t-BadgeList--circular.t-BadgeList--xlarge {
  --ut-badgelist-value-size: var(--ut-badgelist-value-size-xlarge, 6rem);
  --ut-badgelist-value-font-size: var(--ut-badgelist-value-font-size-xlarge, 1.5rem);
  --ut-badgelist-label-font-size: var(--ut-badgelist-label-font-size-xlarge, 1rem);
}

.t-BadgeList--dash.t-BadgeList--xlarge {
  --ut-badgelist-label-font-size: var(--ut-badgelist-label-font-size-xlarge, 1rem);
  --ut-badgelist-value-font-size: 3rem;
  --ut-badgelist-value-line-height: 1.5;
}

.t-BadgeList--circular.t-BadgeList--xxlarge {
  --ut-badgelist-value-size: var(--ut-badgelist-value-size-xxlarge, 8rem);
  --ut-badgelist-value-font-size: var(--ut-badgelist-value-font-size-xxlarge, 2rem);
  --ut-badgelist-label-font-size: var(--ut-badgelist-label-font-size-xxlarge, 1.25rem);
}

.t-BadgeList--dash.t-BadgeList--xxlarge {
  --ut-badgelist-label-font-size: var(--ut-badgelist-label-font-size-xxlarge, 1.25rem);
  --ut-badgelist-value-font-size: 4rem;
  --ut-badgelist-value-line-height: 1.5;
}

/* ==========================================================================
   Layout Modifiers
   ========================================================================== */
.t-BadgeList-item:before, .t-BadgeList-item:after {
  content: "";
  position: absolute;
  background-color: var(--ut-badgelist-item-border-color, var(--ut-component-border-color));
}
.t-Body-actions .t-BadgeList-item:before, .t-Body-actions .t-BadgeList-item:after {
  content: none;
}

.t-BadgeList-item:before {
  left: 0;
  right: 0;
  height: var(--ut-badgelist-item-border-width, var(--ut-component-border-width, 1px));
  bottom: calc(var(--ut-badgelist-item-border-width, var(--ut-component-border-width, 1px)) * -1);
  z-index: 11;
}
.t-BadgeList-item:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: var(--ut-badgelist-item-border-width, var(--ut-component-border-width, 1px));
  right: calc(var(--ut-badgelist-item-border-width, var(--ut-component-border-width, 1px)) * -1);
  z-index: 10;
}
.u-RTL .t-BadgeList-item:after {
  right: unset;
  left: calc(var(--ut-badgelist-item-border-width, var(--ut-component-border-width, 1px)) * -1);
}

/* ==========================================================================
   Floated
   ========================================================================== */
.t-BadgeList--float .t-BadgeList-item {
  flex-basis: auto;
}

/* ==========================================================================
   Stacked
   ========================================================================== */
.t-BadgeList--stacked .t-BadgeList-item {
  flex-basis: 100%;
}
.t-BadgeList--stacked .t-BadgeList-item:after {
  content: none;
}

/* ==========================================================================
   Flex
   ========================================================================== */
.t-BadgeList--flex {
  align-items: stretch;
  align-content: stretch;
}
.t-BadgeList--flex .t-BadgeList-item {
  flex-basis: auto;
}

/* ==========================================================================
   Fixed
   ========================================================================== */
.t-BadgeList--fixed .t-BadgeList-item {
  flex-basis: 0;
}

/* ==========================================================================
   Columns
   ========================================================================== */
.t-BadgeList--cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (min-width: 480px) {
  .t-BadgeList--3cols {
    grid-template-columns: repeat(3, 1fr);
  }

  .t-BadgeList--4cols {
    grid-template-columns: repeat(4, 1fr);
  }

  .t-BadgeList--5cols {
    grid-template-columns: repeat(5, 1fr);
  }
}
/* ==========================================================================
   Links List
   ========================================================================== */
.t-LinksList,
.t-LinksList-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.t-LinksList-item {
  display: block;
  position: relative;
  border-bottom-width: var(--ut-linkslist-item-border-width, var(--ut-component-inner-border-width));
  border-bottom-color: var(--ut-linkslist-item-border-color, var(--ut-component-inner-border-color));
  border-bottom-style: solid;
}
.t-LinksList-item:last-child {
  --ut-linkslist-item-border-width: 0;
}
.t-LinksList-item.is-current > a {
  --ut-linkslist-label-font-weight: var(--a-base-font-weight-bold, 700);
}

.t-LinksList-link {
  display: flex;
  position: relative;
  transition: background-color var(--ut-linkslist-transition-timing, 0.1s), color var(--ut-linkslist-transition-timing, 0.1s);
  text-decoration: none;
  align-items: center;
  background-color: var(--ut-linkslist-background-color);
  color: var(--ut-linkslist-text-color, var(--ut-link-text-color));
  -webkit-padding-start: var(--ut-linkslist-link-padding-x, 0.75rem);
          padding-inline-start: var(--ut-linkslist-link-padding-x, 0.75rem);
  -webkit-padding-end: var(--ut-linkslist-link-padding-x, 0.75rem);
          padding-inline-end: var(--ut-linkslist-link-padding-x, 0.75rem);
  -webkit-padding-before: var(--ut-linkslist-link-padding-y, 0.5rem);
          padding-block-start: var(--ut-linkslist-link-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-linkslist-link-padding-y, 0.5rem);
          padding-block-end: var(--ut-linkslist-link-padding-y, 0.5rem);
}
.t-LinksList-link:hover {
  --ut-linkslist-background-color: var(--ut-linkslist-hover-background-color);
}
.t-LinksList-link:before {
  order: 4;
  font-family: var(--a-icon-font-family, "apex-5-icon-font");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e016";
  display: none;
  font-size: var(--ut-linkslist-arrow-size, 1rem);
  width: var(--ut-linkslist-arrow-size, 1rem);
  height: var(--ut-linkslist-arrow-size, 1rem);
  transition: transform 0.1s, color 0.1s;
  color: var(--ut-linkslist-arrow-color, var(--ut-component-text-muted-color));
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  -webkit-margin-start: var(--ut-linkslist-spacing, calc(var(--ut-linkslist-link-padding-x, 0.75rem) / 2));
          margin-inline-start: var(--ut-linkslist-spacing, calc(var(--ut-linkslist-link-padding-x, 0.75rem) / 2));
}
.u-RTL .t-LinksList-link:before {
  content: "\e013";
}

.t-LinksList-icon {
  order: 1;
  display: none;
  -webkit-margin-end: var(--ut-linkslist-spacing, calc(var(--ut-linkslist-link-padding-x, 0.75rem) / 2));
          margin-inline-end: var(--ut-linkslist-spacing, calc(var(--ut-linkslist-link-padding-x, 0.75rem) / 2));
  transition: color var(--ut-linkslist-transition-timing, 0.1s);
  color: var(--ut-linkslist-icon-color, var(--ut-component-text-muted-color));
  min-width: var(--ut-linkslist-icon-size, 1rem);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
.t-LinksList-icon .t-Icon {
  width: var(--ut-linkslist-icon-size, 1rem);
  height: var(--ut-linkslist-icon-size, 1rem);
  display: block;
}

.t-LinksList-label {
  order: 2;
  color: var(--ut-linkslist-label-color);
  font-size: var(--ut-linkslist-label-font-size);
  font-weight: var(--ut-linkslist-label-font-weight);
  line-height: var(--ut-linkslist-label-line-height);
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}

.t-LinksList-badge {
  order: 3;
  display: none;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  -webkit-padding-start: var(--ut-linkslist-badge-padding-x, 0.5rem);
          padding-inline-start: var(--ut-linkslist-badge-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-linkslist-badge-padding-x, 0.5rem);
          padding-inline-end: var(--ut-linkslist-badge-padding-x, 0.5rem);
  -webkit-padding-before: var(--ut-linkslist-badge-padding-y, 0);
          padding-block-start: var(--ut-linkslist-badge-padding-y, 0);
  -webkit-padding-after: var(--ut-linkslist-badge-padding-y, 0);
          padding-block-end: var(--ut-linkslist-badge-padding-y, 0);
  font-size: var(--ut-linkslist-badge-font-size, 0.75rem);
  line-height: var(--ut-linkslist-badge-line-height, 1.25rem);
  border-radius: var(--ut-linkslist-badge-border-radius, 0.25rem);
  min-width: var(--ut-linkslist-badge-line-height, 1.25rem);
  text-align: center;
  background-color: var(--ut-linkslist-badge-background-color, var(--ut-component-badge-background-color, #f5f5f5));
  color: var(--ut-linkslist-badge-color, var(--ut-component-badge-text-color, #262626));
  transition: background-color var(--ut-linkslist-badge-transition-timing, 0.1s), color var(--ut-linkslist-badge-transition-timing, 0.1s);
}
.t-LinksList-badge:empty {
  display: none;
}

/* Sub-Lists
   ========================================================================== */
.t-LinksList-list {
  --ut-linkslist-item-border-width: 0;
  display: none;
}
.t-LinksList-list .t-LinksList-link {
  -webkit-margin-start: calc(var(--ut-linkslist-icon-size, 1rem) + var(--ut-linkslist-spacing, calc(var(--ut-linkslist-link-padding-x, 0.75rem) / 2)));
          margin-inline-start: calc(var(--ut-linkslist-icon-size, 1rem) + var(--ut-linkslist-spacing, calc(var(--ut-linkslist-link-padding-x, 0.75rem) / 2)));
}

.t-LinksList-item.is-expanded .t-LinksList-list {
  display: block;
  -webkit-margin-start: var(--ut-linkslist-link-padding-x, 12px);
          margin-inline-start: var(--ut-linkslist-link-padding-x, 12px);
}
.t-LinksList-item.is-expanded .t-LinksList-link:before {
  content: "\e0c2";
  transform: none !important;
}

/* Modifier: Show Icons - Show all Icons */
.t-LinksList--showIcons .t-LinksList-icon {
  display: block;
}

/* Modifier: Show Top Icons Only - Only show icons for top level items */
.t-LinksList--showTopIcons .t-LinksList-icon {
  display: block;
}
.t-LinksList--showTopIcons .t-LinksList-list .t-LinksList-icon {
  display: none;
}

/** Modifier: Go To Arrow - Show Go To Arrow on right */
.t-LinksList--showArrow .t-LinksList-link:hover:before {
  transform: translateX(var(--ut-linkslist-arrow-transition-x, 0.5rem));
}
.u-RTL .t-LinksList--showArrow .t-LinksList-link:hover:before {
  transform: translateX(calc(var(--ut-linkslist-arrow-transition-x, 0.5rem) * -1));
}
.t-LinksList--showArrow .t-LinksList-link:before {
  display: block;
}

/* Modifier: No Wrap - Disable Text Wrapping */
.t-LinksList--nowrap .t-LinksList-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Modifier: Show Badge - Show Badge on Right */
.t-LinksList--showBadge .t-LinksList-badge {
  display: block;
}

/* ==========================================================================
   Icon-based Links List
   ========================================================================== */
.t-LinksList--actions {
  --ut-linkslist-link-padding-y: .625rem;
  --ut-linkslist-spacing: .75rem;
}
.t-LinksList--actions .t-LinksList-item:not(.t-LinksList-item--separator) {
  --ut-linkslist-item-border-width: 0;
}
.t-LinksList--actions .t-LinksList-item--separator {
  border-bottom-width: var(--ut-linkslist-separator-border-border-width, var(--ut-linkslist-item-border-width, var(--ut-component-inner-border-width)));
  border-bottom-color: var(--ut-linkslist-separator-border-border-color, var(--ut-linkslist-item-border-color, var(--ut-component-inner-border-color)));
  border-bottom-style: solid;
}
.t-LinksList--actions .t-LinksList-item--separator .t-LinksList-link {
  display: none;
}
.t-LinksList--actions .t-LinksList-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* ==========================================================================
   Media List
   ========================================================================== */
.t-MediaList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.t-MediaList-item {
  border-bottom-width: var(--ut-medialist-item-border-width, var(--ut-component-inner-border-width));
  border-bottom-color: var(--ut-medialist-item-border-color, var(--ut-component-inner-border-color));
  border-bottom-style: solid;
  display: flex;
  position: relative;
}
.t-MediaList-item:last-child {
  border-bottom-width: 0;
}
.t-MediaList-item.is-active {
  background-color: var(--ut-component-highlight-background-color);
}

/* ==========================================================================
   Item Wrap (link)
   ========================================================================== */
.t-MediaList-itemWrap {
  flex-grow: 1;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "medialist-icon medialist-body medialist-badge";
  grid-gap: var(--ut-medialist-item-grid-gap, 0.5rem);
  padding: var(--ut-medialist-item-grid-gap, 0.5rem);
  background-color: var(--ut-medialist-item-background-color);
  transition: background-color 0.1s;
}
@media (min-width: 640px) {
  .t-MediaList-itemWrap {
    --ut-medialist-item-grid-gap: 1rem;
  }
}

a.t-MediaList-itemWrap {
  --ut-medialist-title-text-color: var(--ut-link-text-color);
  text-decoration: none;
}
a.t-MediaList-itemWrap:hover {
  --ut-medialist-item-background-color: var(--ut-medialist-item-hover-background-color, var(--ut-component-highlight-background-color));
}
/* ==========================================================================
   Icon
   ========================================================================== */
.t-MediaList-iconWrap {
  display: none;
}

.t-MediaList-icon {
  border-radius: var(--ut-medialist-icon-border-radius, 100%);
  background-color: var(--u-color, var(--ut-medialist-icon-background-color, var(--ut-component-icon-background-color)));
  color: var(--ut-medialist-icon-color, var(--ut-component-icon-color));
  height: var(--ut-medialist-icon-container-size, 2rem);
  width: var(--ut-medialist-icon-container-size, 2rem);
  display: flex;
  justify-content: center;
  align-items: center;
}
.t-MediaList-icon .t-Icon {
  font-size: var(--ut-medialist-icon-size, 1rem);
}
.t-MediaList-icon .t-Icon.fa:after {
  background-color: inherit;
  color: inherit;
}

/* ==========================================================================
   Body
   ========================================================================== */
.t-MediaList-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 640px) {
  .t-MediaList-body {
    --ut-medialist-body-padding-y: 1rem;
    --ut-medialist-body-padding-x: 1rem;
  }
}

/* ==========================================================================
   Text
   ========================================================================== */
.t-MediaList-title {
  font-size: var(--ut-medialist-title-font-size, 0.875rem);
  font-weight: var(--ut-medialist-title-font-weight, 500);
  line-height: var(--ut-medialist-title-line-height, 1.25rem);
  color: var(--ut-medialist-title-text-color, var(--ut-component-text-title-color));
  margin: 0;
}
.t-MediaList-title.is-placeholder {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.t-MediaList-title.is-placeholder:before {
  background-color: var(--ut-component-badge-background-color);
  display: inline-block;
  content: "\00a0";
  min-inline-size: 8rem;
}

.t-MediaList-desc {
  font-size: var(--ut-medialist-desc-font-size, 0.75rem);
  line-height: var(--ut-medialist-desc-line-height, 1rem);
  color: var(--ut-medialist-desc-text-color, var(--ut-component-text-muted-color));
}
.t-MediaList-desc.is-placeholder {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.t-MediaList-desc.is-placeholder:before {
  background-color: var(--ut-component-badge-background-color);
  display: inline-block;
  content: "\00a0";
  min-inline-size: 14rem;
}

/* ==========================================================================
   Badge
   ========================================================================== */
.t-MediaList-badgeWrap {
  display: none;
}

.t-MediaList-badge {
  -webkit-padding-start: var(--ut-medialist-badge-padding-x, 0.5rem);
          padding-inline-start: var(--ut-medialist-badge-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-medialist-badge-padding-x, 0.5rem);
          padding-inline-end: var(--ut-medialist-badge-padding-x, 0.5rem);
  -webkit-padding-before: var(--ut-medialist-badge-padding-y, 0.125rem);
          padding-block-start: var(--ut-medialist-badge-padding-y, 0.125rem);
  -webkit-padding-after: var(--ut-medialist-badge-padding-y, 0.125rem);
          padding-block-end: var(--ut-medialist-badge-padding-y, 0.125rem);
  background-color: var(--ut-medialist-badge-background-color, var(--ut-component-badge-background-color));
  color: var(--ut-medialist-badge-color, var(--ut-component-badge-text-color));
  font-size: var(--ut-medialist-badge-font-size, 0.75rem);
  line-height: var(--ut-medialist-badge-line-height, 1.25rem);
  border-radius: var(--ut-medialist-badge-border-radius, var(--ut-component-badge-border-radius));
  text-align: center;
}
.t-MediaList-badge:empty {
  display: none;
}

.t-MediaList .t-Badge {
  grid-area: medialist-badge;
}

/* ==========================================================================
   Modifier: Horizontal - Arrange list items horizontally using table layout
   ========================================================================== */
.t-MediaList--horizontal {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .t-MediaList--horizontal {
    flex-wrap: nowrap;
  }
}
.t-MediaList--horizontal .t-MediaList-item {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  border-top: 0;
}
@media (min-width: 480px) {
  .t-MediaList--horizontal .t-MediaList-item {
    flex-basis: 50%;
    border-right-width: var(--ut-medialist-item-border-width, var(--ut-component-inner-border-width));
    border-right-color: var(--ut-medialist-item-border-color, var(--ut-component-inner-border-color));
    border-right-style: solid;
  }
  .t-MediaList--horizontal .t-MediaList-item .u-RTL {
    border-right-width: 0;
    border-left-width: var(--ut-medialist-item-border-width, var(--ut-component-inner-border-width));
    border-left-color: var(--ut-medialist-item-border-color, var(--ut-component-inner-border-color));
    border-left-style: solid;
  }
}
@media (min-width: 768px) {
  .t-MediaList--horizontal .t-MediaList-item {
    flex-basis: 0;
  }
}

/* ==========================================================================
   Modifier: Columns
   ========================================================================== */
.t-MediaList--cols {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--ut-medialist-item-border-width, var(--ut-component-inner-border-width));
  overflow: hidden;
}
.t-MediaList--cols .t-MediaList-item {
  border: 0;
  box-shadow: 0 0 0 var(--ut-medialist-item-border-width, var(--ut-component-inner-border-width)) var(--ut-medialist-item-border-color, var(--ut-component-inner-border-color));
}

@media (min-width: 768px) {
  .t-MediaList--2cols {
    grid-template-columns: repeat(2, 1fr);
  }

  .t-MediaList--3cols {
    grid-template-columns: repeat(3, 1fr);
  }

  .t-MediaList--4cols {
    grid-template-columns: repeat(4, 1fr);
  }

  .t-MediaList--5cols {
    grid-template-columns: repeat(5, 1fr);
  }
}
/* ==========================================================================
   Modifier: Show Description
   ---
   Show Description
   ========================================================================== */
.t-MediaList--showDesc .t-MediaList-itemWrap,
.t-MediaList-itemWrap--showDesc {
  align-items: flex-start;
}

/* When hiding description, make sure to vertically align everything to middle
   ========================================================================== */
.t-MediaList:not(.t-MediaList--showDesc) .t-MediaList-itemWrap:not(.t-MediaList-itemWrap--showDesc) {
  align-items: center;
}
.t-MediaList:not(.t-MediaList--showDesc) .t-MediaList-itemWrap:not(.t-MediaList-itemWrap--showDesc) .t-MediaList-desc:not(.is-placeholder) {
  display: none;
}

/* Remove borders and shadows when within noPadding region. */
.t-Region--noPadding > .t-Region-bodyWrap > .t-Region-body > .t-MediaList {
  border-width: 0;
}

/* Icon Shapes
   ========================================================================== */
.t-MediaList--iconsSquare {
  --ut-medialist-icon-border-radius: 0;
}

.t-MediaList--iconsRounded {
  --ut-medialist-icon-border-radius: 12.5%;
}

/* Modifier: Show Icons
   ========================================================================== */
.t-MediaList--showIcons .t-MediaList-iconWrap {
  display: block;
}

/* Modifier: Show Badge
   ========================================================================== */
.t-MediaList--showBadges .t-MediaList-badgeWrap {
  display: block;
}

/*  Modifier: Show Icons
     ========================================================================== */
.t-MediaList {
  --ut-avatar-size: 2rem;
  --ut-avatar-border-radius: .25rem;
  --ut-avatar-font-size: 1rem;
  --ut-avatar-font-weight: 400;
  --ut-avatar-icon-font-size: 1rem;
}

.t-MediaList--large {
  --ut-medialist-icon-container-size: 4rem;
  --ut-medialist-icon-size: 2rem;
  --ut-medialist-title-font-size: 1rem;
  --ut-medialist-title-line-height: 1.5rem;
  --ut-medialist-desc-font-size: .875rem;
  --ut-medialist-desc-line-height: 1.25rem;
  --ut-avatar-size: 4rem;
  --ut-avatar-border-radius: .25rem;
  --ut-avatar-font-size: 2rem;
  --ut-avatar-font-weight: 400;
  --ut-avatar-icon-font-size: 2rem;
}

/* ==========================================================================
   Card List
   ========================================================================== */
.t-Cards {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.t-Cards-item {
  display: flex;
  position: relative;
  flex-grow: 1;
  max-width: var(--ut-cardlist-item-max-width);
}

/* ==========================================================================
   Card Unit
   ========================================================================== */
.t-Card {
  display: flex;
  flex-grow: 1;
}

.t-Card-wrap {
  position: relative;
  flex-grow: 1;
  color: var(--ut-cardlist-color, var(--ut-component-text-default-color));
  background-color: var(--ut-cardlist-background-color, var(--ut-component-background-color));
  border-style: solid;
  border-width: var(--ut-cardlist-wrap-border-width, var(--ut-component-border-width, 1px));
  border-color: var(--ut-cardlist-wrap-border-color, var(--ut-component-border-color));
  border-radius: var(--ut-cardlist-border-radius, var(--ut-component-border-radius));
  box-shadow: var(--ut-cardlist-box-shadow, var(--ut-component-box-shadow));
  overflow: hidden;
}
.t-Card-wrap, .t-Card-wrap:hover {
  text-decoration: none;
}

/* ==========================================================================
   Card Icon & Initials
   ========================================================================== */
.t-Card-icon {
  display: none;
  position: relative;
  z-index: 1;
  border-radius: var(--ut-cardlist-icon-border-radius, 100%);
  background-color: var(--u-color, var(--ut-cardlist-icon-background-color, var(--ut-component-icon-background-color)));
  color: var(--ut-cardlist-icon-color, var(--ut-component-icon-color));
}
.t-Card-icon .t-Icon {
  width: var(--ut-cardlist-icon-container-size);
  height: var(--ut-cardlist-icon-container-size);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  font-size: var(--ut-cardlist-icon-size);
}

.t-Card-initials {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--ut-cardlist-initials-font-size, 1.25rem);
  font-weight: var(--ut-cardlist-initial-font-weight);
}
.t-Card-initials img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--ut-cardlist-initials-border-radius, 100%);
}

/* ==========================================================================
   Card Title & Subtitle
   ========================================================================== */
.t-Card-titleWrap {
  position: relative;
  z-index: 1;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  -webkit-padding-start: var(--ut-cardlist-titlewrap-padding-x);
          padding-inline-start: var(--ut-cardlist-titlewrap-padding-x);
  -webkit-padding-end: var(--ut-cardlist-titlewrap-padding-x);
          padding-inline-end: var(--ut-cardlist-titlewrap-padding-x);
  -webkit-padding-before: var(--ut-cardlist-titlewrap-padding-y);
          padding-block-start: var(--ut-cardlist-titlewrap-padding-y);
  -webkit-padding-after: var(--ut-cardlist-titlewrap-padding-y);
          padding-block-end: var(--ut-cardlist-titlewrap-padding-y);
}

.t-Card-title {
  color: var(--ut-cardlist-title-text-color, var(--ut-component-text-title-color));
  font-size: var(--ut-cardlist-title-font-size);
  font-weight: var(--ut-cardlist-title-font-weight);
  line-height: var(--ut-cardlist-title-line-height);
  margin: 0;
}
.t-Card-title:empty {
  display: none;
}

.t-Card-subtitle {
  display: none;
  color: var(--ut-cardlist-subtitle-text-color, var(--ut-component-text-subtitle-color));
  font-size: var(--ut-cardlist-subtitle-font-size);
  font-weight: var(--ut-cardlist-subtitle-font-weight);
  line-height: var(--ut-cardlist-subtitle-line-height);
  margin: 0;
  -webkit-margin-before: var(--ut-cardlist-subtitle-margin-y);
          margin-block-start: var(--ut-cardlist-subtitle-margin-y);
}
.t-Card-subtitle:empty {
  display: none !important;
}

/* ==========================================================================
   Card Body
   ========================================================================== */
.t-Card-body {
  position: relative;
  z-index: 1;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  border-top-width: var(--ut-cardlist-body-border-border-width, var(--ut-component-inner-border-width));
  border-top-color: var(--ut-cardlist-body-border-border-color, var(--ut-component-inner-border-color));
  border-top-style: solid;
  -webkit-padding-start: var(--ut-cardlist-body-padding-x);
          padding-inline-start: var(--ut-cardlist-body-padding-x);
  -webkit-padding-end: var(--ut-cardlist-body-padding-x);
          padding-inline-end: var(--ut-cardlist-body-padding-x);
  -webkit-padding-before: var(--ut-cardlist-body-padding-y);
          padding-block-start: var(--ut-cardlist-body-padding-y);
  -webkit-padding-after: var(--ut-cardlist-body-padding-y);
          padding-block-end: var(--ut-cardlist-body-padding-y);
}

.t-Card-desc {
  flex-grow: 1;
  font-size: var(--ut-cardlist-desc-font-size);
  line-height: var(--ut-cardlist-desc-line-height);
  color: var(--ut-cardlist-desc-color, var(--ut-component-text-default-color));
}
.t-Card-desc:empty {
  display: none;
}
.t-Card-desc:empty + .t-Card-info {
  --ut-cardlist-info-margin-y: 0;
}

.t-Card-info {
  color: var(--ut-cardlist-info-color, var(--ut-component-text-muted-color));
  font-size: var(--ut-cardlist-info-font-size, 0.6875rem);
  -webkit-margin-before: var(--ut-cardlist-info-margin-y, 0.75rem);
          margin-block-start: var(--ut-cardlist-info-margin-y, 0.75rem);
  line-height: var(--ut-cardlist-info-line-height, 1rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-Card-info:empty {
  display: none;
}

/* Basic & Compact Style (Icon in Header)
   ========================================================================== */
.t-Cards--basic .t-Card-wrap,
.t-Cards--compact .t-Card-wrap {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
  grid-template-areas: "cardlist-title cardlist-icon" "cardlist-body cardlist-body";
}
.t-Cards--basic .t-Card-icon,
.t-Cards--compact .t-Card-icon {
  grid-area: cardlist-icon;
  -webkit-margin-end: var(--ut-cardlist-titlewrap-padding-x);
          margin-inline-end: var(--ut-cardlist-titlewrap-padding-x);
  -webkit-margin-before: var(--ut-cardlist-titlewrap-padding-y);
          margin-block-start: var(--ut-cardlist-titlewrap-padding-y);
  -webkit-margin-after: var(--ut-cardlist-titlewrap-padding-y);
          margin-block-end: var(--ut-cardlist-titlewrap-padding-y);
  align-self: center;
}
.t-Cards--basic .t-Card-titleWrap,
.t-Cards--compact .t-Card-titleWrap {
  grid-area: cardlist-title;
  align-self: center;
}
.t-Cards--basic .t-Card-title,
.t-Cards--compact .t-Card-title {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.t-Cards--basic .t-Card-body,
.t-Cards--compact .t-Card-body {
  grid-area: cardlist-body;
}

/* Basic Style
   ========================================================================== */
.t-Cards--basic {
  --ut-cardlist-icon-container-size: 2rem;
  --ut-cardlist-icon-size: 1rem;
  --ut-cardlist-initials-font-size: .75rem;
  --ut-cardlist-initials-font-weight: var(--a-base-font-weight-semibold, 500);
  --ut-cardlist-titlewrap-padding-x: 1rem;
  --ut-cardlist-titlewrap-padding-y: .75rem;
  --ut-cardlist-title-font-size: 1rem;
  --ut-cardlist-title-font-weight: var(--a-base-font-weight-semibold, 500);
  --ut-cardlist-title-line-height: 1.25rem;
  --ut-cardlist-subtitle-font-size: .75rem;
  --ut-cardlist-subtitle-font-weight: normal;
  --ut-cardlist-subtitle-line-height: 1rem;
  --ut-cardlist-subtitle-margin-y: .25rem;
  --ut-cardlist-body-padding-x: 1rem;
  --ut-cardlist-body-padding-y: 1rem;
  --ut-cardlist-desc-font-size: .875rem;
  --ut-cardlist-desc-line-height: 1.25rem;
}

/* Compact Cards
   ========================================================================== */
.t-Cards--compact {
  --ut-cardlist-icon-container-size: 2rem;
  --ut-cardlist-icon-size: 1rem;
  --ut-cardlist-initials-font-size: .75rem;
  --ut-cardlist-initials-font-weight: var(--a-base-font-weight-semibold, 500);
  --ut-cardlist-titlewrap-padding-x: .5rem;
  --ut-cardlist-titlewrap-padding-y: .5rem;
  --ut-cardlist-title-font-size: .875rem;
  --ut-cardlist-title-font-weight: normal;
  --ut-cardlist-title-line-height: 1rem;
  --ut-cardlist-subtitle-font-size: .6875rem;
  --ut-cardlist-subtitle-font-weight: normal;
  --ut-cardlist-subtitle-line-height: .75rem;
  --ut-cardlist-subtitle-margin-y: .25rem;
  --ut-cardlist-body-padding-x: .5rem;
  --ut-cardlist-body-padding-y: .5rem;
  --ut-cardlist-desc-font-size: .75rem;
  --ut-cardlist-desc-line-height: 1rem;
}

/* Featured Style (Centered Icon and Title)
   ========================================================================== */
.t-Cards--featured {
  --ut-cardlist-icon-container-size: 4rem;
  --ut-cardlist-icon-size: 2rem;
  --ut-cardlist-initials-font-size: 1.25rem;
  --ut-cardlist-initials-font-weight: normal;
  --ut-cardlist-titlewrap-padding-y: 1.5rem;
  --ut-cardlist-titlewrap-padding-x: 1rem;
  --ut-cardlist-title-font-size: 1rem;
  --ut-cardlist-title-font-weight: var(--a-base-font-weight-semibold, 500);
  --ut-cardlist-title-line-height: 1.5;
  --ut-cardlist-subtitle-font-size: .75rem;
  --ut-cardlist-subtitle-font-weight: normal;
  --ut-cardlist-subtitle-line-height: 1rem;
  --ut-cardlist-subtitle-margin-y: .25rem;
  --ut-cardlist-body-padding-x: 1rem;
  --ut-cardlist-body-padding-y: 1rem;
  --ut-cardlist-desc-font-size: .875rem;
  --ut-cardlist-desc-line-height: 1.25rem;
}
.t-Cards--featured .t-Card-wrap {
  display: flex;
  flex-direction: column;
}
.t-Cards--featured .t-Card-icon {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-margin-before: var(--ut-cardlist-titlewrap-padding-y);
          margin-block-start: var(--ut-cardlist-titlewrap-padding-y);
  -webkit-margin-after: var(--ut-cardlist-titlewrap-padding-x);
          margin-block-end: var(--ut-cardlist-titlewrap-padding-x);
  align-self: center;
}
.t-Cards--featured .t-Card-titleWrap {
  text-align: center;
}
.t-Cards--featured.t-Cards--displayIcons .t-Card-titleWrap, .t-Cards--featured.t-Cards--displayInitials .t-Card-titleWrap {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

/* Block Style
   ========================================================================== */
.t-Cards--block .t-Card-icon {
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: var(--ut-cardlist-titlewrap-padding-y);
  border-radius: 0;
  width: auto;
  height: auto;
  align-self: stretch;
}
.t-Cards--block .t-Icon {
  background-color: var(--ut-cardlist-icon-overlay-background-color, var(--ut-component-border-color));
  border-radius: var(--ut-cardlist-icon-border-radius, 100%);
}
.t-Cards--block.t-Cards--displayIcons .t-Card-titleWrap, .t-Cards--block.t-Cards--displayInitials .t-Card-titleWrap {
  -webkit-padding-before: var(--ut-cardlist-titlewrap-padding-y);
          padding-block-start: var(--ut-cardlist-titlewrap-padding-y);
}

/* Hide Body
   ========================================================================== */
.t-Cards--hideBody .t-Card-body {
  display: none;
}

/* Display Icon
   ========================================================================== */
.t-Cards--displayIcons .t-Card-icon {
  display: flex;
}
.t-Cards--displayIcons .t-Card-initials {
  display: none;
}

/* Display Initials
   ========================================================================== */
.t-Cards--displayInitials .t-Card-icon {
  display: flex;
}
.t-Cards--displayInitials .t-Card-icon .t-Icon:before {
  content: none;
}

/* Display Subtitles
   ========================================================================== */
.t-Cards--displaySubtitle .t-Card-subtitle {
  display: block;
}

/* Icon Shapes
   ========================================================================== */
.t-Cards--iconsSquare,
.t-Cards.Square {
  --ut-cardlist-icon-border-radius: 0;
}

.t-Cards--iconsRounded {
  --ut-cardlist-icon-border-radius: 12.5%;
}

.t-Cards--iconsInherit {
  --ut-cardlist-icon-container-size: auto;
}
.t-Cards--iconsInherit .t-Icon {
  border-radius: unset;
  background-color: unset;
}
.t-Cards--iconsInherit:not(.t-Cards--block) .t-Card-icon {
  color: inherit;
  border-radius: unset;
  background-color: unset;
}

/* Body Text Height
   ========================================================================== */
.t-Cards--desc-2ln .t-Card-desc,
.t-Cards--desc-3ln .t-Card-desc,
.t-Cards--desc-4ln .t-Card-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: calc(var(--ut-cardlist-desc-line-height) * var(--ut-cardlist-desc-lines));
}

.t-Cards--desc-2ln {
  --ut-cardlist-desc-lines: 2;
}

.t-Cards--desc-3ln {
  --ut-cardlist-desc-lines: 3;
}

.t-Cards--desc-4ln {
  --ut-cardlist-desc-lines: 4;
}

/* ==========================================================================
   Layout
   ========================================================================== */
/* Floated
   ========================================================================== */
.t-Cards--float {
  --ut-cardlist-item-max-width: 20rem;
}
.t-Cards--float .t-Cards-item {
  -webkit-margin-after: var(--ut-cardlist-grid-gap, 1rem);
          margin-block-end: var(--ut-cardlist-grid-gap, 1rem);
  -webkit-margin-end: var(--ut-cardlist-grid-gap, 1rem);
          margin-inline-end: var(--ut-cardlist-grid-gap, 1rem);
}
.t-Cards--float .t-Cards-item:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

/* Fluid
   ========================================================================== */
.t-Cards--spanHorizontally {
  flex-wrap: nowrap;
}
.t-Cards--spanHorizontally .t-Cards-item {
  flex-basis: 0;
  -webkit-margin-start: calc(var(--ut-cardlist-grid-gap, 1rem) / 2);
          margin-inline-start: calc(var(--ut-cardlist-grid-gap, 1rem) / 2);
  -webkit-margin-end: calc(var(--ut-cardlist-grid-gap, 1rem) / 2);
          margin-inline-end: calc(var(--ut-cardlist-grid-gap, 1rem) / 2);
}
.t-Cards--spanHorizontally .t-Cards-item:first-child {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
.t-Cards--spanHorizontally .t-Cards-item:last-child {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

/* Stacked & Columns
   ========================================================================== */
.t-Cards--stacked,
.t-Cards--cols,
.t-Cards--2cols,
.t-Cards--3cols,
.t-Cards--4cols,
.t-Cards--5cols {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-gap: var(--ut-cardlist-grid-gap, 1rem);
}

@media (min-width: 480px) {
  .t-Cards--cols,
.t-Cards--2cols,
.t-Cards--3cols,
.t-Cards--4cols,
.t-Cards--5cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 640px) {
  .t-Cards--3cols,
.t-Cards--4cols,
.t-Cards--5cols {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .t-Cards--4cols,
.t-Cards--5cols {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 992px) {
  .t-Cards--5cols {
    grid-template-columns: repeat(5, 1fr);
  }
}
/* ==========================================================================
   Hover Animations
   ========================================================================== */
/* Modifier: Animation - Color Fill
   ========================================================================== */
.t-Cards--animColorFill .t-Card-icon:before {
  content: "";
  pointer-events: none;
  visibility: hidden;
  background-color: var(--u-color, inherit);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transform: none;
  border-radius: inherit;
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.35s ease-in-out;
}
.t-Cards--animColorFill .t-Card:hover .t-Card-icon:before,
.t-Cards--animColorFill .t-Card-wrap:focus .t-Card-icon:before {
  visibility: visible;
  transform: scale(5);
  -webkit-animation: 0.35s ease-in-out 1 forwards rippleOutFade;
          animation: 0.35s ease-in-out 1 forwards rippleOutFade;
}
.t-Cards--animColorFill .t-Card:hover .t-Card-colorFill:before,
.t-Cards--animColorFill .t-Card-wrap:focus .t-Card-colorFill:before {
  background-color: var(--u-color, var(--ut-cardlist-icon-background-color, var(--ut-component-icon-background-color)));
  height: 100%;
  opacity: 0.1;
  left: 0;
  right: 0;
  border-radius: 0;
}

@-webkit-keyframes rippleOutFade {
  from {
    opacity: 0.15;
  }
  to {
    opacity: 0;
  }
}

@keyframes rippleOutFade {
  from {
    opacity: 0.15;
  }
  to {
    opacity: 0;
  }
}
/* Modifier: Animation - Raise Card
   ========================================================================== */
.t-Cards--animRaiseCard .t-Card {
  transition: transform 0.2s ease;
}
.t-Cards--animRaiseCard .t-Card:hover {
  transform: translateY(-0.5rem);
}
.t-Cards--animRaiseCard.t-Cards--compact .t-Card:hover {
  transform: translateY(-0.25rem);
}

/* Color Fill Block
   ========================================================================== */
.t-Card-colorFill {
  pointer-events: none;
}
.t-Cards--displayIcons.u-colors .t-Card-colorFill:before, .t-Cards--displayInitials.u-colors .t-Card-colorFill:before {
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  transition: opacity 0.35s ease-in-out;
}
.t-Cards--displayIcons.u-colors .t-Card-colorFill:after, .t-Cards--displayInitials.u-colors .t-Card-colorFill:after {
  display: none;
}
.t-Card-colorFill:before, .t-Card-colorFill:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: inherit;
}
.t-Card-colorFill:before {
  background-color: inherit;
  opacity: 0;
  transition: 0.25s opacity ease-in-out;
}
.t-Card-colorFill:after {
  height: var(--ut-cardlist-colorfill-size, 0.125rem);
  margin: var(--ut-cardlist-colorfill-offset, 0.125rem);
}

/* Animation: Color Fill (when not applying theme colors)
   ========================================================================== */
.t-Cards:not(.u-colors) .t-Card-colorFill:after {
  display: none;
}

/* Override Color Palette, and force white icons
   ========================================================================== */
/* Sample Footer
   ========================================================================== */
.t-Cards--sampleAppsFooter {
  --ut-cardlist-box-shadow: none;
  --ut-cardlist-background-color: transparent;
  --ut-cardlist-wrap-border-color: transparent;
  --ut-cardlist-title-font-size: .75rem;
  --ut-cardlist-title-line-height: 1.5;
  -webkit-margin-before: 2rem;
          margin-block-start: 2rem;
}
.t-Cards--sampleAppsFooter .t-Card {
  box-shadow: none;
}
.t-Cards--sampleAppsFooter .t-Cards-item {
  display: block;
  flex-grow: 1;
  width: 50%;
}
@media (min-width: 480px) {
  .t-Cards--sampleAppsFooter .t-Cards-item {
    width: 25%;
  }
}
.t-Cards--sampleAppsFooter .t-Card-icon {
  background-color: var(--ut-component-background-color);
  box-shadow: 0 0 0 1px var(--ut-component-border-color) inset;
  transition: 0.2s ease;
}
.t-Cards--sampleAppsFooter .t-Card-wrap:hover .t-Card-icon,
.t-Cards--sampleAppsFooter .t-Card-wrap:focus .t-Card-icon {
  transform: scale(1.25);
}

/* ==========================================================================
   Tabs
   ========================================================================== */
.t-Tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  border-width: var(--ut-tabs-border-width, 0);
  border-style: solid;
  border-color: var(--ut-tabs-border-color);
  background-color: var(--ut-tabs-background-color);
  box-shadow: var(--ut-tabs-box-shadow);
  border-radius: var(--ut-tabs-border-radius);
}
.t-Tabs:empty {
  display: none;
}

.t-Tabs-item {
  display: block;
  font-size: var(--ut-tabs-item-font-size, 0.875rem);
  line-height: var(--ut-tabs-item-line-height, 1rem);
  font-weight: var(--ut-tabs-item-font-weight);
}
.t-Tabs-item .t-Icon {
  display: none;
  -webkit-margin-end: var(--ut-tabs-item-icon-spacing, 0.375rem);
          margin-inline-end: var(--ut-tabs-item-icon-spacing, 0.375rem);
}
.t-Tabs-item:hover {
  --ut-tabs-item-background-color: var(--ut-tabs-item-hover-background-color, var(--ut-component-highlight-background-color));
}
.t-Tabs-item.is-active {
  --ut-tabs-item-text-color: var(--ut-tabs-item-active-text-color);
  --ut-tabs-item-background-color: var(--ut-tabs-item-active-background-color);
  --ut-tabs-item-highlight-color: var(--ut-tabs-item-active-highlight-color, currentColor);
  --ut-tabs-item-font-weight: var(--ut-tabs-item-active-font-weight);
}

.t-Tabs-link {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  padding: var(--ut-tabs-item-padding-y, 0.75rem) var(--ut-tabs-item-padding-x, 0.75rem);
  position: relative;
  color: var(--ut-tabs-item-text-color, var(--ut-link-text-color));
  background-color: var(--ut-tabs-item-background-color);
}
.t-Tabs-link:before {
  position: absolute;
  display: block;
  content: "";
  inset-block-end: 0;
  inset-inline-start: var(--ut-tabs-item-padding-x, 0.5rem);
  inset-inline-end: var(--ut-tabs-item-padding-x, 0.5rem);
  block-size: var(--ut-tabs-item-hint-highlight-width, 0.125rem);
  background-color: var(--ut-tabs-item-highlight-color);
}

/* Modifier: Simple
   ---
   Simpler Tab Style
   ========================================================================== */
/* Modifier: Pill
   ---
   Simpler Tab Style
   ========================================================================== */
.t-Tabs--pill {
  --ut-tabs-border-width: var(--ut-component-border-width);
  --ut-tabs-border-radius: var(--ut-component-border-radius, .125rem);
  --ut-tabs-border-color: var(--ut-component-border-color);
  --ut-tabs-box-shadow: var(--ut-shadow-sm);
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}
.t-Tabs--pill .t-Tabs-item {
  border-right-width: var(--ut-tabs-border-width, 1px);
  border-right-style: solid;
  border-right-color: var(--ut-tabs-border-color, rgba(0, 0, 0, 0.1));
}
.u-RTL .t-Tabs--pill .t-Tabs-item {
  border-right-width: 0;
  border-left-width: var(--ut-tabs-border-width, 1px);
  border-left-style: solid;
  border-left-color: var(--ut-tabs-border-color, rgba(0, 0, 0, 0.1));
}
.t-Tabs--pill .t-Tabs-item:first-child .t-Tabs-link {
  border-top-left-radius: var(--ut-tabs-border-radius, 0.125rem);
  border-bottom-left-radius: var(--ut-tabs-border-radius, 0.125rem);
}
.u-RTL .t-Tabs--pill .t-Tabs-item:first-child .t-Tabs-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--ut-tabs-border-radius, 0.125rem);
  border-bottom-right-radius: var(--ut-tabs-border-radius, 0.125rem);
}
.t-Tabs--pill .t-Tabs-item:last-child .t-Tabs-link {
  border-top-right-radius: var(--ut-tabs-border-radius, 0.125rem);
  border-bottom-right-radius: var(--ut-tabs-border-radius, 0.125rem);
}
.u-RTL .t-Tabs--pill .t-Tabs-item:last-child .t-Tabs-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--ut-tabs-border-radius, 0.125rem);
  border-bottom-left-radius: var(--ut-tabs-border-radius, 0.125rem);
}

/* Modifier: Fill Labels
   ---
   Stretch tabs to fit in horizontal space
   ========================================================================== */
.t-Tabs--fillLabels .t-Tabs-item {
  flex-grow: 1;
}

/* Modifier: Fit Labels
   ---
   Stretch tabs to fit in horizontal space
   ========================================================================== */
.t-Tabs--fitLabels .t-Tabs-item {
  flex-grow: 1;
  flex-basis: 100%;
}

/* Modifier: Fixed Width Labels
   ---
   Fix Label Width
   ========================================================================== */
.t-Tabs--fixedLabels .t-Tabs-item {
  width: var(--ut-tabs-item-width, 7.5rem);
}

/* Modifier: Large Icons
   ---
   Stretch tabs to fit in horizontal space
   ========================================================================== */
.t-Tabs--largeIcons .t-Icon {
  font-size: 2rem;
}

/* Modifier: Icons Above
   ---
   Places icons above label
   ========================================================================== */
.t-Tabs--iconsAbove .t-Icon {
  display: block;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-margin-after: var(--ut-tabs-item-icon-spacing, 0.375rem);
          margin-block-end: var(--ut-tabs-item-icon-spacing, 0.375rem);
}

/* Modifier: Show Inline Icons
   ---
   Display Inline Icons
   ========================================================================== */
.t-Tabs--inlineIcons .t-Icon {
  display: inline-block;
}

/* Modifier: Icons Only
   ---
   Stretch tabs to fit in horizontal space
   ========================================================================== */
.t-Tabs--iconsOnly .t-Icon {
  display: block;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.t-Tabs--iconsOnly .t-Tabs-label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

/* Modifier: Large Padding
   ---
   Larger Padding
   ========================================================================== */
.t-Tabs--large {
  --ut-tabs-item-padding-y: 1rem;
  --ut-tabs-item-padding-x: 1.5rem;
  --ut-tabs-item-font-size: .875rem;
}

/* Modifier: Smaller Padding
   ---
   Smaller Padding
   ========================================================================== */
.t-Tabs--small {
  --ut-tabs-item-padding-y: .5rem;
  --ut-tabs-item-padding-x: .5rem;
  --ut-tabs-item-font-size: .6875rem;
}

/* Region Display Selector
   ========================================================================== */
.apex-rds-region:not(.apex-rds-element-selected) {
  display: none;
}

.apex-rds-container {
  position: relative;
}
.t-Body-title .apex-rds-container {
  -webkit-margin-start: calc(var(--ut-breadcrumb-padding-x, 1rem) / 2);
          margin-inline-start: calc(var(--ut-breadcrumb-padding-x, 1rem) / 2);
  -webkit-margin-end: calc(var(--ut-breadcrumb-padding-x, 1rem) / 2);
          margin-inline-end: calc(var(--ut-breadcrumb-padding-x, 1rem) / 2);
}

.apex-rds {
  --ut-tabs-item-padding-y: .75rem;
  --ut-tabs-item-padding-x: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.apex-rds-item {
  display: block;
  font-size: var(--ut-tabs-item-font-size, 0.875rem);
  font-weight: var(--ut-tabs-item-font-weight);
  line-height: var(--ut-tabs-item-line-height, 1rem);
}

.a-RDS-link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-padding-before: var(--ut-tabs-item-padding-y, 0.75rem);
          padding-block-start: var(--ut-tabs-item-padding-y, 0.75rem);
  -webkit-padding-after: var(--ut-tabs-item-padding-y, 0.75rem);
          padding-block-end: var(--ut-tabs-item-padding-y, 0.75rem);
  -webkit-padding-start: var(--ut-tabs-item-padding-x, 0.5rem);
          padding-inline-start: var(--ut-tabs-item-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-tabs-item-padding-x, 0.5rem);
          padding-inline-end: var(--ut-tabs-item-padding-x, 0.5rem);
  position: relative;
  color: var(--ut-tabs-item-text-color, var(--ut-link-text-color));
  outline-offset: -2px;
}
.a-RDS-link:before {
  position: absolute;
  display: block;
  content: "";
  inset-block-end: 0;
  inset-inline-start: var(--ut-tabs-item-padding-x, 0.5rem);
  inset-inline-end: var(--ut-tabs-item-padding-x, 0.5rem);
  block-size: var(--ut-tabs-item-hint-highlight-width, 0.125rem);
  background-color: var(--ut-tabs-item-highlight-color);
}

span[class="a-RDS-icon a-Icon "] {
  display: none;
}

.apex-rds-selected {
  --ut-tabs-item-text-color: var(--ut-tabs-item-active-text-color);
  --ut-tabs-item-background-color: var(--ut-tabs-item-active-background-color);
  --ut-tabs-item-highlight-color: var(--ut-tabs-item-active-highlight-color, currentColor);
  --ut-tabs-item-font-weight: var(--ut-tabs-item-active-font-weight);
}

.apex-rds-item--hint {
  --ut-tabs-item-highlight-color: var(--ut-tabs-item-hint-highlight-color, var(--ut-component-border-color));
}

/* Vertical Region Display Selector
   ========================================================================== */
.vertical-rds .apex-rds,
.t-Body-side .apex-rds {
  --ut-tabs-item-padding-y: .5rem;
  --ut-tabs-item-padding-x: .75rem;
  --ut-tabs-item-active-highlight-width: .25rem;
  flex-direction: column;
}
.vertical-rds .a-RDS-link,
.t-Body-side .a-RDS-link {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  -webkit-padding-start: var(--ut-tabs-item-padding-x, 0.75rem);
          padding-inline-start: var(--ut-tabs-item-padding-x, 0.75rem);
  -webkit-padding-end: var(--ut-tabs-item-padding-x, 0.75rem);
          padding-inline-end: var(--ut-tabs-item-padding-x, 0.75rem);
}
.vertical-rds .a-RDS-link:before,
.t-Body-side .a-RDS-link:before {
  inset-inline-start: unset;
  inset-inline-end: 0;
  inset-block-start: var(--ut-tabs-item-padding-y, 0.5rem);
  inset-block-end: var(--ut-tabs-item-padding-y, 0.5rem);
  inline-size: var(--ut-tabs-item-hint-highlight-width, 0.125rem);
  block-size: unset;
}

/* Region Display Selector Hover Controls
   ========================================================================== */
.apex-rds-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  display: grid;
  align-items: center;
  grid-template-columns: auto auto;
  grid-template-areas: "rds-left rds-right";
  justify-content: space-between;
  direction: ltr;
  pointer-events: none;
}

.apex-rds-hover a {
  pointer-events: all;
  display: block;
  text-decoration: none;
  margin: 0;
  position: relative;
  text-align: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  -webkit-padding-before: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
  border-width: var(--a-button-border-width, 1px);
  border-style: solid;
  border-radius: var(--a-button-border-radius, 0.125rem);
  cursor: var(--a-button-cursor, pointer);
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  background-color: var(--a-button-state-background-color, var(--a-button-type-background-color, var(--a-button-background-color, transparent)));
  color: var(--a-button-state-text-color, var(--a-button-type-text-color, var(--a-button-text-color, inherit)));
  border-color: var(--a-button-state-border-color, var(--a-button-type-border-color, var(--a-button-border-color)));
  box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
}
.apex-rds-hover a .a-Icon {
  display: block;
}

.apex-rds-hover.left {
  grid-area: rds-left;
}

.apex-rds-hover.right {
  grid-area: rds-right;
}

.u-RTL .apex-rds-hover .a-Icon.icon-left-chevron:before {
  content: "\e013";
}
.u-RTL .apex-rds-hover .a-Icon.icon-right-chevron:before {
  content: "\e016";
}

/* ==========================================================================
   Tabs Region - Use carousel as basis for creating region-based tabs
   ========================================================================== */
.t-TabsRegion > .t-TabsRegion-items > .a-Region-carouselItems > .a-Region-carouselItem {
  display: none;
}
.t-TabsRegion > .t-TabsRegion-items > .a-Region-carouselItems > .a-Region-carouselItem.apex-rds-element-selected {
  display: block;
}
.t-TabsRegion .a-Region-carouselItem {
  transition: 0.5s ease;
}
.t-TabsRegion .apex-rds-button {
  display: none;
}

.no-anim .t-TabsRegion-items > div {
  display: none;
}

.t-TabsRegion .a-Tabs-panel:not(.a-Tabs-element-selected) {
  display: none;
}

/* Marquee Page Region Display Selector
   ========================================================================== */
.t-Body-info .apex-rds {
  -webkit-padding-before: var(--ut-tabs-item-padding-x, 0.5rem);
          padding-block-start: var(--ut-tabs-item-padding-x, 0.5rem);
  -webkit-padding-start: var(--ut-tabs-item-padding-x, 0.5rem);
          padding-inline-start: var(--ut-tabs-item-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-tabs-item-padding-x, 0.5rem);
          padding-inline-end: var(--ut-tabs-item-padding-x, 0.5rem);
}
.t-Body-info .apex-rds a {
  -webkit-margin-before: var(--ut-tabs-item-padding-x, 0.5rem);
          margin-block-start: var(--ut-tabs-item-padding-x, 0.5rem);
}

/* ==========================================================================
   Hero Region
   ---
   Hero Region is used for homepages to introduce / onboard the user.
   ========================================================================== */
.t-HeroRegion {
  position: relative;
  padding: var(--ut-hero-region-padding-y, 1rem) var(--ut-hero-region-padding-x, 1rem);
}
@media (max-width: 639px) {
  .t-HeroRegion {
    --ut-hero-region-padding-y: var(--ut-xs-hero-region-padding-y, .5rem);
    --ut-hero-region-padding-x: var(--ut-xs-hero-region-padding-x, .5rem);
  }
}

.t-HeroRegion-bottom {
  -webkit-padding-before: var(--ut-hero-region-spacing, var(--ut-hero-region-padding-y, 1rem));
          padding-block-start: var(--ut-hero-region-spacing, var(--ut-hero-region-padding-y, 1rem));
}
@media (max-width: 639px) {
  .t-HeroRegion-bottom {
    --ut-hero-region-spacing: var(--ut-xs-hero-region-spacing, var(--ut-hero-region-spacing, var(--ut-hero-region-padding-y, 1rem)));
  }
}
.t-HeroRegion-bottom:empty {
  display: none;
}
.t-HeroRegion-bottom .a-FS-searchBar {
  max-width: var(--ut-smart-filter-max-width);
}

/* Hero Region Wrapper
   ========================================================================== */
.t-HeroRegion-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 639px) {
  .t-HeroRegion-wrap {
    flex-wrap: wrap;
  }
}

/* Columns
   ========================================================================== */
.t-HeroRegion-col--beforeIcon {
  flex-shrink: 0;
  display: flex;
  gap: 0.5rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}
.t-HeroRegion-col--beforeIcon:empty {
  display: none;
}

.t-HeroRegion-col--left {
  flex-shrink: 0;
}

.t-HeroRegion-col--content {
  flex-grow: 1;
  font-size: var(--ut-hero-region-font-size, 1rem);
  line-height: var(--ut-hero-region-line-height, 1.5rem);
  color: var(--ut-hero-region-content-text-color, var(--ut-component-text-muted-color));
}
@media (max-width: 639px) {
  .t-HeroRegion-col--content {
    --ut-hero-region-font-size: var(--ut-xs-hero-region-font-size, .75rem);
    --ut-hero-region-line-height: var(--ut-xs-hero-region-line-height, 1rem);
  }
}
.t-HeroRegion-col--content > p {
  font-size: inherit;
  line-height: inherit;
}
.t-HeroRegion-col--content > p:first-of-type {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.t-HeroRegion-col--content > p:last-of-type {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.t-Body-title .t-HeroRegion-col--content {
  --ut-hero-region-content-text-color: var(--ut-hero-region-title-text-color, var(--ut-component-text-title-color));
}

.t-HeroRegion-col--right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  flex-shrink: 0;
}

/* Form Sub Region
   ========================================================================== */
.t-HeroRegion-form {
  width: 100%;
}
@media (min-width: 640px) {
  .t-HeroRegion-form {
    width: auto;
    -webkit-margin-start: var(--ut-hero-region-column-spacing, 1rem);
            margin-inline-start: var(--ut-hero-region-column-spacing, 1rem);
  }
}

/* Buttons
   ========================================================================== */
.t-HeroRegion-buttons {
  flex-shrink: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.t-HeroRegion-buttons:empty {
  display: none;
}

/* Icon
   ========================================================================== */
.t-HeroRegion-icon {
  width: var(--ut-hero-region-icon-container-size, 4rem);
  height: var(--ut-hero-region-icon-container-size, 4rem);
  display: grid;
  align-items: center;
  border-radius: var(--ut-hero-region-icon-border-radius, 12.5%);
  text-align: center;
  line-height: var(--ut-hero-region-icon-container-size, 4rem);
  -webkit-margin-end: var(--ut-hero-region-icon-spacing, 1rem);
          margin-inline-end: var(--ut-hero-region-icon-spacing, 1rem);
  background-color: var(--ut-hero-region-icon-background-color, var(--ut-component-icon-background-color));
  color: var(--ut-hero-region-icon-text-color, var(--ut-component-icon-color));
  -o-object-fit: cover;
     object-fit: cover;
}
.t-HeroRegion-icon, .t-HeroRegion-icon.fa-lg {
  font-size: var(--ut-hero-region-icon-size, 2rem);
}
@media (max-width: 639px) {
  .t-HeroRegion-icon {
    --ut-hero-region-icon-container-size: var(--ut-xs-hero-region-icon-container-size, 2rem);
    --ut-hero-region-icon-size: var(--ut-xs-hero-region-icon-size, 1rem);
    --ut-hero-region-icon-spacing: var(--ut-xs-hero-region-icon-spacing, .5rem);
  }
  .apex-icons-fontapex .t-HeroRegion-icon:before, .apex-icons-fontapex .t-HeroRegion-icon:after, .apex-icons-fontapex .t-HeroRegion-icon.fa-lg:before, .apex-icons-fontapex .t-HeroRegion-icon.fa-lg:after {
    font-family: "Font APEX Small" !important;
  }
}

img.t-HeroRegion-icon + .t-HeroRegion-icon {
  display: none;
}

/* Icon Shapes
     ========================================================================== */
.t-HeroRegion--iconsSquare {
  --ut-hero-region-icon-border-radius: 0;
}

.t-HeroRegion--iconsRounded {
  --ut-hero-region-icon-border-radius: 12.5%;
}

.t-HeroRegion--iconsCircle {
  --ut-hero-region-icon-border-radius: 100%;
}

/* Title
   ========================================================================== */
.t-HeroRegion-title {
  font-size: var(--ut-xs-hero-region-title-font-size, 1rem);
  line-height: var(--ut-xs-hero-region-title-line-height, 1.5rem);
  font-weight: var(--ut-hero-region-title-font-weight, var(--a-base-font-weight-semibold, 500));
  margin: 0;
  color: var(--ut-hero-region-title-text-color, var(--ut-component-text-title-color));
  font-family: var(--ut-hero-region-title-font-family);
}
@media (min-width: 640px) {
  .t-HeroRegion-title {
    font-size: var(--ut-hero-region-title-font-size, 2rem);
    line-height: var(--ut-hero-region-title-line-height, 2.5rem);
  }
}

/* Featured (larger icon + text)
   ========================================================================== */
.t-HeroRegion--featured {
  --ut-hero-region-icon-container-size: 8rem;
  --ut-hero-region-icon-size: 4rem;
}
@media (min-width: 640px) and (max-width: 767px) {
  .t-HeroRegion--featured {
    --ut-hero-region-icon-container-size: 6rem;
    --ut-hero-region-icon-size: 3rem;
  }
}
@media (min-width: 640px) {
  .apex-icons-fontapex .t-HeroRegion--featured .t-HeroRegion-icon:before, .apex-icons-fontapex .t-HeroRegion--featured .t-HeroRegion-icon:after {
    font-family: "Font APEX Large" !important;
  }
}

/* Featured (stacked)
   ========================================================================== */
.t-HeroRegion--featured.t-HeroRegion--centered .t-HeroRegion-wrap {
  flex-direction: column;
  text-align: center;
}
.t-HeroRegion--featured.t-HeroRegion--centered .t-HeroRegion-icon,
.t-HeroRegion--featured.t-HeroRegion--centered .t-HeroRegion-form {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.t-HeroRegion--featured.t-HeroRegion--centered .t-HeroRegion-col {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.t-HeroRegion--featured.t-HeroRegion--centered .t-HeroRegion-col--beforeIcon {
  -webkit-margin-end: unset;
          margin-inline-end: unset;
  -webkit-margin-after: var(--ut-hero-region-column-spacing, 1rem);
          margin-block-end: var(--ut-hero-region-column-spacing, 1rem);
}
.t-HeroRegion--featured.t-HeroRegion--centered .t-HeroRegion-col--left {
  -webkit-margin-after: var(--ut-hero-region-column-spacing, 1rem);
          margin-block-end: var(--ut-hero-region-column-spacing, 1rem);
}
.t-HeroRegion--featured.t-HeroRegion--centered .t-HeroRegion-col--right {
  -webkit-margin-before: var(--ut-hero-region-column-spacing, 1rem);
          margin-block-start: var(--ut-hero-region-column-spacing, 1rem);
}

/* Modifier: Remove Padding
   ========================================================================== */
.t-HeroRegion--noPadding {
  --ut-hero-region-padding-y: 0rem;
  --ut-hero-region-padding-x: 0rem;
}

/* Modifier: Hide Icons
   ========================================================================== */
.t-HeroRegion--hideIcon .t-HeroRegion-col--left,
.t-HeroRegion--hideIcon .t-HeroRegion-icon {
  display: none;
}

/* Modifier: Heading Font Alternative
   ========================================================================== */
.t-HeroRegion--headingFontAlt {
  --ut-hero-region-title-font-family: var(--ut-alternate-heading-font-family);
  --ut-hero-region-title-font-weight: var(--ut-alternate-heading-font-weight);
}

/* ==========================================================================
   Carousel Region
   ========================================================================== */
.t-Region--carousel {
  overflow: hidden;
}
.t-Region--carousel .t-Region-body {
  padding: 0;
  position: relative;
}

.a-Region-carouselItems {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.a-Region-carouselItem {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  transition: 0.5s ease;
}
.a-Region-carouselItem.a-Tabs-element-selected {
  opacity: 1;
  z-index: 10;
}

/* Carousel Animations (Fade by default)
   ========================================================================== */
.t-Region--carouselSlide > .t-Region-bodyWrap .a-Region-carouselItem.a-Tabs-before {
  transform: translateX(-100%);
}

.t-Region--carouselSlide > .t-Region-bodyWrap .a-Region-carouselItem.a-Tabs-after {
  transform: translateX(100%);
}

.t-Region--carouselSlide > .t-Region-bodyWrap .a-Region-carouselItem.a-Tabs-element-selected {
  transform: translateX(0);
}

.t-Region--carouselSpin > .t-Region-bodyWrap .a-Region-carouselItem.a-Tabs-before {
  transform: rotateY(90deg);
}

.t-Region--carouselSpin > .t-Region-bodyWrap .a-Region-carouselItem.a-Tabs-after {
  transform: rotateY(-90deg);
}

.t-Region--carouselSpin > .t-Region-bodyWrap .a-Region-carouselItem.a-Tabs-element-selected {
  transform: rotateY(0);
}

/* Carousel Control Buttons
   ========================================================================== */
.a-Region-carouselControl .a-Tabs-button {
  --a-icon-size: var(--ut-carousel-button-icon-size, 1.25rem);
  visibility: hidden;
  display: flex;
  position: absolute;
  top: 50%;
  -webkit-padding-before: calc(var(--ut-carousel-button-padding-y, 1rem) - var(--ut-carousel-button-border-width, 0px));
          padding-block-start: calc(var(--ut-carousel-button-padding-y, 1rem) - var(--ut-carousel-button-border-width, 0px));
  -webkit-padding-after: calc(var(--ut-carousel-button-padding-y, 1rem) - var(--ut-carousel-button-border-width, 0px));
          padding-block-end: calc(var(--ut-carousel-button-padding-y, 1rem) - var(--ut-carousel-button-border-width, 0px));
  -webkit-padding-start: calc(var(--ut-carousel-button-padding-x, 0.25rem) - var(--ut-carousel-button-border-width, 0px));
          padding-inline-start: calc(var(--ut-carousel-button-padding-x, 0.25rem) - var(--ut-carousel-button-border-width, 0px));
  -webkit-padding-end: calc(var(--ut-carousel-button-padding-x, 0.25rem) - var(--ut-carousel-button-border-width, 0px));
          padding-inline-end: calc(var(--ut-carousel-button-padding-x, 0.25rem) - var(--ut-carousel-button-border-width, 0px));
  border-width: var(--ut-carousel-button-border-width, 0);
  border-style: solid;
  border-radius: var(--ut-carousel-button-border-radius, 0.25rem);
  border-color: var(--ut-carousel-button-border-color);
  background-color: var(--ut-carousel-button-background-color, rgba(0, 0, 0, 0.5));
  color: var(--ut-carousel-button-text-color, #fff);
  transform: translateY(-50%);
  z-index: 100;
  opacity: var(--ut-carousel-button-opacity, 0.5);
  transition: 0.2s ease;
  cursor: pointer;
  align-items: center;
}
.a-Region-carouselControl .a-Tabs-button:hover {
  opacity: 1;
}
.a-Region-carouselControl .a-Tabs-button:active, .a-Region-carouselControl .a-Tabs-button:active:focus {
  opacity: 1;
}
.a-Region-carouselControl .a-Tabs-button:focus {
  opacity: 1;
}
.a-Region-carouselControl .a-Tabs-previous-region {
  left: var(--ut-carousel-button-offset-x, 0.75rem);
}
.u-RTL .a-Region-carouselControl .a-Tabs-previous-region {
  left: unset;
  right: var(--ut-carousel-button-offset-x, 0.75rem);
}
.a-Region-carouselControl .a-Tabs-next-region {
  right: var(--ut-carousel-button-offset-x, 0.75rem);
}
.u-RTL .a-Region-carouselControl .a-Tabs-next-region {
  right: unset;
  left: var(--ut-carousel-button-offset-x, 0.75rem);
}

/* Carousel Nav
   ========================================================================== */
.a-Region-carouselNav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 110;
  padding: var(--ut-carousel-nav-offset-y, 0.5rem) 0;
}

.a-Region-carouselNavItem {
  display: block;
  margin: 0 var(--ut-carousel-nav-offset-x, 0.25rem);
}

.a-Region-carouselLink {
  display: block;
  width: var(--ut-carousel-nav-size, 0.5rem);
  height: var(--ut-carousel-nav-size, 0.5rem);
  border-width: var(--ut-carousel-nav-border-width, 1px);
  border-style: solid;
  border-radius: var(--ut-carousel-nav-border-radius, 100%);
  border-color: var(--ut-carousel-nav-border-color, rgba(0, 0, 0, 0.1));
  background-color: var(--ut-carousel-nav-background-color, rgba(0, 0, 0, 0.15));
}
.a-Tabs-selected .a-Region-carouselLink {
  --ut-carousel-nav-background-color: var(--ut-carousel-nav-selected-background-color, rgba(0, 0, 0, .4));
}

.a-Region-carouselLabel {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

/* Show Carousel Controls
   ========================================================================== */
.t-Region--showCarouselControls .a-Region-carouselControl .a-Tabs-button {
  visibility: visible;
}

/* ==========================================================================
   Alert
   ========================================================================== */
.t-Alert {
  position: relative;
  border-width: var(--ut-alert-type-border-width, var(--ut-alert-border-width, var(--ut-component-border-width)));
  border-style: solid;
  border-color: var(--ut-alert-type-border-color, var(--ut-alert-border-color, var(--ut-component-border-color)));
  box-shadow: var(--ut-alert-type-box-shadow, var(--ut-alert-box-shadow, none));
  border-radius: var(--ut-alert-type-border-radius, var(--ut-alert-border-radius, var(--ut-component-border-radius)));
  background-color: var(--ut-alert-type-background-color, var(--ut-alert-background-color, var(--ut-component-background-color)));
  color: var(--ut-alert-type-text-color, var(--ut-alert-text-color, var(--ut-component-text-default-color)));
}

.t-Alert-wrap {
  position: relative;
}

.t-Alert-icon {
  padding: var(--ut-alert-icon-padding);
  background-color: var(--ut-alert-icon-background-color);
  color: var(--ut-alert-icon-text-color);
}
.t-Alert-icon .t-Icon {
  color: inherit;
  font-size: var(--ut-alert-icon-size);
  width: var(--ut-alert-icon-size);
  line-height: 1;
  text-align: center;
  margin: auto;
  display: block;
}

.t-Alert-body:empty,
.t-Alert-buttons:empty,
.t-Alert--horizontal .t-Alert-buttons:empty {
  display: none;
}

.t-Alert-title {
  font-size: var(--ut-alert-title-font-size);
  line-height: var(--ut-alert-title-line-height);
  font-weight: var(--ut-alert-title-font-weight);
  margin: var(--ut-alert-title-margin);
  color: var(--ut-alert-title-text-color);
}

.t-Alert-errorTitle {
  font-size: 1.25rem;
  font-weight: var(--a-base-font-weight-semibold, 500);
  line-height: 1.5;
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
  -webkit-margin-after: 0.75rem;
          margin-block-end: 0.75rem;
}

.t-Button--closeAlert {
  --a-button-padding-y: .25rem;
  --a-button-padding-x: .25rem;
  min-width: 0;
  transition: transform 0.125s ease;
}

.apex-page-success,
.apex-page-error {
  display: block;
  position: relative;
  width: 100%;
}

/* Horizontal Alert
   ========================================================================== */
.t-Alert--horizontal {
  --ut-alert-icon-size: var(--ut-alert-horizontal-icon-size, 2rem);
  --ut-alert-icon-padding: var(--ut-alert-horizontal-icon-padding, 1rem);
  --ut-alert-border-radius: var(--ut-alert-horizontal-border-radius, .25rem);
  -webkit-margin-after: var(--ut-alert-margin, 1rem);
          margin-block-end: var(--ut-alert-margin, 1rem);
}
.t-Alert--horizontal .t-Alert-wrap {
  display: flex;
}
.t-Alert--horizontal .t-Alert-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.t-Alert--horizontal .t-Alert-content {
  padding: 1rem;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.t-Alert--horizontal .t-Alert-buttons {
  flex-shrink: 0;
  text-align: end;
  white-space: nowrap;
  -webkit-padding-end: 1rem;
          padding-inline-end: 1rem;
  display: flex;
  align-items: center;
}
.t-Alert--horizontal .t-Alert-title {
  --ut-alert-title-font-size: 1.125rem;
  --ut-alert-title-line-height: 1.375rem;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
@media (min-width: 768px) {
  .t-Alert--horizontal .t-Alert-title {
    --ut-alert-title-font-size: 1.25rem;
    --ut-alert-title-line-height: 1.5rem;
  }
}

/* Wizard Alert
   ========================================================================== */
.t-Alert--wizard {
  --ut-alert-icon-size: var(--ut-alert-wizard-icon-size, 4rem);
  --ut-alert-border-radius: var(--ut-alert-wizard-border-radius, .125rem);
  -webkit-margin-before: var(--ut-alert-margin, 1rem);
          margin-block-start: var(--ut-alert-margin, 1rem);
  -webkit-margin-after: var(--ut-alert-margin, 1rem);
          margin-block-end: var(--ut-alert-margin, 1rem);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  max-width: 47.5rem;
  padding: 0;
}
.t-Dialog-body .t-Alert--wizard {
  width: auto;
  max-width: 100%;
  box-shadow: none;
  border-width: 0;
}
.t-Alert--wizard .t-Alert-wrap {
  -webkit-margin-before: 2rem;
          margin-block-start: 2rem;
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.t-Alert--wizard .t-Alert-icon,
.t-Alert--wizard .t-Alert-content,
.t-Alert--wizard .t-Alert-buttons {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
  -webkit-margin-start: 2rem;
          margin-inline-start: 2rem;
  -webkit-margin-end: 2rem;
          margin-inline-end: 2rem;
}
.t-Alert--wizard .t-Alert-title {
  --ut-alert-title-font-size: 1.5rem;
  --ut-alert-title-line-height: 2.25rem;
  text-align: center;
  margin: 0;
}
.t-Alert--wizard .t-Alert-body {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-size: 1rem;
  line-height: 1.5;
}
.t-Alert--wizard .t-Alert-buttons {
  -webkit-margin-before: 2rem;
          margin-block-start: 2rem;
  text-align: center;
}
.t-Alert--wizard .t-Alert-inset {
  border-radius: 0.125rem;
  -webkit-padding-before: 0.75rem;
          padding-block-start: 0.75rem;
  -webkit-padding-after: 0.75rem;
          padding-block-end: 0.75rem;
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
  -webkit-padding-end: 1rem;
          padding-inline-end: 1rem;
}
.t-Alert--wizard .t-Alert-inset ul {
  list-style: decimal;
  -webkit-margin-before: 0.75rem;
          margin-block-start: 0.75rem;
  -webkit-margin-after: 0.75rem;
          margin-block-end: 0.75rem;
  -webkit-margin-start: 1.5rem;
          margin-inline-start: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.t-Alert--wizard .t-Alert-inset li {
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  -webkit-margin-after: 0.25rem;
          margin-block-end: 0.25rem;
}
.t-Alert--wizard .t-Alert-inset pre {
  font-size: 0.625rem;
  line-height: 1rem;
  overflow-x: auto;
  max-width: 100%;
}

/* Page Notification (Success or Message)
   ========================================================================== */
.t-Alert--page {
  --ut-alert-border-radius: .25rem;
  --ut-alert-icon-size: 1.5rem;
  --ut-alert-icon-padding: 1rem;
  --ut-alert-border-width: 0px;
  --ut-alert-box-shadow: 0 0 0 var(--ut-component-border-width) var(--ut-component-border-color) inset, var(--ut-shadow-md);
  --ut-alert-icon-background-color: transparent !important;
  transition: 0.2s ease-out;
  max-width: 40rem;
  min-width: 20rem;
  position: fixed;
  top: var(--ut-alert-offset, 1rem);
  inset-inline-end: var(--ut-alert-offset, 1rem);
  z-index: 1000;
  /* For very small screens, fit the message to the top of the screen */
  /* Page Level Warning and Errors
       ========================================================================== */
}
.t-Alert--page .t-Alert-icon {
  -webkit-padding-end: calc(var(--ut-alert-icon-padding) / 2);
          padding-inline-end: calc(var(--ut-alert-icon-padding) / 2);
}
.t-Alert--page .t-Alert-body {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
}
.t-Alert--page .t-Alert-content {
  padding: 0.5rem;
}
@media (max-width: 479px) {
  .t-Alert--page {
    left: var(--ut-alert-offset, 1rem);
    min-width: 0;
    max-width: none;
  }
  .u-RTL .t-Alert--page {
    left: unset;
    right: var(--ut-alert-offset, 1rem);
  }
}
.t-Alert--page.t-Alert--success .t-Alert-title {
  -webkit-padding-before: 0.5rem;
          padding-block-start: 0.5rem;
  -webkit-padding-after: 0.5rem;
          padding-block-end: 0.5rem;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}
.t-Alert--page .t-Button.t-Button--closeAlert {
  --a-button-border-radius: 1.5rem;
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
  background-color: #000;
  color: #FFF;
  border-color: rgba(255, 255, 255, 0.25);
}
.u-RTL .t-Alert--page .t-Button.t-Button--closeAlert {
  right: unset;
  left: -0.5rem;
}
.t-Alert--page .t-Button.t-Button--closeAlert:hover {
  transform: scale(1.15);
}
.t-Alert--page .t-Button.t-Button--closeAlert:active {
  transform: scale(0.85);
}
.t-Alert--page.t-Alert--warning .a-Notification {
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}
.t-Alert--page.t-Alert--warning .a-Notification-title {
  font-size: var(--ut-notification-title-font-size, 0.875rem);
  line-height: var(--ut-notification-title-line-height, 1.25rem);
  font-weight: var(--ut-notification-title-font-weight, var(--a-base-font-weight-bold, 700));
  margin: var(--ut-notification-title-margin, 0);
  color: var(--ut-notification-title-text-color);
}
.t-Alert--page.t-Alert--warning .a-Notification-list {
  max-height: 8rem;
}
.t-Alert--page .a-Notification-list {
  max-height: 6rem;
  overflow: auto;
}
.t-Alert--page .a-Notification-link:hover {
  -webkit-text-decoration: var(--ut-link-text-decoration, underline);
          text-decoration: var(--ut-link-text-decoration, underline);
}
.t-Alert--page .t-Alert-title {
  --ut-alert-title-font-size: 1.125rem;
  display: block;
  font-weight: var(--a-base-font-weight-bold, 700);
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}
.t-Alert--page .a-Notification-list {
  -webkit-margin-before: 0.25rem;
          margin-block-start: 0.25rem;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  padding: 0;
  list-style: none;
}
.t-Alert--page .a-Notification-item {
  -webkit-padding-start: 1.25rem;
          padding-inline-start: 1.25rem;
  position: relative;
  font-size: var(--ut-notification-item-font-size, 0.875rem);
  line-height: var(--ut-notification-item-line-height, 1.25rem);
  -webkit-margin-after: 0.25rem;
          margin-block-end: 0.25rem;
}
@media (max-width: 479px) {
  .t-Alert--page .a-Notification-item {
    --ut-notification-item-font-size: var(--ut-xs-notification-item-font-size, .75rem);
  }
}
.t-Alert--page .a-Notification-item:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.t-Alert--page .a-Notification-item:before {
  content: "";
  position: absolute;
  margin: 0.5rem;
  left: 0;
  top: 0;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 100%;
  background-color: currentColor;
  opacity: 0.5;
}
.u-RTL .t-Alert--page .a-Notification-item:before {
  left: unset;
  right: 0;
}
.t-Alert--page .a-Notification-item .a-Button--notification {
  padding: 0.125rem;
  opacity: 0.75;
  vertical-align: top;
}
.t-Alert--page .htmldbOraErr {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
  display: block;
  font-size: 0.6875rem;
  line-height: 1rem;
  font-family: var(--a-base-font-family-mono, monospace);
  white-space: pre-line;
}

/* Icons
   ========================================================================== */
.t-Alert .t-Icon.icon-close:before,
.t-Alert--defaultIcons .t-Alert-icon .t-Icon {
  font-family: "apex-5-icon-font";
}

.t-Alert .t-Icon.icon-close:before {
  display: block;
  content: "\e0a2";
  line-height: 1;
}

.t-Alert--defaultIcons.t-Alert--warning .t-Alert-icon .t-Icon:before, .t-Alert--defaultIcons.t-Alert--yellow .t-Alert-icon .t-Icon:before {
  content: "\e017";
}
.t-Alert--defaultIcons.t-Alert--success .t-Alert-icon .t-Icon:before {
  content: "\e1ab";
}
.t-Alert--defaultIcons.t-Alert--red .t-Alert-icon .t-Icon:before, .t-Alert--defaultIcons.t-Alert--danger .t-Alert-icon .t-Icon:before {
  content: "\e010";
}
.t-Alert--defaultIcons.t-Alert--info .t-Alert-icon .t-Icon:before {
  content: "\e1ac";
}

/* Modifier: No Icon
   ========================================================================== */
.t-Alert--noIcon .t-Alert-icon {
  display: none !important;
}

/* Accessible Heading
   ========================================================================== */
.t-Alert--accessibleHeading .t-Alert-title {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

/* Hidden Heading (Not Accessible)
   ========================================================================== */
.t-Alert--removeHeading .t-Alert-title {
  display: none;
}

/* Handling Button Regions for Alerts
   ========================================================================== */
.t-Alert .t-ButtonRegion {
  --ut-button-region-margin: 0rem;
  -webkit-margin-before: 1.5rem;
          margin-block-start: 1.5rem;
}

/* Zoom Animation
   ========================================================================== */
@-webkit-keyframes zoomFade {
  from {
    transform: scale(0.75);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomFade {
  from {
    transform: scale(0.75);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
/* Colorized Background
   ========================================================================== */
.t-Alert--wizard .t-Alert-icon,
.t-Alert--horizontal .t-Alert-icon {
  border-top-left-radius: var(--ut-alert-type-border-radius, var(--ut-alert-border-radius, var(--ut-component-border-radius)));
  border-bottom-left-radius: var(--ut-alert-type-border-radius, var(--ut-alert-border-radius, var(--ut-component-border-radius)));
}
.u-RTL .t-Alert--wizard .t-Alert-icon,
.u-RTL .t-Alert--horizontal .t-Alert-icon {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--ut-alert-type-border-radius, var(--ut-alert-border-radius, var(--ut-component-border-radius)));
  border-bottom-right-radius: var(--ut-alert-type-border-radius, var(--ut-alert-border-radius, var(--ut-component-border-radius)));
}

.t-Alert--colorBG.t-Alert--warning, .t-Alert--colorBG.t-Alert--yellow {
  --ut-alert-type-background-color: var(--ut-palette-warning-shade);
}
.t-Alert--colorBG.t-Alert--success {
  --ut-alert-type-background-color: var(--ut-palette-success-shade);
}
.t-Alert--colorBG.t-Alert--danger, .t-Alert--colorBG.t-Alert--red {
  --ut-alert-type-background-color: var(--ut-palette-danger-shade);
}
.t-Alert--colorBG.t-Alert--info {
  --ut-alert-type-background-color: var(--ut-palette-info-shade);
}

/* Modifier Types
   ========================================================================== */
.t-Alert--warning,
.t-Alert--yellow {
  --ut-alert-icon-text-color: var(--ut-palette-warning);
}
.t-Alert--warning.t-Alert--horizontal,
.t-Alert--yellow.t-Alert--horizontal {
  --ut-alert-icon-background-color: var(--ut-palette-warning-shade);
}

.t-Alert--success {
  --ut-alert-icon-text-color: var(--ut-palette-success);
}
.t-Alert--success.t-Alert--horizontal {
  --ut-alert-icon-background-color: var(--ut-palette-success-shade);
}

.t-Alert--info {
  --ut-alert-icon-text-color: var(--ut-palette-info);
}
.t-Alert--info.t-Alert--horizontal {
  --ut-alert-icon-background-color: var(--ut-palette-info-shade);
}

.t-Alert--danger,
.t-Alert--red {
  --ut-alert-icon-text-color: var(--ut-palette-danger);
}
.t-Alert--danger.t-Alert--horizontal,
.t-Alert--red.t-Alert--horizontal {
  --ut-alert-icon-background-color: var(--ut-palette-danger-shade);
}

/* Page Level Alerts (from APEX)
   ========================================================================== */
.t-Alert--page a {
  color: inherit;
  -webkit-text-decoration: var(--ut-link-text-decoration, underline);
          text-decoration: var(--ut-link-text-decoration, underline);
}
.t-Alert--page a[href="#"] {
  text-decoration: none;
}
.t-Alert--page.t-Alert--success {
  --ut-alert-type-background-color: var(--ut-palette-success);
  --ut-alert-type-text-color: var(--ut-palette-success-contrast);
  --ut-alert-icon-background-color: transparent;
  --ut-alert-icon-text-color: inherit;
}
.t-Alert--page.t-Alert--warning {
  --ut-alert-type-background-color: var(--ut-palette-warning);
  --ut-alert-type-text-color: var(--ut-palette-warning-contrast);
  --ut-alert-icon-background-color: transparent;
  --ut-alert-icon-text-color: inherit;
}

/* ==========================================================================
   Button Region
   ========================================================================== */
.t-ButtonRegion {
  -webkit-margin-after: var(--ut-button-region-margin, 0.75rem);
          margin-block-end: var(--ut-button-region-margin, 0.75rem);
  border-radius: var(--ut-button-region-border-radius);
  border-width: var(--ut-button-region-border-width, var(--ut-component-border-width, 1px));
  border-style: solid;
  border-color: var(--ut-button-region-border-color, var(--ut-component-border-color));
  box-shadow: var(--ut-button-region-box-shadow, var(--ut-component-box-shadow));
  background-color: var(--ut-button-region-background-color, var(--ut-component-background-color));
  color: var(--ut-button-region-text-color, var(--ut-component-text-default-color));
}
.col .t-ButtonRegion:only-child {
  --ut-button-region-margin: .5rem;
}
.t-Dialog .col .t-ButtonRegion:only-child {
  --ut-button-region-margin: 0rem;
}
.t-ButtonRegion .t-Form-labelContainer,
.t-ButtonRegion .t-Form-inputContainer {
  -webkit-padding-before: 0;
          padding-block-start: 0;
  -webkit-padding-after: 0;
          padding-block-end: 0;
}

.t-Region + .t-ButtonRegion {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
}

.t-ButtonRegion-wrap {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "button-left button-content button-right";
  align-items: center;
}

.t-ButtonRegion-title {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.t-ButtonRegion-col--left .t-ButtonRegion-buttons {
  text-align: start;
  padding: var(--ut-button-region-padding, 1rem);
  justify-content: start;
}
.t-ButtonRegion-col--content {
  padding: var(--ut-button-region-padding, 1rem);
}
.t-ButtonRegion-col--content .t-ButtonRegion-buttons {
  text-align: center;
  justify-content: center;
}
.t-ButtonRegion-col--right .t-ButtonRegion-buttons {
  text-align: end;
  justify-content: end;
  padding: var(--ut-button-region-padding, 1rem);
}

.t-ButtonRegion-buttons {
  white-space: nowrap;
  display: flex;
  align-items: center;
  min-inline-size: 0;
}
.t-ButtonRegion-buttons:empty {
  display: none;
}
.t-Body-actions .t-ButtonRegion-buttons {
  display: block;
}

/* Modifier: No UI (used for Wizard Dialogs)
   ========================================================================== */
.t-ButtonRegion--noUI {
  --ut-button-region-margin: 0rem;
  --ut-button-region-border-width: 0px;
  --ut-button-region-box-shadow: none;
  --ut-button-region-background-color: transparent;
  --ut-button-region-text-color: currentColor;
}

/* Modifier: Borderless
   ========================================================================== */
.t-ButtonRegion--noBorder {
  --ut-button-region-border-width: 0px;
}

/* Modifier: Slim Padding
   ========================================================================== */
.t-ButtonRegion--slimPadding {
  --ut-button-region-padding: .5rem;
}

/* Modifier: No Padding
   ========================================================================== */
.t-ButtonRegion--noPadding {
  --ut-button-region-padding: 0rem;
}

/*  Mobile Footer Button Region
   ========================================================================== */
@media (max-width: 639px) {
  .t-ButtonRegion--stickToBottom {
    --ut-button-region-border-radius: 0;
    --ut-button-region-box-shadow: none;
    --ut-button-region-margin: 0rem;
    bottom: 0;
    left: 0;
    right: 0;
    border-width: 0;
    border-top-width: var(--ut-button-region-border-width, 1px);
  }
  .t-ButtonRegion--stickToBottom.is-anchored {
    position: fixed !important;
    z-index: 500;
  }
}
/* Modifier: Side Bar Buttons
   ========================================================================== */
.t-ButtonRegion--sideBar .t-ButtonRegion-col--left,
.t-ButtonRegion--sideBar .t-ButtonRegion-col--content {
  display: none;
}

.t-Body-actions .t-ButtonRegion .t-Button,
.t-ButtonRegion--sideBar .t-Button {
  width: 100%;
  display: flex;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
  align-items: center;
}
.t-Body-actions .t-ButtonRegion .t-Button:last-child,
.t-ButtonRegion--sideBar .t-Button:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.t-Body-actions .t-ButtonRegion .t-Button .t-Icon,
.t-ButtonRegion--sideBar .t-Button .t-Icon {
  flex-shrink: 0;
  flex-grow: 0;
}
.t-Body-actions .t-ButtonRegion .t-Button .t-Button-label,
.t-ButtonRegion--sideBar .t-Button .t-Button-label {
  flex-shrink: 1;
  flex-grow: 0;
  flex-basis: auto;
  min-width: 0;
  white-space: normal;
}

/* Positional Modifier: In Body Title (Breadcrumb)
   ========================================================================== */
.t-Body-title .t-ButtonRegion {
  -webkit-padding-start: calc(var(--ut-breadcrumb-padding-x, 1rem) - var(--ut-button-region-padding, 1rem));
          padding-inline-start: calc(var(--ut-breadcrumb-padding-x, 1rem) - var(--ut-button-region-padding, 1rem));
  -webkit-padding-end: calc(var(--ut-breadcrumb-padding-x, 1rem) - var(--ut-button-region-padding, 1rem));
          padding-inline-end: calc(var(--ut-breadcrumb-padding-x, 1rem) - var(--ut-button-region-padding, 1rem));
}

/* Positional Modifier: In Actions Column
   ========================================================================== */
.t-Body-actions .t-ButtonRegion {
  --ut-button-region-border-radius: 0;
  --ut-button-region-box-shadow: none;
  --ut-button-region-margin: 0rem;
  --ut-button-region-border-width: 0px;
  --ut-button-region-padding: .375rem;
  --ut-button-region-background-color: transparent;
}
.t-Body-actions .t-ButtonRegion .t-ButtonRegion-wrap {
  display: block;
  padding: var(--ut-button-region-padding, 0.375rem);
}
.t-Body-actions .t-ButtonRegion .t-ButtonRegion-col {
  margin: var(--ut-button-region-padding, 0.375rem);
  padding: 0;
}
.t-Body-actions .t-ButtonRegion .t-ButtonRegion-buttons,
.t-Body-actions .t-ButtonRegion .t-ButtonRegion-col--content {
  text-align: start;
  padding: 0;
}

/* Modifier: Wizard Dialog and Dialog Region
   ========================================================================== */
.t-DialogRegion-buttons .t-ButtonRegion,
.t-Wizard-footer .t-ButtonRegion,
.t-Dialog-footer .t-ButtonRegion,
.t-Drawer-footer .t-ButtonRegion,
.t-ButtonRegion--dialogRegion {
  --ut-button-region-box-shadow: none;
  --ut-button-region-margin: 0rem;
  border-width: 0;
}

.t-ButtonRegion--wizard,
.t-ButtonRegion--dialogRegion {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--jui-dialog-border-radius);
  border-bottom-right-radius: var(--jui-dialog-border-radius);
}

.t-ButtonRegion--dialogRegion {
  border-top-width: 0;
}

.t-Dialog-footer .t-ButtonRegion,
.t-Drawer-footer .t-ButtonRegion {
  border-top-width: var(--ut-button-region-border-width, 1px);
}

/* ==========================================================================
   Modifier: Wizard Dialog
   ========================================================================== */
.t-ButtonRegion--showTitle .t-ButtonRegion-title {
  border: inherit;
  clip: none;
  height: auto;
  margin: 0;
  width: auto;
  position: inherit;
  font-size: var(--ut-button-region-title-font-size, 1.25rem);
  line-height: var(--ut-button-region-title-line-height, 1);
  font-weight: var(--ut-button-region-title-font-weight, normal);
}

/* ==========================================================================
   Timeline
   ========================================================================== */
.t-Timeline {
  --ut-avatar-size: 2.5rem;
  --ut-avatar-font-size: .875rem;
  --ut-avatar-icon-font-size: 1rem;
  --ut-badge-background-color: var(--ut-timeline-type-background-color, var(--ut-palette-generic));
  --ut-badge-text-color: var(--ut-timeline-type-text-color, var(--ut-palette-generic-contrast));
  --ut-badge-border-radius: var(--ut-timeline-type-border-radius, .125rem);
  --ut-badge-padding-y: var(--ut-timeline-type-padding-y, .125rem);
  --ut-badge-padding-x: var(--ut-timeline-type-padding-x, .5rem);
  --ut-badge-height: var(--ut-timeline-type-min-height, 1.5rem);
  --ut-badge-font-size: .625rem;
  --ut-badge-font-weight: 400;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 479px) {
  .t-Timeline {
    --ut-avatar-size: 1.5rem;
    --ut-avatar-font-size: .6875rem;
    --ut-avatar-icon-font-size: .75rem;
  }
}
@media (min-width: 480px) {
  .t-Timeline {
    --ut-badge-font-size: .6875rem;
  }
}
@media (min-width: 768px) {
  .t-Timeline {
    --ut-badge-font-size: .75rem;
    --ut-badge-font-weight: var(--a-base-font-weight-bold, 700);
  }
}

.t-Timeline-item {
  border-bottom-style: solid;
  border-bottom-width: var(--ut-timeline-border-width, var(--ut-component-inner-border-width));
  border-bottom-color: var(--ut-timeline-border-color, var(--ut-component-inner-border-color));
}
.t-Timeline-item:last-child {
  --ut-timeline-border-width: 0;
}

.t-Timeline-wrap {
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  grid-gap: var(--ut-timeline-grid-gap, 0.5rem);
  padding: var(--ut-timeline-grid-gap, 0.5rem);
  z-index: var(--ut-timeline-z-index);
  background-color: var(--ut-timeline-background-color);
  box-shadow: var(--ut-timeline-box-shadow);
}
@media (min-width: 480px) {
  .t-Timeline-wrap {
    --ut-timeline-grid-gap: .75rem;
    grid-template-columns: auto var(--ut-timeline-content-col-width, 70%);
  }
}

a.t-Timeline-wrap {
  text-decoration: none;
  transition: 0.1s ease;
}
a.t-Timeline-wrap:hover, a.t-Timeline-wrap:focus {
  --ut-timeline-background-color: var(--ut-timeline-hover-background-color, rgba(0, 0, 0, .025));
  --ut-timeline-box-shadow: var(--ut-timeline-hover-box-shadow);
  --ut-timeline-z-index: var(--ut-timeline-hover-z-index, 10);
}

.t-Timeline-username,
.t-Timeline-date,
.t-Timeline-desc,
.t-Timeline-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* User Block
   ========================================================================== */
.t-Timeline-user {
  display: flex;
  align-items: center;
}

.t-Timeline-avatar {
  width: var(--ut-timeline-avatar-size, 2.5rem);
  height: var(--ut-timeline-avatar-size, 2.5rem);
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: var(--ut-timeline-avatar-border-radius, 100%);
  line-height: var(--ut-timeline-avatar-size, 2.5rem);
  font-size: var(--ut-timeline-avatar-font-size, 0.875rem);
  -webkit-margin-end: var(--ut-timeline-grid-gap, 0.5rem);
          margin-inline-end: var(--ut-timeline-grid-gap, 0.5rem);
  text-align: center;
  background-color: var(--ut-timeline-icon-background-color, var(--ut-component-icon-background-color));
  color: var(--ut-timeline-icon-color, var(--ut-component-icon-color));
}
@media (max-width: 479px) {
  .t-Timeline-avatar {
    --ut-timeline-avatar-size: 1.5rem;
    --ut-timeline-avatar-font-size: .6875rem;
  }
}
.t-Timeline-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.t-Timeline-user .t-Avatar {
  flex-grow: 0;
  flex-shrink: 0;
  -webkit-margin-end: var(--ut-timeline-grid-gap, 0.5rem);
          margin-inline-end: var(--ut-timeline-grid-gap, 0.5rem);
}

.t-Timeline-userinfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  -webkit-padding-before: var(--ut-timeline-user-info-padding-y, 0.25rem);
          padding-block-start: var(--ut-timeline-user-info-padding-y, 0.25rem);
  -webkit-padding-after: var(--ut-timeline-user-info-padding-y, 0.25rem);
          padding-block-end: var(--ut-timeline-user-info-padding-y, 0.25rem);
  -webkit-padding-start: var(--ut-timeline-user-info-padding-x);
          padding-inline-start: var(--ut-timeline-user-info-padding-x);
  -webkit-padding-end: var(--ut-timeline-user-info-padding-x);
          padding-inline-end: var(--ut-timeline-user-info-padding-x);
}
@media (min-width: 480px) {
  .t-Timeline-userinfo {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.t-Timeline-username {
  color: var(--ut-timeline-username-text-color, var(--ut-component-text-default-color));
  display: block;
  font-size: var(--ut-timeline-username-font-size, 0.75rem);
  line-height: var(--ut-timeline-username-line-height, 1rem);
}

.t-Timeline-date {
  color: var(--ut-timeline-date-text-color, var(--ut-component-text-muted-color));
  display: block;
  font-size: var(--ut-timeline-date-font-size, 0.6875rem);
  line-height: var(--ut-timeline-date-line-height, 1rem);
}

/* Content
   ========================================================================== */
@media (min-width: 768px) {
  .t-Timeline-content {
    display: flex;
  }
}

.t-Timeline--compact .t-Timeline-content {
  flex-direction: column;
}

/* Type Block
   ========================================================================== */
.t-Timeline-typeWrap {
  max-width: var(--ut-timeline-typewrap-width);
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .t-Timeline-typeWrap {
    --ut-timeline-typewrap-width: 35%;
    min-width: 0;
    flex-grow: 1;
    width: 100%;
    -webkit-margin-end: var(--ut-timeline-grid-gap, 0.5rem);
            margin-inline-end: var(--ut-timeline-grid-gap, 0.5rem);
  }
}

.t-Timeline-type {
  -webkit-padding-before: var(--ut-timeline-type-padding-y, 0.125rem);
          padding-block-start: var(--ut-timeline-type-padding-y, 0.125rem);
  -webkit-padding-after: var(--ut-timeline-type-padding-y, 0.125rem);
          padding-block-end: var(--ut-timeline-type-padding-y, 0.125rem);
  -webkit-padding-start: var(--ut-timeline-type-padding-x, 0.5rem);
          padding-inline-start: var(--ut-timeline-type-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-timeline-type-padding-x, 0.5rem);
          padding-inline-end: var(--ut-timeline-type-padding-x, 0.5rem);
  border-radius: var(--ut-timeline-type-border-radius, 0.125rem);
  min-height: var(--ut-timeline-type-min-height, 0);
  color: var(--ut-timeline-type-text-color, var(--ut-palette-generic-contrast));
  background-color: var(--ut-timeline-type-background-color, var(--ut-palette-generic));
  display: flex;
  align-items: center;
}
@media (min-width: 480px) {
  .t-Timeline-type {
    --ut-timeline-type-padding-x: .375rem;
  }
}
@media (min-width: 768px) {
  .t-Timeline-type {
    --ut-timeline-type-padding-y: .75rem;
    --ut-timeline-type-padding-x: .75rem;
    --ut-timeline-type-min-height: 2.5rem;
    flex-grow: 1;
  }
}
.t-Timeline-type.is-updated {
  --ut-timeline-type-background-color: var(--ut-timeline-type-updated-background-color, var(--ut-palette-info));
  --ut-timeline-type-text-color: var(--ut-timeline-type-updated-text-color, var(--ut-palette-info-contrast));
}
.t-Timeline-type.is-removed {
  --ut-timeline-type-background-color: var(--ut-timeline-type-removed-background-color, var(--ut-palette-danger));
  --ut-timeline-type-text-color: var(--ut-timeline-type-removed-text-color, var(--ut-palette-danger-contrast));
}
.t-Timeline-type.is-new {
  --ut-timeline-type-background-color: var(--ut-timeline-type-is-new-background-color, var(--ut-palette-success));
  --ut-timeline-type-text-color: var(--ut-timeline-type-is-new-text-color, var(--ut-palette-success-contrast));
}

.t-Timeline .t-Icon {
  width: var(--ut-timeline-icon-size, 1rem);
  height: var(--ut-timeline-icon-size, 1rem);
  -webkit-margin-end: var(--ut-timeline-icon-spacing, 0.375rem);
          margin-inline-end: var(--ut-timeline-icon-spacing, 0.375rem);
  display: none;
  flex-shrink: 0;
  flex-grow: 0;
}
@media (min-width: 480px) {
  .t-Timeline .t-Icon {
    display: block;
  }
}

.t-Timeline-typename {
  font-size: var(--ut-timeline-type-font-size, 0.625rem);
  line-height: var(--ut-timeline-type-line-height, 1rem);
  font-weight: var(--ut-timeline-type-font-weight, normal);
  min-width: 0;
  flex-grow: 1;
}
@media (min-width: 480px) {
  .t-Timeline-typename {
    --ut-timeline-type-font-size: .6875rem;
  }
}
@media (min-width: 768px) {
  .t-Timeline-typename {
    --ut-timeline-type-font-size: .75rem;
    --ut-timeline-type-font-weight: var(--a-base-font-weight-bold, 700);
  }
}

.t-Timeline-typeWrap .t-Badge {
  align-self: stretch;
  min-block-size: unset;
}
@media (min-width: 768px) {
  .t-Timeline-typeWrap .t-Badge {
    flex-grow: 1;
  }
}
.t-Timeline-typeWrap .t-Badge--is-new {
  --ut-badge-background-color: var(--ut-timeline-type-is-new-background-color, var(--ut-palette-success));
  --ut-badge-text-color: var(--ut-timeline-type-is-new-text-color, var(--ut-palette-success-contrast));
}
.t-Timeline-typeWrap .t-Badge--is-removed {
  --ut-badge-background-color: var(--ut-timeline-type-removed-background-color, var(--ut-palette-danger));
  --ut-badge-text-color: var(--ut-timeline-type-removed-text-color, var(--ut-palette-danger-contrast));
}
.t-Timeline-typeWrap .t-Badge--is-updated {
  --ut-badge-background-color: var(--ut-timeline-type-updated-background-color, var(--ut-palette-info));
  --ut-badge-text-color: var(--ut-timeline-type-updated-text-color, var(--ut-palette-info-contrast));
}
@media (max-width: 479px) {
  .t-Timeline-typeWrap .t-Badge .t-Badge-icon {
    display: none;
  }
}

/* Content Body
   ========================================================================== */
.t-Timeline-body {
  flex-grow: 1;
  min-width: 0;
}

.t-Timeline-title {
  font-size: var(--ut-timeline-title-font-size, 1rem);
  line-height: var(--ut-timeline-title-line-height, 1.25rem);
  margin: var(--ut-timeline-title-margin, 0.125rem 0 0);
  font-weight: var(--a-base-font-weight-semibold, 500);
  color: var(--ut-timeline-title-text-color, var(--ut-component-text-title-color));
}

.t-Timeline-desc {
  font-size: var(--ut-timeline-desc-font-size, 0.6875rem);
  line-height: var(--ut-timeline-desc-line-height, 1rem);
  margin: var(--ut-timeline-desc-margin, 0 0 0.125rem);
  color: var(--ut-timeline-desc-text-color, var(--ut-component-text-muted-color));
}
.t-Timeline-desc:last-child {
  --ut-timeline-desc-margin: 0;
}

/* Compact Style
   ========================================================================== */
.t-Timeline--compact {
  --ut-timeline-grid-gap: .5rem;
  --ut-badge-padding-y: .125rem;
  --ut-badge-padding-x: .375rem;
  --ut-badge-height: 0;
  --ut-badge-font-size: var(--ut-timeline-type-font-size, .625rem);
  --ut-badge-font-weight: var(--ut-timeline-type-font-weight, normal);
  --ut-badge-line-height: var(--ut-timeline-type-line-height, 1rem);
  --ut-badge-padding-x: var(--ut-timeline-type-padding-x, .375rem);
}
@media (min-width: 480px) {
  .t-Timeline--compact {
    --ut-timeline-title-margin: .25rem 0 0;
  }
  .t-Timeline--compact .t-Timeline-typename {
    --ut-timeline-type-font-size: .6875rem;
    --ut-timeline-type-font-weight: normal;
  }
}
.t-Timeline--compact .t-Timeline-type {
  --ut-timeline-type-padding-y: .125rem;
  --ut-timeline-type-padding-x: .375rem;
  --ut-timeline-type-min-height: 0;
  flex-grow: 0;
}
.t-Timeline--compact .t-Badge {
  flex-grow: 0;
}
.t-Timeline--compact .t-Timeline-typeWrap {
  --ut-timeline-grid-gap: 0;
  max-width: 100%;
}

/* ==========================================================================
   Timeline Pagination
   ========================================================================== */
.t-Timeline + .t-Report-pagination {
  border-top-color: var(--ut-timeline-border-color, var(--ut-component-border-color));
  border-top-width: var(--ut-timeline-border-width, var(--ut-component-border-width, 1px));
  border-top-style: solid;
}

/* ==========================================================================
   Attribute Value Pair List
   ========================================================================== */
.t-AVPList {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

/* Value Attribute Pairs Item (rarely used)
  ========================================================================== */
.t-AVPList-item {
  display: flex;
  transition: background-color 0.1s;
  border-bottom-color: var(--ut-avp-border-color, var(--ut-component-inner-border-color));
  border-bottom-width: var(--ut-avp-border-width, var(--ut-component-inner-border-width));
  border-bottom-style: solid;
  flex-grow: 1;
  flex-basis: 100%;
}
.t-AVPList-item:last-of-type,
.t-AVPList-item .t-AVPList-label,
.t-AVPList-item .t-AVPList-value {
  --ut-avp-border-width: 0;
}

/* Value Attribute Pairs Label
  ========================================================================== */
.t-AVPList-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--ut-avp-label-text-color, var(--ut-component-text-title-color));
}

.t-AVPList-value {
  color: var(--ut-avp-value-text-color, var(--ut-component-text-subtitle-color));
}

.t-AVPList-label,
.t-AVPList-value {
  font-size: var(--ut-avp-font-size, 0.875rem);
  line-height: var(--ut-avp-line-height, 1.25rem);
  -webkit-padding-before: var(--ut-avp-padding-y, 0.5rem);
          padding-block-start: var(--ut-avp-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-avp-padding-y, 0.5rem);
          padding-block-end: var(--ut-avp-padding-y, 0.5rem);
  -webkit-padding-end: var(--ut-avp-padding-x, 0.75rem);
          padding-inline-end: var(--ut-avp-padding-x, 0.75rem);
  -webkit-padding-start: var(--ut-avp-padding-x, 0.75rem);
          padding-inline-start: var(--ut-avp-padding-x, 0.75rem);
  margin: 0;
  border-bottom-color: var(--ut-avp-border-color, var(--ut-component-inner-border-color));
  border-bottom-width: var(--ut-avp-border-width, var(--ut-component-inner-border-width));
  border-bottom-style: solid;
}
.t-AVPList-label:last-of-type,
.t-AVPList-value:last-of-type {
  --ut-avp-border-width: 0;
}
.t-Body-info .t-AVPList-label,
.t-Body-info .t-AVPList-value {
  --ut-avp-padding-x: 1rem;
}

/* Modifiers: Right Aligned, Left Aligned
  ========================================================================== */
.t-AVPList--leftAligned .t-AVPList-label {
  width: var(--ut-avp-label-width, 30%);
  text-align: start;
}
.t-AVPList--leftAligned .t-AVPList-value {
  text-align: start;
  width: calc(100% - var(--ut-avp-label-width, 30%));
}

.t-AVPList--rightAligned .t-AVPList-label {
  width: calc(100% - var(--ut-avp-label-width, 30%));
}
.t-AVPList--rightAligned .t-AVPList-value {
  text-align: end;
  width: var(--ut-avp-label-width, 30%);
}

/* ==========================================================================
   Widths
   ========================================================================== */
/* Fixed - Small
   ========================================================================== */
.t-AVPList--fixedLabelSmall {
  --ut-avp-label-width: 10rem;
}

/* Fixed - Medium
   ========================================================================== */
.t-AVPList--fixedLabelMedium {
  --ut-avp-label-width: 13.75rem;
}

/* Fixed - Large
   ========================================================================== */
.t-AVPList--fixedLabelLarge {
  --ut-avp-label-width: 16.25rem;
}

/* Variable - Small
   ========================================================================== */
.t-AVPList--variableLabelSmall {
  --ut-avp-label-width: 20%;
}

/* Variable - Medium
   ========================================================================== */
.t-AVPList--variableLabelMedium {
  --ut-avp-label-width: 30%;
}

/* Variable - Large
   ========================================================================== */
.t-AVPList--variableLabelLarge {
  --ut-avp-label-width: 40%;
}

/* ==========================================================================
   Attribute Value Pair Pagination
   ==========================================================================*/
.t-AVPList + .t-Report-pagination {
  border-top-color: var(--ut-avp-border-color, var(--ut-component-border-color));
  border-top-width: var(--ut-avp-border-width, var(--ut-component-border-width, 1px));
  border-top-style: solid;
}

/* ==========================================================================
   Wizard Progress List
   ========================================================================== */
/* Template Options
   - General: Vertical Orientation, Make Wizard Steps Clickable
   - Labels: All Steps, Current Step Only, Hide Labels
   ========================================================================== */
/* ==========================================================================
   Wizard Container
   ========================================================================== */
.t-Wizard-header {
  color: var(--ut-wizard-title-text-color, var(--ut-component-text-title-color));
  background-color: var(--ut-wizard-header-background-color);
}

.t-Wizard-buttons,
.u-Table-fit.t-Wizard-buttons {
  vertical-align: middle;
  white-space: nowrap;
}

.t-Wizard-buttons--center {
  text-align: center;
}

.t-Wizard-body {
  background-repeat: no-repeat !important;
  background-size: 100% 1rem, 100% 1rem, 100% 0.5rem, 100% 0.5rem !important;
  background-attachment: local, local, scroll, scroll !important;
}

/* ==========================================================================
  Modifier: Default
   ========================================================================== */
.t-Wizard {
  max-width: var(--ut-wizard-max-width, 78.75rem);
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-start: var(--ut-wizard-margin-x, auto);
          margin-inline-start: var(--ut-wizard-margin-x, auto);
  -webkit-margin-end: var(--ut-wizard-margin-x, auto);
          margin-inline-end: var(--ut-wizard-margin-x, auto);
  -webkit-margin-after: var(--ut-wizard-margin-y, 1rem);
          margin-block-end: var(--ut-wizard-margin-y, 1rem);
  border-width: var(--ut-wizard-border-width, var(--ut-component-border-width, 1px));
  border-style: solid;
  border-color: var(--ut-wizard-border-color, var(--ut-component-border-color));
  background-clip: padding-box;
  background-color: var(--ut-wizard-background-color, var(--ut-region-background-color));
  box-shadow: var(--ut-wizard-box-shadow, var(--ut-shadow-sm));
}
.t-Wizard .t-Wizard-controls {
  -webkit-padding-start: var(--ut-wizard-controls-padding-x, 1rem);
          padding-inline-start: var(--ut-wizard-controls-padding-x, 1rem);
  -webkit-padding-end: var(--ut-wizard-controls-padding-x, 1rem);
          padding-inline-end: var(--ut-wizard-controls-padding-x, 1rem);
  -webkit-padding-before: var(--ut-wizard-controls-padding-y, 1rem);
          padding-block-start: var(--ut-wizard-controls-padding-y, 1rem);
  -webkit-padding-after: var(--ut-wizard-controls-padding-y, 1rem);
          padding-block-end: var(--ut-wizard-controls-padding-y, 1rem);
}
.t-Wizard .t-Wizard-title {
  font-size: var(--ut-wizard-title-font-size, 1.5rem);
  line-height: var(--ut-wizard-title-line-height, 1);
  margin: 0;
  -webkit-padding-start: var(--ut-wizard-title-padding-x, 0);
          padding-inline-start: var(--ut-wizard-title-padding-x, 0);
  -webkit-padding-end: var(--ut-wizard-title-padding-x, 0);
          padding-inline-end: var(--ut-wizard-title-padding-x, 0);
  -webkit-padding-before: var(--ut-wizard-title-padding-y, 1.5rem);
          padding-block-start: var(--ut-wizard-title-padding-y, 1.5rem);
  -webkit-padding-after: var(--ut-wizard-title-padding-y, 1.5rem);
          padding-block-end: var(--ut-wizard-title-padding-y, 1.5rem);
  -webkit-padding-after: calc(var(--ut-wizard-title-padding-y, 1.5rem) - 0.5rem);
          padding-block-end: calc(var(--ut-wizard-title-padding-y, 1.5rem) - 0.5rem);
  text-align: center;
  color: var(--ut-wizard-title-text-color, var(--ut-component-text-title-color));
}
.t-Wizard .t-Wizard-body {
  -webkit-padding-start: var(--ut-wizard-body-padding-x, 1rem);
          padding-inline-start: var(--ut-wizard-body-padding-x, 1rem);
  -webkit-padding-end: var(--ut-wizard-body-padding-x, 1rem);
          padding-inline-end: var(--ut-wizard-body-padding-x, 1rem);
  -webkit-padding-before: var(--ut-wizard-body-padding-y, 1.5rem);
          padding-block-start: var(--ut-wizard-body-padding-y, 1.5rem);
  -webkit-padding-after: var(--ut-wizard-body-padding-y, 1.5rem);
          padding-block-end: var(--ut-wizard-body-padding-y, 1.5rem);
}

/* ==========================================================================
   Modifier: Show Title
   ========================================================================== */
.t-Wizard:not(.t-Wizard--showTitle) .t-Wizard-title {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}
.t-Wizard:not(.t-Wizard--showTitle) .t-Wizard-controls {
  -webkit-padding-start: var(--ut-wizard-controls-padding-x, 1rem);
          padding-inline-start: var(--ut-wizard-controls-padding-x, 1rem);
  -webkit-padding-end: var(--ut-wizard-controls-padding-x, 1rem);
          padding-inline-end: var(--ut-wizard-controls-padding-x, 1rem);
  -webkit-padding-before: var(--ut-wizard-controls-padding-y, 1.5rem);
          padding-block-start: var(--ut-wizard-controls-padding-y, 1.5rem);
  -webkit-padding-after: var(--ut-wizard-controls-padding-y, 1.5rem);
          padding-block-end: var(--ut-wizard-controls-padding-y, 1.5rem);
}

/* ==========================================================================
   Modifier: Header Background
   ========================================================================== */
/* ==========================================================================
   Modifier: Hide Steps
   ========================================================================== */
@media (min-width: 480px) and (max-width: 639px) {
  .t-Wizard--hideSteps--small .t-WizardSteps:not(.t-WizardSteps--vertical) {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    margin: -1px;
  }
}

/* ==========================================================================
   Wizard Steps
   ========================================================================== */
.t-WizardSteps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  position: relative;
  z-index: 1;
}

.t-WizardSteps-labelState {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.t-WizardSteps--hideLabels .t-WizardSteps-label {
  height: 0;
}

/* Modifier: Vertical
   ---
   Display wizard steps vertically
   ========================================================================== */
.t-WizardSteps--vertical.t-WizardSteps {
  flex-direction: column;
}

/* Wizard Step
========================================================================== */
.t-WizardSteps-step {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  display: flex;
}

/* Wizard Content Wrapper
========================================================================== */
.t-WizardSteps-wrap {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: var(--ut-wp-min-height, 2rem);
  /* Wizard Track
  ========================================================================== */
}
.t-WizardSteps-wrap:after {
  content: "";
  position: absolute;
  height: var(--ut-wp-step-track-size, 0.125rem);
  background-color: var(--ut-wp-track-color, var(--ut-component-border-color));
  z-index: -1;
  width: 100%;
}

/* Wizard Label Link
========================================================================== */
a.t-WizardSteps-wrap[href]:focus .t-WizardSteps-label,
a.t-WizardSteps-wrap[href]:hover .t-WizardSteps-label {
  color: var(--ut-wp-link-color, var(--ut-link-text-color));
  text-decoration: none;
}

/* Adjust the width of each track for first and last elements */
.t-WizardSteps-step:first-child .t-WizardSteps-wrap:after,
.t-WizardSteps-step:last-child .t-WizardSteps-wrap:after {
  width: 50%;
}

.t-WizardSteps-step:first-child .t-WizardSteps-wrap:after {
  left: 50%;
  right: 0;
}
.u-RTL .t-WizardSteps-step:first-child .t-WizardSteps-wrap:after {
  right: 50%;
  left: 0;
}

.t-WizardSteps-step:last-child .t-WizardSteps-wrap:after {
  left: 0;
  right: 50%;
}
.u-RTL .t-WizardSteps-step:last-child .t-WizardSteps-wrap:after {
  right: 0;
  left: 50%;
}

/* Modifier: Vertical
   ---
   Display wizard tracks vertically vertically
   ========================================================================== */
.t-WizardSteps--vertical .t-WizardSteps-wrap {
  flex-direction: row;
  justify-content: flex-start;
}
.t-WizardSteps--vertical .t-WizardSteps-wrap:after {
  height: 100%;
  width: var(--ut-wp-step-track-size, 0.125rem);
  left: calc(var(--ut-wp-vertical-marker-size, 1.25rem) / 2 - var(--ut-wp-step-track-size, 0.125rem) / 2);
  top: 0;
}
.u-RTL .t-WizardSteps--vertical .t-WizardSteps-wrap:after {
  left: unset;
  right: calc(var(--ut-wp-vertical-marker-size, 1.25rem) / 2 - var(--ut-wp-step-track-size, 0.125rem) / 2);
}

/* Adjust the width of each track for first and last elements */
.t-WizardSteps--vertical .t-WizardSteps-step:first-child .t-WizardSteps-wrap:after,
.t-WizardSteps--vertical .t-WizardSteps-step:last-child .t-WizardSteps-wrap:after {
  height: 50%;
  width: var(--ut-wp-step-track-size, 0.125rem);
  left: calc(var(--ut-wp-vertical-marker-size, 1.25rem) / 2 - var(--ut-wp-step-track-size, 0.125rem) / 2);
}
.u-RTL .t-WizardSteps--vertical .t-WizardSteps-step:first-child .t-WizardSteps-wrap:after,
.u-RTL .t-WizardSteps--vertical .t-WizardSteps-step:last-child .t-WizardSteps-wrap:after {
  left: unset;
  right: calc(var(--ut-wp-vertical-marker-size, 1.25rem) / 2 - var(--ut-wp-step-track-size, 0.125rem) / 2);
}

.t-WizardSteps--vertical .t-WizardSteps-step:first-child .t-WizardSteps-wrap:after {
  top: 50%;
}

.t-WizardSteps--vertical .t-WizardSteps-step:last-child .t-WizardSteps-wrap:after {
  bottom: 50%;
}

/* Wizard Marker
========================================================================== */
.t-WizardSteps-marker {
  display: block;
  text-align: center;
  width: var(--ut-wp-marker-size, 0.75rem);
  height: var(--ut-wp-marker-size, 0.75rem);
  position: absolute;
  background-color: var(--ut-wp-marker-color, var(--ut-component-border-color));
  border-radius: var(--ut-wp-marker-border-radius, 100%);
  flex-shrink: 0;
}

/* Modifiers: Active & Complete
   ---
   Adjusts the dimensions for active and completed step markers
   ========================================================================== */
.t-WizardSteps-step.is-active .t-WizardSteps-marker,
.t-WizardSteps-step.is-complete .t-WizardSteps-marker {
  --ut-wp-marker-size: 1.25rem;
  --ut-wp-marker-padding: .125rem;
  padding: var(--ut-wp-marker-padding);
  transform-origin: center;
}

.t-WizardSteps-step.is-complete .t-WizardSteps-marker:before {
  font-family: var(--a-icon-font-family, "apex-5-icon-font");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: var(--ut-wp-completed-marker-icon, "\e007");
  font-size: var(--ut-wp-completed-marker-font-size, 1rem);
  color: var(--ut-wp-checkmark-color, #fff);
}

.t-WizardSteps-step.is-complete .t-WizardSteps-marker {
  background-color: var(--ut-wp-complete-background-color, var(--ut-palette-success));
  color: var(--ut-wp-checkmark-color, #fff);
  transform: scale(1.2);
}

.t-WizardSteps-step.is-active .t-WizardSteps-marker {
  background-color: var(--ut-wp-active-background-color, var(--ut-palette-primary));
  color: var(--ut-wp-active-text-color, var(--ut-wp-checkmark-color, #fff));
  transform: scale(1.5);
}

.t-WizardSteps-step.is-active .t-WizardSteps-label {
  font-weight: var(--ut-wp-label-active-font-weight, 700);
}

/* Modifier: Vertical
   ---
   Adjusts the vertical margins and dimensinos for vertical wizard lists
   ========================================================================== */
.t-WizardSteps--vertical .t-WizardSteps-step .t-WizardSteps-marker {
  margin: var(--ut-wp-vertical-marker-margin-y) 0;
  width: var(--ut-wp-vertical-marker-size, 1.25rem);
  height: var(--ut-wp-vertical-marker-size, 1.25rem);
  transform: none;
  position: static;
}

/* Wizard Label
========================================================================== */
.t-WizardSteps-label {
  display: block;
  text-align: center;
  -webkit-margin-before: calc(var(--ut-wp-marker-size, 0.75rem) * 4);
          margin-block-start: calc(var(--ut-wp-marker-size, 0.75rem) * 4);
  -webkit-padding-before: var(--ut-wp-label-padding-y, 0.25rem);
          padding-block-start: var(--ut-wp-label-padding-y, 0.25rem);
  -webkit-padding-after: 0;
          padding-block-end: 0;
  -webkit-padding-start: calc(var(--ut-wp-label-padding-y) * 2);
          padding-inline-start: calc(var(--ut-wp-label-padding-y) * 2);
  -webkit-padding-end: calc(var(--ut-wp-label-padding-y) * 2);
          padding-inline-end: calc(var(--ut-wp-label-padding-y) * 2);
  line-height: var(--ut-wp-label-line-height, 1.125rem);
  font-size: var(--ut-wp-label-font-size, 0.75rem);
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--ut-wp-label-color, var(--ut-component-text-default-color));
}

/* Modifier: Vertical
   ---
   Aligns labels to the left
   ========================================================================== */
.t-WizardSteps--vertical .t-WizardSteps-label {
  -webkit-margin-before: var(--ut-wp-vertical-marker-margin-y, 0.5rem);
          margin-block-start: var(--ut-wp-vertical-marker-margin-y, 0.5rem);
  -webkit-margin-after: var(--ut-wp-vertical-marker-margin-y, 0.5rem);
          margin-block-end: var(--ut-wp-vertical-marker-margin-y, 0.5rem);
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-margin-start: var(--ut-wp-vertical-marker-margin-x, 0.5rem);
          margin-inline-start: var(--ut-wp-vertical-marker-margin-x, 0.5rem);
  padding: 0;
  flex-grow: 1;
  text-align: start;
}

/* Modifier: Display Current Label Only
   ---
   Displays active marker label only.
   ========================================================================== */
.t-WizardSteps--displayCurrentLabelOnly .t-WizardSteps-step:not(.is-active) .t-WizardSteps-label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}
/* ==========================================================================
   Content Row
   ========================================================================== */
.t-ContentRow {
  list-style: none;
  padding: 0;
  margin: 0;
  border-style: solid;
  border-width: var(--ut-cr-border-width, 0);
  border-color: var(--ut-cr-border-color);
}
.t-ContentRow li {
  font-size: inherit;
  line-height: inherit;
}

.t-ContentRow-item {
  position: relative;
}
.t-ContentRow-item:not(:only-child):not(:last-child) {
  border-bottom-color: var(--ut-cr-item-border-color, var(--ut-component-inner-border-color));
  border-bottom-width: var(--ut-cr-item-border-width, var(--ut-component-inner-border-width));
  border-bottom-style: solid;
}
.t-ContentRow-item + .t-Report-pagination {
  border-top-color: var(--ut-cr-border-color, var(--ut-component-border-color));
  border-top-width: var(--ut-cr-border-width, var(--ut-component-border-width));
  border-top-style: solid;
}

.t-ContentRow-fullLink {
  display: block;
  position: absolute;
  inset: 0;
  outline-offset: -2px;
}

.t-ContentRow-wrap {
  -webkit-padding-start: var(--ut-cr-wrap-padding-x, 1rem);
          padding-inline-start: var(--ut-cr-wrap-padding-x, 1rem);
  -webkit-padding-end: var(--ut-cr-wrap-padding-x, 1rem);
          padding-inline-end: var(--ut-cr-wrap-padding-x, 1rem);
  -webkit-padding-before: var(--ut-cr-wrap-padding-y, 1rem);
          padding-block-start: var(--ut-cr-wrap-padding-y, 1rem);
  -webkit-padding-after: var(--ut-cr-wrap-padding-y, 1rem);
          padding-block-end: var(--ut-cr-wrap-padding-y, 1rem);
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .t-ContentRow-wrap {
    --ut-cr-wrap-padding-y: var(--ut-xs-cr-wrap-padding-y, .75rem);
    --ut-cr-wrap-padding-x: var(--ut-xs-cr-wrap-padding-x, .75rem);
  }
}
a.t-ContentRow-wrap {
  text-decoration: none !important;
  outline: none;
}

.t-ContentRow-wrap a,
.t-ContentRow-wrap button {
  position: relative;
}

.t-ContentRow-selection {
  -webkit-margin-end: var(--ut-cr-selection-spacing, var(--ut-cr-wrap-padding-x, 1rem));
          margin-inline-end: var(--ut-cr-selection-spacing, var(--ut-cr-wrap-padding-x, 1rem));
  font-size: var(--ut-cr-selection-font-size, 1rem);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.t-ContentRow-selection input {
  font-size: var(--ut-cr-selection-font-size, 1rem);
  margin: 0;
}
.t-ContentRow-selection:empty {
  display: none;
}
.t-ContentRow-selection.is-placeholder:empty {
  display: block;
}
.t-ContentRow-selection.is-placeholder:empty:before {
  background-color: var(--ut-component-badge-background-color);
  display: inline-block;
  content: "\00a0";
  min-inline-size: 1rem;
  min-block-size: 1rem;
}

.t-ContentRow-avatar {
  -webkit-margin-end: var(--ut-cr-icon-spacing, 0.75rem);
          margin-inline-end: var(--ut-cr-icon-spacing, 0.75rem);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  align-content: center;
  color: var(--ut-cr-icon-text-color, var(--ut-component-text-muted-color));
}

.t-ContentRow-iconWrap {
  -webkit-margin-end: var(--ut-cr-icon-spacing, 0.75rem);
          margin-inline-end: var(--ut-cr-icon-spacing, 0.75rem);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  align-content: center;
  color: var(--ut-cr-icon-text-color, var(--ut-component-text-muted-color));
}
.t-ContentRow-iconWrap:empty {
  display: none;
}
.t-ContentRow .t-ContentRow-iconWrap img {
  display: block;
  max-width: var(--ut-cr-img-max-width, 2.5rem);
  height: auto;
}

.t-ContentRow-badge {
  -webkit-margin-end: var(--ut-cr-icon-spacing, 0.75rem);
          margin-inline-end: var(--ut-cr-icon-spacing, 0.75rem);
  flex-shrink: 0;
  display: flex;
  min-inline-size: 0;
}
.t-ContentRow-badge--sm {
  inline-size: 4rem;
}
.t-ContentRow-badge--md {
  inline-size: 6.25rem;
}
.t-ContentRow-badge--lg {
  inline-size: 10rem;
}

.t-ContentRow-badge--posEnd {
  -webkit-margin-start: var(--ut-cr-icon-spacing, 0.75rem);
          margin-inline-start: var(--ut-cr-icon-spacing, 0.75rem);
  -webkit-margin-end: unset;
          margin-inline-end: unset;
  order: 3;
}

.t-ContentRow-badge--alignCenter {
  justify-content: center;
}

.t-ContentRow-badge--alignEnd {
  justify-content: end;
}

.t-ContentRow-body {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 640px) {
  .t-ContentRow-body {
    flex-direction: row;
    align-items: center;
  }
}

.t-ContentRow-content {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.t-ContentRow-overline {
  margin: 0;
  font-size: var(--ut-cr-overline-font-size, 0.6875rem);
  line-height: var(--ut-cr-overline-line-height, 1rem);
  font-weight: var(--ut-cr-overline-font-weight, 400);
  color: var(--ut-cr-overline-text-color, var(--ut-component-text-muted-color));
  display: block;
}
.t-ContentRow-overline.is-placeholder {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.t-ContentRow-overline.is-placeholder:before {
  background-color: var(--ut-component-badge-background-color);
  display: inline-block;
  content: "\00a0";
  min-inline-size: 4rem;
}

.t-ContentRow-title {
  margin: 0;
  font-size: var(--ut-cr-title-font-size, 1rem);
  line-height: var(--ut-cr-title-line-height, 1.25rem);
  font-weight: var(--ut-cr-title-font-weight, 700);
  -webkit-margin-end: var(--ut-cr-title-margin-x, 0.5rem);
          margin-inline-end: var(--ut-cr-title-margin-x, 0.5rem);
  color: var(--ut-cr-title-text-color, var(--ut-component-text-title-color));
  display: block;
}
.t-ContentRow-title > label {
  display: block;
  cursor: pointer;
}
.t-ContentRow-title a:not([class]):hover {
  -webkit-text-decoration: var(--ut-link-text-decoration, underline);
          text-decoration: var(--ut-link-text-decoration, underline);
}
.t-ContentRow-title.is-placeholder {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.t-ContentRow-title.is-placeholder:before {
  background-color: var(--ut-component-badge-background-color);
  display: inline-block;
  content: "\00a0";
  min-inline-size: 8rem;
}

.t-ContentRow-description {
  -webkit-margin-before: var(--ut-cr-desc-margin-y, 0.25rem);
          margin-block-start: var(--ut-cr-desc-margin-y, 0.25rem);
  font-size: var(--ut-cr-desc-font-size, 0.875rem);
  line-height: var(--ut-cr-desc-line-height, 1.25rem);
  color: var(--ut-cr-desc-text-color, var(--ut-component-text-muted-color));
}
.t-ContentRow-description:empty {
  display: none;
}
.t-ContentRow-description:first-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.t-ContentRow-description.is-placeholder {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.t-ContentRow-description.is-placeholder:empty {
  display: block;
}
.t-ContentRow-description.is-placeholder:before {
  background-color: var(--ut-component-badge-background-color);
  display: inline-block;
  content: "\00a0";
  min-inline-size: 14rem;
}

.t-ContentRow-misc {
  -webkit-margin-before: var(--ut-cr-misc-margin-y, 0.25rem);
          margin-block-start: var(--ut-cr-misc-margin-y, 0.25rem);
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  font-size: var(--ut-cr-misc-font-size, 0.75rem);
  line-height: var(--ut-cr-misc-line-height);
  color: var(--ut-cr-desc-misc-text-color, var(--ut-component-text-muted-color));
}
@media (min-width: 640px) {
  .t-ContentRow-misc {
    flex-grow: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-start: var(--ut-cr-wrap-padding-x, 0.75rem);
            margin-inline-start: var(--ut-cr-wrap-padding-x, 0.75rem);
  }
}
.t-ContentRow-misc:empty {
  display: none;
}
.t-ContentRow-misc.is-placeholder {
  inline-size: -webkit-fit-content;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
}
.t-ContentRow-misc.is-placeholder:empty {
  display: block;
}
.t-ContentRow-misc.is-placeholder:before {
  background-color: var(--ut-component-badge-background-color);
  display: inline-block;
  content: "\00a0";
  min-inline-size: 4rem;
}

.t-ContentRow-actions {
  -webkit-margin-before: var(--ut-cr-actions-margin-y, 0.25rem);
          margin-block-start: var(--ut-cr-actions-margin-y, 0.25rem);
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  font-size: var(--ut-cr-actions-font-size, 0.75rem);
  line-height: var(--ut-cr-actions-line-height);
  color: var(--ut-cr-desc-actions-text-color, var(--ut-component-text-muted-color));
}
@media (min-width: 640px) {
  .t-ContentRow-actions {
    flex-grow: 0;
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-start: var(--ut-cr-wrap-padding-x, 0.75rem);
            margin-inline-start: var(--ut-cr-wrap-padding-x, 0.75rem);
  }
}
.t-ContentRow-actions:empty {
  display: none;
}

/* Template Options
   ========================================================================== */
.t-ContentRow--alignTop .t-ContentRow-wrap,
.t-ContentRow--alignTop .t-ContentRow-body {
  align-items: flex-start;
}

.t-ContentRow--hideSelection .t-ContentRow-selection {
  display: none !important;
}

.t-ContentRow--hideIcon .t-ContentRow-iconWrap {
  display: none !important;
}

.t-ContentRow--hideMisc .t-ContentRow-misc {
  display: none !important;
}

.t-ContentRow--hideActions .t-ContentRow-actions {
  display: none !important;
}

.t-ContentRow--hideTitle {
  --ut-cr-desc-margin-y: 0rem;
}
.t-ContentRow--hideTitle .t-ContentRow-title {
  display: none !important;
}

.t-ContentRow--hideDescription .t-ContentRow-description {
  display: none !important;
}

.t-ContentRow--hideBorders {
  --ut-cr-item-border-width: 0px;
}

.t-ContentRow--styleCompact {
  --ut-cr-wrap-padding-y: .75rem;
  --ut-cr-wrap-padding-x: .75rem;
  --ut-cr-selection-spacing: .625rem;
  --ut-cr-icon-spacing: .625rem;
  --ut-cr-img-max-width: 1.5rem;
  --ut-cr-title-font-size: .9375rem;
}

.t-ContentRow--removePadding .t-ContentRow-wrap {
  --ut-cr-wrap-padding-y: .5rem;
  padding-inline: 0;
}
.t-ContentRow--removePadding .t-ContentRow-item:first-child .t-ContentRow-wrap {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}
.t-ContentRow--removePadding .t-ContentRow-item:last-child .t-ContentRow-wrap {
  -webkit-padding-after: 0;
          padding-block-end: 0;
}

.apex-partial-theme-content-row {
  --ut-cr-wrap-padding-x: 0;
  --ut-cr-wrap-padding-y: 0;
  --ut-cr-item-border-width: 0px;
}

/* ==========================================================================
   Comments
   ========================================================================== */
/* Comments Container
   ========================================================================== */
.t-Comments {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Comment Item
   ========================================================================== */
.t-Comments-item {
  -webkit-margin-after: var(--ut-comment-item-margin-bottom, 1rem);
          margin-block-end: var(--ut-comment-item-margin-bottom, 1rem);
  display: flex;
  min-inline-size: 0;
}
.t-Comments-item > .t-Comments-item {
  -webkit-margin-after: unset;
          margin-block-end: unset;
  flex-grow: 1;
}
.t-Comments-item:last-child {
  --ut-comment-item-margin-bottom: 0;
}

/* Icon
   ========================================================================== */
.t-Comments-icon {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  -webkit-margin-end: var(--ut-comment-icon-margin-x, 0.75rem);
          margin-inline-end: var(--ut-comment-icon-margin-x, 0.75rem);
}
.t-Comments-icon .t-Avatar--noShape {
  min-block-size: var(--ut-avatar-size);
  min-inline-size: var(--ut-avatar-size);
}

.t-Comments-userIcon,
.t-Comments-userImg {
  border-radius: var(--ut-comment-icon-border-radius, 100%);
  width: var(--ut-comment-icon-size, 2rem);
  height: var(--ut-comment-icon-size, 2rem);
  display: block;
  background-color: var(--ut-comment-icon-background-color, var(--ut-component-icon-background-color));
  color: var(--ut-comment-icon-color, var(--ut-component-icon-color));
  -o-object-fit: cover;
     object-fit: cover;
}

.t-Comments-userIcon {
  font-size: var(--ut-comment-icon-font-size, 0.75rem);
  font-weight: var(--ut-comment-icon-font-weight, var(--a-base-font-weight-semibold, 500));
  line-height: var(--ut-comment-icon-size, 2rem);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

/* Icon Shapes
   ========================================================================== */
.t-Comments--iconsSquare {
  --ut-comment-icon-border-radius: 0;
}

.t-Comments--iconsRounded {
  --ut-comment-icon-rounded-border-radius: .25rem;
}

/* Body
   ========================================================================== */
.t-Comments-body {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

/* Comment Info (User, Time, Actions)
   ========================================================================== */
.t-Comments-info {
  color: var(--ut-comment-info-color, var(--ut-component-text-muted-color));
  font-size: var(--ut-comment-info-font-size, 0.75rem);
}
.t-Comments-info a:not(.t-Button):hover {
  -webkit-text-decoration: var(--ut-link-text-decoration, underline);
          text-decoration: var(--ut-link-text-decoration, underline);
}

.t-Comments-date {
  -webkit-margin-end: var(--ut-comment-info-margin-x, 0.5rem);
          margin-inline-end: var(--ut-comment-info-margin-x, 0.5rem);
}
.t-Comments-date:before {
  content: "\00b7\00a0";
  opacity: var(--ut-comment-info-sep-opacity, 0.5);
}
.t-Comments-date:empty {
  display: none;
}
.t-Comments-date:last-child {
  --ut-comment-info-margin-x: 0rem;
}

.t-Comments-actions a:not(:last-child) {
  -webkit-margin-end: var(--ut-comment-info-margin-x, 0.5rem);
          margin-inline-end: var(--ut-comment-info-margin-x, 0.5rem);
}

/* Comment Text
   ========================================================================== */
.t-Comments-comment {
  font-size: var(--ut-comment-font-size, 0.875rem);
  line-height: var(--ut-comment-line-height, 1.25rem);
  -webkit-padding-start: var(--ut-comment-chat-padding-x);
          padding-inline-start: var(--ut-comment-chat-padding-x);
  -webkit-padding-end: var(--ut-comment-chat-padding-x);
          padding-inline-end: var(--ut-comment-chat-padding-x);
  -webkit-padding-before: var(--ut-comment-chat-padding-y);
          padding-block-start: var(--ut-comment-chat-padding-y);
  -webkit-padding-after: var(--ut-comment-chat-padding-y);
          padding-block-end: var(--ut-comment-chat-padding-y);
  border-radius: var(--ut-comment-chat-border-radius);
}

.t-Comments-text--prevValue {
  text-decoration: line-through;
}

.t-Comments-text--newValue {
  font-weight: var(--a-base-font-weight-bold, 700);
}

/* Chat Message Style
   ========================================================================== */
.t-Comments--chat {
  --ut-comment-chat-padding-x: .5rem;
  --ut-comment-chat-padding-y: .375rem;
  --ut-comment-chat-border-radius: .25rem;
}
.t-Comments--chat .t-Comments-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.t-Comments--chat .t-Comments-body:first-child .t-Comments-comment:after {
  content: none;
}
.t-Comments--chat .t-Comments-info {
  -webkit-margin-before: var(--ut-comment-info-margin-y, 0.25rem);
          margin-block-start: var(--ut-comment-info-margin-y, 0.25rem);
  order: 2;
}
.t-Comments--chat .t-Comments-comment {
  order: 1;
  position: relative;
  background-color: var(--ut-comment-chat-background-color);
  color: var(--ut-comment-chat-text-color, var(--ut-component-text-default-color));
}
.t-Comments--chat .t-Comments-comment:after {
  right: 100%;
  top: var(--ut-comment-chat-top, 1rem);
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  -webkit-margin-before: calc(var(--ut-comment-caret-border-width, var(--ut-comment-chat-padding-y, 0.375rem)) * -1);
          margin-block-start: calc(var(--ut-comment-caret-border-width, var(--ut-comment-chat-padding-y, 0.375rem)) * -1);
  border-style: solid;
  border-color: transparent;
  border-width: var(--ut-comment-caret-border-width, var(--ut-comment-chat-padding-y, 0.375rem));
  border-right-color: var(--ut-comment-chat-background-color);
}
.u-RTL .t-Comments--chat .t-Comments-comment:after {
  right: unset;
  left: 100%;
  border-left-color: var(--ut-comment-chat-background-color);
  border-right-color: transparent;
}

.t-Comments--chat .t-Comments-item.is-active {
  --ut-comment-chat-background-color: var(--ut-comment-chat-active-background-color);
  --ut-comment-chat-text-color: var(--ut-comment-chat-active-text-color);
}

/* Basic Message Style
   ========================================================================== */
.t-Comments--basic .t-Comments-item.is-active {
  background-color: var(--ut-comment-chat-background-color);
  border-radius: 0.125rem;
  padding: 0.5rem 0;
}

.t-Comments-item.is-systemMessage {
  background-color: var(--ut-comment-chat-background-color);
}
.t-Comments-item.is-systemMessage .t-Comments-userIcon {
  display: none;
}

/* No User Icon
     ========================================================================== */
.t-Comments--noUserIcon .t-Comments-icon,
.t-Comments-item--noUserIcon .t-Comments-icon {
  display: none;
}

.t-Comments-comment.is-placeholder:before {
  display: inline-block;
  content: "\00a0";
  min-inline-size: 10rem;
}

.t-Comments-user.is-placeholder:before {
  display: inline-block;
  content: "\00a0";
  min-inline-size: 4rem;
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */
/* ==========================================================================
   Breadcrumb Region
   ========================================================================== */
.t-BreadcrumbRegion {
  padding: var(--ut-breadcrumb-padding-y, 1rem) var(--ut-breadcrumb-padding-x, 1rem);
}
@media (max-width: 639px) {
  .t-BreadcrumbRegion {
    --ut-breadcrumb-padding-y: var(--ut-xs-breadcrumb-padding-y, 1rem);
    --ut-breadcrumb-padding-x: var(--ut-xs-breadcrumb-padding-x, 1rem);
  }
}
@media (max-width: 479px) {
  .t-BreadcrumbRegion {
    --a-button-gap-x: calc(var(--a-button-gap-x, .5rem) / 2);
  }
  .t-BreadcrumbRegion .t-BreadcrumbRegion-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-margin-before: -0.25rem;
            margin-block-start: -0.25rem;
    -webkit-margin-after: -0.25rem;
            margin-block-end: -0.25rem;
  }
  .t-BreadcrumbRegion .t-BreadcrumbRegion-buttons .t-Button {
    flex-grow: 1;
    -webkit-margin-before: 0.25rem;
            margin-block-start: 0.25rem;
    -webkit-margin-after: 0.25rem;
            margin-block-end: 0.25rem;
  }
}
@media (max-width: 639px) {
  .t-BreadcrumbRegion {
    flex-wrap: wrap;
  }
}
.t-BreadcrumbRegion + div > .apex-rds-container {
  -webkit-margin-before: -1rem;
          margin-block-start: -1rem;
}
.t-BreadcrumbRegion + div > .apex-rds-container:empty {
  display: none;
}

.t-BreadcrumbRegion-top {
  display: flex;
  align-items: flex-end;
  -moz-column-gap: var(--ut-breadcrumb-region-gap, 0.75rem);
       column-gap: var(--ut-breadcrumb-region-gap, 0.75rem);
}

.t-BreadcrumbRegion-bottom {
  -webkit-padding-before: var(--ut-breadcrumb-region-spacing, var(--ut-breadcrumb-padding-y, 1rem));
          padding-block-start: var(--ut-breadcrumb-region-spacing, var(--ut-breadcrumb-padding-y, 1rem));
}
@media (max-width: 639px) {
  .t-BreadcrumbRegion-bottom {
    --ut-breadcrumb-region-spacing: var(--ut-xs-breadcrumb-region-spacing, var(--ut-breadcrumb-region-spacing, var(--ut-breadcrumb-padding-y, 1rem)));
  }
}
.t-BreadcrumbRegion-bottom:empty {
  display: none;
}
.t-BreadcrumbRegion-bottom .a-FS-searchBar {
  max-width: var(--ut-smart-filter-max-width);
}

.t-BreadcrumbRegion-body {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: calc(var(--a-button-line-height, 1rem) + var(--a-button-paddiny-y, 0.5rem) + var(--a-button-paddiny-y, 0.5rem));
}

.t-BreadcrumbRegion-breadcrumb {
  display: none;
  flex-grow: 1;
  min-width: 0;
}
.t-BreadcrumbRegion-breadcrumb:empty {
  display: none;
}

.t-BreadcrumbRegion:not(.t-BreadcrumbRegion--showBreadcrumb) .t-BreadcrumbRegion-breadcrumb {
  display: none;
}

.t-BreadcrumbRegion-title {
  flex-grow: 1;
}

.t-BreadcrumbRegion-buttons {
  display: flex;
  align-items: center;
}
.t-BreadcrumbRegion-buttons:empty {
  display: none;
}

.t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item.is-active,
.t-BreadcrumbRegion-titleText {
  margin: 0;
  font-weight: var(--ut-breadcrumb-item-active-font-weight, var(--a-base-font-weight-semibold, 500));
  color: var(--ut-breadcrumb-item-active-text-color, var(--ut-component-text-title-color));
}

/* Modifier: Show Breadcrumb
   ========================================================================== */
.t-BreadcrumbRegion--showBreadcrumb .t-BreadcrumbRegion-breadcrumb {
  display: block;
}

/* Modifier: Use Region Title
   ========================================================================== */
@media (max-width: 639px) {
  .t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-breadcrumb,
.t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-title {
    display: block;
    flex-grow: 0;
    flex-basis: auto;
  }
  .t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-titleText {
    font-size: var(--ut-breadcrumb-item-font-size, 0.875rem);
    line-height: var(--ut-breadcrumb-item-line-height, 1rem);
  }
  .t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-buttons .t-Button {
    vertical-align: top;
  }
}
@media (min-width: 640px) {
  .t-Body-title-shrink .t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-breadcrumb,
.t-Body-title-shrink .t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-title {
    display: block;
    flex-grow: 0;
    flex-basis: auto;
  }
  .t-Body-title-shrink .t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-titleText {
    font-size: var(--ut-breadcrumb-item-font-size, 0.875rem);
    line-height: var(--ut-breadcrumb-item-line-height, 1rem);
  }
  .t-Body-title-shrink .t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-buttons .t-Button {
    vertical-align: top;
  }
}

/* Modifier: Use Breadcrumb Title
   ========================================================================== */
.t-BreadcrumbRegion--useBreadcrumbTitle .t-BreadcrumbRegion-title {
  display: none !important;
}

@media (min-width: 640px) {
  .t-BreadcrumbRegion-title {
    flex-basis: 100%;
  }

  .t-Body-title:not(.t-Body-title-shrink) .t-BreadcrumbRegion--useBreadcrumbTitle:not(.t-BreadcrumbRegion--compactTitle) .t-Breadcrumb-item:last-child,
.t-BreadcrumbRegion-titleText {
    display: block;
    margin: 0;
    flex-basis: 100%;
    font-size: var(--ut-breadcrumb-title-font-size, 2rem);
    line-height: var(--ut-breadcrumb-title-line-height, 3rem);
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: var(--ut-breadcrumb-title-font-weight, var(--a-base-font-weight-semibold, 500));
    font-family: var(--ut-breadcrumb-title-font-family);
  }

  .t-Body-title:not(.t-Body-title-shrink) .t-BreadcrumbRegion:not(.t-BreadcrumbRegion--compactTitle) .t-BreadcrumbRegion-buttons {
    min-height: var(--ut-breadcrumb-title-line-height, 3rem);
  }
}
/* Modifier: Compact Display
   ========================================================================== */
.t-BreadcrumbRegion--compactTitle .t-BreadcrumbRegion-breadcrumb,
.t-BreadcrumbRegion--compactTitle .t-BreadcrumbRegion-title {
  display: block;
  flex-grow: 0;
  flex-basis: auto;
}
.t-BreadcrumbRegion--compactTitle .t-BreadcrumbRegion-titleText {
  font-size: var(--ut-breadcrumb-item-font-size, 0.875rem);
  line-height: var(--ut-breadcrumb-item-line-height, 1rem);
}
.t-BreadcrumbRegion--compactTitle .t-BreadcrumbRegion-buttons .t-Button {
  vertical-align: top;
}
.t-BreadcrumbRegion--compactTitle .t-BreadcrumbRegion-title {
  flex-basis: auto;
}

/* Modifier: Heading Font Alternative
   ========================================================================== */
@media (min-width: 640px) {
  .t-Body-title:not(.t-Body-title-shrink) .t-BreadcrumbRegion--headingFontAlt.t-BreadcrumbRegion--useBreadcrumbTitle:not(.t-BreadcrumbRegion--compactTitle) .t-Breadcrumb-item:last-child, .t-Body-title:not(.t-Body-title-shrink) .t-BreadcrumbRegion--headingFontAlt.t-BreadcrumbRegion--useRegionTitle .t-BreadcrumbRegion-titleText {
    font-family: var(--ut-alternate-heading-font-family);
    font-weight: var(--ut-alternate-heading-font-weight);
  }
}

/* ==========================================================================
   Breadcrumb
   ========================================================================== */
.t-Breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.t-Breadcrumb:empty {
  display: none;
}

.t-Breadcrumb-item {
  position: relative;
  display: flex;
  align-items: center;
  font-size: var(--ut-breadcrumb-item-font-size, 0.875rem);
  line-height: var(--ut-breadcrumb-item-line-height, 1rem);
  font-weight: var(--ut-breadcrumb-item-font-weight, 400);
  color: var(--ut-breadcrumb-item-text-color, var(--ut-component-text-muted-color));
}
.t-Breadcrumb-item:after {
  opacity: var(--ut-breadcrumb-item-sep-opacity, 0.5);
  -webkit-margin-start: var(--ut-breadcrumb-item-sep-spacing, 0.5rem);
          margin-inline-start: var(--ut-breadcrumb-item-sep-spacing, 0.5rem);
  -webkit-margin-end: var(--ut-breadcrumb-item-sep-spacing, 0.5rem);
          margin-inline-end: var(--ut-breadcrumb-item-sep-spacing, 0.5rem);
  content: "\\";
}
.u-RTL .t-Breadcrumb-item:after {
  content: "/";
}
.t-Breadcrumb-item a:hover {
  color: var(--ut-link-text-color);
  -webkit-text-decoration: var(--ut-link-text-decoration, underline);
          text-decoration: var(--ut-link-text-decoration, underline);
}
.t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child:after {
  display: none;
}

.t-Breadcrumb-label {
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
  display: inherit;
  font-weight: inherit;
  color: inherit;
}

.t-Breadcrumb--hideLast .t-Breadcrumb-item:last-child {
  display: none;
}

.t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child .t-Breadcrumb-label {
  overflow: hidden;
  display: block;
}

/* Breadcrumb Region Specific Overrides
   ========================================================================== */
@media (max-width: 639px) {
  .t-BreadcrumbRegion {
    --ut-breadcrumb-padding-y: .5rem;
  }

  .t-BreadcrumbRegion-body {
    -webkit-padding-before: var(--ut-breadcrumb-padding-y, 0.5rem);
            padding-block-start: var(--ut-breadcrumb-padding-y, 0.5rem);
    -webkit-padding-after: var(--ut-breadcrumb-padding-y, 0.5rem);
            padding-block-end: var(--ut-breadcrumb-padding-y, 0.5rem);
  }

  .js-rightCollapsed .t-BreadcrumbRegion-buttons, .js-rightExpanded .t-BreadcrumbRegion-buttons {
    -webkit-padding-end: 2rem;
            padding-inline-end: 2rem;
  }

  .t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child {
    height: auto;
  }

  .t-BreadcrumbRegion + div > .apex-rds-container {
    --ut-breadcrumb-padding-y: .5rem;
  }
}
@media (min-width: 640px) {
  .t-Body-title-shrink .t-BreadcrumbRegion {
    --ut-breadcrumb-padding-y: .5rem;
  }
  .t-Body-title-shrink .t-BreadcrumbRegion-body {
    -webkit-padding-before: var(--ut-breadcrumb-padding-y, 0.5rem);
            padding-block-start: var(--ut-breadcrumb-padding-y, 0.5rem);
    -webkit-padding-after: var(--ut-breadcrumb-padding-y, 0.5rem);
            padding-block-end: var(--ut-breadcrumb-padding-y, 0.5rem);
  }
  .js-rightCollapsed .t-Body-title-shrink .t-BreadcrumbRegion-buttons, .js-rightExpanded .t-Body-title-shrink .t-BreadcrumbRegion-buttons {
    -webkit-padding-end: 2rem;
            padding-inline-end: 2rem;
  }
  .t-Body-title-shrink .t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item:last-child {
    height: auto;
  }
}
/* Modifier: Display Parent on Mobile
   ========================================================================== */
@media (max-width: 639px) {
  .t-BreadcrumbRegion .t-Breadcrumb-item:not(:nth-last-child(2)):not(:last-child) {
    display: none;
  }
  .t-BreadcrumbRegion .t-Breadcrumb-item:nth-last-child(2) .t-Breadcrumb-label {
    text-decoration: none;
  }
  .t-BreadcrumbRegion .t-Breadcrumb-item:nth-last-child(2) .t-Breadcrumb-label:before {
    font-family: var(--a-icon-font-family, "apex-5-icon-font");
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: inline-block;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e0ca";
    -webkit-margin-end: calc(var(--ut-breadcrumb-item-sep-spacing, 0.5rem) / 2);
            margin-inline-end: calc(var(--ut-breadcrumb-item-sep-spacing, 0.5rem) / 2);
    line-height: inherit;
  }
  .u-RTL .t-BreadcrumbRegion .t-Breadcrumb-item:nth-last-child(2) .t-Breadcrumb-label:before {
    content: "\e0d8";
  }
}

/* ==========================================================================
   List View
   ========================================================================== */
.a-ListView {
  margin: 0;
  padding: 0;
  list-style: none;
}

.a-ListView-item {
  line-height: var(--ut-lv-line-height, 1.25rem);
  position: relative;
  border-bottom-color: var(--ut-component-inner-border-color);
}
.a-ListView-item .ui-btn {
  -webkit-padding-before: var(--ut-lv-item-padding-y, 0.5rem);
          padding-block-start: var(--ut-lv-item-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-lv-item-padding-y, 0.5rem);
          padding-block-end: var(--ut-lv-item-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-lv-item-padding-x, 0.75rem);
          padding-inline-start: var(--ut-lv-item-padding-x, 0.75rem);
  -webkit-padding-end: var(--ut-lv-item-padding-x, 0.75rem);
          padding-inline-end: var(--ut-lv-item-padding-x, 0.75rem);
  color: var(--ut-component-text-default-color);
  background-color: transparent;
}
.a-ListView-item .ui-btn:hover {
  background-color: var(--ut-component-highlight-background-color);
}

.a-ListView-divider,
.a-ListView-item {
  -webkit-padding-before: var(--ut-lv-item-padding-y, 0.5rem);
          padding-block-start: var(--ut-lv-item-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-lv-item-padding-y, 0.5rem);
          padding-block-end: var(--ut-lv-item-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-lv-item-padding-x, 0.75rem);
          padding-inline-start: var(--ut-lv-item-padding-x, 0.75rem);
  -webkit-padding-end: var(--ut-lv-item-padding-x, 0.75rem);
          padding-inline-end: var(--ut-lv-item-padding-x, 0.75rem);
  font-size: var(--ut-lv-item-font-size, 0.875rem);
}

.a-ListView-item .ui-li-count {
  position: absolute;
  right: var(--ut-lv-count-position-x, var(--ut-lv-item-padding-y, 0.5rem));
  top: var(--ut-lv-count-position-y, var(--ut-lv-item-padding-x, 0.75rem));
  font-size: var(--ut-lv-count-font-size, 0.6875rem);
  -webkit-padding-before: var(--ut-lv-count-padding-y, 0);
          padding-block-start: var(--ut-lv-count-padding-y, 0);
  -webkit-padding-after: var(--ut-lv-count-padding-y, 0);
          padding-block-end: var(--ut-lv-count-padding-y, 0);
  -webkit-padding-end: var(--ut-lv-count-padding-x, 0.25rem);
          padding-inline-end: var(--ut-lv-count-padding-x, 0.25rem);
  -webkit-padding-start: var(--ut-lv-count-padding-x, 0.25rem);
          padding-inline-start: var(--ut-lv-count-padding-x, 0.25rem);
  line-height: var(--ut-lv-line-height, 1.25rem);
  border-radius: var(--ut-lv-count-border-radius, 0.125rem);
  box-shadow: none;
  background-color: var(--ut-component-badge-background-color);
  color: var(--ut-component-badge-text-color);
}
.u-RTL .a-ListView-item .ui-li-count {
  right: unset;
  left: var(--ut-lv-count-position-x, var(--ut-lv-item-padding-y, 0.5rem));
}

.a-ListView-divider {
  font-weight: var(--ut-lv-divider-font-weight, var(--a-base-font-weight-bold, 700));
  line-height: var(--ut-lv-divider-line-height, 1.5);
  background-color: var(--ut-lv-divider-background-color, var(--ut-component-toolbar-background-color));
}

/* ==========================================================================
   Region
   ========================================================================== */
.t-Region {
  display: block;
  border-width: var(--ut-region-border-width, var(--ut-component-border-width, 1px));
  border-style: solid;
  border-color: var(--ut-region-border-color, var(--ut-component-border-color));
  border-radius: var(--ut-region-border-radius, var(--ut-component-border-radius));
  box-shadow: var(--ut-region-box-shadow, var(--ut-component-box-shadow));
  -webkit-margin-after: var(--ut-region-margin, 1rem);
          margin-block-end: var(--ut-region-margin, 1rem);
  background-color: var(--ut-region-background-color, var(--ut-component-background-color));
  color: var(--ut-region-text-color, var(--ut-component-text-default-color));
  font-size: var(--ut-region-font-size, 0.875rem);
  line-height: var(--ut-region-line-height, 1.25rem);
}

.t-Region-header {
  border-top-left-radius: var(--ut-region-border-radius, var(--ut-component-border-radius));
  border-top-right-radius: var(--ut-region-border-radius, var(--ut-component-border-radius));
  border-block-end-width: var(--ut-region-header-border-width, var(--ut-region-border-width, 1px));
  border-block-end-style: solid;
  border-block-end-color: var(--ut-region-header-border-color, var(--ut-region-border-color, rgba(0, 0, 0, 0.075)));
  background-color: var(--ut-region-header-background-color, var(--ut-region-background-color, var(--ut-component-background-color)));
  color: var(--ut-region-header-text-color, var(--ut-region-text-color, var(--ut-component-text-default-color)));
  font-size: var(--ut-region-header-font-size, 1rem);
  font-weight: var(--a-base-font-weight-semibold, 500);
  line-height: var(--ut-region-header-line-height, 1.5rem);
  display: flex;
  align-items: center;
}

.t-Region-title {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

.t-Region-titleButton {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  display: block;
  cursor: var(--a-button-cursor, pointer);
  outline-offset: 2px;
}

.t-Region-headerIcon {
  display: none;
  -webkit-margin-end: var(--ut-region-header-icon-spacing, 0.25rem);
          margin-inline-end: var(--ut-region-header-icon-spacing, 0.25rem);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
}
.t-Region-headerIcon .t-Icon {
  padding: var(--ut-region-header-icon-padding, 0.25rem);
  border-radius: var(--ut-region-header-icon-border-radius, 0.125rem);
}

.t-Region--showIcon > .t-Region-header .t-Region-headerIcon {
  display: flex;
}

.t-Region-headerItems--controls {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  -webkit-padding-start: var(--ut-region-header-item-spacing, 0.5rem);
          padding-inline-start: var(--ut-region-header-item-spacing, 0.5rem);
  display: flex;
  align-items: center;
}

.t-Region-headerItems--title {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  -webkit-padding-before: var(--ut-region-header-padding-y, 0.75rem);
          padding-block-start: var(--ut-region-header-padding-y, 0.75rem);
  -webkit-padding-after: var(--ut-region-header-padding-y, 0.75rem);
          padding-block-end: var(--ut-region-header-padding-y, 0.75rem);
  -webkit-padding-start: var(--ut-region-header-padding-x, 0.75rem);
          padding-inline-start: var(--ut-region-header-padding-x, 0.75rem);
  -webkit-padding-end: var(--ut-region-header-padding-x, 0.75rem);
          padding-inline-end: var(--ut-region-header-padding-x, 0.75rem);
  display: flex;
  align-items: center;
}

.t-Region-headerItems--buttons {
  -webkit-padding-before: var(--ut-region-header-item-spacing, 0.5rem);
          padding-block-start: var(--ut-region-header-item-spacing, 0.5rem);
  -webkit-padding-after: var(--ut-region-header-item-spacing, 0.5rem);
          padding-block-end: var(--ut-region-header-item-spacing, 0.5rem);
  -webkit-padding-end: var(--ut-region-header-padding-x, 0.75rem);
          padding-inline-end: var(--ut-region-header-padding-x, 0.75rem);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-inline-size: 0;
}
.t-Region-headerItems--buttons .t-Button--icon + .t-Button--icon {
  --a-button-gap-x: 0;
}

.t-Region-body {
  position: relative;
  -webkit-padding-before: var(--ut-region-body-padding-y, 1rem);
          padding-block-start: var(--ut-region-body-padding-y, 1rem);
  -webkit-padding-after: var(--ut-region-body-padding-y, 1rem);
          padding-block-end: var(--ut-region-body-padding-y, 1rem);
  -webkit-padding-start: var(--ut-region-body-padding-x, 1rem);
          padding-inline-start: var(--ut-region-body-padding-x, 1rem);
  -webkit-padding-end: var(--ut-region-body-padding-x, 1rem);
          padding-inline-end: var(--ut-region-body-padding-x, 1rem);
}
.t-Region-body > .container {
  overflow: hidden;
}

.t-Region-buttons {
  display: flex;
  justify-content: space-between;
  flex-grow: 0;
}
.t-Region-buttons-left,
.t-Region-buttons-right {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  -webkit-padding-before: var(--ut-region-buttons-padding-y, 0.5rem);
          padding-block-start: var(--ut-region-buttons-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-region-buttons-padding-y, 0.5rem);
          padding-block-end: var(--ut-region-buttons-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-region-buttons-padding-x, 0.75rem);
          padding-inline-start: var(--ut-region-buttons-padding-x, 0.75rem);
  -webkit-padding-end: var(--ut-region-buttons-padding-x, 0.75rem);
          padding-inline-end: var(--ut-region-buttons-padding-x, 0.75rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-inline-size: 0;
}
.t-Region-buttons-left:empty,
.t-Region-buttons-right:empty {
  --ut-region-buttons-padding-y: 0rem;
  --ut-region-buttons-padding-x: 0rem;
}

/* ==========================================================================
   Hide Show / Collapsible Region
   ========================================================================== */
.t-Region--hideShow > .t-Region-header .t-Region-headerItems--title {
  -webkit-padding-start: var(--ut-region-hideshow-header-padding-x, 0.5rem);
          padding-inline-start: var(--ut-region-hideshow-header-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-region-hideshow-header-padding-x, 0.5rem);
          padding-inline-end: var(--ut-region-hideshow-header-padding-x, 0.5rem);
}
.t-Region--hideShow.is-expanded > .t-Region-bodyWrap {
  display: block;
  height: auto;
}
.t-Region--hideShow.is-collapsed {
  --ut-region-header-border-width: 0px;
}
.t-Region--hideShow.is-collapsed > .t-Region-header {
  border-bottom-left-radius: var(--ut-region-border-radius, var(--ut-component-border-radius));
  border-bottom-right-radius: var(--ut-region-border-radius, var(--ut-component-border-radius));
}
.t-Region--hideShow.is-collapsed > .t-Region-bodyWrap {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.t-Region--controlsPosEnd .t-Region-headerItems--controls {
  order: 3;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: var(--ut-region-header-item-spacing, 0.5rem);
          padding-inline-end: var(--ut-region-header-item-spacing, 0.5rem);
}
.t-Region--controlsPosEnd .t-Region-headerItems--title {
  --ut-region-hideshow-header-padding-x: var(--ut-region-header-padding-x, .75rem);
  order: 1;
}
.t-Region--controlsPosEnd .t-Region-headerItems--buttons {
  order: 2;
}
.t-Region--controlsPosEnd .a-Icon.icon-right-arrow:before,
.t-Region--controlsPosEnd .a-Icon.icon-ig-expand-row:before, .t-Region--controlsPosEnd.a-Collapsible.is-collapsed .a-Collapsible-icon:before {
  content: "\e002";
}
.u-RTL .t-Region--controlsPosEnd .a-Icon.icon-right-arrow:before,
.u-RTL .t-Region--controlsPosEnd .a-Icon.icon-ig-expand-row:before, .u-RTL .t-Region--controlsPosEnd.a-Collapsible.is-collapsed .a-Collapsible-icon:before {
  content: "\e126";
}

.t-Region--hideShowIconsMath .a-Icon.icon-down-arrow:before, .t-Region--hideShowIconsMath.a-Collapsible.is-expanded .a-Collapsible-icon:before,
.t-Region--hideShowIconsMath .a-Icon.icon-ig-collapse-row:before,
.t-Region--hideShowIconsMath .a-Icon.icon-irr-collapse-row:before {
  content: "\e167";
}
.t-Region--hideShowIconsMath .a-Icon.icon-right-arrow:before, .u-RTL .t-Region--hideShowIconsMath .a-Icon.icon-right-arrow:before,
.t-Region--hideShowIconsMath .a-Icon.icon-ig-expand-row:before,
.u-RTL .t-Region--hideShowIconsMath .a-Icon.icon-ig-expand-row:before, .t-Region--hideShowIconsMath.a-Collapsible.is-collapsed .a-Collapsible-icon:before, .u-RTL .t-Region--hideShowIconsMath.a-Collapsible.is-collapsed .a-Collapsible-icon:before {
  content: "\e069";
}

/* ==========================================================================
   Side Column Regions
   ========================================================================== */
.t-Body-side .t-Region,
.t-Body-actions .t-Region {
  --ut-region-box-shadow: none;
  --ut-region-margin: 0rem;
  --ut-region-background-color: transparent;
  --ut-region-header-background-color: transparent;
  --ut-region-border-radius: 0;
  border-width: var(--ut-region-border-width, 1px) 0 0;
}
.t-Body-side .t-Region:first-child,
.t-Body-actions .t-Region:first-child {
  --ut-region-border-width: 0px;
}
.t-Body-side .t-Region + .t-Region,
.t-Body-actions .t-Region + .t-Region {
  -webkit-margin-before: calc(var(--ut-region-border-width, 1px) * -1);
          margin-block-start: calc(var(--ut-region-border-width, 1px) * -1);
}

.t-Body-side .t-Region .t-Region-buttons-left {
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
}
.t-Body-side .t-Region .t-Region-buttons-right {
  -webkit-padding-end: 1rem;
          padding-inline-end: 1rem;
}

.t-Body-actions .t-Region > .t-Region-header {
  border-bottom-width: 0;
}

/* ==========================================================================
   Actions Regions
   ========================================================================== */
.t-Body-actions .t-Region {
  --ut-region-background-color: transparent;
  --ut-region-header-font-size: .875rem;
  --ut-region-header-line-height: 1rem;
  --ut-region-body-padding-y: .75rem;
  --ut-region-body-padding-x: .75rem;
}
.t-Body-actions .t-Region-body {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

/* ==========================================================================
   Modifier: Transparent Background
   ========================================================================== */
.t-Region--noBG {
  background-color: transparent;
}

/* ==========================================================================
   Modifier: No Border - Remove borders and shadows from the region
   ========================================================================== */
.t-Region--noBorder {
  box-shadow: none;
  border-width: 0;
}
.t-Region--noBorder > .t-Region-header {
  --ut-region-header-border-width: 0px;
}
.t-Region--noBorder > .t-Region-bodyWrap > .t-Region-body {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

.t-Region-body--noBorder {
  border: none;
}

/* ==========================================================================
   Modifier: No UI - Remove borders and shadows from the region.
   ========================================================================== */
.t-Region--noUI {
  border-width: 0;
  box-shadow: none;
  background-color: transparent;
}
.t-Region--noUI > .t-Region-bodyWrap > .t-Region-body {
  padding: 0;
}
.t-Region--noUI > .t-Region-header {
  --ut-region-header-padding-x: 0rem;
  border-width: 0;
  background-color: transparent;
}

/* ==========================================================================
   Modifier: No Padding
   ========================================================================== */
.t-Region--noPadding > .t-Region-bodyWrap > .t-Region-body {
  padding: 0;
  /* When region has no Padding, remove borders on IRR */
}
.t-Region--noPadding > .t-Region-bodyWrap > .t-Region-body > .a-IRR-container .a-IRR {
  border: 0;
}

/* ==========================================================================
   Modifier: Stacked Regions - Remove side borders and shadows. This is useful for accordions, and regions that can be grouped togehter into stacks.
   ========================================================================== */
.t-Region--stacked {
  border-width: var(--ut-region-border-width, 1px) 0;
  box-shadow: none;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  border-radius: 0 !important;
}
.t-Region--stacked:first-child {
  border-top-width: 0;
}
.t-Region--stacked + .t-Region--stacked {
  -webkit-margin-before: calc(var(--ut-region-border-width, 1px) * -1);
          margin-block-start: calc(var(--ut-region-border-width, 1px) * -1);
}
.t-Region--stacked > .t-Region-header {
  --ut-region-header-border-width: 1px;
  border-radius: 0;
}

/* ==========================================================================
   Modifier: Text Content Regions - This region style is used for displaying text content.
   ========================================================================== */
.t-Region--textContent {
  border: 0;
  box-shadow: none;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  background-color: transparent;
}
.t-Region--textContent > .t-Region-header, .t-Region--textContent > .t-Region-bodyWrap > .t-Region-body {
  --ut-region-header-border-width: 0px;
  background-color: transparent !important;
}

/* ==========================================================================
   Modifier: Hide Header - Accessible
   ========================================================================== */
.t-Region--hideHeader > .t-Region-header {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

/* ==========================================================================
   Modifier: Remove Header - Not Accessible
   ========================================================================== */
.t-Region--removeHeader > .t-Region-header, .t-Region--removeHeader > .t-ContentBlock-header {
  display: none;
}

/* ==========================================================================
   Scrolling Region
   ========================================================================== */
.t-Region--scrollBody > .t-Region-bodyWrap > .t-Region-body,
.t-Region--shadowScroll > .t-Region-bodyWrap > .t-Region-body {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.t-Region--shadowScroll {
  position: relative;
  overflow: hidden;
}

/* ==========================================================================
   Hidden Overflow
   ========================================================================== */
.t-Region--hiddenOverflow > .t-Region-bodyWrap > .t-Region-body, .t-Region--hiddenOverflow > .t-Region-body {
  overflow: hidden;
}

/* ==========================================================================
   Maximized Region
   ========================================================================== */
.js-showMaximizeButton.is-maximized {
  z-index: 500;
  position: fixed;
  inset: 0;
  margin: 0;
}

.t-Region.is-maximized {
  box-shadow: none;
  border-radius: 0;
  border-width: 0;
  display: flex !important;
  flex-direction: column;
}
.t-Region.is-maximized > .t-Region-header {
  flex-grow: 0;
}
.t-Region.is-maximized > .t-Region-bodyWrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.t-Region.is-maximized > .t-Region-bodyWrap > .t-Region-body {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  overflow-y: auto;
  height: auto !important;
}

.t-Region-headerItems--buttons .t-Button + .js-maximizeButtonContainer {
  -webkit-margin-start: var(--ut-region-header-padding-x, 0.75rem);
          margin-inline-start: var(--ut-region-header-padding-x, 0.75rem);
}
.t-Region-headerItems--buttons .t-Button + .js-maximizeButtonContainer:empty {
  display: none;
}

.t-Region:not(.js-showMaximizeButton) > .t-Alert-wrap > .t-Alert-buttons > .js-maximizeButtonContainer {
  display: none;
}

.js-regionIsMaximized .a-Menu,
.js-regionIsMaximized .ui-widget,
.js-regionIsMaximized .ui-dialog,
.js-regionIsMaximized .a-IRR-sortWidget,
.js-regionIsMaximized .ui-widget-overlay {
  visibility: visible;
}

.js-regionIsMaximized {
  visibility: hidden;
}

/* ==========================================================================
   Accents
   ========================================================================== */
.t-Region--accent1 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-1);
  --ut-region-header-text-color: var(--u-color-1-contrast);
}
.t-Region--accent1.t-Region--textContent > .t-Region-header {
  color: var(--u-color-1);
}

.t-Region--accent2 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-2);
  --ut-region-header-text-color: var(--u-color-2-contrast);
}
.t-Region--accent2.t-Region--textContent > .t-Region-header {
  color: var(--u-color-2);
}

.t-Region--accent3 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-3);
  --ut-region-header-text-color: var(--u-color-3-contrast);
}
.t-Region--accent3.t-Region--textContent > .t-Region-header {
  color: var(--u-color-3);
}

.t-Region--accent4 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-4);
  --ut-region-header-text-color: var(--u-color-4-contrast);
}
.t-Region--accent4.t-Region--textContent > .t-Region-header {
  color: var(--u-color-4);
}

.t-Region--accent5 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-5);
  --ut-region-header-text-color: var(--u-color-5-contrast);
}
.t-Region--accent5.t-Region--textContent > .t-Region-header {
  color: var(--u-color-5);
}

.t-Region--accent6 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-6);
  --ut-region-header-text-color: var(--u-color-6-contrast);
}
.t-Region--accent6.t-Region--textContent > .t-Region-header {
  color: var(--u-color-6);
}

.t-Region--accent7 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-7);
  --ut-region-header-text-color: var(--u-color-7-contrast);
}
.t-Region--accent7.t-Region--textContent > .t-Region-header {
  color: var(--u-color-7);
}

.t-Region--accent8 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-8);
  --ut-region-header-text-color: var(--u-color-8-contrast);
}
.t-Region--accent8.t-Region--textContent > .t-Region-header {
  color: var(--u-color-8);
}

.t-Region--accent9 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-9);
  --ut-region-header-text-color: var(--u-color-9-contrast);
}
.t-Region--accent9.t-Region--textContent > .t-Region-header {
  color: var(--u-color-9);
}

.t-Region--accent10 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-10);
  --ut-region-header-text-color: var(--u-color-10-contrast);
}
.t-Region--accent10.t-Region--textContent > .t-Region-header {
  color: var(--u-color-10);
}

.t-Region--accent11 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-11);
  --ut-region-header-text-color: var(--u-color-11-contrast);
}
.t-Region--accent11.t-Region--textContent > .t-Region-header {
  color: var(--u-color-11);
}

.t-Region--accent12 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-12);
  --ut-region-header-text-color: var(--u-color-12-contrast);
}
.t-Region--accent12.t-Region--textContent > .t-Region-header {
  color: var(--u-color-12);
}

.t-Region--accent13 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-13);
  --ut-region-header-text-color: var(--u-color-13-contrast);
}
.t-Region--accent13.t-Region--textContent > .t-Region-header {
  color: var(--u-color-13);
}

.t-Region--accent14 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-14);
  --ut-region-header-text-color: var(--u-color-14-contrast);
}
.t-Region--accent14.t-Region--textContent > .t-Region-header {
  color: var(--u-color-14);
}

.t-Region--accent15 > .t-Region-header {
  --ut-region-header-background-color: var(--u-color-15);
  --ut-region-header-text-color: var(--u-color-15-contrast);
}
.t-Region--accent15.t-Region--textContent > .t-Region-header {
  color: var(--u-color-15);
}

/* ==========================================================================
    Region Order By
   ========================================================================== */
.t-Region-orderBy {
  --ut-field-padding-x: 0rem;
  --ut-field-padding-y: 0rem;
  -webkit-margin-after: var(--a-cv-order-margin, 1rem);
          margin-block-end: var(--a-cv-order-margin, 1rem);
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.5rem;
  align-items: center;
  justify-content: var(--ut-orderby-justify-content);
}
.t-Region-orderBy:empty {
  display: none;
}
.t-Region-orderBy .t-Form-labelContainer.col-null {
  flex-basis: unset;
  max-width: unset;
  min-inline-size: -webkit-fit-content;
  min-inline-size: -moz-fit-content;
  min-inline-size: fit-content;
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
}
.t-Region-orderBy .t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer {
  max-inline-size: -webkit-fit-content;
  max-inline-size: -moz-fit-content;
  max-inline-size: fit-content;
}
.t-Region-orderBy .t-Form-fieldContainer--floatingLabel .t-Form-label {
  position: relative;
}

.t-Region-orderBy--start {
  --ut-orderby-justify-content: flex-start;
}

.t-Region-orderBy--center {
  --ut-orderby-justify-content: center;
}

.t-Region-orderBy--end {
  --ut-orderby-justify-content: flex-end;
}

/* ==========================================================================
   Legacy Calendar
   ========================================================================== */
.t-ClassicCalendar-title {
  margin: 0;
  padding: var(--ut-ccalendar-title-padding, 1rem);
  font-size: var(--ut-ccalendar-title-font-size, 1.5rem);
  line-height: var(--ut-ccalendar-title-line-height, 2rem);
  font-weight: var(--a-base-font-weight-semibold, 500);
  text-align: center;
}

.t-ClassicCalendar-calendar {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.t-ClassicCalendar-dayColumn {
  text-align: center;
  padding: var(--ut-ccalendar-heading-padding, 0.25rem 0.5rem);
  font-weight: 400;
  font-size: var(--ut-ccalendar-heading-font-size, 0.75rem);
  line-height: var(--ut-ccalendar-heading-line-height, 1rem);
  border-width: var(--ut-ccalendar-border-width, 1px);
  border-style: solid;
  border-color: var(--ut-ccalendar-border-color);
}

.t-ClassicCalendar-day {
  height: var(--ut-ccalendar-day-height, 4.5rem);
  vertical-align: top;
  font-size: var(--ut-ccalendar-day-font-size, 0.75rem);
  line-height: var(--ut-ccalendar-day-line-height, 1rem);
  border-width: var(--ut-ccalendar-border-width, 1px);
  border-style: solid;
  border-color: var(--ut-ccalendar-border-color);
}
.t-ClassicCalendar-day.is-today {
  --ut-ccalendar-date-text-color: var(--ut-ccalendar-date-today-text-color);
  --ut-ccalendar-date-background-color: var(--ut-ccalendar-date-today-background-color);
  --ut-ccalendar-date-font-weight: var(--ut-ccalendar-date-today-font-weight, 700);
}

.t-ClassicCalendar-date {
  float: right;
  display: block;
  margin: var(--ut-ccalendar-date-margin, 0.25rem);
  font-size: var(--ut-ccalendar-date-font-size, 0.6875rem);
  width: var(--ut-ccalendar-date-width, 1.25rem);
  height: var(--ut-ccalendar-date-height, 1.25rem);
  line-height: var(--ut-ccalendar-date-height, 1.25rem);
  border-radius: var(--ut-ccalendar-date-border-radius, 100%);
  font-weight: var(--ut-ccalendar-date-font-weight);
  color: var(--ut-ccalendar-date-text-color);
  background-color: var(--ut-ccalendar-date-background-color);
  text-align: center;
}
.u-RTL .t-ClassicCalendar-date {
  float: left;
}

.t-ClassicCalendar-dayEvents {
  clear: both;
}

.t-ClassicCalendar-event {
  display: block;
  margin: var(--ut-ccalendar-event-margin, 0.25rem);
}
.t-ClassicCalendar-event a {
  display: block;
  padding: var(--ut-ccalendar-event-padding, 0.125rem 0.5rem);
  color: var(--ut-ccalendar-event-text-color);
  background-color: var(--ut-ccalendar-event-background-color);
  border-radius: var(--ut-ccalendar-event-border-radius, 0.125rem);
}

@media (max-width: 639px) {
  .t-ClassicCalendar {
    --ut-ccalendar-day-height: 3rem;
    --ut-ccalendar-day-font-size: .6875rem;
    --ut-ccalendar-date-margin: .125rem;
    --ut-ccalendar-date-font-size: .625rem;
    --ut-ccalendar-date-width: 1rem;
    --ut-ccalendar-date-height: 1rem;
    --ut-ccalendar-event-margin: .125rem;
    --ut-ccalendar-event-padding: .125rem .25rem;
  }
}

/* ==========================================================================
   Weekly and Daily
   ========================================================================== */
.t-ClassicCalendar--weekly,
.t-ClassicCalendar--daily {
  --ut-ccalendar-day-height: auto;
}
.t-ClassicCalendar--weekly .t-ClassicCalendar-calendar,
.t-ClassicCalendar--daily .t-ClassicCalendar-calendar {
  table-layout: auto;
}
.t-ClassicCalendar--weekly .t-ClassicCalendar-day,
.t-ClassicCalendar--daily .t-ClassicCalendar-day {
  width: 14%;
  background-color: var(--ut-ccalendar-day-background-color);
  color: var(--ut-ccalendar-day-text-color);
}
.t-ClassicCalendar--weekly .t-ClassicCalendar-day.is-today,
.t-ClassicCalendar--daily .t-ClassicCalendar-day.is-today {
  --ut-ccalendar-day-background-color: var(--ut-ccalendar-day-today-background-color);
  --ut-ccalendar-day-text-color: var(--ut-ccalendar-day-today-text-color);
}
.t-ClassicCalendar--weekly .t-ClassicCalendar-timeCol,
.t-ClassicCalendar--daily .t-ClassicCalendar-timeCol {
  padding: var(--ut-ccalendar-heading-padding, 0.25rem 0.5rem);
  font-weight: var(--a-base-font-weight-semibold, 500);
}
.t-ClassicCalendar--weekly .t-ClassicCalendar-dayEvents,
.t-ClassicCalendar--daily .t-ClassicCalendar-dayEvents {
  display: block;
}
.t-ClassicCalendar--weekly .t-ClassicCalendar-dayEvents a,
.t-ClassicCalendar--daily .t-ClassicCalendar-dayEvents a {
  margin: var(--ut-ccalendar-event-margin, 0.25rem);
  display: block;
  padding: var(--ut-ccalendar-event-padding, 0.125rem 0.5rem);
  color: var(--ut-ccalendar-event-text-color);
  background-color: var(--ut-ccalendar-event-background-color);
  border-radius: var(--ut-ccalendar-event-border-radius, 0.125rem);
}
.t-ClassicCalendar--weekly .t-ClassicCalendar-timeCol,
.t-ClassicCalendar--daily .t-ClassicCalendar-timeCol {
  width: 4%;
}

.t-ClassicCalendar--daily .t-ClassicCalendar-timeCol {
  width: 1%;
}

/* ==========================================================================
   List Calendar
   ========================================================================== */
.t-ClassicCalendar-list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-width: var(--ut-ccalendar-border-width, 1px);
  border-style: solid;
  border-color: var(--ut-ccalendar-border-color);
}

.t-ClassicCalendar-listTitle,
.t-ClassicCalendar-listEvent {
  display: block;
  border-width: 0;
  border-style: solid;
  border-color: var(--ut-ccalendar-border-color);
  border-top-width: var(--ut-ccalendar-border-width, 1px);
}

.t-ClassicCalendar-listTitle {
  padding: var(--ut-ccalendar-list-title-padding, 0.25rem 0.5rem);
  font-size: var(--ut-ccalendar-list-title-font-size, 1rem);
  line-height: var(--ut-ccalendar-list-title-line-height, 1.5rem);
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  color: var(--ut-ccalendar-list-title-text-color);
  background-color: var(--ut-ccalendar-list-title-background-color);
}
.t-ClassicCalendar-listTitle.is-today {
  --ut-ccalendar-list-date-font-weight: var(--ut-ccalendar-date-today-font-weight, 700);
}
.t-ClassicCalendar-listTitle:first-child {
  --ut-ccalendar-border-width: 0px;
}

.t-ClassicCalendar-listEvent {
  padding: var(--ut-ccalendar-list-event-padding, 0.25rem 0.5rem);
  font-size: var(--ut-ccalendar-list-event-font-size, 0.875rem);
  line-height: var(--ut-ccalendar-list-event-line-height, 1.25rem);
}

.t-ClassicCalendar-listDayDate {
  font-size: var(--ut-ccalendar-list-date-font-size, 0.75rem);
  font-weight: var(--ut-ccalendar-list-date-font-weight);
}

.t-Badges {
  display: flex;
  gap: var(--ut-badge-list-gap, 0.25rem);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-Badges li {
  margin: 0;
}

.a-TMV-theme-badge.is-loading .a-TMV-footer {
  display: none;
}

.t-Badge {
  background-color: var(--ut-badge-background-color, var(--ut-component-badge-background-color));
  color: var(--ut-badge-text-color, var(--ut-component-badge-text-color));
  border-width: var(--ut-badge-border-width, 0);
  border-style: solid;
  border-color: var(--ut-badge-border-color, var(--ut-badge-background-color));
  border-radius: var(--ut-badge-border-radius, 0.25rem);
  padding-block: calc(var(--ut-badge-padding-y, 0.25rem) - var(--ut-badge-border-width, 0px));
  padding-inline: calc(var(--ut-badge-padding-x, 0.5rem) - var(--ut-badge-border-width, 0px));
  min-block-size: var(--ut-badge-height, 1.5rem);
  min-inline-size: var(--ut-badge-height, 1.5rem);
  max-inline-size: var(--ut-badge-max-width, 100%);
  line-height: var(--ut-badge-line-height, 1rem);
  font-size: var(--ut-badge-font-size, 0.8125rem);
  font-weight: var(--ut-badge-font-weight, var(--a-base-font-weight-semibold, 500));
  font-stretch: var(--ut-badge-font-stretch);
  text-align: center;
  flex-shrink: var(--ut-badge-shrink, 0);
  flex-grow: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: var(--ut-badge-display, inline-flex);
  align-items: center;
  vertical-align: middle;
  gap: var(--ut-badge-gap, 0.25rem);
}
.t-Badge:empty {
  display: none;
}
td .t-Badge {
  --ut-badge-max-width: unset;
}

.t-Badge.is-placeholder:empty {
  display: var(--ut-badge-display, inline-flex);
}
.t-Badge.is-placeholder:before {
  display: inline-block;
  content: "\00a0";
  min-inline-size: 3rem;
}

.t-Badge-icon {
  font-size: var(--ut-badge-icon-size, 1rem) !important;
  display: block;
}
.t-Badge-icon:not([class*=" fa-"]) {
  display: none;
}

.t-Badge-label {
  opacity: var(--ut-badge-label-opacity);
  font-weight: var(--ut-badge-label-font-weight, var(--a-base-font-weight-normal, 400));
  display: block;
}
.t-Badge-label:empty {
  display: none;
}

.t-Badge-value {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.t-Badge--sm {
  --ut-badge-padding-x: .375rem;
  --ut-badge-padding-y: .125rem;
  --ut-badge-height: 1rem;
  --ut-badge-line-height: .75rem;
  --ut-badge-font-size: .6875rem;
  --ut-badge-icon-size: .75rem;
  --ut-badge-border-radius: .25rem;
}

.t-Badge--md {
  --ut-badge-padding-x: .5rem;
  --ut-badge-padding-y: .25rem;
  --ut-badge-height: 1.5rem;
  --ut-badge-icon-size: 1rem;
  --ut-badge-font-size: .8125rem;
  --ut-badge-line-height: 1rem;
  --ut-badge-border-radius: .25rem;
}

.t-Badge--lg {
  --ut-badge-padding-x: .75rem;
  --ut-badge-padding-y: .25rem;
  --ut-badge-height: 2rem;
  --ut-badge-icon-size: 1rem;
  --ut-badge-font-size: 1rem;
  --ut-badge-line-height: 1.5rem;
  --ut-badge-border-radius: .25rem;
}

.t-Badge--outline {
  --ut-badge-border-width: 1px;
  background-color: transparent;
  color: var(--ut-badge-background-color);
}

.t-Badge--square {
  --ut-badge-border-radius: 0;
}

.t-Badge--circle {
  --ut-badge-border-radius: var(--ut-badge-height, 1.5rem);
}

.t-Badge--danger {
  --ut-badge-text-color: var(--ut-badge-danger-text-color, var(--a-palette-danger-contrast));
  --ut-badge-background-color: var(--ut-badge-danger-background-color, var(--a-palette-danger));
}

.t-Badge--warning {
  --ut-badge-text-color: var(--ut-badge-warning-text-color, var(--a-palette-warning-contrast));
  --ut-badge-background-color: var(--ut-badge-warning-background-color, var(--a-palette-warning));
}

.t-Badge--success {
  --ut-badge-text-color: var(--ut-badge-success-text-color, var(--a-palette-success-contrast));
  --ut-badge-background-color: var(--ut-badge-success-background-color, var(--a-palette-success));
}

.t-Badge--info {
  --ut-badge-text-color: var(--ut-badge-info-text-color, var(--a-palette-info-contrast));
  --ut-badge-background-color: var(--ut-badge-info-background-color, var(--a-palette-info));
}

.t-Badge--subtle {
  --ut-badge-text-color: var(--ut-badge-subtle-text-color);
  --ut-badge-background-color: var(--ut-badge-subtle-background-color);
}

.t-Badge--danger.t-Badge--subtle {
  --ut-badge-text-color: var(--ut-badge-subtle-danger-text-color, var(--a-palette-danger));
  --ut-badge-background-color: var(--ut-badge-subtle-danger-background-color, var(--a-palette-danger-shade));
}

.t-Badge--warning.t-Badge--subtle {
  --ut-badge-text-color: var(--ut-badge-subtle-warning-text-color, var(--a-palette-warning));
  --ut-badge-background-color: var(--ut-badge-subtle-warning-background-color, var(--a-palette-warning-shade));
}

.t-Badge--success.t-Badge--subtle {
  --ut-badge-text-color: var(--ut-badge-subtle-success-text-color, var(--a-palette-success));
  --ut-badge-background-color: var(--ut-badge-subtle-success-background-color, var(--a-palette-success-shade));
}

.t-Badge--info.t-Badge--subtle {
  --ut-badge-text-color: var(--ut-badge-subtle-info-text-color, var(--a-palette-info));
  --ut-badge-background-color: var(--ut-badge-subtle-info-background-color, var(--a-palette-info-shade));
}

/* ==========================================================================
   Completeness Chart
   ========================================================================== */
.t-Completeness {
  display: block;
  position: relative;
  transition: all 0.2s;
  background-color: var(--ut-completeness-background-color, #fff);
  box-shadow: inset 0 0 0 var(--ut-completeness-border-width, 1px) var(--ut-completeness-border-color, rgba(0, 0, 0, 0.1));
  border-radius: var(--ut-completeness-border-radius, 0.125rem);
  text-decoration: none;
  overflow: hidden;
}
.t-Completeness.is-danger {
  --ut-completeness-fill-background-color: #ff3b30;
}
.t-Completeness.is-warning {
  --ut-completeness-fill-background-color: #ffcc00;
}
.t-Completeness.is-success {
  --ut-completeness-fill-background-color: #4cd964;
}

a.t-Completeness:hover .t-Completeness-labelWrap {
  --ut-completeness-labelwrap-background-color: rgba(0, 0, 0, .25);
}
a.t-Completeness:hover .t-Completeness-label {
  --ut-completeness-label-background-color: #fff;
}

.t-Completeness-fill {
  transition: all 0.2s;
  display: block;
  height: var(--ut-completeness-fill-height, 3rem);
  background-color: var(--ut-completeness-fill-background-color, rgba(0, 0, 0, 0.2));
  box-shadow: inset 0 0 0 var(--ut-completeness-fill-border-width, 1px) var(--ut-completeness-fill-border-color, rgba(0, 0, 0, 0.15));
}

.t-Completeness-labelWrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.1s;
  background-color: var(--ut-completeness-labelwrap-background-color);
}

.t-Completeness-label {
  transition: all 0.1s;
  display: block;
  font-size: var(--ut-completeness-label-font-size, 0.875rem);
  line-height: var(--ut-completeness-label-line-height, 1.5rem);
  padding: var(--ut-completeness-label-padding, 0.25rem 0.75rem);
  margin: var(--ut-completeness-label-margin, 0.5rem);
  border-radius: var(--ut-completeness-label-border-radius, 0.125rem);
  background-color: var(--ut-completeness-label-background-color, rgba(255, 255, 255, 0.75));
  color: var(--ut-completeness-label-text-color, rgba(0, 0, 0, 0.75));
}

/* ==========================================================================
   Completeness Chart Dialog
   ========================================================================== */
.t-Completeness-dialog p:empty {
  display: none;
}

/* ==========================================================================
   Content Block
   ==================================== ====================================== */
.t-ContentBlock {
  -webkit-margin-after: var(--ut-content-block-margin, 2rem);
          margin-block-end: var(--ut-content-block-margin, 2rem);
}
@media (max-width: 639px) {
  .t-ContentBlock {
    --ut-content-block-margin: 1rem;
  }
}

/* Region Header
   ========================================================================== */
.t-ContentBlock-header {
  display: flex;
  align-items: center;
  -webkit-margin-after: var(--ut-content-block-header-margin);
          margin-block-end: var(--ut-content-block-header-margin);
}

.t-ContentBlock-headerItems--title {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.t-ContentBlock-headerItems--buttons {
  text-align: end;
  -webkit-margin-start: var(--ut-content-block-header-item-spacing, 0.75rem);
          margin-inline-start: var(--ut-content-block-header-item-spacing, 0.75rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-inline-size: 0;
}
.t-ContentBlock-headerItems--buttons:empty {
  display: none;
}

.t-ContentBlock-headerIcon {
  display: none;
}

.t-ContentBlock--showIcon > .t-ContentBlock-header .t-ContentBlock-headerIcon {
  display: flex;
  -webkit-margin-end: var(--ut-content-block-header-item-spacing, 0.75rem);
          margin-inline-end: var(--ut-content-block-header-item-spacing, 0.75rem);
}

.t-ContentBlock-title {
  font-size: var(--ut-content-block-header-font-size);
  font-weight: var(--ut-content-block-header-font-weight, var(--a-base-font-weight-semibold, 500));
  font-family: var(--ut-content-block-header-font-family);
  line-height: var(--ut-content-block-header-line-height, 1.5);
  margin: 0;
  -webkit-margin-end: var(--ut-content-block-header-item-spacing, 0.75rem);
          margin-inline-end: var(--ut-content-block-header-item-spacing, 0.75rem);
}
.t-ContentBlock-title:last-child {
  --ut-content-block-header-item-spacing: 0;
}

/* Region Body
   ========================================================================== */
.t-ContentBlock-body {
  border-width: var(--ut-content-block-border-width, 0);
  border-style: solid;
  border-color: var(--ut-content-block-border-color, var(--ut-component-border-color));
  border-radius: var(--ut-content-block-border-radius, var(--ut-region-border-radius));
  box-shadow: var(--ut-content-block-box-shadow);
  background-color: var(--ut-content-block-background-color);
  color: var(--ut-content-block-text-color);
  font-size: var(--ut-content-block-font-size, 0.875rem);
  line-height: var(--ut-content-block-line-height, 1.25rem);
  -webkit-padding-before: var(--ut-content-block-padding-y);
          padding-block-start: var(--ut-content-block-padding-y);
  -webkit-padding-after: var(--ut-content-block-padding-y);
          padding-block-end: var(--ut-content-block-padding-y);
  -webkit-padding-start: var(--ut-content-block-padding-x);
          padding-inline-start: var(--ut-content-block-padding-x);
  -webkit-padding-end: var(--ut-content-block-padding-x);
          padding-inline-end: var(--ut-content-block-padding-x);
}

/* Region Buttons
   ========================================================================== */
.t-ContentBlock-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-inline-size: 0;
}
.t-ContentBlock-buttons:empty {
  display: none;
}

/* Body Padding
   ========================================================================== */
.t-ContentBlock--padded {
  --ut-content-block-padding-y: 1rem;
  --ut-content-block-padding-x: 1rem;
}

/* Body Background -- Shadow
   ========================================================================== */
.t-ContentBlock--shadowBG {
  --ut-content-block-background-color: var(--ut-content-block-shadow-background-color, var(--ut-component-badge-background-color));
  --ut-content-block-border-width: 1px;
  --ut-content-block-box-shadow: var(--ut-region-box-shadow);
}

/* Body Background -- Light
     ========================================================================== */
.t-ContentBlock--lightBG {
  --ut-content-block-background-color: var(--ut-content-block-light-background-color, var(--ut-component-background-color));
  --ut-content-block-border-width: 1px;
  --ut-content-block-box-shadow: var(--ut-region-box-shadow);
}

/* Heading Level
   ========================================================================== */
.t-ContentBlock--h1 {
  --ut-content-block-header-margin: 1rem;
  --ut-content-block-header-font-size: 2rem;
}
@media (max-width: 639px) {
  .t-ContentBlock--h1 {
    --ut-content-block-header-margin: .5rem;
    --ut-content-block-header-font-size: 1.5rem;
  }
}

.t-ContentBlock--h2 {
  --ut-content-block-header-margin: .75rem;
  --ut-content-block-header-font-size: 1.5rem;
}
@media (max-width: 639px) {
  .t-ContentBlock--h2 {
    --ut-content-block-header-margin: .25rem;
    --ut-content-block-header-font-size: 1.25rem;
  }
}

.t-ContentBlock--h3 {
  --ut-content-block-header-margin: .75rem;
  --ut-content-block-header-font-size: 1.25rem;
}
@media (max-width: 639px) {
  .t-ContentBlock--h3 {
    --ut-content-block-header-margin: .25rem;
    --ut-content-block-header-font-size: 1rem;
  }
}

/* Modifier: Heading Font Alternative
   ========================================================================== */
.t-ContentBlock--headingFontAlt .t-ContentBlock-title {
  font-family: var(--ut-alternate-heading-font-family);
  font-weight: var(--ut-alternate-heading-font-weight);
}

/* Modifier: Hide Header - Accessible
   ========================================================================== */
.t-ContentBlock--hideHeader > .t-ContentBlock-header {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

/* Modifier: Remove Header - Not Accessible
   ========================================================================== */
.t-ContentBlock--removeHeader > .t-ContentBlock-header {
  display: none;
}

/* ==========================================================================
   Interactive Grid
   ========================================================================== */
/* Handle Buttons when in Interactive Grid
   ========================================================================== */
.a-GV-cell .t-Button {
  overflow: hidden;
  text-overflow: ellipsis;
}

.a-GV-row.is-hover {
  --a-gv-background-color: var(--a-gv-row-hover-background-color);
}

.a-GV-row.is-grandTotal {
  background-color: var(--a-gv-grandtotal-background-color);
}
.a-GV-row.is-grandTotal .a-GV-cell {
  background-color: var(--a-gv-grandtotal-background-color) !important;
}

.a-GV-cell .a-GV-columnItem input:not([type=radio]):not([type=checkbox]) {
  -webkit-padding-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
          padding-inline-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
}
.u-UTR .a-GV-cell .a-GV-columnItem input:not([type=radio]):not([type=checkbox]) {
  -webkit-padding-end: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
          padding-inline-end: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
  -webkit-padding-start: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-inline-start: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
}

.a-GV-cell .apex-item-text {
  transition-property: border-color, box-shadow, color;
}

.a-IG-recordView .u-Form-fieldContainer .t-Button--helpButton,
.a-IG-recordView .u-Form-fieldContainer .a-Button--helpButton {
  --a-button-padding-y: .25rem;
  --a-button-padding-x: .25rem;
  vertical-align: top;
}

.a-GV-table tr.is-deleted .a-GV-cell.has-button {
  opacity: 1;
}

.a-IG-dialog-side {
  background-color: var(--ut-component-toolbar-background-color);
  border-color: var(--ut-component-border-color);
}
.a-IG-dialog-side .a-Toolbar {
  border-color: var(--ut-component-border-color);
}

.a-Toolbar-radioGroup input:focus + .a-Button,
.a-Toolbar-toggleButton input:focus + .a-Button {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}

.a-IRR-controlsCheckbox:focus + .a-IRR-controlsCheckboxLabel:before,
.a-IG-controlsCheckbox:focus + .a-IG-controlsCheckboxLabel:before {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}

.a-GV-columnItemContainer {
  max-width: 100%;
}

.a-GV-floatingItem.is-expanded,
.a-GV-floatingItem:not(.is-expanded) {
  background-color: var(--ut-component-background-color);
}

.a-GV-floatingItem:not(.is-expanded) .a-GV-expandCollapse {
  background-color: var(--a-button-background-color);
  color: var(--a-button-text-color);
}

.a-GV-floatingItem:not(.is-expanded) .a-GV-expandCollapse:hover {
  background-color: var(--a-button-hover-background-color);
  color: var(--a-button-hover-text-color);
}

/* ==========================================================================
   Interactive Report
   ========================================================================== */
.a-IRR {
  --a-gv-border-radius: .125rem;
  --a-gv-cell-padding-y: .5rem;
  --a-gv-cell-padding-x: .75rem;
}

/* ==========================================================================
   Interactive Report Region (.t-IRR-region)
   ========================================================================== */
.t-IRR-region {
  -webkit-margin-after: var(--ut-irr-region-margin, 1rem);
          margin-block-end: var(--ut-irr-region-margin, 1rem);
  box-shadow: var(--ut-irr-region-box-shadow);
}
.t-Region .t-IRR-region {
  --ut-irr-region-margin: 0;
  --ut-irr-region-box-shadow: none;
}

.t-IRR-region--noBorders {
  --a-gv-border-width: 0;
  --a-gv-border-radius: 0;
}

.a-IRR-dialogBody {
  --jui-dialog-content-padding-y: .75rem;
  --jui-dialog-content-padding-x: .75rem;
}

.a-IRR-aggregate {
  background-color: var(--ut-component-toolbar-background-color);
}

/* ==========================================================================
   Interactive Report Core Overrides
   ========================================================================== */
.a-IRR-buttons {
  -webkit-margin-before: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / -2);
          margin-block-start: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / -2);
  -webkit-margin-after: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / -2);
          margin-block-end: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / -2);
}
.a-IRR-buttons .t-Button {
  -webkit-margin-before: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / 2);
          margin-block-start: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / 2);
  -webkit-margin-after: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / 2);
          margin-block-end: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / 2);
  vertical-align: top;
}

.a-IRR-headerLink:focus {
  box-shadow: none;
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}

.a-IRR-controlsCheckboxLabel,
.a-IG-controlsCheckboxLabel {
  display: block;
}

.a-IRR-tableContainer,
.a-IRR-chartView,
.a-IRR-pivotView,
.a-IRR-groupByView,
.a-IRR-detailView {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.a-IRR-rowSelector label {
  display: inline-flex;
  align-items: center;
  color: var(--ut-component-text-muted-color);
}

/* Display a bottom border when IRR rows are stuck
   ========================================================================== */
.a-IRR-tableContainer .js-stickyTableHeader.is-stuck {
  box-shadow: 0 var(--a-gv-header-cell-border-width, 1px) 0 0 var(--a-gv-header-cell-border-color, rgba(0, 0, 0, 0.1));
}

/* Responsive Interactive Report
   ========================================================================== */
@media (max-width: 767px) {
  .a-IRR-toolbar {
    flex-wrap: wrap;
  }

  .a-IRR-controls,
.a-IRR-buttons,
.a-IRR-actions {
    flex-grow: 1;
    flex-basis: 100%;
    max-width: unset;
  }

  .a-IRR-buttons {
    display: flex;
    flex-wrap: wrap;
    -webkit-margin-start: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / -2);
            margin-inline-start: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / -2);
    -webkit-margin-end: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / -2);
            margin-inline-end: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / -2);
    -webkit-padding-before: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / 2);
            padding-block-start: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / 2);
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / -2);
            margin-block-end: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / -2);
  }
  .a-IRR-buttons .t-Button {
    justify-content: space-between;
    margin: calc(var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)) / 2);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
  }

  .a-IRR-controlGroup {
    -webkit-padding-end: 0;
            padding-inline-end: 0;
    border-right-width: 0;
    border-bottom-width: var(--a-toolbar-sep-border-width, 1px);
    border-bottom-style: solid;
    border-bottom-color: var(--a-toolbar-sep-border-color);
    -webkit-padding-after: var(--a-toolbar-sep-spacing, var(--a-toolbar-item-spacing, 0.5rem));
            padding-block-end: var(--a-toolbar-sep-spacing, var(--a-toolbar-item-spacing, 0.5rem));
  }
  .u-RTL .a-IRR-controlGroup {
    border-left-width: 0;
  }

  .a-IRR-savedReports {
    flex-grow: 1;
  }
  .a-IRR-savedReports .a-IRR-selectList {
    display: block;
    width: 100%;
  }
  .a-IRR-savedReports + .a-IRR-viewsContainer {
    -webkit-padding-start: 0.5rem;
            padding-inline-start: 0.5rem;
  }

  .a-IRR-searchFieldContainer,
.a-IRR-search-field {
    width: 100%;
  }

  .a-IRR-viewsContainer,
.a-IRR-rowSelector {
    width: 50%;
  }

  .a-IRR-rowSelector {
    -webkit-padding-end: 0.5rem;
            padding-inline-end: 0.5rem;
  }
  .a-IRR-rowSelector label,
.a-IRR-rowSelector .a-IRR-selectList {
    display: block;
    float: left;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
  .u-RTL .a-IRR-rowSelector label,
.u-RTL .a-IRR-rowSelector .a-IRR-selectList {
    float: right;
  }
  .a-IRR-rowSelector label {
    width: 30%;
  }
  .a-IRR-rowSelector .a-IRR-selectList {
    width: 70%;
  }

  .a-IRR-button--actions {
    display: block;
    width: 100%;
  }

  .a-IRR-views {
    display: flex;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
  .a-IRR-views .a-IRR-button {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
  }

  .a-IRR-controlGroup--views,
.a-IRR-controlGroup--options {
    flex-basis: calc(50% - var(--a-irr-item-spacing, var(--a-toolbar-item-spacing, 0.5rem)));
  }

  .a-IRR-controlGroup--views:empty + .a-IRR-controlGroup--options {
    flex-basis: 100%;
  }

  .a-IRR-controlGroup--search,
.a-IRR-controlGroup--fill {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .a-IRR-controlGroup {
    flex-basis: 100%;
  }

  .a-IRR-controlGroup--options {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }

  .a-IRR-controls-item {
    display: flex;
    white-space: nowrap;
    min-width: 0;
  }

  .a-IRR-controls-cell {
    display: inline-block;
    float: none;
  }

  .a-IRR-controls-cell--label {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    white-space: normal;
  }

  .a-IG-controls-cell--label,
.a-IRR-controls-cell--label {
    max-width: 100%;
  }

  .a-IRR-singleRow-name {
    width: 30%;
  }

  .a-IRR-content .a-IRR-singleRow-row.is-displayed:last-child .a-IRR-singleRow-name,
.a-IRR-content .a-IRR-singleRow-row.is-displayed:last-child .a-IRR-singleRow-value {
    border-bottom-width: 0;
  }
}
/* Maximized IRR
   ========================================================================== */
.js-showMaximizeButton.t-IRR-region.is-maximized {
  overflow-y: auto;
}

.is-maximized.t-IRR-region {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100vh;
}
.is-maximized.t-IRR-region .a-IRR {
  --a-gv-border-radius: 0;
  border-width: 0;
}
.is-maximized.t-IRR-region .a-IRR-container {
  overflow: hidden;
}
.is-maximized.t-IRR-region .a-IRR-fullView {
  display: grid;
  grid-template-rows: minmax(-webkit-min-content, -webkit-max-content);
  grid-template-rows: minmax(min-content, max-content);
  min-height: 0;
  height: 100vh;
}
.is-maximized.t-IRR-region .a-IRR-content {
  display: grid;
  grid-template-rows: minmax(-webkit-min-content, -webkit-max-content);
  grid-template-rows: minmax(min-content, max-content);
  min-height: 0;
}
.is-maximized.t-IRR-region .a-IRR-reportView:not(:empty) {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}
.is-maximized.t-IRR-region .a-IRR-content > div[class*=a-IRR-]:not(:empty) {
  height: 100%;
  max-width: 100vw;
}

@media (min-width: 768px) {
  .is-maximized.t-IRR-region .t-fht-thead {
    overflow-y: scroll;
  }
  .is-maximized.t-IRR-region .t-fht-tbody {
    overflow-y: scroll;
  }
}
/* ==========================================================================
   IRR Dialog Shuttle
   ========================================================================== */
.a-IRR-dialogListContainer .u-Form-label {
  background-color: var(--ut-component-toolbar-background-color);
  border-color: var(--ut-component-border-color);
}

/* ==========================================================================
   IRR Dialog List Select
   ========================================================================== */
.a-IRR-dialogList {
  border-color: var(--ut-component-border-color);
}
.a-IRR-dialogList a {
  color: var(--ut-component-text-default-color);
}

/* ==========================================================================
   Faceted Search
   ========================================================================== */
.a-FS {
  --ut-fs-total-font-size: inherit;
}
.a-FS .a-FS-currentLabel {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

.a-FS .apex-item-option:focus input + label:before,
.a-FS-facetPopupContent .apex-item-option:focus input + label:before {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}

.a-FS-search,
.a-FS-filter {
  --a-button-padding-y: .5rem;
  --a-button-padding-x: .75rem;
  --ut-field-input-padding-x-offset: calc(var(--a-icon-size, 1rem) + var(--ut-field-input-icon-padding-x, .25rem) + calc(var(--a-field-input-padding-x, .25rem) - var(--a-field-input-border-width, 1px)));
  --ut-field-input-icon-padding-y: .5rem;
  --ut-field-input-icon-padding-x: .5rem;
  --ut-field-input-icon-offset: calc(var(--a-icon-size, 1rem) + var(--ut-field-input-icon-padding-x, .25rem) + var(--ut-field-input-icon-padding-x, .25rem));
}
.a-FS-search .apex-item-text,
.a-FS-filter .apex-item-text {
  -webkit-padding-before: var(--ut-field-fl-label-offset, calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px)));
          padding-block-start: var(--ut-field-fl-label-offset, calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px)));
  -webkit-padding-after: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-block-end: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
  -webkit-padding-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
          padding-inline-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
  height: auto;
  order: 3;
}
.a-FS-search span.apex-item-icon,
.a-FS-filter span.apex-item-icon {
  margin: 0;
  -webkit-margin-start: calc(var(--ut-field-input-icon-offset, 1.5rem) * -1);
          margin-inline-start: calc(var(--ut-field-input-icon-offset, 1.5rem) * -1);
  position: relative;
  padding: var(--ut-field-input-icon-padding-y, 0.25rem) var(--ut-field-input-icon-padding-x, 0.25rem);
  float: none;
  order: 2;
  color: var(--ut-field-input-icon-color);
  width: auto;
  height: auto;
  left: var(--ut-field-input-icon-offset, 1.5rem);
}
.u-RTL .a-FS-search span.apex-item-icon,
.u-RTL .a-FS-filter span.apex-item-icon {
  left: unset;
  right: unset;
}
.a-FS-search .a-Button,
.a-FS-filter .a-Button {
  order: 4;
  -webkit-padding-before: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
  -webkit-margin-start: calc(var(--a-button-border-width, 1px) * -1);
          margin-inline-start: calc(var(--a-button-border-width, 1px) * -1);
}

.a-FS-currentList .a-FS-currentItems:not(:empty) + .a-FS-totalArea,
.a-FS-currentList .a-FS-totalArea + .a-FS-currentItems:not(:empty) {
  -webkit-margin-before: var(--ut-fs-total-margin, 0.5rem);
          margin-block-start: var(--ut-fs-total-margin, 0.5rem);
}

.a-FS-totalArea {
  font-size: var(--ut-fs-total-font-size, 1.125rem);
  font-weight: var(--ut-fs-total-font-weight, var(--a-base-font-weight-semibold, 500));
}

.apex-item-subgroup .apex-group-label {
  color: var(--ut-component-text-muted-color);
}

.a-FS-toggle {
  outline-offset: var(--ut-focus-outline-offset, 2px);
}

.a-FS-clearButton {
  border-radius: var(--a-button-border-radius, 2px);
  outline-offset: 4px;
}

.a-FS-toggle:hover {
  --a-fs-toggle-background-color: var(--a-button-hover-background-color);
  --a-fs-toggle-text-color: var(--a-button-hover-text-color);
  --a-fs-toggle-border-color: var(--a-button-hover-border-color);
  --a-fs-toggle-shadow: var(--a-button-hover-shadow);
}
.a-FS-toggle:active {
  --a-fs-toggle-background-color: var(--a-button-active-background-color);
  --a-fs-toggle-text-color: var(--a-button-active-text-color);
  --a-fs-toggle-border-color: var(--a-button-active-border-color);
  --a-fs-toggle-shadow: var(--a-button-active-shadow);
}
.a-FS-toggle:focus {
  --a-fs-toggle-background-color: var(--a-button-focus-background-color);
  --a-fs-toggle-text-color: var(--a-button-focus-text-color);
  --a-fs-toggle-border-color: var(--a-button-focus-border-color);
  --a-fs-toggle-shadow: var(--a-button-focus-shadow);
}

@media (max-width: 479px) {
  .a-FS--smart {
    --a-chip-input-font-size: var(--ut-xs-field-input-font-size);
    --a-chip-input-line-height: var(--ut-xs-field-input-line-height);
  }
}

.a-FS-facetChart-header {
  border-bottom-width: 0;
  background-color: transparent;
  color: inherit;
}

.a-FS-facetChart-body {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

@media (max-width: 639px) {
  .a-FS-body .apex-item-group--rc .apex-item-option {
    width: unset !important;
    flex-grow: 1;
    float: none;
  }
}
/* ==========================================================================
   Card View
   ========================================================================== */
.a-CardView {
  min-width: 0;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.a-CardView-fullLink:focus {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}

.a-CardView-badgeLabel {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
}

.a-CardView-title,
.a-CardView-subTitle,
.a-CardView-mainContent,
.a-CardView-subContent {
  word-break: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.a-CardView-subTitle:not(first-child) {
  margin: var(--ut-cv-subtitle-margin, 0.25rem 0 0);
}

.a-CardView-subContent {
  margin: var(--ut-cv-subcontent-margin, 0.75rem 0 0);
}

.a-CardView-items--row .a-CardView-body {
  grid-column-start: 1;
}
.a-CardView-items--row .t-CardsRegion--styleA .a-CardView-actions {
  flex-direction: column;
  align-items: flex-end;
  grid-column: 4;
  grid-row-start: 1;
  grid-row-end: 4;
}

@media (max-width: 767px) {
  .a-CardView-items--grid2col,
.a-CardView-items--grid3col,
.a-CardView-items--grid4col,
.a-CardView-items--grid5col {
    grid-template-columns: repeat(auto-fill, minmax(var(--a-cv-item-width, 20rem), 1fr));
  }
}

.a-CardView.a-CardView--noUI {
  background-color: transparent;
  color: inherit;
  border: 0;
  box-shadow: none;
}

/* ==========================================================================
  Search Results
  ========================================================================== */
.t-SearchResults-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.t-SearchResults-item {
  display: block;
  -webkit-margin-after: var(--ut-searchresults-item-margin, 1.5rem);
          margin-block-end: var(--ut-searchresults-item-margin, 1.5rem);
}
.t-SearchResults-item:last-child {
  -webkit-margin-after: var(--ut-searchresults-item-margin, 0.75rem);
          margin-block-end: var(--ut-searchresults-item-margin, 0.75rem);
}

.t-SearchResults-title {
  font-weight: var(--ut-searchresults-item-title-font-weight, var(--a-base-font-weight-semibold, 500));
  font-size: var(--ut-searchresults-item-title-font-size, 1rem);
  line-height: var(--ut-searchresults-item-title-line-height, 1.25rem);
  margin: 0;
}

.t-SearchResults-info {
  -webkit-margin-before: var(--ut-searchresults-item-info-margin, 0.25rem);
          margin-block-start: var(--ut-searchresults-item-info-margin, 0.25rem);
  font-size: var(--ut-searchresults-item-info-font-size, 0.875rem);
  line-height: var(--ut-searchresults-item-info-line-height, 1.25rem);
}

.t-SearchResults-desc {
  -webkit-margin-after: var(--ut-searchresults-item-info-margin, 0.25rem);
          margin-block-end: var(--ut-searchresults-item-info-margin, 0.25rem);
  color: var(--ut-searchresults-item-desc-text-color, var(--ut-component-text-default-color));
}
.t-SearchResults-desc:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.t-SearchResults-date {
  color: var(--ut-searchresults-item-date-text-color, var(--ut-component-text-muted-color));
}

.t-SearchResults-misc {
  -webkit-margin-before: var(--ut-searchresults-item-info-margin, 0.25rem);
          margin-block-start: var(--ut-searchresults-item-info-margin, 0.25rem);
  display: block;
  color: var(--ut-searchresults-item-misc-text-color, var(--ut-component-text-muted-color));
  font-size: var(--ut-searchresults-item-misc-font-size, 0.75rem);
  line-height: var(--ut-searchresults-item-misc-line-height, 1rem);
}

/* ==========================================================================
   Menu Bar
   ========================================================================== */
.t-Header-nav-list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.t-MenuBar:not(.a-MenuBar) {
  background-color: var(--a-menubar-background-color);
  overflow: hidden;
}
.t-MenuBar:not(.a-MenuBar) ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.t-MenuBar:not(.a-MenuBar) li {
  display: flex;
  border-width: var(--a-menubar-item-border-width, 1px);
  border-style: solid;
  border-color: var(--a-menubar-item-border-color);
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: var(--a-menubar-item-border-radius, 0px);
  cursor: var(--a-menubar-cursor, pointer);
  background-color: var(--a-menubar-item-background-color);
  color: var(--a-menubar-item-text-color);
  font-size: var(--a-menubar-item-font-size, inherit);
  line-height: var(--a-menubar-item-line-height, inherit);
  font-weight: var(--a-menubar-item-font-weight, normal);
}
.t-MenuBar:not(.a-MenuBar) li + li {
  -webkit-margin-start: calc(var(--a-menubar-item-border-width, 1px) * -1);
          margin-inline-start: calc(var(--a-menubar-item-border-width, 1px) * -1);
}
.t-MenuBar:not(.a-MenuBar) li a {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  text-align: inherit;
  color: inherit;
  -webkit-padding-before: var(--a-menubar-item-padding-y, 8px);
          padding-block-start: var(--a-menubar-item-padding-y, 8px);
  -webkit-padding-after: var(--a-menubar-item-padding-y, 8px);
          padding-block-end: var(--a-menubar-item-padding-y, 8px);
  -webkit-padding-start: var(--a-menubar-item-padding-x, 8px);
          padding-inline-start: var(--a-menubar-item-padding-x, 8px);
  -webkit-padding-end: var(--a-menubar-item-padding-x, 8px);
          padding-inline-end: var(--a-menubar-item-padding-x, 8px);
  outline: none;
  font: inherit;
  display: flex;
  align-items: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: inherit;
  outline: none;
  white-space: nowrap;
  min-height: calc(var(--a-menubar-item-padding-y, 8px) * 2 + var(--a-menubar-item-line-height, 16px));
}
.t-MenuBar:not(.a-MenuBar) li a:not(:only-child):after {
  content: "";
  display: block;
  width: calc(var(--a-menubar-item-split-icon-size, 16px) + var(--a-menubar-item-split-icon-spacing, 8px) * 2 - var(--a-menubar-item-padding-x, 8px));
}
.t-MenuBar:not(.a-MenuBar).js-tabLike li[data-current=true] {
  --a-menubar-item-font-weight: var(--a-base-font-weight-bold, 700);
  background-color: var(--a-menubar-item-current-background-color);
  color: var(--a-menubar-item-current-text-color);
}

/* ==========================================================================
   Mega Menu
========================================================================== */
.t-MegaMenu {
  --a-menu-padding-y: 0;
  --a-menu-padding-x: 0;
  position: fixed !important;
}

/* Menu Content Container
   ========================================================================== */
.t-MegaMenu .a-Menu-content {
  overflow: hidden;
}

/* Top Level Menu Items
   ========================================================================== */
.t-MegaMenu-list--top {
  display: grid;
}
@media (min-width: 768px) {
  .t-MegaMenu-list--top {
    grid-template-columns: repeat(5, auto);
  }
}

.t-MegaMenu-item--top {
  -webkit-padding-before: var(--ut-megamenu-item-top-padding-y, 1rem);
          padding-block-start: var(--ut-megamenu-item-top-padding-y, 1rem);
  -webkit-padding-after: var(--ut-megamenu-item-top-padding-y, 1rem);
          padding-block-end: var(--ut-megamenu-item-top-padding-y, 1rem);
  -webkit-padding-start: var(--ut-megamenu-item-top-padding-x, 1rem);
          padding-inline-start: var(--ut-megamenu-item-top-padding-x, 1rem);
  -webkit-padding-end: var(--ut-megamenu-item-top-padding-x, 1rem);
          padding-inline-end: var(--ut-megamenu-item-top-padding-x, 1rem);
}

.t-MegaMenu-item--hasSub > .t-MegaMenu-list--sub {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
}

/* ==========================================================================
   Menu Item Body
   ========================================================================== */
.t-MegaMenu-body {
  max-height: 80vh;
  overflow: auto;
}

/* Menu Item Body
   ========================================================================== */
.t-MegaMenu-itemBody {
  display: flex;
  align-items: center;
  white-space: normal;
  line-height: normal;
  -webkit-padding-before: var(--ut-megamenu-item-padding-y, 0);
          padding-block-start: var(--ut-megamenu-item-padding-y, 0);
  -webkit-padding-after: var(--ut-megamenu-item-padding-y, 0);
          padding-block-end: var(--ut-megamenu-item-padding-y, 0);
  -webkit-padding-start: var(--ut-megamenu-item-padding-x, 0);
          padding-inline-start: var(--ut-megamenu-item-padding-x, 0);
  -webkit-padding-end: var(--ut-megamenu-item-padding-x, 0);
          padding-inline-end: var(--ut-megamenu-item-padding-x, 0);
}
.t-MegaMenu-itemBody.is-focused, .t-MegaMenu-itemBody:hover {
  cursor: var(--a-menu-cursor, pointer);
}
.t-MegaMenu-itemBody.is-focused .t-MegaMenu-label, .t-MegaMenu-itemBody:hover .t-MegaMenu-label {
  -webkit-text-decoration: var(--ut-link-text-decoration, underline);
          text-decoration: var(--ut-link-text-decoration, underline);
}

/* Icons
   ========================================================================== */
/* Common Icon Styles */
.t-MegaMenu-item {
  --a-menu-icon-size: var(--ut-megamenu-icon-size, 1rem);
  --ut-megamenu-icon-offset: calc(var(--ut-megamenu-icon-size, 1rem) + var(--a-menu-icon-spacing-x, .5rem));
}

.t-MegaMenu-itemBody .t-Icon {
  -webkit-margin-end: var(--a-menu-icon-spacing-x, 0.5rem);
          margin-inline-end: var(--a-menu-icon-spacing-x, 0.5rem);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ut-megamenu-icon-offset, 1.5rem);
  line-height: var(--ut-megamenu-icon-offset, 1.5rem);
  font-size: var(--a-menu-icon-size, 1rem);
  border-radius: var(--ut-megamenu-icon-border-radius, 0.125rem);
  opacity: var(--ut-megamenu-icon-opacity);
}

/* Top Level Icons */
.t-MegaMenu-list--top > .t-MegaMenu-item > .t-MegaMenu-itemBody {
  --ut-megamenu-icon-size: 1.25rem;
}
.t-MegaMenu-list--top > .t-MegaMenu-item > .t-MegaMenu-itemBody .t-Icon:not(.fa) {
  display: none;
}
.t-MegaMenu-list--top > .t-MegaMenu-item > .t-MegaMenu-itemBody .t-Icon:not(.fa-lg) {
  --a-menu-icon-size: 1.25rem;
  --ut-megamenu-icon-offset: 1.75rem;
  -webkit-margin-before: -0.125rem;
          margin-block-start: -0.125rem;
  -webkit-margin-after: -0.125rem;
          margin-block-end: -0.125rem;
}

/* Sub Level Icons */
.t-MegaMenu-list--sub .t-Icon {
  --ut-megamenu-icon-opacity: .55;
  --a-menu-icon-size: 1rem;
  min-width: 1.75rem;
}

/* Badges
   ========================================================================== */
.t-MegaMenu-badge {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  font-size: var(--ut-megamenu-badge-font-size, 0.6875rem);
  line-height: var(--ut-megamenu-badge-line-height, 1rem);
  border-radius: var(--ut-megamenu-badge-border-radius, 0.125rem);
  padding: var(--ut-megamenu-badge-padding, 0 0.25rem);
  background-color: var(--ut-megamenu-badge-background-color, var(--ut-component-badge-background-color));
  color: var(--ut-megamenu-badge-text-color, var(--ut-component-badge-text-color));
  /* Top Level Badge */
  /* Margins to accomodate text getting too close to badges */
}
.t-MegaMenu-badge:empty {
  display: none;
}
.t-MegaMenu-item--top > .t-MegaMenu-itemBody .t-MegaMenu-badge {
  -webkit-margin-before: 0.25rem;
          margin-block-start: 0.25rem;
  -webkit-margin-after: 0.25rem;
          margin-block-end: 0.25rem;
}
.a-Menu-label + .t-MegaMenu-badge:not(:empty) {
  -webkit-margin-start: var(--a-menu-icon-spacing-x, 0.5rem);
          margin-inline-start: var(--a-menu-icon-spacing-x, 0.5rem);
}

/* Label and Description
   ========================================================================== */
/* Label Container */
.t-MegaMenu-labelWrap {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

/* Label Text */
.t-MegaMenu-label {
  font-size: var(--ut-megamenu-label-font-size, 0.875rem);
  line-height: var(--ut-megamenu-label-line-height, 1.25rem);
  font-weight: var(--ut-megamenu-label-font-weight, 400);
  display: block;
  /* Top Level Label */
}
.t-MegaMenu-item--top > .t-MegaMenu-itemBody .t-MegaMenu-label {
  --ut-megamenu-label-font-weight: var(--a-base-font-weight-bold, 700);
}
.t-MegaMenu-item--top.is-active > .t-MegaMenu-itemBody .t-MegaMenu-label {
  --ut-megamenu-label-font-weight: var(--a-base-font-weight-heavy, 900);
}

/* Label Description */
.t-MegaMenu-desc {
  font-size: var(--ut-megamenu-desc-font-size, 0.75rem);
  line-height: var(--ut-megamenu-desc-line-height, 1rem);
  font-weight: var(--ut-megamenu-desc-font-weight, normal);
  display: block;
  -webkit-margin-before: var(--ut-megamenu-desc-margin, 0);
          margin-block-start: var(--ut-megamenu-desc-margin, 0);
  color: var(--ut-megamenu-desc-text-color);
  opacity: var(--ut-megamenu-desc-opacity, 0.65);
}
.t-MegaMenu-desc:empty {
  display: none;
}

/* Nested Navigation
   ========================================================================== */
.t-MegaMenu-list--sub {
  --ut-megamenu-label-font-size: .75rem;
  --ut-megamenu-desc-margin: .125rem;
  --ut-megamenu-item-padding-y: .375rem;
  position: relative;
  /* Third Level Navigation */
}
.t-MegaMenu-list--sub .t-MegaMenu-item.is-active > .t-MegaMenu-itemBody .t-MegaMenu-label {
  --ut-megamenu-label-font-weight: 700;
}
.t-MegaMenu-list--sub .t-MegaMenu-item .t-MegaMenu-item > .t-MegaMenu-itemBody {
  -webkit-padding-start: calc(var(--ut-megamenu-icon-offset, 1.5rem) + var(--a-menu-icon-spacing-x, 0.5rem));
          padding-inline-start: calc(var(--ut-megamenu-icon-offset, 1.5rem) + var(--a-menu-icon-spacing-x, 0.5rem));
}

/* ==========================================================================
   Template Options
   ========================================================================== */
/* Layout: Stacked
   ========================================================================== */
.t-MegaMenu--layoutStacked .t-MegaMenu-list--top {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0;
}
.t-MegaMenu--layoutStacked.a-Menu .t-MegaMenu-list--top .t-MegaMenu-item--top {
  max-width: 100%;
  flex-basis: 100%;
}
.t-MegaMenu--layoutStacked.a-Menu .t-MegaMenu-item--top + .t-MegaMenu-item--top {
  border-top-color: var(--a-menu-sep-border-color);
  border-top-style: solid;
  border-top-width: var(--a-menu-sep-border-width, 1px);
}

/* Layout: 2 Columns
   ========================================================================== */
.t-MegaMenu--layout2Cols .t-MegaMenu-list--top {
  grid-template-columns: repeat(2, 1fr);
}

/* Layout: 3 Columns
   ========================================================================== */
.t-MegaMenu--layout3Cols .t-MegaMenu-list--top {
  grid-template-columns: repeat(3, 1fr);
}

/* Layout: 4 Columns
   ========================================================================== */
.t-MegaMenu--layout4Cols .t-MegaMenu-list--top {
  grid-template-columns: repeat(4, 1fr);
}

/* Layout: 5 Columns
   ========================================================================== */
.t-MegaMenu--layout5Cols .t-MegaMenu-list--top {
  grid-template-columns: repeat(5, 1fr);
}

/* Column Widths when using X layout columns
   ========================================================================== */
.t-MegaMenu--layout2Cols .t-MegaMenu-item--top,
.t-MegaMenu--layout3Cols .t-MegaMenu-item--top,
.t-MegaMenu--layout4Cols .t-MegaMenu-item--top,
.t-MegaMenu--layout5Cols .t-MegaMenu-item--top {
  max-width: var(--ut-nav-width, 15rem);
}

/* Full Width
   ========================================================================== */
.t-MegaMenu--fullWidth {
  --a-menu-border-radius: 0;
  width: 100%;
  left: 0 !important;
  right: 0 !important;
}
.t-MegaMenu--fullWidth:not(.js-menu-callout) {
  -webkit-padding-before: var(--ut-header-item-spacing, 0.5rem);
          padding-block-start: var(--ut-header-item-spacing, 0.5rem);
}
.t-MegaMenu--fullWidth.has-callout {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.t-MegaMenu--fullWidth .t-MegaMenu-container {
  min-width: 100%;
}

/* Display Callout
   ========================================================================== */
.t-MegaMenu.has-callout {
  -webkit-margin-before: calc((var(--a-menu-callout-size, 0.75rem) + var(--a-menu-callout-border-width, 1px) + var(--a-menu-callout-border-width, 1px)) / 2);
          margin-block-start: calc((var(--a-menu-callout-size, 0.75rem) + var(--a-menu-callout-border-width, 1px) + var(--a-menu-callout-border-width, 1px)) / 2);
}

/* ==========================================================================
   Advanced Modifiers (using classes only)
   ========================================================================== */
/* No Icons
   ========================================================================== */
.t-MegaMenu-item--noIcons .t-MegaMenu-itemBody .t-Icon {
  display: none;
}
.t-MegaMenu-item--noIcons .t-MegaMenu-item .t-MegaMenu-item {
  --ut-megamenu-icon-offset: .5rem;
}

/* Responsive Behavior
   ========================================================================== */
@media (max-width: 767px) {
  .t-MegaMenu-list--top {
    display: flex;
    flex-wrap: wrap;
  }
  .t-MegaMenu-list--top .t-MegaMenu-item--top {
    max-width: 50%;
    flex-basis: 50%;
  }
}
@media (max-width: 479px) {
  .t-MegaMenu-list--top {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0;
  }
  .t-MegaMenu-list--top .t-MegaMenu-item--top {
    max-width: 100%;
    flex-basis: 100%;
  }

  .t-MegaMenu-item--top + .t-MegaMenu-item--top {
    border-top-color: var(--a-menu-sep-border-color);
    border-top-style: solid;
    border-top-width: var(--a-menu-sep-border-width, 1px);
  }
}
.a-Menu-content {
  background-clip: padding-box;
}

.u-callout:before {
  box-sizing: content-box;
}

/* ==========================================================================
   Report - Classic and Interactive
   ========================================================================== */
/* ==========================================================================
  Report Container
   ========================================================================== */
.t-Report::before, .t-Report::after {
  display: table;
  content: "";
}
.t-Report::after {
  clear: both;
}

/* ==========================================================================
   Report Pagination
   ========================================================================== */
.t-Report-pagination {
  width: 100%;
}
.t-Report-pagination td:empty {
  padding: 0;
  display: none;
}
.t-Report-pagination .pagination {
  -webkit-padding-before: var(--ut-report-pagination-padding-y, 0.5rem);
          padding-block-start: var(--ut-report-pagination-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-report-pagination-padding-y, 0.5rem);
          padding-block-end: var(--ut-report-pagination-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-report-pagination-padding-x, 0.25rem);
          padding-inline-start: var(--ut-report-pagination-padding-x, 0.25rem);
  -webkit-padding-end: var(--ut-report-pagination-padding-x, 0.25rem);
          padding-inline-end: var(--ut-report-pagination-padding-x, 0.25rem);
}

.t-Report-pagination,
.t-Report-pagination table {
  border-collapse: collapse;
  table-layout: auto;
  border-spacing: 0;
}

.t-Report-pagination td[align=right] table {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

.t-Report-paginationText {
  display: inline-block;
  vertical-align: top;
  font-size: var(--ut-report-pagination-font-size, 0.75rem);
  line-height: var(--ut-report-pagination-line-height, 1rem);
  -webkit-padding-before: var(--ut-report-pagination-text-padding-y, 0.25rem);
          padding-block-start: var(--ut-report-pagination-text-padding-y, 0.25rem);
  -webkit-padding-after: var(--ut-report-pagination-text-padding-y, 0.25rem);
          padding-block-end: var(--ut-report-pagination-text-padding-y, 0.25rem);
  -webkit-padding-start: var(--ut-report-pagination-text-padding-x, 0.5rem);
          padding-inline-start: var(--ut-report-pagination-text-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-report-pagination-text-padding-x, 0.5rem);
          padding-inline-end: var(--ut-report-pagination-text-padding-x, 0.5rem);
}
.t-Report-paginationText a,
.t-Report-paginationText b,
.t-Report-paginationText strong {
  display: inline-block;
  vertical-align: top;
  border-radius: var(--ut-report-pagination-link-border-radius, 0.125rem);
  -webkit-padding-before: var(--ut-report-pagination-link-padding-y, 0.25rem);
          padding-block-start: var(--ut-report-pagination-link-padding-y, 0.25rem);
  -webkit-padding-after: var(--ut-report-pagination-link-padding-y, 0.25rem);
          padding-block-end: var(--ut-report-pagination-link-padding-y, 0.25rem);
  -webkit-padding-start: var(--ut-report-pagination-link-padding-x, 0.5rem);
          padding-inline-start: var(--ut-report-pagination-link-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-report-pagination-link-padding-x, 0.5rem);
          padding-inline-end: var(--ut-report-pagination-link-padding-x, 0.5rem);
  background-color: var(--ut-report-pagination-link-background-color);
  color: var(--ut-report-pagination-link-text-color);
}
.t-Report-paginationText b,
.t-Report-paginationText strong,
.t-Report-paginationText a:hover {
  --ut-report-pagination-link-background-color: var(--ut-report-pagination-link-hover-background-color, var(--ut-palette-primary));
  --ut-report-pagination-link-text-color: var(--ut-report-pagination-link-hover-text-color, var(--ut-palette-primary-contrast));
}

/**
   * Pagination Link
   */
.t-Report-paginationLink {
  --a-button-font-size: .75rem;
  --a-button-line-height: 1rem;
  display: inline-flex;
  align-items: center;
}

.t-Report-paginationLink--prev {
  -webkit-margin-start: calc(var(--a-button-gap-x, 0.5rem) / 2);
          margin-inline-start: calc(var(--a-button-gap-x, 0.5rem) / 2);
}

.t-Report-paginationLink--next {
  -webkit-margin-end: calc(var(--a-button-gap-x, 0.5rem) / 2);
          margin-inline-end: calc(var(--a-button-gap-x, 0.5rem) / 2);
}

/* ==========================================================================
   Report Links - External link and CSV link
   ========================================================================== */
.t-Report-links {
  border-width: var(--ut-report-links-border-width, var(--ut-report-cell-border-width, 1px));
  border-color: var(--ut-report-links-border-color, var(--ut-report-cell-border-color, var(--ut-component-inner-border-color)));
  border-style: solid;
  border-top-width: 0;
  font-size: var(--ut-report-links-font-size, var(--ut-report-cell-font-size, 0.75rem));
  line-height: var(--ut-report-links-line-height, var(--ut-report-cell-line-height, 1rem));
  -webkit-padding-before: var(--ut-report-links-padding-y, var(--ut-report-cell-padding-y, 0.5rem));
          padding-block-start: var(--ut-report-links-padding-y, var(--ut-report-cell-padding-y, 0.5rem));
  -webkit-padding-after: var(--ut-report-links-padding-y, var(--ut-report-cell-padding-y, 0.5rem));
          padding-block-end: var(--ut-report-links-padding-y, var(--ut-report-cell-padding-y, 0.5rem));
  -webkit-padding-start: var(--ut-report-links-padding-x, var(--ut-report-cell-padding-x, 0.75rem));
          padding-inline-start: var(--ut-report-links-padding-x, var(--ut-report-cell-padding-x, 0.75rem));
  -webkit-padding-end: var(--ut-report-links-padding-x, var(--ut-report-cell-padding-x, 0.75rem));
          padding-inline-end: var(--ut-report-links-padding-x, var(--ut-report-cell-padding-x, 0.75rem));
}
.t-Report-links:empty {
  display: none;
}

/* ==========================================================================
   Report Wrapper
   ========================================================================== */
.t-Report-wrap {
  float: left;
}
.u-RTL .t-Report-wrap {
  float: right;
}
.t-Report--stretch .t-Report-wrap {
  float: none !important;
}

/* ==========================================================================
   Report
   ========================================================================== */
.t-Report-report {
  border-collapse: collapse;
  table-layout: auto;
  border-spacing: 0;
  border-style: var(--ut-report-border-style, solid);
  border-color: var(--ut-report-border-color, var(--ut-report-cell-border-color, var(--ut-component-inner-border-color)));
  border-width: var(--ut-report-border-width, var(--ut-report-cell-border-width, 1px));
}

.t-Report-colHead {
  font-size: var(--ut-report-header-cell-font-size, var(--ut-report-cell-font-size, 0.75rem));
  line-height: var(--ut-report-header-cell-line-height, var(--ut-report-cell-line-height, 1rem));
  vertical-align: bottom;
  -webkit-padding-before: var(--ut-report-header-cell-padding-y, 0.75rem);
          padding-block-start: var(--ut-report-header-cell-padding-y, 0.75rem);
  -webkit-padding-after: var(--ut-report-header-cell-padding-y, 0.75rem);
          padding-block-end: var(--ut-report-header-cell-padding-y, 0.75rem);
  -webkit-padding-start: var(--ut-report-header-cell-padding-x, 0.75rem);
          padding-inline-start: var(--ut-report-header-cell-padding-x, 0.75rem);
  -webkit-padding-end: var(--ut-report-header-cell-padding-x, 0.75rem);
          padding-inline-end: var(--ut-report-header-cell-padding-x, 0.75rem);
  font-weight: var(--ut-report-header-cell-font-weight, var(--a-base-font-weight-bold, 700));
  background-color: var(--ut-report-header-cell-background-color, var(--a-gv-header-background-color));
  border-width: var(--ut-report-header-cell-border-width, var(--ut-report-cell-border-width, 1px));
  border-style: solid;
  border-color: var(--ut-report-header-cell-border-color, var(--ut-report-cell-border-color, var(--ut-component-inner-border-color)));
  transition: background-color 0.1s;
}

.t-fht-thead.is-stuck {
  box-shadow: 0 var(--ut-report-header-cell-border-width, var(--ut-report-cell-border-width, 1px)) 0 0 var(--ut-report-header-cell-border-color, var(--ut-report-cell-border-color, var(--ut-component-inner-border-color)));
}

.t-Report-cell {
  font-size: var(--ut-report-cell-font-size, 0.75rem);
  line-height: var(--ut-report-cell-line-height, 1rem);
  -webkit-padding-before: var(--ut-report-cell-padding-y, 0.5rem);
          padding-block-start: var(--ut-report-cell-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-report-cell-padding-y, 0.5rem);
          padding-block-end: var(--ut-report-cell-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-report-cell-padding-x, 0.75rem);
          padding-inline-start: var(--ut-report-cell-padding-x, 0.75rem);
  -webkit-padding-end: var(--ut-report-cell-padding-x, 0.75rem);
          padding-inline-end: var(--ut-report-cell-padding-x, 0.75rem);
  border-width: var(--ut-report-cell-border-width, 1px);
  border-style: solid;
  border-color: var(--ut-report-cell-border-color, var(--ut-component-inner-border-color));
  transition: background-color 0.1s;
  background-color: var(--ut-report-cell-background-color, transparent);
}

/* ==========================================================================
   Static Report Rows
   ========================================================================== */
.t-Report--staticRowColors .t-Report-report tr:nth-child(odd) {
  --ut-report-cell-background-color: transparent;
}

/* ==========================================================================
   Alternate Report Rows
   ========================================================================== */
.t-Report--altRowsDefault .t-Report-report tr:nth-child(odd) {
  --ut-report-cell-background-color: var(--ut-report-cell-alt-background-color);
}

/* ==========================================================================
   Row Highlight on Hover
   ========================================================================== */
.t-Report--rowHighlight .t-Report-report tr:hover {
  --ut-report-cell-background-color: var(--ut-report-cell-hover-background-color);
}

/* ==========================================================================
   Stertch report to 100% width of container
   ========================================================================== */
.t-Report--stretch .t-Report-wrap,
.t-Report--stretch .t-Report-report {
  width: 100%;
}

/* ==========================================================================
   Borderless Report
   ========================================================================== */
.t-Report--noBorders {
  --ut-report-border-width: 0;
  --ut-report-links-border-width: 0;
  --ut-report-header-cell-border-width: 0;
  --ut-report-cell-border-width: 0;
}

/* ==========================================================================
   Horizontal Borders Only
   ========================================================================== */
.t-Report--horizontalBorders .t-Report-cell,
.t-Report--horizontalBorders .t-Report-colHead {
  border-left-width: 0;
  border-right-width: 0;
}

/* ==========================================================================
   Vertical Borders Only
   ========================================================================== */
.t-Report--verticalBorders .t-Report-cell {
  border-top-width: 0;
  border-bottom-width: 0;
}

/* ==========================================================================
   No Outside borders
   ========================================================================== */
.t-Region--noPadding .t-Report--horizontalBorders,
.t-Report--inline {
  --ut-report-border-width: 0;
  --ut-report-border-style: hidden;
}
.t-Region--noPadding .t-Report--horizontalBorders .t-Report-links,
.t-Report--inline .t-Report-links {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: var(--ut-report-cell-border-width, 1px);
}

/* ==========================================================================
   Utility Reports
   ========================================================================== */
.u-Report .u-Report-header,
.u-Report th {
  background-color: var(--ut-report-header-background-color, var(--a-gv-header-background-color));
  color: var(--ut-report-header-text-color, var(--a-gv-header-text-color));
}

.u-Report td {
  background-color: var(--ut-report-cell-background-color, var(--ut-component-background-color));
  color: var(--ut-report-cell-text-color, var(--a-gv-text-color));
}

.a-Table.u-Report.table-stripe tr:nth-child(even) td,
.a-Table.u-Report.table-stripe tr:nth-child(even) th[scope=row] {
  background-color: var(--ut-report-cell-stripe-background-color, var(--ut-component-highlight-background-color));
}

/* ==========================================================================
   Config Panel
   ========================================================================== */
.t-ConfigPanel {
  font-size: var(--ut-configpanel-font-size, 0.875rem);
  line-height: var(--ut-configpanel-line-height, 1.25rem);
  border-bottom-width: var(--ut-configpanel-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--ut-configpanel-border-color, rgba(0, 0, 0, 0.1));
}

/* About Panel - Alert Style
   ========================================================================== */
.t-ConfigPanel-about {
  padding: var(--ut-configpanel-padding, 0.75rem);
  border-bottom-width: var(--ut-configpanel-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--ut-configpanel-border-color, rgba(0, 0, 0, 0.1));
}
.t-ConfigPanel-about p:first-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.t-ConfigPanel-about p:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

/* Body
   ========================================================================== */
@media (min-width: 640px) {
  .t-ConfigPanel-body {
    display: flex;
  }
}

.t-ConfigPanel-main,
.t-ConfigPanel-list {
  padding: var(--ut-configpanel-padding, 0.75rem);
}

.t-ConfigPanel-main {
  border-width: 0;
  border-bottom-width: var(--ut-configpanel-border-width, 1px);
  border-style: solid;
  border-color: var(--ut-configpanel-border-color, rgba(0, 0, 0, 0.1));
}
@media (min-width: 640px) {
  .t-ConfigPanel-main {
    flex-basis: 40%;
    border-bottom: 0;
    border-right-width: var(--ut-configpanel-border-width, 1px);
  }
  .u-RTL .t-ConfigPanel-main {
    border-right-width: 0;
    border-left-width: var(--ut-configpanel-border-width, 1px);
  }
}

@media (min-width: 640px) {
  .t-ConfigPanel-list {
    flex-basis: 60%;
    display: flex;
    flex-direction: column;
  }
}

/* Status Columns
   ========================================================================== */
.t-ConfigPanel-icon {
  --a-icon-size: 3rem;
  display: block;
  text-align: center;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-margin-after: var(--ut-configpanel-padding, 0.75rem);
          margin-block-end: var(--ut-configpanel-padding, 0.75rem);
  border-radius: var(--ut-configpanel-icon-border-radius, 100%);
  color: var(--ut-configpanel-icon-text-color);
  background-color: var(--ut-configpanel-icon-background-color);
}
.t-ConfigPanel-icon:before {
  --a-icon-size: 2rem;
  line-height: inherit;
}
.t-ConfigPanel-icon.auth-scheme:before {
  content: "\e08f";
}
.t-ConfigPanel-icon.is-enabled {
  --ut-configpanel-icon-background-color: var(--ut-palette-success);
  --ut-configpanel-icon-text-color: var(--ut-palette-success-contrast);
}
.t-ConfigPanel-icon.is-enabled:before {
  content: "\e007";
}
.t-ConfigPanel-icon.is-disabled {
  --ut-configpanel-icon-background-color: var(--ut-palette-danger);
  --ut-configpanel-icon-text-color: var(--ut-palette-danger-contrast);
}
.t-ConfigPanel-icon.is-disabled:before {
  content: "\e0a2";
}

.t-ConfigPanel-setting,
.t-ConfigPanel-status,
.t-ConfigPanel-actions {
  display: block;
  text-align: center;
}

.t-ConfigPanel-status {
  font-weight: var(--a-base-font-weight-bold, 700);
}

.t-ConfigPanel-actions {
  -webkit-margin-before: var(--ut-configpanel-padding, 0.75rem);
          margin-block-start: var(--ut-configpanel-padding, 0.75rem);
}
.t-ConfigPanel-actions .t-Button {
  --a-button-padding-x: 1rem;
}

/* List Column
   ========================================================================== */
.t-ConfigPanel-list {
  padding: 0;
}

.t-ConfigPanel-attrs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.t-ConfigPanel-attr {
  font-size: inherit;
  line-height: inherit;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border-bottom-width: var(--ut-configpanel-attr-border-width, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--ut-configpanel-attr-border-color, rgba(0, 0, 0, 0.05));
}
.t-ConfigPanel-attr:last-child {
  --ut-configpanel-attr-border-width: 0;
}

.t-ConfigPanel-attrLink {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding: var(--ut-configpanel-attr-padding, 0.875rem 0.75rem);
  text-decoration: none;
  transition: background-color, 0.2s ease, color 0.2s ease;
  color: var(--ut-configpanel-attr-text-color);
  background-color: var(--ut-configpanel-attr-background-color);
}
.t-ConfigPanel-attrLink:hover {
  --ut-configpanel-attr-background-color: var(--ut-configpanel-attr-hover-background-color, rgba(0, 0, 0, 0.05));
}

.t-ConfigPanel-attrLabel {
  -webkit-margin-end: var(--ut-configpanel-padding, 0.75rem);
          margin-inline-end: var(--ut-configpanel-padding, 0.75rem);
}

.t-ConfigPanel-attrValue {
  color: var(--ut-configpanel-attr-value-text-color, var(--ut-link-text-color));
}

/* ==========================================================================
   Status List
   ========================================================================== */
/* Block + Block Headers
   ========================================================================== */
.t-StatusList-blockHeader {
  font-size: var(--ut-statuslist-block-header-font-size, 1rem);
  line-height: var(--ut-statuslist-block-header-line-height, 1.125rem);
  font-weight: var(--ut-statuslist-block-header-font-weight, 400);
  padding: var(--ut-statuslist-block-header-padding, 0.75rem);
  border-style: solid;
  border-width: 0;
  border-top-width: var(--ut-statuslist-border-width, var(--ut-component-border-width));
  border-bottom-width: var(--ut-statuslist-border-width, var(--ut-component-border-width));
  border-color: var(--ut-statuslist-border-color, var(--ut-component-border-color));
  background-color: var(--ut-statuslist-block-header-background-color, var(--ut-component-background-color));
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.t-StatusList-block:first-child .t-StatusList-blockHeader {
  border-top-width: 0;
}

.t-StatusList-headerTextAlt {
  color: var(--ut-component-text-muted-color);
  -webkit-margin-end: var(--ut-statuslist-block-header-padding, 0.75rem);
          margin-inline-end: var(--ut-statuslist-block-header-padding, 0.75rem);
}

/* Time Line List
   ========================================================================== */
.t-StatusList-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.t-StatusList-item {
  display: flex;
  padding: var(--ut-statuslist-item-padding, 0.5rem);
}

.t-StatusList-itemBody {
  flex-grow: 1;
}

/* Time Line Marker
   ========================================================================== */
.t-StatusList-itemMarker {
  -webkit-margin-end: var(--ut-statuslist-item-marker-margin-x, 0.25rem);
          margin-inline-end: var(--ut-statuslist-item-marker-margin-x, 0.25rem);
  flex-grow: 0;
}

.t-StatusList-marker {
  display: block;
  text-align: center;
  position: relative;
  -webkit-margin-before: var(--ut-statuslist-marker-margin-y);
          margin-block-start: var(--ut-statuslist-marker-margin-y);
  -webkit-margin-after: var(--ut-statuslist-marker-margin-y);
          margin-block-end: var(--ut-statuslist-marker-margin-y);
  -webkit-margin-end: var(--ut-statuslist-marker-margin-x);
          margin-inline-end: var(--ut-statuslist-marker-margin-x);
  -webkit-margin-start: var(--ut-statuslist-marker-margin-x);
          margin-inline-start: var(--ut-statuslist-marker-margin-x);
  width: var(--ut-statuslist-marker-size);
  height: var(--ut-statuslist-marker-size);
  overflow: hidden;
  font-size: var(--ut-statuslist-marker-font-size);
  line-height: var(--ut-statuslist-marker-line-height);
  border-radius: var(--ut-statuslist-marker-border-radius);
  box-shadow: inset 0 0 0 var(--ut-statuslist-marker-border-width, 1px) var(--ut-statuslist-marker-border-color, var(--ut-component-border-color));
  background-color: var(--ut-statuslist-marker-background-color);
  color: var(--ut-statuslist-marker-text-color, var(--ut-component-text-muted-color));
}

/* Time Line Item Title
   ========================================================================== */
.t-StatusList-itemTitle {
  margin: 0;
  -webkit-margin-before: var(--ut-statuslist-item-title-margin-y, 0.25rem);
          margin-block-start: var(--ut-statuslist-item-title-margin-y, 0.25rem);
  -webkit-margin-after: var(--ut-statuslist-item-title-margin-y, 0.25rem);
          margin-block-end: var(--ut-statuslist-item-title-margin-y, 0.25rem);
  font-size: var(--ut-statuslist-item-title-font-size, 1rem);
  line-height: var(--ut-statuslist-item-title-line-height, 1.5rem);
  color: var(--ut-statuslist-item-title-text-color, var(--ut-component-text-title-color));
}

/* Time Line Item Icon
   ========================================================================== */
.t-StatusList-itemIcon {
  width: var(--ut-statuslist-item-icon-size, 1.5rem);
  height: var(--ut-statuslist-item-icon-size, 1.5rem);
  display: inline-block;
  padding: var(--ut-statuslist-item-icon-padding, 0.25rem);
  border-radius: var(--ut-statuslist-item-icon-border-radius, 1.5rem);
  -webkit-margin-end: var(--ut-statuslist-item-icon-margin-x, 0.5rem);
          margin-inline-end: var(--ut-statuslist-item-icon-margin-x, 0.5rem);
  color: var(--ut-statuslist-item-icon-color, rgba(0, 0, 0, 0.4));
  box-shadow: var(--ut-statuslist-item-icon-box-shadow, 0 0 0 1px rgba(0, 0, 0, 0.2) inset);
  background-color: var(--ut-statuslist-item-icon-background-color, #FFF);
}

/* Time Line Item Description
   ========================================================================== */
/* Time Line Item Attributes
   ========================================================================== */
.t-StatusList-attr {
  display: inline-block;
  font-size: var(--ut-statuslist-item-attr-font-size, 0.6875rem);
  line-height: var(--ut-statuslist-item-attr-line-height, 0.875rem);
  white-space: nowrap;
  -webkit-margin-end: var(--ut-statuslist-item-attr-margin-x, 1rem);
          margin-inline-end: var(--ut-statuslist-item-attr-margin-x, 1rem);
  color: vaR(--ut-statuslist-item-attr-text-color, var(--ut-component-text-muted-color));
}

.t-StatusList-attrLabel {
  font-weight: var(--a-base-font-weight-bold, 700);
}

/* Time Line Item Description
   ========================================================================== */
.t-StatusList-textDesc,
p.t-StatusList-textDesc {
  font-size: var(--ut-statuslist-item-desc-font-size, 0.875rem);
  line-height: var(--ut-statuslist-item-desc-line-height, 1.25rem);
  -webkit-margin-before: var(--ut-statuslist-item-desc-margin-y, 0.5rem);
          margin-block-start: var(--ut-statuslist-item-desc-margin-y, 0.5rem);
  -webkit-margin-after: calc(var(--ut-statuslist-item-desc-margin-y, 0.5rem) / 2);
          margin-block-end: calc(var(--ut-statuslist-item-desc-margin-y, 0.5rem) / 2);
  color: var(--ut-statuslist-item-desc-text-color, var(--ut-component-text-muted-color));
}

/* Time Line Stateful Modifiers
   ========================================================================== */
/* Modifier: Dates
   ========================================================================== */
.t-StatusList--dates {
  --ut-statuslist-marker-size: 1.5rem;
  --ut-statuslist-marker-font-size: .75rem;
  --ut-statuslist-marker-border-radius: .125rem;
  --ut-statuslist-marker-margin-y: .25rem;
  --ut-statuslist-marker-margin-x: .25rem;
}
.t-StatusList--dates .t-StatusList-itemMarker {
  min-width: calc(var(--ut-statuslist-marker-size, 1.5rem) + var(--ut-statuslist-marker-cal-height, 0.25rem) + var(--ut-statuslist-marker-margin-x, 0.25rem) + var(--ut-statuslist-marker-margin-x, 0.25rem));
}
.t-StatusList--dates .t-StatusList-marker {
  -webkit-padding-before: var(--ut-statuslist-marker-cal-height, 0.25rem);
          padding-block-start: var(--ut-statuslist-marker-cal-height, 0.25rem);
  width: calc(var(--ut-statuslist-marker-size, 1.5rem) + var(--ut-statuslist-marker-cal-height, 0.25rem));
  line-height: calc(var(--ut-statuslist-marker-size, 1.5rem) - var(--ut-statuslist-marker-cal-height, 0.25rem));
}
.t-StatusList--dates .t-StatusList-marker:after {
  content: "";
  position: absolute;
  height: var(--ut-statuslist-marker-cal-height, 0.25rem);
  left: 0;
  right: 0;
  top: 0;
  border-top-left-radius: var(--ut-statuslist-marker-border-radius, 0.125rem);
  border-top-right-radius: var(--ut-statuslist-marker-border-radius, 0.125rem);
  background-color: var(--ut-statuslist-marker-cal-background-color, rgba(0, 0, 0, 0.2));
}

/* Modifier: Bullets
   ========================================================================== */
.t-StatusList--bullets {
  --ut-statuslist-marker-margin-y: .5rem;
  --ut-statuslist-marker-margin-x: .5rem;
  --ut-statuslist-marker-size: 1rem;
  --ut-statuslist-marker-border-radius: 1rem;
  --ut-statuslist-marker-font-size: 0;
  --ut-statuslist-marker-line-height: 1rem;
}
.t-StatusList--bullets .t-StatusList-marker {
  text-indent: -9999px;
}
.t-StatusList--bullets .t-StatusList-item.is-complete,
.t-StatusList--bullets .t-StatusList-item.is-danger,
.t-StatusList--bullets .t-StatusList-item.is-open,
.t-StatusList--bullets .t-StatusList-item.is-warning,
.t-StatusList--bullets .t-StatusList-item.is-null {
  --ut-statuslist-marker-border-width: 0;
}

/* ==========================================================================
   Popup LOV - Legacy
   ========================================================================== */
.a-PopupLOV-results {
  --a-iconlist-item-border-radius: 0rem;
  --a-iconlist-item-padding-y: var(--a-menu-item-generic-padding-y, .5rem);
  --a-iconlist-item-padding-x: var(--a-menu-item-generic-padding-x, .5rem);
}
.a-PopupLOV-results .a-IconList-item {
  outline-offset: -1px;
  font-size: var(--a-menu-font-size, 0.75rem);
  line-height: var(--a-menu-line-height, 1rem);
  font-weight: var(--a-menu-font-weight, 400);
}
.a-PopupLOV-results .a-IconList-item .fa {
  vertical-align: text-top;
  opacity: 0.65;
}

/* ==========================================================================
   Popup LOV - Legacy Popup
   ========================================================================== */
.t-Page--popupLOV {
  background-color: var(--ut-popuplov-background-color, var(--a-popuplov-dialog-background-color, #fff));
}
.t-Page--popupLOV form#wwvFlowForm > br {
  display: none;
}

.t-PopupLOV-actions {
  grid-area: header;
  top: 0;
  position: -webkit-sticky;
  position: sticky;
  padding: var(--ut-popuplov-actions-padding-y, var(--a-popuplov-search-bar-padding-y, 0.5rem)) var(--ut-popuplov-actions-padding-x, var(--a-popuplov-search-bar-padding-x, 0.5rem));
  background-color: var(--ut-popuplov-actions-background-color, var(--a-toolbar-background-color));
  border-bottom-width: var(--ut-popuplov-actions-border-width, var(--a-toolbar-border-width, 1px));
  border-bottom-style: solid;
  border-bottom-color: var(--ut-popuplov-actions-border-color, var(--a-toolbar-border-color));
  display: flex;
  align-items: center;
}
.t-PopupLOV-actions .u-pullRight {
  -webkit-margin-start: var(--ut-popuplov-actions-padding-x, var(--a-popuplov-search-bar-padding-x, 0.5rem));
          margin-inline-start: var(--ut-popuplov-actions-padding-x, var(--a-popuplov-search-bar-padding-x, 0.5rem));
}

.t-PopupLOV-links {
  grid-area: body;
  padding: 0;
}
.t-PopupLOV-links br {
  display: none;
}
.t-PopupLOV-links a {
  display: block;
  padding: var(--ut-popuplov-item-padding-y, 0.5rem) var(--ut-popuplov-item-padding-x, 0.5rem);
  border-bottom-style: solid;
  border-bottom-width: var(--ut-popuplov-item-border-width, var(--ut-component-inner-border-width, 1px));
  border-bottom-color: var(--ut-popuplov-item-border-color, var(--ut-component-inner-border-color));
  font-size: var(--ut-popuplov-item-font-size, 0.75rem);
  line-height: var(--ut-popuplov-item-line-height, 1rem);
  text-decoration: none;
  background-color: var(--ut-popuplov-item-background-color);
  color: var(--ut-popuplov-item-text-color);
}
.t-PopupLOV-links a:last-child {
  --ut-popuplov-item-border-width: 0;
}
.t-PopupLOV-links a:hover {
  --ut-popuplov-item-background-color: var(--a-menu-focused-background-color);
  --ut-popuplov-item-text-color: var(--a-menu-focused-text-color);
}

.t-PopupLOV-pagination {
  grid-area: footer;
  font-size: var(--ut-popuplov-footer-font-size, 0.75rem);
  text-align: center;
  -webkit-padding-before: var(--ut-popuplov-footer-padding-y, var(--a-gv-footer-padding-y, 0.5rem));
          padding-block-start: var(--ut-popuplov-footer-padding-y, var(--a-gv-footer-padding-y, 0.5rem));
  -webkit-padding-after: var(--ut-popuplov-footer-padding-y, var(--a-gv-footer-padding-y, 0.5rem));
          padding-block-end: var(--ut-popuplov-footer-padding-y, var(--a-gv-footer-padding-y, 0.5rem));
  -webkit-padding-start: var(--ut-popuplov-footer-padding-x, var(--a-gv-footer-padding-x, 0.75rem));
          padding-inline-start: var(--ut-popuplov-footer-padding-x, var(--a-gv-footer-padding-x, 0.75rem));
  -webkit-padding-end: var(--ut-popuplov-footer-padding-x, var(--a-gv-footer-padding-x, 0.75rem));
          padding-inline-end: var(--ut-popuplov-footer-padding-x, var(--a-gv-footer-padding-x, 0.75rem));
  border-top-width: var(--ut-popuplov-footer-border-width, var(--ut-component-border-width, 1px));
  border-top-style: solid;
  border-top-color: var(--ut-popuplov-footer-border-color, var(--ut-component-border-color));
}

.t-PopupLOV-button {
  margin: 0.5rem;
}

/* ==========================================================================
Contextual Info
========================================================================== */
.t-ContextualInfo {
  display: flex;
  flex-wrap: wrap;
}

/* Contextual Info Item
========================================================================== */
.t-ContextualInfo-item {
  -webkit-margin-end: var(--ut-contextualinfo-margin-x, 1rem);
          margin-inline-end: var(--ut-contextualinfo-margin-x, 1rem);
  -webkit-margin-after: var(--ut-contextualinfo-margin-y, 1rem);
          margin-block-end: var(--ut-contextualinfo-margin-y, 1rem);
}
.t-ContextualInfo-item:last-of-type {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

/* Contextual Info Label
========================================================================== */
.t-ContextualInfo-label {
  font-size: var(--ut-contextualinfo-label-font-size, 0.875rem);
  line-height: var(--ut-contextualinfo-label-line-height, 1rem);
  color: var(--ut-contextualinfo-label-text-color, var(--ut-component-text-muted-color));
}

/* Contextual Info Value
========================================================================== */
.t-ContextualInfo-value {
  font-size: var(--ut-contextualinfo-value-font-size, 0.875rem);
  line-height: var(--ut-contextualinfo-value-line-height, 1rem);
  color: var(--ut-contextualinfo-value-text-color, var(--ut-component-text-default-color));
}

/* (Template Option) Item Stacked
========================================================================== */
.t-ContextualInfo-item--stacked .t-ContextualInfo-item {
  flex-basis: 100%;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

/* (Template Option) Label Stacked
========================================================================== */
.t-ContextualInfo-label--stacked {
  --ut-contextualinfo-margin-x: var(--ut-contextualinfo-item-label-stacked-margin-x);
  --ut-contextualinfo-margin-y: var(--ut-contextualinfo-item-label-stacked-margin-y);
  --ut-contextualinfo-label-font-size: var(--ut-contextualinfo-item-label-stacked-font-size);
  --ut-contextualinfo-label-line-height: var(--ut-contextualinfo-item-label-stacked-line-height);
  --ut-contextualinfo-value-font-size: var(--ut-contextualinfo-item-value-stacked-font-size);
  --ut-contextualinfo-value-line-height: var(--ut-contextualinfo-item-value-stacked-line-height);
}
.t-ContextualInfo-label--stacked .t-ContextualInfo-label,
.t-ContextualInfo-label--stacked .t-ContextualInfo-value {
  display: flex;
}
.t-ContextualInfo-label--stacked .t-ContextualInfo-label {
  -webkit-margin-after: var(--ut-contextualinfo-label-margin-x, 0.25rem);
          margin-block-end: var(--ut-contextualinfo-label-margin-x, 0.25rem);
}

/* Contextual Info Pagination
==========================================================================*/
.t-ContextualInfo + .t-Report-pagination {
  border-top-color: var(--ut-contextualinfo-border-color, var(--ut-component-border-color));
  border-top-width: var(--ut-contextualinfo-border-width, var(--ut-component-border-width, 1px));
  border-top-style: solid;
}

/* ==========================================================================
   Image Region
   ========================================================================== */
.t-ImageRegion {
  position: relative;
  background-color: var(--ut-image-region-background-color);
  overflow: hidden;
  display: inline-flex;
  vertical-align: top;
}
.t-ImageRegion img {
  -o-object-position: center;
     object-position: center;
  max-inline-size: 100%;
}

/* ==========================================================================
   Modifier: Ratio
   ========================================================================== */
.t-ImageRegion--1x1 img {
  aspect-ratio: 1/1;
}

.t-ImageRegion--2x1 img {
  aspect-ratio: 2/1;
}

.t-ImageRegion--16x9 img {
  aspect-ratio: 16/9;
}

.t-ImageRegion--4x3 img {
  aspect-ratio: 4/3;
}

/* ==========================================================================
   Modifier: Sizing
   ========================================================================== */
.t-ImageRegion--stretch {
  display: flex;
}
.t-ImageRegion--stretch img {
  inline-size: 100%;
  block-size: auto;
}

/* ==========================================================================
   Modifier: Scaling
   ========================================================================== */
.t-ImageRegion--fit img,
.t-ImageRegion--contain img {
  -o-object-fit: contain;
     object-fit: contain;
}

.t-ImageRegion--cover img {
  -o-object-fit: cover;
     object-fit: cover;
}

.t-ImageRegion--fill img {
  -o-object-fit: fill;
     object-fit: fill;
}

.t-ImageRegion--scale-down img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

/* Modifier: Shape
   ========================================================================= */
.t-ImageRegion--square {
  border-radius: 0;
}

.t-ImageRegion--rounded {
  border-radius: var(--ut-image-region-border-radius, 0.5rem);
}

.t-ImageRegion--circle {
  border-radius: 100vh;
}

/* Modifier: Filters
   ========================================================================= */
.t-ImageRegion--noFilter img {
  filter: none;
}

.t-ImageRegion--grayscale img {
  filter: grayscale(var(--ut-image-filter-grayscale-amount, var(--ut-image-filter-amount, 100%)));
}

.t-ImageRegion--sepia img {
  filter: sepia(var(--ut-image-filter-sepia-amount, var(--ut-image-filter-amount, 100%)));
}

.t-ImageRegion--blur img {
  filter: blur(var(--ut-image-filter-blur-amount, var(--ut-image-filter-amount, 8px)));
}

.t-ImageRegion--invert img {
  filter: invert(var(--ut-image-filter-invert-amount, var(--ut-image-filter-amount, 100%)));
}

.t-ImageRegion--saturate img {
  filter: saturate(var(--ut-image-filter-saturate-amount, var(--ut-image-filter-amount, 200%)));
}

/* ==========================================================================
   Item Container
   ========================================================================== */
.t-ItemContainer {
  --a-field-input-flex-grow: 1;
  display: flex;
  -moz-column-gap: var(--ut-field-padding-x, 0.5rem);
       column-gap: var(--ut-field-padding-x, 0.5rem);
  row-gap: var(--ut-field-padding-y, 0.5rem);
}
.t-ItemContainer--alignStart {
  align-items: flex-start;
}
.t-ItemContainer--alignEnd {
  align-items: flex-end;
}
.t-ItemContainer--alignCenter {
  align-items: center;
}
.t-ItemContainer--alignStretch .t-ItemContainer-start,
.t-ItemContainer--alignStretch .t-ItemContainer-end {
  align-items: stretch;
  display: flex;
}
.t-ItemContainer .t-ItemContainer-start,
.t-ItemContainer .t-ItemContainer-end {
  -webkit-padding-before: var(--ut-field-padding-y, 0.5rem);
          padding-block-start: var(--ut-field-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-field-padding-y, 0.5rem);
          padding-block-end: var(--ut-field-padding-y, 0.5rem);
}
.t-ItemContainer .t-ItemContainer-start:empty,
.t-ItemContainer .t-ItemContainer-end:empty {
  display: none;
}
.t-ItemContainer .t-ItemContainer-item .t-Form-fieldContainer {
  padding-inline: unset;
}
.t-ItemContainer .t-ItemContainer-item .t-Form-fieldContainer.rel-col .t-Form-labelContainer {
  -webkit-padding-start: unset;
          padding-inline-start: unset;
}
.t-ItemContainer .t-ItemContainer-item .t-Form-fieldContainer.rel-col .t-Form-inputContainer {
  padding-inline: unset;
}
.t-ItemContainer .t-ItemContainer-item .t-Form-fieldContainer--stacked .t-Form-labelContainer,
.t-ItemContainer .t-ItemContainer-item .t-Form-fieldContainer--stacked .t-Form-inputContainer {
  padding-inline: unset;
}
.t-ItemContainer .t-ItemContainer-item:empty {
  display: none;
}
@media (max-width: 639px) {
  .t-ItemContainer.t-ItemContainer--stackMobile {
    flex-direction: column;
  }
  .t-ItemContainer.t-ItemContainer--stackMobile.t-ItemContainer--alignStretch .t-ItemContainer-start, .t-ItemContainer.t-ItemContainer--stackMobile.t-ItemContainer--alignStretch .t-ItemContainer-end {
    flex-direction: column;
  }
  .t-ItemContainer.t-ItemContainer--stackMobile .t-ItemContainer-item {
    inline-size: 100%;
  }
  .t-ItemContainer.t-ItemContainer--stackMobile .t-ItemContainer-start,
.t-ItemContainer.t-ItemContainer--stackMobile .t-ItemContainer-end {
    -webkit-padding-before: unset;
            padding-block-start: unset;
    -webkit-padding-after: unset;
            padding-block-end: unset;
  }
  .t-ItemContainer.t-ItemContainer--stackMobile .t-ItemContainer-item .rel-col .t-Form-labelContainer {
    padding-block: unset;
    -webkit-padding-end: unset;
            padding-inline-end: unset;
  }
  .t-ItemContainer.t-ItemContainer--stackMobile .t-ItemContainer-item .rel-col .t-Form-inputContainer {
    padding-block: unset;
  }
}
.t-ItemContainer.t-ItemContainer--wrap {
  flex-wrap: wrap;
}

.t-ItemContainer-item {
  flex-grow: 1;
}

/* ==========================================================================
   Search Widget
   ========================================================================== */
.t-ResultsRegion-search {
  -webkit-margin-after: var(--ut-resultsregion-search-margin, 1rem);
          margin-block-end: var(--ut-resultsregion-search-margin, 1rem);
}
.t-ResultsRegion-search:empty {
  display: none;
}

.t-ResultsRegion--boxed {
  --a-searchresults-gap: 0px;
  background-color: var(--ut-resultsregion-background-color, var(--a-resultsitem-background-color));
  border-width: var(--ut-resultsregion-border-width, var(--a-resultsitem-border-width, 1px));
  border-style: solid;
  border-color: var(--ut-resultsregion-border-color, var(--a-resultsitem-border-color));
  border-radius: var(--ut-resultsregion-border-radius, var(--a-resultsitem-border-radius, 4px));
  background-clip: padding-box;
}
.t-ResultsRegion--boxed .a-SearchResults-count {
  border-block-end-width: var(--ut-resultsregion-count-border-width, var(--ut-region-border-width, 1px));
  border-block-end-style: solid;
  border-block-end-color: var(--ut-resultsregion-count-border-color, var(--ut-resultsregion-search-border-color, var(--ut-region-border-color, rgba(0, 0, 0, 0.075))));
  -webkit-padding-before: var(--ut-resultsregion-count-padding-y, 0.5rem);
          padding-block-start: var(--ut-resultsregion-count-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-resultsregion-count-padding-y, 0.5rem);
          padding-block-end: var(--ut-resultsregion-count-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-resultsregion-count-padding-x, 1rem);
          padding-inline-start: var(--ut-resultsregion-count-padding-x, 1rem);
  -webkit-padding-end: var(--ut-resultsregion-count-padding-x, 1rem);
          padding-inline-end: var(--ut-resultsregion-count-padding-x, 1rem);
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.t-ResultsRegion--boxed .t-ResultsRegion-search {
  border-block-end-width: var(--ut-resultsregion-search-border-width, var(--ut-region-border-width, 1px));
  border-block-end-style: solid;
  border-block-end-color: var(--ut-resultsregion-search-border-color, var(--ut-region-border-color, rgba(0, 0, 0, 0.075)));
  background-color: var(--ut-resultsregion-search-background-color, var(--ut-component-toolbar-background-color));
  -webkit-padding-before: var(--ut-resultsregion-search-padding-y, 0.5rem);
          padding-block-start: var(--ut-resultsregion-search-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-resultsregion-search-padding-y, 0.5rem);
          padding-block-end: var(--ut-resultsregion-search-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-resultsregion-search-padding-x, 0.5rem);
          padding-inline-start: var(--ut-resultsregion-search-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-resultsregion-search-padding-x, 0.5rem);
          padding-inline-end: var(--ut-resultsregion-search-padding-x, 0.5rem);
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.t-ResultsRegion--boxed .a-SearchResults-pagination {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  border-block-start-width: var(--ut-resultsregion-search-border-width, var(--ut-region-border-width, 1px));
  border-block-start-style: solid;
  border-block-start-color: var(--ut-resultsregion-search-border-color, var(--ut-region-border-color, rgba(0, 0, 0, 0.075)));
  -webkit-padding-before: var(--ut-resultsregion-search-padding-y, 0.5rem);
          padding-block-start: var(--ut-resultsregion-search-padding-y, 0.5rem);
  -webkit-padding-after: var(--ut-resultsregion-search-padding-y, 0.5rem);
          padding-block-end: var(--ut-resultsregion-search-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-resultsregion-search-padding-x, 0.5rem);
          padding-inline-start: var(--ut-resultsregion-search-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-resultsregion-search-padding-x, 0.5rem);
          padding-inline-end: var(--ut-resultsregion-search-padding-x, 0.5rem);
}
.t-ResultsRegion--boxed .a-SearchResults-item {
  border-radius: 0;
}
.t-ResultsRegion--boxed .a-SearchResults-item:first-child {
  border-top-left-radius: var(--a-searchresults-border-radius, var(--a-resultsitem-border-radius, 4px));
  border-top-right-radius: var(--a-searchresults-border-radius, var(--a-resultsitem-border-radius, 4px));
}
.t-ResultsRegion--boxed .a-SearchResults-item:last-child {
  border-bottom-left-radius: var(--a-searchresults-border-radius, var(--a-resultsitem-border-radius, 4px));
  border-bottom-right-radius: var(--a-searchresults-border-radius, var(--a-resultsitem-border-radius, 4px));
}
.t-ResultsRegion--boxed .a-SearchResults-item:not(:first-child) {
  border-block-start-width: var(--a-resultsitem-border-width, 1px);
  border-block-start-style: solid;
  border-block-start-color: var(--a-resultsitem-border-color);
}
.t-ResultsRegion--boxed .a-ResultsItem {
  border: 0;
}

.t-ResultsRegion--flat {
  --a-resultsitem-padding-x: 0px;
  --a-resultsitem-padding-y: 0px;
  --a-resultsitem-border-radius: 0px;
  --a-resultsitem-background-color: transparent;
}
.t-ResultsRegion--flat .t-ResultsRegion-search {
  --ut-field-padding-y: 0px;
  --ut-field-padding-x: 0px;
}
.t-ResultsRegion--flat .a-SearchResults-item:not(:first-child) {
  border-block-start-width: var(--a-resultsitem-border-width, 1px);
  border-block-start-style: solid;
  border-block-start-color: var(--a-resultsitem-border-color);
  -webkit-padding-before: var(--a-searchresults-gap, 16px);
          padding-block-start: var(--a-searchresults-gap, 16px);
}
.t-ResultsRegion--flat .a-ResultsItem {
  border: 0;
}

.t-ResultsRegion--hideSep.t-ResultsRegion--boxed .a-SearchResults-item:not(:first-child), .t-ResultsRegion--hideSep.t-ResultsRegion--flat .a-SearchResults-item:not(:first-child) {
  --a-searchresults-gap: 0px;
  --a-resultsitem-border-width: 0px;
}

.t-ResultsRegion--iconSm {
  --a-resultsitem-image-size: 1rem;
  --a-resultsitem-icon-padding: .125rem;
  --a-resultsitem-initials-size: 2rem;
  --a-resultsitem-initials-font-size: .875rem;
}
.t-ResultsRegion--iconSm .a-ResultsItem-icon {
  --a-icon-size: 1rem;
}

.t-ResultsRegion--iconMd {
  --a-resultsitem-image-size: 2.5rem;
  --a-resultsitem-icon-padding: .5rem;
  --a-resultsitem-initials-size: 2.5rem;
  --a-resultsitem-initials-font-size: 1rem;
}
.t-ResultsRegion--iconMd .a-ResultsItem-icon {
  --a-icon-size: 2rem;
}

.t-ResultsRegion--iconLg {
  --a-resultsitem-image-size: 5rem;
  --a-resultsitem-icon-padding: .5rem;
  --a-resultsitem-initials-size: 5rem;
  --a-resultsitem-initials-font-size: 2rem;
}
.t-ResultsRegion--iconLg .a-ResultsItem-icon {
  --a-icon-size: 3rem;
}

.t-Avatars {
  display: flex;
  gap: var(--ut-avatar-list-gap, 0.25rem);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.t-Avatars li {
  margin: 0;
}
.t-Avatars li:not(:first-child) {
  -webkit-margin-start: calc(var(--ut-avatar-size, 3.5rem) * -0.5);
          margin-inline-start: calc(var(--ut-avatar-size, 3.5rem) * -0.5);
}

.a-TMV-theme-avatar.is-loading .a-TMV-footer {
  display: none;
}

.t-Avatar {
  background-size: contain;
  background-position: center center;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  block-size: var(--ut-avatar-size, 3rem);
  inline-size: var(--ut-avatar-size, 3rem);
  font-size: var(--ut-avatar-font-size, 1.25rem);
  font-weight: var(--ut-avatar-font-weight, 400);
  border-radius: var(--ut-avatar-border-radius, 0.25rem);
  flex-grow: 0;
  flex-shrink: 0;
  outline-offset: 2px;
  outline-color: currentColor;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.t-Avatar img {
  inline-size: 100%;
  block-size: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.t-Avatar:not(.t-Avatar--noShape).is-placeholder {
  background-color: var(--ut-component-badge-background-color);
}

button.t-Avatar {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  margin: 0;
  cursor: pointer;
}

.t-Avatar--icon {
  --ut-avatar-font-size: 0;
  background-color: var(--ut-avatar-background-color, var(--a-palette-primary));
  color: var(--ut-avatar-text-color, var(--a-palette-primary-contrast));
}
.t-Avatar--icon:before {
  font-size: var(--ut-avatar-icon-font-size, 1.5rem);
  font-weight: normal;
}
.t-Avatar--icon img {
  display: none;
}

.t-Avatar--initials {
  font-family: var(--a-base-font-family, inherit) !important;
  line-height: unset;
  background-color: var(--ut-avatar-background-color, var(--a-palette-primary));
  color: var(--ut-avatar-text-color, var(--a-palette-primary-contrast));
}
.t-Avatar--initials:not(:empty):before {
  content: none;
}
.t-Avatar--initials img {
  display: none;
}

.t-Avatar--image,
.t-Avatar[style^=background] {
  --ut-avatar-text-color: transparent;
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
}
.t-Avatar--image:not(:empty),
.t-Avatar[style^=background]:not(:empty) {
  --ut-avatar-font-size: 0;
}
.t-Avatar--image:not(:empty):before,
.t-Avatar[style^=background]:not(:empty):before {
  content: none;
}
.t-Avatar--image:empty,
.t-Avatar[style^=background]:empty {
  background-color: var(--ut-avatar-background-color, var(--a-palette-primary));
  color: var(--ut-avatar-text-color, var(--a-palette-primary-contrast));
}

.t-Avatar--placeholder {
  --t-avatar-font-size: 0;
  --t-avatar-text-color: transparent;
}

.t-Avatar--xxs {
  --ut-avatar-size: 1.5rem;
  --ut-avatar-border-radius: .25rem;
  --ut-avatar-font-size: .75rem;
  --ut-avatar-font-weight: 600;
  --ut-avatar-icon-font-size: 0.75rem;
}

.t-Avatar--xs {
  --ut-avatar-size: 2rem;
  --ut-avatar-border-radius: .25rem;
  --ut-avatar-font-size: 1rem;
  --ut-avatar-font-weight: 400;
  --ut-avatar-icon-font-size: 1rem;
}

.t-Avatar--sm {
  --ut-avatar-size: 3rem;
  --ut-avatar-border-radius: .25rem;
  --ut-avatar-font-size: 1.25rem;
  --ut-avatar-font-weight: 400;
  --ut-avatar-icon-font-size: 1.5rem;
}

.t-Avatar--md {
  --ut-avatar-size: 4rem;
  --ut-avatar-border-radius: .25rem;
  --ut-avatar-font-size: 2rem;
  --ut-avatar-font-weight: 400;
  --ut-avatar-icon-font-size: 2rem;
}

.t-Avatar--lg {
  --ut-avatar-size: 6rem;
  --ut-avatar-border-radius: .375rem;
  --ut-avatar-font-size: 40px;
  --ut-avatar-font-weight: 400;
  --ut-avatar-icon-font-size: 2.25rem;
}

.t-Avatar--xl {
  --ut-avatar-size: 8rem;
  --ut-avatar-border-radius: .5rem;
  --ut-avatar-font-size: 48px;
  --ut-avatar-font-weight: 400;
  --ut-avatar-icon-font-size: 3.5rem;
}

.t-Avatar--xxl {
  --ut-avatar-size: 12.25rem;
  --ut-avatar-border-radius: .5rem;
  --ut-avatar-font-size: 72px;
  --ut-avatar-font-weight: 400;
  --ut-avatar-icon-font-size: 4.5rem;
}

.t-Avatar--square {
  --ut-avatar-border-radius: 0;
}

.t-Avatar--circle {
  --ut-avatar-border-radius: 50%;
}

.t-Avatar--noShape {
  --ut-avatar-border-radius: unset;
  --ut-avatar-background-color: transparent;
  --ut-avatar-text-color: currentColor;
}
.t-Avatar--noShape.t-Avatar--icon, .t-Avatar--noShape.t-Avatar--initials {
  block-size: auto;
  inline-size: auto;
}
.t-Avatar--noShape.t-Avatar--icon:not(.t-Avatar--xxs, .t-Avatar--xs, .t-Avatar--sm, .t-Avatar--md, .t-Avatar--lg, .t-Avatar--xl, .t-Avatar--xxl), .t-Avatar--noShape.t-Avatar--initials:not(.t-Avatar--xxs, .t-Avatar--xs, .t-Avatar--sm, .t-Avatar--md, .t-Avatar--lg, .t-Avatar--xl, .t-Avatar--xxl) {
  --ut-avatar-font-size: var(--a-icon-size, 1rem);
  --ut-avatar-font-weight: 400;
  --ut-avatar-icon-font-size: var(--a-icon-size, 1rem);
}
.u-colors .t-Avatar--noShape.u-color {
  background-color: transparent;
  color: var(--u-color);
}

/* ==========================================================================
   APEX File Upload
   ========================================================================== */
.a-FileDrop--inline .a-FileDrop-action-icon:before,
.a-FileDrop--inlineDropzone .a-FileDrop-action-icon:before,
.a-FileDrop--iconDropzone .a-FileDrop-action-icon:before {
  --a-icon-size: 1rem;
}

/* Preview & Icon Dropzone Sizes
========================================================================== */
.a-FileDrop-image--xs {
  --a-filedrop-icon-size: 2rem;
}
.a-FileDrop-image--sm {
  --a-filedrop-icon-size: 3.5rem;
}
.a-FileDrop-image--md {
  --a-filedrop-icon-size: 4.5rem;
}
.a-FileDrop-image--lg {
  --a-filedrop-icon-size: 6rem;
}
.a-FileDrop-image--xl {
  --a-filedrop-icon-size: 9rem;
}

/* Inline
========================================================================== */
.a-FileDrop.a-FileDrop--inline {
  --a-filedrop-icon-size: 1rem;
  --a-filedrop-heading-font-size: var(--a-field-input-font-size, .75rem);
  --a-filedrop-heading-line-height: var(--a-field-input-line-height, 1rem);
}

a-combobox {
  --a-chip-padding-y: 0;
  --a-chip-input-line-height: 16px;
}
a-combobox .apex-item-comboselect {
  border-color: transparent;
}
.t-Form--stretchInputs a-combobox .apex-item-comboselect, .t-Form-fieldContainer--stretchInputs a-combobox .apex-item-comboselect, .t-Form-fieldContainer--floatingLabel a-combobox .apex-item-comboselect {
  grid-template-columns: auto repeat(2, minmax(0, -webkit-min-content));
  grid-template-columns: auto repeat(2, minmax(0, min-content));
}
a-combobox .a-Chips--wrap {
  position: relative;
  border-color: transparent;
  inset-block-start: 1px;
}

.apex-item-wrapper--combobox-one .apex-item-comboselect {
  gap: var(--ut-combobox-item-comboselect-gap, 0.25rem);
}

.apex-item-wrapper--combobox-many .a-Chip .apex-item-text {
  padding: 0;
}
.apex-item-wrapper--combobox-many .apex-item-comboselect {
  cursor: text;
}
.apex-item-wrapper--combobox-many .apex-item-has-icon .apex-item-comboselect:hover + .apex-item-icon {
  --ut-field-input-icon-color: unset;
}

/* ==========================================================================
   Form Fields
   ========================================================================== */
/* Form
   ========================================================================== */
/* Field Container
   ========================================================================== */
.t-Form-fieldContainer {
  display: flex;
  clear: both;
}
.col > .t-Form-fieldContainer {
  -webkit-margin-end: calc(var(--ut-grid-gutter-width, 0.5rem) * -1);
          margin-inline-end: calc(var(--ut-grid-gutter-width, 0.5rem) * -1);
  -webkit-margin-start: calc(var(--ut-grid-gutter-width, 0.5rem) * -1);
          margin-inline-start: calc(var(--ut-grid-gutter-width, 0.5rem) * -1);
  max-width: none;
}

@media (max-width: 479px) {
  .t-Form-fieldContainer {
    --a-field-input-font-size: var(--ut-xs-field-input-font-size, 1rem);
    --a-field-input-line-height: var(--ut-xs-field-input-line-height);
  }
}

/* Label Container
   ========================================================================== */
.t-Form-labelContainer {
  -webkit-padding-before: var(--ut-field-padding-y, 0.5rem);
          padding-block-start: var(--ut-field-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-field-padding-x, 0.5rem);
          padding-inline-start: var(--ut-field-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-field-padding-x, 0.5rem);
          padding-inline-end: var(--ut-field-padding-x, 0.5rem);
  -webkit-padding-after: var(--ut-field-padding-y, 0.5rem);
          padding-block-end: var(--ut-field-padding-y, 0.5rem);
  text-align: end;
  min-inline-size: 0;
}
@media (max-width: 639px) {
  .t-Form-labelContainer {
    text-align: start;
    -webkit-padding-after: 0;
            padding-block-end: 0;
  }
}

/* Form Label
   ========================================================================== */
.t-Form-label {
  -webkit-padding-before: var(--ut-field-label-padding-y, 0.25rem);
          padding-block-start: var(--ut-field-label-padding-y, 0.25rem);
  -webkit-padding-after: var(--ut-field-label-padding-y, 0.25rem);
          padding-block-end: var(--ut-field-label-padding-y, 0.25rem);
  line-height: var(--ut-field-label-line-height, 1rem);
  font-size: var(--ut-field-label-font-size, 0.75rem);
  font-weight: var(--ut-field-label-font-weight);
  display: inline-block;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  color: var(--ut-field-label-text-color);
}

/* Required
   ========================================================================== */
.t-Form-fieldContainer.is-required .t-Form-label:before, .t-Form-fieldContainer.is-required .t-Form-label:after {
  content: "\e058";
  font-family: "apex-5-icon-font" !important;
  color: var(--a-form-required-asterisk-text-color, red);
}
.t-Form-fieldContainer.is-required .t-Form-label:after {
  display: none;
  -webkit-margin-start: -0.25rem;
          margin-inline-start: -0.25rem;
}

/* Input Container
   ========================================================================== */
.t-Form-inputContainer {
  position: relative;
  -webkit-padding-before: var(--ut-field-padding-y, 0.5rem);
          padding-block-start: var(--ut-field-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-field-padding-x, 0.5rem);
          padding-inline-start: var(--ut-field-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-field-padding-x, 0.5rem);
          padding-inline-end: var(--ut-field-padding-x, 0.5rem);
  -webkit-padding-after: var(--ut-field-padding-y, 0.5rem);
          padding-block-end: var(--ut-field-padding-y, 0.5rem);
}
@media (max-width: 639px) {
  .t-Form-inputContainer {
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
}

.t-Form-itemWrapper {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  min-height: var(--ut-field-item-min-height, calc(var(--ut-field-label-line-height, 1rem) + var(--ut-field-label-padding-y, 0.25rem) * 2));
}

.apex-item-wrapper--display-only .t-Form-inputContainer {
  display: flex;
  flex-wrap: wrap;
}
.apex-item-wrapper--display-only.t-Form-fieldContainer--stacked .t-Form-itemWrapper {
  min-height: 0;
}

/* Hide Inline Help
   ========================================================================== */
.t-Form-inlineHelp {
  display: block;
  line-height: var(--ut-field-inline-help-line-height, 1rem);
  font-size: var(--ut-field-inline-help-font-size, 0.6875rem);
  -webkit-margin-before: var(--ut-field-inline-help-spacing, 0.25rem);
          margin-block-start: var(--ut-field-inline-help-spacing, 0.25rem);
  flex-basis: 100%;
}

/* Pre and Post Text Styles
   ========================================================================== */
.t-Form-itemText {
  flex-shrink: 0;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  align-self: stretch;
}
.t-Form-itemText:empty {
  display: none;
}
.t-Form-itemText--pre {
  order: 1;
}

.t-Form-fieldContainer--preTextBlock .t-Form-itemText--pre,
.t-Form-fieldContainer--postTextBlock .t-Form-itemText--post {
  -webkit-padding-start: 0.5rem;
          padding-inline-start: 0.5rem;
  -webkit-padding-end: 0.5rem;
          padding-inline-end: 0.5rem;
  z-index: 2;
}

.t-Form-fieldContainer--preTextBlock {
  --ut-prepost-border-radius: var(--a-field-input-border-radius);
}
.t-Form-fieldContainer--preTextBlock .t-Form-itemText--pre {
  background-color: var(--ut-prepost-background-color, var(--a-field-input-background-color));
  color: var(--ut-prepost-text-color);
  border-top-left-radius: var(--ut-prepost-border-radius);
  border-bottom-left-radius: var(--ut-prepost-border-radius);
  border: var(--a-field-input-border-width, 1px) solid var(--ut-prepost-border-color, var(--a-field-input-state-border-color, var(--a-field-input-border-color)));
  border-right-width: 0;
}
.t-Form-fieldContainer--preTextBlock .t-Form-inputContainer {
  --a-field-input-border-radius: 0 var(--ut-prepost-border-radius) var(--ut-prepost-border-radius) 0;
}
.u-RTL .t-Form-fieldContainer--preTextBlock .t-Form-itemText--pre {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--ut-prepost-border-radius);
  border-bottom-right-radius: var(--ut-prepost-border-radius);
  border-right-width: var(--a-field-input-border-width, 1px);
  border-left-width: 0;
}
.u-RTL .t-Form-fieldContainer--preTextBlock .t-Form-inputContainer {
  --a-field-input-border-radius: var(--ut-prepost-border-radius) 0 0 var(--ut-prepost-border-radius);
}

.t-Form-fieldContainer--postTextBlock {
  --ut-prepost-border-radius: var(--a-field-input-border-radius);
}
.t-Form-fieldContainer--postTextBlock .t-Form-itemText--post {
  background-color: var(--ut-prepost-background-color, var(--a-field-input-background-color));
  color: var(--ut-prepost-text-color);
  border-top-right-radius: var(--ut-prepost-border-radius);
  border-bottom-right-radius: var(--ut-prepost-border-radius);
  border: var(--a-field-input-border-width, 1px) solid var(--ut-prepost-border-color, var(--a-field-input-state-border-color, var(--a-field-input-border-color)));
  border-left-width: 0;
}
.t-Form-fieldContainer--postTextBlock .t-Form-inputContainer {
  --a-field-input-border-radius: var(--ut-prepost-border-radius) 0 0 var(--ut-prepost-border-radius);
}
.u-RTL .t-Form-fieldContainer--postTextBlock .t-Form-itemText--post {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--ut-prepost-border-radius);
  border-bottom-left-radius: var(--ut-prepost-border-radius);
  border-left-width: var(--a-field-input-border-width, 1px);
  border-right-width: 0;
}
.u-RTL .t-Form-fieldContainer--postTextBlock .t-Form-inputContainer {
  --a-field-input-border-radius: 0 var(--ut-prepost-border-radius) var(--ut-prepost-border-radius) 0;
}

.t-Form-fieldContainer--preTextBlock.t-Form-fieldContainer--postTextBlock .t-Form-inputContainer {
  --a-field-input-border-radius: 0;
}

.apex-item-wrapper--checkbox,
.apex-item-wrapper--radiogroup,
.apex-item-wrapper--single-checkbox,
.apex-item-wrapper--yes-no,
.apex-item-wrapper--display-only,
.apex-item-wrapper--shuttle,
.apex-item-wrapper--list-manager,
.apex-item-wrapper--geocoded-address {
  --ut-prepost-background-color: transparent;
  --ut-prepost-border-color: transparent;
}

.apex-item-wrapper--textarea .t-Form-helpButton,
.apex-item-wrapper--shuttle .t-Form-helpButton,
.apex-item-wrapper--list-manager .t-Form-helpButton,
.apex-item-wrapper--mdeditor .t-Form-helpButton,
.apex-item-wrapper--rich-text-editor .t-Form-helpButton,
.apex-item-wrapper--markdown-editor .t-Form-helpButton,
.apex-item-wrapper--checkbox .t-Form-helpButton,
.apex-item-wrapper--radiogroup .t-Form-helpButton {
  align-self: flex-start;
}

/* Assistance Text (Errors & Required)
   ========================================================================== */
.t-Form-itemAssistance {
  flex-basis: 100%;
}

/* Validation Errors
   ========================================================================== */
.a-Form-error,
.t-Form-error {
  font-size: var(--ut-field-error-font-size, var(--ut-field-assistance-font-size, 0.6875rem));
  line-height: var(--ut-field-error-line-height, var(--ut-field-assistance-line-height, 1rem));
  display: block;
  -webkit-margin-before: var(--ut-field-error-margin-y, var(--ut-field-assistance-margin-y, 0.25rem));
          margin-block-start: var(--ut-field-error-margin-y, var(--ut-field-assistance-margin-y, 0.25rem));
}
.a-Form-error:empty,
.t-Form-error:empty {
  display: none;
}

/* Required
   ========================================================================== */
.t-Form-itemRequired {
  display: none;
  -webkit-margin-before: var(--ut-field-required-margin-y, var(--ut-field-assistance-margin-y, 0.25rem));
          margin-block-start: var(--ut-field-required-margin-y, var(--ut-field-assistance-margin-y, 0.25rem));
  font-size: var(--ut-field-required-font-size, var(--ut-field-assistance-font-size, 0.6875rem));
  line-height: var(--ut-field-required-line-height, var(--ut-field-assistance-line-height, 1rem));
  color: var(--ut-field-required-text-color, var(--ut-component-text-muted-color));
}

.a-Form-error:not(:empty) + .t-Form-itemRequired {
  display: none !important;
}

.t-Form-fieldContainer--indicatorAsterisk .t-Form-itemRequired {
  display: none;
}

.t-Form-fieldContainer--indicatorLabel .t-Form-itemRequired {
  display: block;
}
.t-Form-fieldContainer--indicatorLabel.t-Form-fieldContainer.is-required .t-Form-label:before, .t-Form-fieldContainer--indicatorLabel.t-Form-fieldContainer.is-required .t-Form-label:after, .t-Form-fieldContainer--indicatorLabel.t-Form-fieldContainer--floatingLabel.is-required .t-Form-inputContainer:before {
  content: none;
}

/* No Padding
   ========================================================================== */
.t-Form--noPadding,
.t-Form-fieldContainer--noPadding {
  --ut-field-padding-y: 0rem;
  --ut-field-padding-x: 0rem;
  --ut-grid-gutter-width: 0rem;
}
.t-Form--noPadding .t-Form-inputContainer,
.t-Form--noPadding .t-Form-labelContainer,
.t-Form-fieldContainer--noPadding .t-Form-inputContainer,
.t-Form-fieldContainer--noPadding .t-Form-labelContainer {
  -webkit-padding-before: 0;
          padding-block-start: 0;
  -webkit-padding-after: 0;
          padding-block-end: 0;
}

/* Slim Padding
   ========================================================================== */
.t-Form--slimPadding,
.t-Form-fieldContainer--slimPadding {
  --ut-field-padding-y: .25rem;
  --ut-field-padding-x: .25rem;
  --ut-grid-gutter-width: .25rem;
}
.t-Form--slimPadding .t-Form-inputContainer,
.t-Form--slimPadding .t-Form-labelContainer,
.t-Form-fieldContainer--slimPadding .t-Form-inputContainer,
.t-Form-fieldContainer--slimPadding .t-Form-labelContainer {
  -webkit-padding-before: 0.25rem;
          padding-block-start: 0.25rem;
  -webkit-padding-after: 0.25rem;
          padding-block-end: 0.25rem;
}

/* No Grid Support (Default Widths)
   ---
   Apply this grid for Optional / Required label templates
   when they are placed in a Display Position that does not support Grids
   ========================================================================== */
.t-Form-labelContainer.col-null,
.u-Form-inputContainer.col-null {
  flex-basis: 25%;
  max-width: 25%;
}

.t-Form-inputContainer.col-null,
.u-Form-inputContainer.col-null {
  flex-basis: 75%;
  max-width: 75%;
}

/* Labels Above
   ========================================================================== */
.t-Form--labelsAbove .t-Form-fieldContainer,
.t-Form-fieldContainer--stacked {
  flex-direction: column;
}
.t-Form--labelsAbove .t-Form-fieldContainer.rel-col > .col,
.t-Form-fieldContainer--stacked.rel-col > .col {
  flex-basis: auto;
  max-width: 100%;
}
.t-Form--labelsAbove .t-Form-fieldContainer .t-Form-labelContainer,
.t-Form-fieldContainer--stacked .t-Form-labelContainer {
  text-align: start;
  -webkit-padding-after: 0;
          padding-block-end: 0;
}
.t-Form--labelsAbove .t-Form-fieldContainer .t-Form-inputContainer,
.t-Form-fieldContainer--stacked .t-Form-inputContainer {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

/* Field Container Grid
   ========================================================================== */
@media (max-width: 639px) {
  .t-Form-fieldContainer.rel-col {
    flex-direction: column;
    float: none !important;
  }
  .t-Form-fieldContainer.rel-col > .col {
    max-width: 100%;
    flex-basis: 100%;
  }
}
/* Hidden Label (using 0 label column span)
   ========================================================================== */
@media (max-width: 639px) {
  .t-Form-labelContainer--hiddenLabel {
    padding: 0;
  }
}
.t-Form-labelContainer--hiddenLabel.col-0, .t-Form-labelContainer--hiddenLabel.col-null {
  --ut-field-padding-y: 0;
  --ut-field-padding-x: 0;
  flex-basis: 0%;
  max-width: 0;
}

.t-Form-labelContainer.col-0:not(.t-Form-labelContainer--hiddenLabel) {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
}

@media (max-width: 639px) {
  .container > .row > .col:first-child > .t-Form-fieldContainer--hiddenLabel {
    -webkit-margin-before: var(--ut-field-padding-y, 0.5rem);
            margin-block-start: var(--ut-field-padding-y, 0.5rem);
  }
}

.t-Form-fieldContainer--hiddenLabel > .t-Form-inputContainer.col-null {
  flex-basis: 100%;
  max-width: 100%;
}

/* Stretch Inputs
   ========================================================================== */
.t-Form--stretchInputs .t-Form-fieldContainer,
.t-Form-fieldContainer--stretchInputs {
  --a-field-input-flex-grow: 1;
}
.t-Form--stretchInputs .t-Form-fieldContainer .apex-item-textarea,
.t-Form-fieldContainer--stretchInputs .apex-item-textarea {
  min-width: 100%;
}
.t-Form--stretchInputs .t-Form-fieldContainer .apex-item-grid,
.t-Form-fieldContainer--stretchInputs .apex-item-grid {
  width: 100%;
}

.t-Form--stretchInputs {
  --ut-smart-filter-max-width: 100%;
}

/* ==========================================================================
   Display Text Style
   ========================================================================== */
.t-Form-fieldContainer--boldDisplay {
  --a-field-display-font-weight: var(--a-base-font-weight-bold, 700);
}

.t-Form-fieldContainer--normalDisplay {
  --a-field-display-font-weight: var(--a-base-font-weight-normal, 400);
}

/* ==========================================================================
   Form Items in Side Columns
   ========================================================================== */
.t-Body-side .t-Form-fieldContainer:not(:first-child) {
  -webkit-margin-before: calc(var(--ut-field-padding-y, 0.5rem) * 2);
          margin-block-start: calc(var(--ut-field-padding-y, 0.5rem) * 2);
}
.t-Body-side .t-Form-labelContainer,
.t-Body-side .t-Form-inputContainer,
.t-Body-side .t-Form-fieldContainer.t-Form-fieldContainer--floatingLabel,
.t-Body-side .t-Form-labelContainer.col,
.t-Body-side .t-Form-inputContainer.col {
  padding: 0;
}

/* ==========================================================================
   Form Alignment
   ========================================================================== */
.t-Form--alignLeft .col {
  width: auto;
}
.t-Form--alignLeft .t-Form-fieldContainer {
  width: auto;
  display: inline-flex;
  vertical-align: top;
}
.t-Form--alignLeft .t-Form-labelContainer,
.t-Form--alignLeft .t-Form-inputContainer {
  width: auto;
  min-width: 0;
  flex-basis: 0;
  max-width: none;
  flex-grow: 0;
}

.t-Form--floatLeft::before, .t-Form--floatLeft::after {
  display: table;
  content: "";
}
.t-Form--floatLeft::after {
  clear: both;
}
.t-Form--floatLeft .col {
  float: left;
  max-width: none !important;
  width: auto;
  flex-basis: auto;
  flex-grow: 0;
}
.u-RTL .t-Form--floatLeft .col {
  float: right;
}
.t-Form--floatLeft .t-Form-fieldContainer {
  display: block;
  width: auto;
  float: left;
  clear: none;
}
.u-RTL .t-Form--floatLeft .t-Form-fieldContainer {
  float: right;
}
.t-Form--floatLeft .t-Form-labelContainer {
  min-width: 0;
  width: auto;
}

.t-Form--leftLabels .t-Form-labelContainer {
  text-align: start;
}

.t-Form--fixedLabels .t-Form-labelContainer {
  width: var(--ut-field-fixed-min-width, 10rem);
}

/* ==========================================================================
   Form Floating Fields
   ========================================================================== */
.t-Form-fieldContainer--floatingLabel {
  --a-field-input-padding-x: .5rem;
  --a-field-input-padding-y: .375rem;
  --a-field-input-flex-grow: 1;
  --a-field-input-width: 100%;
  --a-field-input-font-size: .875rem;
  --ut-field-input-icon-padding-x: .5rem;
  --ut-field-label-font-size: .875rem;
  --ut-field-label-line-height: var(--ut-field-fl-label-line-height, 1.25rem);
  --ut-field-fl-label-line-height: 1.25rem;
  --ut-field-fl-label-font-size: .6875rem;
  --ut-field-fl-label-offset: calc(var(--ut-field-fl-label-line-height, 1.25rem) + var(--a-field-input-padding-y, .25rem) - var(--a-field-input-border-width, 1px));
  --ut-field-label-offset: calc(var(--a-field-input-line-height, 1rem) + var(--a-field-input-padding-y, .25rem) + var(--a-field-input-padding-y, .25rem) + var(--ut-field-fl-label-line-height, 1.25rem));
  /* Label Container
     ========================================================================== */
  /* Required
     ========================================================================== */
  /* Input Container
     ========================================================================== */
  /* Item Icon
   ========================================================================== */
  /* Combobox (Web Component)
     ========================================================================== */
  /* Color Picker (Web Component)
     ========================================================================== */
  /* Generic Non Floating Label Item
     ========================================================================== */
  /* Map
     ========================================================================== */
  /* Rich Text Editor & CKEditor
     ========================================================================== */
  /* Markdown Editor
     ========================================================================== */
  /* Date Picker (Web Component)
     ========================================================================== */
  /* Popup LOV
     ========================================================================== */
  /* Display Only
     ========================================================================== */
  /* Input Types
     ========================================================================== */
}
@media (max-width: 479px) {
  .t-Form-fieldContainer--floatingLabel {
    --a-field-input-font-size: var(--ut-xs-field-input-font-size);
    --a-field-input-line-height: var(--ut-xs-field-input-line-height);
  }
}
.t-Form-fieldContainer--floatingLabel.t-Form-fieldContainer {
  -webkit-padding-before: var(--ut-field-padding-y, 0.5rem);
          padding-block-start: var(--ut-field-padding-y, 0.5rem);
  -webkit-padding-start: var(--ut-field-padding-x, 0.5rem);
          padding-inline-start: var(--ut-field-padding-x, 0.5rem);
  -webkit-padding-end: var(--ut-field-padding-x, 0.5rem);
          padding-inline-end: var(--ut-field-padding-x, 0.5rem);
  -webkit-padding-after: var(--ut-field-padding-y, 0.5rem);
          padding-block-end: var(--ut-field-padding-y, 0.5rem);
  align-items: flex-start;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "pretext field";
}
.t-Form-fieldContainer--floatingLabel .t-Form-itemText--pre {
  grid-area: pretext;
}
.t-Form-fieldContainer--floatingLabel .t-Form-labelContainer {
  grid-area: field;
  order: 2;
  flex-grow: 1;
  padding: 0;
  position: relative;
  text-align: start;
}
.t-Form-fieldContainer--floatingLabel .t-Form-label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  cursor: var(--ut-field-label-cursor, pointer);
  pointer-events: none;
  white-space: nowrap;
  -webkit-padding-before: calc((var(--ut-field-label-offset, 2.75rem) - var(--ut-field-label-line-height, 1.25rem)) / 2);
          padding-block-start: calc((var(--ut-field-label-offset, 2.75rem) - var(--ut-field-label-line-height, 1.25rem)) / 2);
  -webkit-padding-after: var(--a-field-input-padding-y, 0.25rem);
          padding-block-end: var(--a-field-input-padding-y, 0.25rem);
  -webkit-padding-start: var(--ut-field-label-padding-x-offset, var(--a-field-input-padding-x, 0.25rem));
          padding-inline-start: var(--ut-field-label-padding-x-offset, var(--a-field-input-padding-x, 0.25rem));
  -webkit-padding-end: var(--a-field-input-padding-x, 0.25rem);
          padding-inline-end: var(--a-field-input-padding-x, 0.25rem);
  transition: padding-top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
  text-overflow: ellipsis;
  overflow: hidden;
}
.t-Form-fieldContainer--floatingLabel.has-helpbutton .t-Form-labelContainer {
  -webkit-margin-end: calc(var(--a-button-padding-y) + var(--a-icon-size, 16px) + var(--a-field-input-border-width, 1px));
          margin-inline-end: calc(var(--a-button-padding-y) + var(--a-icon-size, 16px) + var(--a-field-input-border-width, 1px));
}
.t-Form-fieldContainer--floatingLabel.has-helpbutton.apex-item-wrapper--radiogroup .t-Form-helpButton, .t-Form-fieldContainer--floatingLabel.has-helpbutton.apex-item-wrapper--checkbox .t-Form-helpButton {
  -webkit-margin-before: 0.125rem;
          margin-block-start: 0.125rem;
}
.t-Form-fieldContainer--floatingLabel.has-helpbutton.apex-item-wrapper--radiogroup.t-Form-fieldContainer--radioButtonGroup .t-Form-helpButton, .t-Form-fieldContainer--floatingLabel.has-helpbutton.apex-item-wrapper--checkbox.t-Form-fieldContainer--radioButtonGroup .t-Form-helpButton {
  -webkit-margin-before: calc(var(--ut-field-fl-label-line-height, 1.25rem) + var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
          margin-block-start: calc(var(--ut-field-fl-label-line-height, 1.25rem) + var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
}
.t-Form-fieldContainer--floatingLabel.is-active .t-Form-label, .t-Form-fieldContainer--floatingLabel.js-show-label .t-Form-label, .t-Form-fieldContainer--floatingLabel:focus-within .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-placeholder .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-initial-value .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-only .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--date-picker-html5 .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--date-picker-apex-native .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--date-picker-apex-inline .t-Form-label {
  font-size: var(--ut-field-fl-label-font-size, 0.875rem);
  -webkit-padding-before: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-block-start: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
  max-inline-size: 100%;
}
.t-Form--labelsAbove .t-Form-fieldContainer--floatingLabel .t-Form-label {
  font-size: var(--ut-field-fl-label-font-size, 0.875rem);
  -webkit-padding-before: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-block-start: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
  max-inline-size: 100%;
}

.t-Form-fieldContainer--floatingLabel.is-active, .t-Form-fieldContainer--floatingLabel:focus-within {
  --a-field-input-state-background-color: var(--a-field-input-focus-background-color);
  --a-field-input-state-border-color: var(--a-field-input-focus-border-color);
  --a-field-input-state-text-color: var(--a-field-input-focus-text-color);
  --ut-field-input-icon-background-color: var(--ut-field-fl-input-focus-icon-background-color);
  --ut-field-input-icon-color: var(--ut-field-fl-input-focus-icon-color);
  --ut-field-input-focus-icon-color: var(--ut-field-input-icon-color);
  --ut-field-input-icon-border: var(--ut-field-fl-input-focus-icon-background-color);
}
.t-Form-fieldContainer--floatingLabel.is-required .t-Form-itemRequired-marker:before {
  position: absolute;
  content: "";
  border-width: 0.25rem;
  border-color: var(--a-form-required-asterisk-text-color, red) transparent transparent var(--a-form-required-asterisk-text-color, red);
  border-style: solid;
  z-index: 2;
  border-top-left-radius: var(--a-field-input-border-radius, 0.125rem);
  pointer-events: none;
}
.u-RTL .t-Form-fieldContainer--floatingLabel.is-required .t-Form-itemRequired-marker:before {
  border-color: var(--a-form-required-asterisk-text-color, red) var(--a-form-required-asterisk-text-color, red) transparent transparent;
  border-top-left-radius: 0;
  border-top-right-radius: var(--a-field-input-border-radius, 0.125rem);
}
.t-Form-fieldContainer--floatingLabel.is-required .t-Form-label:before,
.t-Form-fieldContainer--floatingLabel.is-required .t-Form-label:after {
  display: none;
}
.t-Form-fieldContainer--floatingLabel .t-Form-inputContainer {
  grid-area: field;
  order: 3;
  padding: 0;
  flex-grow: 1;
  flex-wrap: wrap;
  max-width: 100%;
  min-inline-size: 0;
}
.t-Form-fieldContainer--floatingLabel .t-Form-itemWrapper {
  align-items: stretch;
  min-width: 0;
  max-width: 100%;
  flex-grow: 1;
}
.t-Form-fieldContainer--floatingLabel .apex-item-icon {
  display: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-icon {
  --ut-field-input-padding-x-offset: calc(var(--ut-field-input-icon-offset, 1.5rem) + var(--a-field-input-padding-x, .25rem) - var(--a-field-input-border-width, 1px));
  --ut-field-label-padding-x-offset: calc(var(--ut-field-input-icon-offset, 1.5rem) + var(--a-field-input-padding-x, .25rem));
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-icon .apex-item-icon {
  display: flex;
  width: var(--ut-field-input-icon-offset);
  box-shadow: var(--ut-field-input-icon-border, inset calc(var(--a-field-input-border-width, 1px) * -1) 0 0 0 var(--a-field-input-border-color));
  background-color: var(--ut-field-input-icon-background-color);
  border-radius: var(--a-field-input-border-radius, 0.125rem) 0 0 var(--a-field-input-border-radius, 0.125rem);
}
.u-RTL .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--has-icon .apex-item-icon {
  box-shadow: var(--ut-field-input-icon-border, inset var(--a-field-input-border-width, 1px) 0 0 0 var(--a-field-input-border-color));
  border-radius: 0 var(--a-field-input-border-radius, 0.125rem) var(--a-field-input-border-radius, 0.125rem) 0;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--combobox {
  --ut-field-input-min-height: 1rem;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--combobox .a-Chip .apex-item-text {
  block-size: auto;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker {
  --ut-field-input-padding-x-offset: calc(var(--ut-field-input-icon-offset, 1.5rem) - var(--a-field-input-border-width, 1px));
  --ut-field-label-padding-x-offset: var(--ut-field-input-icon-offset, 1.5rem);
  --a-icon-padding: .5rem;
  --a-color-picker-inline-border-width: 0px;
  --a-color-picker-inline-padding: 0px;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker .a-ColorPicker-inlineWrap {
  border-width: 0;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph .t-Form-label {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  left: auto;
  right: auto;
  pointer-events: initial;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native.is-required .t-Form-itemRequired-marker:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph.is-required .t-Form-inputContainer:before,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph.is-required .t-Form-itemRequired-marker:before {
  display: none;
  content: none;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native.is-required .t-Form-label:after, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph.is-required .t-Form-label:after {
  display: inline-block;
  position: relative;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native a-file-upload, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph .apex-item-group,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph .apex-item-starrating,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph .apex-item-markdown-editor,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph .apex-item-pct-graph,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph .apex-item-image,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph .a-GeoCoder-map,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph a-color-picker,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph a-file-upload {
  -webkit-margin-before: var(--ut-field-fl-label-offset);
          margin-block-start: var(--ut-field-fl-label-offset);
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-image .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--baseline .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--checkbox .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--single-checkbox .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--radiogroup .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--shuttle .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--image-upload .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--star-rating .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--mdeditor .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-color-only .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-inline .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--color-picker-native .a-Report-percentChart, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--pct-graph .a-Report-percentChart {
  margin: 0.25rem 0;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-map .t-Form-itemWrapper {
  -webkit-margin-before: var(--ut-field-fl-label-offset);
          margin-block-start: var(--ut-field-fl-label-offset);
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .t-Form-itemWrapper {
  -webkit-margin-before: var(--ut-field-fl-label-offset);
          margin-block-start: var(--ut-field-fl-label-offset);
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .t-Form-itemWrapper .cke_4 {
  width: 100% !important;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--rich-text-editor .apex-item-group {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .apex-item-textarea {
  -webkit-margin-before: var(--ut-field-fl-label-offset);
          margin-block-start: var(--ut-field-fl-label-offset);
  -webkit-padding-before: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-block-start: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--markdown-editor .a-MDEditor .apex-item-textarea {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--date-picker-apex .a-DatePicker-inline {
  --a-datepicker-header-background-color: transparent;
  --a-datepicker-footer-background-color: transparent;
  -webkit-padding-before: var(--ut-field-fl-label-offset);
          padding-block-start: var(--ut-field-fl-label-offset);
}
.t-Form-fieldContainer--floatingLabel .apex-item-group--popup-lov .apex-item-multi {
  -webkit-padding-before: var(--ut-field-fl-label-offset);
          padding-block-start: var(--ut-field-fl-label-offset);
  -webkit-padding-after: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px) - 0.125rem);
          padding-block-end: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px) - 0.125rem);
}
.t-Form-fieldContainer--floatingLabel .apex-item-group--popup-lov .apex-item-multi .apex-item-popup-lov {
  --ut-field-fl-label-offset: calc(var(--a-field-input-padding-y, .25rem) - var(--a-field-input-border-width, 1px));
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--display-only {
  --ut-field-input-icon-border: none;
}
.t-Form-fieldContainer--floatingLabel .apex-item-display-only {
  flex-grow: var(--a-field-input-flex-grow);
  font-size: var(--a-field-display-font-size, var(--a-field-input-font-size, 0.75rem));
  line-height: var(--a-field-input-line-height, 1rem);
  font-weight: var(--a-field-display-font-weight, var(--a-field-input-font-weight, 400));
  border-radius: var(--a-field-input-border-radius, 0.125rem);
  border-color: var(--a-field-input-border-color);
  border-width: var(--a-field-input-border-width, 1px);
  border-style: dashed;
  -webkit-padding-before: calc(var(--ut-field-fl-label-line-height, 1.25rem) + var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-block-start: calc(var(--ut-field-fl-label-line-height, 1.25rem) + var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
  -webkit-padding-after: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-block-end: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
  -webkit-padding-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
          padding-inline-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
}
.t-Form-fieldContainer--floatingLabel .apex-item-display-only:after {
  content: "\00a0";
  max-width: 0;
  display: inline-block;
}
.t-Form-fieldContainer--floatingLabel .apex-item-textarea {
  min-width: 100%;
}
.t-Form-fieldContainer--floatingLabel .apex-item-textarea.rich_text_editor {
  min-width: 0;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--textarea.js-show-label .t-Form-label:before, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--textarea.is-active .t-Form-label:before {
  content: "";
  display: block;
  position: absolute;
  left: calc(var(--a-field-input-padding-x, 0.25rem) / 2);
  right: calc(var(--a-field-input-padding-x, 0.25rem) / 2);
  z-index: -1;
  border-radius: var(--a-field-input-border-radius, 0.125rem);
  opacity: 0.85;
  transition: background-color 0.2s ease;
  background-color: var(--a-field-input-state-background-color, var(--a-field-input-background-color));
  max-width: calc(100% - 22px);
  min-height: var(--ut-field-fl-label-line-height);
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--textarea:hover .t-Form-label:before {
  --a-field-input-state-background-color: var(--a-field-input-hover-background-color);
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--textarea:focus-within .t-Form-label:before {
  --a-field-input-state-background-color: var(--a-field-input-focus-background-color);
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--select-list .t-Form-label, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--popup-lov .t-Form-label {
  -webkit-padding-start: var(--ut-field-label-padding-x-offset, var(--a-field-input-padding-x, 4px));
          padding-inline-start: var(--ut-field-label-padding-x-offset, var(--a-field-input-padding-x, 4px));
  -webkit-padding-end: var(--a-field-select-arrow-padding, 32px);
          padding-inline-end: var(--a-field-select-arrow-padding, 32px);
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--file .apex-item-group {
  width: 100%;
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .a-Switch-toggle,
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--yes-no .t-Form-itemWrapper .t-Form-helpButton {
  -webkit-margin-before: calc(var(--ut-field-fl-label-line-height, 1.25rem) + var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
          margin-block-start: calc(var(--ut-field-fl-label-line-height, 1.25rem) + var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--qrcode .t-Form-itemWrapper {
  -webkit-margin-before: calc(var(--ut-field-fl-label-line-height, 1.25rem) + var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
          margin-block-start: calc(var(--ut-field-fl-label-line-height, 1.25rem) + var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
}
.t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address .a-GeoCoder-map, .t-Form-fieldContainer--floatingLabel.apex-item-wrapper--geocoded-address-map .a-GeoCoder-map {
  -webkit-margin-before: var(--ut-field-fl-label-offset);
          margin-block-start: var(--ut-field-fl-label-offset);
}
.t-Form-fieldContainer--floatingLabel .a-Button {
  --a-button-padding-y: .5rem;
  --a-button-padding-x: .75rem;
}

/* ==========================================================================
   Form Items
   ========================================================================== */
/* Item Buttons (popup lov, calendar, colorpicker)
   ========================================================================== */
.t-Form-itemWrapper .a-Button {
  --a-button-padding-y: .25rem;
  --a-button-padding-x: .5rem;
}

/* Item Groups
   ========================================================================== */
.apex-item-group {
  min-width: 0;
  flex-grow: var(--a-field-input-flex-grow);
}

/* Input Field Ordering - Necessary for proper item icon positioning
   ========================================================================== */
.t-Form-itemWrapper fieldset,
.t-Form-itemWrapper .apex-item-icon,
.t-Form-itemWrapper .apex-item-group,
.t-Form-itemWrapper .apex-item-markdown-editor,
.t-Form-itemWrapper .apex-item-single-checkbox,
.t-Form-itemWrapper .a-Switch,
.t-Form-itemWrapper .ck-editor,
.t-Form-itemWrapper .mapboxgl-map,
.t-Form-itemWrapper a-autocomplete,
.t-Form-itemWrapper a-date-picker,
.t-Form-itemWrapper a-color-picker,
.t-Form-itemWrapper a-combobox {
  order: 2;
}
.t-Form-itemWrapper input,
.t-Form-itemWrapper select,
.t-Form-itemWrapper textarea,
.t-Form-itemWrapper .apex-item-display-only,
.t-Form-itemWrapper .apex-item-multi,
.t-Form-itemWrapper .a-Button {
  order: 3;
}
.t-Form-itemWrapper .t-Form-itemText--post {
  order: 4;
}
.t-Form-itemWrapper .t-Form-helpButton {
  order: 5;
}
.t-Form-itemWrapper .t-Form-itemWrapper .apex-quick-picks {
  order: 6;
}
.t-Form-itemWrapper .u-Processing--inline {
  order: 999;
}

/* Item Icon
   ========================================================================== */
.apex-item-wrapper--has-icon,
.apex-item-wrapper--color-picker {
  --ut-field-input-icon-offset: calc(var(--ut-field-input-icon-size, var(--a-icon-size, 1rem)) + var(--ut-field-input-icon-padding-x, .25rem) + var(--ut-field-input-icon-padding-x, .25rem));
  --ut-field-input-min-height: calc(var(--ut-field-input-icon-size, var(--a-icon-size, 1rem)) + var(--ut-field-input-icon-padding-y, .25rem) + var(--ut-field-input-icon-padding-y, .25rem));
  --ut-field-input-padding-x-offset: calc(var(--ut-field-input-icon-offset, 1.5rem) - var(--a-field-input-border-width, 1px));
}

.apex-item-icon {
  padding: var(--ut-field-input-icon-padding-y, 0.25rem) var(--ut-field-input-icon-padding-x, 0.25rem);
  float: none;
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  display: flex;
  left: var(--ut-field-input-icon-offset, 1.5rem);
  -webkit-margin-start: calc(var(--ut-field-input-icon-offset, 1.5rem) * -1);
          margin-inline-start: calc(var(--ut-field-input-icon-offset, 1.5rem) * -1);
  font-size: var(--ut-field-input-icon-size, var(--a-icon-size, 1rem));
  color: var(--ut-field-input-icon-color, var(--a-field-input-text-color));
}
.u-RTL .apex-item-icon {
  left: unset;
  right: var(--ut-field-input-icon-offset, 1.5rem);
}
.apex-item-wrapper--combobox .apex-item-icon {
  position: absolute;
  inset-block-start: 0px;
  inset-block-end: 0px;
}

/* Display Only
   ========================================================================== */
.apex-item-display-only {
  align-self: center;
  font-weight: var(--a-field-display-font-weight, var(--a-base-font-weight-bold, 700));
  flex-grow: var(--a-field-input-flex-grow);
  font-size: var(--a-field-display-font-size, var(--a-field-input-font-size, 0.875rem));
  line-height: var(--a-field-input-line-height, 1rem);
  -webkit-padding-start: var(--ut-field-input-icon-offset, 0);
          padding-inline-start: var(--ut-field-input-icon-offset, 0);
}

/* Display Image
   ========================================================================== */
.apex-item-image {
  max-width: 100%;
  height: auto;
}

/* Default Inputs
   ========================================================================== */
.apex-item-text,
.apex-item-select,
.apex-item-textarea,
.u-TF-item--text,
.u-TF-item--select,
select.listmanager,
select.group_selectlist,
.apex-item-multi,
.datetimepicker_newMonth,
.apex-item-wrapper--combobox-many .apex-item-comboselect,
.apex-item-combobox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  min-width: 0;
  width: var(--a-field-input-width);
  flex-grow: var(--a-field-input-flex-grow);
  font-size: var(--a-field-input-font-size, 0.75rem);
  line-height: var(--a-field-input-line-height, 1rem);
  font-weight: var(--a-field-input-font-weight, 400);
  min-height: var(--ut-field-input-min-height, 0);
  color: var(--a-field-input-state-text-color, var(--a-field-input-text-color));
  background-color: var(--a-field-input-state-background-color, var(--a-field-input-background-color));
  border-radius: var(--a-field-input-border-radius, 0.125rem);
  border-color: var(--a-field-input-state-border-color, var(--a-field-input-border-color));
  border-width: var(--a-field-input-border-width, 1px);
  border-style: solid;
  box-shadow: var(--a-field-input-state-shadow, var(--a-field-input-shadow));
  -webkit-padding-before: var(--ut-field-fl-label-offset, calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px)));
          padding-block-start: var(--ut-field-fl-label-offset, calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px)));
  -webkit-padding-after: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-block-end: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
  -webkit-padding-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
          padding-inline-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.apex-item-text::-moz-placeholder, .apex-item-select::-moz-placeholder, .apex-item-textarea::-moz-placeholder, .u-TF-item--text::-moz-placeholder, .u-TF-item--select::-moz-placeholder, select.listmanager::-moz-placeholder, select.group_selectlist::-moz-placeholder, .apex-item-multi::-moz-placeholder, .datetimepicker_newMonth::-moz-placeholder, .apex-item-wrapper--combobox-many .apex-item-comboselect::-moz-placeholder, .apex-item-combobox::-moz-placeholder {
  color: var(--a-field-placeholder-text-color, currentColor);
  opacity: var(--a-field-placeholder-opacity, 0.6);
}
.apex-item-text:-ms-input-placeholder, .apex-item-select:-ms-input-placeholder, .apex-item-textarea:-ms-input-placeholder, .u-TF-item--text:-ms-input-placeholder, .u-TF-item--select:-ms-input-placeholder, select.listmanager:-ms-input-placeholder, select.group_selectlist:-ms-input-placeholder, .apex-item-multi:-ms-input-placeholder, .datetimepicker_newMonth:-ms-input-placeholder, .apex-item-wrapper--combobox-many .apex-item-comboselect:-ms-input-placeholder, .apex-item-combobox:-ms-input-placeholder {
  color: var(--a-field-placeholder-text-color, currentColor);
  opacity: var(--a-field-placeholder-opacity, 0.6);
}
.apex-item-text::placeholder,
.apex-item-select::placeholder,
.apex-item-textarea::placeholder,
.u-TF-item--text::placeholder,
.u-TF-item--select::placeholder,
select.listmanager::placeholder,
select.group_selectlist::placeholder,
.apex-item-multi::placeholder,
.datetimepicker_newMonth::placeholder,
.apex-item-wrapper--combobox-many .apex-item-comboselect::placeholder,
.apex-item-combobox::placeholder {
  color: var(--a-field-placeholder-text-color, currentColor);
  opacity: var(--a-field-placeholder-opacity, 0.6);
}
.apex-item-text:hover,
.apex-item-select:hover,
.apex-item-textarea:hover,
.u-TF-item--text:hover,
.u-TF-item--select:hover,
select.listmanager:hover,
select.group_selectlist:hover,
.apex-item-multi:hover,
.datetimepicker_newMonth:hover,
.apex-item-wrapper--combobox-many .apex-item-comboselect:hover,
.apex-item-combobox:hover {
  --a-field-input-state-background-color: var(--a-field-input-hover-background-color);
  --a-field-input-state-border-color: var(--a-field-input-hover-border-color);
  --a-field-input-state-text-color: var(--a-field-input-hover-text-color);
}
.apex-item-text:hover + .apex-item-icon,
.apex-item-select:hover + .apex-item-icon,
.apex-item-textarea:hover + .apex-item-icon,
.u-TF-item--text:hover + .apex-item-icon,
.u-TF-item--select:hover + .apex-item-icon,
select.listmanager:hover + .apex-item-icon,
select.group_selectlist:hover + .apex-item-icon,
.apex-item-multi:hover + .apex-item-icon,
.datetimepicker_newMonth:hover + .apex-item-icon,
.apex-item-wrapper--combobox-many .apex-item-comboselect:hover + .apex-item-icon,
.apex-item-combobox:hover + .apex-item-icon {
  --ut-field-input-icon-color: var(--a-field-input-hover-text-color);
}
.apex-item-text:focus, .apex-item-text:focus-within,
.apex-item-select:focus,
.apex-item-select:focus-within,
.apex-item-textarea:focus,
.apex-item-textarea:focus-within,
.u-TF-item--text:focus,
.u-TF-item--text:focus-within,
.u-TF-item--select:focus,
.u-TF-item--select:focus-within,
select.listmanager:focus,
select.listmanager:focus-within,
select.group_selectlist:focus,
select.group_selectlist:focus-within,
.apex-item-multi:focus,
.apex-item-multi:focus-within,
.datetimepicker_newMonth:focus,
.datetimepicker_newMonth:focus-within,
.apex-item-wrapper--combobox-many .apex-item-comboselect:focus,
.apex-item-wrapper--combobox-many .apex-item-comboselect:focus-within,
.apex-item-combobox:focus,
.apex-item-combobox:focus-within {
  --a-field-input-state-background-color: var(--a-field-input-focus-background-color);
  --a-field-input-state-border-color: var(--a-field-input-focus-border-color);
  --a-field-input-state-text-color: var(--a-field-input-focus-text-color);
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}
.apex-item-text:focus + .apex-item-icon,
.apex-item-select:focus + .apex-item-icon,
.apex-item-textarea:focus + .apex-item-icon,
.u-TF-item--text:focus + .apex-item-icon,
.u-TF-item--select:focus + .apex-item-icon,
select.listmanager:focus + .apex-item-icon,
select.group_selectlist:focus + .apex-item-icon,
.apex-item-multi:focus + .apex-item-icon,
.datetimepicker_newMonth:focus + .apex-item-icon,
.apex-item-wrapper--combobox-many .apex-item-comboselect:focus + .apex-item-icon,
.apex-item-combobox:focus + .apex-item-icon {
  --ut-field-input-icon-color: var(--ut-field-input-focus-icon-color, var(--a-field-input-focus-text-color));
  --a-field-input-border-color: var(--a-field-input-state-border-color);
}
.apex-item-text:disabled,
.apex-item-select:disabled,
.apex-item-textarea:disabled,
.u-TF-item--text:disabled,
.u-TF-item--select:disabled,
select.listmanager:disabled,
select.group_selectlist:disabled,
.apex-item-multi:disabled,
.datetimepicker_newMonth:disabled,
.apex-item-wrapper--combobox-many .apex-item-comboselect:disabled,
.apex-item-combobox:disabled {
  opacity: var(--ut-field-disabled-opacity, var(--a-field-disabled-opacity, 0.5));
}
.apex-item-text.apex-page-item-error,
.apex-item-select.apex-page-item-error,
.apex-item-textarea.apex-page-item-error,
.u-TF-item--text.apex-page-item-error,
.u-TF-item--select.apex-page-item-error,
select.listmanager.apex-page-item-error,
select.group_selectlist.apex-page-item-error,
.apex-item-multi.apex-page-item-error,
.datetimepicker_newMonth.apex-page-item-error,
.apex-item-wrapper--combobox-many .apex-item-comboselect.apex-page-item-error,
.apex-item-combobox.apex-page-item-error {
  --a-field-input-state-border-color: var(--ut-palette-danger);
}
.apex-item-text.apex-page-item-error + .a-Button,
.apex-item-select.apex-page-item-error + .a-Button,
.apex-item-textarea.apex-page-item-error + .a-Button,
.u-TF-item--text.apex-page-item-error + .a-Button,
.u-TF-item--select.apex-page-item-error + .a-Button,
select.listmanager.apex-page-item-error + .a-Button,
select.group_selectlist.apex-page-item-error + .a-Button,
.apex-item-multi.apex-page-item-error + .a-Button,
.datetimepicker_newMonth.apex-page-item-error + .a-Button,
.apex-item-wrapper--combobox-many .apex-item-comboselect.apex-page-item-error + .a-Button,
.apex-item-combobox.apex-page-item-error + .a-Button {
  --a-button-state-border-color: var(--ut-palette-danger);
}
.apex-item-text.apex-page-item-error:required:valid,
.apex-item-select.apex-page-item-error:required:valid,
.apex-item-textarea.apex-page-item-error:required:valid,
.u-TF-item--text.apex-page-item-error:required:valid,
.u-TF-item--select.apex-page-item-error:required:valid,
select.listmanager.apex-page-item-error:required:valid,
select.group_selectlist.apex-page-item-error:required:valid,
.apex-item-multi.apex-page-item-error:required:valid,
.datetimepicker_newMonth.apex-page-item-error:required:valid,
.apex-item-wrapper--combobox-many .apex-item-comboselect.apex-page-item-error:required:valid,
.apex-item-combobox.apex-page-item-error:required:valid {
  --a-field-input-state-border-color: var(--a-field-input-border-color);
}
.apex-item-text.apex-page-item-error:required:valid + .a-Button,
.apex-item-select.apex-page-item-error:required:valid + .a-Button,
.apex-item-textarea.apex-page-item-error:required:valid + .a-Button,
.u-TF-item--text.apex-page-item-error:required:valid + .a-Button,
.u-TF-item--select.apex-page-item-error:required:valid + .a-Button,
select.listmanager.apex-page-item-error:required:valid + .a-Button,
select.group_selectlist.apex-page-item-error:required:valid + .a-Button,
.apex-item-multi.apex-page-item-error:required:valid + .a-Button,
.datetimepicker_newMonth.apex-page-item-error:required:valid + .a-Button,
.apex-item-wrapper--combobox-many .apex-item-comboselect.apex-page-item-error:required:valid + .a-Button,
.apex-item-combobox.apex-page-item-error:required:valid + .a-Button {
  --a-button-state-border-color: var(--a-button-border-color);
}
@media (max-width: 639px) {
  .apex-item-text,
.apex-item-select,
.apex-item-textarea,
.u-TF-item--text,
.u-TF-item--select,
select.listmanager,
select.group_selectlist,
.apex-item-multi,
.datetimepicker_newMonth,
.apex-item-wrapper--combobox-many .apex-item-comboselect,
.apex-item-combobox {
    --a-field-input-flex-grow: 1;
  }
}
.apex-item-text.stretch,
.apex-item-select.stretch,
.apex-item-textarea.stretch,
.u-TF-item--text.stretch,
.u-TF-item--select.stretch,
select.listmanager.stretch,
select.group_selectlist.stretch,
.apex-item-multi.stretch,
.datetimepicker_newMonth.stretch,
.apex-item-wrapper--combobox-many .apex-item-comboselect.stretch,
.apex-item-combobox.stretch {
  width: 100%;
}

/* Text Field
   ========================================================================== */
/* Text Area
   ========================================================================== */
.apex-item-textarea {
  min-height: 4rem;
}

/* Select List
   ========================================================================== */
.apex-item-select,
.u-TF-item--select,
select.group_selectlist,
.datetimepicker_newMonth {
  background-size: var(--a-field-select-background-size, 2rem 1rem);
  background-image: var(--a-field-select-background-image);
  background-position: right center;
  background-repeat: no-repeat;
  -webkit-padding-end: var(--a-field-select-arrow-padding, 2rem);
          padding-inline-end: var(--a-field-select-arrow-padding, 2rem);
}
.u-RTL .apex-item-select,
.u-RTL .u-TF-item--select,
.u-RTL select.group_selectlist,
.u-RTL .datetimepicker_newMonth {
  background-position: left center;
}
.apex-item-select[multiple],
.u-TF-item--select[multiple],
select.group_selectlist[multiple],
.datetimepicker_newMonth[multiple] {
  background-image: none;
  -webkit-padding-start: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-inline-start: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
  -webkit-padding-end: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
          padding-inline-end: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
}
.t-Form--stretchInputs .apex-item-select, .t-Form-fieldContainer--floatingLabel .apex-item-select,
.t-Form--stretchInputs .u-TF-item--select,
.t-Form-fieldContainer--floatingLabel .u-TF-item--select,
.t-Form--stretchInputs select.group_selectlist,
.t-Form-fieldContainer--floatingLabel select.group_selectlist,
.t-Form--stretchInputs .datetimepicker_newMonth,
.t-Form-fieldContainer--floatingLabel .datetimepicker_newMonth {
  width: 100%;
}
.apex-item-select:-moz-focusring, .apex-item-select::-moz-focus-inner,
.u-TF-item--select:-moz-focusring,
.u-TF-item--select::-moz-focus-inner,
select.group_selectlist:-moz-focusring,
select.group_selectlist::-moz-focus-inner,
.datetimepicker_newMonth:-moz-focusring,
.datetimepicker_newMonth::-moz-focus-inner {
  outline: none;
}

/* File Native
   ========================================================================== */
.apex-item-file--native {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  min-width: 0;
  width: var(--a-field-input-width);
  flex-grow: var(--a-field-input-flex-grow);
  font-size: var(--a-field-input-font-size, 0.75rem);
  line-height: var(--a-field-input-line-height, 1rem);
  font-weight: var(--a-field-input-font-weight, 400);
  min-height: var(--ut-field-input-min-height, 0);
  color: var(--a-field-input-state-text-color, var(--a-field-input-text-color));
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.apex-item-file--native::-webkit-file-upload-button {
  --a-button-padding-y: .25rem;
  --a-button-padding-x: .5rem;
  -webkit-margin-end: var(--a-field-input-padding-x, 0.25rem);
          margin-inline-end: var(--a-field-input-padding-x, 0.25rem);
}

.apex-item-file:focus + .apex-item-filedrop {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}

/* File Upload Component
   ========================================================================== */
.apex-item-wrapper--file .t-Form-itemText--pre,
.apex-item-wrapper--image-upload .t-Form-itemText--pre {
  -webkit-padding-end: var(--a-field-input-padding-x, 0.25rem);
          padding-inline-end: var(--a-field-input-padding-x, 0.25rem);
}
.apex-item-wrapper--file .t-Form-itemText--post,
.apex-item-wrapper--image-upload .t-Form-itemText--post {
  -webkit-padding-start: var(--a-field-input-padding-x, 0.25rem);
          padding-inline-start: var(--a-field-input-padding-x, 0.25rem);
}

/* Single Checkbox
   ========================================================================== */
.apex-item-single-checkbox {
  align-self: center;
  display: flex;
}

.apex-item-wrapper--single-checkbox.is-required .apex-item-single-checkbox:after {
  content: "\e058";
  font-family: "apex-5-icon-font" !important;
  color: var(--a-form-required-asterisk-text-color, red);
  font-size: var(--a-checkbox-label-font-size, 0.75rem);
  line-height: var(--a-checkbox-size, 1rem);
  -webkit-margin-start: calc(var(--a-checkbox-label-spacing-x, 0.5rem) * -1);
          margin-inline-start: calc(var(--a-checkbox-label-spacing-x, 0.5rem) * -1);
}

/* Date Picker
   ========================================================================== */
.apex-item-datepicker {
  height: auto;
}
.apex-item-datepicker::-webkit-datetime-edit-fields-wrapper, .apex-item-datepicker::-webkit-datetime-edit-ampm-field, .apex-item-datepicker::-webkit-datetime-edit-day-field, .apex-item-datepicker::-webkit-datetime-edit-hour-field, .apex-item-datepicker::-webkit-datetime-edit-millisecond-field, .apex-item-datepicker::-webkit-datetime-edit-minute-field, .apex-item-datepicker::-webkit-datetime-edit-month-field, .apex-item-datepicker::-webkit-datetime-edit-second-field, .apex-item-datepicker::-webkit-datetime-edit-week-field, .apex-item-datepicker::-webkit-datetime-edit-year-field, .apex-item-datepicker::-webkit-calendar-picker-indicator {
  -webkit-padding-before: 0;
          padding-block-start: 0;
  -webkit-padding-after: 0;
          padding-block-end: 0;
}
/* Auto Complete
   ========================================================================== */
.apex-item-group--auto-complete {
  position: relative;
  flex-grow: var(--a-field-input-flex-grow);
  display: flex;
}
.t-Form--stretchInputs .apex-item-group--auto-complete, .t-Form-fieldContainer--floatingLabel .apex-item-group--auto-complete {
  width: 100%;
}
.apex-item-group--auto-complete .apex-item-auto-complete::-moz-placeholder {
  font-style: normal;
  color: var(--a-field-placeholder-text-color, #000);
  opacity: var(--a-field-placeholder-opacity, 0.5);
}
.apex-item-group--auto-complete .apex-item-auto-complete:-ms-input-placeholder {
  font-style: normal;
  color: var(--a-field-placeholder-text-color, #000);
  opacity: var(--a-field-placeholder-opacity, 0.5);
}
.apex-item-group--auto-complete .apex-item-auto-complete::placeholder {
  font-style: normal;
  color: var(--a-field-placeholder-text-color, #000);
  opacity: var(--a-field-placeholder-opacity, 0.5);
}

/* Color Picker
   ========================================================================== */
.apex-item-wrapper--color-picker:focus-within .apex-item-group--color-picker {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
  --a-button-state-border-color: var(--a-field-input-focus-border-color);
}
.apex-item-wrapper--color-picker:focus-within .apex-item-group--color-picker .apex-item-color-picker:not(.apex-item-color-picker-native) {
  outline: none;
}
.apex-item-wrapper--color-picker.apex-item-wrapper--color-picker-native .apex-item-group--color-picker, .apex-item-wrapper--color-picker.apex-item-wrapper--color-picker-color-only .apex-item-group--color-picker, .apex-item-wrapper--color-picker.apex-item-wrapper--color-picker-inline .apex-item-group--color-picker {
  outline: none;
}

.apex-item-group--color-picker .a-Button--colorPickerOnly {
  --a-color-picker-color-only-height: 1rem;
  --a-color-picker-color-only-width: 1.5rem;
  --a-button-padding: .25rem;
}

.apex-item-group--color-picker,
fieldset.color_picker .a-Combobox-wrapper {
  position: relative;
  flex-grow: var(--a-field-input-flex-grow);
  display: flex;
}

span.apex-item-color-picker {
  -webkit-padding-start: calc(var(--ut-field-input-icon-size, var(--a-icon-size, 1rem)) + var(--ut-field-input-icon-padding-x, var(--a-icon-padding, 0.25rem)) + var(--ut-field-input-icon-padding-x, var(--a-icon-padding, 0.25rem)));
          padding-inline-start: calc(var(--ut-field-input-icon-size, var(--a-icon-size, 1rem)) + var(--ut-field-input-icon-padding-x, var(--a-icon-padding, 0.25rem)) + var(--ut-field-input-icon-padding-x, var(--a-icon-padding, 0.25rem)));
}

.a-Button--colorPicker.apex-item-color-picker-preview {
  width: var(--ut-field-input-icon-size, var(--a-icon-size, 1rem));
  height: var(--ut-field-input-icon-size, var(--a-icon-size, 1rem));
}

.apex-item-color-picker-preview {
  width: var(--ut-field-input-icon-size, var(--a-icon-size, 1rem));
  height: var(--ut-field-input-icon-size, var(--a-icon-size, 1rem));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: var(--ut-field-input-icon-padding-x, var(--a-icon-padding, 0.25rem));
  pointer-events: none;
}
.u-RTL .apex-item-color-picker-preview {
  left: unset;
  right: var(--ut-field-input-icon-padding-x, var(--a-icon-padding, 0.25rem));
}
.apex-item-color-picker-preview.noPreviewColor {
  background-image: linear-gradient(45deg, transparent, transparent 48%, var(--a-colorpicker-preview-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, 0.15))) 48%, var(--a-colorpicker-preview-border-color, var(--a-field-input-border-color, rgba(0, 0, 0, 0.15))) 52%, transparent 52%, transparent 100%);
}
.a-Button--colorPicker .apex-item-color-picker-preview {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  border-radius: var(--a-button-border-radius);
}
.u-RTL .a-Button--colorPicker .apex-item-color-picker-preview {
  left: unset;
  right: auto;
}

fieldset.color_picker input.color_picker {
  -webkit-padding-start: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px) + var(--a-item-icon-offset, 0rem));
          padding-inline-start: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px) + var(--a-item-icon-offset, 0rem));
}

/* Markdown & CKEditors
   ========================================================================== */
.apex-item-markdown-editor,
.ck-editor,
.cke_editor {
  flex-grow: 1;
  min-width: 0;
}

.ck-editor {
  --ck-z-modal: 700;
  width: 100%;
}

a-rich-text-editor {
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.apex-item-group--rich-text-editor:focus-within {
  --a-field-input-border-color: var(--a-field-input-focus-border-color);
  --a-button-state-border-color: var(--a-field-input-focus-border-color);
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}
.apex-item-group--rich-text-editor:focus-within .a-rich-text-editor--preview {
  outline: none;
}

/* List Manager
   ========================================================================== */
fieldset.listmanager {
  flex-grow: var(--a-field-input-flex-grow);
}
fieldset.listmanager .apex-item-group--popup-lov {
  width: 100%;
}
fieldset.listmanager table {
  width: 100%;
  border-collapse: collapse;
}
fieldset.listmanager td {
  padding: 0 !important;
  white-space: nowrap;
  width: 100%;
}

select.listmanager {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
}

/* Popup LOV
     ========================================================================== */
span.lov {
  display: inline-flex;
}

.apex-item-group--popup-lov {
  --ut-field-input-min-height: calc(var(--a-field-input-padding-y, .25rem) + var(--a-field-input-padding-y, .25rem) + var(--a-field-input-line-height, 1rem));
  --a-item-icon-offset: var(--ut-field-input-icon-offset, 0rem);
}
.apex-item-group--popup-lov .apex-item-popup-lov:not(.apex-item-has-icon) {
  --a-item-icon-offset: 0rem;
}
.apex-item-group--popup-lov:focus-within {
  --a-field-input-border-color: var(--a-field-input-focus-border-color);
  --a-button-state-border-color: var(--a-field-input-focus-border-color);
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}
.apex-item-group--popup-lov:focus-within .apex-item-popup-lov {
  outline: none;
}

.apex-item-text.apex-item-popup-lov {
  -webkit-padding-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
          padding-inline-start: var(--ut-field-input-padding-x-offset, calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px)));
}

.apex-item-text.apex-item-popup-lov,
.apex-item-multi {
  -webkit-padding-before: var(--ut-field-fl-label-offset, calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px)));
          padding-block-start: var(--ut-field-fl-label-offset, calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px)));
}

.apex-item-multi {
  display: flex;
  min-height: var(--ut-field-input-min-height, 0);
  -webkit-padding-before: 0;
          padding-block-start: 0;
  -webkit-padding-after: 0;
          padding-block-end: 0;
}

.apex-item-multi-item {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}

.apex-item-multi-item.is-active > span {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
  box-shadow: none;
}

.apex-item-multi .apex-item-popup-lov {
  --a-field-input-padding-y: 0rem;
  --a-field-input-padding-x: 0rem;
  --ut-focus-outline: none;
  width: 100%;
  min-height: calc(var(--a-popuplov-chip-line-height) + var(--a-popuplov-chip-padding-y) + var(--a-popuplov-chip-padding-y));
}

/* ==========================================================================
   Shuttles
   ========================================================================== */
.apex-item-group--shuttle table.shuttle {
  width: 100%;
  border-collapse: collapse;
}
.apex-item-group--shuttle .shuttleControl,
.apex-item-group--shuttle .shuttleSort2 {
  width: 1%;
}
.apex-item-group--shuttle .shuttleSelect1,
.apex-item-group--shuttle .shuttleSelect2 {
  width: 49%;
}
.apex-item-group--shuttle select.shuttle_left,
.apex-item-group--shuttle select.shuttle_right {
  width: 100%;
  min-height: 8.75rem;
  margin: 0.25rem 0;
}

/* Quick Picks
   ========================================================================== */
.apex-quick-picks {
  font-size: 0.6875rem;
  line-height: 1rem;
}
.apex-quick-picks a:hover {
  -webkit-text-decoration: var(--ut-link-text-decoration, underline);
          text-decoration: var(--ut-link-text-decoration, underline);
}

/* APEX Button Group (for Switch and Pill Buttons)
   ========================================================================== */
.apex-button-group {
  --a-button-padding-x: .75rem;
  display: flex;
}

.a-Switch input[type=checkbox]:focus + .a-Switch-toggle {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}

/* Checkboxes & Radios
   ========================================================================== */
.apex-item-checkbox .apex-item-option input + label {
  display: inline-block;
}

.apex-item-group--rc input + label {
  display: inline-block;
  -webkit-margin-before: 0.25rem;
          margin-block-start: 0.25rem;
  -webkit-margin-after: 0.25rem;
          margin-block-end: 0.25rem;
  min-height: var(--a-checkbox-size, 1rem);
}

.apex-item-group--rc input:checked + label,
.apex-item-single-checkbox input:checked + label {
  font-weight: var(--a-base-font-weight-bold, 700);
}

.apex-item-group--rc input + label {
  -webkit-padding-end: var(--ut-checkbox-item-spacing, var(--a-checkbox-label-spacing-x, 0.5rem));
          padding-inline-end: var(--ut-checkbox-item-spacing, var(--a-checkbox-label-spacing-x, 0.5rem));
}

.u-checkbox:focus:before,
.apex-item-checkbox input:focus + .u-checkbox:before,
.apex-item-checkbox input:focus + label:before,
.apex-item-checkbox .apex-item-option input:focus + label:before,
.apex-item-single-checkbox input:focus + .u-checkbox:before,
.apex-item-single-checkbox input:focus + label:before,
.u-radio:focus:before,
.apex-item-radio input:focus + .u-radio:before,
.apex-item-radio input:focus + label:before {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}

/* Star Rating
   ========================================================================== */
.a-StarRating-stars.is-focused {
  box-shadow: none;
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}

/* GeoCoder Map
   ========================================================================== */
.a-GeoCoder-map {
  will-change: background-color;
  transition: background-color 0.5s ease;
  background-color: var(--ut-component-background-color);
  overflow: hidden;
  position: relative;
  border-radius: var(--a-field-input-border-radius, 0.125rem);
}
.a-GeoCoder-map:empty {
  background-color: var(--ut-component-highlight-background-color);
  color: var(--ut-component-text-muted-color);
}
.a-GeoCoder-map:empty:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "\e075";
  display: block;
  pointer-events: none;
  font-family: var(--a-icon-font-family, "apex-5-icon-font");
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px;
  opacity: 0.5;
}

.apex-item-comboselect.has-focus,
.apex-item-comboselect:focus-within {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}

/* ==========================================================================
   Bar Chart
   ========================================================================== */
.a-BarChart-item {
  box-shadow: none;
  padding: var(--a-bar-chart-item-padding, 0.75rem);
  border-bottom-width: var(--a-bar-chart-item-border-width, var(--ut-component-inner-border-width));
  border-bottom-style: solid;
  border-bottom-color: var(--a-bar-chart-item-border-color, var(--ut-component-inner-border-color));
}

.a-BarChart-image,
.a-BarChart-item img {
  border-radius: var(--a-bar-chart-img-border-radius, 0.125rem);
}

@media screen and (prefers-reduced-motion: no-preference) {
  .a-BarChart-filled {
    -webkit-animation: animateFill linear 1;
            animation: animateFill linear 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
  }
}

.a-BarChart-bar {
  height: var(--a-bar-chart-bar-height, 0.5rem);
  margin: var(--a-bar-chart-bar-margin);
  border-radius: var(--a-bar-chart-bar-border-radius);
}

.a-BarChart-filled {
  height: var(--a-bar-chart-bar-height, 0.5rem);
  opacity: var(--a-bar-chart-bar-opacity);
  border-radius: var(--a-bar-chart-bar-border-radius);
}

.a-BarChart--classic {
  --a-bar-chart-bar-border-radius: .0625rem;
  --a-bar-chart-bar-height: .75rem;
  --a-bar-chart-bar-margin: .25rem 0;
  --a-bar-chart-bar-opacity: .75;
  border-collapse: collapse;
}
.a-BarChart--classic .a-BarChart-label,
.a-BarChart--classic .a-BarChart-barLink,
.a-BarChart--classic .a-BarChart-value {
  box-shadow: none;
}

.a-BarChart--modern {
  --a-bar-chart-bar-border-radius: .0625rem;
  --a-bar-chart-bar-height: .5rem;
  --a-bar-chart-bar-margin: .125rem 0;
  --a-bar-chart-bar-opacity: .75;
}

@-webkit-keyframes animateFill {
  from {
    transform: translateX(-10%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes animateFill {
  from {
    transform: translateX(-10%);
  }
  to {
    transform: translateX(0);
  }
}
/* Styling and Colors
   ========================================================================== */
.a-BarChart-item:hover {
  background-color: var(--ut-component-highlight-background-color);
}
.a-BarChart-item:hover .a-BarChart-bar {
  background-color: var(--ut-component-toolbar-background-color);
}

.a-BarChart-label {
  color: var(--ut-component-text-default-color);
}

.a-BarChart-value,
.a-BarChart-value a {
  color: var(--ut-component-text-muted-color);
}

.a-BarChart-bar {
  background-color: var(--ut-component-toolbar-background-color);
}

.a-BarChart-filled {
  background-color: var(--ut-palette-primary);
}

/* ==========================================================================
   Calendar (Native APEX Full Calendar Plugin) v4
   ========================================================================== */
.t-Region--noPadding:not(.t-Region--noUI) > .t-Region-bodyWrap > .t-Region-body > .fc {
  margin: calc(var(--ut-region-border-width, 1px) * -1);
}

.fc-day-header.ui-widget-header {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Calendar Header
   ========================================================================== */
.fc .fc-toolbar.fc-header-toolbar {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
@media (max-width: 639px) {
  .fc .fc-toolbar.fc-header-toolbar {
    flex-direction: column;
  }
}

.fc-toolbar {
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: var(--ut-component-border-color);
}
.fc-toolbar .fc-left,
.fc-toolbar .fc-right,
.fc-toolbar .fc-center {
  vertical-align: top;
}

.fc-toolbar h2 {
  font-weight: var(--a-base-font-weight-semibold, 500);
}

.fc .fc-event {
  font-size: var(--ut-fc4-event-font-size, 0.6875rem);
  line-height: var(--ut-fc4-event-line-height, 0.75rem);
  padding: var(--ut-fc4-event-padding, 0.125rem 0.25rem);
}

.fc .fc-day-grid-event {
  margin: 0 0.125rem 0.0625rem 0.125rem;
}

.fc .fc-time-grid-event {
  -webkit-margin-end: 0.0625rem;
          margin-inline-end: 0.0625rem;
}

.fc .fc-basic-view .fc-week-number,
.fc .fc-basic-view .fc-day-number {
  font-size: var(--ut-fc4-basic-number-font-size, 0.875rem);
  padding: var(--ut-fc4-basic-number-padding, 0.25rem);
}

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: start;
}

.fc .fc-agendaList {
  border-width: 0;
}

.fc div.fc-agendaList {
  border-width: 1px;
}

.fc .fc-agendaList-dayHeader {
  border-width: 0 0 1px 0;
}

.fc-agendaList-day {
  float: left;
}
.u-RTL .fc-agendaList-day {
  float: right;
}

.fc-agendaList-date {
  float: right;
}
.u-RTL .fc-agendaList-date {
  float: left;
}

.u-RTL .fc-agendaList-event {
  border-width: 0 4px 0 0;
  border-style: solid;
}

/* ==========================================================================
   Mini Calendar
   ========================================================================== */
.a-MiniCal {
  border-radius: var(--ut-minical-border-radius);
  border-width: var(--ut-minical-border-width, 0);
  border-style: solid;
  border-color: var(--ut-minical-border-color);
  background-color: var(--ut-minical-background-color);
}

.a-MiniCal-month {
  width: 100%;
  display: table;
  table-layout: fixed;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}

/* Calendar Header
    ========================================================================== */
.a-MiniCal-title {
  margin: 0;
  padding: var(--ut-minical-title-padding, 0.75rem);
  font-size: var(--ut-minical-title-font-size, 1rem);
  line-height: var(--ut-minical-title-line-height, 1.5rem);
  font-weight: 400;
  text-align: center;
  display: block;
}

/* Month Calendar
    ========================================================================== */
.a-MiniCal-month {
  font-size: var(--ut-minical-month-font-size, 0.75rem);
}

.a-MiniCal-dayOfWeek {
  padding: var(--ut-minical-heading-padding);
  font-weight: 400;
  font-size: var(--ut-minical-heading-font-size, 0.6875rem);
  line-height: var(--ut-minical-heading-line-height, 1.25rem);
  text-transform: uppercase;
}

.a-MiniCal-date {
  display: inline-block;
  font-size: var(--ut-minical-date-font-size, 0.6875rem);
  width: var(--ut-minical-date-width, 1.25rem);
  height: var(--ut-minical-date-height, 1.25rem);
  line-height: var(--ut-minical-date-height, 1.25rem);
  border-radius: var(--ut-minical-date-border-radius);
  font-weight: var(--ut-minical-date-font-weight);
  color: var(--ut-minical-date-text-color);
  background-color: var(--ut-minical-date-background-color);
  opacity: var(--ut-minical-date-opacity);
}

.a-MiniCal-day {
  padding: var(--ut-minical-day-padding, 0.375rem 0);
}
.a-MiniCal-day.is-today, .a-MiniCal-day.is-active {
  --ut-minical-date-border-radius: 100%;
  --ut-minical-date-font-weight: var(--a-base-font-weight-bold, 700);
  --ut-minical-date-opacity: 1;
}
.a-MiniCal-day.is-weekend, .a-MiniCal-day.is-null {
  --ut-minical-date-opacity: .5;
}

/* ==========================================================================
   Tag Cloud (Plugin)
   ========================================================================== */
.a-TagCloud {
  margin: calc(var(--ut-tagcloud-item-gap, 0.25rem) * -1);
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.a-TagCloud:empty {
  display: none;
}

.a-TagCloud-item {
  display: block;
  margin: 0;
  padding: 0;
  flex-grow: 0;
}

.a-TagCloud-link {
  display: flex;
  align-items: center;
  border-width: var(--ut-tagcloud-item-border-width, 1px);
  border-style: solid;
  border-color: vaR(--ut-tagcloud-item-border-color);
  color: var(--ut-tagcloud-item-text-color, initial);
  background-color: var(--ut-tagcloud-item-background-color);
  margin: var(--ut-tagcloud-item-gap, 0.25rem);
  padding: var(--ut-tagcloud-item-padding, 0.25rem 0.75rem);
  font-size: var(--ut-tagcloud-item-font-size, inherit);
  line-height: var(--ut-tagcloud-item-line-height, 2rem);
}

.a-TagCloud-count {
  font-weight: var(--ut-tagcloud-item-count-font-weight, var(--a-base-font-weight-semibold, 500));
  color: var(--ut-tagcloud-item-count-text-color);
  background-color: var(--ut-tagcloud-item-count-background-color);
  -webkit-margin-start: var(--ut-tagcloud-item-gap, 0.25rem);
          margin-inline-start: var(--ut-tagcloud-item-gap, 0.25rem);
}

/* Sizes
   ========================================================================== */
.a-TagCloud-link--size1 {
  --ut-tagcloud-item-font-size: .75rem;
}

.a-TagCloud-link--size2 {
  --ut-tagcloud-item-font-size: .875rem;
}

.a-TagCloud-link--size3 {
  --ut-tagcloud-item-font-size: 1rem;
}

.a-TagCloud-link--size4 {
  --ut-tagcloud-item-font-size: 1.125rem;
}

.a-TagCloud-link--size5 {
  --ut-tagcloud-item-font-size: 1.25rem;
}

.a-TagCloud-link--size6 {
  --ut-tagcloud-item-font-size: 1.375rem;
}

/* ==========================================================================
   Validation Plugin
   ========================================================================== */
.t-Validation {
  display: flex;
}
.t-Validation.is-invalid {
  --ut-valiation-icon-background-color: var(--ut-palette-danger);
}
.t-Validation.is-warning {
  --ut-valiation-icon-background-color: var(--ut-palette-warning);
}
.t-Validation.is-valid {
  --ut-valiation-icon-background-color: var(--ut-palette-success);
}

.t-Validation-icon {
  flex-grow: 0;
  -webkit-margin-end: var(--ut-validaiton-icon-margin, 0.75rem);
          margin-inline-end: var(--ut-validaiton-icon-margin, 0.75rem);
}
.t-Validation-icon .a-Icon {
  --a-icon-size: var(--ut-valiation-icon-size, 1.5rem);
  color: var(--ut-valiation-icon-text-color, #FFF);
  background-color: var(--ut-valiation-icon-background-color);
  border-radius: var(--ut-valiation-icon-border-radius, 100%);
  padding: var(--ut-valiation-icon-padding, 0.25rem);
  text-align: center;
}
.t-Validation-icon .a-Icon:before {
  --a-icon-size: 1rem;
  vertical-align: top;
}

.t-Validation-body {
  flex-grow: 1;
}

.t-Validation-date,
.t-Validation-user {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.t-Validation-date {
  font-size: var(--ut-validaiton-date-font-size, 1rem);
  line-height: var(--ut-validation-date-line-height, 1.5rem);
  color: var(--ut-validaiton-date-text-color, #404040);
}

.t-Validation-user {
  font-size: var(--ut-validaiton-user-font-size, 0.75rem);
  line-height: var(--ut-validation-user-line-height, 1rem);
  color: var(--ut-validaiton-user-text-color, #707070);
}

.t-Validation-actions {
  display: block;
  -webkit-margin-before: var(--a-button-gap-x, 0.5rem);
          margin-block-start: var(--a-button-gap-x, 0.5rem);
}
.t-Validation-actions:empty {
  display: none;
}

/* ==========================================================================
   Animations
   ========================================================================== */
@-webkit-keyframes anim-dialogOpen {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  .01% {
    opacity: 0;
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes anim-dialogOpen {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  .01% {
    opacity: 0;
    transform: scale(0.75);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes anim-dialogClose {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.75);
  }
}
@keyframes anim-dialogClose {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.75);
  }
}
@-webkit-keyframes anim-dialogPullOutRightOpen {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  0.01% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes anim-dialogPullOutRightOpen {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  0.01% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes anim-dialogPullOutRightClose {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  0.01% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes anim-dialogPullOutRightClose {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  0.01% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@-webkit-keyframes anim-dialogPullOutLeftOpen {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  0.01% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes anim-dialogPullOutLeftOpen {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  0.01% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@-webkit-keyframes anim-dialogPullOutLeftClose {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  0.01% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 1;
    transform: translateX(-100%);
  }
}
@keyframes anim-dialogPullOutLeftClose {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  0.01% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 1;
    transform: translateX(-100%);
  }
}
@-webkit-keyframes anim-dialogPullOutBottomOpen {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  0.01% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes anim-dialogPullOutBottomOpen {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  0.01% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@-webkit-keyframes anim-dialogPullOutBottomClose {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  0.01% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes anim-dialogPullOutBottomClose {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  0.01% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@-webkit-keyframes anim-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@keyframes anim-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes anim-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anim-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes anim-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes anim-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes anim-spin-stop {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(179deg);
    opacity: 1;
  }
  50% {
    transform: rotate(359deg);
  }
  75% {
    transform: rotate(540deg);
    opacity: 1;
  }
  100% {
    transform: rotate(719deg);
    opacity: 0;
  }
}
@keyframes anim-spin-stop {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(179deg);
    opacity: 1;
  }
  50% {
    transform: rotate(359deg);
  }
  75% {
    transform: rotate(540deg);
    opacity: 1;
  }
  100% {
    transform: rotate(719deg);
    opacity: 0;
  }
}
/* ==========================================================================
   Pallete Colors
   ========================================================================== */
.u-color-1 {
  --u-color: var(--u-color-1) !important;
  --u-color-contrast: var(--u-color-1-contrast) !important;
  background-color: var(--u-color-1);
  color: var(--u-color-1-contrast);
  fill: var(--u-color-1);
  stroke: var(--u-color-1);
}

.u-color-1-bg,
.u-color-1-background {
  background-color: var(--u-color-1);
  fill: var(--u-color-1);
}

.u-color-1-txt,
.u-color-1-text {
  color: var(--u-color-1);
}

.u-color-1-bd,
.u-color-1-border {
  border-color: var(--u-color-1);
  stroke: var(--u-color-1);
}

.u-color-2 {
  --u-color: var(--u-color-2) !important;
  --u-color-contrast: var(--u-color-2-contrast) !important;
  background-color: var(--u-color-2);
  color: var(--u-color-2-contrast);
  fill: var(--u-color-2);
  stroke: var(--u-color-2);
}

.u-color-2-bg,
.u-color-2-background {
  background-color: var(--u-color-2);
  fill: var(--u-color-2);
}

.u-color-2-txt,
.u-color-2-text {
  color: var(--u-color-2);
}

.u-color-2-bd,
.u-color-2-border {
  border-color: var(--u-color-2);
  stroke: var(--u-color-2);
}

.u-color-3 {
  --u-color: var(--u-color-3) !important;
  --u-color-contrast: var(--u-color-3-contrast) !important;
  background-color: var(--u-color-3);
  color: var(--u-color-3-contrast);
  fill: var(--u-color-3);
  stroke: var(--u-color-3);
}

.u-color-3-bg,
.u-color-3-background {
  background-color: var(--u-color-3);
  fill: var(--u-color-3);
}

.u-color-3-txt,
.u-color-3-text {
  color: var(--u-color-3);
}

.u-color-3-bd,
.u-color-3-border {
  border-color: var(--u-color-3);
  stroke: var(--u-color-3);
}

.u-color-4 {
  --u-color: var(--u-color-4) !important;
  --u-color-contrast: var(--u-color-4-contrast) !important;
  background-color: var(--u-color-4);
  color: var(--u-color-4-contrast);
  fill: var(--u-color-4);
  stroke: var(--u-color-4);
}

.u-color-4-bg,
.u-color-4-background {
  background-color: var(--u-color-4);
  fill: var(--u-color-4);
}

.u-color-4-txt,
.u-color-4-text {
  color: var(--u-color-4);
}

.u-color-4-bd,
.u-color-4-border {
  border-color: var(--u-color-4);
  stroke: var(--u-color-4);
}

.u-color-5 {
  --u-color: var(--u-color-5) !important;
  --u-color-contrast: var(--u-color-5-contrast) !important;
  background-color: var(--u-color-5);
  color: var(--u-color-5-contrast);
  fill: var(--u-color-5);
  stroke: var(--u-color-5);
}

.u-color-5-bg,
.u-color-5-background {
  background-color: var(--u-color-5);
  fill: var(--u-color-5);
}

.u-color-5-txt,
.u-color-5-text {
  color: var(--u-color-5);
}

.u-color-5-bd,
.u-color-5-border {
  border-color: var(--u-color-5);
  stroke: var(--u-color-5);
}

.u-color-6 {
  --u-color: var(--u-color-6) !important;
  --u-color-contrast: var(--u-color-6-contrast) !important;
  background-color: var(--u-color-6);
  color: var(--u-color-6-contrast);
  fill: var(--u-color-6);
  stroke: var(--u-color-6);
}

.u-color-6-bg,
.u-color-6-background {
  background-color: var(--u-color-6);
  fill: var(--u-color-6);
}

.u-color-6-txt,
.u-color-6-text {
  color: var(--u-color-6);
}

.u-color-6-bd,
.u-color-6-border {
  border-color: var(--u-color-6);
  stroke: var(--u-color-6);
}

.u-color-7 {
  --u-color: var(--u-color-7) !important;
  --u-color-contrast: var(--u-color-7-contrast) !important;
  background-color: var(--u-color-7);
  color: var(--u-color-7-contrast);
  fill: var(--u-color-7);
  stroke: var(--u-color-7);
}

.u-color-7-bg,
.u-color-7-background {
  background-color: var(--u-color-7);
  fill: var(--u-color-7);
}

.u-color-7-txt,
.u-color-7-text {
  color: var(--u-color-7);
}

.u-color-7-bd,
.u-color-7-border {
  border-color: var(--u-color-7);
  stroke: var(--u-color-7);
}

.u-color-8 {
  --u-color: var(--u-color-8) !important;
  --u-color-contrast: var(--u-color-8-contrast) !important;
  background-color: var(--u-color-8);
  color: var(--u-color-8-contrast);
  fill: var(--u-color-8);
  stroke: var(--u-color-8);
}

.u-color-8-bg,
.u-color-8-background {
  background-color: var(--u-color-8);
  fill: var(--u-color-8);
}

.u-color-8-txt,
.u-color-8-text {
  color: var(--u-color-8);
}

.u-color-8-bd,
.u-color-8-border {
  border-color: var(--u-color-8);
  stroke: var(--u-color-8);
}

.u-color-9 {
  --u-color: var(--u-color-9) !important;
  --u-color-contrast: var(--u-color-9-contrast) !important;
  background-color: var(--u-color-9);
  color: var(--u-color-9-contrast);
  fill: var(--u-color-9);
  stroke: var(--u-color-9);
}

.u-color-9-bg,
.u-color-9-background {
  background-color: var(--u-color-9);
  fill: var(--u-color-9);
}

.u-color-9-txt,
.u-color-9-text {
  color: var(--u-color-9);
}

.u-color-9-bd,
.u-color-9-border {
  border-color: var(--u-color-9);
  stroke: var(--u-color-9);
}

.u-color-10 {
  --u-color: var(--u-color-10) !important;
  --u-color-contrast: var(--u-color-10-contrast) !important;
  background-color: var(--u-color-10);
  color: var(--u-color-10-contrast);
  fill: var(--u-color-10);
  stroke: var(--u-color-10);
}

.u-color-10-bg,
.u-color-10-background {
  background-color: var(--u-color-10);
  fill: var(--u-color-10);
}

.u-color-10-txt,
.u-color-10-text {
  color: var(--u-color-10);
}

.u-color-10-bd,
.u-color-10-border {
  border-color: var(--u-color-10);
  stroke: var(--u-color-10);
}

.u-color-11 {
  --u-color: var(--u-color-11) !important;
  --u-color-contrast: var(--u-color-11-contrast) !important;
  background-color: var(--u-color-11);
  color: var(--u-color-11-contrast);
  fill: var(--u-color-11);
  stroke: var(--u-color-11);
}

.u-color-11-bg,
.u-color-11-background {
  background-color: var(--u-color-11);
  fill: var(--u-color-11);
}

.u-color-11-txt,
.u-color-11-text {
  color: var(--u-color-11);
}

.u-color-11-bd,
.u-color-11-border {
  border-color: var(--u-color-11);
  stroke: var(--u-color-11);
}

.u-color-12 {
  --u-color: var(--u-color-12) !important;
  --u-color-contrast: var(--u-color-12-contrast) !important;
  background-color: var(--u-color-12);
  color: var(--u-color-12-contrast);
  fill: var(--u-color-12);
  stroke: var(--u-color-12);
}

.u-color-12-bg,
.u-color-12-background {
  background-color: var(--u-color-12);
  fill: var(--u-color-12);
}

.u-color-12-txt,
.u-color-12-text {
  color: var(--u-color-12);
}

.u-color-12-bd,
.u-color-12-border {
  border-color: var(--u-color-12);
  stroke: var(--u-color-12);
}

.u-color-13 {
  --u-color: var(--u-color-13) !important;
  --u-color-contrast: var(--u-color-13-contrast) !important;
  background-color: var(--u-color-13);
  color: var(--u-color-13-contrast);
  fill: var(--u-color-13);
  stroke: var(--u-color-13);
}

.u-color-13-bg,
.u-color-13-background {
  background-color: var(--u-color-13);
  fill: var(--u-color-13);
}

.u-color-13-txt,
.u-color-13-text {
  color: var(--u-color-13);
}

.u-color-13-bd,
.u-color-13-border {
  border-color: var(--u-color-13);
  stroke: var(--u-color-13);
}

.u-color-14 {
  --u-color: var(--u-color-14) !important;
  --u-color-contrast: var(--u-color-14-contrast) !important;
  background-color: var(--u-color-14);
  color: var(--u-color-14-contrast);
  fill: var(--u-color-14);
  stroke: var(--u-color-14);
}

.u-color-14-bg,
.u-color-14-background {
  background-color: var(--u-color-14);
  fill: var(--u-color-14);
}

.u-color-14-txt,
.u-color-14-text {
  color: var(--u-color-14);
}

.u-color-14-bd,
.u-color-14-border {
  border-color: var(--u-color-14);
  stroke: var(--u-color-14);
}

.u-color-15 {
  --u-color: var(--u-color-15) !important;
  --u-color-contrast: var(--u-color-15-contrast) !important;
  background-color: var(--u-color-15);
  color: var(--u-color-15-contrast);
  fill: var(--u-color-15);
  stroke: var(--u-color-15);
}

.u-color-15-bg,
.u-color-15-background {
  background-color: var(--u-color-15);
  fill: var(--u-color-15);
}

.u-color-15-txt,
.u-color-15-text {
  color: var(--u-color-15);
}

.u-color-15-bd,
.u-color-15-border {
  border-color: var(--u-color-15);
  stroke: var(--u-color-15);
}

.u-color-16 {
  --u-color: var(--u-color-16) !important;
  --u-color-contrast: var(--u-color-16-contrast) !important;
  background-color: var(--u-color-16);
  color: var(--u-color-16-contrast);
  fill: var(--u-color-16);
  stroke: var(--u-color-16);
}

.u-color-16-bg,
.u-color-16-background {
  background-color: var(--u-color-16);
  fill: var(--u-color-16);
}

.u-color-16-txt,
.u-color-16-text {
  color: var(--u-color-16);
}

.u-color-16-bd,
.u-color-16-border {
  border-color: var(--u-color-16);
  stroke: var(--u-color-16);
}

.u-color-17 {
  --u-color: var(--u-color-17) !important;
  --u-color-contrast: var(--u-color-17-contrast) !important;
  background-color: var(--u-color-17);
  color: var(--u-color-17-contrast);
  fill: var(--u-color-17);
  stroke: var(--u-color-17);
}

.u-color-17-bg,
.u-color-17-background {
  background-color: var(--u-color-17);
  fill: var(--u-color-17);
}

.u-color-17-txt,
.u-color-17-text {
  color: var(--u-color-17);
}

.u-color-17-bd,
.u-color-17-border {
  border-color: var(--u-color-17);
  stroke: var(--u-color-17);
}

.u-color-18 {
  --u-color: var(--u-color-18) !important;
  --u-color-contrast: var(--u-color-18-contrast) !important;
  background-color: var(--u-color-18);
  color: var(--u-color-18-contrast);
  fill: var(--u-color-18);
  stroke: var(--u-color-18);
}

.u-color-18-bg,
.u-color-18-background {
  background-color: var(--u-color-18);
  fill: var(--u-color-18);
}

.u-color-18-txt,
.u-color-18-text {
  color: var(--u-color-18);
}

.u-color-18-bd,
.u-color-18-border {
  border-color: var(--u-color-18);
  stroke: var(--u-color-18);
}

.u-color-19 {
  --u-color: var(--u-color-19) !important;
  --u-color-contrast: var(--u-color-19-contrast) !important;
  background-color: var(--u-color-19);
  color: var(--u-color-19-contrast);
  fill: var(--u-color-19);
  stroke: var(--u-color-19);
}

.u-color-19-bg,
.u-color-19-background {
  background-color: var(--u-color-19);
  fill: var(--u-color-19);
}

.u-color-19-txt,
.u-color-19-text {
  color: var(--u-color-19);
}

.u-color-19-bd,
.u-color-19-border {
  border-color: var(--u-color-19);
  stroke: var(--u-color-19);
}

.u-color-20 {
  --u-color: var(--u-color-20) !important;
  --u-color-contrast: var(--u-color-20-contrast) !important;
  background-color: var(--u-color-20);
  color: var(--u-color-20-contrast);
  fill: var(--u-color-20);
  stroke: var(--u-color-20);
}

.u-color-20-bg,
.u-color-20-background {
  background-color: var(--u-color-20);
  fill: var(--u-color-20);
}

.u-color-20-txt,
.u-color-20-text {
  color: var(--u-color-20);
}

.u-color-20-bd,
.u-color-20-border {
  border-color: var(--u-color-20);
  stroke: var(--u-color-20);
}

.u-color-21 {
  --u-color: var(--u-color-21) !important;
  --u-color-contrast: var(--u-color-21-contrast) !important;
  background-color: var(--u-color-21);
  color: var(--u-color-21-contrast);
  fill: var(--u-color-21);
  stroke: var(--u-color-21);
}

.u-color-21-bg,
.u-color-21-background {
  background-color: var(--u-color-21);
  fill: var(--u-color-21);
}

.u-color-21-txt,
.u-color-21-text {
  color: var(--u-color-21);
}

.u-color-21-bd,
.u-color-21-border {
  border-color: var(--u-color-21);
  stroke: var(--u-color-21);
}

.u-color-22 {
  --u-color: var(--u-color-22) !important;
  --u-color-contrast: var(--u-color-22-contrast) !important;
  background-color: var(--u-color-22);
  color: var(--u-color-22-contrast);
  fill: var(--u-color-22);
  stroke: var(--u-color-22);
}

.u-color-22-bg,
.u-color-22-background {
  background-color: var(--u-color-22);
  fill: var(--u-color-22);
}

.u-color-22-txt,
.u-color-22-text {
  color: var(--u-color-22);
}

.u-color-22-bd,
.u-color-22-border {
  border-color: var(--u-color-22);
  stroke: var(--u-color-22);
}

.u-color-23 {
  --u-color: var(--u-color-23) !important;
  --u-color-contrast: var(--u-color-23-contrast) !important;
  background-color: var(--u-color-23);
  color: var(--u-color-23-contrast);
  fill: var(--u-color-23);
  stroke: var(--u-color-23);
}

.u-color-23-bg,
.u-color-23-background {
  background-color: var(--u-color-23);
  fill: var(--u-color-23);
}

.u-color-23-txt,
.u-color-23-text {
  color: var(--u-color-23);
}

.u-color-23-bd,
.u-color-23-border {
  border-color: var(--u-color-23);
  stroke: var(--u-color-23);
}

.u-color-24 {
  --u-color: var(--u-color-24) !important;
  --u-color-contrast: var(--u-color-24-contrast) !important;
  background-color: var(--u-color-24);
  color: var(--u-color-24-contrast);
  fill: var(--u-color-24);
  stroke: var(--u-color-24);
}

.u-color-24-bg,
.u-color-24-background {
  background-color: var(--u-color-24);
  fill: var(--u-color-24);
}

.u-color-24-txt,
.u-color-24-text {
  color: var(--u-color-24);
}

.u-color-24-bd,
.u-color-24-border {
  border-color: var(--u-color-24);
  stroke: var(--u-color-24);
}

.u-color-25 {
  --u-color: var(--u-color-25) !important;
  --u-color-contrast: var(--u-color-25-contrast) !important;
  background-color: var(--u-color-25);
  color: var(--u-color-25-contrast);
  fill: var(--u-color-25);
  stroke: var(--u-color-25);
}

.u-color-25-bg,
.u-color-25-background {
  background-color: var(--u-color-25);
  fill: var(--u-color-25);
}

.u-color-25-txt,
.u-color-25-text {
  color: var(--u-color-25);
}

.u-color-25-bd,
.u-color-25-border {
  border-color: var(--u-color-25);
  stroke: var(--u-color-25);
}

.u-color-26 {
  --u-color: var(--u-color-26) !important;
  --u-color-contrast: var(--u-color-26-contrast) !important;
  background-color: var(--u-color-26);
  color: var(--u-color-26-contrast);
  fill: var(--u-color-26);
  stroke: var(--u-color-26);
}

.u-color-26-bg,
.u-color-26-background {
  background-color: var(--u-color-26);
  fill: var(--u-color-26);
}

.u-color-26-txt,
.u-color-26-text {
  color: var(--u-color-26);
}

.u-color-26-bd,
.u-color-26-border {
  border-color: var(--u-color-26);
  stroke: var(--u-color-26);
}

.u-color-27 {
  --u-color: var(--u-color-27) !important;
  --u-color-contrast: var(--u-color-27-contrast) !important;
  background-color: var(--u-color-27);
  color: var(--u-color-27-contrast);
  fill: var(--u-color-27);
  stroke: var(--u-color-27);
}

.u-color-27-bg,
.u-color-27-background {
  background-color: var(--u-color-27);
  fill: var(--u-color-27);
}

.u-color-27-txt,
.u-color-27-text {
  color: var(--u-color-27);
}

.u-color-27-bd,
.u-color-27-border {
  border-color: var(--u-color-27);
  stroke: var(--u-color-27);
}

.u-color-28 {
  --u-color: var(--u-color-28) !important;
  --u-color-contrast: var(--u-color-28-contrast) !important;
  background-color: var(--u-color-28);
  color: var(--u-color-28-contrast);
  fill: var(--u-color-28);
  stroke: var(--u-color-28);
}

.u-color-28-bg,
.u-color-28-background {
  background-color: var(--u-color-28);
  fill: var(--u-color-28);
}

.u-color-28-txt,
.u-color-28-text {
  color: var(--u-color-28);
}

.u-color-28-bd,
.u-color-28-border {
  border-color: var(--u-color-28);
  stroke: var(--u-color-28);
}

.u-color-29 {
  --u-color: var(--u-color-29) !important;
  --u-color-contrast: var(--u-color-29-contrast) !important;
  background-color: var(--u-color-29);
  color: var(--u-color-29-contrast);
  fill: var(--u-color-29);
  stroke: var(--u-color-29);
}

.u-color-29-bg,
.u-color-29-background {
  background-color: var(--u-color-29);
  fill: var(--u-color-29);
}

.u-color-29-txt,
.u-color-29-text {
  color: var(--u-color-29);
}

.u-color-29-bd,
.u-color-29-border {
  border-color: var(--u-color-29);
  stroke: var(--u-color-29);
}

.u-color-30 {
  --u-color: var(--u-color-30) !important;
  --u-color-contrast: var(--u-color-30-contrast) !important;
  background-color: var(--u-color-30);
  color: var(--u-color-30-contrast);
  fill: var(--u-color-30);
  stroke: var(--u-color-30);
}

.u-color-30-bg,
.u-color-30-background {
  background-color: var(--u-color-30);
  fill: var(--u-color-30);
}

.u-color-30-txt,
.u-color-30-text {
  color: var(--u-color-30);
}

.u-color-30-bd,
.u-color-30-border {
  border-color: var(--u-color-30);
  stroke: var(--u-color-30);
}

.u-color-31 {
  --u-color: var(--u-color-31) !important;
  --u-color-contrast: var(--u-color-31-contrast) !important;
  background-color: var(--u-color-31);
  color: var(--u-color-31-contrast);
  fill: var(--u-color-31);
  stroke: var(--u-color-31);
}

.u-color-31-bg,
.u-color-31-background {
  background-color: var(--u-color-31);
  fill: var(--u-color-31);
}

.u-color-31-txt,
.u-color-31-text {
  color: var(--u-color-31);
}

.u-color-31-bd,
.u-color-31-border {
  border-color: var(--u-color-31);
  stroke: var(--u-color-31);
}

.u-color-32 {
  --u-color: var(--u-color-32) !important;
  --u-color-contrast: var(--u-color-32-contrast) !important;
  background-color: var(--u-color-32);
  color: var(--u-color-32-contrast);
  fill: var(--u-color-32);
  stroke: var(--u-color-32);
}

.u-color-32-bg,
.u-color-32-background {
  background-color: var(--u-color-32);
  fill: var(--u-color-32);
}

.u-color-32-txt,
.u-color-32-text {
  color: var(--u-color-32);
}

.u-color-32-bd,
.u-color-32-border {
  border-color: var(--u-color-32);
  stroke: var(--u-color-32);
}

.u-color-33 {
  --u-color: var(--u-color-33) !important;
  --u-color-contrast: var(--u-color-33-contrast) !important;
  background-color: var(--u-color-33);
  color: var(--u-color-33-contrast);
  fill: var(--u-color-33);
  stroke: var(--u-color-33);
}

.u-color-33-bg,
.u-color-33-background {
  background-color: var(--u-color-33);
  fill: var(--u-color-33);
}

.u-color-33-txt,
.u-color-33-text {
  color: var(--u-color-33);
}

.u-color-33-bd,
.u-color-33-border {
  border-color: var(--u-color-33);
  stroke: var(--u-color-33);
}

.u-color-34 {
  --u-color: var(--u-color-34) !important;
  --u-color-contrast: var(--u-color-34-contrast) !important;
  background-color: var(--u-color-34);
  color: var(--u-color-34-contrast);
  fill: var(--u-color-34);
  stroke: var(--u-color-34);
}

.u-color-34-bg,
.u-color-34-background {
  background-color: var(--u-color-34);
  fill: var(--u-color-34);
}

.u-color-34-txt,
.u-color-34-text {
  color: var(--u-color-34);
}

.u-color-34-bd,
.u-color-34-border {
  border-color: var(--u-color-34);
  stroke: var(--u-color-34);
}

.u-color-35 {
  --u-color: var(--u-color-35) !important;
  --u-color-contrast: var(--u-color-35-contrast) !important;
  background-color: var(--u-color-35);
  color: var(--u-color-35-contrast);
  fill: var(--u-color-35);
  stroke: var(--u-color-35);
}

.u-color-35-bg,
.u-color-35-background {
  background-color: var(--u-color-35);
  fill: var(--u-color-35);
}

.u-color-35-txt,
.u-color-35-text {
  color: var(--u-color-35);
}

.u-color-35-bd,
.u-color-35-border {
  border-color: var(--u-color-35);
  stroke: var(--u-color-35);
}

.u-color-36 {
  --u-color: var(--u-color-36) !important;
  --u-color-contrast: var(--u-color-36-contrast) !important;
  background-color: var(--u-color-36);
  color: var(--u-color-36-contrast);
  fill: var(--u-color-36);
  stroke: var(--u-color-36);
}

.u-color-36-bg,
.u-color-36-background {
  background-color: var(--u-color-36);
  fill: var(--u-color-36);
}

.u-color-36-txt,
.u-color-36-text {
  color: var(--u-color-36);
}

.u-color-36-bd,
.u-color-36-border {
  border-color: var(--u-color-36);
  stroke: var(--u-color-36);
}

.u-color-37 {
  --u-color: var(--u-color-37) !important;
  --u-color-contrast: var(--u-color-37-contrast) !important;
  background-color: var(--u-color-37);
  color: var(--u-color-37-contrast);
  fill: var(--u-color-37);
  stroke: var(--u-color-37);
}

.u-color-37-bg,
.u-color-37-background {
  background-color: var(--u-color-37);
  fill: var(--u-color-37);
}

.u-color-37-txt,
.u-color-37-text {
  color: var(--u-color-37);
}

.u-color-37-bd,
.u-color-37-border {
  border-color: var(--u-color-37);
  stroke: var(--u-color-37);
}

.u-color-38 {
  --u-color: var(--u-color-38) !important;
  --u-color-contrast: var(--u-color-38-contrast) !important;
  background-color: var(--u-color-38);
  color: var(--u-color-38-contrast);
  fill: var(--u-color-38);
  stroke: var(--u-color-38);
}

.u-color-38-bg,
.u-color-38-background {
  background-color: var(--u-color-38);
  fill: var(--u-color-38);
}

.u-color-38-txt,
.u-color-38-text {
  color: var(--u-color-38);
}

.u-color-38-bd,
.u-color-38-border {
  border-color: var(--u-color-38);
  stroke: var(--u-color-38);
}

.u-color-39 {
  --u-color: var(--u-color-39) !important;
  --u-color-contrast: var(--u-color-39-contrast) !important;
  background-color: var(--u-color-39);
  color: var(--u-color-39-contrast);
  fill: var(--u-color-39);
  stroke: var(--u-color-39);
}

.u-color-39-bg,
.u-color-39-background {
  background-color: var(--u-color-39);
  fill: var(--u-color-39);
}

.u-color-39-txt,
.u-color-39-text {
  color: var(--u-color-39);
}

.u-color-39-bd,
.u-color-39-border {
  border-color: var(--u-color-39);
  stroke: var(--u-color-39);
}

.u-color-40 {
  --u-color: var(--u-color-40) !important;
  --u-color-contrast: var(--u-color-40-contrast) !important;
  background-color: var(--u-color-40);
  color: var(--u-color-40-contrast);
  fill: var(--u-color-40);
  stroke: var(--u-color-40);
}

.u-color-40-bg,
.u-color-40-background {
  background-color: var(--u-color-40);
  fill: var(--u-color-40);
}

.u-color-40-txt,
.u-color-40-text {
  color: var(--u-color-40);
}

.u-color-40-bd,
.u-color-40-border {
  border-color: var(--u-color-40);
  stroke: var(--u-color-40);
}

.u-color-41 {
  --u-color: var(--u-color-41) !important;
  --u-color-contrast: var(--u-color-41-contrast) !important;
  background-color: var(--u-color-41);
  color: var(--u-color-41-contrast);
  fill: var(--u-color-41);
  stroke: var(--u-color-41);
}

.u-color-41-bg,
.u-color-41-background {
  background-color: var(--u-color-41);
  fill: var(--u-color-41);
}

.u-color-41-txt,
.u-color-41-text {
  color: var(--u-color-41);
}

.u-color-41-bd,
.u-color-41-border {
  border-color: var(--u-color-41);
  stroke: var(--u-color-41);
}

.u-color-42 {
  --u-color: var(--u-color-42) !important;
  --u-color-contrast: var(--u-color-42-contrast) !important;
  background-color: var(--u-color-42);
  color: var(--u-color-42-contrast);
  fill: var(--u-color-42);
  stroke: var(--u-color-42);
}

.u-color-42-bg,
.u-color-42-background {
  background-color: var(--u-color-42);
  fill: var(--u-color-42);
}

.u-color-42-txt,
.u-color-42-text {
  color: var(--u-color-42);
}

.u-color-42-bd,
.u-color-42-border {
  border-color: var(--u-color-42);
  stroke: var(--u-color-42);
}

.u-color-43 {
  --u-color: var(--u-color-43) !important;
  --u-color-contrast: var(--u-color-43-contrast) !important;
  background-color: var(--u-color-43);
  color: var(--u-color-43-contrast);
  fill: var(--u-color-43);
  stroke: var(--u-color-43);
}

.u-color-43-bg,
.u-color-43-background {
  background-color: var(--u-color-43);
  fill: var(--u-color-43);
}

.u-color-43-txt,
.u-color-43-text {
  color: var(--u-color-43);
}

.u-color-43-bd,
.u-color-43-border {
  border-color: var(--u-color-43);
  stroke: var(--u-color-43);
}

.u-color-44 {
  --u-color: var(--u-color-44) !important;
  --u-color-contrast: var(--u-color-44-contrast) !important;
  background-color: var(--u-color-44);
  color: var(--u-color-44-contrast);
  fill: var(--u-color-44);
  stroke: var(--u-color-44);
}

.u-color-44-bg,
.u-color-44-background {
  background-color: var(--u-color-44);
  fill: var(--u-color-44);
}

.u-color-44-txt,
.u-color-44-text {
  color: var(--u-color-44);
}

.u-color-44-bd,
.u-color-44-border {
  border-color: var(--u-color-44);
  stroke: var(--u-color-44);
}

.u-color-45 {
  --u-color: var(--u-color-45) !important;
  --u-color-contrast: var(--u-color-45-contrast) !important;
  background-color: var(--u-color-45);
  color: var(--u-color-45-contrast);
  fill: var(--u-color-45);
  stroke: var(--u-color-45);
}

.u-color-45-bg,
.u-color-45-background {
  background-color: var(--u-color-45);
  fill: var(--u-color-45);
}

.u-color-45-txt,
.u-color-45-text {
  color: var(--u-color-45);
}

.u-color-45-bd,
.u-color-45-border {
  border-color: var(--u-color-45);
  stroke: var(--u-color-45);
}

/* ==========================================================================
   Cycle Colors for lists
   ========================================================================== */
.u-colors .u-color {
  background-color: var(--u-color);
  color: var(--u-color-contrast);
}
.u-colors > :nth-child(45n+1) .u-color,
.u-colors > :nth-child(45n+1) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+1) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+1) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+1) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+1) .u-color-var {
  --u-color: var(--u-color-1);
  --u-color-contrast: var(--u-color-1-contrast);
}
.u-colors > :nth-child(45n+1) .u-color-bg,
.u-colors > :nth-child(45n+1) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+1) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+1) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+1) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+1) .u-color-background {
  --u-color: var(--u-color-1);
}
.u-colors > :nth-child(45n+1) .u-color-txt,
.u-colors > :nth-child(45n+1) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+1) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+1) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+1) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+1) .u-color-text {
  --u-color-contrast: var(--u-color-1);
}
.u-colors > :nth-child(45n+1) .u-color-bd,
.u-colors > :nth-child(45n+1) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+1) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+1) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+1) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+1) .u-color-border {
  --u-color: var(--u-color-1);
}
.u-colors > :nth-child(45n+2) .u-color,
.u-colors > :nth-child(45n+2) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+2) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+2) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+2) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+2) .u-color-var {
  --u-color: var(--u-color-2);
  --u-color-contrast: var(--u-color-2-contrast);
}
.u-colors > :nth-child(45n+2) .u-color-bg,
.u-colors > :nth-child(45n+2) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+2) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+2) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+2) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+2) .u-color-background {
  --u-color: var(--u-color-2);
}
.u-colors > :nth-child(45n+2) .u-color-txt,
.u-colors > :nth-child(45n+2) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+2) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+2) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+2) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+2) .u-color-text {
  --u-color-contrast: var(--u-color-2);
}
.u-colors > :nth-child(45n+2) .u-color-bd,
.u-colors > :nth-child(45n+2) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+2) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+2) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+2) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+2) .u-color-border {
  --u-color: var(--u-color-2);
}
.u-colors > :nth-child(45n+3) .u-color,
.u-colors > :nth-child(45n+3) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+3) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+3) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+3) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+3) .u-color-var {
  --u-color: var(--u-color-3);
  --u-color-contrast: var(--u-color-3-contrast);
}
.u-colors > :nth-child(45n+3) .u-color-bg,
.u-colors > :nth-child(45n+3) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+3) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+3) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+3) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+3) .u-color-background {
  --u-color: var(--u-color-3);
}
.u-colors > :nth-child(45n+3) .u-color-txt,
.u-colors > :nth-child(45n+3) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+3) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+3) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+3) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+3) .u-color-text {
  --u-color-contrast: var(--u-color-3);
}
.u-colors > :nth-child(45n+3) .u-color-bd,
.u-colors > :nth-child(45n+3) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+3) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+3) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+3) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+3) .u-color-border {
  --u-color: var(--u-color-3);
}
.u-colors > :nth-child(45n+4) .u-color,
.u-colors > :nth-child(45n+4) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+4) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+4) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+4) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+4) .u-color-var {
  --u-color: var(--u-color-4);
  --u-color-contrast: var(--u-color-4-contrast);
}
.u-colors > :nth-child(45n+4) .u-color-bg,
.u-colors > :nth-child(45n+4) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+4) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+4) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+4) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+4) .u-color-background {
  --u-color: var(--u-color-4);
}
.u-colors > :nth-child(45n+4) .u-color-txt,
.u-colors > :nth-child(45n+4) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+4) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+4) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+4) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+4) .u-color-text {
  --u-color-contrast: var(--u-color-4);
}
.u-colors > :nth-child(45n+4) .u-color-bd,
.u-colors > :nth-child(45n+4) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+4) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+4) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+4) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+4) .u-color-border {
  --u-color: var(--u-color-4);
}
.u-colors > :nth-child(45n+5) .u-color,
.u-colors > :nth-child(45n+5) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+5) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+5) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+5) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+5) .u-color-var {
  --u-color: var(--u-color-5);
  --u-color-contrast: var(--u-color-5-contrast);
}
.u-colors > :nth-child(45n+5) .u-color-bg,
.u-colors > :nth-child(45n+5) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+5) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+5) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+5) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+5) .u-color-background {
  --u-color: var(--u-color-5);
}
.u-colors > :nth-child(45n+5) .u-color-txt,
.u-colors > :nth-child(45n+5) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+5) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+5) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+5) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+5) .u-color-text {
  --u-color-contrast: var(--u-color-5);
}
.u-colors > :nth-child(45n+5) .u-color-bd,
.u-colors > :nth-child(45n+5) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+5) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+5) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+5) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+5) .u-color-border {
  --u-color: var(--u-color-5);
}
.u-colors > :nth-child(45n+6) .u-color,
.u-colors > :nth-child(45n+6) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+6) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+6) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+6) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+6) .u-color-var {
  --u-color: var(--u-color-6);
  --u-color-contrast: var(--u-color-6-contrast);
}
.u-colors > :nth-child(45n+6) .u-color-bg,
.u-colors > :nth-child(45n+6) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+6) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+6) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+6) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+6) .u-color-background {
  --u-color: var(--u-color-6);
}
.u-colors > :nth-child(45n+6) .u-color-txt,
.u-colors > :nth-child(45n+6) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+6) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+6) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+6) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+6) .u-color-text {
  --u-color-contrast: var(--u-color-6);
}
.u-colors > :nth-child(45n+6) .u-color-bd,
.u-colors > :nth-child(45n+6) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+6) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+6) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+6) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+6) .u-color-border {
  --u-color: var(--u-color-6);
}
.u-colors > :nth-child(45n+7) .u-color,
.u-colors > :nth-child(45n+7) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+7) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+7) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+7) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+7) .u-color-var {
  --u-color: var(--u-color-7);
  --u-color-contrast: var(--u-color-7-contrast);
}
.u-colors > :nth-child(45n+7) .u-color-bg,
.u-colors > :nth-child(45n+7) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+7) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+7) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+7) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+7) .u-color-background {
  --u-color: var(--u-color-7);
}
.u-colors > :nth-child(45n+7) .u-color-txt,
.u-colors > :nth-child(45n+7) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+7) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+7) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+7) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+7) .u-color-text {
  --u-color-contrast: var(--u-color-7);
}
.u-colors > :nth-child(45n+7) .u-color-bd,
.u-colors > :nth-child(45n+7) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+7) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+7) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+7) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+7) .u-color-border {
  --u-color: var(--u-color-7);
}
.u-colors > :nth-child(45n+8) .u-color,
.u-colors > :nth-child(45n+8) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+8) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+8) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+8) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+8) .u-color-var {
  --u-color: var(--u-color-8);
  --u-color-contrast: var(--u-color-8-contrast);
}
.u-colors > :nth-child(45n+8) .u-color-bg,
.u-colors > :nth-child(45n+8) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+8) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+8) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+8) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+8) .u-color-background {
  --u-color: var(--u-color-8);
}
.u-colors > :nth-child(45n+8) .u-color-txt,
.u-colors > :nth-child(45n+8) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+8) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+8) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+8) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+8) .u-color-text {
  --u-color-contrast: var(--u-color-8);
}
.u-colors > :nth-child(45n+8) .u-color-bd,
.u-colors > :nth-child(45n+8) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+8) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+8) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+8) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+8) .u-color-border {
  --u-color: var(--u-color-8);
}
.u-colors > :nth-child(45n+9) .u-color,
.u-colors > :nth-child(45n+9) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+9) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+9) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+9) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+9) .u-color-var {
  --u-color: var(--u-color-9);
  --u-color-contrast: var(--u-color-9-contrast);
}
.u-colors > :nth-child(45n+9) .u-color-bg,
.u-colors > :nth-child(45n+9) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+9) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+9) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+9) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+9) .u-color-background {
  --u-color: var(--u-color-9);
}
.u-colors > :nth-child(45n+9) .u-color-txt,
.u-colors > :nth-child(45n+9) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+9) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+9) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+9) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+9) .u-color-text {
  --u-color-contrast: var(--u-color-9);
}
.u-colors > :nth-child(45n+9) .u-color-bd,
.u-colors > :nth-child(45n+9) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+9) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+9) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+9) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+9) .u-color-border {
  --u-color: var(--u-color-9);
}
.u-colors > :nth-child(45n+10) .u-color,
.u-colors > :nth-child(45n+10) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+10) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+10) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+10) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+10) .u-color-var {
  --u-color: var(--u-color-10);
  --u-color-contrast: var(--u-color-10-contrast);
}
.u-colors > :nth-child(45n+10) .u-color-bg,
.u-colors > :nth-child(45n+10) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+10) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+10) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+10) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+10) .u-color-background {
  --u-color: var(--u-color-10);
}
.u-colors > :nth-child(45n+10) .u-color-txt,
.u-colors > :nth-child(45n+10) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+10) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+10) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+10) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+10) .u-color-text {
  --u-color-contrast: var(--u-color-10);
}
.u-colors > :nth-child(45n+10) .u-color-bd,
.u-colors > :nth-child(45n+10) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+10) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+10) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+10) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+10) .u-color-border {
  --u-color: var(--u-color-10);
}
.u-colors > :nth-child(45n+11) .u-color,
.u-colors > :nth-child(45n+11) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+11) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+11) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+11) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+11) .u-color-var {
  --u-color: var(--u-color-11);
  --u-color-contrast: var(--u-color-11-contrast);
}
.u-colors > :nth-child(45n+11) .u-color-bg,
.u-colors > :nth-child(45n+11) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+11) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+11) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+11) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+11) .u-color-background {
  --u-color: var(--u-color-11);
}
.u-colors > :nth-child(45n+11) .u-color-txt,
.u-colors > :nth-child(45n+11) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+11) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+11) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+11) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+11) .u-color-text {
  --u-color-contrast: var(--u-color-11);
}
.u-colors > :nth-child(45n+11) .u-color-bd,
.u-colors > :nth-child(45n+11) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+11) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+11) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+11) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+11) .u-color-border {
  --u-color: var(--u-color-11);
}
.u-colors > :nth-child(45n+12) .u-color,
.u-colors > :nth-child(45n+12) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+12) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+12) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+12) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+12) .u-color-var {
  --u-color: var(--u-color-12);
  --u-color-contrast: var(--u-color-12-contrast);
}
.u-colors > :nth-child(45n+12) .u-color-bg,
.u-colors > :nth-child(45n+12) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+12) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+12) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+12) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+12) .u-color-background {
  --u-color: var(--u-color-12);
}
.u-colors > :nth-child(45n+12) .u-color-txt,
.u-colors > :nth-child(45n+12) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+12) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+12) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+12) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+12) .u-color-text {
  --u-color-contrast: var(--u-color-12);
}
.u-colors > :nth-child(45n+12) .u-color-bd,
.u-colors > :nth-child(45n+12) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+12) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+12) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+12) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+12) .u-color-border {
  --u-color: var(--u-color-12);
}
.u-colors > :nth-child(45n+13) .u-color,
.u-colors > :nth-child(45n+13) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+13) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+13) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+13) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+13) .u-color-var {
  --u-color: var(--u-color-13);
  --u-color-contrast: var(--u-color-13-contrast);
}
.u-colors > :nth-child(45n+13) .u-color-bg,
.u-colors > :nth-child(45n+13) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+13) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+13) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+13) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+13) .u-color-background {
  --u-color: var(--u-color-13);
}
.u-colors > :nth-child(45n+13) .u-color-txt,
.u-colors > :nth-child(45n+13) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+13) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+13) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+13) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+13) .u-color-text {
  --u-color-contrast: var(--u-color-13);
}
.u-colors > :nth-child(45n+13) .u-color-bd,
.u-colors > :nth-child(45n+13) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+13) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+13) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+13) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+13) .u-color-border {
  --u-color: var(--u-color-13);
}
.u-colors > :nth-child(45n+14) .u-color,
.u-colors > :nth-child(45n+14) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+14) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+14) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+14) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+14) .u-color-var {
  --u-color: var(--u-color-14);
  --u-color-contrast: var(--u-color-14-contrast);
}
.u-colors > :nth-child(45n+14) .u-color-bg,
.u-colors > :nth-child(45n+14) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+14) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+14) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+14) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+14) .u-color-background {
  --u-color: var(--u-color-14);
}
.u-colors > :nth-child(45n+14) .u-color-txt,
.u-colors > :nth-child(45n+14) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+14) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+14) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+14) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+14) .u-color-text {
  --u-color-contrast: var(--u-color-14);
}
.u-colors > :nth-child(45n+14) .u-color-bd,
.u-colors > :nth-child(45n+14) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+14) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+14) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+14) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+14) .u-color-border {
  --u-color: var(--u-color-14);
}
.u-colors > :nth-child(45n+15) .u-color,
.u-colors > :nth-child(45n+15) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+15) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+15) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+15) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+15) .u-color-var {
  --u-color: var(--u-color-15);
  --u-color-contrast: var(--u-color-15-contrast);
}
.u-colors > :nth-child(45n+15) .u-color-bg,
.u-colors > :nth-child(45n+15) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+15) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+15) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+15) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+15) .u-color-background {
  --u-color: var(--u-color-15);
}
.u-colors > :nth-child(45n+15) .u-color-txt,
.u-colors > :nth-child(45n+15) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+15) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+15) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+15) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+15) .u-color-text {
  --u-color-contrast: var(--u-color-15);
}
.u-colors > :nth-child(45n+15) .u-color-bd,
.u-colors > :nth-child(45n+15) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+15) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+15) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+15) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+15) .u-color-border {
  --u-color: var(--u-color-15);
}
.u-colors > :nth-child(45n+16) .u-color,
.u-colors > :nth-child(45n+16) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+16) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+16) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+16) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+16) .u-color-var {
  --u-color: var(--u-color-16);
  --u-color-contrast: var(--u-color-16-contrast);
}
.u-colors > :nth-child(45n+16) .u-color-bg,
.u-colors > :nth-child(45n+16) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+16) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+16) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+16) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+16) .u-color-background {
  --u-color: var(--u-color-16);
}
.u-colors > :nth-child(45n+16) .u-color-txt,
.u-colors > :nth-child(45n+16) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+16) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+16) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+16) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+16) .u-color-text {
  --u-color-contrast: var(--u-color-16);
}
.u-colors > :nth-child(45n+16) .u-color-bd,
.u-colors > :nth-child(45n+16) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+16) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+16) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+16) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+16) .u-color-border {
  --u-color: var(--u-color-16);
}
.u-colors > :nth-child(45n+17) .u-color,
.u-colors > :nth-child(45n+17) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+17) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+17) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+17) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+17) .u-color-var {
  --u-color: var(--u-color-17);
  --u-color-contrast: var(--u-color-17-contrast);
}
.u-colors > :nth-child(45n+17) .u-color-bg,
.u-colors > :nth-child(45n+17) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+17) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+17) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+17) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+17) .u-color-background {
  --u-color: var(--u-color-17);
}
.u-colors > :nth-child(45n+17) .u-color-txt,
.u-colors > :nth-child(45n+17) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+17) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+17) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+17) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+17) .u-color-text {
  --u-color-contrast: var(--u-color-17);
}
.u-colors > :nth-child(45n+17) .u-color-bd,
.u-colors > :nth-child(45n+17) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+17) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+17) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+17) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+17) .u-color-border {
  --u-color: var(--u-color-17);
}
.u-colors > :nth-child(45n+18) .u-color,
.u-colors > :nth-child(45n+18) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+18) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+18) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+18) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+18) .u-color-var {
  --u-color: var(--u-color-18);
  --u-color-contrast: var(--u-color-18-contrast);
}
.u-colors > :nth-child(45n+18) .u-color-bg,
.u-colors > :nth-child(45n+18) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+18) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+18) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+18) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+18) .u-color-background {
  --u-color: var(--u-color-18);
}
.u-colors > :nth-child(45n+18) .u-color-txt,
.u-colors > :nth-child(45n+18) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+18) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+18) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+18) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+18) .u-color-text {
  --u-color-contrast: var(--u-color-18);
}
.u-colors > :nth-child(45n+18) .u-color-bd,
.u-colors > :nth-child(45n+18) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+18) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+18) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+18) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+18) .u-color-border {
  --u-color: var(--u-color-18);
}
.u-colors > :nth-child(45n+19) .u-color,
.u-colors > :nth-child(45n+19) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+19) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+19) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+19) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+19) .u-color-var {
  --u-color: var(--u-color-19);
  --u-color-contrast: var(--u-color-19-contrast);
}
.u-colors > :nth-child(45n+19) .u-color-bg,
.u-colors > :nth-child(45n+19) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+19) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+19) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+19) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+19) .u-color-background {
  --u-color: var(--u-color-19);
}
.u-colors > :nth-child(45n+19) .u-color-txt,
.u-colors > :nth-child(45n+19) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+19) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+19) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+19) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+19) .u-color-text {
  --u-color-contrast: var(--u-color-19);
}
.u-colors > :nth-child(45n+19) .u-color-bd,
.u-colors > :nth-child(45n+19) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+19) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+19) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+19) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+19) .u-color-border {
  --u-color: var(--u-color-19);
}
.u-colors > :nth-child(45n+20) .u-color,
.u-colors > :nth-child(45n+20) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+20) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+20) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+20) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+20) .u-color-var {
  --u-color: var(--u-color-20);
  --u-color-contrast: var(--u-color-20-contrast);
}
.u-colors > :nth-child(45n+20) .u-color-bg,
.u-colors > :nth-child(45n+20) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+20) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+20) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+20) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+20) .u-color-background {
  --u-color: var(--u-color-20);
}
.u-colors > :nth-child(45n+20) .u-color-txt,
.u-colors > :nth-child(45n+20) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+20) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+20) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+20) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+20) .u-color-text {
  --u-color-contrast: var(--u-color-20);
}
.u-colors > :nth-child(45n+20) .u-color-bd,
.u-colors > :nth-child(45n+20) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+20) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+20) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+20) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+20) .u-color-border {
  --u-color: var(--u-color-20);
}
.u-colors > :nth-child(45n+21) .u-color,
.u-colors > :nth-child(45n+21) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+21) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+21) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+21) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+21) .u-color-var {
  --u-color: var(--u-color-21);
  --u-color-contrast: var(--u-color-21-contrast);
}
.u-colors > :nth-child(45n+21) .u-color-bg,
.u-colors > :nth-child(45n+21) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+21) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+21) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+21) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+21) .u-color-background {
  --u-color: var(--u-color-21);
}
.u-colors > :nth-child(45n+21) .u-color-txt,
.u-colors > :nth-child(45n+21) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+21) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+21) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+21) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+21) .u-color-text {
  --u-color-contrast: var(--u-color-21);
}
.u-colors > :nth-child(45n+21) .u-color-bd,
.u-colors > :nth-child(45n+21) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+21) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+21) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+21) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+21) .u-color-border {
  --u-color: var(--u-color-21);
}
.u-colors > :nth-child(45n+22) .u-color,
.u-colors > :nth-child(45n+22) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+22) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+22) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+22) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+22) .u-color-var {
  --u-color: var(--u-color-22);
  --u-color-contrast: var(--u-color-22-contrast);
}
.u-colors > :nth-child(45n+22) .u-color-bg,
.u-colors > :nth-child(45n+22) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+22) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+22) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+22) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+22) .u-color-background {
  --u-color: var(--u-color-22);
}
.u-colors > :nth-child(45n+22) .u-color-txt,
.u-colors > :nth-child(45n+22) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+22) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+22) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+22) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+22) .u-color-text {
  --u-color-contrast: var(--u-color-22);
}
.u-colors > :nth-child(45n+22) .u-color-bd,
.u-colors > :nth-child(45n+22) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+22) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+22) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+22) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+22) .u-color-border {
  --u-color: var(--u-color-22);
}
.u-colors > :nth-child(45n+23) .u-color,
.u-colors > :nth-child(45n+23) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+23) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+23) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+23) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+23) .u-color-var {
  --u-color: var(--u-color-23);
  --u-color-contrast: var(--u-color-23-contrast);
}
.u-colors > :nth-child(45n+23) .u-color-bg,
.u-colors > :nth-child(45n+23) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+23) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+23) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+23) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+23) .u-color-background {
  --u-color: var(--u-color-23);
}
.u-colors > :nth-child(45n+23) .u-color-txt,
.u-colors > :nth-child(45n+23) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+23) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+23) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+23) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+23) .u-color-text {
  --u-color-contrast: var(--u-color-23);
}
.u-colors > :nth-child(45n+23) .u-color-bd,
.u-colors > :nth-child(45n+23) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+23) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+23) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+23) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+23) .u-color-border {
  --u-color: var(--u-color-23);
}
.u-colors > :nth-child(45n+24) .u-color,
.u-colors > :nth-child(45n+24) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+24) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+24) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+24) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+24) .u-color-var {
  --u-color: var(--u-color-24);
  --u-color-contrast: var(--u-color-24-contrast);
}
.u-colors > :nth-child(45n+24) .u-color-bg,
.u-colors > :nth-child(45n+24) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+24) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+24) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+24) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+24) .u-color-background {
  --u-color: var(--u-color-24);
}
.u-colors > :nth-child(45n+24) .u-color-txt,
.u-colors > :nth-child(45n+24) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+24) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+24) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+24) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+24) .u-color-text {
  --u-color-contrast: var(--u-color-24);
}
.u-colors > :nth-child(45n+24) .u-color-bd,
.u-colors > :nth-child(45n+24) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+24) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+24) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+24) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+24) .u-color-border {
  --u-color: var(--u-color-24);
}
.u-colors > :nth-child(45n+25) .u-color,
.u-colors > :nth-child(45n+25) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+25) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+25) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+25) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+25) .u-color-var {
  --u-color: var(--u-color-25);
  --u-color-contrast: var(--u-color-25-contrast);
}
.u-colors > :nth-child(45n+25) .u-color-bg,
.u-colors > :nth-child(45n+25) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+25) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+25) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+25) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+25) .u-color-background {
  --u-color: var(--u-color-25);
}
.u-colors > :nth-child(45n+25) .u-color-txt,
.u-colors > :nth-child(45n+25) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+25) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+25) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+25) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+25) .u-color-text {
  --u-color-contrast: var(--u-color-25);
}
.u-colors > :nth-child(45n+25) .u-color-bd,
.u-colors > :nth-child(45n+25) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+25) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+25) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+25) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+25) .u-color-border {
  --u-color: var(--u-color-25);
}
.u-colors > :nth-child(45n+26) .u-color,
.u-colors > :nth-child(45n+26) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+26) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+26) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+26) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+26) .u-color-var {
  --u-color: var(--u-color-26);
  --u-color-contrast: var(--u-color-26-contrast);
}
.u-colors > :nth-child(45n+26) .u-color-bg,
.u-colors > :nth-child(45n+26) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+26) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+26) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+26) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+26) .u-color-background {
  --u-color: var(--u-color-26);
}
.u-colors > :nth-child(45n+26) .u-color-txt,
.u-colors > :nth-child(45n+26) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+26) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+26) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+26) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+26) .u-color-text {
  --u-color-contrast: var(--u-color-26);
}
.u-colors > :nth-child(45n+26) .u-color-bd,
.u-colors > :nth-child(45n+26) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+26) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+26) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+26) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+26) .u-color-border {
  --u-color: var(--u-color-26);
}
.u-colors > :nth-child(45n+27) .u-color,
.u-colors > :nth-child(45n+27) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+27) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+27) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+27) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+27) .u-color-var {
  --u-color: var(--u-color-27);
  --u-color-contrast: var(--u-color-27-contrast);
}
.u-colors > :nth-child(45n+27) .u-color-bg,
.u-colors > :nth-child(45n+27) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+27) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+27) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+27) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+27) .u-color-background {
  --u-color: var(--u-color-27);
}
.u-colors > :nth-child(45n+27) .u-color-txt,
.u-colors > :nth-child(45n+27) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+27) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+27) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+27) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+27) .u-color-text {
  --u-color-contrast: var(--u-color-27);
}
.u-colors > :nth-child(45n+27) .u-color-bd,
.u-colors > :nth-child(45n+27) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+27) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+27) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+27) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+27) .u-color-border {
  --u-color: var(--u-color-27);
}
.u-colors > :nth-child(45n+28) .u-color,
.u-colors > :nth-child(45n+28) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+28) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+28) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+28) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+28) .u-color-var {
  --u-color: var(--u-color-28);
  --u-color-contrast: var(--u-color-28-contrast);
}
.u-colors > :nth-child(45n+28) .u-color-bg,
.u-colors > :nth-child(45n+28) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+28) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+28) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+28) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+28) .u-color-background {
  --u-color: var(--u-color-28);
}
.u-colors > :nth-child(45n+28) .u-color-txt,
.u-colors > :nth-child(45n+28) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+28) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+28) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+28) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+28) .u-color-text {
  --u-color-contrast: var(--u-color-28);
}
.u-colors > :nth-child(45n+28) .u-color-bd,
.u-colors > :nth-child(45n+28) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+28) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+28) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+28) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+28) .u-color-border {
  --u-color: var(--u-color-28);
}
.u-colors > :nth-child(45n+29) .u-color,
.u-colors > :nth-child(45n+29) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+29) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+29) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+29) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+29) .u-color-var {
  --u-color: var(--u-color-29);
  --u-color-contrast: var(--u-color-29-contrast);
}
.u-colors > :nth-child(45n+29) .u-color-bg,
.u-colors > :nth-child(45n+29) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+29) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+29) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+29) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+29) .u-color-background {
  --u-color: var(--u-color-29);
}
.u-colors > :nth-child(45n+29) .u-color-txt,
.u-colors > :nth-child(45n+29) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+29) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+29) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+29) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+29) .u-color-text {
  --u-color-contrast: var(--u-color-29);
}
.u-colors > :nth-child(45n+29) .u-color-bd,
.u-colors > :nth-child(45n+29) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+29) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+29) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+29) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+29) .u-color-border {
  --u-color: var(--u-color-29);
}
.u-colors > :nth-child(45n+30) .u-color,
.u-colors > :nth-child(45n+30) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+30) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+30) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+30) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+30) .u-color-var {
  --u-color: var(--u-color-30);
  --u-color-contrast: var(--u-color-30-contrast);
}
.u-colors > :nth-child(45n+30) .u-color-bg,
.u-colors > :nth-child(45n+30) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+30) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+30) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+30) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+30) .u-color-background {
  --u-color: var(--u-color-30);
}
.u-colors > :nth-child(45n+30) .u-color-txt,
.u-colors > :nth-child(45n+30) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+30) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+30) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+30) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+30) .u-color-text {
  --u-color-contrast: var(--u-color-30);
}
.u-colors > :nth-child(45n+30) .u-color-bd,
.u-colors > :nth-child(45n+30) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+30) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+30) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+30) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+30) .u-color-border {
  --u-color: var(--u-color-30);
}
.u-colors > :nth-child(45n+31) .u-color,
.u-colors > :nth-child(45n+31) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+31) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+31) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+31) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+31) .u-color-var {
  --u-color: var(--u-color-31);
  --u-color-contrast: var(--u-color-31-contrast);
}
.u-colors > :nth-child(45n+31) .u-color-bg,
.u-colors > :nth-child(45n+31) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+31) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+31) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+31) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+31) .u-color-background {
  --u-color: var(--u-color-31);
}
.u-colors > :nth-child(45n+31) .u-color-txt,
.u-colors > :nth-child(45n+31) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+31) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+31) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+31) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+31) .u-color-text {
  --u-color-contrast: var(--u-color-31);
}
.u-colors > :nth-child(45n+31) .u-color-bd,
.u-colors > :nth-child(45n+31) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+31) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+31) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+31) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+31) .u-color-border {
  --u-color: var(--u-color-31);
}
.u-colors > :nth-child(45n+32) .u-color,
.u-colors > :nth-child(45n+32) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+32) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+32) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+32) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+32) .u-color-var {
  --u-color: var(--u-color-32);
  --u-color-contrast: var(--u-color-32-contrast);
}
.u-colors > :nth-child(45n+32) .u-color-bg,
.u-colors > :nth-child(45n+32) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+32) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+32) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+32) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+32) .u-color-background {
  --u-color: var(--u-color-32);
}
.u-colors > :nth-child(45n+32) .u-color-txt,
.u-colors > :nth-child(45n+32) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+32) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+32) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+32) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+32) .u-color-text {
  --u-color-contrast: var(--u-color-32);
}
.u-colors > :nth-child(45n+32) .u-color-bd,
.u-colors > :nth-child(45n+32) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+32) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+32) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+32) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+32) .u-color-border {
  --u-color: var(--u-color-32);
}
.u-colors > :nth-child(45n+33) .u-color,
.u-colors > :nth-child(45n+33) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+33) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+33) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+33) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+33) .u-color-var {
  --u-color: var(--u-color-33);
  --u-color-contrast: var(--u-color-33-contrast);
}
.u-colors > :nth-child(45n+33) .u-color-bg,
.u-colors > :nth-child(45n+33) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+33) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+33) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+33) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+33) .u-color-background {
  --u-color: var(--u-color-33);
}
.u-colors > :nth-child(45n+33) .u-color-txt,
.u-colors > :nth-child(45n+33) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+33) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+33) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+33) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+33) .u-color-text {
  --u-color-contrast: var(--u-color-33);
}
.u-colors > :nth-child(45n+33) .u-color-bd,
.u-colors > :nth-child(45n+33) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+33) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+33) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+33) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+33) .u-color-border {
  --u-color: var(--u-color-33);
}
.u-colors > :nth-child(45n+34) .u-color,
.u-colors > :nth-child(45n+34) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+34) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+34) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+34) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+34) .u-color-var {
  --u-color: var(--u-color-34);
  --u-color-contrast: var(--u-color-34-contrast);
}
.u-colors > :nth-child(45n+34) .u-color-bg,
.u-colors > :nth-child(45n+34) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+34) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+34) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+34) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+34) .u-color-background {
  --u-color: var(--u-color-34);
}
.u-colors > :nth-child(45n+34) .u-color-txt,
.u-colors > :nth-child(45n+34) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+34) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+34) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+34) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+34) .u-color-text {
  --u-color-contrast: var(--u-color-34);
}
.u-colors > :nth-child(45n+34) .u-color-bd,
.u-colors > :nth-child(45n+34) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+34) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+34) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+34) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+34) .u-color-border {
  --u-color: var(--u-color-34);
}
.u-colors > :nth-child(45n+35) .u-color,
.u-colors > :nth-child(45n+35) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+35) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+35) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+35) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+35) .u-color-var {
  --u-color: var(--u-color-35);
  --u-color-contrast: var(--u-color-35-contrast);
}
.u-colors > :nth-child(45n+35) .u-color-bg,
.u-colors > :nth-child(45n+35) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+35) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+35) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+35) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+35) .u-color-background {
  --u-color: var(--u-color-35);
}
.u-colors > :nth-child(45n+35) .u-color-txt,
.u-colors > :nth-child(45n+35) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+35) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+35) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+35) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+35) .u-color-text {
  --u-color-contrast: var(--u-color-35);
}
.u-colors > :nth-child(45n+35) .u-color-bd,
.u-colors > :nth-child(45n+35) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+35) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+35) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+35) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+35) .u-color-border {
  --u-color: var(--u-color-35);
}
.u-colors > :nth-child(45n+36) .u-color,
.u-colors > :nth-child(45n+36) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+36) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+36) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+36) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+36) .u-color-var {
  --u-color: var(--u-color-36);
  --u-color-contrast: var(--u-color-36-contrast);
}
.u-colors > :nth-child(45n+36) .u-color-bg,
.u-colors > :nth-child(45n+36) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+36) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+36) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+36) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+36) .u-color-background {
  --u-color: var(--u-color-36);
}
.u-colors > :nth-child(45n+36) .u-color-txt,
.u-colors > :nth-child(45n+36) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+36) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+36) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+36) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+36) .u-color-text {
  --u-color-contrast: var(--u-color-36);
}
.u-colors > :nth-child(45n+36) .u-color-bd,
.u-colors > :nth-child(45n+36) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+36) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+36) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+36) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+36) .u-color-border {
  --u-color: var(--u-color-36);
}
.u-colors > :nth-child(45n+37) .u-color,
.u-colors > :nth-child(45n+37) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+37) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+37) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+37) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+37) .u-color-var {
  --u-color: var(--u-color-37);
  --u-color-contrast: var(--u-color-37-contrast);
}
.u-colors > :nth-child(45n+37) .u-color-bg,
.u-colors > :nth-child(45n+37) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+37) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+37) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+37) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+37) .u-color-background {
  --u-color: var(--u-color-37);
}
.u-colors > :nth-child(45n+37) .u-color-txt,
.u-colors > :nth-child(45n+37) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+37) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+37) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+37) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+37) .u-color-text {
  --u-color-contrast: var(--u-color-37);
}
.u-colors > :nth-child(45n+37) .u-color-bd,
.u-colors > :nth-child(45n+37) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+37) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+37) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+37) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+37) .u-color-border {
  --u-color: var(--u-color-37);
}
.u-colors > :nth-child(45n+38) .u-color,
.u-colors > :nth-child(45n+38) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+38) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+38) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+38) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+38) .u-color-var {
  --u-color: var(--u-color-38);
  --u-color-contrast: var(--u-color-38-contrast);
}
.u-colors > :nth-child(45n+38) .u-color-bg,
.u-colors > :nth-child(45n+38) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+38) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+38) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+38) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+38) .u-color-background {
  --u-color: var(--u-color-38);
}
.u-colors > :nth-child(45n+38) .u-color-txt,
.u-colors > :nth-child(45n+38) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+38) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+38) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+38) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+38) .u-color-text {
  --u-color-contrast: var(--u-color-38);
}
.u-colors > :nth-child(45n+38) .u-color-bd,
.u-colors > :nth-child(45n+38) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+38) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+38) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+38) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+38) .u-color-border {
  --u-color: var(--u-color-38);
}
.u-colors > :nth-child(45n+39) .u-color,
.u-colors > :nth-child(45n+39) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+39) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+39) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+39) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+39) .u-color-var {
  --u-color: var(--u-color-39);
  --u-color-contrast: var(--u-color-39-contrast);
}
.u-colors > :nth-child(45n+39) .u-color-bg,
.u-colors > :nth-child(45n+39) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+39) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+39) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+39) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+39) .u-color-background {
  --u-color: var(--u-color-39);
}
.u-colors > :nth-child(45n+39) .u-color-txt,
.u-colors > :nth-child(45n+39) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+39) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+39) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+39) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+39) .u-color-text {
  --u-color-contrast: var(--u-color-39);
}
.u-colors > :nth-child(45n+39) .u-color-bd,
.u-colors > :nth-child(45n+39) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+39) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+39) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+39) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+39) .u-color-border {
  --u-color: var(--u-color-39);
}
.u-colors > :nth-child(45n+40) .u-color,
.u-colors > :nth-child(45n+40) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+40) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+40) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+40) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+40) .u-color-var {
  --u-color: var(--u-color-40);
  --u-color-contrast: var(--u-color-40-contrast);
}
.u-colors > :nth-child(45n+40) .u-color-bg,
.u-colors > :nth-child(45n+40) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+40) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+40) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+40) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+40) .u-color-background {
  --u-color: var(--u-color-40);
}
.u-colors > :nth-child(45n+40) .u-color-txt,
.u-colors > :nth-child(45n+40) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+40) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+40) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+40) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+40) .u-color-text {
  --u-color-contrast: var(--u-color-40);
}
.u-colors > :nth-child(45n+40) .u-color-bd,
.u-colors > :nth-child(45n+40) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+40) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+40) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+40) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+40) .u-color-border {
  --u-color: var(--u-color-40);
}
.u-colors > :nth-child(45n+41) .u-color,
.u-colors > :nth-child(45n+41) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+41) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+41) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+41) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+41) .u-color-var {
  --u-color: var(--u-color-41);
  --u-color-contrast: var(--u-color-41-contrast);
}
.u-colors > :nth-child(45n+41) .u-color-bg,
.u-colors > :nth-child(45n+41) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+41) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+41) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+41) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+41) .u-color-background {
  --u-color: var(--u-color-41);
}
.u-colors > :nth-child(45n+41) .u-color-txt,
.u-colors > :nth-child(45n+41) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+41) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+41) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+41) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+41) .u-color-text {
  --u-color-contrast: var(--u-color-41);
}
.u-colors > :nth-child(45n+41) .u-color-bd,
.u-colors > :nth-child(45n+41) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+41) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+41) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+41) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+41) .u-color-border {
  --u-color: var(--u-color-41);
}
.u-colors > :nth-child(45n+42) .u-color,
.u-colors > :nth-child(45n+42) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+42) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+42) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+42) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+42) .u-color-var {
  --u-color: var(--u-color-42);
  --u-color-contrast: var(--u-color-42-contrast);
}
.u-colors > :nth-child(45n+42) .u-color-bg,
.u-colors > :nth-child(45n+42) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+42) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+42) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+42) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+42) .u-color-background {
  --u-color: var(--u-color-42);
}
.u-colors > :nth-child(45n+42) .u-color-txt,
.u-colors > :nth-child(45n+42) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+42) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+42) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+42) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+42) .u-color-text {
  --u-color-contrast: var(--u-color-42);
}
.u-colors > :nth-child(45n+42) .u-color-bd,
.u-colors > :nth-child(45n+42) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+42) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+42) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+42) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+42) .u-color-border {
  --u-color: var(--u-color-42);
}
.u-colors > :nth-child(45n+43) .u-color,
.u-colors > :nth-child(45n+43) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+43) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+43) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+43) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+43) .u-color-var {
  --u-color: var(--u-color-43);
  --u-color-contrast: var(--u-color-43-contrast);
}
.u-colors > :nth-child(45n+43) .u-color-bg,
.u-colors > :nth-child(45n+43) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+43) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+43) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+43) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+43) .u-color-background {
  --u-color: var(--u-color-43);
}
.u-colors > :nth-child(45n+43) .u-color-txt,
.u-colors > :nth-child(45n+43) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+43) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+43) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+43) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+43) .u-color-text {
  --u-color-contrast: var(--u-color-43);
}
.u-colors > :nth-child(45n+43) .u-color-bd,
.u-colors > :nth-child(45n+43) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+43) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+43) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+43) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+43) .u-color-border {
  --u-color: var(--u-color-43);
}
.u-colors > :nth-child(45n+44) .u-color,
.u-colors > :nth-child(45n+44) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+44) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+44) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+44) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+44) .u-color-var {
  --u-color: var(--u-color-44);
  --u-color-contrast: var(--u-color-44-contrast);
}
.u-colors > :nth-child(45n+44) .u-color-bg,
.u-colors > :nth-child(45n+44) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+44) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+44) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+44) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+44) .u-color-background {
  --u-color: var(--u-color-44);
}
.u-colors > :nth-child(45n+44) .u-color-txt,
.u-colors > :nth-child(45n+44) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+44) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+44) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+44) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+44) .u-color-text {
  --u-color-contrast: var(--u-color-44);
}
.u-colors > :nth-child(45n+44) .u-color-bd,
.u-colors > :nth-child(45n+44) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+44) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+44) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+44) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+44) .u-color-border {
  --u-color: var(--u-color-44);
}
.u-colors > :nth-child(45n+45) .u-color,
.u-colors > :nth-child(45n+45) .u-color-var, .u-colors .a-CardView-items > :nth-child(45n+45) .u-color,
.u-colors .a-CardView-items > :nth-child(45n+45) .u-color-var, .u-colors .a-SearchResults-item:nth-child(45n+45) .u-color,
.u-colors .a-SearchResults-item:nth-child(45n+45) .u-color-var {
  --u-color: var(--u-color-45);
  --u-color-contrast: var(--u-color-45-contrast);
}
.u-colors > :nth-child(45n+45) .u-color-bg,
.u-colors > :nth-child(45n+45) .u-color-background, .u-colors .a-CardView-items > :nth-child(45n+45) .u-color-bg,
.u-colors .a-CardView-items > :nth-child(45n+45) .u-color-background, .u-colors .a-SearchResults-item:nth-child(45n+45) .u-color-bg,
.u-colors .a-SearchResults-item:nth-child(45n+45) .u-color-background {
  --u-color: var(--u-color-45);
}
.u-colors > :nth-child(45n+45) .u-color-txt,
.u-colors > :nth-child(45n+45) .u-color-text, .u-colors .a-CardView-items > :nth-child(45n+45) .u-color-txt,
.u-colors .a-CardView-items > :nth-child(45n+45) .u-color-text, .u-colors .a-SearchResults-item:nth-child(45n+45) .u-color-txt,
.u-colors .a-SearchResults-item:nth-child(45n+45) .u-color-text {
  --u-color-contrast: var(--u-color-45);
}
.u-colors > :nth-child(45n+45) .u-color-bd,
.u-colors > :nth-child(45n+45) .u-color-border, .u-colors .a-CardView-items > :nth-child(45n+45) .u-color-bd,
.u-colors .a-CardView-items > :nth-child(45n+45) .u-color-border, .u-colors .a-SearchResults-item:nth-child(45n+45) .u-color-bd,
.u-colors .a-SearchResults-item:nth-child(45n+45) .u-color-border {
  --u-color: var(--u-color-45);
}

/* Transparent Colors
   ========================================================================== */
.u-color-transparent {
  background-color: var(--u-color);
  color: var(--u-color-contrast);
  --u-color: transparent;
  --u-color-contrast: transparent;
}

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

.u-color-transparent-txt,
.u-color-transparent-text {
  --u-color-contrast: transparent;
}

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

/* Warning State
   ========================================================================== */
.u-warning {
  background-color: var(--ut-palette-warning);
  color: var(--ut-palette-warning-contrast);
}
.u-warning-text {
  color: var(--ut-palette-warning);
}
.u-warning-bg {
  background-color: var(--ut-palette-warning);
}
.u-warning-border {
  border-color: var(--ut-palette-warning);
}

/* Success State
     ========================================================================== */
.u-success {
  background-color: var(--ut-palette-success);
  color: var(--ut-palette-success-contrast);
}
.u-success-text {
  color: var(--ut-palette-success);
}
.u-success-bg {
  background-color: var(--ut-palette-success);
}
.u-success-border {
  border-color: var(--ut-palette-success);
}

/* Danger State
     ========================================================================== */
.u-danger {
  background-color: var(--ut-palette-danger);
  color: var(--ut-palette-danger-contrast);
}
.u-danger-text {
  color: var(--ut-palette-danger);
}
.u-danger-bg {
  background-color: var(--ut-palette-danger);
}
.u-danger-border {
  border-color: var(--ut-palette-danger);
}

/* Info State
     ========================================================================== */
.u-info {
  background-color: var(--ut-palette-info);
  color: var(--ut-palette-info-contrast);
}
.u-info-text {
  color: var(--ut-palette-info);
}
.u-info-bg {
  background-color: var(--ut-palette-info);
}
.u-info-border {
  border-color: var(--ut-palette-info);
}

/* Hot State
     ========================================================================== */
.u-hot {
  background-color: var(--ut-palette-primary);
  color: var(--ut-palette-primary-contrast);
}
.u-hot-text {
  color: var(--ut-palette-primary);
}
.u-hot-bg {
  background-color: var(--ut-palette-primary);
}
.u-hot-border {
  border-color: var(--ut-palette-primary);
}

/* Normal State
     ========================================================================== */
.u-normal {
  background-color: var(--ut-body-background-color);
  color: var(--ut-body-text-color);
}
.u-normal-text {
  color: var(--ut-body-text-color);
}
.u-normal-bg {
  background-color: var(--ut-body-text-color);
}
.u-normal-border {
  border-color: var(--ut-body-text-color);
}

/* ==========================================================================
   Height Utility Classes
   ========================================================================== */
/**
 * Increment by .625rem
 * Max Height: mxh[height]
 * Min Height: mnh[height]
 * Height: h[height]
 */
/* ==========================================================================
    Height Modifier
    ---
    Example:
    .h200 will set the height to 200px
    ========================================================================== */
.h10 {
  height: 10px;
}

.h20 {
  height: 20px;
}

.h30 {
  height: 30px;
}

.h40 {
  height: 40px;
}

.h50 {
  height: 50px;
}

.h60 {
  height: 60px;
}

.h70 {
  height: 70px;
}

.h80 {
  height: 80px;
}

.h90 {
  height: 90px;
}

.h100 {
  height: 100px;
}

.h110 {
  height: 110px;
}

.h120 {
  height: 120px;
}

.h130 {
  height: 130px;
}

.h140 {
  height: 140px;
}

.h150 {
  height: 150px;
}

.h160 {
  height: 160px;
}

.h170 {
  height: 170px;
}

.h180 {
  height: 180px;
}

.h190 {
  height: 190px;
}

.h200 {
  height: 200px;
}

.h210 {
  height: 210px;
}

.h220 {
  height: 220px;
}

.h230 {
  height: 230px;
}

.h240 {
  height: 240px;
}

.h250 {
  height: 250px;
}

.h260 {
  height: 260px;
}

.h270 {
  height: 270px;
}

.h280 {
  height: 280px;
}

.h290 {
  height: 290px;
}

.h300 {
  height: 300px;
}

.h310 {
  height: 310px;
}

.h320 {
  height: 320px;
}

.h330 {
  height: 330px;
}

.h340 {
  height: 340px;
}

.h350 {
  height: 350px;
}

.h360 {
  height: 360px;
}

.h370 {
  height: 370px;
}

.h380 {
  height: 380px;
}

.h390 {
  height: 390px;
}

.h400 {
  height: 400px;
}

.h410 {
  height: 410px;
}

.h420 {
  height: 420px;
}

.h430 {
  height: 430px;
}

.h440 {
  height: 440px;
}

.h450 {
  height: 450px;
}

.h460 {
  height: 460px;
}

.h470 {
  height: 470px;
}

.h480 {
  height: 480px;
}

.h490 {
  height: 490px;
}

.h500 {
  height: 500px;
}

.h510 {
  height: 510px;
}

.h520 {
  height: 520px;
}

.h530 {
  height: 530px;
}

.h540 {
  height: 540px;
}

.h550 {
  height: 550px;
}

.h560 {
  height: 560px;
}

.h570 {
  height: 570px;
}

.h580 {
  height: 580px;
}

.h590 {
  height: 590px;
}

.h600 {
  height: 600px;
}

.h610 {
  height: 610px;
}

.h620 {
  height: 620px;
}

.h630 {
  height: 630px;
}

.h640 {
  height: 640px;
}

.h650 {
  height: 650px;
}

.h660 {
  height: 660px;
}

.h670 {
  height: 670px;
}

.h680 {
  height: 680px;
}

.h690 {
  height: 690px;
}

.h700 {
  height: 700px;
}

.h710 {
  height: 710px;
}

.h720 {
  height: 720px;
}

.h730 {
  height: 730px;
}

.h740 {
  height: 740px;
}

.h750 {
  height: 750px;
}

.h760 {
  height: 760px;
}

.h770 {
  height: 770px;
}

.h780 {
  height: 780px;
}

.h790 {
  height: 790px;
}

.h800 {
  height: 800px;
}

/* ==========================================================================
    Max Height Modifier
    ---
    Example:
    .max200 will set the max-height to 200px
    ========================================================================== */
.mxh10 {
  max-height: 10px;
}

.mxh20 {
  max-height: 20px;
}

.mxh30 {
  max-height: 30px;
}

.mxh40 {
  max-height: 40px;
}

.mxh50 {
  max-height: 50px;
}

.mxh60 {
  max-height: 60px;
}

.mxh70 {
  max-height: 70px;
}

.mxh80 {
  max-height: 80px;
}

.mxh90 {
  max-height: 90px;
}

.mxh100 {
  max-height: 100px;
}

.mxh110 {
  max-height: 110px;
}

.mxh120 {
  max-height: 120px;
}

.mxh130 {
  max-height: 130px;
}

.mxh140 {
  max-height: 140px;
}

.mxh150 {
  max-height: 150px;
}

.mxh160 {
  max-height: 160px;
}

.mxh170 {
  max-height: 170px;
}

.mxh180 {
  max-height: 180px;
}

.mxh190 {
  max-height: 190px;
}

.mxh200 {
  max-height: 200px;
}

.mxh210 {
  max-height: 210px;
}

.mxh220 {
  max-height: 220px;
}

.mxh230 {
  max-height: 230px;
}

.mxh240 {
  max-height: 240px;
}

.mxh250 {
  max-height: 250px;
}

.mxh260 {
  max-height: 260px;
}

.mxh270 {
  max-height: 270px;
}

.mxh280 {
  max-height: 280px;
}

.mxh290 {
  max-height: 290px;
}

.mxh300 {
  max-height: 300px;
}

.mxh310 {
  max-height: 310px;
}

.mxh320 {
  max-height: 320px;
}

.mxh330 {
  max-height: 330px;
}

.mxh340 {
  max-height: 340px;
}

.mxh350 {
  max-height: 350px;
}

.mxh360 {
  max-height: 360px;
}

.mxh370 {
  max-height: 370px;
}

.mxh380 {
  max-height: 380px;
}

.mxh390 {
  max-height: 390px;
}

.mxh400 {
  max-height: 400px;
}

.mxh410 {
  max-height: 410px;
}

.mxh420 {
  max-height: 420px;
}

.mxh430 {
  max-height: 430px;
}

.mxh440 {
  max-height: 440px;
}

.mxh450 {
  max-height: 450px;
}

.mxh460 {
  max-height: 460px;
}

.mxh470 {
  max-height: 470px;
}

.mxh480 {
  max-height: 480px;
}

.mxh490 {
  max-height: 490px;
}

.mxh500 {
  max-height: 500px;
}

.mxh510 {
  max-height: 510px;
}

.mxh520 {
  max-height: 520px;
}

.mxh530 {
  max-height: 530px;
}

.mxh540 {
  max-height: 540px;
}

.mxh550 {
  max-height: 550px;
}

.mxh560 {
  max-height: 560px;
}

.mxh570 {
  max-height: 570px;
}

.mxh580 {
  max-height: 580px;
}

.mxh590 {
  max-height: 590px;
}

.mxh600 {
  max-height: 600px;
}

.mxh610 {
  max-height: 610px;
}

.mxh620 {
  max-height: 620px;
}

.mxh630 {
  max-height: 630px;
}

.mxh640 {
  max-height: 640px;
}

.mxh650 {
  max-height: 650px;
}

.mxh660 {
  max-height: 660px;
}

.mxh670 {
  max-height: 670px;
}

.mxh680 {
  max-height: 680px;
}

.mxh690 {
  max-height: 690px;
}

.mxh700 {
  max-height: 700px;
}

.mxh710 {
  max-height: 710px;
}

.mxh720 {
  max-height: 720px;
}

.mxh730 {
  max-height: 730px;
}

.mxh740 {
  max-height: 740px;
}

.mxh750 {
  max-height: 750px;
}

.mxh760 {
  max-height: 760px;
}

.mxh770 {
  max-height: 770px;
}

.mxh780 {
  max-height: 780px;
}

.mxh790 {
  max-height: 790px;
}

.mxh800 {
  max-height: 800px;
}

/* ==========================================================================
    Height Modifier for Region Body
    ---
    Example:
    .i-h200 will set the height for the body to 200px
    ========================================================================== */
.i-h10 > .t-Region-bodyWrap > .t-Region-body {
  height: 10px;
}

.i-h20 > .t-Region-bodyWrap > .t-Region-body {
  height: 20px;
}

.i-h30 > .t-Region-bodyWrap > .t-Region-body {
  height: 30px;
}

.i-h40 > .t-Region-bodyWrap > .t-Region-body {
  height: 40px;
}

.i-h50 > .t-Region-bodyWrap > .t-Region-body {
  height: 50px;
}

.i-h60 > .t-Region-bodyWrap > .t-Region-body {
  height: 60px;
}

.i-h70 > .t-Region-bodyWrap > .t-Region-body {
  height: 70px;
}

.i-h80 > .t-Region-bodyWrap > .t-Region-body {
  height: 80px;
}

.i-h90 > .t-Region-bodyWrap > .t-Region-body {
  height: 90px;
}

.i-h100 > .t-Region-bodyWrap > .t-Region-body {
  height: 100px;
}

.i-h110 > .t-Region-bodyWrap > .t-Region-body {
  height: 110px;
}

.i-h120 > .t-Region-bodyWrap > .t-Region-body {
  height: 120px;
}

.i-h130 > .t-Region-bodyWrap > .t-Region-body {
  height: 130px;
}

.i-h140 > .t-Region-bodyWrap > .t-Region-body {
  height: 140px;
}

.i-h150 > .t-Region-bodyWrap > .t-Region-body {
  height: 150px;
}

.i-h160 > .t-Region-bodyWrap > .t-Region-body {
  height: 160px;
}

.i-h170 > .t-Region-bodyWrap > .t-Region-body {
  height: 170px;
}

.i-h180 > .t-Region-bodyWrap > .t-Region-body {
  height: 180px;
}

.i-h190 > .t-Region-bodyWrap > .t-Region-body {
  height: 190px;
}

.i-h200 > .t-Region-bodyWrap > .t-Region-body {
  height: 200px;
}

.i-h210 > .t-Region-bodyWrap > .t-Region-body {
  height: 210px;
}

.i-h220 > .t-Region-bodyWrap > .t-Region-body {
  height: 220px;
}

.i-h230 > .t-Region-bodyWrap > .t-Region-body {
  height: 230px;
}

.i-h240 > .t-Region-bodyWrap > .t-Region-body {
  height: 240px;
}

.i-h250 > .t-Region-bodyWrap > .t-Region-body {
  height: 250px;
}

.i-h260 > .t-Region-bodyWrap > .t-Region-body {
  height: 260px;
}

.i-h270 > .t-Region-bodyWrap > .t-Region-body {
  height: 270px;
}

.i-h280 > .t-Region-bodyWrap > .t-Region-body {
  height: 280px;
}

.i-h290 > .t-Region-bodyWrap > .t-Region-body {
  height: 290px;
}

.i-h300 > .t-Region-bodyWrap > .t-Region-body {
  height: 300px;
}

.i-h310 > .t-Region-bodyWrap > .t-Region-body {
  height: 310px;
}

.i-h320 > .t-Region-bodyWrap > .t-Region-body {
  height: 320px;
}

.i-h330 > .t-Region-bodyWrap > .t-Region-body {
  height: 330px;
}

.i-h340 > .t-Region-bodyWrap > .t-Region-body {
  height: 340px;
}

.i-h350 > .t-Region-bodyWrap > .t-Region-body {
  height: 350px;
}

.i-h360 > .t-Region-bodyWrap > .t-Region-body {
  height: 360px;
}

.i-h370 > .t-Region-bodyWrap > .t-Region-body {
  height: 370px;
}

.i-h380 > .t-Region-bodyWrap > .t-Region-body {
  height: 380px;
}

.i-h390 > .t-Region-bodyWrap > .t-Region-body {
  height: 390px;
}

.i-h400 > .t-Region-bodyWrap > .t-Region-body {
  height: 400px;
}

.i-h410 > .t-Region-bodyWrap > .t-Region-body {
  height: 410px;
}

.i-h420 > .t-Region-bodyWrap > .t-Region-body {
  height: 420px;
}

.i-h430 > .t-Region-bodyWrap > .t-Region-body {
  height: 430px;
}

.i-h440 > .t-Region-bodyWrap > .t-Region-body {
  height: 440px;
}

.i-h450 > .t-Region-bodyWrap > .t-Region-body {
  height: 450px;
}

.i-h460 > .t-Region-bodyWrap > .t-Region-body {
  height: 460px;
}

.i-h470 > .t-Region-bodyWrap > .t-Region-body {
  height: 470px;
}

.i-h480 > .t-Region-bodyWrap > .t-Region-body {
  height: 480px;
}

.i-h490 > .t-Region-bodyWrap > .t-Region-body {
  height: 490px;
}

.i-h500 > .t-Region-bodyWrap > .t-Region-body {
  height: 500px;
}

.i-h510 > .t-Region-bodyWrap > .t-Region-body {
  height: 510px;
}

.i-h520 > .t-Region-bodyWrap > .t-Region-body {
  height: 520px;
}

.i-h530 > .t-Region-bodyWrap > .t-Region-body {
  height: 530px;
}

.i-h540 > .t-Region-bodyWrap > .t-Region-body {
  height: 540px;
}

.i-h550 > .t-Region-bodyWrap > .t-Region-body {
  height: 550px;
}

.i-h560 > .t-Region-bodyWrap > .t-Region-body {
  height: 560px;
}

.i-h570 > .t-Region-bodyWrap > .t-Region-body {
  height: 570px;
}

.i-h580 > .t-Region-bodyWrap > .t-Region-body {
  height: 580px;
}

.i-h590 > .t-Region-bodyWrap > .t-Region-body {
  height: 590px;
}

.i-h600 > .t-Region-bodyWrap > .t-Region-body {
  height: 600px;
}

.i-h610 > .t-Region-bodyWrap > .t-Region-body {
  height: 610px;
}

.i-h620 > .t-Region-bodyWrap > .t-Region-body {
  height: 620px;
}

.i-h630 > .t-Region-bodyWrap > .t-Region-body {
  height: 630px;
}

.i-h640 > .t-Region-bodyWrap > .t-Region-body {
  height: 640px;
}

.i-h650 > .t-Region-bodyWrap > .t-Region-body {
  height: 650px;
}

.i-h660 > .t-Region-bodyWrap > .t-Region-body {
  height: 660px;
}

.i-h670 > .t-Region-bodyWrap > .t-Region-body {
  height: 670px;
}

.i-h680 > .t-Region-bodyWrap > .t-Region-body {
  height: 680px;
}

.i-h690 > .t-Region-bodyWrap > .t-Region-body {
  height: 690px;
}

.i-h700 > .t-Region-bodyWrap > .t-Region-body {
  height: 700px;
}

.i-h710 > .t-Region-bodyWrap > .t-Region-body {
  height: 710px;
}

.i-h720 > .t-Region-bodyWrap > .t-Region-body {
  height: 720px;
}

.i-h730 > .t-Region-bodyWrap > .t-Region-body {
  height: 730px;
}

.i-h740 > .t-Region-bodyWrap > .t-Region-body {
  height: 740px;
}

.i-h750 > .t-Region-bodyWrap > .t-Region-body {
  height: 750px;
}

.i-h760 > .t-Region-bodyWrap > .t-Region-body {
  height: 760px;
}

.i-h770 > .t-Region-bodyWrap > .t-Region-body {
  height: 770px;
}

.i-h780 > .t-Region-bodyWrap > .t-Region-body {
  height: 780px;
}

.i-h790 > .t-Region-bodyWrap > .t-Region-body {
  height: 790px;
}

.i-h800 > .t-Region-bodyWrap > .t-Region-body {
  height: 800px;
}

/* ==========================================================================
    Max Height Modifier for Region Body
    ---
    Example:
    .i-mxh200 will set the max height for the body to 200px
    ========================================================================== */
.i-mxh10 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 10px;
}

.i-mxh20 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 20px;
}

.i-mxh30 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 30px;
}

.i-mxh40 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 40px;
}

.i-mxh50 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 50px;
}

.i-mxh60 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 60px;
}

.i-mxh70 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 70px;
}

.i-mxh80 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 80px;
}

.i-mxh90 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 90px;
}

.i-mxh100 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 100px;
}

.i-mxh110 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 110px;
}

.i-mxh120 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 120px;
}

.i-mxh130 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 130px;
}

.i-mxh140 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 140px;
}

.i-mxh150 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 150px;
}

.i-mxh160 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 160px;
}

.i-mxh170 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 170px;
}

.i-mxh180 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 180px;
}

.i-mxh190 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 190px;
}

.i-mxh200 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 200px;
}

.i-mxh210 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 210px;
}

.i-mxh220 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 220px;
}

.i-mxh230 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 230px;
}

.i-mxh240 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 240px;
}

.i-mxh250 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 250px;
}

.i-mxh260 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 260px;
}

.i-mxh270 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 270px;
}

.i-mxh280 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 280px;
}

.i-mxh290 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 290px;
}

.i-mxh300 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 300px;
}

.i-mxh310 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 310px;
}

.i-mxh320 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 320px;
}

.i-mxh330 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 330px;
}

.i-mxh340 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 340px;
}

.i-mxh350 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 350px;
}

.i-mxh360 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 360px;
}

.i-mxh370 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 370px;
}

.i-mxh380 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 380px;
}

.i-mxh390 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 390px;
}

.i-mxh400 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 400px;
}

.i-mxh410 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 410px;
}

.i-mxh420 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 420px;
}

.i-mxh430 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 430px;
}

.i-mxh440 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 440px;
}

.i-mxh450 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 450px;
}

.i-mxh460 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 460px;
}

.i-mxh470 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 470px;
}

.i-mxh480 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 480px;
}

.i-mxh490 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 490px;
}

.i-mxh500 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 500px;
}

.i-mxh510 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 510px;
}

.i-mxh520 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 520px;
}

.i-mxh530 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 530px;
}

.i-mxh540 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 540px;
}

.i-mxh550 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 550px;
}

.i-mxh560 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 560px;
}

.i-mxh570 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 570px;
}

.i-mxh580 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 580px;
}

.i-mxh590 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 590px;
}

.i-mxh600 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 600px;
}

.i-mxh610 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 610px;
}

.i-mxh620 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 620px;
}

.i-mxh630 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 630px;
}

.i-mxh640 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 640px;
}

.i-mxh650 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 650px;
}

.i-mxh660 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 660px;
}

.i-mxh670 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 670px;
}

.i-mxh680 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 680px;
}

.i-mxh690 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 690px;
}

.i-mxh700 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 700px;
}

.i-mxh710 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 710px;
}

.i-mxh720 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 720px;
}

.i-mxh730 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 730px;
}

.i-mxh740 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 740px;
}

.i-mxh750 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 750px;
}

.i-mxh760 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 760px;
}

.i-mxh770 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 770px;
}

.i-mxh780 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 780px;
}

.i-mxh790 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 790px;
}

.i-mxh800 > .t-Region-bodyWrap > .t-Region-body {
  max-height: 800px;
}

@media only screen and (max-width: 567px) {
  .t-Region-bodyWrap > .t-Region-body {
    max-height: none !important;
  }
}

/* ==========================================================================
   width Utility Classes
   ========================================================================== */
/**
 * Increment by .625rem
 * Max width: mxw[width]
 * Min width: mnw[width]
 * width: w[width]
 */
/* ==========================================================================
    width Modifier
    ---
    Example:
    .h200 will set the width to 200px
    ========================================================================== */
.w10 {
  width: 10px;
}

.w20 {
  width: 20px;
}

.w30 {
  width: 30px;
}

.w40 {
  width: 40px;
}

.w50 {
  width: 50px;
}

.w60 {
  width: 60px;
}

.w70 {
  width: 70px;
}

.w80 {
  width: 80px;
}

.w90 {
  width: 90px;
}

.w100 {
  width: 100px;
}

.w110 {
  width: 110px;
}

.w120 {
  width: 120px;
}

.w130 {
  width: 130px;
}

.w140 {
  width: 140px;
}

.w150 {
  width: 150px;
}

.w160 {
  width: 160px;
}

.w170 {
  width: 170px;
}

.w180 {
  width: 180px;
}

.w190 {
  width: 190px;
}

.w200 {
  width: 200px;
}

.w210 {
  width: 210px;
}

.w220 {
  width: 220px;
}

.w230 {
  width: 230px;
}

.w240 {
  width: 240px;
}

.w250 {
  width: 250px;
}

.w260 {
  width: 260px;
}

.w270 {
  width: 270px;
}

.w280 {
  width: 280px;
}

.w290 {
  width: 290px;
}

.w300 {
  width: 300px;
}

.w310 {
  width: 310px;
}

.w320 {
  width: 320px;
}

.w330 {
  width: 330px;
}

.w340 {
  width: 340px;
}

.w350 {
  width: 350px;
}

.w360 {
  width: 360px;
}

.w370 {
  width: 370px;
}

.w380 {
  width: 380px;
}

.w390 {
  width: 390px;
}

.w400 {
  width: 400px;
}

.w410 {
  width: 410px;
}

.w420 {
  width: 420px;
}

.w430 {
  width: 430px;
}

.w440 {
  width: 440px;
}

.w450 {
  width: 450px;
}

.w460 {
  width: 460px;
}

.w470 {
  width: 470px;
}

.w480 {
  width: 480px;
}

.w490 {
  width: 490px;
}

.w500 {
  width: 500px;
}

.w510 {
  width: 510px;
}

.w520 {
  width: 520px;
}

.w530 {
  width: 530px;
}

.w540 {
  width: 540px;
}

.w550 {
  width: 550px;
}

.w560 {
  width: 560px;
}

.w570 {
  width: 570px;
}

.w580 {
  width: 580px;
}

.w590 {
  width: 590px;
}

.w600 {
  width: 600px;
}

.w610 {
  width: 610px;
}

.w620 {
  width: 620px;
}

.w630 {
  width: 630px;
}

.w640 {
  width: 640px;
}

.w650 {
  width: 650px;
}

.w660 {
  width: 660px;
}

.w670 {
  width: 670px;
}

.w680 {
  width: 680px;
}

.w690 {
  width: 690px;
}

.w700 {
  width: 700px;
}

.w710 {
  width: 710px;
}

.w720 {
  width: 720px;
}

.w730 {
  width: 730px;
}

.w740 {
  width: 740px;
}

.w750 {
  width: 750px;
}

.w760 {
  width: 760px;
}

.w770 {
  width: 770px;
}

.w780 {
  width: 780px;
}

.w790 {
  width: 790px;
}

.w800 {
  width: 800px;
}

.mnw10 {
  min-width: 10px;
}

.mnw20 {
  min-width: 20px;
}

.mnw30 {
  min-width: 30px;
}

.mnw40 {
  min-width: 40px;
}

.mnw50 {
  min-width: 50px;
}

.mnw60 {
  min-width: 60px;
}

.mnw70 {
  min-width: 70px;
}

.mnw80 {
  min-width: 80px;
}

.mnw90 {
  min-width: 90px;
}

.mnw100 {
  min-width: 100px;
}

.mnw110 {
  min-width: 110px;
}

.mnw120 {
  min-width: 120px;
}

.mnw130 {
  min-width: 130px;
}

.mnw140 {
  min-width: 140px;
}

.mnw150 {
  min-width: 150px;
}

.mnw160 {
  min-width: 160px;
}

.mnw170 {
  min-width: 170px;
}

.mnw180 {
  min-width: 180px;
}

.mnw190 {
  min-width: 190px;
}

.mnw200 {
  min-width: 200px;
}

.mnw210 {
  min-width: 210px;
}

.mnw220 {
  min-width: 220px;
}

.mnw230 {
  min-width: 230px;
}

.mnw240 {
  min-width: 240px;
}

.mnw250 {
  min-width: 250px;
}

.mnw260 {
  min-width: 260px;
}

.mnw270 {
  min-width: 270px;
}

.mnw280 {
  min-width: 280px;
}

.mnw290 {
  min-width: 290px;
}

.mnw300 {
  min-width: 300px;
}

.mnw310 {
  min-width: 310px;
}

.mnw320 {
  min-width: 320px;
}

.mnw330 {
  min-width: 330px;
}

.mnw340 {
  min-width: 340px;
}

.mnw350 {
  min-width: 350px;
}

.mnw360 {
  min-width: 360px;
}

.mnw370 {
  min-width: 370px;
}

.mnw380 {
  min-width: 380px;
}

.mnw390 {
  min-width: 390px;
}

.mnw400 {
  min-width: 400px;
}

.mnw410 {
  min-width: 410px;
}

.mnw420 {
  min-width: 420px;
}

.mnw430 {
  min-width: 430px;
}

.mnw440 {
  min-width: 440px;
}

.mnw450 {
  min-width: 450px;
}

.mnw460 {
  min-width: 460px;
}

.mnw470 {
  min-width: 470px;
}

.mnw480 {
  min-width: 480px;
}

.mnw490 {
  min-width: 490px;
}

.mnw500 {
  min-width: 500px;
}

.mnw510 {
  min-width: 510px;
}

.mnw520 {
  min-width: 520px;
}

.mnw530 {
  min-width: 530px;
}

.mnw540 {
  min-width: 540px;
}

.mnw550 {
  min-width: 550px;
}

.mnw560 {
  min-width: 560px;
}

.mnw570 {
  min-width: 570px;
}

.mnw580 {
  min-width: 580px;
}

.mnw590 {
  min-width: 590px;
}

.mnw600 {
  min-width: 600px;
}

.mnw610 {
  min-width: 610px;
}

.mnw620 {
  min-width: 620px;
}

.mnw630 {
  min-width: 630px;
}

.mnw640 {
  min-width: 640px;
}

.mnw650 {
  min-width: 650px;
}

.mnw660 {
  min-width: 660px;
}

.mnw670 {
  min-width: 670px;
}

.mnw680 {
  min-width: 680px;
}

.mnw690 {
  min-width: 690px;
}

.mnw700 {
  min-width: 700px;
}

.mnw710 {
  min-width: 710px;
}

.mnw720 {
  min-width: 720px;
}

.mnw730 {
  min-width: 730px;
}

.mnw740 {
  min-width: 740px;
}

.mnw750 {
  min-width: 750px;
}

.mnw760 {
  min-width: 760px;
}

.mnw770 {
  min-width: 770px;
}

.mnw780 {
  min-width: 780px;
}

.mnw790 {
  min-width: 790px;
}

.mnw800 {
  min-width: 800px;
}

.mxw10 {
  max-width: 10px;
}

.mxw20 {
  max-width: 20px;
}

.mxw30 {
  max-width: 30px;
}

.mxw40 {
  max-width: 40px;
}

.mxw50 {
  max-width: 50px;
}

.mxw60 {
  max-width: 60px;
}

.mxw70 {
  max-width: 70px;
}

.mxw80 {
  max-width: 80px;
}

.mxw90 {
  max-width: 90px;
}

.mxw100 {
  max-width: 100px;
}

.mxw110 {
  max-width: 110px;
}

.mxw120 {
  max-width: 120px;
}

.mxw130 {
  max-width: 130px;
}

.mxw140 {
  max-width: 140px;
}

.mxw150 {
  max-width: 150px;
}

.mxw160 {
  max-width: 160px;
}

.mxw170 {
  max-width: 170px;
}

.mxw180 {
  max-width: 180px;
}

.mxw190 {
  max-width: 190px;
}

.mxw200 {
  max-width: 200px;
}

.mxw210 {
  max-width: 210px;
}

.mxw220 {
  max-width: 220px;
}

.mxw230 {
  max-width: 230px;
}

.mxw240 {
  max-width: 240px;
}

.mxw250 {
  max-width: 250px;
}

.mxw260 {
  max-width: 260px;
}

.mxw270 {
  max-width: 270px;
}

.mxw280 {
  max-width: 280px;
}

.mxw290 {
  max-width: 290px;
}

.mxw300 {
  max-width: 300px;
}

.mxw310 {
  max-width: 310px;
}

.mxw320 {
  max-width: 320px;
}

.mxw330 {
  max-width: 330px;
}

.mxw340 {
  max-width: 340px;
}

.mxw350 {
  max-width: 350px;
}

.mxw360 {
  max-width: 360px;
}

.mxw370 {
  max-width: 370px;
}

.mxw380 {
  max-width: 380px;
}

.mxw390 {
  max-width: 390px;
}

.mxw400 {
  max-width: 400px;
}

.mxw410 {
  max-width: 410px;
}

.mxw420 {
  max-width: 420px;
}

.mxw430 {
  max-width: 430px;
}

.mxw440 {
  max-width: 440px;
}

.mxw450 {
  max-width: 450px;
}

.mxw460 {
  max-width: 460px;
}

.mxw470 {
  max-width: 470px;
}

.mxw480 {
  max-width: 480px;
}

.mxw490 {
  max-width: 490px;
}

.mxw500 {
  max-width: 500px;
}

.mxw510 {
  max-width: 510px;
}

.mxw520 {
  max-width: 520px;
}

.mxw530 {
  max-width: 530px;
}

.mxw540 {
  max-width: 540px;
}

.mxw550 {
  max-width: 550px;
}

.mxw560 {
  max-width: 560px;
}

.mxw570 {
  max-width: 570px;
}

.mxw580 {
  max-width: 580px;
}

.mxw590 {
  max-width: 590px;
}

.mxw600 {
  max-width: 600px;
}

.mxw610 {
  max-width: 610px;
}

.mxw620 {
  max-width: 620px;
}

.mxw630 {
  max-width: 630px;
}

.mxw640 {
  max-width: 640px;
}

.mxw650 {
  max-width: 650px;
}

.mxw660 {
  max-width: 660px;
}

.mxw670 {
  max-width: 670px;
}

.mxw680 {
  max-width: 680px;
}

.mxw690 {
  max-width: 690px;
}

.mxw700 {
  max-width: 700px;
}

.mxw710 {
  max-width: 710px;
}

.mxw720 {
  max-width: 720px;
}

.mxw730 {
  max-width: 730px;
}

.mxw740 {
  max-width: 740px;
}

.mxw750 {
  max-width: 750px;
}

.mxw760 {
  max-width: 760px;
}

.mxw770 {
  max-width: 770px;
}

.mxw780 {
  max-width: 780px;
}

.mxw790 {
  max-width: 790px;
}

.mxw800 {
  max-width: 800px;
}

.w0p {
  width: 0%;
}

.w5p {
  width: 5%;
}

.w10p {
  width: 10%;
}

.w15p {
  width: 15%;
}

.w20p {
  width: 20%;
}

.w25p {
  width: 25%;
}

.w30p {
  width: 30%;
}

.w35p {
  width: 35%;
}

.w40p {
  width: 40%;
}

.w45p {
  width: 45%;
}

.w50p {
  width: 50%;
}

.w55p {
  width: 55%;
}

.w60p {
  width: 60%;
}

.w65p {
  width: 65%;
}

.w70p {
  width: 70%;
}

.w75p {
  width: 75%;
}

.w80p {
  width: 80%;
}

.w85p {
  width: 85%;
}

.w90p {
  width: 90%;
}

.w95p {
  width: 95%;
}

.w100p {
  width: 100%;
}

/* ==========================================================================
   Margin Utility Classes
   ========================================================================== */
.margin-sm {
  margin: 0.5rem !important;
}

.margin-top-sm {
  -webkit-margin-before: 0.5rem !important;
          margin-block-start: 0.5rem !important;
}

.margin-left-sm {
  -webkit-margin-start: 0.5rem !important;
          margin-inline-start: 0.5rem !important;
}

.margin-right-sm {
  -webkit-margin-end: 0.5rem !important;
          margin-inline-end: 0.5rem !important;
}

.margin-bottom-sm {
  -webkit-margin-after: 0.5rem !important;
          margin-block-end: 0.5rem !important;
}

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

.margin-top-md {
  -webkit-margin-before: 1rem !important;
          margin-block-start: 1rem !important;
}

.margin-left-md {
  -webkit-margin-start: 1rem !important;
          margin-inline-start: 1rem !important;
}

.margin-right-md {
  -webkit-margin-end: 1rem !important;
          margin-inline-end: 1rem !important;
}

.margin-bottom-md {
  -webkit-margin-after: 1rem !important;
          margin-block-end: 1rem !important;
}

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

.margin-top-lg {
  -webkit-margin-before: 2rem !important;
          margin-block-start: 2rem !important;
}

.margin-left-lg {
  -webkit-margin-start: 2rem !important;
          margin-inline-start: 2rem !important;
}

.margin-right-lg {
  -webkit-margin-end: 2rem !important;
          margin-inline-end: 2rem !important;
}

.margin-bottom-lg {
  -webkit-margin-after: 2rem !important;
          margin-block-end: 2rem !important;
}

.margin-none {
  margin: 0 !important;
}

.margin-top-none {
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
}

.margin-left-none {
  -webkit-margin-start: 0 !important;
          margin-inline-start: 0 !important;
}

.margin-right-none {
  -webkit-margin-end: 0 !important;
          margin-inline-end: 0 !important;
}

.margin-bottom-none {
  -webkit-margin-after: 0 !important;
          margin-block-end: 0 !important;
}

.margin-auto {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}

/* ==========================================================================
   Border Radius Utility Classes
   ========================================================================== */
.rounded, .rounded-md {
  border-radius: var(--ut-border-radius, 0.25rem) !important;
}
.rounded-sm {
  --ut-border-radius: var(--ut-border-radius-sm, .125rem);
}
.rounded-lg {
  --ut-border-radius: var(--ut-border-radius-lg, .5rem);
}

.rounded-top, .rounded-top-md {
  border-top-left-radius: var(--ut-border-radius, 0.25rem) !important;
  border-top-right-radius: var(--ut-border-radius, 0.25rem) !important;
}
.rounded-top-sm {
  --ut-border-radius: var(--ut-border-radius-sm, .125rem);
}
.rounded-top-lg {
  --ut-border-radius: var(--ut-border-radius-lg, .5rem);
}

.rounded-right, .rounded-right-md {
  border-top-right-radius: var(--ut-border-radius, 0.25rem) !important;
  border-bottom-right-radius: var(--ut-border-radius, 0.25rem) !important;
}
.rounded-right-sm {
  --ut-border-radius: var(--ut-border-radius-sm, .125rem);
}
.rounded-right-lg {
  --ut-border-radius: var(--ut-border-radius-lg, .5rem);
}

.rounded-bottom, .rounded-bottom-md {
  border-bottom-right-radius: var(--ut-border-radius, 0.25rem) !important;
  border-bottom-left-radius: var(--ut-border-radius, 0.25rem) !important;
}
.rounded-bottom-sm {
  --ut-border-radius: var(--ut-border-radius-sm, .125rem);
}
.rounded-bottom-lg {
  --ut-border-radius: var(--ut-border-radius-lg, .5rem);
}

.rounded-left, .rounded-left-md {
  border-top-left-radius: var(--ut-border-radius, 0.25rem) !important;
  border-bottom-left-radius: var(--ut-border-radius, 0.25rem) !important;
}
.rounded-left-sm {
  --ut-border-radius: var(--ut-border-radius-sm, .125rem);
}
.rounded-left-lg {
  --ut-border-radius: var(--ut-border-radius-lg, .5rem);
}

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

.rounded-full {
  border-radius: 9999px !important;
}

.rounded-none,
.rounded-0 {
  border-radius: 0 !important;
}

/* ==========================================================================
   Padding Utility Classes
   ========================================================================== */
.padding-sm {
  padding: 0.5rem !important;
}

.padding-top-sm {
  -webkit-padding-before: 0.5rem !important;
          padding-block-start: 0.5rem !important;
}

.padding-left-sm {
  -webkit-padding-start: 0.5rem !important;
          padding-inline-start: 0.5rem !important;
}

.padding-right-sm {
  -webkit-padding-end: 0.5rem !important;
          padding-inline-end: 0.5rem !important;
}

.padding-bottom-sm {
  -webkit-padding-after: 0.5rem !important;
          padding-block-end: 0.5rem !important;
}

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

.padding-top-md {
  -webkit-padding-before: 1rem !important;
          padding-block-start: 1rem !important;
}

.padding-left-md {
  -webkit-padding-start: 1rem !important;
          padding-inline-start: 1rem !important;
}

.padding-right-md {
  -webkit-padding-end: 1rem !important;
          padding-inline-end: 1rem !important;
}

.padding-bottom-md {
  -webkit-padding-after: 1rem !important;
          padding-block-end: 1rem !important;
}

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

.padding-top-lg {
  -webkit-padding-before: 2rem !important;
          padding-block-start: 2rem !important;
}

.padding-left-lg {
  -webkit-padding-start: 2rem !important;
          padding-inline-start: 2rem !important;
}

.padding-right-lg {
  -webkit-padding-end: 2rem !important;
          padding-inline-end: 2rem !important;
}

.padding-bottom-lg {
  -webkit-padding-after: 2rem !important;
          padding-block-end: 2rem !important;
}

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

.padding-top-none {
  -webkit-padding-before: 0 !important;
          padding-block-start: 0 !important;
}

.padding-left-none {
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
}

.padding-right-none {
  -webkit-padding-end: 0 !important;
          padding-inline-end: 0 !important;
}

.padding-bottom-none {
  -webkit-padding-after: 0 !important;
          padding-block-end: 0 !important;
}

/* ==========================================================================
    Responsive Utilities
    ---
    xs <    768px
    sm >=   768px
    md >=   992px
    lg >=  1200px
    ========================================================================== */
.visible-xxs,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 639px) {
  .visible-xxs {
    display: block !important;
  }

  table.visible-xxs {
    display: table;
  }

  tr.visible-xxs {
    display: table-row !important;
  }

  th.visible-xxs,
td.visible-xxs {
    display: table-cell !important;
  }

  .visible-xxs-block {
    display: block !important;
  }

  .visible-xxs-inline {
    display: inline !important;
  }

  .visible-xxs-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }

  .visible-xs-block {
    display: block !important;
  }

  .visible-xs-inline {
    display: inline !important;
  }

  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }

  .visible-sm-block {
    display: block !important;
  }

  .visible-sm-inline {
    display: inline !important;
  }

  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }

  .visible-md-block {
    display: block !important;
  }

  .visible-md-inline {
    display: inline !important;
  }

  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }

  .visible-lg-block {
    display: block !important;
  }

  .visible-lg-inline {
    display: inline !important;
  }

  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 639px) {
  .hidden-xxs {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

/******************************************************************************
  Mobile Devices (Portrait Landscape)
  ******************************************************************************/
@media (max-width: 767px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
/* *****************************************************************************
  Tablet Device (Portrait)
  ******************************************************************************/
@media (min-width: 768px) and (max-width: 991px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}
/* Bootstrap Based Hidden Utilities
   ========================================================================== */
.hidden-xxs-up {
  display: none !important;
}

@media (max-width: 639px) {
  .hidden-xxs-down {
    display: none !important;
  }
}
@media (min-width: 640px) {
  .hidden-xs-up {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg-up {
    display: none !important;
  }
}
.hidden-lg-down {
  display: none !important;
}

/* ==========================================================================
   Table Layout for Divs
   ========================================================================== */
.u-Table {
  display: table;
  margin: 0;
  padding: 0;
  table-layout: auto;
  width: 100%;
}

.u-Table-fill,
.u-Table-fit {
  display: table-cell;
  padding: 0;
  vertical-align: top;
}

.u-Table-fill {
  width: 100%;
}

.u-Table--middle .u-Table-fill,
.u-Table--middle .u-Table-fit {
  vertical-align: middle;
}

.u-Table--bottom .u-Table-fill,
.u-Table--bottom .u-Table-fit {
  vertical-align: bottom;
}

.u-Table--equal {
  table-layout: fixed;
}

.u-Table--equal > .u-Table-fill,
.u-Table--equal > .u-Table-fit {
  width: auto;
}

.u-Table--withBorder > .u-Table-fit, .u-Table--withBorder > .u-Table-fill {
  border-left-width: var(--ut-table-border-width, 1px);
  border-left-style: solid;
  border-left-color: var(--ut-table-border-color, #f0f0f0);
}
.u-Table--withBorder > .u-Table-fit:first-child, .u-Table--withBorder > .u-Table-fill:first-child {
  --ut-table-border-width: 0px;
}

/* ==========================================================================
   Flexbox Utility Classes
   ========================================================================== */
.u-flex {
  display: flex !important;
}

.u-inline-flex {
  display: inline-flex !important;
}

.u-flex-item {
  flex: auto;
}

.u-flex-direction-column {
  flex-direction: column !important;
}

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

.u-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.u-flex-basis-auto {
  flex-basis: auto !important;
}

.u-flex-basis-0 {
  flex-basis: 0 !important;
}

.u-flex-basis-100 {
  flex-basis: 100% !important;
}

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

.u-flex-grow-0 {
  flex-grow: 0 !important;
}

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

.u-flex-shrink-0 {
  flex-shrink: 0 !important;
}

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

.u-order-1 {
  order: 1 !important;
}

.u-order-2 {
  order: 2 !important;
}

.u-order-3 {
  order: 3 !important;
}

.u-order-4 {
  order: 4 !important;
}

.u-order-5 {
  order: 5 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-align-self-start {
  align-self: start !important;
}

.u-align-self-end {
  align-self: end !important;
}

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

/* ==========================================================================
   Typography Utilities
   ========================================================================== */
.u-lineclamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.u-lineclamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.u-lineclamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.u-lineclamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
}
.u-lineclamp-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
}

/* ==========================================================================
   Opacity Utility Classes
   ========================================================================== */
.u-opacity-0 {
  opacity: 0;
}

.u-opacity-5 {
  opacity: 0.05;
}

.u-opacity-10 {
  opacity: 0.1;
}

.u-opacity-15 {
  opacity: 0.15;
}

.u-opacity-20 {
  opacity: 0.2;
}

.u-opacity-25 {
  opacity: 0.25;
}

.u-opacity-30 {
  opacity: 0.3;
}

.u-opacity-35 {
  opacity: 0.35;
}

.u-opacity-40 {
  opacity: 0.4;
}

.u-opacity-45 {
  opacity: 0.45;
}

.u-opacity-50 {
  opacity: 0.5;
}

.u-opacity-55 {
  opacity: 0.55;
}

.u-opacity-60 {
  opacity: 0.6;
}

.u-opacity-65 {
  opacity: 0.65;
}

.u-opacity-70 {
  opacity: 0.7;
}

.u-opacity-75 {
  opacity: 0.75;
}

.u-opacity-80 {
  opacity: 0.8;
}

.u-opacity-85 {
  opacity: 0.85;
}

.u-opacity-90 {
  opacity: 0.9;
}

.u-opacity-95 {
  opacity: 0.95;
}

.u-opacity-100 {
  opacity: 1;
}

/* ==========================================================================
   Resize Utility Classes
   ========================================================================== */
.u-resize {
  resize: both;
  overflow: auto;
}

.u-resize-vertical {
  resize: vertical;
  overflow: auto;
}

.u-resize-horizontal {
  resize: horizontal;
  overflow: auto;
}

/* ==========================================================================
   jQuery UI
   ========================================================================== */
.ui-datepicker {
  z-index: 99999 !important;
  font-size: var(--jui-datepicker-font-size, 0.6875rem);
}
.ui-datepicker th {
  color: var(--jui-datepicker-header, var(--ut-component-text-muted-color));
  border-bottom-style: solid;
  border-bottom-width: var(--jui-datepicker-border-width, 1px);
  border-bottom-color: var(--ut-datepicker-border-color, var(--ut-component-border-color));
  -webkit-padding-before: var(--jui-datepicker-padding-y, 0.5rem);
          padding-block-start: var(--jui-datepicker-padding-y, 0.5rem);
  -webkit-padding-end: var(--jui-datepicker-padding-x, 0.5rem);
          padding-inline-end: var(--jui-datepicker-padding-x, 0.5rem);
  -webkit-padding-after: var(--jui-datepicker-padding-y, 0.5rem);
          padding-block-end: var(--jui-datepicker-padding-y, 0.5rem);
  -webkit-padding-start: var(--jui-datepicker-padding-x, 0.5rem);
          padding-inline-start: var(--jui-datepicker-padding-x, 0.5rem);
}
.ui-datepicker .ui-datepicker-title {
  font-size: var(--jui-datepicker-title-font-size, 1rem);
  font-weight: var(--a-base-font-weight-semibold, 500);
}
.ui-datepicker .ui-state-default {
  width: var(--jui-datepicker-date-size, 2rem);
  height: var(--jui-datepicker-date-size, 2rem);
  margin: var(--jui-datepicker-date-margin, 0.125rem);
  line-height: var(--jui-datepicker-date-size, 2rem);
  border-radius: var(--jui-datepicker-date-border-radius, 1.5rem);
  background-color: var(--jui-datepicker-date-background-color, transparent);
  color: var(--jui-datepicker-date-color, inherit);
  transition: var(--jui-datepicker-date-transition, background-color 0.1s, color 0.1s);
}
.ui-datepicker .ui-state-default:focus {
  outline: 0;
  box-shadow: var(--jui-datepicker-date-focus-box-shadow, 35 0 0 1px #0076df inset, 0 0 1px 2px rgba(0, 118, 223, 0.25)) !important;
}
.ui-datepicker .ui-datepicker-current,
.ui-datepicker .ui-datepicker-close {
  --jui-datepicker-date-size: auto !important;
  --jui-datepicker-date-margin: .125rem;
  --jui-datepicker-date-size: 1.25rem;
  --jui-datepicker-date-border-radius: var(--a-button-border-radius);
  border-width: var(--a-button-border-width, 1px);
  border-color: var(--a-button-border-color);
  border-style: solid;
  border-radius: var(--a-button-border-radius, 0.125rem);
  box-shadow: none;
}
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-state-active {
  font-weight: var(--a-base-font-weight-bold, 700);
}
.ui-datepicker .ui-state-hover {
  --jui-datepicker-date-background-color: var(--ut-component-inner-border-color, #f2f2f2);
  --jui-datepicker-date-color: var(--ut-component-text-default-color, #262626);
}
.ui-datepicker .ui-state-highlight {
  --jui-datepicker-date-background-color: var(--ut-component-border-color, #ebebeb);
  --jui-datepicker-date-color: var(--ut-component-text-default-color, #262626);
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-active.ui.state-hover {
  --jui-datepicker-date-background-color: var(--ut-palette-primary, var(--a-palette-primary));
  --jui-datepicker-date-color: var(--ut-palette-primary-contrast, var(--a-palette-primary-contrast));
  font-size: var(--jui-datepicker-active-font-size, 0.875rem);
}
.ui-datepicker .spanTime table {
  table-layout: auto;
}
.ui-datepicker .spanTime td {
  white-space: nowrap;
}
.ui-datepicker .datetimepicker_newMonth {
  font-size: var(--a-field-input-font-size, 0.75rem) !important;
  margin: 0.125rem !important;
}

/* ==========================================================================
   Oracle JET
   ========================================================================== */
/* Chart Font Sizes
   ========================================================================== */
.oj-html {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-chart-data-label {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-chart-footnote {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-chart-pie-center-label,
.oj-chart-xaxis-title,
.oj-chart-yaxis-title,
.oj-chart-y2axis-title {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-chart-stack-label {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-chart-subtitle {
  font-size: var(--ut-ojet-medium-font-size, 1rem);
}

.oj-chart-title {
  font-size: var(--ut-ojet-medium-font-size, 1rem);
}

.oj-chart-xaxis-tick-label,
.oj-chart-yaxis-tick-label,
.oj-chart-y2axis-tick-label {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-dvt-datatip {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-dvt-tooltip {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-legend {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-legend-hover {
  fill: var(--ut-component-highlight-background-color);
}

.oj-legend-section-title {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-legend-title {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-timeline-major-axis-label {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-timeline-minor-axis-label {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-treemap {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-treemap-attribute-type-text {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-treemap-attribute-value-text {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-treemap-current-text {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-treemap-node {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-treemap-node-header {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-sunburst {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-sunburst-attribute-type-text {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-sunburst-attribute-value-text {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-sunburst-current-text {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-sunburst-node {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-diagram-link-label {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-diagram-node-label {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

/* Gantt Chart
     ========================================================================== */
.oj-gantt-no-data-message {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-gantt-row-label {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-gantt-task-label {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-gantt-major-axis-label {
  font-size: var(--ut-ojet-font-size, 0.875rem);
}

.oj-gantt-minor-axis-label {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

.oj-gantt-tooltip-label {
  font-size: var(--ut-ojet-small-font-size, 0.75rem);
}

/* SVG Inline Scroll Issue
     ========================================================================== */
.oj-dvtbase svg,
.oj-chart svg {
  display: block;
  fill: currentColor;
}

/* Set Chart Colors
     ========================================================================== */
.oj-dvt-category1 {
  color: var(--u-color-1);
}

.oj-dvt-category2 {
  color: var(--u-color-4);
}

.oj-dvt-category3 {
  color: var(--u-color-7);
}

.oj-dvt-category4 {
  color: var(--u-color-9);
}

.oj-dvt-category5 {
  color: var(--u-color-12);
}

.oj-dvt-category6 {
  color: var(--u-color-3);
}

.oj-dvt-category7 {
  color: var(--u-color-8);
}

.oj-dvt-category8 {
  color: var(--u-color-10);
}

.oj-dvt-category9 {
  color: var(--u-color-2);
}

.oj-dvt-category10 {
  color: var(--u-color-5);
}

.oj-dvt-category11 {
  color: var(--u-color-11);
}

.oj-dvt-category12 {
  color: var(--u-color-6);
}

/* Gantt Chart Overrides
   ========================================================================== */
.oj-gantt-task-bar.oj-gantt-task-progress-container {
  stroke: var(--u-color, var(--oj-private-gantt-task-bg-color));
}

/* ==========================================================================
   CKEditor
   ========================================================================== */
/* Legacy CKEditor
   ========================================================================== */
.apex-item-wrapper--rich-text-editor .cke_chrome {
  max-width: 100%;
  box-shadow: none;
  overflow-x: hidden;
  border-radius: var(--a-field-input-border-radius, var(--ut-component-border-radius));
}
.apex-item-wrapper--rich-text-editor .cke_top,
.apex-item-wrapper--rich-text-editor .cke_bottom,
.apex-item-wrapper--rich-text-editor .cke_toolgroup,
.apex-item-wrapper--rich-text-editor .cke_toolbar_separator,
.apex-item-wrapper--rich-text-editor a.cke_button_off:hover,
.apex-item-wrapper--rich-text-editor a.cke_button_off:focus,
.apex-item-wrapper--rich-text-editor a.cke_button_off:active,
.apex-item-wrapper--rich-text-editor a.cke_button_disabled:hover,
.apex-item-wrapper--rich-text-editor a.cke_button_disabled:focus,
.apex-item-wrapper--rich-text-editor a.cke_button_disabled:active {
  background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
  filter: none;
  box-shadow: none;
}

/* CKEditor v5
   ========================================================================== */
body {
  --ck-color-base-text: var(--ut-body-text-color);
  --ck-color-text: var(--ck-color-base-text);
  --ck-color-toolbar-border: var(--a-toolbar-border-color);
  --ck-color-toolbar-background: var(--a-toolbar-background-color);
  --ck-color-button-save: var(--a-palette-success);
  --ck-color-button-cancel: var(--a-palette-danger);
  --ck-color-base-focus: var(--a-field-input-focus-border-color);
  --ck-color-panel-background: var(--a-toolbar-background-color);
  --ck-color-panel-border: var(--a-toolbar-border-color);
  --ck-color-labeled-field-label-background: var(--a-toolbar-background-color);
  --ck-color-button-default-background: transparent;
  --ck-color-button-default-hover-background: var(--a-button-hover-background-color);
  --ck-color-button-default-active-background: var(--a-button-active-background-color);
  --ck-color-button-default-active-shadow: var(--a-button-active-shadow);
  --ck-color-button-default-disabled-background: transparent;
  --ck-color-button-on-background: var(--a-button-hover-background-color);
  --ck-color-button-on-hover-background: var(--a-button-hover-background-color);
  --ck-color-button-on-active-background: var(--a-button-active-background-color);
  --ck-color-button-on-active-shadow: var(--a-button-active-shadow);
  --ck-color-button-on-disabled-background: transparent;
  --ck-color-list-background: var(--a-menu-background-color);
  --ck-color-dropdown-panel-background: var(--a-menu-background-color);
  --ck-color-dropdown-panel-border: var(--a-menu-border-color);
  --ck-drop-shadow: var(--a-menu-shadow);
  --ck-color-list-button-hover-background: var(--a-menu-focused-background-color);
  --ck-color-list-button-on-background: var(--a-menu-focused-background-color);
  --ck-color-list-button-on-text: var(--a-menu-focused-text-color);
}
body .ck.ck-input-text,
body .ck.ck-editor__main > .ck-editor__editable {
  color: var(--a-field-input-state-text-color, var(--a-field-input-text-color));
  background: var(--a-field-input-state-background-color, var(--a-field-input-background-color));
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  box-shadow: var(--a-field-input-state-shadow, var(--a-field-input-shadow));
}
body .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border-color: var(--a-field-input-state-border-color, var(--a-field-input-border-color));
}
body .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  --a-field-input-state-border-color: var(--a-field-input-focus-border-color);
  box-shadow: var(--a-field-input-state-shadow, var(--a-field-input-shadow));
  border-color: var(--a-field-input-state-border-color, var(--a-field-input-border-color));
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}
body .ck.ck-dropdown__panel {
  border-radius: var(--a-menu-border-radius, 0.25rem);
  border-color: var(--a-menu-border-color);
  border-width: var(--a-menu-border-width, 1px);
  border-style: solid;
  color: var(--a-menu-text-color);
  background-color: var(--a-menu-background-color);
  box-shadow: var(--a-menu-shadow);
}
body .ck.ck-dropdown__panel .ck-list {
  --ck-border-radius: 0;
  padding: var(--a-menu-padding-y, 0.5rem) var(--a-menu-padding-x, 0);
  background-color: transparent;
}
body .ck.ck-list__item .ck-button:hover:not(.ck-disabled) {
  color: var(--a-menu-focused-text-color);
}

/* ==========================================================================
   TinyMCE
   ========================================================================== */
:root {
  --tm-color-text: var(--ut-body-text-color);
  --tm-color-toolbar-border: var(--a-toolbar-border-color);
  --tm-color-toolbar-background: var(--a-toolbar-background-color);
  --tm-color-base-focus: var(--a-field-input-focus-border-color);
  --tm-color-panel-background: var(--a-toolbar-background-color);
  --tm-color-panel-border: var(--a-toolbar-border-color);
  --tm-color-button-default-background: transparent;
  --tm-color-button-default-hover-background: var(--a-button-hover-background-color);
  --tm-color-button-on-background: var(--a-button-hover-background-color);
  --tm-color-list-background: var(--a-menu-background-color);
  --tm-color-list-button-on-background: var(--a-menu-focused-background-color);
  --tm-color-list-button-on-text: var(--a-menu-focused-text-color);
  --tm-border-radius: var(--ut-border-radius, 2px);
  --tm-min-block-size: 11.25rem;
}

.tox-tinymce {
  border: none;
  border-radius: var(--tm-border-radius, 10px);
  font-family: var(--a-base-font-family);
  overflow: unset;
}
.dialog .tox-tinymce {
  border-radius: 0;
}
.a-rich-text-editor--dialog .tox-tinymce {
  border: 0;
}

.tox .tox-toolbar-label {
  color: var(--tm-color-text, #222f3e);
}
.tox .tox-editor-header {
  border-top-left-radius: var(--tm-border-radius, 10px);
  border-top-right-radius: var(--tm-border-radius, 10px);
}
.tox:not(.tox-tinymce-inline) .tox-editor-header,
.tox .tox-toolbar-overlord,
.tox .tox-toolbar,
.tox .tox-toolbar__primary,
.tox .tox-toolbar__overflow {
  background-color: var(--tm-color-toolbar-background, #fff);
}
.tox .tox-toolbar-overlord > .tox-toolbar,
.tox .tox-toolbar-overlord > .tox-toolbar__primary,
.tox .tox-toolbar-overlord > .tox-toolbar__overflow {
  background-image: none;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
  border-inline: 1px solid var(--tm-color-toolbar-border, #eeeeee);
  -webkit-border-before: 1px solid var(--tm-color-toolbar-border, #eeeeee);
          border-block-start: 1px solid var(--tm-color-toolbar-border, #eeeeee);
  box-shadow: none;
  overflow: hidden;
}
.tox .tox-tbtn--bespoke {
  background: var(--tm-color-toolbar-background, #f7f7f7);
  color: var(--tm-color-text, #222f3e);
}
.tox .tox-swatches__picker-btn,
.tox .tox-tbtn {
  cursor: pointer;
}
.tox .tox-swatches__picker-btn svg,
.tox .tox-tbtn svg {
  fill: var(--tm-color-text, #000);
}
.tox .tox-swatches__picker-btn:hover,
.tox .tox-tbtn:hover {
  background: var(--tm-color-button-default-hover-background);
  color: var(--tm-color-text, #222f3e);
}
.tox .tox-swatches__picker-btn:hover svg,
.tox .tox-tbtn:hover svg {
  fill: var(--tm-color-text, #000);
}
.tox .tox-swatches__picker-btn:active, .tox .tox-swatches__picker-btn:focus, .tox .tox-swatches__picker-btn:focus:not(.tox-tbtn--disabled), .tox .tox-swatches__picker-btn--enabled, .tox .tox-swatches__picker-btn--enabled:hover,
.tox .tox-tbtn:active,
.tox .tox-tbtn:focus,
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled),
.tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover {
  background: var(--tm-color-button-on-background);
  color: var(--tm-color-text, #222f3e);
}
.tox .tox-swatches__picker-btn:active svg, .tox .tox-swatches__picker-btn:focus svg, .tox .tox-swatches__picker-btn:focus:not(.tox-tbtn--disabled) svg, .tox .tox-swatches__picker-btn--enabled svg, .tox .tox-swatches__picker-btn--enabled:hover svg,
.tox .tox-tbtn:active svg,
.tox .tox-tbtn:focus svg,
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg,
.tox .tox-tbtn--enabled svg,
.tox .tox-tbtn--enabled:hover svg {
  fill: var(--tm-color-text, #000);
}
.tox .tox-swatches__picker-btn:focus, .tox .tox-swatches__picker-btn:focus:not(.tox-tbtn--disabled),
.tox .tox-tbtn:focus,
.tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}
.tox .tox-split-button:focus {
  background: var(--tm-color-button-on-background);
  color: var(--tm-color-text, #222f3e);
}
.tox .tox-split-button:focus svg {
  fill: var(--tm-color-text, #000);
}
.tox .tox-split-button:hover {
  box-shadow: 0 0 0 1px var(--tm-color-toolbar-border, #cce2fa) inset;
}
.tox .tox-collection__item-caret svg {
  fill: var(--tm-color-text, #000);
}
.tox .tox-menu {
  background-color: var(--tm-color-list-background);
  border: 1px solid var(--tm-color-toolbar-border, #eeeeee);
}
.tox .tox-menu h1,
.tox .tox-menu h2,
.tox .tox-menu h3,
.tox .tox-menu p {
  background-color: transparent !important;
}
.tox .tox-collection--list .tox-collection__group {
  border-color: var(--tm-color-toolbar-border, #eeeeee);
}
.tox .tox-collection--list .tox-collection__item {
  border-radius: 0;
  padding: 8px;
}
.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  color: var(--tm-color-list-button-on-text);
}
.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) svg {
  color: var(--tm-color-list-button-on-text);
}
.tox .tox-collection--list .tox-collection__item {
  color: var(--tm-color-text, #000);
}
.tox .tox-collection--list .tox-collection__item-label > * {
  color: inherit !important;
}
.tox .tox-collection--list .tox-collection__item--enabled,
.tox .tox-collection--list .tox-collection__item--active:not(.tox-fancymenuitem) {
  background-color: var(--tm-color-list-button-on-background);
  color: var(--tm-color-list-button-on-text);
}
.tox .tox-collection--list .tox-collection__item--enabled svg,
.tox .tox-collection--list .tox-collection__item--active:not(.tox-fancymenuitem) svg {
  fill: var(--tm-color-text, #000);
}
.tox .tox-collection--list .tox-collection__item--active.tox-fancymenuitem {
  background-color: transparent;
}
.tox .tox-pop__dialog, .tox.tox-tinymce-aux .tox-toolbar__overflow {
  background-color: var(--tm-color-toolbar-background, #fff);
  border: 1px solid var(--tm-color-toolbar-border, #eeeeee);
  border-radius: var(--tm-border-radius, 6px);
}
.tox .tox-pop.tox-pop--top::after {
  border-color: transparent transparent var(--tm-color-toolbar-background, #fff) transparent;
}
.tox .tox-pop.tox-pop--top::before {
  border-color: transparent transparent var(--tm-color-toolbar-border, #eeeeee) transparent;
}
.tox .tox-pop.tox-pop--bottom::after {
  border-color: var(--tm-color-toolbar-background, #fff) transparent transparent transparent;
}
.tox .tox-pop.tox-pop--bottom::before {
  border-color: var(--tm-color-toolbar-border, #eeeeee) transparent transparent transparent;
}
.tox .tox-pop.tox-pop--left::after {
  border-color: transparent var(--tm-color-toolbar-background, #fff) transparent transparent;
}
.tox .tox-pop.tox-pop--left::before {
  border-color: transparent var(--tm-color-toolbar-border, #eeeeee) transparent transparent;
}
.tox .tox-pop.tox-pop--right::after {
  border-color: transparent transparent transparent var(--tm-color-toolbar-background, #fff);
  border-width: 8px;
  margin-left: -1px;
}
.tox .tox-pop.tox-pop--right::before {
  border-color: transparent transparent transparent var(--tm-color-toolbar-border, #eeeeee);
  border-width: 10px;
  margin-left: -1px;
}
.tox .tox-editor-container,
.tox .tox-edit-area {
  overflow: unset;
}
.tox .tox-edit-area {
  border: 1px solid var(--tm-color-toolbar-border, #eeeeee);
  border-bottom-left-radius: var(--tm-border-radius, 10px);
  border-bottom-right-radius: var(--tm-border-radius, 10px);
}
.tox .tox-edit-area__iframe {
  background-color: transparent;
  border-radius: var(--tm-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.tox .tox-edit-area__iframe.is-focused {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset, 0);
  z-index: 1;
}
.tox .tox-textfield,
.tox .tox-toolbar-textfield,
.tox .tox-listboxfield .tox-listbox--select,
.tox .tox-textarea {
  color: var(--a-field-input-text-color);
  background-color: var(--a-field-input-background-color) !important;
  border-color: var(--tm-color-toolbar-border, #eeeeee);
}
.tox .tox-dialog__header,
.tox .tox-dialog__footer,
.tox .tox-dialog {
  color: var(--a-field-input-text-color);
  background-color: var(--jui-dialog-background-color);
  border-color: var(--tm-color-panel-border);
}
.tox .tox-dialog__header .tox-button--icon .tox-icon svg,
.tox .tox-dialog__header .tox-button.tox-button--icon .tox-icon svg,
.tox .tox-dialog__header .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg,
.tox .tox-dialog__footer .tox-button--icon .tox-icon svg,
.tox .tox-dialog__footer .tox-button.tox-button--icon .tox-icon svg,
.tox .tox-dialog__footer .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg,
.tox .tox-dialog .tox-button--icon .tox-icon svg,
.tox .tox-dialog .tox-button.tox-button--icon .tox-icon svg,
.tox .tox-dialog .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
  fill: var(--tm-color-text, #000);
}
.tox .tox-dialog,
.tox .tox-dialog__title {
  font-family: var(--a-base-font-family);
}
.tox .tox-dialog-wrap__backdrop {
  background-color: var(--jui-overlay-background-color, rgba(0, 0, 0, 0.5));
}
.tox .tox-selectfield select {
  color: var(--tm-color-text, #000);
  background-color: var(--tm-color-list-background);
  border: 1px solid var(--tm-color-toolbar-border, #eeeeee);
}
.tox .tox-selectfield select:focus {
  background-color: var(--tm-color-list-background);
  border-color: var(--tm-color-base-focus, #006ce7);
}
.tox .tox-dialog__body-content svg {
  fill: var(--tm-color-text, #000);
}
.tox .tox-label {
  color: var(--tm-color-text, #222f3e);
}
.tox .tox-button {
  border-radius: var(--a-button-border-radius, 2px);
}
.tox .tox-button:focus {
  outline: var(--ut-focus-outline, auto 1px var(--ut-focus-outline-color, -webkit-focus-ring-color));
  outline-offset: var(--ut-focus-outline-offset);
}
.tox .tox-button--secondary {
  background-color: var(--a-button-type-background-color, var(--a-button-background-color, transparent));
  color: var(--a-button-type-text-color, var(--a-button-text-color, inherit));
  border-color: var(--a-button-type-border-color, var(--a-button-border-color));
  box-shadow: var(--a-button-type-shadow, var(--a-button-shadow, none));
}
.tox .tox-button--secondary:hover:not(:disabled) {
  background-color: var(--a-button-hover-background-color);
  color: var(--a-button-hover-text-color);
  border-color: var(--a-button-hover-border-color);
  box-shadow: var(--a-button-hover-shadow);
}

.apex-item-display-only--contenteditable {
  caret-color: transparent;
}

a-rich-text-editor .apex-item-placeholder {
  font-family: var(--a-base-font-family);
  padding-block: calc(var(--a-field-input-padding-y, 0.25rem) - var(--a-field-input-border-width, 1px));
  padding-inline: calc(var(--a-field-input-padding-x, 0.25rem) - var(--a-field-input-border-width, 1px));
  background-color: var(--a-field-input-background-color);
  -webkit-margin-before: 0;
          margin-block-start: 0;
  margin-inline: 0;
  flex-grow: 1;
  border: 1px solid var(--tm-color-toolbar-border, #eeeeee);
  position: relative;
  border-radius: var(--tm-border-radius, 10px);
  overflow: hidden;
  min-block-size: var(--tm-min-block-size, 12rem);
}
a-rich-text-editor .apex-item-placeholder:before {
  content: "";
  block-size: calc(3rem + 2px);
  background: var(--tm-color-toolbar-background);
  border-bottom: 1px solid var(--tm-color-toolbar-border, #eeeeee);
  display: block;
  -webkit-margin-before: calc(var(--a-field-input-padding-y, 0.25rem) * -1);
          margin-block-start: calc(var(--a-field-input-padding-y, 0.25rem) * -1);
  -webkit-margin-after: var(--a-field-input-padding-y, 0.25rem);
          margin-block-end: var(--a-field-input-padding-y, 0.25rem);
  margin-inline: calc(var(--a-field-input-padding-y, 0.25rem) * -1);
}

/* ==========================================================================
   Full Calendar v3
   ========================================================================== */
.apex-fullcalendar-3 .fc-toolbar {
  border-color: var(--fc3-toolbar-border-color, var(--ut-component-border-color, rgba(0, 0, 0, 0.1)));
  background-color: var(--fc3-toolbar-background-color, var(--ut-component-background-color, #fff));
  border-radius: var(--fc3-toolbar-border-radius, var(--ut-component-border-radius)) var(--fc3-toolbar-border-radius, var(--ut-component-border-radius)) 0 0;
  color: var(--fc3-toolbar-title-text-color, var(--ut-component-text-title-color));
}
.apex-fullcalendar-3 .fc-toolbar h2 {
  color: var(--fc3-toolbar-title-text-color, var(--ut-component-text-title-color));
  font-weight: var(fc3-header-title-font-weight);
}
.apex-fullcalendar-3.fc .ui-button {
  --a-button-border-color: transparent;
}
.apex-fullcalendar-3.fc .ui-button:active, .apex-fullcalendar-3.fc .ui-button:focus {
  outline: auto;
  outline-color: -webkit-focus-ring-color;
}
.apex-fullcalendar-3 .fc-view:active, .apex-fullcalendar-3 .fc-view:focus {
  outline: none;
}
.apex-fullcalendar-3.fc .fc-basic-view td.fc-day-number, .apex-fullcalendar-3.fc .fc-day-number {
  color: var(--fc3-day-number-text-color, var(--ut-component-text-default-color));
}
.apex-fullcalendar-3 .fc-day-header.ui-widget-header,
.apex-fullcalendar-3 .fc-view .ui-widget-header {
  background-color: var(--fc3-header-background-color, var(--ut-component-toolbar-background-color));
  color: var(--fc3-header-text-color, var(--ut-component-text-default-color));
  border-color: var(--fc3-header-border-color, var(--ut-component-border-color));
}
.apex-fullcalendar-3.fc td.fc-today, .apex-fullcalendar-3.fc .ui-widget-content {
  border-color: var(--fc3-today-border-color, var(--ut-component-border-color));
  color: var(--fc3-today-text-color, var(--ut-component-text-default-color));
}
.apex-fullcalendar-3.fc .fc-today.ui-state-highlight {
  background-color: var(--fc3-today-highlight-background-color, var(--fc3-header-background-color, var(--ut-component-toolbar-background-color)));
}
.apex-fullcalendar-3.fc .fc-highlight {
  background-color: var(--fc3-highlight-background-color, var(--ut-palette-primary-shade));
}

/* ==========================================================================
   Full Calendar v5
   ========================================================================== */
.apex-fullcalendar-5 {
  --fc-small-font-size: 0.85em;
  --fc-page-bg-color: var(--ut-component-background-color);
  --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
  --fc-neutral-text-color: var(--u-color-29);
  --fc-border-color: var(--ut-component-border-color);
  --fc-button-text-color: var(--a-button-text-color);
  --fc-button-bg-color: var(--a-button-background-color);
  --fc-button-border-color: var(--a-button-border-color);
  --fc-button-hover-bg-color: var(--a-button-hover-background-color);
  --fc-button-hover-border-color: var(--a-button-hover-border-color);
  --fc-button-active-bg-color: var(--a-button-active-background-color);
  --fc-button-active-border-color: var(--a-button-active-border-color);
  --fc-event-bg-color: var(--ut-palette-primary);
  --fc-event-border-color: var(--ut-palette-primary);
  --fc-event-text-color: var(--ut-palette-primary-contrast);
  --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
  --fc-event-resizer-thickness: .5rem;
  --fc-event-resizer-dot-total-width: .5rem;
  --fc-event-resizer-dot-border-width: 1px;
  --fc-non-business-color: rgba(215, 215, 215, 0.3);
  --fc-bg-event-color: var(--u-color-20);
  --fc-bg-event-opacity: 0.3;
  --fc-highlight-color: rgba(188, 232, 241, 0.3);
  --fc-today-bg-color: rgba(255, 220, 40, 0.15);
  --fc-now-indicator-color: var(--ut-palette-danger);
  --fc-daygrid-event-dot-width: .5rem;
  --fc-list-event-dot-width: .625rem;
  --fc-list-event-hover-bg-color: var(--ut-component-highlight-background-color);
}
.apex-fullcalendar-5 .fc-toolbar-chunk {
  padding: var(--fc5-toolbar-padding-y, 1rem) var(--fc5-toolbar-padding-y, 0.75rem);
}
@media (max-width: 639px) {
  .apex-fullcalendar-5 .fc-toolbar-chunk {
    --fc5-toolbar-padding-y: .5rem;
  }
}
.apex-fullcalendar-5 .fc-toolbar h2 {
  font-weight: var(--fc5-header-title-font-weight);
}
.apex-fullcalendar-5 .fc-button {
  border-width: var(--a-button-border-width, 1px);
  border-radius: var(--a-button-border-radius, 0.125rem);
  -webkit-padding-before: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
          padding-block-start: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
  -webkit-padding-after: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
          padding-block-end: calc(var(--a-button-padding-y, 0.5rem) - var(--a-button-border-width, 1px));
  -webkit-padding-start: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
          padding-inline-start: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
  -webkit-padding-end: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
          padding-inline-end: calc(var(--a-button-padding-x, 0.75rem) - var(--a-button-border-width, 1px));
  cursor: var(--a-button-cursor, pointer);
  font-size: var(--a-button-font-size, 0.75rem);
  font-weight: var(--a-button-font-weight, 400);
  text-shadow: var(--a-button-text-shadow, none);
  display: inline-flex;
  align-items: center;
}
.apex-fullcalendar-5 .fc-button-primary.fc-button-active,
.apex-fullcalendar-5 .fc-button-primary.fc-button-active:disabled {
  background-color: var(--a-button-state-background-color, var(--a-button-type-background-color, var(--a-button-background-color, transparent)));
  color: var(--a-button-state-text-color, var(--a-button-type-text-color, var(--a-button-text-color, inherit)));
  border-color: var(--a-button-state-border-color, var(--a-button-type-border-color, var(--a-button-border-color)));
  box-shadow: var(--a-button-state-shadow, var(--a-button-type-shadow, var(--a-button-shadow, none)));
  --a-button-state-background-color: var(--a-button-active-background-color, var(--a-button-hover-background-color));
  --a-button-state-text-color: var(--a-button-active-text-color, var(--a-button-hover-text-color));
  --a-button-state-border-color: var(--a-button-active-border-color, var(--a-button-hover-border-color));
  --a-button-state-shadow: var(--a-button-active-shadow, var(--a-button-hover-shadow));
}
.apex-fullcalendar-5.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
  -webkit-margin-start: calc(var(--a-button-border-width, 1px) * -1);
          margin-inline-start: calc(var(--a-button-border-width, 1px) * -1);
}
.apex-fullcalendar-5.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
  -webkit-margin-end: calc(var(--a-button-border-width, 1px) * -1);
          margin-inline-end: calc(var(--a-button-border-width, 1px) * -1);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.apex-fullcalendar-5 .fc-daygrid-day-number {
  color: var(--ut-component-text-default-color);
}
.apex-fullcalendar-5 .fc-day {
  color: var(--ut-component-text-subtitle-color);
}
.apex-fullcalendar-5 a:not([href]),
.apex-fullcalendar-5 .fc-col-header-cell-cushion {
  color: inherit;
}
/*# sourceMappingURL=Core.css.map */