@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

html {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 16px;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-size-adjust: 100%;
}

body {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

button {
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
}

img {
  display: block;
}

a {
  color: inherit;
}

a,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}

a[href^="mailto:"],
a[href^="tel:"],
a[href^="fax:"] {
  white-space: nowrap;
}

ul {
  list-style: none;
}

svg:empty {
  width: 1rem;
  height: 1rem;
}

label,
select {
  cursor: pointer;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

fieldset {
  border: 0;
}

input[type=submit], input[type=file] {
  cursor: pointer;
}

input[type=password]:not(:placeholder-shown) {
  font-family: Verdana;
  letter-spacing: 0;
}
input[type=password]::-ms-reveal {
  display: none;
}

input[type=search]::-webkit-search-cancel-button {
  display: none;
}
input[type=search]::-ms-clear {
  display: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
iframe:focus,
[tabindex]:focus,
[contentEditable=true]:focus {
  outline: 0;
}

[popover] {
  inset: unset;
  border: 0;
}

.sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  color: inherit;
}

.scrollLock {
  overflow: hidden !important;
  width: auto;
}

.u-flex-height {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.u-flex-height-item {
  flex: 1 0 0;
}

.pt0 {
  padding-top: 0;
}
@media screen and (min-width: 744px) {
  .pt0 {
    padding-top: 0;
  }
}
@media screen and (min-width: 1194px) {
  .pt0 {
    padding-top: 0;
  }
}

.pb0 {
  padding-bottom: 0;
}
@media screen and (min-width: 744px) {
  .pb0 {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1194px) {
  .pb0 {
    padding-bottom: 0;
  }
}

.pl0 {
  padding-left: 0;
}
@media screen and (min-width: 744px) {
  .pl0 {
    padding-left: 0;
  }
}
@media screen and (min-width: 1194px) {
  .pl0 {
    padding-left: 0;
  }
}

.pr0 {
  padding-right: 0;
}
@media screen and (min-width: 744px) {
  .pr0 {
    padding-right: 0;
  }
}
@media screen and (min-width: 1194px) {
  .pr0 {
    padding-right: 0;
  }
}

.pt1 {
  padding-top: 0.25rem;
}
@media screen and (min-width: 744px) {
  .pt1 {
    padding-top: 0.25rem;
  }
}
@media screen and (min-width: 1194px) {
  .pt1 {
    padding-top: 0.25rem;
  }
}

.pb1 {
  padding-bottom: 0.25rem;
}
@media screen and (min-width: 744px) {
  .pb1 {
    padding-bottom: 0.25rem;
  }
}
@media screen and (min-width: 1194px) {
  .pb1 {
    padding-bottom: 0.25rem;
  }
}

.pl1 {
  padding-left: 0.25rem;
}
@media screen and (min-width: 744px) {
  .pl1 {
    padding-left: 0.25rem;
  }
}
@media screen and (min-width: 1194px) {
  .pl1 {
    padding-left: 0.25rem;
  }
}

.pr1 {
  padding-right: 0.25rem;
}
@media screen and (min-width: 744px) {
  .pr1 {
    padding-right: 0.25rem;
  }
}
@media screen and (min-width: 1194px) {
  .pr1 {
    padding-right: 0.25rem;
  }
}

.pt2 {
  padding-top: 0.5rem;
}
@media screen and (min-width: 744px) {
  .pt2 {
    padding-top: 0.5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pt2 {
    padding-top: 0.5rem;
  }
}

.pb2 {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 744px) {
  .pb2 {
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pb2 {
    padding-bottom: 0.5rem;
  }
}

.pl2 {
  padding-left: 0.5rem;
}
@media screen and (min-width: 744px) {
  .pl2 {
    padding-left: 0.5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pl2 {
    padding-left: 0.5rem;
  }
}

.pr2 {
  padding-right: 0.5rem;
}
@media screen and (min-width: 744px) {
  .pr2 {
    padding-right: 0.5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pr2 {
    padding-right: 0.5rem;
  }
}

.pt3 {
  padding-top: 0.75rem;
}
@media screen and (min-width: 744px) {
  .pt3 {
    padding-top: 0.75rem;
  }
}
@media screen and (min-width: 1194px) {
  .pt3 {
    padding-top: 0.75rem;
  }
}

.pb3 {
  padding-bottom: 0.75rem;
}
@media screen and (min-width: 744px) {
  .pb3 {
    padding-bottom: 0.75rem;
  }
}
@media screen and (min-width: 1194px) {
  .pb3 {
    padding-bottom: 0.75rem;
  }
}

.pl3 {
  padding-left: 0.75rem;
}
@media screen and (min-width: 744px) {
  .pl3 {
    padding-left: 0.75rem;
  }
}
@media screen and (min-width: 1194px) {
  .pl3 {
    padding-left: 0.75rem;
  }
}

.pr3 {
  padding-right: 0.75rem;
}
@media screen and (min-width: 744px) {
  .pr3 {
    padding-right: 0.75rem;
  }
}
@media screen and (min-width: 1194px) {
  .pr3 {
    padding-right: 0.75rem;
  }
}

.pt4 {
  padding-top: 1rem;
}
@media screen and (min-width: 744px) {
  .pt4 {
    padding-top: 1rem;
  }
}
@media screen and (min-width: 1194px) {
  .pt4 {
    padding-top: 1rem;
  }
}

.pb4 {
  padding-bottom: 1rem;
}
@media screen and (min-width: 744px) {
  .pb4 {
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 1194px) {
  .pb4 {
    padding-bottom: 1rem;
  }
}

.pl4 {
  padding-left: 1rem;
}
@media screen and (min-width: 744px) {
  .pl4 {
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1194px) {
  .pl4 {
    padding-left: 1rem;
  }
}

.pr4 {
  padding-right: 1rem;
}
@media screen and (min-width: 744px) {
  .pr4 {
    padding-right: 1rem;
  }
}
@media screen and (min-width: 1194px) {
  .pr4 {
    padding-right: 1rem;
  }
}

.pt5 {
  padding-top: 1rem;
}
@media screen and (min-width: 744px) {
  .pt5 {
    padding-top: 1.5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pt5 {
    padding-top: 1.5rem;
  }
}

.pb5 {
  padding-bottom: 1rem;
}
@media screen and (min-width: 744px) {
  .pb5 {
    padding-bottom: 1.5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pb5 {
    padding-bottom: 1.5rem;
  }
}

.pl5 {
  padding-left: 1rem;
}
@media screen and (min-width: 744px) {
  .pl5 {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pl5 {
    padding-left: 1.5rem;
  }
}

.pr5 {
  padding-right: 1rem;
}
@media screen and (min-width: 744px) {
  .pr5 {
    padding-right: 1.5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pr5 {
    padding-right: 1.5rem;
  }
}

.pt6 {
  padding-top: 1.5rem;
}
@media screen and (min-width: 744px) {
  .pt6 {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 1194px) {
  .pt6 {
    padding-top: 2rem;
  }
}

.pb6 {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 744px) {
  .pb6 {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 1194px) {
  .pb6 {
    padding-bottom: 2rem;
  }
}

.pl6 {
  padding-left: 1.5rem;
}
@media screen and (min-width: 744px) {
  .pl6 {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1194px) {
  .pl6 {
    padding-left: 2rem;
  }
}

.pr6 {
  padding-right: 1.5rem;
}
@media screen and (min-width: 744px) {
  .pr6 {
    padding-right: 2rem;
  }
}
@media screen and (min-width: 1194px) {
  .pr6 {
    padding-right: 2rem;
  }
}

.pt7 {
  padding-top: 2rem;
}
@media screen and (min-width: 744px) {
  .pt7 {
    padding-top: 3rem;
  }
}
@media screen and (min-width: 1194px) {
  .pt7 {
    padding-top: 3rem;
  }
}

.pb7 {
  padding-bottom: 2rem;
}
@media screen and (min-width: 744px) {
  .pb7 {
    padding-bottom: 3rem;
  }
}
@media screen and (min-width: 1194px) {
  .pb7 {
    padding-bottom: 3rem;
  }
}

.pl7 {
  padding-left: 2rem;
}
@media screen and (min-width: 744px) {
  .pl7 {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1194px) {
  .pl7 {
    padding-left: 3rem;
  }
}

.pr7 {
  padding-right: 2rem;
}
@media screen and (min-width: 744px) {
  .pr7 {
    padding-right: 3rem;
  }
}
@media screen and (min-width: 1194px) {
  .pr7 {
    padding-right: 3rem;
  }
}

.pt8 {
  padding-top: 3rem;
}
@media screen and (min-width: 744px) {
  .pt8 {
    padding-top: 4rem;
  }
}
@media screen and (min-width: 1194px) {
  .pt8 {
    padding-top: 4rem;
  }
}

.pb8 {
  padding-bottom: 3rem;
}
@media screen and (min-width: 744px) {
  .pb8 {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 1194px) {
  .pb8 {
    padding-bottom: 4rem;
  }
}

.pl8 {
  padding-left: 3rem;
}
@media screen and (min-width: 744px) {
  .pl8 {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1194px) {
  .pl8 {
    padding-left: 4rem;
  }
}

.pr8 {
  padding-right: 3rem;
}
@media screen and (min-width: 744px) {
  .pr8 {
    padding-right: 4rem;
  }
}
@media screen and (min-width: 1194px) {
  .pr8 {
    padding-right: 4rem;
  }
}

.pt9 {
  padding-top: 4rem;
}
@media screen and (min-width: 744px) {
  .pt9 {
    padding-top: 5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pt9 {
    padding-top: 5rem;
  }
}

.pb9 {
  padding-bottom: 4rem;
}
@media screen and (min-width: 744px) {
  .pb9 {
    padding-bottom: 5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pb9 {
    padding-bottom: 5rem;
  }
}

.pl9 {
  padding-left: 4rem;
}
@media screen and (min-width: 744px) {
  .pl9 {
    padding-left: 5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pl9 {
    padding-left: 5rem;
  }
}

.pr9 {
  padding-right: 4rem;
}
@media screen and (min-width: 744px) {
  .pr9 {
    padding-right: 5rem;
  }
}
@media screen and (min-width: 1194px) {
  .pr9 {
    padding-right: 5rem;
  }
}

.pt10 {
  padding-top: 5rem;
}
@media screen and (min-width: 744px) {
  .pt10 {
    padding-top: 6rem;
  }
}
@media screen and (min-width: 1194px) {
  .pt10 {
    padding-top: 6rem;
  }
}

.pb10 {
  padding-bottom: 5rem;
}
@media screen and (min-width: 744px) {
  .pb10 {
    padding-bottom: 6rem;
  }
}
@media screen and (min-width: 1194px) {
  .pb10 {
    padding-bottom: 6rem;
  }
}

.pl10 {
  padding-left: 5rem;
}
@media screen and (min-width: 744px) {
  .pl10 {
    padding-left: 6rem;
  }
}
@media screen and (min-width: 1194px) {
  .pl10 {
    padding-left: 6rem;
  }
}

.pr10 {
  padding-right: 5rem;
}
@media screen and (min-width: 744px) {
  .pr10 {
    padding-right: 6rem;
  }
}
@media screen and (min-width: 1194px) {
  .pr10 {
    padding-right: 6rem;
  }
}

.u-no-restrict {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 744px) {
  .u-no-restrict {
    width: calc(100% - 2rem);
    margin: 0 auto;
    box-sizing: content-box;
  }
}

.u-restrict-lg {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 744px) {
  .u-restrict-lg {
    width: calc(100% - 2rem);
    margin: 0 auto;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 744px) {
  .u-restrict-lg {
    max-width: 56.25rem;
  }
}
@media screen and (min-width: 1194px) {
  .u-restrict-lg {
    max-width: 78rem;
  }
}

.u-restrict-md {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 744px) {
  .u-restrict-md {
    width: calc(100% - 2rem);
    margin: 0 auto;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 744px) {
  .u-restrict-md {
    max-width: 44.5rem;
  }
}
@media screen and (min-width: 1194px) {
  .u-restrict-md {
    max-width: 73.5rem;
  }
}

.u-restrict-sm {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 744px) {
  .u-restrict-sm {
    width: calc(100% - 2rem);
    margin: 0 auto;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 744px) {
  .u-restrict-sm {
    max-width: 32.625rem;
  }
}
@media screen and (min-width: 1194px) {
  .u-restrict-sm {
    max-width: 32.625rem;
  }
}

.u-restrict-xs {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 744px) {
  .u-restrict-xs {
    width: calc(100% - 2rem);
    margin: 0 auto;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 744px) {
  .u-restrict-xs {
    max-width: 21.4375rem;
  }
}
@media screen and (min-width: 1194px) {
  .u-restrict-xs {
    max-width: 21.4375rem;
  }
}

.u-desktop-restrict-lg {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 744px) {
  .u-desktop-restrict-lg {
    width: calc(100% - 2rem);
    margin: 0 auto;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 1194px) {
  .u-desktop-restrict-lg {
    max-width: 78rem;
  }
}

.u-desktop-restrict-md {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 744px) {
  .u-desktop-restrict-md {
    width: calc(100% - 2rem);
    margin: 0 auto;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 1194px) {
  .u-desktop-restrict-md {
    max-width: 73.5rem;
  }
}

.u-desktop-restrict-sm {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 744px) {
  .u-desktop-restrict-sm {
    width: calc(100% - 2rem);
    margin: 0 auto;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 1194px) {
  .u-desktop-restrict-sm {
    max-width: 32.625rem;
  }
}

.u-desktop-restrict-xs {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 744px) {
  .u-desktop-restrict-xs {
    width: calc(100% - 2rem);
    margin: 0 auto;
    box-sizing: content-box;
  }
}
@media screen and (min-width: 1194px) {
  .u-desktop-restrict-xs {
    max-width: 21.4375rem;
  }
}

.u-row {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media screen and (min-width: 744px) {
  .u-row {
    flex-direction: row;
    gap: 3rem;
  }
  .u-row > div {
    flex: 1 1 0;
  }
  .u-row .u-col-2 {
    flex: 2 0 3rem;
  }
}
.u-buttons-group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.u-buttons-group > * {
  flex: 1 0 0;
}
.u-buttons-group[justify=start] {
  justify-content: start;
}
.u-buttons-group[justify=center] {
  justify-content: center;
}
.u-buttons-group[justify=end] {
  justify-content: end;
}
.u-buttons-group[size=sm] {
  gap: 0.75rem;
}
.u-buttons-group[size=md] {
  gap: 1rem;
}
.u-buttons-group[size=lg] {
  gap: 1.25rem;
}

@media screen and (min-width: 744px) {
  .u-buttons-group {
    flex-direction: row;
  }
  .u-buttons-group > * {
    flex: initial;
  }
  .u-buttons-group[justify=stretch] > * {
    flex: 1 0 0;
  }
  .u-buttons-group[direction=column] {
    flex-direction: column;
    align-items: start;
  }
  .u-buttons-group[size=sm] {
    gap: 1rem;
  }
  .u-buttons-group[size=md] {
    gap: 1.25rem;
  }
  .u-buttons-group[size=lg] {
    gap: 1.5rem;
  }
}
.u-lazy-load {
  transition: 0.25s ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.u-lazy-loaded {
  opacity: 1;
  visibility: visible;
}

.animate-click > button, .animate-click a {
  position: relative;
}
.animate-click > button::after, .animate-click a::after {
  display: none;
  content: "";
  width: 2rem;
  height: 2rem;
  background-color: rgba(204, 204, 204, 0.5);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: duration_fast;
  left: var(--button-mouse-x);
  top: var(--button-mouse-y);
}
.animate-click > button *, .animate-click a * {
  pointer-events: none;
}
.animate-click > button.active::after, .animate-click a.active::after {
  display: block;
  animation: click-animation 0.5s forwards;
}

@keyframes click-animation {
  0% {
    transform: translate(-50%, -50%) scale(0);
    box-shadow: 0 0 0 0 rgba(204, 204, 204, 0);
    opacity: 0;
  }
  25% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow: 0 0 0 0.75rem rgba(204, 204, 204, 0.25);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    box-shadow: 0 0 0 1rem rgba(204, 204, 204, 0);
    opacity: 0;
  }
}
[contrast] {
  transition: 0.25s ease-in-out;
  transition-property: background, color;
}

[contrast=light] {
  color: #000000;
}
[mode=dark] [contrast=light] {
  color: #FFFFFF;
}

[contrast=dark] {
  color: #FFFFFF;
}
[mode=dark] [contrast=dark] {
  color: #000000;
}

[bg=white] {
  background: #FFFFFF;
}
[mode=dark] [bg=white] {
  background: #000000;
}

[bg=black] {
  background: #000000;
}
[mode=dark] [bg=black] {
  background: #FFFFFF;
}

[bg=primary] {
  background: #E53527;
}
[mode=dark] [bg=primary] {
  background: #E53527;
}

[bg=primary_light] {
  background: #ea6055;
}
[mode=dark] [bg=primary_light] {
  background: #c22417;
}

[bg=primary_dark] {
  background: #c22417;
}
[mode=dark] [bg=primary_dark] {
  background: #ea6055;
}

.u-wysiwyg > *:not(:last-child) {
  margin-bottom: 1rem;
}
.u-wysiwyg a {
  color: #E53527;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  transition: 0.25s ease-in-out color;
}
.mU .u-wysiwyg a:hover {
  color: #c22417;
}
.kU .u-wysiwyg a:focus {
  color: #00cfff;
}
.u-wysiwyg ul,
.u-wysiwyg ol {
  margin-left: 1.5rem;
}
.u-wysiwyg ul {
  list-style: disc;
}
.u-wysiwyg li:not(last-child) {
  margin-bottom: 0.75rem;
}
.u-wysiwyg ol li::marker {
  font-weight: bold;
}

u-foundations {
  display: none;
}

.h-xl-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1.25;
  text-transform: normal;
  font-weight: 600;
  letter-spacing: 0.09375rem;
}
@media screen and (min-width: 744px) {
  .h-xl-bold {
    font-size: 3.75rem;
  }
}

.h-xl-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1.25;
  text-transform: normal;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
@media screen and (min-width: 744px) {
  .h-xl-regular {
    font-size: 3.75rem;
  }
}

.h-xl-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  line-height: 1.25;
  text-transform: normal;
  font-weight: 200;
  letter-spacing: 0.03125rem;
}
@media screen and (min-width: 744px) {
  .h-xl-light {
    font-size: 3.75rem;
  }
}

.h-lg-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.75rem;
  line-height: 1.25;
  text-transform: normal;
  font-weight: 600;
  letter-spacing: 0.09375rem;
}
@media screen and (min-width: 744px) {
  .h-lg-bold {
    font-size: 3rem;
  }
}

.h-lg-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.75rem;
  line-height: 1.25;
  text-transform: normal;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
@media screen and (min-width: 744px) {
  .h-lg-regular {
    font-size: 3rem;
  }
}

.h-lg-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.75rem;
  line-height: 1.25;
  text-transform: normal;
  font-weight: 200;
  letter-spacing: 0.03125rem;
}
@media screen and (min-width: 744px) {
  .h-lg-light {
    font-size: 3rem;
  }
}

.h-md-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25;
  text-transform: normal;
  font-weight: 600;
  letter-spacing: 0.09375rem;
}
@media screen and (min-width: 744px) {
  .h-md-bold {
    font-size: 1.5rem;
  }
}

.h-md-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25;
  text-transform: normal;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
@media screen and (min-width: 744px) {
  .h-md-regular {
    font-size: 1.5rem;
  }
}

.h-md-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.25;
  text-transform: normal;
  font-weight: 200;
  letter-spacing: 0.03125rem;
}
@media screen and (min-width: 744px) {
  .h-md-light {
    font-size: 1.5rem;
  }
}

.t-xl-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-xl-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.t-xl-regular strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-xl-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0.03125rem;
}
.t-xl-light strong {
  font-weight: 400;
  letter-spacing: 0.0625rem;
}

.t-lg-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-lg-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.t-lg-regular strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-lg-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.125rem;
  font-weight: 300;
  letter-spacing: 0.03125rem;
}
.t-lg-light strong {
  font-weight: 400;
  letter-spacing: 0.0625rem;
}

.t-md-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-md-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.t-md-regular strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-md-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.03125rem;
}
.t-md-light strong {
  font-weight: 400;
  letter-spacing: 0.0625rem;
}

.t-sm-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-sm-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.t-sm-regular strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-sm-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.03125rem;
}
.t-sm-light strong {
  font-weight: 400;
  letter-spacing: 0.0625rem;
}

.t-xs-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-xs-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.t-xs-regular strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-xs-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: 300;
  letter-spacing: 0.03125rem;
}
.t-xs-light strong {
  font-weight: 400;
  letter-spacing: 0.0625rem;
}

.t-xxs-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-xxs-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.625rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.t-xxs-regular strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.t-xxs-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.625rem;
  font-weight: 300;
  letter-spacing: 0.03125rem;
}
.t-xxs-light strong {
  font-weight: 400;
  letter-spacing: 0.0625rem;
}

.b-lg-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.b-lg-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.b-lg-regular strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.b-lg-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 300;
  letter-spacing: 0.03125rem;
}
.b-lg-light strong {
  font-weight: 400;
  letter-spacing: 0.0625rem;
}

.b-md-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.b-md-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.b-md-regular strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.b-md-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 300;
  letter-spacing: 0.03125rem;
}
.b-md-light strong {
  font-weight: 400;
  letter-spacing: 0.0625rem;
}

.b-sm-bold {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.b-sm-regular {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.b-sm-regular strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.b-sm-light {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 300;
  letter-spacing: 0.03125rem;
}
.b-sm-light strong {
  font-weight: 400;
  letter-spacing: 0.0625rem;
}

.u-svg {
  display: block;
}
.u-svg svg {
  display: block;
}
.u-svg svg path {
  transition: fill 0.25s ease-in-out;
}

.u-cta {
  display: block;
}
.u-cta > * {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.25s ease-in-out;
}
.kU .u-cta > *:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}
.u-cta > *:disabled {
  pointer-events: none;
  opacity: 0.5;
  filter: grayscale(0.5);
}
.u-cta span {
  display: block;
}
.u-cta span.u-toggle {
  display: none;
}
.u-cta.toggle span {
  display: none;
}
.u-cta.toggle span.u-toggle {
  display: block;
}

.u-cta[size=lg] > * {
  min-height: 3rem;
  gap: 0.75rem;
}
.u-cta[size=lg] span {
  margin-top: 0;
}
.u-cta[size=md] > * {
  min-height: 2.5rem;
  gap: 0.5rem;
}
.u-cta[size=md] span {
  margin-top: 0;
}
.u-cta[size=sm] > * {
  min-height: 2rem;
  gap: 0.25rem;
}
.u-cta[size=sm] span {
  margin-top: 0;
}
.u-cta[size=sm] .u-svg svg {
  height: 1.25rem;
}
.u-cta[size=fill] {
  height: 100%;
}
.u-cta[size=fill] > * {
  height: 100%;
  gap: 1rem;
  padding: 0 0.75rem;
}
.kU .u-cta[size=fill] > *:focus {
  outline: 0;
  box-shadow: inset 0 0 0px 0.1875rem #00cfff;
}

.u-cta .u-icon-toggle {
  display: none;
}
.u-cta.toggle .u-svg {
  display: none;
}
.u-cta.toggle .u-icon-toggle {
  display: block;
}

.u-btn > * {
  width: 100%;
}
.u-btn[size=lg] > * {
  border-radius: 0;
  padding: 0 1.25rem;
}
.u-btn[size=lg][variant=primary] > * {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.u-btn[size=lg][variant=secondary] > * {
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
}
.u-btn[size=lg][variant=danger] > * {
  padding-top: 0.6875rem;
  padding-bottom: 0.6875rem;
}
.u-btn[size=lg][justify=stretch] > * .u-icon-left {
  left: 1.25rem;
}
.u-btn[size=lg][justify=stretch] > * .u-icon-right {
  right: 1.25rem;
}
.u-btn[size=md] > * {
  border-radius: 0;
  padding: 0 1rem;
}
.u-btn[size=md][variant=primary] > * {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.u-btn[size=md][variant=secondary] > * {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
}
.u-btn[size=md][justify=stretch] > * .u-icon-left {
  left: 1rem;
}
.u-btn[size=md][justify=stretch] > * .u-icon-right {
  right: 1rem;
}
.u-btn[size=sm] > * {
  border-radius: 0;
  padding: 0 0.75rem;
}
.u-btn[size=sm] .u-svg svg {
  width: 1.25rem;
  height: 1.25rem;
}
.u-btn[size=sm][variant=primary] > * {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.u-btn[size=sm][variant=secondary] > * {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.u-btn[size=sm][justify=stretch] > * .u-icon-left {
  left: 0.75rem;
}
.u-btn[size=sm][justify=stretch] > * .u-icon-right {
  right: 0.75rem;
}
.u-btn[justify=stretch] {
  flex: 1 0 0;
}
.u-btn[justify=stretch] > * .u-svg {
  position: absolute;
}

.u-btn[variant=primary] > * {
  color: #FFFFFF;
  background: #E53527;
  border: 0 solid #E53527;
}
.mU .u-btn[variant=primary] > *:hover {
  color: #FFFFFF;
  background: #c22417;
  border-color: #c22417;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.u-btn[variant=primary] > *.active {
  animation: primary-active 0.5s forwards;
}

@keyframes primary-active {
  0% {
    color: #FFFFFF;
    background: #ab2015;
    border-color: #ab2015;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  }
}
.u-btn[variant=secondary] > * {
  color: gray;
  background: transparent;
  border: 0.0625rem solid gray;
}
.mU .u-btn[variant=secondary] > *:hover {
  color: #4d4d4d;
  background: transparent;
  border-color: #4d4d4d;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.u-btn[variant=secondary] > *.active {
  animation: secondary-active 0.5s forwards;
}
.u-btn[variant=secondary][theme=dark] > * {
  color: #F0F4F8;
  background: transparent;
  border: 0.0625rem solid #F0F4F8;
}
.mU .u-btn[variant=secondary][theme=dark] > *:hover {
  color: white;
  background: transparent;
  border-color: white;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.u-btn[variant=secondary][theme=dark] > *.active {
  animation: dark-secondary-active 0.5s forwards;
}

@keyframes secondary-active {
  0% {
    color: #b3b3b3;
    background: transparent;
    border-color: #b3b3b3;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  }
}
@keyframes dark-secondary-active {
  0% {
    color: #cddbe8;
    background: transparent;
    border-color: #cddbe8;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  }
}
.u-btn[variant=danger] > * {
  color: #FFFFFF;
  background: #ED1C24;
  border: 0.0625rem solid #ED1C24;
}
.mU .u-btn[variant=danger] > *:hover {
  color: #FFFFFF;
  background: #c61017;
  border-color: #c61017;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.u-btn[variant=danger] > *.active {
  animation: danger-active 0.5s forwards;
}

@keyframes danger-active {
  0% {
    color: #FFFFFF;
    background: #af0e14;
    border-color: #af0e14;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  }
}
.u-navbtn > * {
  padding: 0 !important;
}
.u-navbtn .u-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.u-navbtn[size=lg] > * {
  border-radius: 50%;
  width: 3rem;
}
.u-navbtn[size=md] > * {
  border-radius: 50%;
  width: 2.5rem;
}
.u-navbtn[size=sm] > * {
  border-radius: 50%;
  width: 2rem;
}

.u-navbtn[variant=primary] > * {
  color: #FFFFFF;
  background: #E53527;
  border: 0 solid #E53527;
}
.mU .u-navbtn[variant=primary] > *:hover {
  color: #FFFFFF;
  background: #c22417;
  border-color: #c22417;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.u-navbtn[variant=primary] > *.active {
  animation: navbtn-primary-active 0.5s forwards;
}

@keyframes navbtn-primary-active {
  0% {
    color: #FFFFFF;
    background: #ab2015;
    border-color: #ab2015;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  }
}
.u-navbtn[variant=secondary] > * {
  color: #999999;
  background: #FFFFFF;
  border: 0.0625rem solid #999999;
}
.mU .u-navbtn[variant=secondary] > *:hover {
  color: #000000;
  background: rgba(255, 255, 255, 0.8);
  border-color: #000000;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.u-navbtn[variant=secondary] > *.active {
  animation: navbtn-secondary-active 0.5s forwards;
}

@keyframes navbtn-secondary-active {
  0% {
    color: #000000;
    background: rgba(242, 242, 242, 0.8);
    border-color: #000000;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  }
}
.u-link > * {
  overflow: visible;
  background: transparent;
  border-color: transparent;
  text-underline-offset: 2px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: auto;
}
.u-link > *:hover, .u-link > *:focus {
  text-underline-offset: 2px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.u-link > *:hover .u-svg:first-child, .u-link > *:focus .u-svg:first-child {
  translate: -0.25rem;
}
.u-link > *:hover .u-svg:last-child, .u-link > *:focus .u-svg:last-child {
  translate: 0.25rem;
}
.u-link[size=lg] > * {
  padding: 0.75rem 0 0.75rem;
  gap: 0.5rem;
}
.u-link[size=md] > * {
  padding: 0.5rem 0 0.5rem;
  gap: 0.375rem;
}
.u-link[size=sm] > * {
  padding: 0.375rem 0 0.375rem;
  gap: 0.25rem;
}

.u-link[variant=primary] > * {
  color: #E53527;
  text-decoration-color: inherit;
}
.u-link[variant=primary] > * .u-svg {
  color: inherit;
}
.mU .u-link[variant=primary] > *:hover {
  color: #c22417;
  text-decoration-color: inherit;
}
.mU .u-link[variant=primary] > *:hover .u-svg {
  color: inherit;
}

.u-link[variant=secondary] > * {
  color: gray;
  text-decoration-color: inherit;
}
.u-link[variant=secondary] > * .u-svg {
  color: inherit;
}
.mU .u-link[variant=secondary] > *:hover {
  color: #4d4d4d;
  text-decoration-color: inherit;
}
.mU .u-link[variant=secondary] > *:hover .u-svg {
  color: inherit;
}
.u-link[variant=secondary][theme=dark] > * {
  color: #F0F4F8;
  text-decoration-color: inherit;
}
.u-link[variant=secondary][theme=dark] > * .u-svg {
  color: inherit;
}
.mU .u-link[variant=secondary][theme=dark] > *:hover {
  color: #cddbe8;
  text-decoration-color: inherit;
}
.mU .u-link[variant=secondary][theme=dark] > *:hover .u-svg {
  color: inherit;
}

.u-link:not([variant]) > * {
  justify-content: start;
}
.u-link:not([variant]) > a {
  text-decoration: underline;
  text-decoration-color: transparent;
}
.mU .u-link:not([variant]) > a:hover {
  text-decoration-color: currentColor;
}
.u-link:not([variant]) > button {
  pointer-events: none;
  text-decoration: none;
}
.u-link:not([variant]) > button span {
  font-weight: bold;
}

.u-burger {
  display: block;
  height: 100%;
}
.u-burger > * {
  position: relative;
  height: 100%;
}
.kU .u-burger > *:focus {
  outline: 0;
  box-shadow: inset 0 0 0px 0.1875rem #00cfff;
}
.u-burger .u-burger-icon {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 1.5rem;
  height: 1.5rem;
}
.u-burger .u-burger-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  height: 0.1875rem;
  width: 1.5rem;
  background: currentColor;
  border-radius: 0.09375rem;
  transition: 0.25s ease-in-out;
  transition-property: background, visibility, opacity, transform;
}
.u-burger .u-burger-icon i:nth-of-type(1) {
  transform: translate(-50%, calc(-50% - 0.5rem));
}
.u-burger .u-burger-icon i:nth-of-type(2) {
  transform: translate(-50%, -50%);
}
.u-burger .u-burger-icon i:nth-of-type(3) {
  transform: translate(-50%, calc(-50% + 0.5rem));
}
.u-burger[size=md] .u-burger-icon {
  transform: scale(0.85);
}
.u-burger[size=sm] .u-burger-icon {
  transform: scale(0.66);
}
.u-burger.toggle .u-burger-icon i:nth-of-type(1) {
  transform: translate(-50%, 0) rotate(45deg);
}
.u-burger.toggle .u-burger-icon i:nth-of-type(2) {
  opacity: 0;
  visibility: hidden;
}
.u-burger.toggle .u-burger-icon i:nth-of-type(3) {
  transform: translate(-50%, 0) rotate(-45deg);
}

.u-notifbtn {
  position: relative;
}
.u-notifbtn:after {
  content: attr(notifications);
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: 0.0625rem;
  min-width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  text-align: center;
  padding: 0 0.25rem;
  background: #FFFFFF;
  color: #E3A360;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  margin-left: 0.375rem;
  margin-top: -0.75rem;
  transform-origin: center;
  transition: 0.25s ease-in-out;
  transition-property: color, background, transform;
}
.u-notifbtn:not([notifications="0"]):after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
}
.mU .u-notifbtn:not([notifications="0"]):hover:before {
  color: #E7A164;
  background: #FFFFFF;
}
.u-notifbtn:not([notifications="0"]) > * {
  color: #FFFFFF;
  background: #E3A360;
  border-color: #E3A360;
}
.mU .u-notifbtn:not([notifications="0"]) > *:hover {
  color: #FFFFFF;
  background: #E7A164;
  border-color: #E7A164;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.u-notifbtn:not([notifications="0"]) > *.active {
  animation: notification-active 0.5s forwards;
}
.u-notifbtn:not([notifications="0"]).increased:after {
  animation: increased 0.5s forwards;
}
.u-notifbtn:not([notifications="0"]).decreased:after {
  animation: decreased 0.5s forwards;
}

@keyframes notification-active {
  0% {
    color: #FFFFFF;
    background: #e4944e;
    border-color: #e4944e;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
  }
}
@keyframes increased {
  50% {
    transform: translate(-50%, -50%) scale(1.25);
  }
}
@keyframes decreased {
  50% {
    transform: translate(-50%, -50%) scale(0.75);
  }
}
.u-alert {
  --max-height: 100vh;
  display: block;
  max-height: var(--max-height);
  overflow: hidden;
  transition: 0.25s ease-in-out;
  transition-property: opacity, visibility, max-height;
}
.u-alert mark {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #e6e6e6;
  color: #000000;
  border-radius: 0.25rem;
  border: 1px solid #cccccc;
  transition: 0.25s ease-in-out;
  transition-property: transform;
}
.u-alert span {
  padding: 0.75rem 0 0.75rem 1rem;
}
.u-alert[variant=success] mark {
  background: #e9f1ee;
  color: #008900;
  border-color: #caddd6;
}
.u-alert[variant=warning] mark {
  background: #faf3e8;
  color: #cc6e00;
  border-color: #f1ddbe;
}
.u-alert[variant=error] span {
  padding-right: 1rem;
}
.u-alert[variant=error] mark {
  background: #f9e8e8;
  color: #c61017;
  border-color: #eec0c0;
}
.u-alert .u-btn {
  color: #000000;
}
.u-alert .u-btn button {
  width: 3rem;
  height: 2.875rem;
  border-radius: 50%;
  opacity: 0.5;
}
.mU .u-alert .u-btn button:hover {
  opacity: 1;
}
.u-alert.closed {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}
@keyframes shake {
  25% {
    transform: translateX(-0.25rem);
  }
  75% {
    transform: translateX(0.25rem);
  }
}
.u-alert.shake mark {
  animation: shake 0.1s 0s 3 ease-in-out;
}

form header {
  margin-bottom: 1rem;
}
form [role=legend] {
  width: 100%;
  margin-top: 1rem;
}
form [role=legend].no-margin {
  margin-top: 0;
}
form footer {
  margin-top: 1rem;
}

form fieldset,
.u-fieldset {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.u-fieldset-separator {
  border-top: 1px solid #e6e6e6;
  margin-top: 1rem;
}

[class^=field-validation-] {
  display: inline-block;
  margin-top: 0.25rem;
  padding: 0.125rem 0.5rem 0.125rem;
  border: 1px solid;
  border-radius: 0.375rem;
  border-top-left-radius: 0;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
[class^=field-validation-] strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.field-validation-valid {
  display: none;
}

.field-validation-warning {
  background: #faf3e8;
  color: #cc6e00;
  border-color: #f1ddbe;
}

.field-validation-error {
  background: #f9e8e8;
  color: #c61017;
  border-color: #eec0c0;
}

.alert {
  background: #e6e6e6;
  color: #000000;
  padding: 1rem;
  margin-top: 1rem;
  border-radius: 0.25rem;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.alert strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

.alert-success {
  background: #e9f1ee;
  color: #008900;
}

.u-form-group {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0;
}
.u-form-group:not(:last-child) {
  margin-bottom: 0.75rem;
}
.u-form-group > div {
  flex: 1 0 0;
}
.u-form-group label,
.u-form-group .u-display-label {
  width: 100%;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  color: gray;
  margin-bottom: 0.25rem;
}
.u-form-group label strong,
.u-form-group .u-display-label strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-form-group label.u-label-full,
.u-form-group .u-display-label.u-label-full {
  flex: 1 0 100%;
}
.u-form-group label:empty,
.u-form-group .u-display-label:empty {
  min-height: 0;
}
.u-form-group[data-required=True] label {
  color: #000000;
}
.u-form-group[data-required=True] label:after {
  content: "*";
}
.u-form-group[data-required=True] input, .u-form-group[data-required=True] select, .u-form-group[data-required=True] textarea {
  border-color: #808080;
}
.u-form-group .u-display-value {
  flex: 1 0 100%;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.09375rem;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
}
.u-form-group .u-display-tags {
  flex: 1 0 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.u-form-group mark {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #cccccc;
  background: #e6e6e6;
}

@media screen and (min-width: 744px) {
  .u-form-group label,
  .u-form-group .u-display-label {
    margin-bottom: 0;
    flex: 0 0 18.75rem;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
  }
  .u-form-group .u-display-value {
    flex: 1 0 auto;
  }
}
.u-form-col {
  display: flex;
  flex-direction: column;
}

.u-internal-notes {
  flex: 1 0 auto;
}
.u-internal-notes .u-form-group {
  height: 100%;
}
.u-internal-notes .u-form-group .u-input-field {
  height: 100%;
}
.u-internal-notes .u-form-group .u-input-field textarea {
  height: 100%;
}

.u-input-field {
  position: relative;
}
.u-input-field input, .u-input-field select, .u-input-field textarea {
  width: 100%;
  padding: 0.5625rem 0.75rem;
  background: #FFFFFF;
  border: 1px solid #cccccc;
  border-radius: 0;
  color: #000000;
  transition: 0.25s ease-in-out;
  transition-property: background, color, border, box-shadow;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  line-height: 1.4285714286;
}
.u-input-field input strong, .u-input-field select strong, .u-input-field textarea strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.mU .u-input-field input:hover, .mU .u-input-field select:hover, .mU .u-input-field textarea:hover {
  border-color: #000000;
}
.u-input-field input:focus, .u-input-field select:focus, .u-input-field textarea:focus {
  border-color: #000000;
}
.kU .u-input-field input:focus, .kU .u-input-field select:focus, .kU .u-input-field textarea:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}
.u-input-field input:invalid, .u-input-field select:invalid, .u-input-field textarea:invalid {
  border-color: #ED1C24;
}
.u-input-field input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.u-input-field textarea {
  resize: none;
  line-height: 1.25;
}
.u-input-field[width=sm] {
  width: 50%;
  max-width: 11.625rem;
}
.u-input-field[width=xs] {
  width: 25%;
  max-width: 5.8125rem;
}

.u-field-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.5rem;
  height: 2.5rem !important;
}

.u-tinymce {
  height: 37.5rem;
}

.u-select {
  position: relative;
}
.u-select select {
  padding-right: 2rem;
}
.u-select:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border: 2px solid #666666;
  border-top: 0;
  border-left: 0;
  transform: translate(-0.75rem, calc(-50% - 0.125rem)) rotate(45deg);
  z-index: 1;
  transition: 0.25s ease-in-out;
  transition-property: border-color;
  pointer-events: none;
}
.mU .u-select:hover:after {
  border-color: #000000;
}

.u-checkbox {
  position: relative;
}
.u-checkbox label {
  display: block;
  position: relative;
  padding-left: 2.125rem;
  color: #000000;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.u-checkbox label strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-checkbox label:before, .u-checkbox label:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  transition: 0.25s ease-in-out;
}
.u-checkbox label:before {
  border: 1px solid #cccccc;
  background: #FFFFFF;
  left: 0;
  width: 1.375rem;
  height: 1.375rem;
  transition-property: border, box-shadow;
}
.u-checkbox label:after {
  border: 2px solid #cccccc;
  border-top: 0;
  border-left: 0;
  width: 0.5rem;
  height: 0.75rem;
  left: 0.4375rem;
  transform: translate(0, -75%) rotate(45deg) scale(0.5);
  transform-origin: center;
  transition-property: transform, opacity, visibility;
  opacity: 0;
  visibility: hidden;
}
.mU .u-checkbox label:hover:before {
  border-color: #000000;
}
.mU .u-checkbox label:hover:after {
  transform: translate(0, -70%) rotate(45deg) scale(0.8);
  opacity: 1;
  visibility: visible;
}
.u-checkbox input[type=checkbox] {
  width: 2rem;
  margin: 0 0 0 -2rem;
  opacity: 0;
  float: left;
  transform: translate(-10000px, 0);
}
.kU .u-checkbox input[type=checkbox]:focus ~ label:before {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}
.u-checkbox input[type=checkbox]:checked ~ label:after {
  border-color: #E53527;
  transform: translate(0, -75%) rotate(45deg) scale(1);
  opacity: 1;
  visibility: visible;
}
.u-checkbox input[readonly=readonly] ~ label {
  pointer-events: none;
}

.u-radiobutton {
  position: relative;
}
.u-radiobutton label {
  display: block;
  position: relative;
  padding-left: 2.125rem;
  color: #000000;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.u-radiobutton label strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-radiobutton label:before, .u-radiobutton label:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  transition: 0.1s ease-in-out;
}
.u-radiobutton label:before {
  border: 1px solid #cccccc;
  background: #FFFFFF;
  left: 0;
  border-radius: 50%;
  width: 1.375rem;
  height: 1.375rem;
  transition-property: border;
}
.u-radiobutton label:after {
  background: #cccccc;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  left: 0.1875rem;
  transform: translate(0, -50%) scale(0.5);
  transform-origin: center;
  transition-property: transform, opacity, visibility;
  opacity: 0;
  visibility: hidden;
}
.mU .u-radiobutton label:hover:before {
  border-color: #000000;
}
.mU .u-radiobutton label:hover:after {
  transform: translate(0, -50%) scale(0.8);
  opacity: 1;
  visibility: visible;
}
.u-radiobutton input {
  width: 2rem;
  margin: 0 0 0 -2rem;
  opacity: 0;
  float: left;
  transform: translate(-10000px, 0);
}
.u-radiobutton input:checked ~ label:after {
  background: #E53527;
  transform: translate(0, -50%) scale(1) !important;
  opacity: 1;
  visibility: visible;
}
.u-radiobutton input[readonly=readonly] ~ label {
  pointer-events: none;
}

.u-datepicker {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  width: 16.625rem;
  flex: 0 0 auto !important;
}
.u-datepicker .k-input {
  position: relative;
  width: 100%;
  border-radius: 0;
  border: 0;
  z-index: unset;
  overflow: visible;
}
.u-datepicker .k-input.k-focus {
  box-shadow: none;
}
.u-datepicker .k-input .k-input-inner {
  padding: 0.5625rem 0.75rem;
}
.u-datepicker .k-input button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  background: none;
  width: 2.5rem;
  height: 2.5rem;
  color: #666666;
  transition: 0.25s ease-in-out;
  transition-property: color;
}
.u-datepicker .k-input button .k-icon {
  width: 100%;
  height: 100%;
}
.u-datepicker .k-input button .k-icon:before {
  font-size: 1.25rem;
}
.mU .u-datepicker .k-input button:hover {
  color: #000000;
}

.u-password ul {
  margin-top: 0.25rem;
  color: gray;
}
.u-password ul li {
  display: inline;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  line-height: 1;
}
.u-password ul li strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-password ul li:not(:last-child):after {
  content: ",";
}

.u-input-file input {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  cursor: pointer;
}
.u-input-file input::-webkit-file-upload-button, .u-input-file input::file-selector-button {
  cursor: pointer;
  height: 2.375rem;
  background: #e6e6e6;
  border: 0;
  border-right: 1px solid #cccccc;
  padding: 0.4375rem 0.75rem 0.5625rem;
  margin-right: 0.75rem;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  transition: 0.25s ease-in-out;
  transition-property: background, color;
}
.u-input-file input::-webkit-file-upload-button strong, .u-input-file input::file-selector-button strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.mU .u-input-file input:hover::-webkit-file-upload-button, .mU .u-input-file input:hover::file-selector-button {
  background: #E53527;
  color: #FFFFFF;
}

.u-logo-displayer {
  width: 50%;
  aspect-ratio: 1/1;
  margin-bottom: 1rem;
  flex: 1 0 auto !important;
  border: 1px solid #999999;
}
.u-logo-displayer:empty {
  display: none;
}
.u-logo-displayer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.u-image-preview {
  width: 100%;
  display: block;
  margin-bottom: 0.75rem;
}

.u-logo-preview {
  width: 100%;
  max-width: 13.5rem;
  display: block;
  margin-bottom: 0.75rem;
}

.u-buttons-radio {
  display: flex;
}
.u-buttons-radio input {
  width: 2rem;
  margin: 0 0 0 -2rem;
  opacity: 0;
  float: left;
  transform: translate(-10000px, 0);
}
.u-buttons-radio label {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0.4375rem 1rem;
  height: 100%;
  color: #000000;
  background: #e6e6e6;
  border: 1px solid #cccccc;
  cursor: pointer;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.1);
  -webkit-touch-callout: none;
  user-select: none;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  transition: 0.25s ease-in-out;
  transition-property: background, border-color;
}
.u-buttons-radio label strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.mU .u-buttons-radio label:hover {
  background: #cccccc;
}
.u-buttons-radio .u-button-radio {
  flex: 1 0 0;
}
.u-buttons-radio .u-button-radio.btn {
  padding: 0;
  display: block;
  border: 0;
  white-space: unset;
}
.u-buttons-radio .u-button-radio:first-child label {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.u-buttons-radio .u-button-radio:last-child label {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.u-buttons-radio .u-button-radio.active label {
  font-weight: 600;
  background: #E53527;
  color: #FFFFFF;
  border: 1px solid transparent;
  cursor: unset;
}

@media screen and (min-width: 744px) {
  .u-buttons-radio label {
    font-family: Gellix, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.0625rem;
  }
  .u-buttons-radio label strong {
    font-weight: 700;
    letter-spacing: 0.09375rem;
  }
}
[size=lg] label,
[size=lg] .u-display-label {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
[size=lg] label strong,
[size=lg] .u-display-label strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
[size=lg] .u-input-field input, [size=lg] .u-input-field select, [size=lg] .u-input-field textarea {
  padding: 0.8125rem 1rem;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
[size=lg] .u-input-field input strong, [size=lg] .u-input-field select strong, [size=lg] .u-input-field textarea strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
[size=lg] .u-checkbox label, [size=lg] .u-radiobutton label {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

[size=md] label,
[size=md] .u-display-label {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
[size=md] label strong,
[size=md] .u-display-label strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
[size=md] .u-input-field input, [size=md] .u-input-field select, [size=md] .u-input-field textarea {
  padding: 0.5625rem 0.75rem;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
[size=md] .u-input-field input strong, [size=md] .u-input-field select strong, [size=md] .u-input-field textarea strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
[size=md] .u-checkbox label, [size=md] .u-radiobutton label {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

[size=sm] label,
[size=sm] .u-display-label {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
[size=sm] label strong,
[size=sm] .u-display-label strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
[size=sm] .u-input-field input, [size=sm] .u-input-field select, [size=sm] .u-input-field textarea {
  padding: 0.4375rem 0.5rem;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
[size=sm] .u-input-field input strong, [size=sm] .u-input-field select strong, [size=sm] .u-input-field textarea strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
[size=sm] .u-checkbox label, [size=sm] .u-radiobutton label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media screen and (min-width: 744px) {
  [size=lg] label,
  [size=lg] .u-display-label {
    min-height: 3rem;
  }
  [size=md] label,
  [size=md] .u-display-label {
    min-height: 2.5rem;
  }
  [size=sm] label,
  [size=sm] .u-display-label {
    min-height: 2rem;
  }
}
.u-password-checker {
  padding: 0;
  list-style: none;
}
.u-password-checker li {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  padding-left: 20px;
  transition: 0.25s;
}
.u-password-checker li:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("/Content/icons/24/status/icon-info.svg");
  background-size: 20px 20px;
  background-position: center;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 1px;
}
.u-password-checker li.ok:before {
  background-image: url("/Content/icons/24/status/icon-valid.svg");
}
.u-password-checker li.nok {
  color: #ED1C24;
}
.u-password-checker li.nok:before {
  background-image: url("/Content/icons/24/status/icon-invalid.svg");
}

.u-input-field .MultiLanguageText {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.u-input-field .MultiLanguageText .input-group {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.u-input-field .MultiLanguageText .input-group .input-group-addon {
  background: #e6e6e6;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

.u-svg-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.u-svg-title u-svg svg {
  width: 2.5rem;
  height: 2.5rem;
}

h2.u-svg-title {
  margin-bottom: 1rem;
}

h4.u-svg-title u-svg svg {
  width: 2rem;
  height: 2rem;
}

.u-title-button-group {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.u-title-button-group h2 {
  margin: 0;
}
.u-title-button-group .u-link a {
  text-decoration: none;
}

.u-skeleton {
  --skeleton-color-light: rgba(128, 128, 128, 0.1);
  --skeleton-color-dark: rgba(128, 128, 128, 0.2);
  display: block;
}
.u-skeleton span {
  display: block;
  border-radius: 0.125rem;
  background: var(--skeleton-color-light);
  animation: loading 1s ease-in-out infinite alternate;
}
@keyframes loading {
  0% {
    background: var(--skeleton-color-dark);
  }
}
.u-skeleton[variant=menu-item] {
  padding: var(--skeleton-padding, 0.75rem) 0;
  border-bottom: var(--skeleton-border-width, 0.0625rem) solid var(--skeleton-color-light);
}
.u-skeleton[variant=menu-item]:first-child {
  border-top: var(--skeleton-border-width, 0.0625rem) solid var(--skeleton-color-light);
}
.u-skeleton[variant=menu-item] span {
  max-width: var(--skeleton-width, 27rem);
  height: var(--skeleton-height, 1.5rem);
}
.u-skeleton[variant=label] {
  padding: var(--skeleton-padding, 0.6875rem) 0;
}
.u-skeleton[variant=label] span {
  height: var(--skeleton-height, 1.125rem);
  max-width: var(--skeleton-width, 13.5rem);
}
.u-skeleton[variant=input-text] {
  margin-bottom: var(--skeleton-margin, 1rem);
}
.u-skeleton[variant=input-text] span {
  max-width: var(--skeleton-width, 100%);
  height: var(--skeleton-height, 2.5rem);
}
.u-skeleton[variant=btn] span {
  width: var(--skeleton-width, 7.5rem);
  height: var(--skeleton-height, 2.5rem);
}
.u-skeleton[variant=paragraph] {
  margin-bottom: var(--skeleton-margin, 1rem);
}
.u-skeleton[variant=paragraph] span {
  width: var(--skeleton-width, 100%);
  height: var(--skeleton-height, 0.875rem);
  margin-bottom: 0.25rem;
}
.u-skeleton[variant=paragraph] span:last-child {
  width: calc(var(--skeleton-width, 100%) / 2);
}
.u-skeleton[variant=hr] span {
  width: var(--skeleton-width, 100%);
  height: var(--skeleton-height, 0.0625rem);
  margin: var(--skeleton-margin, 1rem);
}

.u-language-selector .u-fake-select {
  position: relative;
}
.mU .u-language-selector .u-fake-select:hover ul {
  opacity: 1;
  visibility: visible;
}
.u-language-selector .u-fake-select:focus-within ul {
  opacity: 1;
  visibility: visible;
}
.u-language-selector button {
  width: 100%;
  padding: 0.625rem 0.75rem;
  background: #FFFFFF;
  border: 1px solid #cccccc;
  border-radius: 0;
  color: #000000;
  transition: 0.25s ease-in-out;
  transition-property: background, color, border, box-shadow;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  text-align: left;
  position: relative;
}
.u-language-selector button strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-language-selector button:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border: 2px solid #666666;
  border-top: 0;
  border-left: 0;
  transform: translate(-0.75rem, calc(-50% - 0.125rem)) rotate(45deg);
  z-index: 1;
  transition: 0.25s ease-in-out;
  transition-property: border-color;
  pointer-events: none;
}
.mU .u-language-selector button:hover {
  border-color: #000000;
}
.mU .u-language-selector button:hover:after {
  border-color: #000000;
}
.u-language-selector button:focus {
  border-color: #000000;
}
.kU .u-language-selector button:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}
.u-language-selector ul {
  position: absolute;
  z-index: 1;
  width: 100%;
  margin-top: -0.0625rem;
  border: 1px solid #999999;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease-in-out;
  transition-property: visibility, opacity;
}
.u-language-selector li:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
.u-language-selector li a, .u-language-selector li span {
  display: block;
  position: relative;
  padding: 0.5rem;
  color: #000000;
  background: #FFFFFF;
  padding-left: 1.75rem;
  transition: 0.25s ease-in-out;
  transition-property: background;
}
.u-language-selector li a:before, .u-language-selector li span:before {
  content: "";
  width: 0.375rem;
  height: 0.625rem;
  border-right: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  position: absolute;
  left: 0.75rem;
  top: 0.625rem;
  transform: rotate(45deg);
  transition: 0.25s ease-in-out;
  transition-property: border-color;
}
.mU .u-language-selector li a:hover, .mU .u-language-selector li span:hover {
  background: #e6e6e6;
  color: #000000;
}
.kU .u-language-selector li a:focus, .kU .u-language-selector li span:focus {
  outline: 0;
  box-shadow: inset 0 0 0px 0.1875rem #00cfff;
}
.u-language-selector li.u-selected a, .u-language-selector li.u-selected span {
  font-weight: bold;
}
.u-language-selector li.u-selected a:before, .u-language-selector li.u-selected span:before {
  border-color: #000000;
}

.u-collapse {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e6e6e6;
  --collapse-max-height: 100vh;
  --collapsible-icon-color: inherit;
  --collapsible-icon-color-hover: inherit;
}
.u-collapse[only_mobile] {
  border-bottom: 0;
}
.u-collapse > button {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
  padding: 0.75rem 0;
  overflow: hidden;
  transition: 0.25s ease-in-out;
  transition-property: color, background, box-shadow;
}
.u-collapse > button span {
  text-align: left;
}
.u-collapse > button .u-svg {
  transition: 0.25s ease-in-out;
  transition-property: transform, color, opacity;
}
.u-collapse > button .u-svg:last-child {
  margin-left: auto;
}
.u-collapse > button .u-svg[collapsible] {
  color: var(--collapsible-icon-color);
}
.mU .u-collapse > button:hover .u-svg[collapsible] {
  opacity: 0.5;
  color: var(--collapsible-icon-color-hover);
}
.kU .u-collapse > button:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}
.u-collapse > button.active {
  animation: collapse-active 0.5s forwards;
}
.u-collapse > div[role=region] {
  max-height: 0;
  overflow: hidden;
  transition: 0.25s ease-in-out;
  transition-property: max-height, margin;
}
.u-collapse button[aria-expanded=true] .u-svg[collapsible] {
  transform: scale(-1);
}
.u-collapse button[aria-expanded=true] + div[role=region] {
  max-height: var(--collapse-max-height);
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}

@keyframes collapse-active {
  0% {
    color: #E53527;
  }
}
.u-thumb-link > * {
  flex-direction: column;
  align-items: start;
  text-decoration-color: transparent;
}
.mU .u-thumb-link > *:hover .u-thumb {
  background: #333333;
}
.mU .u-thumb-link > *:hover .u-thumb img {
  filter: brightness(0.5);
}
.mU .u-thumb-link > *:hover .u-thumb .u-svg {
  opacity: 1;
}
.u-thumb-link .u-thumb {
  position: relative;
  border: 2px solid #cccccc;
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  margin-bottom: 0.5rem;
  background: #e6e6e6;
  transition: 0.25s ease-in-out;
  transition-property: background;
}
.u-thumb-link .u-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.25s ease-in-out;
  transition-property: filter;
}
.u-thumb-link .u-thumb [src$=".svg"] {
  object-fit: contain;
  opacity: 0.2;
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.u-thumb-link .u-thumb .u-svg {
  transition: 0.25s ease-in-out opacity;
  color: #FFFFFF;
  opacity: 0;
}
.u-thumb-link .u-thumb .u-svg svg {
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.u-slider {
  display: block;
  text-align: center;
  --item-width: auto;
  --slide-min-height: 17.4375rem;
  --slider-gap: 1rem;
  --items-per-slide: 1;
  --placeholder-background: #e6e6e6;
  --no-slides-justify: center;
}
.u-slider .slider-container {
  position: relative;
}
.u-slider .slider-wrapper {
  position: relative;
}
.u-slider .slider-carousel {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  position: relative;
  overflow-y: hidden;
  column-gap: var(--slider-gap);
  -webkit-touch-callout: none;
  user-select: none;
  scrollbar-width: none;
}
.u-slider .slider-carousel::-webkit-scrollbar {
  display: none;
}
.kU .u-slider .slider-carousel {
  scroll-behavior: smooth;
}
.u-slider .slider-carousel > li {
  display: flex;
  justify-content: center;
  align-items: center;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  background: var(--placeholder-background);
  flex: 1 0 calc((100% - var(--slider-gap) * (var(--items-per-slide) - 1)) / var(--items-per-slide));
  min-height: var(--slide-min-height);
}
.u-slider .slider-carousel > li > *:not(nb-loader) {
  width: 100%;
  min-height: 100%;
  transition: 0.25s ease-in-out;
  transition-property: box-shadow, border;
}
.u-slider .overflow .slider-wrapper {
  width: 100vw;
  left: -1rem;
}
.u-slider .overflow .slider-carousel {
  padding: 0 calc((100% - var(--item-width) * var(--items-per-slide) - var(--slider-gap) * (var(--items-per-slide) - 1)) / 2);
  scroll-padding: 0 calc((100% - var(--item-width) * var(--items-per-slide) - var(--slider-gap) * (var(--items-per-slide) - 1)) / 2);
}
.u-slider .overflow .slider-carousel li.inactive {
  pointer-events: none;
}
.u-slider .overflow .safari-fix {
  flex: 1 0 auto;
  visibility: hidden;
}
.u-slider .no-slides {
  justify-content: var(--no-slides-justify);
}
.u-slider .flex-auto > li {
  flex: 0 0 auto;
}

@media screen and (max-width: 743px) {
  .u-slider .slider-carousel > li {
    scroll-snap-stop: always;
  }
}
@media screen and (min-width: 744px) {
  .u-slider .overflow .slider-wrapper {
    left: calc((100vw - var(--item-width) * var(--items-per-slide) - var(--slider-gap) * (var(--items-per-slide) - 1)) / -2);
  }
}
.u-slider .slider-prev,
.u-slider .slider-next {
  position: absolute;
  top: 50%;
  transition: 0.25s ease-in-out;
  transition-property: visibility, opacity;
  z-index: 1;
}
.u-slider .slider-prev {
  left: 0;
  transform: translate(-50%, -50%);
}
.u-slider .slider-next {
  right: 0;
  transform: translate(50%, -50%);
}
.u-slider .isHidden {
  opacity: 0;
  visibility: hidden;
}

.u-slider nav,
.u-slider .slider-counter {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
}
.u-slider nav {
  margin-bottom: -0.6875rem;
}
.u-slider nav button {
  padding: 0.6875rem;
  border-radius: 50%;
  transition: 0.25s ease-in-out;
  transition-property: opacity;
  opacity: 0.5;
}
.u-slider nav button span {
  display: block;
  background: currentColor;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  transition: 0.25s ease-in-out;
  transition-property: box-shadow, background;
  pointer-events: none;
}
.u-slider nav button.active {
  opacity: 1;
}
.mU .u-slider nav button:hover {
  opacity: 1;
}
.kU .u-slider nav button:focus {
  opacity: 1;
}
.kU .u-slider nav button:focus span {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}
.u-slider .slider-counter {
  position: relative;
  display: inline-flex;
  width: 50%;
}
.u-slider .slider-counter span {
  color: currentColor;
  padding: 0 0.25rem;
}
.u-slider .slider-counter .slider-prev button,
.u-slider .slider-counter .slider-next button {
  background: none;
}

.u-slider {
  --gradients-color: #FFFFFF;
  --gradients-color-transparent: #FFFFFF00;
  --gradients-width: 1rem;
}
.u-slider .container.hasGradients:before, .u-slider .container.hasGradients:after {
  content: "";
  width: var(--gradients-width);
  height: 100%;
  position: absolute;
  top: 0;
}
.u-slider .container.hasGradients:before {
  z-index: 1;
  left: 0;
  background-image: linear-gradient(to left, var(--gradients-color) 0%, var(--gradients-color-transparent) 100%);
}
.u-slider .container.hasGradients:after {
  right: 0;
  background-image: linear-gradient(to right, var(--gradients-color) 0%, var(--gradients-color-transparent) 100%);
}

.u-login-template {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  position: relative;
}
.u-login-template > section {
  flex: 1 1 0;
}
.u-login-template h1 {
  color: #FFFFFF;
  margin-bottom: 2rem;
}
.u-login-template .u-login-box {
  display: flex;
  width: 100%;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
}
.u-login-template .u-login-box > form, .u-login-template .u-login-box > div {
  width: 100%;
}
.u-login-template .u-login-box h2 {
  margin-bottom: 1.5rem;
}
.u-login-template .u-login-box .u-separator {
  position: relative;
  margin: 1rem 0;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.u-login-template .u-login-box .u-separator:before, .u-login-template .u-login-box .u-separator:after {
  content: "";
  display: flex;
  width: 50%;
  height: 1px;
  background: #000000;
}
.u-login-template .u-login-box .u-small {
  margin-top: 2rem;
  color: #666666;
}
.u-login-template .u-incompatible p {
  margin-bottom: 1.5rem;
}
.u-login-template .u-incompatible .u-logo-browser {
  width: 100%;
  height: 3rem;
  object-fit: contain;
  margin-bottom: 1rem;
}

@media screen and (min-width: 1194px) {
  .u-login-template h1 {
    margin-bottom: 4rem;
  }
  .u-login-template .u-login-box .u-group {
    flex-direction: row;
    gap: 1rem;
  }
}
.u-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  background-color: #E53527;
  color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3.125rem;
}
.u-header a {
  color: inherit;
}
.u-header .u-actions-left {
  height: 100%;
}
.u-header .u-logos {
  height: 100%;
  flex-grow: 1;
  padding: 0 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  border-left: 1px solid #FFFFFF;
}
.u-header .logo-icc svg {
  height: 2rem;
  width: auto;
}
.u-header .u-search-mobile {
  height: 100%;
  margin-left: auto;
  border-left: 1px solid #FFFFFF;
}
.u-header .u-notifications {
  height: 100%;
  margin-left: auto;
  border-left: 1px solid #FFFFFF;
}
.u-header .u-online-help {
  height: 100%;
  border-left: 1px solid #FFFFFF;
}
.u-header .u-account {
  height: 100%;
  border-left: 1px solid #FFFFFF;
  margin-left: auto;
}

@media screen and (max-width: 834px) {
  .u-header .u-logos {
    padding: 0 0.5rem;
  }
  .u-header .u-header-title {
    font-size: 0.625rem;
  }
  .u-header .u-btn:not(.u-burger) > * {
    padding: 0 0.5rem;
  }
}
@media screen and (min-width: 835px) {
  .u-header {
    overflow: hidden;
    height: 3.75rem;
  }
  .u-header .u-burger {
    display: none;
  }
  .u-header .u-logos {
    flex-grow: 0;
    padding: 0 1.5rem;
    gap: 1.5rem;
    border: 0;
  }
  .u-header .logo-icc svg {
    height: 3.125rem;
    width: auto;
  }
  .u-header .u-header-title {
    white-space: nowrap;
  }
  .u-header form {
    flex-grow: 1;
    padding: 0 1.5rem;
  }
  .u-header .u-notifications .u-btn,
  .u-header .u-online-help .u-btn {
    aspect-ratio: 1/1;
  }
  .u-header .u-account button {
    justify-content: start;
  }
}
.u-header .u-search {
  display: flex;
  justify-content: center;
}
.u-header .u-search .u-input-text {
  width: calc(100% - 2.5rem);
}
.u-header .u-search .u-input-text input {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  padding: 0.75rem;
  width: 100%;
  border: #FFFFFF;
  background: #e6e6e6;
  transition: 0.25s ease-in-out;
  transition-property: background;
}
.u-header .u-search .u-input-text input strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-header .u-search .u-input-text input:focus {
  background: #FFFFFF;
}
.u-header .u-search .u-cta button {
  padding-left: 0;
  padding-right: 0;
  width: 2.5rem;
  height: 100%;
  background: #e6e6e6;
  color: gray;
}
.u-header .u-search .u-cta button svg {
  width: 1.25rem;
  height: 1.25rem;
}
.mU .u-header .u-search .u-cta button:hover {
  color: #E53527;
}

@media screen and (max-width: 834px) {
  .u-header .u-search {
    position: fixed;
    top: 3.125rem;
    left: 0;
    width: 100vw;
    height: auto;
    padding: 0.5rem;
    background: #E53527;
    border-top: 1px solid #FFFFFF;
    overflow: hidden;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    max-height: 0;
    transition: 0.25s ease-in-out;
    transition-property: max-height, visibility, opacity;
    opacity: 0;
    visibility: hidden;
  }
  .u-header .u-search.toggle {
    max-height: 3.75rem;
    opacity: 1;
    visibility: visible;
  }
  .u-header .u-search-mobile .u-cta.toggle:after {
    content: "";
    height: 1px;
    width: 3rem;
    background: #E53527;
    position: absolute;
    bottom: -1px;
    z-index: 1;
  }
}
@media screen and (min-width: 835px) {
  .u-header .u-search-mobile {
    display: none;
  }
  .u-header .u-search .u-input-text {
    width: 100%;
    min-width: 15rem;
    max-width: 30rem;
  }
  .u-header .u-search .u-input-text input {
    padding: 0.5rem;
    width: 100%;
    line-height: 1rem;
  }
  .u-header .u-search .u-cta button {
    width: 2rem;
  }
}
.u-header .u-account .u-cta span {
  display: none;
}

@media screen and (min-width: 835px) {
  .u-header .u-account {
    width: 100%;
    min-width: 15rem;
    max-width: 22.5rem;
  }
  .u-header .u-account .u-cta span {
    display: block;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
}
.u-header .u-online-help {
  position: relative;
}
.u-header .u-online-help .u-cta.toggle > * {
  background: #853ee6;
  border-color: #853ee6;
}
.mU .u-header .u-online-help .u-cta.toggle > *:hover {
  background: #4a0e80;
  border-color: #4a0e80;
}

.u-footer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: 1.5rem 1rem;
  background-color: #E53527;
  color: #FFFFFF;
}
.u-footer .u-logos {
  display: flex;
  gap: 2rem;
}
.u-footer .u-logos svg {
  width: auto;
  height: 4.5rem;
}
.u-footer .u-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.u-footer .u-items a {
  color: #FFFFFF;
  padding: 0.75rem 0;
}
.u-footer .u-items a span {
  position: relative;
  display: inline-block;
}
.u-footer .u-items a span:after {
  content: "";
  width: 100%;
  height: 1px;
  background: currentColor;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.25s ease-in-out;
  transition-property: opacity, visibility;
  opacity: 0;
  visibility: hidden;
}
.mU .u-footer .u-items a:hover span:after {
  opacity: 1;
  visibility: visible;
}
.u-footer .u-items .u-icc-link {
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  width: 100%;
}
.u-footer .u-infos {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
.u-footer .u-infos a {
  color: #FFFFFF;
}

@media screen and (min-width: 744px) {
  .u-footer {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 6rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .u-footer .u-logos {
    flex: 0 0 19.5rem;
  }
  .u-footer .u-logos svg {
    width: auto;
    height: 3.125rem;
  }
  .u-footer .u-items {
    flex-direction: row;
    gap: 1px;
  }
  .u-footer .u-items a {
    position: relative;
    padding: 0.75rem 1rem;
  }
  .u-footer .u-items a:not(:last-child):after {
    content: "";
    height: 50%;
    width: 1px;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: -1px;
  }
  .u-footer .u-items .u-icc-link:after {
    display: none;
  }
}
.u-menu {
  background-color: #4d4d4d;
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
  min-width: 18.75rem;
  max-width: 100vw;
  padding-bottom: 2rem;
  position: fixed;
  height: calc(100vh - 3.125rem);
  top: 3.125rem;
  left: 0;
  z-index: 101;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.25s ease-in-out;
  transition-property: transform;
  transform: translate(-100%, 0);
  display: flex;
  flex-direction: column;
}
.u-menu > ul {
  display: flex;
  flex-direction: column;
}
.u-menu > ul > li {
  border-bottom: 1px solid #333333;
  position: relative;
}
.u-menu > ul > li > a, .u-menu > ul > li > button {
  display: block;
  text-align: left;
  width: 100%;
  color: #FFFFFF;
  padding: 0.6875rem 1.25rem 0.625rem 3.75rem;
  position: relative;
  transition: 0.25s ease-in-out;
  transition-property: background-color;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
  white-space: nowrap;
}
.u-menu > ul > li > a:before, .u-menu > ul > li > button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3.75rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: invert(100%);
}
.mU .u-menu > ul > li > a:hover, .mU .u-menu > ul > li > button:hover {
  background-color: #333333;
}
.u-menu > ul > li.selected {
  border-bottom: 2px solid #E53527;
}
.u-menu > ul > li.selected > a, .u-menu > ul > li.selected > button {
  background-color: #E53527 !important;
}
.u-menu > ul > li.selected > a:after, .u-menu > ul > li.selected > button:after {
  border-color: rgba(255, 255, 255, 0.7);
}
.u-menu > ul > li.selected button:after {
  transform: translate(0, calc(-50% + 0.1875rem)) rotate(45deg) scale(-1);
  opacity: 0;
  visibility: hidden;
}
.u-menu > ul > li.selected button ~ ul {
  max-height: 30rem;
  opacity: 1;
  visibility: visible;
}
.u-menu > ul > li > button {
  padding-right: 3rem;
}
.u-menu > ul > li > button:after {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border: 2px solid #666666;
  border-top: 0;
  border-left: 0;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translate(0, calc(-50% - 0.1875rem)) rotate(45deg);
  transition: 0.25s ease-in-out;
  transition-property: border-color, transform;
  transform-origin: center;
}
.mU .u-menu > ul > li > button:hover:after {
  border-color: #FFFFFF;
}
.u-menu > ul > li > button ~ ul {
  max-height: 0;
  overflow: hidden;
  transition: 0.25s ease-in-out;
  transition-property: max-height, visibility, opacity;
  opacity: 0;
  visibility: hidden;
}
.u-menu > ul > li > button.isOpen:after {
  transform: translate(0, calc(-50% + 0.1875rem)) rotate(45deg) scale(-1);
}
.u-menu > ul > li > button.isOpen ~ ul {
  max-height: 30rem;
  opacity: 1;
  visibility: visible;
}
.mU .u-menu > ul > li:hover button {
  background: #4d4d4d;
}
.u-menu > ul > li > ul > li > a {
  display: block;
  color: #FFFFFF;
  padding: 0.875rem 1.25rem 0.8125rem 4.5rem;
  position: relative;
  transition: 0.25s ease-in-out;
  transition-property: background-color;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  white-space: nowrap;
}
.u-menu > ul > li > ul > li > a strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-menu > ul > li > ul > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3.75rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: invert(75%);
}
.mU .u-menu > ul > li > ul > li > a:hover {
  background-color: #333333;
}
.u-menu > ul > li > ul > li.selected a {
  background: #c22417 !important;
}
.u-menu.toggle {
  transform: translate(0, 0);
}

@media screen and (min-width: 835px) {
  .u-menu {
    min-width: unset;
    max-width: 3.75rem;
    height: calc(100vh - 3.75rem);
    top: 3.75rem;
    overflow-y: hidden;
    transform: translate(0, 0);
    transition-property: max-width;
    -moz-scrollbar-color: #808080 transparent;
    -moz-scrollbar-width: thin;
  }
  .u-menu::-webkit-scrollbar {
    width: 0.375rem;
    background: transparent;
  }
  .u-menu::-webkit-scrollbar-thumb {
    background-color: #808080;
    background-clip: content-box;
    border: 2px solid transparent;
    border-radius: 0.1875rem;
  }
  .mU .u-menu:hover {
    max-width: 23.4375rem;
    overflow-y: auto;
  }
}
@media screen and (min-width: 1194px) {
  .u-menu {
    padding-top: 2rem;
  }
}
.u-menu .dashboard:before {
  content: url("/Content/icons/32/menu/home.svg");
}
.u-menu .news:before {
  content: url("/Content/icons/32/menu/news.svg");
}
.u-menu .campaign:before {
  content: url("/Content/icons/32/menu/campaign.svg");
}
.u-menu .interviews:before {
  content: url("/Content/icons/32/menu/interviews.svg");
}
.u-menu .blogs:before {
  content: url("/Content/icons/32/menu/blogs.svg");
}
.u-menu .featuredarticles:before {
  content: url("/Content/icons/32/menu/featured-articles.svg");
}
.u-menu .featured-articles:before {
  content: url("/Content/icons/32/menu/featured-articles.svg");
}
.u-menu .organizations:before {
  content: url("/Content/icons/32/menu/organizations.svg");
}
.u-menu .contacts:before {
  content: url("/Content/icons/32/menu/contacts.svg");
}
.u-menu .committee:before {
  content: url("/Content/icons/32/menu/committee.svg");
}
.u-menu .committeestructure:before {
  content: url("/Content/icons/32/menu/committee.svg");
}
.u-menu .functions:before {
  content: url("/Content/icons/32/menu/functions.svg");
}
.u-menu .mandates:before {
  content: url("/Content/icons/32/menu/mandates.svg");
}
.u-menu .mandatesassignments:before {
  content: url("/Content/icons/32/menu/mandates-assignments.svg");
}
.u-menu .accounts:before {
  content: url("/Content/icons/32/menu/accounts.svg");
}
.u-menu .settings:before {
  content: url("/Content/icons/32/menu/settings.svg");
}
.u-menu .dictionary:before {
  content: url("/Content/icons/32/menu/settings-dictionary.svg");
}
.u-menu .itprovider::before {
  content: url("/Content/icons/32/menu/settings-itprovider.svg");
}
.u-menu .superuser:before {
  content: url("/Content/icons/32/menu/settings-superuser.svg");
}

.u-menu .u-footer {
  align-items: center;
  position: static;
  height: unset;
  background: none;
  padding: 3rem 1.5rem 0;
  margin-top: auto;
  width: 100%;
  min-width: 18.75rem;
}
.u-menu .u-footer .logo-icc-wcf svg {
  height: 4.0625rem;
}
.u-menu .u-footer .u-items {
  flex-direction: column;
  width: 100%;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.u-menu .u-footer .u-items strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-menu .u-footer .u-items a {
  display: inline;
  padding: 0.25rem 0;
}
.u-menu .u-footer .u-items a span {
  display: inline;
}
.u-menu .u-footer .u-items a:after {
  display: none;
}
.u-menu .u-footer .u-infos {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  width: 100%;
}
.u-menu .u-footer .u-infos strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}

@media screen and (min-width: 835px) {
  .u-menu .u-footer {
    flex-direction: column;
    transition: 0.25s ease-in-out;
    transition-property: visibility, opacity;
    opacity: 0;
    visibility: hidden;
  }
  .mU .u-menu:hover .u-footer {
    transition: 0.25s ease-in-out 0.25s;
    opacity: 1;
    visibility: visible;
  }
}
.u-news-item {
  position: relative;
  display: flex;
}
.u-news-item .u-visual {
  background: #e6e6e6;
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
}
.u-news-item img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.25s ease-in-out;
  transition-property: opacity;
}
.u-news-item .u-type {
  margin-bottom: 0.25rem;
}
.u-news-item .u-date {
  color: #666666;
  margin-bottom: 0.75rem;
}
.u-news-item h3 {
  margin-bottom: 1rem;
}
.u-news-item .u-summary {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.u-news-item .u-news-details {
  margin-top: 1.5rem;
}
.u-news-item .u-news-details .u-visual {
  max-width: 37.5rem;
  margin-bottom: 1.5rem;
}
.u-news-item .u-news-details .u-summary {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}
.u-news-item article {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #F8F8F8;
}
.u-news-item article.highlighted {
  background: #CCDFF3;
}
.u-news-item article .u-content {
  flex-grow: 1;
  padding: 1.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  text-align: left;
}
.u-news-item article .u-read-more {
  margin-top: auto;
  z-index: 1;
}
.u-news-item article .u-link-fit {
  display: none;
}

@media screen and (min-width: 1194px) {
  .u-news-item article {
    cursor: pointer;
    transition: 0.25s ease-in-out;
    transition-property: background, box-shadow;
  }
  .mU .u-news-item article:hover {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  }
  .mU .u-news-item article:hover img {
    opacity: 0.9;
  }
  .u-news-item article .u-link-fit {
    display: block;
    position: absolute;
    inset: 0 0 0 0;
  }
}
.u-news-slider {
  margin-bottom: 2rem;
}
.u-news-slider .u-slider .u-navbtn button {
  border-radius: 0;
}
.u-news-slider .u-slider nav button span {
  border-radius: 0;
}
.u-news-slider .u-slider nav button.active span {
  background: #E53527;
}
.mU .u-news-slider .u-slider nav button:hover span {
  background: #E53527;
}

@media screen and (min-width: 835px) {
  .u-news-slider .u-news-item {
    max-width: calc((100% - 4rem) / 3);
  }
}
.u-news-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media screen and (min-width: 744px) {
  .u-news-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 835px) {
  .u-news-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1194px) {
  .u-news-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.u-sidebar .u-news-item article {
  background: none;
}
.u-sidebar .u-news-item article .u-content {
  padding: 0;
}
.u-sidebar .u-news-item article img {
  width: auto;
  height: auto;
  margin: 1.5rem 0;
}

.u-infographics-section h3 {
  margin-bottom: 1.5rem;
}

.u-infographic {
  padding: 1rem;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
}
.u-infographic h4 {
  margin-top: 0.75rem;
  text-align: center;
  color: #808080;
}
.u-infographic .u-counter {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.u-infographic .u-counter p {
  width: 100%;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
  color: #ff5869;
  text-align: center;
}
.u-infographic .u-counter .u-counter-number {
  font-size: 4rem;
}

.k-chart {
  font-family: Gellix, Helvetica, Arial, sans-serif !important;
}
.k-chart [fill^=url] {
  display: none;
}
.k-chart [fill="#ff6800"] {
  fill: #ff5869;
}
.k-chart [fill="#a0a700"] {
  fill: #00bc00;
}
.k-chart [fill="#ff8d00"] {
  fill: #853ee6;
}
.k-chart [fill="#678900"] {
  fill: #ffd2d2;
}
.k-chart [fill="#ffb53c"] {
  fill: #c7e995;
}
.k-chart [fill="#396000"] {
  fill: #d9bbff;
}
.k-chart [stroke="#ff6800"] {
  stroke: #ff5869;
}
.k-chart [stroke="#a0a700"] {
  stroke: #00bc00;
}
.k-chart [stroke="#ff8d00"] {
  stroke: #ff5869;
}
.k-chart [stroke="#678900"] {
  stroke: #00bc00;
}
.k-chart [stroke="#ffb53c"] {
  stroke: #ff5869;
}
.k-chart [stroke="#396000"] {
  stroke: #00bc00;
}

.k-tooltip {
  font-family: Gellix, Helvetica, Arial, sans-serif !important;
  color: #FFFFFF !important;
  background: #b3b3b3 !important;
  border-color: transparent !important;
  font-weight: bold;
}
.k-tooltip[style*="background-color: rgb(255, 104, 0)"] {
  background: #ff5869 !important;
}
.k-tooltip[style*="background-color: rgb(160, 167, 0)"] {
  background: #00bc00 !important;
}
.k-tooltip[style*="background-color: rgb(255, 141, 0)"] {
  background: #853ee6 !important;
}
.k-tooltip[style*="background-color: rgb(103, 137, 0)"] {
  background: #ffd2d2 !important;
}
.k-tooltip[style*="background-color: rgb(255, 181, 60)"] {
  background: #c7e995 !important;
}
.k-tooltip[style*="background-color: rgb(57, 96, 0)"] {
  background: #d9bbff !important;
}

.u-steps {
  display: flex;
  justify-content: space-between;
  margin: 0.1875rem 0 1rem;
  position: relative;
}
.u-steps:before {
  content: "";
  height: 0.125rem;
  width: 80%;
  background: #e6e6e6;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 1rem;
}
.u-steps li {
  flex: 1 1 min-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.u-steps li > div {
  position: relative;
  width: 2rem;
  height: 2rem;
  border: 0.0625rem solid #b3b3b3;
  background: #FFFFFF;
  color: #000000;
  border-radius: 50%;
  text-align: center;
  line-height: 1.875rem;
}
.u-steps li > div span {
  transition: 0.25s ease-in-out;
  transition-property: visibility, opacity;
}
.u-steps li > p {
  text-align: center;
  margin-top: 0.25rem;
  display: none;
}
.u-steps li.u-previous > div {
  background: #E53527;
  border-color: #E53527;
  color: #FFFFFF;
}
.u-steps li.u-previous > p {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-steps li.u-previous:not(.u-current) > div span {
  opacity: 0;
  visibility: hidden;
}
.u-steps li.u-previous:not(.u-current) > div:before {
  content: "";
  display: block;
  width: 0.375rem;
  height: 0.625rem;
  border: 3px solid #FFFFFF;
  border-top: 0;
  border-left: 0;
  position: absolute;
  top: calc(50% - 0.125rem);
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.u-steps li.u-previous:not(.u-current):after {
  content: "";
  height: 0.125rem;
  background: #E53527;
  width: 100%;
  position: absolute;
  top: 1rem;
  transform: translate(0, -50%);
  left: calc(50% + 1rem);
}
.u-steps li.u-current > div {
  box-shadow: 0 0 0 0.125rem #FFFFFF, 0 0 0 0.1875rem #E53527;
}
.u-steps li.u-current > div span {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-steps li.u-current > p {
  display: block;
}

@media screen and (min-width: 744px) {
  .u-steps li > p {
    display: block;
  }
}
.u-transaction {
  width: 100%;
  border-spacing: 0;
  color: #000000;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.u-transaction strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-transaction .u-transaction-type td {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 1.75rem;
  line-height: 1.25;
  text-transform: normal;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  padding: 0.25rem 0.75rem;
}
@media screen and (min-width: 744px) {
  .u-transaction .u-transaction-type td {
    font-size: 3rem;
  }
}
.u-transaction td {
  padding: 0.125rem 0.25rem;
  vertical-align: top;
}
.u-transaction tbody tr:first-child td {
  padding-top: 0.5rem;
}
.u-transaction tbody tr:last-child td {
  padding-bottom: 0.5rem;
}
.u-transaction tbody:not(:last-child) > tr:last-child > td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.u-transaction .u-td-label {
  color: #666666;
}
.u-transaction .u-td-label[colspan="2"] {
  padding-bottom: 0.25rem;
}
.u-transaction .u-td-label[colspan="2"] span {
  display: block;
  margin-bottom: 0.5rem;
}
.u-transaction .u-td-label[colspan="2"] .k-grid {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.u-transaction .u-td-value {
  font-weight: bold;
}
.u-transaction .u-td-value a {
  text-decoration: underline;
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
  transition: 0.25s ease-in-out;
}
.mU .u-transaction .u-td-value a:hover {
  opacity: 0.5;
}
.u-transaction .icon-lock {
  width: 1rem;
  margin-right: 0.75rem;
}

@media screen and (min-width: 744px) {
  .u-transaction td:first-child {
    width: 19.5rem;
  }
  .u-sidebar .u-transaction td:first-child {
    width: auto;
  }
}
.u-transaction[data-type=Export], .u-transaction[data-type=ReImport] {
  background-color: #fefee6;
  border-bottom: 2px solid #F7F952;
}
.u-transaction[data-type=Export] .transaction-title, .u-transaction[data-type=ReImport] .transaction-title {
  background-color: #F7F952;
}
.u-transaction[data-type=Import], .u-transaction[data-type=ReExport] {
  background-color: #fcfcfc;
  border-bottom: 2px solid #f2f2f2;
}
.u-transaction[data-type=Import] .transaction-title, .u-transaction[data-type=ReExport] .transaction-title {
  background-color: #f2f2f2;
}
.u-transaction[data-type=TransitIn], .u-transaction[data-type=TransitOut] {
  background-color: #f2f9fa;
  border-bottom: 2px solid #B1D8DF;
}
.u-transaction[data-type=TransitIn] .transaction-title, .u-transaction[data-type=TransitOut] .transaction-title {
  background-color: #B1D8DF;
}
.u-transaction[data-type=Validation] {
  background-color: #ebf6ed;
  border-bottom: 2px solid #AFDCB5;
}
.u-transaction[data-type=Validation] .transaction-title {
  background-color: #AFDCB5;
}

.u-transaction [class^=expiration-] {
  padding: 0.25rem 0.5rem;
  color: #FFFFFF;
  border-radius: 2px;
  font-weight: bold;
}
.u-transaction .expiration-red {
  background: #ED1C24;
}
.u-transaction .expiration-orange {
  background: #FF8A00;
}
.u-transaction .expiration-green {
  background: #00BC00;
}

@media screen and (max-width: 743px) {
  .u-transaction.u-validation > tbody > tr > td {
    display: block;
    width: 100%;
    padding: 0;
  }
  .u-transaction.u-validation > tbody > tr > td:nth-child(2) {
    border-top: 1px solid #e6e6e6;
    padding: 0.5rem;
  }
  .u-transaction.u-validation > tbody > tr > td:nth-child(2) > .u-td-label {
    margin-bottom: 0.75rem;
  }
  .u-transaction.u-validation img {
    width: 100%;
  }
}
@media screen and (min-width: 744px) {
  .u-transaction.u-validation > tbody > tr > td:nth-child(1) {
    width: calc(100% - 18.75rem);
  }
  .u-transaction.u-validation > tbody > tr > td:nth-child(1) > table {
    width: calc(100% - 1.5rem);
    margin-right: 1.5rem;
  }
  .u-transaction.u-validation > tbody > tr > td:nth-child(2) {
    width: 18.75rem;
    text-align: right;
  }
  .u-transaction.u-validation > tbody > tr > td:nth-child(2) > .u-td-label {
    display: inline-block;
    width: 18.75rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
  .u-transaction.u-validation > tbody > tr > td:nth-child(2) > .u-td-label span {
    display: block;
    width: 100%;
    text-align: left;
  }
  .u-transaction.u-validation img {
    width: 18.75rem;
  }
}
.k-grid {
  border: 0;
  max-width: calc(100vw - 2rem);
  overflow-x: auto;
}
.k-grid table *:not(.k-icon):not(.glyphicon) {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.k-grid table *:not(.k-icon):not(.glyphicon) strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-grid table th, .k-grid table td {
  padding: 0.5rem;
  border: 0;
  height: 2.5rem;
  box-sizing: border-box;
  white-space: normal;
  position: relative;
}
.k-grid table th:not(:last-child), .k-grid table td:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.k-grid table thead tr {
  background: rgba(255, 255, 255, 0.05);
}
.k-grid table thead th {
  vertical-align: middle !important;
}
.k-grid table thead th > .k-link {
  font-weight: bold !important;
  margin: 0 !important;
  padding: 0 !important;
}
.k-grid table tbody tr {
  background: rgba(0, 0, 0, 0.05);
  transition: 0.1s ease-in-out;
  transition-property: background;
}
.k-grid table tbody tr.k-alt {
  background: rgba(255, 255, 255, 0.05);
}
.mU .k-grid table tbody tr:not(.k-detail-row):not(.k-detail-row tr):hover {
  background: rgba(225, 240, 250, 0.5);
}
.mU .k-grid table tbody tr:not(.k-detail-row):not(.k-detail-row tr):hover.k-alt {
  background: rgba(230, 245, 255, 0.5);
}
.k-grid table tbody tr[aria-selected=true] {
  background: #E53527 !important;
  color: #FFFFFF !important;
}
.k-grid table tbody tr[aria-selected=true] .k-icon:before {
  border-color: #FFFFFF;
}
.k-grid table tfoot {
  background: rgba(0, 0, 0, 0.1) !important;
}
.k-grid table tfoot td {
  background: none !important;
  color: #000000 !important;
}
.k-grid .k-column-title {
  white-space: normal;
}
.k-grid .k-icon[aria-label=Expand], .k-grid .k-icon[aria-label=Collapse] {
  width: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
  position: relative;
}
.k-grid .k-icon[aria-label=Expand]:before, .k-grid .k-icon[aria-label=Collapse]:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border: 2px solid gray;
  border-top: 0;
  border-left: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.25s ease-in-out;
  transition-property: border-color;
}
.k-grid .k-icon[aria-label=Expand]:before {
  transform: translate(-50%, -50%) rotate(45deg);
  margin-top: -0.25rem;
}
.mU .k-grid .k-icon[aria-label=Expand]:hover:before {
  border-color: #E53527;
}
.k-grid .k-icon[aria-label=Collapse]:before {
  border-color: #FFFFFF;
  transform: translate(-50%, -50%) rotate(-135deg);
  margin-top: 0.125rem;
}
.k-grid .k-grid-filter {
  right: 0;
  bottom: auto;
  top: 50%;
  color: gray;
  transform: translate(0, -50%);
  transition: 0.25s ease-in-out;
  transition-property: color;
}
.k-grid .k-grid-filter:hover {
  background: none;
}
.mU .k-grid .k-grid-filter:hover {
  color: #E53527;
}
.k-grid .k-grid-filter:focus {
  box-shadow: none;
}
.kU .k-grid .k-grid-filter:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}
.k-grid .k-link {
  display: flex !important;
  align-items: center;
}
.k-grid .k-link .k-icon {
  font-size: 1rem;
  order: 1;
}
.k-grid .grid-logo {
  width: auto;
  height: 6rem;
}

@media screen and (max-width: 834px) {
  .k-grid {
    scrollbar-width: none;
  }
  .k-grid::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (min-width: 835px) {
  .k-grid {
    max-width: calc(100vw - 11.75rem);
    -moz-scrollbar-color: #999999 transparent;
    -moz-scrollbar-width: thin;
    scroll-margin-right: 0.25rem;
  }
  .k-grid::-webkit-scrollbar {
    width: 0.25rem;
    height: 0.25rem;
    background-color: #e6e6e6;
  }
  .k-grid::-webkit-scrollbar-thumb {
    background-color: #999999;
    border-radius: 0.25rem;
  }
  .k-grid::-webkit-scrollbar-corner {
    background-color: #e6e6e6;
  }
}
.k-grid .btn {
  padding: 0.25rem 0.75rem 0.3125rem;
  border-radius: 0;
  transition: 0.25s ease-in-out;
  transition-property: background, box-shadow;
}
.k-grid .btn + .btn, .k-grid .btn + .u-btn {
  margin-top: 0.5rem;
}
.k-grid .btn-default {
  color: #FFFFFF;
  background: #E53527;
  border: 1px solid #E53527;
}
.mU .k-grid .btn-default:hover {
  color: #FFFFFF;
  background: #c22417;
  border-color: #c22417;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.k-grid .btn-danger {
  background: #ED1C24;
  border-color: #de1219;
  color: #FFFFFF;
}
.mU .k-grid .btn-danger:hover {
  background: #c61017;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.k-grid .k-grid-filter-menu {
  color: #808080;
  transition: 0.25s ease-in-out color;
  background: none !important;
}
.mU .k-grid .k-grid-filter-menu:hover {
  color: #E53527;
}
.k-grid .k-grid-filter-menu.k-active {
  color: #E53527;
}
.k-grid .k-sort-icon .k-icon {
  color: #E53527;
}

.k-grid .k-master-row td[aria-expanded=true] {
  font-weight: bold;
  background: #E53527 !important;
  color: #FFFFFF !important;
}
.k-grid .k-master-row td[aria-expanded=true] ~ td {
  font-weight: bold;
  background: #E53527 !important;
  color: #FFFFFF !important;
}
.k-grid .k-detail-row > td {
  border-bottom: 2px solid #E53527;
}
.k-grid .k-detail-cell {
  padding: 0;
  background: none;
}
.k-grid .k-detail-cell .k-grid {
  background: none;
  max-width: 100%;
}
.k-grid .k-detail-cell thead th {
  background: #FFFFFF !important;
  border-top: 0 !important;
}
.k-grid .k-detail-cell tr {
  background: #fef9f8 !important;
}
.k-grid .k-detail-cell tr.k-alt {
  background: white !important;
}

.k-grid#grid [data-customs-status] {
  padding-left: 2rem;
  position: relative;
}
.k-grid#grid [data-customs-status]:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.25rem;
  transform: translate(0, -50%);
  width: 1.25rem;
  height: 1.25rem;
  background-size: contain;
}
.k-grid#grid [data-customs-status="0"]:before {
  background-image: url("/Content/icons/24/status/n-a.svg");
}
.k-grid#grid [data-customs-status="1"]:before {
  background-image: url("/Content/icons/24/status/terminated.svg");
}
.k-grid#grid [data-customs-status="2"]:before {
  background-image: url("/Content/icons/24/status/to-check.svg");
}
.k-grid#grid [data-customs-transit-monitor-status] {
  padding-left: 2rem;
  position: relative;
}
.k-grid#grid [data-customs-transit-monitor-status]:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.25rem;
  transform: translate(0, -50%);
  width: 1.25rem;
  height: 1.25rem;
  background-size: contain;
}
.k-grid#grid [data-customs-transit-monitor-status]:before {
  border-radius: 1.25rem;
}
.k-grid#grid [data-customs-transit-monitor-status="0"]:before {
  background-color: #FF8A00;
}
.k-grid#grid [data-customs-transit-monitor-status="1"]:before {
  background-color: #00BC00;
}
.k-grid#grid [data-customs-transit-monitor-status="2"]:before {
  background-color: #ED1C24;
}

.k-grid#grid .u-transaction-icon .u-svg {
  display: flex;
  justify-content: center;
  width: 4.5rem;
}
.k-grid#grid .u-transaction-icon .u-svg[source$="2"] {
  padding-left: 0.875rem;
}
.k-grid#grid .u-transaction-icon .u-svg[source$="3"] {
  padding-right: 0.5rem;
}
.k-grid#grid .u-transaction-icon .u-svg[source$="4"] {
  padding-left: 1.25rem;
}
.k-grid#grid .u-transaction-icon .u-svg[source$="5"] {
  padding-right: 0.625rem;
}

.k-pager {
  border-top: 0;
  margin-top: 1rem;
  padding: 0.5rem 0;
  display: flex;
  gap: 1rem;
  align-items: center;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.k-pager strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-pager .k-button {
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  transition: 0.25s ease-in-out;
  transition-property: background-color, color, border, box-shadow, text-shadow;
  color: gray;
  background: transparent;
  border: 0.0625rem solid gray !important;
}
.mU .k-pager .k-button:hover {
  color: #E53527;
  background: transparent;
  border-color: #4d4d4d;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.k-pager .k-button:before, .k-pager .k-button:after {
  display: none !important;
}
.k-pager .k-button:focus {
  box-shadow: none;
}
.kU .k-pager .k-button:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}
.k-pager .k-button.k-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.k-pager .k-pager-sizes .k-button {
  border: 0 !important;
}

@media screen and (max-width: 834px) {
  .k-pager {
    width: calc(100vw - 2rem);
    justify-content: space-between;
  }
  .k-pager:after {
    display: none;
  }
  .k-pager .k-pager-numbers {
    display: none;
  }
}
@media screen and (min-width: 835px) {
  .k-pager .k-pager-numbers {
    display: flex;
    gap: 1rem;
  }
  .k-pager .k-pager-numbers .k-button {
    border: 0 !important;
    background: #e6e6e6 !important;
  }
  .k-pager .k-pager-numbers .k-button.k-selected {
    pointer-events: none;
    color: #FFFFFF;
    background: #E53527 !important;
    border-color: #E53527 !important;
  }
  .k-pager .k-pager-info {
    color: #666666;
    display: block;
  }
}
main .k-grid {
  margin-bottom: 2.625rem;
}
main .k-pager {
  position: fixed;
  bottom: 1rem;
}

.k-grid > * {
  transition: 0.25s ease-in-out;
  transition-property: filter;
}
.k-grid .k-loading-mask {
  z-index: 10;
}
.k-grid .k-loading-mask .k-loading-color {
  opacity: 0.5;
}
.k-grid .k-loading-mask ~ * {
  filter: blur(1px);
}

.k-toolbar {
  position: fixed;
  top: 3.125rem;
  left: 0;
  width: 100vw;
  z-index: 9;
  background: #e6e6e6 !important;
  display: flex;
  gap: 1rem;
  border-bottom: 1px solid #cccccc;
  min-height: 3.125rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.k-toolbar::-webkit-scrollbar {
  display: none;
}
.k-toolbar > *:last-child {
  margin-right: 1rem;
}
.k-toolbar .k-button {
  background: transparent;
  padding: 0.25rem;
  border: 0;
  border-radius: 0;
  transition: 0.25s ease-in-out;
  transition-property: color, box-shadow;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.k-toolbar .k-button strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-toolbar .k-button img {
  filter: contrast(0.25) sepia(1) saturate(4) hue-rotate(-40deg);
  margin-right: 0.25rem;
}
.mU .k-toolbar .k-button:hover {
  color: #E53527;
}
.k-toolbar .k-button:focus {
  box-shadow: none;
}
.kU .k-toolbar .k-button:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}
.k-toolbar label {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.k-toolbar label strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-toolbar .k-dropdownlist {
  border-color: #FFFFFF;
}
.k-toolbar .search-group {
  display: flex;
  align-items: center;
}
.k-toolbar .search-group .input-group-btn {
  display: flex;
  height: 100%;
  width: auto;
}
.k-toolbar .search-group .btn-secondary {
  position: absolute;
  right: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 2rem;
  height: 2rem;
  background: transparent;
  transition: 0.25s ease-in-out;
  transition-property: box-shadow;
}
.k-toolbar .search-group .btn-secondary:focus {
  outline: none;
}
.kU .k-toolbar .search-group .btn-secondary:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}
.mU .k-toolbar .search-group .btn-secondary:hover span {
  opacity: 1;
}
.k-toolbar .search-group .btn-secondary span {
  position: absolute;
  inset: 0 0 0 0;
  background-image: url("/Content/icons/24/ui/search.svg");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.5;
  transition: 0.25s ease-in-out;
  transition-property: opacity;
}
.k-toolbar .search-group .btn-secondary span:before {
  display: none;
}
.k-toolbar .search {
  margin-top: 0 !important;
  position: relative;
}
.k-toolbar .search input {
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 0.25rem 0.5rem 0.3125rem;
  min-height: 2rem;
  transition: 0.25s ease-in-out;
  transition-property: box-shadow, border;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.k-toolbar .search input strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.mU .k-toolbar .search input:hover {
  border-color: #4d4d4d;
}
.kU .k-toolbar .search input:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}

@media screen and (min-width: 835px) {
  .k-toolbar {
    top: 3.75rem;
    left: 3.75rem;
    width: calc(100vw - 3.75rem);
    overflow: visible;
  }
  .k-toolbar .k-button {
    font-family: Gellix, Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: 0.0625rem;
  }
  .k-toolbar .k-button strong {
    font-weight: 700;
    letter-spacing: 0.09375rem;
  }
  .k-toolbar label {
    font-family: Gellix, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.0625rem;
  }
  .k-toolbar label strong {
    font-weight: 700;
    letter-spacing: 0.09375rem;
  }
}
.k-toolbar .k-overflow-anchor {
  z-index: 2;
  position: fixed;
  top: 3.125rem;
  right: 0;
  background: #e6e6e6 !important;
  height: 3.125rem;
  width: 3.0625rem;
  border-left: 1px solid #cccccc !important;
  border-bottom: 1px solid #cccccc !important;
}
.k-toolbar .k-overflow-anchor .k-icon {
  font-size: 1.25rem;
}
.k-toolbar .k-overflow-anchor:after {
  display: none !important;
}
.k-toolbar .k-overflow-anchor:focus {
  box-shadow: none;
}
.kU .k-toolbar .k-overflow-anchor:focus {
  outline: 0;
  box-shadow: inset 0 0 0px 0.1875rem #00cfff;
}

.k-overflow-container {
  background: #e6e6e6;
  border: 1px solid #cccccc !important;
  border-top: 0 !important;
  box-shadow: none !important;
}
.k-overflow-container li {
  border-top: 1px solid #cccccc !important;
}
.k-overflow-container .k-button {
  background: transparent;
  padding: 0.5625rem 0.75rem 0.625rem;
  border: 0;
  border-radius: 0;
  transition: 0.25s ease-in-out;
  transition-property: color, box-shadow;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.k-overflow-container .k-button strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-overflow-container .k-button img {
  filter: contrast(0.25) sepia(1) saturate(5) hue-rotate(180deg);
  margin-right: 0.25rem;
}
.mU .k-overflow-container .k-button:hover {
  color: #E53527;
  background: none;
}
.k-overflow-container .k-button:focus {
  box-shadow: none;
}
.kU .k-overflow-container .k-button:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}

@media screen and (min-width: 835px) {
  .k-toolbar .k-overflow-anchor {
    top: 3.75rem;
  }
}
.k-input-inner {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  padding: 0.25rem 0.5rem 0.3125rem;
}
.k-input-inner strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-input-inner > span {
  height: 100%;
  line-height: 1.5;
}

.k-input, .k-dropdownlist {
  background: #FFFFFF;
  border-radius: 0;
  border: 0;
  min-height: 2rem;
  transition: 0.25s ease-in-out;
  transition-property: box-shadow, border;
  border: 1px solid gray;
  width: 8.75rem;
}
.k-input:hover, .k-dropdownlist:hover {
  background: #FFFFFF;
}
.mU .k-input:hover, .mU .k-dropdownlist:hover {
  border-color: #4d4d4d;
}
.k-input:focus-within, .k-dropdownlist:focus-within {
  border-color: #4d4d4d;
}
.k-input:focus, .k-dropdownlist:focus {
  box-shadow: none;
}
.kU .k-input:focus, .kU .k-dropdownlist:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}

.k-numerictextbox {
  border-radius: 0;
}
.k-numerictextbox:focus {
  box-shadow: none;
}
.k-numerictextbox:focus-within {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}

.k-button-solid-primary, .k-button-solid-base {
  padding: 0.3125rem 0.75rem 0.375rem;
  border-radius: 0;
  overflow: visible;
  transition: 0.25s ease-in-out;
  transition-property: background-color, color, border, box-shadow, text-shadow;
}
.k-button-solid-primary > .k-button-text, .k-button-solid-base > .k-button-text {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.k-button-solid-primary > .k-button-text strong, .k-button-solid-base > .k-button-text strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.kU .k-button-solid-primary:focus, .kU .k-button-solid-base:focus {
  outline: 0;
  box-shadow: 0 0 0px 0.1875rem #00cfff;
}

.k-button-solid-primary {
  color: #FFFFFF;
  background: #E53527;
  border: 1px solid #E53527;
}
.mU .k-button-solid-primary:hover {
  color: #FFFFFF;
  background: #c22417;
  border-color: #c22417;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

.k-button-solid-base:not(.k-toolbar .k-button):not(.k-overflow-container .k-button):not(.k-icon-button) {
  color: gray;
  background: transparent;
  border: 1px solid gray;
}
.mU .k-button-solid-base:not(.k-toolbar .k-button):not(.k-overflow-container .k-button):not(.k-icon-button):hover {
  color: #E53527;
  background: transparent;
  border-color: #4d4d4d;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}

.k-icon-button {
  border-color: transparent;
}
.mU .k-icon-button:hover {
  border-color: transparent;
  box-shadow: none;
}

@media screen and (min-width: 835px) {
  .k-button-solid-primary, .k-button-solid-base {
    padding: 0.25rem 0.75rem 0.25rem;
  }
  .k-button-solid-primary > .k-button-text, .k-button-solid-base > .k-button-text {
    font-family: Gellix, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.0625rem;
  }
  .k-button-solid-primary > .k-button-text strong, .k-button-solid-base > .k-button-text strong {
    font-weight: 700;
    letter-spacing: 0.09375rem;
  }
}
.k-popup {
  border-radius: 0;
  border-color: #4d4d4d;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
  top: -0.0625rem;
}

.k-animation-container {
  z-index: 100 !important;
}

.k-filter-menu {
  width: 16.875rem;
  top: 0.25rem;
}
.k-filter-menu:before, .k-filter-menu:after {
  content: "";
  position: absolute;
  top: 0;
  transform: translate(0, -100%);
  border-style: solid;
}
.k-filter-menu:before {
  left: 0.4375rem;
  border-width: 0 0.375rem 0.5rem 0.375rem;
  border-color: transparent transparent #4d4d4d transparent;
}
.k-filter-menu:after {
  left: 0.5rem;
  border-width: 0 0.3125rem 0.4375rem 0.3125rem;
  border-color: transparent transparent #FFFFFF transparent;
}
.k-filter-menu .k-filter-menu-container {
  width: auto !important;
  padding: 1rem;
  gap: 0.75rem;
}
.k-filter-menu .k-filter-help-text {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.k-filter-menu .k-filter-help-text strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-filter-menu .k-action-buttons {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  overflow: visible;
}
.k-filter-menu .k-action-buttons > * {
  flex: 1 0 0;
}

@media screen and (min-width: 835px) {
  .k-filter-menu .k-filter-help-text {
    font-family: Gellix, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.0625rem;
  }
  .k-filter-menu .k-filter-help-text strong {
    font-weight: 700;
    letter-spacing: 0.09375rem;
  }
}
.k-multiselect {
  width: 100%;
  padding: 0.1875rem;
}
.k-multiselect .k-input-values {
  display: flex;
}
.k-multiselect .k-input-inner {
  line-height: 1.75rem;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.k-multiselect .k-chip-list {
  padding: 0;
  display: flex;
  gap: 0.1875rem;
}
.k-multiselect .k-chip {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  padding: 0.25rem 0.5rem 0.3125rem;
  background: #e6e6e6;
  border: 1px solid #999999;
  border-radius: 0.125rem;
  transition: 0.25s ease-in-out;
  transition-property: color, background, border;
}
.k-multiselect .k-chip strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.mU .k-multiselect .k-chip:hover {
  background: #E53527;
  border-color: #E53527;
  color: #FFFFFF;
}

.k-input:focus-within {
  box-shadow: none;
}

.k-list {
  z-index: unset;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.k-list strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-list .k-list-item {
  color: #666666;
  background: #FFFFFF;
  padding-left: 1.75rem;
}
.k-list .k-list-item:before {
  content: "";
  width: 0.375rem;
  height: 0.625rem;
  border-right: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  position: absolute;
  left: 0.75rem;
  top: 0.5625rem;
  transform: rotate(45deg);
  transition: 0.25s ease-in-out;
  transition-property: border-color;
}
.k-list .k-list-item:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
.k-list .k-list-item.k-selected {
  color: #000000;
  position: relative;
}
.k-list .k-list-item.k-selected:before {
  border-color: #000000;
}
.mU .k-list .k-list-item:hover {
  background: #e6e6e6;
  color: #000000;
}
.k-list .k-list-item.k-focus {
  box-shadow: none;
}

.k-toolbar .k-multiselect {
  width: auto;
  padding: 0.0625rem 0.125rem;
  border-color: transparent;
}
.mU .k-toolbar .k-multiselect:hover {
  border-color: #000000;
}
.k-toolbar .k-multiselect:focus {
  border-color: #000000;
}
.k-toolbar .k-multiselect .k-chip {
  padding: 0.125rem 0.5rem 0.1875rem;
}

.k-datepicker {
  border-color: transparent;
}

.k-calendar {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.k-calendar strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-calendar .k-calendar-view > div {
  display: flex;
  gap: 20px;
}
.k-calendar .k-header {
  box-shadow: none;
  padding: 0.25rem;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid #e6e6e6;
}
.k-calendar .k-footer {
  padding: 0.25rem;
  margin-top: 0.25rem;
  border-top: 1px solid #e6e6e6;
}
.k-calendar a {
  transition: 0.25s ease-in-out;
  transition-property: color, background;
  border-radius: 0;
}
.k-calendar .k-calendar-td {
  padding: 1px;
}
.k-calendar .k-calendar-td a {
  padding: 0.125rem;
  background: whitesmoke;
  border-radius: 2px;
  font-size: 0.75rem;
}
.k-calendar .k-other-month {
  color: #808080;
}
.k-calendar .k-other-month a {
  background: transparent;
}
.mU .k-calendar .k-button:hover {
  color: #E53527;
}
.mU .k-calendar td:hover a {
  background: #E53527 !important;
  color: #FFFFFF !important;
}

.k-daterangepicker {
  width: auto;
}
.k-daterangepicker .k-floating-label-container {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  padding: 0;
}
.k-daterangepicker .k-label {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  order: 1;
  line-height: 2rem;
  position: relative;
  top: auto;
  left: auto;
  max-width: unset;
  transform: none;
}
.k-daterangepicker .k-label strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-daterangepicker .k-dateinput {
  order: 2;
}

.k-upload {
  border: 1px solid #999999;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  -webkit-touch-callout: none;
  user-select: none;
}
.k-upload strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-upload .k-upload-button-wrap {
  position: relative;
}
.k-upload .k-upload-button-wrap input {
  position: absolute;
  inset: 0 0 0 0;
  width: 100%;
  color: transparent;
  transition: 0.25s ease-in-out box-shadow;
}
.k-upload .k-upload-button-wrap input::-webkit-file-upload-button, .k-upload .k-upload-button-wrap input::file-selector-button {
  display: none;
}
.mU .k-upload .k-upload-button-wrap input:hover {
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.k-upload .k-dropzone {
  transition: 0.25s ease-in-out background;
}
.k-upload .k-dropzone.k-hover {
  background: #e6e6e6;
}
.k-upload .k-dropzone-hint {
  display: block !important;
  color: #666666;
}
.k-upload .k-upload-status {
  margin-left: 0.75rem;
  color: #000000;
}
.k-upload .k-upload-files .k-file {
  gap: 0.5rem;
}
.k-upload .k-upload-files .k-file-icon-wrapper .k-icon {
  font-size: 2.5rem;
  color: #666666;
}
.k-upload .k-upload-files .k-file-icon-wrapper .k-file-state {
  display: none;
}
.k-upload .k-upload-files .k-file-validation-message {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  color: #666666;
}
.k-upload .k-upload-files .k-file-validation-message strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-upload .k-upload-files .k-file-success .k-file-validation-message {
  color: #00BC00;
}
.k-upload .k-upload-files .k-file-error .k-file-validation-message {
  color: #ED1C24;
}

.multiselect {
  border-radius: 0;
  background: #FFFFFF !important;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  padding: 0.25rem 2rem 0.25rem 0.5rem;
  min-height: 2rem;
  transition: 0.25s ease-in-out;
  transition-property: box-shadow, border;
  border: 1px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  width: 8.75rem;
  text-align: left;
}
.multiselect strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.multiselect:focus {
  box-shadow: none !important;
  border-color: #4d4d4d;
}
.mU .multiselect:hover {
  border-color: #4d4d4d;
}
.multiselect b.caret {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
}
.multiselect b.caret:before {
  content: "\e006";
  font-size: 16px;
  font-family: "WebComponentsIcons";
  font-weight: normal;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mU .multiselect b.caret:hover {
  color: #E53527;
}

.dropdown-menu {
  z-index: 1;
  border-radius: 0;
  border: 1px solid #000000;
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.dropdown-menu > li > a {
  transition: 0.25s ease-in-out;
  transition-property: background;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.dropdown-menu > li > a strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.dropdown-menu > li > a > label {
  display: block;
  padding: 0.25rem 0.5rem !important;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  color: #666666;
}
.dropdown-menu > li > a > label strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.dropdown-menu > li > label {
  display: block;
  padding: 0.5rem 0.5rem 0.25rem !important;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  border-top: 1px solid #e6e6e6;
}
.dropdown-menu > li > label strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.dropdown-menu > li.active a {
  background: transparent !important;
}
.dropdown-menu > li.active a > label {
  color: #000000 !important;
}

.k-treeview {
  margin-top: 1rem;
  width: 100%;
}
.k-treeview > ul > li {
  padding-left: 0 !important;
}
.k-treeview > ul > li:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 0.75rem;
}
.k-treeview .k-group {
  margin: 0;
}
.k-treeview .k-treeview-toggle {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 1.5rem;
}
.k-treeview .k-treeview-toggle:hover ~ .k-treeview-leaf {
  color: #E53527;
}
.k-treeview .k-treeview-toggle .k-icon {
  position: absolute;
  z-index: 2;
  right: 0;
  width: calc(100% - 1.5rem);
  height: 1.5rem;
  background-position: calc(100% - 0.25rem) center;
  background-repeat: no-repeat;
  background-image: url("/Content/icons/24/ui/chevron-top.svg");
}
.k-treeview .k-treeview-toggle .k-icon:before {
  display: none;
}
.k-treeview .k-treeview-toggle .k-icon.k-i-caret-alt-right {
  background-image: url("/Content/icons/24/ui/chevron-bottom.svg");
}
.k-treeview .k-item {
  padding-left: 2rem;
  position: relative;
}
.k-treeview .k-item > div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.k-treeview .k-checkbox-wrapper {
  margin: 0;
}
.k-treeview .k-checkbox-wrapper input {
  padding: 0;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 0;
}
.k-treeview .k-treeview-leaf {
  padding: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 0;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  transition: 0.25s ease-in-out;
}
.k-treeview .k-treeview-leaf strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-treeview .k-treeview-leaf.k-hover, .k-treeview .k-treeview-leaf.k-selected {
  background: none;
  color: #000000;
}
.k-treeview .k-treeview-leaf.k-focus {
  box-shadow: none;
}
.k-treeview .k-sprite {
  width: 1.5rem;
  height: 1.5rem;
  background-size: 100%;
}
.k-treeview .convention {
  background-image: url("/Content/icons/24/ui/convention.svg");
}
.k-treeview .convention-annex {
  background-image: url("/Content/icons/24/ui/convention-annex.svg");
}
.k-treeview .k-disabled {
  opacity: 1;
}
.k-treeview li[aria-disabled=true] .k-treeview-toggle {
  display: none;
}

.k-tabstrip .k-tabstrip-items-wrapper {
  border: 0;
  top: -1px;
}
.k-tabstrip .k-tabstrip-items {
  gap: 0.5rem;
}
.k-tabstrip .k-tabstrip-item {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  border: 1px solid #cccccc;
  border-bottom: 0;
  background: #F8F8F8;
  transition: 0.25s ease-in-out;
  color: #222;
}
.k-tabstrip .k-tabstrip-item strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.k-tabstrip .k-tabstrip-item .k-link {
  color: currentColor;
}
.mU .k-tabstrip .k-tabstrip-item:hover {
  background: #E53527;
  color: #FFFFFF;
  border-color: #c22417;
}
.k-tabstrip .k-tabstrip-item.k-active {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
  background: #FFFFFF !important;
  color: #E53527 !important;
  border-color: #b3b3b3 !important;
}
.k-tabstrip .k-tabstrip-item.k-active:after {
  content: "";
  height: 1px;
  width: 100%;
  background: #FFFFFF;
  position: absolute;
  bottom: -1px;
}
.k-tabstrip .k-tabstrip-content {
  position: relative;
  top: 1px;
  border: 1px solid #b3b3b3 !important;
  border-top-right-radius: 0.25rem;
}

.u-sidebar {
  display: flex;
  width: 100vw;
  height: calc(100% - 3.125rem);
  position: fixed;
  padding: 1.5rem 0;
  z-index: 100;
  right: 0;
  top: 3.125rem;
  background: #FFFFFF;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
  transform: translate(100%, 0);
  transition: 0.25s ease-in-out;
  transition-property: transform, width;
}
.u-sidebar.toggle {
  transform: translate(0, 0);
}
.u-sidebar aside {
  position: relative;
  width: 100%;
  height: 100%;
}
.u-sidebar .u-actions-top {
  position: absolute;
  right: 1.5rem;
  display: flex;
  gap: 0.75rem;
  z-index: 1;
}
.u-sidebar .u-expand {
  display: none;
}
.u-sidebar header {
  padding-right: 1rem;
}
.u-sidebar header > * {
  padding-right: 4.75rem;
}
.u-sidebar .u-sidebar-content {
  overflow-x: hidden;
  overflow-y: scroll;
  -moz-scrollbar-color: #808080 transparent;
  -moz-scrollbar-width: thin;
}
.u-sidebar .u-sidebar-content::-webkit-scrollbar {
  width: 0.375rem;
  background: transparent;
}
.u-sidebar .u-sidebar-content::-webkit-scrollbar-thumb {
  background-color: #808080;
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 0.1875rem;
}
.u-sidebar footer:not(:empty) {
  border-top: 1px solid #e6e6e6;
  padding-top: 1.5rem;
  padding-right: 1rem;
}
.u-sidebar .u-sidebar-heading {
  display: flex;
  align-items: start;
  line-height: 2rem;
  gap: 0.75rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e6e6e6;
}
.u-sidebar .u-sidebar-heading h2 svg {
  color: #E53527;
}
.u-sidebar .u-sidebar-heading .u-back > * {
  border: 2px solid #E53527;
  color: #E53527;
}
.mU .u-sidebar .u-sidebar-heading .u-back > *:hover {
  border-color: #c22417;
  color: #c22417;
}
.u-sidebar .u-sidebar-profile {
  display: none;
}
.u-sidebar .u-sidebar-content {
  height: calc(100vh - 9.625rem);
  overflow-x: hidden;
  overflow-y: scroll;
  padding-right: 1rem;
  -moz-scrollbar-color: #808080 transparent;
  -moz-scrollbar-width: thin;
}
.u-sidebar .u-sidebar-content::-webkit-scrollbar {
  width: 0.375rem;
  background: transparent;
}
.u-sidebar .u-sidebar-content::-webkit-scrollbar-thumb {
  background-color: #808080;
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 0.1875rem;
}
.u-sidebar .u-panels-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.u-sidebar .u-panels-wrapper .u-panels {
  display: flex;
  transition: 0.25s ease-in-out;
  transition-property: transform;
  height: 100%;
}
.u-sidebar .u-panels-wrapper .u-panels > div {
  padding: 0 0.5rem 0 1.5rem;
  width: 100%;
  flex: 1 0 auto;
}
.u-sidebar .u-panels-wrapper.level-2 .u-panels {
  transform: translate(-100%, 0);
}
.u-sidebar .u-panels-wrapper.level-3 .u-panels {
  transform: translate(-200%, 0);
}

@media screen and (min-width: 835px) {
  .u-sidebar {
    width: 30rem;
    height: calc(100% - 3.75rem);
    top: 3.75rem;
  }
  .u-sidebar .u-sidebar-content {
    height: calc(100vh - 10.25rem);
  }
  .u-sidebar.expanded {
    width: calc(100vw - 3.75rem);
  }
  .u-sidebar .u-expand {
    display: block;
  }
}
.u-sidebar[variant=account] h2 svg {
  color: #E53527;
}
.u-sidebar[variant=notifications] h2 svg {
  color: #E3A360;
}
.u-sidebar[variant=help] h2 svg {
  color: #853ee6;
}
.u-sidebar[variant=help] .u-sidebar-heading .u-back > * {
  border-color: #853ee6;
  color: #853ee6;
}

.u-sidebar[variant=account] .u-sidebar-profile {
  display: block;
  color: #666666;
}
@media screen and (min-width: 835px) {
  .u-sidebar[variant=account] .u-sidebar-profile {
    display: none;
  }
}

.u-sidebar .u-sidebar-menu {
  gap: 0;
}
.u-sidebar .u-sidebar-menu .u-link {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
.u-sidebar .u-sidebar-menu .u-link > * {
  justify-content: space-between;
  text-decoration: none;
  color: #000000;
}
.u-sidebar .u-sidebar-menu .u-link > * .u-svg {
  opacity: 0.1;
}
.u-sidebar .u-sidebar-menu .u-link > * span {
  letter-spacing: 0.0625rem;
}
.mU .u-sidebar .u-sidebar-menu .u-link > *:hover {
  color: #E53527;
}
.mU .u-sidebar .u-sidebar-menu .u-link > *:hover .u-svg {
  opacity: 1;
}
.u-sidebar .u-account-mfa {
  margin-top: 1rem;
}
.u-sidebar .u-account-mfa h4 {
  margin-bottom: 0.75rem;
}
.u-sidebar .u-account-mfa p {
  margin-bottom: 1rem;
}
.u-sidebar .u-account-mfa:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
.u-sidebar .u-account-mfa:not(:last-child) .u-btn {
  margin-bottom: 1rem;
}

.u-sidebar {
  container-type: inline-size;
  container-name: sidebar;
}
.u-sidebar .u-alert mark {
  margin-top: 1rem;
}
.u-sidebar .u-form-group .u-display-value {
  font-weight: normal;
}

@container sidebar (max-width: 839px) {
  .u-form-group {
    flex-direction: column;
    margin-bottom: 0.5rem;
  }
  .u-form-group label,
  .u-form-group .u-display-label,
  .u-form-group .u-display-value {
    min-height: 2rem;
    flex: 0 0 auto;
  }
  .u-row {
    flex-direction: column !important;
    gap: 1.5rem !important;
  }
}
@container sidebar (min-width: 840px) {
  .u-form-row {
    display: flex;
    column-gap: 2rem;
    flex-wrap: wrap;
  }
  .u-form-row .u-form-col {
    flex: 1 0 0;
  }
  .u-form-row .u-fieldset-separator {
    border: 0;
  }
  .u-form-row .u-form-group {
    align-items: start;
  }
  .u-form-row .u-form-group label,
  .u-form-row .u-form-group .u-display-label {
    flex: 0 0 12rem;
  }
}
.u-help-documents ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
}

.u-help-links ul li {
  display: block;
  border-bottom: 1px solid #e6e6e6;
}
.u-help-links ul li u-link > * {
  justify-content: start;
}

.u-notification-item {
  --notification-height: auto;
  --notification-content-min-height: 4rem;
  --notification-content-max-height: 64rem;
  border-bottom: 1px solid #e6e6e6;
  padding: 1rem 0;
  position: relative;
  transition: 0.25s ease-in-out;
  max-height: var(--notification-height);
  transition-property: max-height, opacity, visibility, padding;
  overflow: hidden;
}
.u-notification-item .u-clear {
  position: absolute;
  right: 0;
  transform: scale(0.75);
}
.u-notification-item .u-date {
  color: #666666;
  padding-right: 2rem;
}
.u-notification-item h3 {
  padding-right: 2rem;
  margin-bottom: 0.5rem;
}
.u-notification-item .u-content {
  position: relative;
  overflow: hidden;
  max-height: var(--notification-content-min-height);
  transition: 0.25s ease-in-out;
  transition-property: max-height;
}
.u-notification-item .u-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition: 0.25s ease-in-out;
  transition-property: opacity, visibility;
}
.u-notification-item .u-phantom {
  transition: 0.25s ease-in-out;
  transition-property: opacity, visibility;
  opacity: 0;
  visibility: hidden;
}
.u-notification-item .u-read-more {
  margin-top: 0.5rem;
}
.u-notification-item .u-read-more button {
  justify-content: start;
}
.u-notification-item.expanded .u-content {
  max-height: var(--notification-content-max-height);
}
.u-notification-item.expanded .u-clamp {
  opacity: 0;
  visibility: hidden;
}
.u-notification-item.expanded .u-phantom {
  opacity: 1;
  visibility: visible;
}
.u-notification-item.removed {
  max-height: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
}
.u-notification-item .u-link > * {
  color: #E3A360;
}
.mU .u-notification-item .u-link > *:hover {
  color: #E7A164;
}

.u-map {
  width: 100%;
  height: 100%;
}
.u-map .leaflet-pane {
  z-index: 10;
}
.u-map .leaflet-top, .u-map .leaflet-bottom {
  z-index: 11;
}
.u-map .leaflet-marker-icon {
  filter: invert(1);
}
.u-map .u-selected {
  filter: invert(1) contrast(50%) brightness(140%) sepia(100%) saturate(600%) hue-rotate(180deg) !important;
}
.u-map .u-status-NotStarted {
  filter: none;
}
.u-map .u-status-InProgress {
  filter: invert(1) contrast(60%) brightness(150%) sepia(75%) saturate(400%) hue-rotate(220deg);
}
.u-map .u-status-Ready {
  filter: invert(1) contrast(0.5) brightness(1.4) sepia(75%) hue-rotate(265deg) saturate(5);
}
.u-map .u-status-Active {
  filter: invert(1) contrast(50%) brightness(150%) sepia(75%) saturate(400%) hue-rotate(60deg);
}
.u-map .info {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  padding: 0.75rem;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
.u-map .info strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-map .info h4 {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
  margin-bottom: 0.5rem;
}

.u-login-page main {
  background-image: url(/Content/images/login-background.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  position: relative;
}
.u-login-page main:before {
  content: "";
  position: absolute;
  inset: 0 0 0 0;
  background: rgba(0, 0, 0, 0.4);
}
.u-login-page .u-ata-logo {
  display: none;
}
.u-login-page #header-container {
  display: none;
}

@media screen and (min-width: 1194px) {
  .u-login-page .u-ata-logo {
    color: #FFFFFF;
    display: block;
    position: absolute;
    width: 13.5rem;
    height: 11.5625rem;
    margin: 3rem;
  }
}
.u-select-mfa-method {
  margin-bottom: 1.5rem;
}

.u-mfa-method .u-mfa-img-text {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1rem;
}
.u-mfa-method:last-child .u-separator {
  display: none;
}

.u-error-page {
  max-width: 32.625rem;
}
.u-error-page h2 {
  margin-bottom: 1.5rem;
}

.u-app.u-main-page {
  overflow: hidden;
}
.u-app.u-main-page main {
  padding: 1.5rem 1rem;
  margin-top: 3.125rem;
  height: calc(100vh - 3.125rem);
  overflow-y: auto;
  -moz-scrollbar-color: #808080 transparent;
  -moz-scrollbar-width: thin;
}
.u-app.u-main-page main::-webkit-scrollbar {
  width: 0.375rem;
  background: transparent;
}
.u-app.u-main-page main::-webkit-scrollbar-thumb {
  background-color: #808080;
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 0.1875rem;
}
.has-k-toolbar .u-app.u-main-page main {
  padding-top: 4.625rem !important;
}
.u-app.u-main-page main:has(.k-toolbar) {
  padding-top: 4.625rem !important;
}

@media screen and (min-width: 835px) {
  .u-app.u-main-page main {
    padding: 1.5rem 4rem;
    margin-top: 3.75rem;
    margin-left: 3.75rem;
    height: calc(100vh - 3.75rem);
  }
}
.u-new-transaction-page h3 {
  margin-bottom: 1rem;
}
.u-new-transaction-page p {
  margin-bottom: 1.5rem;
}
.u-new-transaction-page .u-section:not(:last-child) {
  margin-bottom: 2rem;
}

.u-form-step1 .u-alert mark {
  margin-bottom: 1rem;
}
.u-form-step1 .u-form-group.u-scan-group {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.u-form-step1 .u-form-group.u-scan-group .u-col-buttons {
  width: 100%;
  height: auto;
}
.u-form-step1 .u-form-group.u-scan-group .u-col-video {
  background: #e6e6e6;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 0.5rem;
}
.u-form-step1 .u-form-group.u-scan-group .u-col-video video {
  display: block;
  width: 100%;
  border-radius: 0.25rem;
}
.u-form-step1 .u-form-group .u-col-carnet-id {
  flex: 1 0 auto;
  position: relative;
}
.u-form-step1 .u-form-group .u-col-scan-qr {
  flex: 0 1 auto;
  width: 2.5rem;
  height: 2.5rem;
}
.u-form-step1 .u-form-group #scan-button.activated > button {
  background: #E53527;
  border-color: #E53527;
  color: #FFFFFF;
}

.u-form-step3 .u-col-update {
  flex: 0 0 auto;
}
.u-form-step3 .u-extra-details {
  margin-top: 2rem;
}

.u-share-voucher-page {
  max-width: 64rem;
  background: #FFFFFF;
  padding: 1.5rem 1rem;
}
.u-share-voucher-page header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  gap: 1.5rem;
}
.u-share-voucher-page header > * {
  flex: 1 0 0;
}
.u-share-voucher-page header > * img {
  height: 9.375rem;
  width: 100%;
}
.u-share-voucher-page section {
  display: flex;
  flex-direction: column;
  justify-content: start;
  gap: 1.5rem;
}
.u-share-voucher-page section:not(:last-child) {
  margin-bottom: 1.5rem;
}
.u-share-voucher-page section > div {
  flex: 1 0 0;
}
.u-share-voucher-page section > div img {
  width: 100%;
}
.u-share-voucher-page h3 {
  margin-bottom: 1rem;
}
.u-share-voucher-page p {
  margin-bottom: 0.75rem;
}
.u-share-voucher-page p strong {
  display: block;
  color: #c22417;
}
.u-share-voucher-page .u-buttons-group {
  margin-top: 2rem;
}

@media screen and (min-width: 744px) {
  .u-share-voucher-page header > * {
    flex: 0 0 auto;
  }
  .u-share-voucher-page header > * img {
    width: auto;
  }
  .u-share-voucher-page section {
    flex-direction: row;
    gap: 3rem;
  }
  .u-share-voucher-page section:not(:last-child) {
    margin-bottom: 3rem;
  }
  .u-share-voucher-page section > div {
    display: flex;
    flex-direction: column;
  }
  .u-share-voucher-page p {
    margin-bottom: 1.5rem;
  }
  .u-share-voucher-page p strong {
    display: inline;
  }
  .u-share-voucher-page .u-buttons-group {
    margin-top: auto;
  }
}
.u-mfa-page {
  margin-top: 1rem;
}
.u-mfa-page .u-downloads > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  border: 1px solid #e6e6e6;
  padding: 1.5rem;
  border-radius: 0.5rem;
}
.u-mfa-page .u-downloads > div .u-app-logo {
  width: 6.25rem;
  aspect-ratio: 1/1;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.u-mfa-page .u-downloads > div .u-app-logo.u-google-authenticator {
  background-image: url("https://is1-ssl.mzstatic.com/image/thumb/Purple115/v4/3c/01/bc/3c01bc57-f671-37cb-b56f-c08f39e5e9a5/contsched.echnqkna.png/540x540bb.jpg");
  background-size: 136% auto;
}
.u-mfa-page .u-downloads > div .u-app-logo.u-twilio {
  background-image: url("https://is3-ssl.mzstatic.com/image/thumb/Purple125/v4/bf/03/4b/bf034b26-5733-aa66-cc3b-f77a48e6b304/AppIcon-0-0-1x_U007emarketing-0-0-0-7-0-0-sRGB-0-0-0-GLES2_U002c0-512MB-85-220-0-0.png/540x540bb.jpg");
}
.u-mfa-page .u-downloads > div .u-app-logo.u-microsoft-authenticator {
  background-image: url("https://is4-ssl.mzstatic.com/image/thumb/Purple115/v4/43/19/7e/43197e2f-1de5-f50b-b132-98b3dd85fcab/AppIcon-0-0-1x_U007emarketing-0-0-0-10-0-0-sRGB-0-0-0-GLES2_U002c0-512MB-85-220-0-0.png/540x540bb.jpg");
}
.u-mfa-page .u-downloads > div a img {
  width: 9.375rem;
}
.u-mfa-page .u-downloads > div .u-download-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.u-mfa-page .u-downloads > div .u-download-buttons a {
  width: 10rem;
  height: 3rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000000;
  box-shadow: 0 0 0 1px #808080;
  border-radius: 0.5rem;
  transition: 0.25s ease-in-out;
  transition-property: opacity;
}
.mU .u-mfa-page .u-downloads > div .u-download-buttons a:hover {
  opacity: 0.75;
}
.u-mfa-page .u-downloads > div .u-download-buttons .u-google {
  background-image: url("https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png");
  background-size: 118% auto;
}
.u-mfa-page .u-downloads > div .u-download-buttons .u-apple {
  background-image: url("https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/en-us");
  background-size: 104% auto;
}
.u-mfa-page .u-qr {
  display: flex;
  justify-content: center;
}

.u-search-results section {
  margin-bottom: 3rem;
}
.u-search-results ol {
  list-style: none;
  counter-reset: item;
  margin-top: 1rem;
}
.u-search-results ol li {
  margin-bottom: 1.5rem;
  padding: 0 1rem 0 3.75rem;
  counter-increment: item;
  position: relative;
  min-height: 3.25rem;
}
.u-search-results ol li:before {
  content: counter(item, decimal-leading-zero);
  font-size: 2rem;
  position: absolute;
  top: -0.5rem;
  left: 0;
  color: #e6e6e6;
}
.u-search-results ol li:after {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 2.75rem;
  height: calc(100% - 0.5rem);
  width: 0.25rem;
  background: #e6e6e6;
}
.u-search-results ol li a {
  color: #000000;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: 0.25s ease-in-out;
  transition-property: color, text-decoration;
}
.mU .u-search-results ol li a:hover {
  color: #E53527;
  text-decoration-color: #E53527;
}
.mU .u-search-results ol li a:hover .u-type {
  color: #E53527;
}
.u-search-results ol li.u-highlighted:before {
  color: #CCDFF3;
}
.u-search-results ol li.u-highlighted:after {
  background: #CCDFF3;
}
.u-search-results ol li .u-type {
  transition: 0.25s ease-in-out;
  transition-property: color;
}
.u-search-results ol li .u-type:after {
  content: " • ";
}
.u-search-results ol li .u-transaction {
  color: #E53527;
}
.u-search-results ol li .u-feature,
.u-search-results ol li .u-nga {
  color: #853ee6;
}
.u-search-results ol li .u-bug,
.u-search-results ol li .u-ia {
  color: #ff5869;
}
.u-search-results ol li .u-release,
.u-search-results ol li .u-customsoffice {
  color: #00bc00;
}
.u-search-results ol li .u-date {
  color: #666666;
}
.u-search-results ol li .u-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.u-search-results ol li .u-result-row {
  padding-top: 0.25rem;
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.u-search-results ol li .u-thumb {
  height: 2.75rem;
  aspect-ratio: 3/2;
  background: #e6e6e6;
  position: relative;
}
.u-search-results ol li .u-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.u-search-results ol li .u-link {
  color: #E53527;
}
.u-search-results ol li.expand .u-content {
  -webkit-line-clamp: unset;
}

form[action^="/Dictionary"] table {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  padding: 0;
  border-spacing: 0;
  table-layout: auto;
}
form[action^="/Dictionary"] table strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
form[action^="/Dictionary"] table thead {
  background: #f7f7f7;
}
form[action^="/Dictionary"] table th {
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.09375rem;
  vertical-align: middle !important;
  padding: 0.75rem 0.5rem !important;
}
form[action^="/Dictionary"] table td {
  vertical-align: middle !important;
  padding: 0.5rem !important;
}
form[action^="/Dictionary"] table td:nth-child(1),
form[action^="/Dictionary"] table td:nth-child(2) {
  width: 1%;
  white-space: nowrap;
}
form[action^="/Dictionary"] table tr:nth-child(2n) {
  background: #f7f7f7;
}
form[action^="/Dictionary"] table input {
  padding: 0.25rem;
  width: 100%;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  border: 1px solid #cccccc;
}
form[action^="/Dictionary"] table input strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
form[action^="/Dictionary"] table input[value=""] {
  border-color: #FF8A00;
}

.u-directory-page .u-map-bottom {
  margin-top: 1rem;
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  align-items: center;
}
.u-directory-page .u-checkbox {
  flex: 1 0 0;
}
.u-directory-page .u-map-legend {
  flex: 1 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  max-width: 100%;
}
.u-directory-page .u-map-legend li {
  flex: 1 0 0;
  display: flex;
  gap: 0.75rem;
}
.u-directory-page .u-map-legend li span {
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #666666;
  background: #FFFFFF;
}
.u-directory-page .u-map-legend li span.Unknown {
  background: #000000;
}
.u-directory-page .u-map-legend li span.Unknown {
  background: #000000;
}
.u-directory-page .u-map-legend li span.Active {
  background: #00bc00;
}
.u-directory-page .u-map-legend li span.Ready {
  background: #ff5869;
}
.u-directory-page .u-map-legend li span.InProgress {
  background: #853ee6;
}
.u-directory-page .u-map-legend li p {
  color: #666666;
  line-height: 1.5rem;
  white-space: nowrap;
}

@media screen and (min-width: 744px) {
  .u-directory-page .u-map-legend {
    flex-direction: row;
  }
}
.u-static-page h1 {
  color: #000000;
  margin-bottom: 1.5rem;
}
.u-static-page h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem !important;
}
.u-static-page p {
  margin-bottom: 1rem;
}
.u-static-page .u-ata-logo {
  display: none;
}

#graph-toolbar:before {
  display: none;
}
#graph-toolbar form {
  width: 100%;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
#graph-toolbar form #geo-filter {
  display: flex;
  gap: 1rem;
}
#graph-toolbar form .u-checkbox label {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.u-chart-graph-table {
  display: flex;
  flex-direction: column;
}
.u-chart-graph-table > div:first-child {
  flex: 1 0 auto;
  position: relative;
}
.u-chart-graph-table > div:first-child #chart-graph {
  position: absolute;
  inset: 0 0 0 0;
}
.u-chart-graph-table > div:last-child {
  flex: 0 0 0;
}

.u-proxy-partial-map {
  z-index: 1;
  width: 100%;
  aspect-ratio: 5/2;
}

.u-chart-container {
  width: 100%;
}

.u-chart-status {
  padding: 1rem;
}
.u-chart-status p {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.u-health-status {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-size: cover;
}

.u-health-status-ok {
  background-image: url("/Content/icons/24/health/health-status-ok.svg");
}

.u-health-status-ko {
  background-image: url("/Content/icons/24/health/health-status-ko.svg");
}

.u-health-status-delayed {
  background-image: url("/Content/icons/24/health/health-status-delayed.svg");
}

.u-button-switch {
  display: inline-flex;
  justify-content: center;
  margin: 1rem;
  border: 1px solid #000000;
  border-radius: 0.1875rem;
  gap: 1px;
  background: #cccccc;
}
.u-button-switch .u-btn > * {
  border-radius: 0.125rem;
  min-width: 6rem;
  background: #e6e6e6;
}
.mU .u-button-switch .u-btn > *:hover {
  background: #FFFFFF;
}
.u-button-switch .u-btn:not(:last-child) > * {
  border-right: 0;
}
.u-button-switch .u-btn:first-child > * {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.u-button-switch .u-btn:last-child > * {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.u-button-switch .u-btn.selected > * {
  background: #E53527 !important;
  color: #FFFFFF !important;
}

.u-tab-panel .u-tabs {
  display: flex;
  gap: 2px;
  margin-bottom: -1px;
}
.u-tab-panel .u-tabs .u-btn > * {
  border: 1px solid #cccccc;
  min-width: 6rem;
  background: #e6e6e6;
}
.u-tab-panel .u-tabs .u-btn > * span {
  font-weight: normal;
}
.mU .u-tab-panel .u-tabs .u-btn > *:hover {
  background: #FFFFFF;
}
.u-tab-panel .u-tabs .u-btn.selected > * {
  background: #FFFFFF !important;
  color: #E53527 !important;
  border-bottom-color: #FFFFFF;
}
.u-tab-panel .u-tabs .u-btn.selected > * span {
  font-weight: bold;
}
.u-tab-panel .u-panels {
  padding: 0.5rem;
  border: 1px solid #cccccc;
}
.u-tab-panel .u-panels > li {
  width: 100%;
  display: none;
}
.u-tab-panel .u-panels > li.selected {
  display: block;
}

.u-monitoring-details-global {
  margin-bottom: 1.5rem;
}
@container sidebar (min-width: 840px) {
  .u-monitoring-details-global .u-form-row .u-form-group .u-display-label {
    flex: 0 0 18.75rem;
  }
  .u-monitoring-details-global .u-form-row .u-form-group .u-label-full {
    flex: 1 0 100%;
  }
  .u-monitoring-details-global .u-form-row .u-input-field textarea {
    height: 26rem;
  }
}

.u-monitoring-details-transactions {
  overflow-x: auto;
}

.u-table {
  width: 100%;
  border-spacing: 0;
  color: #000000;
  font-family: Gellix, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 400;
  letter-spacing: 0.0625rem;
  background: #f2f2f2;
  border-bottom: 2px solid #cccccc;
}
.u-table strong {
  font-weight: 700;
  letter-spacing: 0.09375rem;
}
.u-table th {
  font-weight: bold;
  background: #cccccc;
}
.u-table tr:nth-child(2n) {
  background: #e6e6e6;
}
.u-table th, .u-table td {
  padding: 0.5rem;
  border-right: 1px solid #cccccc;
}
.u-table th:last-child, .u-table td:last-child {
  border: 0;
}

.u-predeclaration-details .u-transaction {
  margin: 1rem 0;
}

.u-datahub-page .u-datahub-step {
  padding: 1rem 0;
  position: relative;
  border-top: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.u-datahub-page .u-datahub-step[data-step="1"] {
  border: 0;
  padding-top: 0;
}

.u-datahub-edit-grid {
  position: relative;
  overflow: visible;
  margin-bottom: 0;
  border: 1px solid #cccccc;
}
.u-datahub-edit-grid .k-toolbar {
  position: absolute;
  bottom: 3rem;
  left: 0;
  top: auto;
  width: 100%;
}
.u-datahub-edit-grid .k-toolbar .k-button {
  font-size: 0.875rem;
}
.u-datahub-edit-grid .k-pager {
  position: absolute;
  bottom: 0;
  left: 0.5rem;
}

body {
  display: flex;
  flex-direction: column;
  -moz-scrollbar-color: #808080 transparent;
  -moz-scrollbar-width: thin;
}
body::-webkit-scrollbar {
  width: 0.375rem;
  background: transparent;
}
body::-webkit-scrollbar-thumb {
  background-color: #808080;
  background-clip: content-box;
  border: 2px solid transparent;
  border-radius: 0.1875rem;
}

.u-app {
  position: relative;
  min-height: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.u-app main {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

/*# sourceMappingURL=ds.css.map */