@charset "UTF-8";

/* node_modules/froala-editor/css/froala_editor.pkgd.min.css */
/*!
 * froala_editor v4.6.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-license {
  z-index: 1000;
  padding: 20px;
  font-size: 14px;
  color: #222222;
  background-color: #FFF;
  border-radius: 10px;
}
.fr-element,
.fr-element:focus {
  outline: 0 solid transparent;
}
.fr-view.fr-element-scroll-visible {
  overflow-x: visible !important;
}
.fr-box.fr-basic {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-basic .fr-element {
  font-family: sans-serif;
  color: #414141;
  font-size: 14px;
  line-height: 1.6;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 60px;
  text-align: left;
}
.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}
.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto;
}
.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}
.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element [contenteditable=true] {
  outline: 0 solid transparent;
}
.fr-box a.fr-floating-btn {
  -webkit-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  text-align: center;
  background: #FFF;
  color: #333333;
  -webkit-transition:
    background 0.2s ease 0s,
    color 0.2s ease 0s,
    transform 0.2s ease 0s;
  -moz-transition:
    background 0.2s ease 0s,
    color 0.2s ease 0s,
    transform 0.2s ease 0s;
  -ms-transition:
    background 0.2s ease 0s,
    color 0.2s ease 0s,
    transform 0.2s ease 0s;
  -o-transition:
    background 0.2s ease 0s,
    color 0.2s ease 0s,
    transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #333333;
}
.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 40px;
}
.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px;
}
.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer;
}
.fr-box a.fr-floating-btn:hover svg {
  fill: #333333;
}
.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-wrapper {
  position: relative;
  z-index: 1;
}
.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 14px;
  color: #AAA;
  font-family: sans-serif;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fr-wrapper ::-moz-selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000;
}
.fr-wrapper ::selection {
  background: rgba(181, 214, 253, 0.8);
  color: #000;
}
.fr-box.fr-basic .fr-wrapper {
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-bottom-color: #efefef;
  top: 0;
  left: 0;
}
.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
}
.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media (min-width: 992px) {
  .fr-box.fr-document {
    min-width: 21cm;
  }
  .fr-box.fr-document .fr-wrapper {
    text-align: left;
    padding: 30px;
    min-width: 21cm;
    background: #efefef;
  }
  .fr-box.fr-document .fr-wrapper .fr-element {
    text-align: left;
    background: #FFF;
    width: 21cm;
    margin: auto;
    min-height: 26cm !important;
    padding: 1cm 2cm;
    overflow: visible;
    z-index: auto;
  }
  .fr-box.fr-document .fr-wrapper .fr-element hr {
    margin-left: -2cm;
    margin-right: -2cm;
    background: #efefef;
    height: 1cm;
    outline: none;
    border: none;
  }
  .fr-box.fr-document .fr-wrapper .fr-element img {
    z-index: 1;
  }
}
.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #222222;
  color: #FFF;
  font-size: 11px;
  line-height: 22px;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-toolbar .fr-btn-wrap,
.fr-popup .fr-btn-wrap,
.fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative;
}
.fr-toolbar .fr-btn-wrap.fr-hidden,
.fr-popup .fr-btn-wrap.fr-hidden,
.fr-modal .fr-btn-wrap.fr-hidden {
  display: none;
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
  background: transparent;
  color: #333333;
  -moz-outline: 0;
  outline: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  height: 40px;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar .fr-command.fr-btn.fr-btn-hover,
.fr-popup .fr-command.fr-btn.fr-btn-hover,
.fr-modal .fr-command.fr-btn.fr-btn-hover {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner,
.fr-modal .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text,
.fr-modal .fr-command.fr-btn.fr-btn-text {
  width: auto;
}
.fr-toolbar .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn svg,
.fr-modal .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn svg {
  display: block;
  text-align: center;
  float: none;
  margin: 8px 7px;
  width: 24px;
}
.fr-toolbar .fr-command.fr-btn svg.fr-svg,
.fr-popup .fr-command.fr-btn svg.fr-svg,
.fr-modal .fr-command.fr-btn svg.fr-svg {
  height: 24px;
}
.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  fill: #333333;
}
.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only,
.fr-modal .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span,
.fr-modal .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 30px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 4px;
}
.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img,
.fr-modal .fr-command.fr-btn img {
  margin: 8px 7px;
  width: 24px;
}
.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,
.fr-popup .fr-command.fr-btn.fr-btn-active-popup,
.fr-modal .fr-command.fr-btn.fr-btn-active-popup {
  background: #d6d6d6;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown svg,
.fr-modal .fr-command.fr-btn.fr-dropdown i,
.fr-modal .fr-command.fr-btn.fr-dropdown span,
.fr-modal .fr-command.fr-btn.fr-dropdown img,
.fr-modal .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 3px;
  margin-right: 11px;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,
.fr-popup .fr-command.fr-btn.fr-dropdown:after,
.fr-modal .fr-command.fr-btn.fr-dropdown:after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333333;
  right: 2px;
  top: 18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  content: "";
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
  fill: #333333;
  background: #d6d6d6;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
  background: #ebebeb;
  fill: #333333;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
  border-top-color: #333333;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
  border-top: 0;
  border-bottom: 4px solid #222222;
}
.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled,
.fr-modal .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after,
.fr-modal .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd;
}
.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden,
.fr-modal .fr-command.fr-btn.fr-hidden {
  display: none;
}
.fr-toolbar .fr-tabs .fr-command.fr-btn,
.fr-popup .fr-tabs .fr-command.fr-btn,
.fr-modal .fr-tabs .fr-command.fr-btn {
  margin: 0;
  width: 46px;
  height: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
  background: #FFF;
}
.fr-toolbar .fr-tabs .fr-command.fr-btn span,
.fr-popup .fr-tabs .fr-command.fr-btn span,
.fr-modal .fr-tabs .fr-command.fr-btn span {
  height: 27px;
}
.fr-toolbar .fr-tabs .fr-command.fr-btn img,
.fr-toolbar .fr-tabs .fr-command.fr-btn svg,
.fr-popup .fr-tabs .fr-command.fr-btn img,
.fr-popup .fr-tabs .fr-command.fr-btn svg,
.fr-modal .fr-tabs .fr-command.fr-btn img,
.fr-modal .fr-tabs .fr-command.fr-btn svg {
  margin: 8px 11px;
  width: 24px;
  height: 24px;
}
.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
  fill: #0098f7;
}
.fr-toolbar.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn.fr-active,
.fr-modal.fr-disabled .fr-btn,
.fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-modal.fr-disabled .fr-btn.fr-dropdown::after,
.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right;
}
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left;
}
.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-toolbar.fr-rtl .fr-btn-wrap,
.fr-popup.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-btn-wrap,
.fr-modal.fr-rtl .fr-command.fr-btn,
.fr-modal.fr-rtl .fr-btn-wrap {
  float: right;
}
.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden),
.fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
}
.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus,
.fr-desktop .fr-command.fr-btn-hover,
.fr-desktop .fr-command.fr-expanded {
  outline: 0;
  color: #333333;
}
.fr-desktop .fr-command:hover:not(.fr-table-cell),
.fr-desktop .fr-command:focus:not(.fr-table-cell),
.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
  background: #ebebeb;
}
.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after,
.fr-desktop .fr-command.fr-btn-hover::after,
.fr-desktop .fr-command.fr-expanded::after {
  border-top-color: #333333;
}
.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-desktop .fr-command:active {
  color: #333333;
  background: #d6d6d6;
}
.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active.fr-btn-hover,
.fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb;
}
.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6;
}
.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent;
}
.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent;
}
.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6;
}
.fr-popup.fr-mobile .fr-command:focus-visible {
  outline: none;
}
.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px;
}
.fr-command.fr-btn.fr-options.fr-btn-hover,
.fr-command.fr-btn.fr-options:hover,
.fr-command.fr-btn.fr-options:focus {
  border-left: solid 1px #FAFAFA;
  -webkit-transition: border-left 0s, background-color 0.5s;
  -moz-transition: border-left 0s, background-color 0.5s;
  -ms-transition: border-left 0s, background-color 0.5s;
  -o-transition: border-left 0s, background-color 0.5s;
}
.fr-command.fr-btn + .fr-dropdown-menu {
  background: #FFF;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  margin-top: 0;
  float: left;
  height: 0;
  margin-top: 0 !important;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  position: relative;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
  min-width: 72px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 20px;
  line-height: 200%;
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
  width: 24px;
  height: 24px;
  margin: 3px 4px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
  fill: #333333;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active:focus:not(.fr-table-cell),
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active:hover:not(.fr-table-cell) {
  outline: 1px solid #0098f7;
  outline-offset: -1px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
  margin-left: 20px;
  font-weight: bold;
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important;
}
body.fr-prevent-scroll {
  overflow: hidden;
}
body.fr-prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch;
}
.fr-modal {
  color: #222222;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2;
}
.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
}
.fr-modal .fr-modal-wrapper {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #FFF;
  min-width: 300px;
  -webkit-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  overflow: hidden;
  width: 90%;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%;
  }
}
@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 960px;
  }
}
.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #FFF;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  border-bottom: solid #efefef 1px;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
  height: 56px;
  padding: 0 10px;
}
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  margin: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 20px;
  padding: 19px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: auto;
  padding-bottom: 20px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}
.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}
.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639;
}
ol.decimal_type {
  counter-reset: item;
}
ol.decimal_type > li {
  display: block;
  position: relative;
}
ol.decimal_type > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  margin-right: 100%;
  right: 10px;
}
.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #FFF;
  -webkit-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}
.fr-popup .fr-icon {
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  font-weight: 400;
  box-sizing: content-box;
  padding: 6px;
}
.fr-popup .fr-icon-container {
  padding: 20px;
  max-height: 200px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@supports not (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
    display: grid;
  }
}
@media (min-width: 768px) {
  .fr-popup .fr-icon-container {
    min-width: 276px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .fr-popup .fr-icon-container {
    display: inline-flex;
    -ms-flex-flow: row wrap;
  }
}
@media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
  .fr-popup .fr-icon-container {
    width: 236px;
  }
}
.fr-popup .fr-input-focus {
  background: whitesmoke;
}
.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
}
.fr-popup.fr-active {
  display: block;
}
.fr-popup.fr-hidden {
  display: none !important;
}
.fr-popup.fr-empty {
  display: none !important;
}
.fr-popup .fr-hs {
  display: block !important;
}
.fr-popup .fr-hs.fr-hidden {
  display: none !important;
}
.fr-popup .fr-input-line {
  position: relative;
  padding: 15px 0;
}
.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line input[type=number],
.fr-popup .fr-input-line textarea {
  width: 100%;
  margin-bottom: 1px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: solid 1px #999999;
  color: #222222;
  font-size: 14px;
  background: #FFF;
  position: relative;
  z-index: 2;
  padding: 4px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border 0.5s, padding 0.5s;
  -moz-transition: border 0.5s, padding 0.5s;
  -ms-transition: border 0.5s, padding 0.5s;
  -o-transition: border 0.5s, padding 0.5s;
}
.fr-popup .fr-input-line input[type=text]:hover,
.fr-popup .fr-input-line input[type=number]:hover,
.fr-popup .fr-input-line textarea:hover {
  border: solid 1px #515151;
}
.fr-popup .fr-input-line input[type=text]:focus,
.fr-popup .fr-input-line input[type=number]:focus,
.fr-popup .fr-input-line textarea:focus {
  border: solid 2px #0098f7;
  padding: 3px 11px;
}
.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line input[type=number] {
  height: 46px;
}
.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 29px;
  left: 12px;
  font-size: 14px;
  color: grey;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  z-index: 3;
  display: block;
  background: #FFF;
  padding: 0;
  cursor: text;
}
.fr-popup .fr-input-line input.fr-not-empty + label,
.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: gray;
  width: auto;
  left: 4px;
  padding: 0 4px;
  font-size: 11px;
  top: 9px;
}
.fr-popup input,
.fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.fr-popup textarea {
  resize: none;
}
.fr-popup .fr-buttons {
  white-space: nowrap;
  line-height: 0;
}
.fr-popup .fr-buttons .fr-btn {
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  float: none;
}
.fr-popup .fr-buttons .fr-btn i {
  float: left;
}
.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none;
}
.fr-popup .fr-buttons.fr-tabs {
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  overflow: hidden;
}
@media (max-width: 768px) {
  .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
    overflow: scroll;
    overflow-y: hidden;
    width: 276px;
  }
}
.fr-popup .fr-buttons:not(.fr-tabs) {
  padding: 5px;
}
.fr-popup .fr-layer {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 195px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 20px;
  display: none;
}
@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 260px;
  }
}
.fr-popup .fr-layer.fr-active {
  display: inline-block;
}
.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right;
}
.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px;
}
.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #0098f7;
}
.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #0098f7;
}
.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}
.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 10px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}
.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}
.fr-popup .fr-checkbox span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
  top: 7px;
  left: 7px;
}
.fr-popup .fr-checkbox input:not(:checked) + span {
  border: solid 2px #999999;
}
.fr-popup .fr-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}
.fr-popup .fr-checkbox input:not(:checked):focus + span,
.fr-popup .fr-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}
.fr-popup .fr-checkbox input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7;
}
.fr-popup .fr-checkbox input:checked + span svg {
  display: block;
}
.fr-popup .fr-checkbox input:checked:active + span {
  background-color: #EcF5Ff;
}
.fr-popup .fr-checkbox input:checked:focus + span,
.fr-popup .fr-checkbox input:checked:hover + span {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px;
}
.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
}
.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right;
}
.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}
.fr-popup.fr-rtl .fr-input-line input + label,
.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}
.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}
.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important;
}
.fr-toolbar {
  color: #222222;
  background: #FFF;
  position: relative;
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
  border: 1px solid #CCCCCC;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  padding-bottom: 0;
  -webkit-transition: padding-bottom 0.5s;
  -moz-transition: padding-bottom 0.5s;
  -ms-transition: padding-bottom 0.5s;
  -o-transition: padding-bottom 0.5s;
}
.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-toolbar::after {
  height: 0;
}
.fr-toolbar .fr-newline {
  clear: both;
  display: block;
  content: "";
  margin-left: 9px;
  margin-right: 9px;
  background: #efefef;
  height: 1px;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
}
.fr-toolbar.fr-toolbar-open .fr-newline {
  height: 0;
}
.fr-toolbar .fr-float-right {
  float: right;
}
.fr-toolbar .fr-float-left {
  float: left;
}
.fr-toolbar .fr-more-toolbar {
  float: left;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #f5f5f5;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  height: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.fr-toolbar .fr-more-toolbar.fr-expanded {
  height: 48px;
}
.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
  overflow: visible;
}
.fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
  margin-left: 4px;
  margin-right: 4px;
}
.fr-toolbar .fr-btn-grp {
  display: inline-block;
  margin: 0 17px 0 12px;
}
@media (max-width: 768px) {
  .fr-toolbar .fr-btn-grp {
    margin: 0 7px 0 6px;
  }
}
.fr-toolbar .fr-command.fr-btn.fr-open {
  margin-top: 10px;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
  background: #f5f5f5;
}
.fr-toolbar .fr-popup .fr-command:focus-visible {
  outline: none;
}
.fr-toolbar.fr-rtl {
  text-align: right;
}
.fr-toolbar.fr-inline {
  display: none;
  -webkit-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border: 0;
  white-space: nowrap;
  position: absolute;
  margin-top: 5px;
  z-index: 2147483630;
}
.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  border-top: 0;
}
.fr-toolbar.fr-inline .fr-newline {
  height: 0;
}
.fr-toolbar.fr-inline .fr-more-toolbar {
  position: absolute !important;
}
.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
  position: relative !important;
}
.fr-toolbar.fr-top {
  top: 0;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-bottom {
  bottom: 0;
  border-top: 0;
  padding-bottom: 0;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-bottom .fr-newline {
  padding-top: 0;
  -webkit-transition: padding-top 0.5s;
  -moz-transition: padding-top 0.5s;
  -ms-transition: padding-top 0.5s;
  -o-transition: padding-top 0.5s;
}
.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
  padding-top: 48px;
  background: #FFF;
}
.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
  margin-top: -1px;
  margin-bottom: 10px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-sticky-on {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left;
}
.fr-separator + .fr-separator {
  display: none;
}
.fr-separator.fr-vs {
  height: 32px;
  width: 1px;
  margin: 8px 4px;
}
.fr-separator.fr-hs {
  clear: both;
  width: calc(100% - (2 * 4px));
  margin: 0 4px;
  height: 1px;
}
.fr-separator.fr-hidden {
  display: none !important;
}
.fr-rtl .fr-separator {
  float: right;
}
.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}
.fr-toolbar.fr-inline .fr-separator.fr-vs {
  display: inline-block;
}
.fr-second-toolbar {
  border: 1px solid #CCCCCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-second-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-second-toolbar:empty {
  min-height: calc(10px);
  position: relative;
  margin-top: calc(-1px);
  z-index: 2;
}
#fr-logo {
  float: left;
  outline: none;
}
#fr-logo > span {
  display: inline-block;
  float: left;
  font-family: sans-serif;
  padding: 11px 5px 10px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #b1b2b7;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -o-transition: color 0.3s;
}
#fr-logo > svg {
  height: 20px;
  width: 47px;
  margin: 7px 0;
  cursor: pointer;
}
#fr-logo > svg * {
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  -ms-transition: fill 0.3s;
  -o-transition: fill 0.3s;
}
#fr-logo:hover > span,
#fr-logo:focus > span {
  color: #0098f7;
}
#fr-logo:hover > svg .fr-logo,
#fr-logo:focus > svg .fr-logo {
  fill: #0098f7;
}
.fr-visibility-helper {
  display: none;
  margin-left: 0 !important;
}
@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important;
  }
}
@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important;
  }
}
@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important;
  }
}
.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-box {
  position: relative;
}
.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}
.fr-sticky-off {
  position: relative;
}
.fr-sticky-on {
  position: fixed;
  z-index: 10;
}
.fr-sticky-on.fr-sticky-ios {
  position: -webkit-sticky;
  left: 0;
  right: 0;
  width: auto !important;
}
.modal .fr-sticky-on {
  position: sticky;
}
.fr-sticky-dummy {
  display: none;
}
.fr-sticky-on + .fr-sticky-dummy,
.fr-sticky-box > .fr-sticky-dummy {
  display: block;
}
span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-view .fr-highlight-change,
.fr-highlight-change > img,
.fr-highlight-change > .fr-video > video,
.fr-highlight-change > .fr-video > embed,
.fr-highlight-change > .fr-video > iframe,
.fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
.fr-highlight-change > p,
.fr-view .fr-highlight-change > span:not(.fr-tracking-deleted),
.fr-highlight-change li,
.fr-highlight-change > table td,
.fr-highlight-change > table th {
  background-color: #f3eec3;
  opacity: 0.5;
}
.fr-view .fr-highlight-table,
.fr-view .fr-highlight-table > span {
  opacity: 1;
}
.fr-highlight-change.fr-highlight-change > table td,
.fr-highlight-change.fr-highlight-change > hr {
  border-color: #f3eec3;
}
.fr-tracking-deleted.fr-tracking-deleted > table td,
.fr-tracking-deleted.fr-tracking-deleted > hr {
  border-color: #dc3545;
}
.fr-tracking-deleted img,
.fr-tracking-deleted > .fr-video > video,
.fr-tracking-deleted > .fr-video > iframe,
.fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  opacity: 0.5;
  background-color: #dc3545;
}
.fr-view .fr-tracking-deleted {
  background-color: #dc3545;
  text-decoration: line-through;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 1;
}
.fr-highlight-change > .fr-video > iframe,
.fr-tracking-deleted > .fr-video > iframe,
.fr-highlight-change > .fr-video > video,
.fr-tracking-deleted > .fr-video > video,
.fr-highlight-change > .fr-video > embed,
.fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
.fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  padding: 10px !important;
}
.fr-tracking-deleted img,
.fr-highlight-change img {
  border: 2px solid #f3eec3;
}
.fr-highlight-change [data-pasted=true] *:not(table):not(tbody):not(tr):not(td) {
  opacity: 0.5;
  background-color: #f3eec3;
}
.fr-highlight-change [data-pasted=true] > table td {
  opacity: 0.5;
  border-color: #f3eec3;
}
.fr-track-visibility-hidden {
  visibility: hidden;
}
.fr-track-hide {
  display: none;
}
.fr-track-hide-mobile {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}
.fr-ios-mobile-disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.fr-bottom-extended {
  flex-wrap: wrap;
  display: flex;
  box-sizing: border-box;
}
.position-relative {
  position: relative !important;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-box .fr-counter {
  padding: 10px;
  float: right;
  color: #999999;
  content: attr(data-chars);
  font-size: 14px;
  font-family: sans-serif;
  z-index: 1;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-rtl .fr-counter {
  left: 0;
  right: auto;
  border-left: none;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-code-view .fr-counter {
  display: none;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
textarea.fr-code {
  display: none;
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  margin: 0;
  font-family: "Courier New", monospace;
  font-size: 14px;
  background: #FFF;
  color: #000;
  outline: none;
}
.fr-box.fr-rtl textarea.fr-code {
  direction: rtl;
}
.fr-box .CodeMirror {
  display: none;
}
.fr-box.fr-code-view textarea.fr-code {
  display: block;
}
.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-placeholder,
.fr-box.fr-code-view .fr-iframe {
  display: none;
}
.fr-box.fr-code-view .CodeMirror {
  display: block;
}
.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background: #FFF;
  color: #333333;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 8px 7px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 24px;
  width: 24px;
  text-align: center;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-layer.fr-color-hex-layer {
  margin: 0;
  padding: 20px;
  padding-top: 0;
  float: left;
}
.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 15px 0 0;
}
.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
  float: right;
  width: 38px;
  height: 40px;
  padding: 17px 0 0;
  margin: 0;
}
.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 40px;
  width: 38px;
}
.fr-popup .fr-separator + .fr-colors-tabs {
  margin-left: 2px;
  margin-right: 2px;
}
.fr-popup .fr-color-set {
  line-height: 0;
  display: none;
}
.fr-popup .fr-color-set.fr-selected-set {
  display: block;
  padding: 20px;
  padding-bottom: 0;
}
.fr-popup .fr-color-set > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}
.fr-popup .fr-color-set > span > i,
.fr-popup .fr-color-set > span > svg {
  text-align: center;
  line-height: 32px;
  height: 24px;
  width: 24px;
  margin: 4px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0;
}
.fr-popup .fr-color-set > span > i path,
.fr-popup .fr-color-set > span > svg path {
  fill: #222222;
}
.fr-popup .fr-color-set > span .fr-selected-color {
  color: #FFF;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  cursor: default;
}
.fr-popup .fr-color-set > span:hover,
.fr-popup .fr-color-set > span:focus,
.fr-popup .fr-color-set > span:not(.fr-table-cell):hover,
.fr-popup .fr-color-set > span:not(.fr-table-cell):focus {
  outline: 1px solid #222222;
  z-index: 2;
}
.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text] ~ [data-param1=background]::after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-drag-helper {
  background: #0098f7;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  z-index: 2147483640;
  display: none;
}
.fr-drag-helper.fr-visible {
  display: block;
}
.fr-dragging {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-emoticon {
  width: 24px;
  height: 24px;
  font-family:
    "Apple Color Emoji",
    "Segoe UI Emoji",
    NotoColorEmoji,
    "Segoe UI Symbol",
    "Android Emoji",
    EmojiSymbols;
}
.fr-popup .fr-emoticon img {
  height: 24px;
  width: 24px;
}
.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
  padding: 0 0 0 14px;
}
@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-emoticon-container {
    width: 368px;
  }
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.fr-popup .fr-file-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-file-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}
.fr-popup .fr-file-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-file-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}
.fr-popup .fr-file-progress-bar-layer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-popup .fr-file-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element img {
  cursor: pointer;
  padding: 0 1px;
}
.fr-height-auto {
  height: auto !important;
}
.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center;
}
.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none;
}
.fr-trim-button:hover {
  background: #ebebeb;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-image-resizer.fr-active {
  display: block;
}
.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}
.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}
.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}
.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}
.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}
.fr-by-url-padding {
  padding: 11.5px 0;
}
.fr-popup .fr-upload-progress-layer {
  border-radius: 0;
  box-sizing: border-box;
  padding-left: 20px;
  padding-top: 15px;
  margin: auto !important;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100% !important;
  overscroll-behavior: contain;
}
.fr-popup .fr-files-by-url-layer {
  width: calc(100% - 40px) !important;
}
.fr-popup .fr-files-embed-layer {
  width: calc(100% - 40px) !important;
}
.fr-popup .fr-files-upload-layer {
  border: dashed 2px #bdbdbd;
  margin: 20px;
  position: relative;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
  width: calc(100% - 40px) !important;
}
.fr-popup .fr-files-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-files-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}
.fr-popup .fr-files-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-files-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}
.fr-popup .fr-files-progress-bar-layer {
  width: calc(100% - 40px);
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch;
}
.fr-popup .fr-files-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}
.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}
.fr-progress-bar-style {
  width: calc(100% - 40px);
}
.fr-progress-bar {
  position: relative;
  background-color: #4CAF50;
  height: 8px;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch;
}
.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
.fr-pull-left {
  float: left;
}
.fr-pull-right {
  float: right;
}
.fr-icons {
  padding: 10px 20px 0;
  display: inline;
}
.fr-transform-135 {
  transform: rotate(135deg);
}
.fr-icons i {
  margin: 4px;
  padding: 2px;
  cursor: pointer;
  color: #999588;
  font-size: 20px;
}
.fr-blue-decorator {
  background: #4a7fba;
  color: white;
  display: grid;
  padding: 5px;
}
.fr-upload-progress {
  padding: 1px;
}
.fr-upload-section {
  position: relative;
  width: 100%;
  width: -moz-available;
  width: -webkit-stretch;
  width: stretch;
}
@media screen and (max-width: 399px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 400px) and (max-width: 469px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 470px) and (max-width: 680px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px;
  }
  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 681px) {
  .fr-upload-section {
    margin-left: 35px;
    margin-right: 35px;
  }
  .fr-files-upload-layer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.fr-half-circle {
  width: 60px;
  height: 25px;
  background-color: white;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  transform: rotate(180deg);
  border-bottom: 0;
  position: relative;
  left: 50%;
  z-index: 1;
  left: 50%;
  margin-top: -1px;
  margin-left: -25px;
}
.fr-decorated {
  overflow: hidden;
  text-align: center;
}
.fr-decorated > span {
  position: relative;
  display: inline-block;
}
.fr-decorated > span:before,
.fr-decorated > span:after {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 2px solid #ffffff;
  width: 100%;
  margin: 0 20px;
}
.fr-decorated > span:before {
  right: 100%;
}
.fr-decorated > span:after {
  left: 100%;
}
.fr-align-right {
  float: right;
}
.fr-checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fr-files-checkbox-line {
  display: flex;
  align-items: center;
  font-size: 10px;
}
.fr-files-checkbox-line label {
  cursor: pointer;
  vertical-align: middle;
}
.fr-insert-checkbox input {
  height: 13px !important;
  width: 13px !important;
}
.fr-autoplay-checkbox input {
  height: 13px !important;
  width: 13px !important;
}
button[data-cmd=insertFiles] {
  padding-left: 2px !important;
  padding-top: 2.7px !important;
}
button[data-cmd=autoplay] svg {
  position: relative !important;
  top: 3.2px !important;
}
button[data-cmd=insertAll] {
  padding-left: 4px !important;
}
button[data-cmd=insertAll] svg {
  position: relative !important;
  top: 3.2px !important;
}
.fr-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.fr-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
}
.fr-file-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  flex-wrap: wrap;
  position: relative;
  top: -20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px;
}
.fr-file-item-left {
  display: flex;
  flex-wrap: wrap;
}
.fr-file-item-icon {
  display: flex;
  align-items: center;
  padding-left: 7px;
}
.fr-file-item-description {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  max-width: 400px;
  margin-left: 5px;
}
.fr-cloud-icon {
  height: 30px;
  width: 32px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  margin-top: -18px;
}
.fr-files-checkbox {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}
.fr-files-checkbox svg {
  margin-left: 0px;
  margin-top: 0px;
  display: none;
  width: 10px;
  height: 10px;
}
.fr-files-checkbox span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.fr-files-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 18px;
  margin: 0;
  padding: 0;
  width: 18px;
}
.fr-files-checkbox input:not(:checked) + span {
  border: solid 2px #999999;
}
.fr-files-checkbox input:not(:checked):active + span {
  background-color: #f5f5f5;
}
.fr-files-checkbox input:not(:checked):focus + span,
.fr-files-checkbox input:not(:checked):hover + span {
  border-color: #515151;
}
.fr-files-checkbox input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7;
}
.fr-files-checkbox input:checked + span svg {
  display: block;
}
.fr-files-checkbox input:checked:active + span {
  background-color: #EcF5Ff;
}
.fr-files-checkbox input:checked:focus + span,
.fr-files-checkbox input:checked:hover + span {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-checkbox-disabled {
  opacity: 0.4;
  position: relative;
  display: inline-block;
  width: 13px !important;
  height: 13px !important;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}
.fr-checkbox-disabled svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}
.fr-checkbox-disabled span {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.fr-checkbox-disabled input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: default;
  height: 13px !important;
  margin: 0;
  padding: 0;
  width: 13px !important;
  top: 7px;
  left: 7px;
}
.fr-checkbox-disabled input:not(:checked) + span {
  border: solid 2px #999999;
}
.fr-checkbox-disabled input:not(:checked):active + span {
  background-color: #f5f5f5;
}
.fr-checkbox-disabled input:checked + span {
  background: #0098f7;
  border: solid 2px #0098f7;
}
.fr-checkbox-disabled input:checked + span svg {
  display: block;
}
.fr-checkbox-disabled input:checked:active + span {
  background-color: #EcF5Ff;
}
.fr-file-view {
  position: absolute;
  max-width: 60%;
  right: 10%;
  z-index: 2147483642;
}
.fr-file-item-thumbnail-hover {
  transition: transform .2s;
}
.fr-file-item-thumbnail-hover:hover {
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.fr-file-name {
  padding-top: 5px;
  font-size: 12px;
  font-weight: bold;
}
.fr-margin-16 {
  margin-bottom: 16px;
}
.fr-none {
  display: none;
}
.fr-display-block {
  display: block;
}
.fr-files-manager-tooltip {
  position: relative;
}
.padding-top-15 {
  padding-top: 15px !important;
  padding-bottom: 0px !important;
}
.fr-files-manager-tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  max-width: 250px;
  word-break: break-word;
  word-wrap: break-word;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 4px;
  border-radius: 2px;
  font-weight: 100;
  font-size: 10px;
  position: absolute;
  top: 80%;
  left: 50%;
  z-index: 2147483647;
}
.fr-files-manager-tooltip:hover .tooltiptext {
  visibility: visible;
}
.fr-file-details {
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
}
.fr-file-date {
  word-break: break-word;
  word-wrap: break-word;
  max-width: 110px;
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px;
}
.fr-file-size {
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px;
}
.dot {
  width: 20px;
  height: 20px;
  background-image:
    radial-gradient(
      circle,
      grey 1px,
      transparent 2px);
  background-size: 100% 33.33%;
  margin-left: 2px;
  margin-right: 2px;
}
.fr-file-action-icons {
  margin-right: 5px;
  margin-left: 5px !important;
  color: #999;
  height: 25px !important;
  padding: 5px !important;
}
@media screen and (max-width: 700px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 250px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%;
    font-size: 8px;
  }
}
@media screen and (max-width: 500px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%;
  }
  .fr-file-item-description {
    width: 130px;
  }
  .fr-file-item-right {
    width: 100%;
  }
  .progress-circle {
    font-size: 6px;
  }
}
@media screen and (max-width: 320px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: -50%;
    font-size: 8px;
  }
  .dot {
    width: 20px;
    margin-left: 0px;
    margin-right: 3px;
  }
  .fr-file-item-description {
    width: 80px;
  }
  .fr-file-details {
    display: flex;
    flex-wrap: wrap;
    font-size: 9px;
  }
  .fr-file-name {
    font-size: 10px;
  }
  .fr-file-action-icons {
    padding: 0px !important;
  }
}
@media screen and (min-width: 501px) {
  .progress-circle {
    font-size: 9px;
  }
}
.fr-file-view-modal {
  display: block;
  position: fixed;
  position: -ms-page;
  z-index: 2147483641;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7);
}
.fr-file-view-modal-content {
  display: inline-block;
  text-align: center;
}
.fr-file-view-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
  max-height: 70%;
}
.fr-file-view-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.fr-file-view-close:hover,
.fr-file-view-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.fr-file-error {
  color: red;
  font-weight: 200;
  font-size: 12px;
  padding-bottom: 5px;
}
.fr-file-error-h5 {
  margin: 0;
}
.fr-file-item-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 20px;
}
.fr-file-item-action-buttons {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.fr-file-item-autoplay-checkbox {
  align-items: center;
  margin: 0px;
  padding: 0px;
  margin-right: 5px;
}
.fr-autoplay-checkbox-label {
  margin: 0;
  cursor: default !important;
}
.fr-checkbox-container:hover input ~ .fr-checkmark {
  background-color: #ccc;
}
.fr-checkbox-container input:checked ~ .fr-checkmark {
  background-color: #2196F3;
}
.fr-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.fr-checkbox-container input:checked ~ .fr-checkmark:after {
  display: block;
}
.fr-container .fr-checkmark:after {
  left: 5px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fr-file-item-details .file-name {
  font-weight: bold;
  display: inline;
}
.fr-file-item-details .file-description {
  font-weight: 300;
  font-size: 11px;
  display: inline;
}
.fr-width-10 {
  width: 10%;
  display: inline-block;
}
.fr-width-20 {
  width: 20%;
  display: inline-block;
}
.fr-width-30 {
  width: 30%;
  display: inline-block;
}
.fr-width-40 {
  width: 40%;
  display: inline-block;
}
.fr-width-50 {
  width: 50%;
  display: inline-block;
}
.fr-width-60 {
  width: 60%;
  display: inline-block;
}
.fr-width-100 {
  width: 100%;
  display: inline-block;
}
.fr-width-80 {
  width: 80%;
  display: inline-block;
}
.fr-width-90 {
  width: 90%;
  display: inline-block;
}
.fr-width-85 {
  width: 85%;
  display: inline-block;
}
.fr-width-5 {
  width: 5%;
  display: inline-block;
}
.fr-width-7 {
  width: 7%;
  display: inline-block;
}
.fr-img-icon {
  color: #aaaaaa;
  font-size: 16px;
  padding: 0px 4px;
}
.fr-position-content {
  position: relative;
  top: 10px;
}
.file-error {
  color: red;
}
#myprogressBar {
  width: 10%;
  height: 5px;
  background-color: #4CAF50;
  position: relative;
  top: -30px;
}
.fr-files-manager {
  z-index: 2147483641 !important;
}
.progress-circle {
  margin: 0px;
  margin-left: 10px;
  position: relative;
  padding: 0;
  width: 5em;
  height: 5.1em;
  background-color: #f2e9e1;
  border-radius: 50%;
  line-height: 5em;
}
.progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  background-color: white;
  content: " ";
}
.progress-circle span {
  position: absolute;
  line-height: 5em;
  width: 5em;
  text-align: center;
  display: block;
  color: #53777a;
  z-index: 2;
}
.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}
.progress-circle.over50 .first50-bar {
  position: absolute;
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: #53777a;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
.progress-circle:not(.over50) .first50-bar {
  display: none;
}
.progress-circle.p0 .value-bar {
  display: none;
}
.progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}
.progress-circle.p2 .value-bar {
  transform: rotate(7deg);
}
.progress-circle.p3 .value-bar {
  transform: rotate(11deg);
}
.progress-circle.p4 .value-bar {
  transform: rotate(14deg);
}
.progress-circle.p5 .value-bar {
  transform: rotate(18deg);
}
.progress-circle.p6 .value-bar {
  transform: rotate(22deg);
}
.progress-circle.p7 .value-bar {
  transform: rotate(25deg);
}
.progress-circle.p8 .value-bar {
  transform: rotate(29deg);
}
.progress-circle.p9 .value-bar {
  transform: rotate(32deg);
}
.progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}
.progress-circle.p11 .value-bar {
  transform: rotate(40deg);
}
.progress-circle.p12 .value-bar {
  transform: rotate(43deg);
}
.progress-circle.p13 .value-bar {
  transform: rotate(47deg);
}
.progress-circle.p14 .value-bar {
  transform: rotate(50deg);
}
.progress-circle.p15 .value-bar {
  transform: rotate(54deg);
}
.progress-circle.p16 .value-bar {
  transform: rotate(58deg);
}
.progress-circle.p17 .value-bar {
  transform: rotate(61deg);
}
.progress-circle.p18 .value-bar {
  transform: rotate(65deg);
}
.progress-circle.p19 .value-bar {
  transform: rotate(68deg);
}
.progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}
.progress-circle.p21 .value-bar {
  transform: rotate(76deg);
}
.progress-circle.p22 .value-bar {
  transform: rotate(79deg);
}
.progress-circle.p23 .value-bar {
  transform: rotate(83deg);
}
.progress-circle.p24 .value-bar {
  transform: rotate(86deg);
}
.progress-circle.p25 .value-bar {
  transform: rotate(90deg);
}
.progress-circle.p26 .value-bar {
  transform: rotate(94deg);
}
.progress-circle.p27 .value-bar {
  transform: rotate(97deg);
}
.progress-circle.p28 .value-bar {
  transform: rotate(101deg);
}
.progress-circle.p29 .value-bar {
  transform: rotate(104deg);
}
.progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}
.progress-circle.p31 .value-bar {
  transform: rotate(112deg);
}
.progress-circle.p32 .value-bar {
  transform: rotate(115deg);
}
.progress-circle.p33 .value-bar {
  transform: rotate(119deg);
}
.progress-circle.p34 .value-bar {
  transform: rotate(122deg);
}
.progress-circle.p35 .value-bar {
  transform: rotate(126deg);
}
.progress-circle.p36 .value-bar {
  transform: rotate(130deg);
}
.progress-circle.p37 .value-bar {
  transform: rotate(133deg);
}
.progress-circle.p38 .value-bar {
  transform: rotate(137deg);
}
.progress-circle.p39 .value-bar {
  transform: rotate(140deg);
}
.progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}
.progress-circle.p41 .value-bar {
  transform: rotate(148deg);
}
.progress-circle.p42 .value-bar {
  transform: rotate(151deg);
}
.progress-circle.p43 .value-bar {
  transform: rotate(155deg);
}
.progress-circle.p44 .value-bar {
  transform: rotate(158deg);
}
.progress-circle.p45 .value-bar {
  transform: rotate(162deg);
}
.progress-circle.p46 .value-bar {
  transform: rotate(166deg);
}
.progress-circle.p47 .value-bar {
  transform: rotate(169deg);
}
.progress-circle.p48 .value-bar {
  transform: rotate(173deg);
}
.progress-circle.p49 .value-bar {
  transform: rotate(176deg);
}
.progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}
.progress-circle.p51 .value-bar {
  transform: rotate(184deg);
}
.progress-circle.p52 .value-bar {
  transform: rotate(187deg);
}
.progress-circle.p53 .value-bar {
  transform: rotate(191deg);
}
.progress-circle.p54 .value-bar {
  transform: rotate(194deg);
}
.progress-circle.p55 .value-bar {
  transform: rotate(198deg);
}
.progress-circle.p56 .value-bar {
  transform: rotate(202deg);
}
.progress-circle.p57 .value-bar {
  transform: rotate(205deg);
}
.progress-circle.p58 .value-bar {
  transform: rotate(209deg);
}
.progress-circle.p59 .value-bar {
  transform: rotate(212deg);
}
.progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}
.progress-circle.p61 .value-bar {
  transform: rotate(220deg);
}
.progress-circle.p62 .value-bar {
  transform: rotate(223deg);
}
.progress-circle.p63 .value-bar {
  transform: rotate(227deg);
}
.progress-circle.p64 .value-bar {
  transform: rotate(230deg);
}
.progress-circle.p65 .value-bar {
  transform: rotate(234deg);
}
.progress-circle.p66 .value-bar {
  transform: rotate(238deg);
}
.progress-circle.p67 .value-bar {
  transform: rotate(241deg);
}
.progress-circle.p68 .value-bar {
  transform: rotate(245deg);
}
.progress-circle.p69 .value-bar {
  transform: rotate(248deg);
}
.progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}
.progress-circle.p71 .value-bar {
  transform: rotate(256deg);
}
.progress-circle.p72 .value-bar {
  transform: rotate(259deg);
}
.progress-circle.p73 .value-bar {
  transform: rotate(263deg);
}
.progress-circle.p74 .value-bar {
  transform: rotate(266deg);
}
.progress-circle.p75 .value-bar {
  transform: rotate(270deg);
}
.progress-circle.p76 .value-bar {
  transform: rotate(274deg);
}
.progress-circle.p77 .value-bar {
  transform: rotate(277deg);
}
.progress-circle.p78 .value-bar {
  transform: rotate(281deg);
}
.progress-circle.p79 .value-bar {
  transform: rotate(284deg);
}
.progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}
.progress-circle.p81 .value-bar {
  transform: rotate(292deg);
}
.progress-circle.p82 .value-bar {
  transform: rotate(295deg);
}
.progress-circle.p83 .value-bar {
  transform: rotate(299deg);
}
.progress-circle.p84 .value-bar {
  transform: rotate(302deg);
}
.progress-circle.p85 .value-bar {
  transform: rotate(306deg);
}
.progress-circle.p86 .value-bar {
  transform: rotate(310deg);
}
.progress-circle.p87 .value-bar {
  transform: rotate(313deg);
}
.progress-circle.p88 .value-bar {
  transform: rotate(317deg);
}
.progress-circle.p89 .value-bar {
  transform: rotate(320deg);
}
.progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}
.progress-circle.p91 .value-bar {
  transform: rotate(328deg);
}
.progress-circle.p92 .value-bar {
  transform: rotate(331deg);
}
.progress-circle.p93 .value-bar {
  transform: rotate(335deg);
}
.progress-circle.p94 .value-bar {
  transform: rotate(338deg);
}
.progress-circle.p95 .value-bar {
  transform: rotate(342deg);
}
.progress-circle.p96 .value-bar {
  transform: rotate(346deg);
}
.progress-circle.p97 .value-bar {
  transform: rotate(349deg);
}
.progress-circle.p98 .value-bar {
  transform: rotate(353deg);
}
.progress-circle.p99 .value-bar {
  transform: rotate(356deg);
}
.progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}
.left-half-clipper {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
  clip: rect(0, 5em, 5em, 2.5em);
}
.value-bar {
  position: absolute;
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 0.45em solid #53777a;
  box-sizing: border-box;
}
.align-autoplay {
  align-items: flex-end;
  margin-right: 7px;
}
.fr-hovered-over-file {
  background-color: #F0F0F0;
}
.fr-thumbnail-padding {
  padding-right: 4px;
}
.fr-popup .fr-command.fr-btn[data-cmd=filestackIcon] svg path,
.fr-popup .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path,
.fr-popup .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd=openFilePicker] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path,
.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd=openFilePicker] svg path,
.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path,
.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path,
.fr-command.fr-btn[data-cmd=openFilePickerReplaceImageOnly] svg path,
.fr-command.fr-btn[data-cmd=openFilePickerReplaceVideoOnly] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerImageOnly] svg path:last-child,
.fr-toolbar .fr-command.fr-btn[data-cmd=openFilePickerVideoOnly] svg path:last-child,
.fr-popup .fr-command.fr-btn[data-cmd=openFilePickerImage] svg path,
.fr-popup .fr-command.fr-btn[data-cmd=openFilePickerVideo] svg path,
.fr-popup .fr-command.fr-btn[data-cmd=filestackIcon] svg path,
.fr-popup .fr-command.fr-btn[data-cmd=openFilePickerFile] svg path {
  fill: #ef4a25;
}
.fr-command.fr-filestack-active.fr-btn.fr-filestack-active svg path {
  fill: #0098F7;
}
.fsp-picker-appear-active {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}
body.fr-fullscreen .fs-transforms-container {
  position: absolute;
  z-index: 2247483660;
}
.fsp-notifications__container {
  position: fixed !important;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-find-replace-layer .fr-header {
  padding: 15px;
}
.fr-find-replace-layer .fr-body {
  padding: 0 15px 15px;
}
.fr-find-replace-layer .fr-drag-handle {
  cursor: move;
}
.fr-find-replace-layer h3 {
  margin: 0;
  font-size: 16px;
  text-align: left;
  font-weight: bold;
}
.fr-find-replace-layer .fr-body .fr-input-line input.fr-disabled {
  background-color: #f5f5f5;
  color: #a9a9a9;
  border: 1px solid #d1d1d1;
  cursor: not-allowed;
}
.fr-find-replace-layer .fr-body .fr-input-line input#fr-findText::placeholder,
.fr-find-replace-layer .fr-body .fr-input-line input#fr-replaceText::placeholder {
  color: #a9a9a9;
}
.fr-find-replace-layer .fr-body .fr-input-line.fr-find-field {
  width: 227px;
  padding-bottom: 5px;
}
.fr-find-replace-layer .fr-body .fr-input-line.fr-replace-field {
  top: -8px;
  padding-bottom: 0px;
}
.fr-find-replace-layer .fr-body .fr-label-disabled {
  background-color: #f5f5f5;
}
.fr-find-replace-layer .fr-body .fr-close-btn {
  position: absolute;
  top: 2px;
  right: 10px;
  font-size: 25px;
  background: none;
  border: none;
  cursor: pointer;
  color: #333333;
}
.fr-find-replace-layer .fr-body .fr-close-btn:hover {
  color: #CCCCCC;
}
.fr-find-replace-layer .fr-body .fr-toggle-advanced-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
  background-color: #f5f5f5;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
  width: auto;
  background: none;
  color: #333333;
}
.fr-find-replace-layer .fr-body input {
  padding: 8px;
  font-size: 14px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  margin-left: 0px;
}
.fr-find-replace-layer .fr-body .fr-input-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.fr-find-replace-layer .fr-body .fr-arrow-buttons {
  display: flex;
  flex-direction: row;
  gap: 5px;
  margin-left: 10px;
  margin-top: 10px;
}
.fr-find-replace-layer .fr-body .fr-arrow-buttons button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 2px 4px;
  margin-bottom: 12px;
  font-size: 12px;
}
.fr-find-replace-layer .fr-body .fr-arrow-buttons .fr-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #a9a9a9;
}
.fr-find-replace-layer .fr-body .fr-button-group {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 10px;
}
.fr-find-replace-layer .fr-body .fr-button-group button.fr-find-btn {
  background-color: #FFF;
  color: #0098f7;
  margin-top: 10px;
  border: 1px solid #0098f7;
}
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn {
  background-color: #FFF;
  color: #0098f7;
  font-size: 14px;
  margin-top: 10px;
}
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn.fr-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #a9a9a9;
}
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn {
  background-color: #FFF;
  color: #0098f7;
  font-size: 14px;
  margin-top: 10px;
}
.fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn.fr-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #a9a9a9;
}
.fr-find-replace-layer .fr-body button {
  padding: 8px 12px;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.fr-find-replace-layer .fr-body .fr-input-container {
  position: relative;
  display: flex;
  align-items: center;
}
.fr-find-replace-layer .fr-body #fr-replaceText {
  width: 77%;
}
.fr-find-replace-layer .fr-body #fr-findText {
  position: relative;
  padding-right: 40px;
  font-size: 14px;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}
.fr-find-replace-layer .fr-body #fr-findText:focus {
  border: 2px solid #0098f7;
}
.fr-find-replace-layer .fr-body .fr-find-error {
  color: #f70000;
  font-size: 12px;
  display: none;
  max-width: 300px;
  overflow-wrap: break-word;
}
.fr-find-replace-layer .fr-body #fr-findText.error {
  border-color: #f70000;
}
.fr-find-replace-layer .fr-body .fr-count-indicator {
  position: absolute;
  right: 80px;
  top: 57%;
  transform: translateY(-50%);
  color: #CCCCCC;
  font-size: 12px;
  pointer-events: none;
  visibility: hidden;
  z-index: 10;
}
.fr-find-replace-layer .fr-body .fr-toggle-advanced-options .arrow {
  font-size: 15px;
  transition: transform 0.3s ease;
  margin-right: 10px;
  font-size: 14px;
  margin-right: 4px;
  margin-top: 2px;
  font-weight: 100;
}
.fr-find-replace-layer .fr-body .fr-advanced-options-panel {
  border-radius: 4px;
}
.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-row {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
}
.fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-row input[type=checkbox]:focus-visible {
  outline: 2px solid #0098f7;
  outline-offset: 2px;
}
.fr-find-replace-layer .fr-body .fr-toggle-btn {
  width: 40px;
  height: 20px;
  background-color: #CCCCCC;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.fr-find-replace-layer .fr-body .fr-arrow {
  margin-right: 5px;
  font-size: 12px;
  margin-top: 1px;
  position: absolute;
  right: 15px;
}
.fr-find-replace-layer .fr-body .fr-disabled svg.fr-arrow-button {
  fill: #a9a9a9;
}
.fr-find-replace-layer .fr-body .fr-arrow-button {
  width: 12px;
  height: 12px;
}
.fr-find-replace-layer .fr-body .fr-btn-active-popup {
  background: #d6d6d6;
}
.fr-find-replace-highlight {
  background-color: #ffff00;
}
.fr-find-replace-current-highlight {
  background-color: #ffa500;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed;
}
.fr-box.fr-fullscreen {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important;
}
.fr-box.fr-fullscreen .fr-wrapper {
  background-color: #FFF;
}
.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-fullscreen .fr-toolbar {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-fullscreen .fr-toolbar.fr-top {
  top: 0 !important;
}
.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
  bottom: 0 !important;
}
.fr-box.fr-fullscreen .fr-second-toolbar {
  margin-top: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-fullscreen-wrapper {
  z-index: 2147483640 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
  margin-top: 20px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
  text-align: left;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
  padding: 6px 0 4px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  width: 60%;
  color: #646464;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
  letter-spacing: 0.5px;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element img {
  cursor: pointer;
  padding: 0 1px;
}
.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-image-resizer.fr-active {
  display: block;
}
.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}
.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}
.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}
.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}
.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}
.fr-popup .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}
.fr-popup .fr-image-upload-layer:hover,
.fr-popup .fr-image-upload-layer:has(.fr-not-empty) {
  background: #ebebeb;
}
.fr-popup .fr-image-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}
.fr-popup .fr-image-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-image-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}
.fr-popup .fr-image-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}
.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}
.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
img.fr-draggable {
  -webkit-user-select: none;
  user-select: none;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-modal .fr-modal-head .fr-modal-head-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
  margin-top: 10px;
}
.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}
.fr-modal .fr-modal-head .fr-modal-tags {
  padding: 0 20px;
  display: none;
  text-align: left;
}
.fr-modal .fr-modal-head .fr-modal-tags a {
  display: inline-block;
  opacity: 0;
  padding: 6px 12px;
  margin: 8px 0 8px 8px;
  text-decoration: none;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  cursor: pointer;
  background-color: #f5f5f5;
}
.fr-modal .fr-modal-head .fr-modal-tags a:focus {
  outline: none;
  background-color: #ebebeb;
}
.fr-modal .fr-modal-head .fr-modal-tags a:hover {
  background-color: #ebebeb;
}
.fr-modal .fr-modal-head .fr-modal-tags a:active {
  background-color: #d6d6d6;
}
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background-color: #EcF5Ff;
  color: #0098f7;
}
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
  outline: none;
  background-color: #ebebeb;
}
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
  background-color: #ebebeb;
}
.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
  background-color: #d6d6d6;
}
.fr-show-tags .fr-modal-more svg path {
  fill: #0098f7;
}
div.fr-modal-body {
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
}
div.fr-modal-body .fr-preloader {
  display: block;
  margin: 50px auto;
}
div.fr-modal-body div.fr-image-list {
  text-align: center;
  margin: 0 20px;
  padding: 0;
}
div.fr-modal-body div.fr-image-list .fr-list-column {
  float: left;
  width: calc((100% - 20px) / 2);
}
@media (min-width: 768px) and (max-width: 1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 40px) / 3);
  }
}
@media (min-width: 1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 60px) / 4);
  }
}
div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
  margin-left: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container {
  position: relative;
  width: 100%;
  display: block;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
  margin-top: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container + div {
  margin-top: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  position: absolute;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  background: #000;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  content: attr(data-deleting);
  color: #FFF;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  z-index: 3;
  font-size: 15px;
  height: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  height: 95px;
  background: #CCCCCC;
  z-index: 1;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: attr(data-loading);
  display: inline-block;
  height: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container img {
  width: 100%;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
  display: inline-block;
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  display: none;
  top: 50%;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  cursor: pointer;
  margin: 0;
  line-height: 40px;
  text-decoration: none;
  z-index: 3;
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #B8312F;
  fill: #FFF;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(25%);
  -moz-transform: translateY(-50%) translateX(25%);
  -ms-transform: translateY(-50%) translateX(25%);
  -o-transform: translateY(-50%) translateX(25%);
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #FFF;
  fill: #0098f7;
  padding: 8px;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-125%);
  -moz-transform: translateY(-50%) translateX(-125%);
  -ms-transform: translateY(-50%) translateX(-125%);
  -o-transform: translateY(-50%) translateX(-125%);
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #FFF;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-line-breaker {
  cursor: text;
  border-top: 1px solid #0098f7;
  position: fixed;
  z-index: 2;
  display: none;
}
.fr-line-breaker.fr-visible {
  display: block;
}
.fr-line-breaker a.fr-floating-btn {
  position: absolute;
  left: calc(50% - (40px / 2));
  top: -20px;
}
.fr-line-breaker a.fr-floating-btn svg {
  margin: 8px;
  height: 24px;
  width: 24px;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-wrapper-markdown {
  display: flex;
}
.fr-markdown-view {
  width: calc(52% - 1px);
  box-sizing: inherit;
}
.fr-markdown-editor {
  width: calc(48% - 1px);
  box-sizing: inherit;
  background-color: #eee;
}
.fr-markdown-editor > p {
  margin: 0;
}
.fr-markdown-view > p {
  margin-top: 0;
}
.gutter-horizontal {
  display: flex;
  z-index: 9;
  background-color: #dadada;
  cursor: col-resize;
  width: 2px;
}
.e-resize-handler {
  z-index: 9;
  width: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  position: relative;
  font-size: 10px;
  color: #c5c5c5;
}
.fr-markdown-view > dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
.fr-markdown-view > dt {
  font-weight: 700;
}
.fr-markdown-view > dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
.fr-markdown-view > pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  background-color: #f8f8f8;
  border: 1px solid #dfdfdf;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 0.125rem 0.3125rem 0.0625rem;
}
.fr-markdown-view > code {
  background-color: #f8f8f8;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 1px;
  color: #333;
  font-family:
    Consolas,
    "Liberation Mono",
    Courier,
    monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem;
}
.fr-markdown-view > pre code {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.fr-markdown-view > sup {
  top: -.5em;
}
.footnote-a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
.fr-markdown-view > hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.blockquote {
  margin: 0 0 1rem;
  border-left: 5px solid #eee;
  padding: 10px 20px;
  font-size: 1.25rem;
}
.fr-markdown-view > table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}
.fr-markdown-view > table > tbody > tr > td,
.fr-markdown-view > table > tbody > tr > th,
.fr-markdown-view > table > thead > tr > td,
.fr-markdown-view > table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #ddd;
}
.fr-markdown-view > table > thead > tr > td,
.fr-markdown-view > table > thead > tr > th {
  border-bottom-width: 2px;
}
.fr-markdown-view > table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.fr-markdown-view > a {
  color: #337ab7;
  text-decoration: none;
}
.fr-markdown-view > h1 {
  font-size: 2em !important;
}
.fr-markdown-view > h2 {
  font-size: 1.5em !important;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-quick-insert {
  position: absolute;
  z-index: 2147483639;
  white-space: nowrap;
  padding-right: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-quick-insert a.fr-floating-btn svg {
  margin: 8px;
  width: 24px;
  height: 24px;
}
.fr-quick-insert.fr-on a.fr-floating-btn svg {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.fr-quick-insert.fr-hidden {
  display: none;
}
.fr-qi-helper {
  position: absolute;
  z-index: 3;
  padding-left: 20px;
  white-space: nowrap;
}
.fr-qi-helper a.fr-btn.fr-floating-btn {
  text-align: center;
  padding: 6px 10px 10px 10px;
  display: inline-block;
  color: #222222;
  background: #FFF;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.fr-qi-helper a.fr-btn.fr-floating-btn svg {
  fill: #222222;
}
.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
  padding: 10px 15px;
}
.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
  font-weight: normal;
  font-size: 16px;
}
.fr-popup .fr-special-character {
  width: 24px;
  height: 24px;
}
@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-sc-container {
    width: 368px;
  }
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
  border: 1px double #0098f7;
  position: relative;
  background-color: rgba(0, 100, 255, 0.15);
}
.fr-element table td,
.fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}
.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-table-resizer {
  position: absolute;
  z-index: 3;
  display: none;
}
.fr-table-resizer.fr-table-col-resizer {
  cursor: col-resize;
}
.fr-table-resizer.fr-table-col-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-right: 1px solid #0098f7;
}
.fr-table-resizer.fr-table-row-resizer {
  cursor: row-resize;
}
.fr-table-resizer.fr-table-row-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-bottom: 1px solid #0098f7;
}
.fr-table-resizer.fr-moving {
  z-index: 2;
}
.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-table-selector {
  display: block;
  position: absolute;
  z-index: 3;
  width: 16px;
  height: 16px;
  padding: 3px;
  border: transparent 2px solid;
  border-radius: 4px 4px 0 0;
}
.fr-table-selector a {
  width: 16px;
  height: 16px;
  display: block;
}
.fr-table-selector a > svg {
  width: 16px;
  height: 16px;
}
.fr-table-selector-active {
  opacity: 1;
  visibility: visible;
  border: #F6D146 2px solid;
  background-color: #F6D146;
}
.fr-table-selector-active a > svg {
  color: #F6D146;
}
.fr-table-selector-active-selected {
  border: #0098F7 2px solid;
  background-color: #0098F7;
}
.fr-table-selector-active-selected a > svg {
  color: #0098F7;
}
.fr-table-selector-inactive {
  opacity: 0;
  visibility: hidden;
}
.fr-view .fr-table-selection-hover {
  outline: #F6D146 2px solid;
}
.fr-view .fr-table-selected {
  outline: #0098F7 2px solid;
  caret-color: transparent;
}
.fr-popup .fr-table-size {
  margin: 20px;
}
.fr-popup .fr-table-size .fr-table-size-info {
  text-align: center;
  font-size: 14px;
}
.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
  padding: 5px;
  white-space: nowrap;
}
.fr-popup .fr-table-size .fr-select-table-size > span {
  display: inline-block;
  padding: 0 4px 4px 0;
  background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #DDD;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover {
  background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(0, 152, 247, 0.3);
  border: solid 1px #0098f7;
}
.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important;
}
.fr-popup .fr-table-colors {
  display: block;
  padding: 20px;
  padding-bottom: 0;
}
.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px;
}
.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap;
}
.fr-view .fr-table-selected *::selection {
  background: transparent;
}
.fr-view .fr-table-selected *::-moz-selection {
  background: transparent;
}
.fr-cell-properties-form,
.fr-table-properties-form {
  padding: 15px;
  width: 360px;
  max-width: 100%;
  background-color: #FFF;
  border-radius: 10px;
}
.fr-cell-properties-form .fr-cell-properties-section,
.fr-cell-properties-form .fr-table-properties-section,
.fr-table-properties-form .fr-cell-properties-section,
.fr-table-properties-form .fr-table-properties-section {
  margin-bottom: 12px;
}
.fr-cell-properties-form .fr-cell-properties-section label,
.fr-cell-properties-form .fr-table-properties-section label,
.fr-table-properties-form .fr-cell-properties-section label,
.fr-table-properties-form .fr-table-properties-section label {
  font-weight: bold;
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-bg-container,
.fr-cell-properties-form .fr-table-bg-container,
.fr-table-properties-form .fr-cell-bg-container,
.fr-table-properties-form .fr-table-bg-container {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-input,
.fr-cell-properties-form .fr-table-bg-container .fr-input,
.fr-table-properties-form .fr-cell-bg-container .fr-input,
.fr-table-properties-form .fr-table-bg-container .fr-input {
  flex: 1;
  height: 36px;
  padding: 4px 12px;
  border: 1px solid #CCCCCC;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-input:focus,
.fr-cell-properties-form .fr-table-bg-container .fr-input:focus,
.fr-table-properties-form .fr-cell-bg-container .fr-input:focus,
.fr-table-properties-form .fr-table-bg-container .fr-input:focus {
  outline: none;
  border-color: #0098f7;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-input.fr-disabled,
.fr-cell-properties-form .fr-table-bg-container .fr-input.fr-disabled,
.fr-table-properties-form .fr-cell-bg-container .fr-input.fr-disabled,
.fr-table-properties-form .fr-table-bg-container .fr-input.fr-disabled {
  background-color: #f5f5f5;
  color: #a9a9a9;
  border: 1px solid #d1d1d1;
  cursor: not-allowed;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-input::placeholder,
.fr-cell-properties-form .fr-table-bg-container .fr-input::placeholder,
.fr-table-properties-form .fr-cell-bg-container .fr-input::placeholder,
.fr-table-properties-form .fr-table-bg-container .fr-input::placeholder {
  color: #AAA;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color {
  width: 36px;
  height: 36px;
  border: 1px solid #CCCCCC;
  border-left: none;
  border-radius: 0 2px 2px 0;
  position: relative;
  padding: 0;
  background: transparent;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: -1px 0 0 -1px;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color:hover,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color:hover,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color:hover,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color:hover,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color:hover,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color:hover,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color:hover,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color:hover,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color:hover,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color:hover,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color:hover,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color:hover {
  background-color: #ebebeb;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview {
  width: 20px;
  height: 20px;
  border: 1px solid #999999;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-cell-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-cell-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-cell-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-bg-color .fr-table-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-color-preview .fr-table-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-color-preview-indicator,
.fr-table-properties-form .fr-table-bg-container .fr-btn-table-border-bg-color .fr-table-color-preview .fr-table-color-preview-indicator {
  position: absolute;
  background: red;
  width: 28px;
  height: 1px;
  top: 9px;
  left: -4px;
  transform: rotate(-45deg);
  transform-origin: center;
}
.fr-cell-properties-form .fr-cell-dimensions-container,
.fr-table-properties-form .fr-cell-dimensions-container {
  display: flex;
  gap: 10px;
  margin-bottom: 12px;
}
.fr-cell-properties-form .fr-cell-dimensions-container label,
.fr-table-properties-form .fr-cell-dimensions-container label {
  font-weight: bold;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section {
  flex: 1;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs {
  display: flex;
  gap: 6px;
  align-items: center;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input {
  width: 90px;
  padding: 8px;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input:focus,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input:focus {
  outline: none;
  border-color: #0098f7;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input.fr-disabled,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input.fr-disabled {
  background-color: #f5f5f5;
  color: #a9a9a9;
  border: 1px solid #d1d1d1;
  cursor: not-allowed;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input::placeholder,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs input::placeholder {
  color: #AAA;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs .fr-dimension-separator,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-dimension-section .fr-dimension-inputs .fr-dimension-separator {
  line-height: 1;
  font-size: 16px;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section {
  flex: 1;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section label,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section label {
  font-weight: bold;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input {
  width: 90px;
  padding: 8px;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  font-size: 14px;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input:focus,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input:focus {
  outline: none;
  border-color: #0098f7;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input.fr-disabled,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input.fr-disabled {
  background-color: #f5f5f5;
  color: #a9a9a9;
  border: 1px solid #d1d1d1;
  cursor: not-allowed;
}
.fr-cell-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input::placeholder,
.fr-table-properties-form .fr-cell-dimensions-container .fr-cell-padding-section input::placeholder {
  color: #AAA;
}
.fr-cell-properties-form .fr-cell-properties-buttons,
.fr-cell-properties-form .fr-table-properties-buttons,
.fr-table-properties-form .fr-cell-properties-buttons,
.fr-table-properties-form .fr-table-properties-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button,
.fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button,
.fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button,
.fr-cell-properties-form .fr-table-properties-buttons .fr-save-button,
.fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button,
.fr-table-properties-form .fr-cell-properties-buttons .fr-save-button,
.fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button,
.fr-table-properties-form .fr-table-properties-buttons .fr-save-button {
  font-size: 14px;
  cursor: pointer;
  padding: 8px 12px;
  font-weight: 500;
  height: 36px;
  line-height: 20px;
  box-sizing: border-box;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button.fr-disabled,
.fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button.fr-disabled,
.fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button.fr-disabled,
.fr-cell-properties-form .fr-table-properties-buttons .fr-save-button.fr-disabled,
.fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button.fr-disabled,
.fr-table-properties-form .fr-cell-properties-buttons .fr-save-button.fr-disabled,
.fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button.fr-disabled,
.fr-table-properties-form .fr-table-properties-buttons .fr-save-button.fr-disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: #a9a9a9;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button,
.fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button,
.fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button,
.fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button {
  background: none;
  border: none;
  color: #0098f7;
  border-radius: 2px;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-cancel-button:hover,
.fr-cell-properties-form .fr-table-properties-buttons .fr-cancel-button:hover,
.fr-table-properties-form .fr-cell-properties-buttons .fr-cancel-button:hover,
.fr-table-properties-form .fr-table-properties-buttons .fr-cancel-button:hover {
  text-decoration: underline;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button,
.fr-cell-properties-form .fr-table-properties-buttons .fr-save-button,
.fr-table-properties-form .fr-cell-properties-buttons .fr-save-button,
.fr-table-properties-form .fr-table-properties-buttons .fr-save-button {
  background-color: #FFF;
  border: 1px solid #0098f7;
  color: #0098f7;
  border-radius: 2px;
}
.fr-cell-properties-form .fr-cell-properties-buttons .fr-save-button:hover,
.fr-cell-properties-form .fr-table-properties-buttons .fr-save-button:hover,
.fr-table-properties-form .fr-cell-properties-buttons .fr-save-button:hover,
.fr-table-properties-form .fr-table-properties-buttons .fr-save-button:hover {
  background-color: #ebebeb;
}
.fr-cell-properties-form .fr-error,
.fr-table-properties-form .fr-error {
  color: red;
  font-size: 12px;
  padding-bottom: 5px;
  display: none;
}
.fr-cell-properties-form input.fr-error,
.fr-table-properties-form input.fr-error {
  border-color: red;
  display: block;
}
.fr-table-properties-section label:not(:first-child) {
  margin-top: 15px;
}
.fr-table-properties-section .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  line-height: 170%;
}
.fr-table-bg-container .fr-input-line,
.fr-table-border-container .fr-input-line,
.fr-table-dimentions-container .fr-input-line,
.fr-table-style-container .fr-input-line {
  padding: 0px;
  width: 100%;
}
.fr-table-bg-container .fr-input-line input[type=text],
.fr-table-border-container .fr-input-line input[type=text],
.fr-table-dimentions-container .fr-input-line input[type=text],
.fr-table-style-container .fr-input-line input[type=text] {
  height: 36px;
  border-color: #CCCCCC;
}
.fr-table-bg-container .fr-input-line input + label,
.fr-table-border-container .fr-input-line input + label,
.fr-table-dimentions-container .fr-input-line input + label,
.fr-table-style-container .fr-input-line input + label {
  top: -5px;
  font-weight: 100;
}
.fr-table-bg-container .fr-input-line input.fr-not-empty + label,
.fr-table-border-container .fr-input-line input.fr-not-empty + label,
.fr-table-dimentions-container .fr-input-line input.fr-not-empty + label,
.fr-table-style-container .fr-input-line input.fr-not-empty + label {
  top: -20px;
  font-weight: 100;
}
.fr-table-bg-container .fr-input-line #fr-table-border-style,
.fr-table-border-container .fr-input-line #fr-table-border-style,
.fr-table-dimentions-container .fr-input-line #fr-table-border-style,
.fr-table-style-container .fr-input-line #fr-table-border-style {
  width: 90%;
  height: 36px;
  border-color: #CCCCCC;
  border-radius: 2px;
}
.fr-table-bg-container .fr-input-line .fr-field-lable,
.fr-table-border-container .fr-input-line .fr-field-lable,
.fr-table-dimentions-container .fr-input-line .fr-field-lable,
.fr-table-style-container .fr-input-line .fr-field-lable {
  position: absolute;
  font-size: 11px;
  padding: 0px 3px;
  margin: -6px 5px;
  background: #FFF;
  font-weight: 100;
  color: dimgray;
  z-index: 3;
}
.fr-table-bg-container .fr-input-line .fr-buttons,
.fr-table-border-container .fr-input-line .fr-buttons,
.fr-table-dimentions-container .fr-input-line .fr-buttons,
.fr-table-style-container .fr-input-line .fr-buttons {
  padding: 0px;
}
.fr-table-bg-container .fr-input-line .fr-command.fr-btn.fr-dropdown:after,
.fr-table-border-container .fr-input-line .fr-command.fr-btn.fr-dropdown:after,
.fr-table-dimentions-container .fr-input-line .fr-command.fr-btn.fr-dropdown:after,
.fr-table-style-container .fr-input-line .fr-command.fr-btn.fr-dropdown:after {
  right: 10px;
}
.fr-table-bg-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-table-border-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-table-dimentions-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-table-style-container .fr-input-line .fr-command.fr-btn.fr-dropdown.fr-active {
  background: transparent;
}
.fr-table-bg-container .fr-input-line .fr-dropdown,
.fr-table-border-container .fr-input-line .fr-dropdown,
.fr-table-dimentions-container .fr-input-line .fr-dropdown,
.fr-table-style-container .fr-input-line .fr-dropdown {
  margin: 0px;
  background: transparent;
  border: 1px solid #CCCCCC;
  margin-right: 10px;
  height: 36px;
  border-radius: 2px;
}
.fr-table-border-container .fr-dropdown-wrapper {
  width: 120px;
}
.fr-table-alignment-section {
  margin-left: 10px;
}
.fr-table-border-container,
.fr-table-dimentions-container,
.fr-table-dimentions-section {
  display: flex;
  margin-top: 10px;
}
.fr-table-border-container .fr-dimension-separator,
.fr-table-dimentions-container .fr-dimension-separator,
.fr-table-dimentions-section .fr-dimension-separator {
  margin: 10px 5px;
}
.fr-table-border-container .fr-btn-table-border-bg-color,
.fr-table-dimentions-container .fr-btn-table-border-bg-color,
.fr-table-dimentions-section .fr-btn-table-border-bg-color {
  margin-right: 10px;
  background: transparent;
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  border-left: 0px;
  height: 36px;
  margin-left: -1px;
}
.fr-table-border-container .fr-btn-table-border-bg-color .fr-border-color-preview,
.fr-table-dimentions-container .fr-btn-table-border-bg-color .fr-border-color-preview,
.fr-table-dimentions-section .fr-btn-table-border-bg-color .fr-border-color-preview {
  width: 20px;
  height: 20px;
  border: 1px solid #999999;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
}
.fr-table-border-container .fr-btn-table-border-bg-color .fr-border-color-preview .fr-border-color-preview-indicator,
.fr-table-dimentions-container .fr-btn-table-border-bg-color .fr-border-color-preview .fr-border-color-preview-indicator,
.fr-table-dimentions-section .fr-btn-table-border-bg-color .fr-border-color-preview .fr-border-color-preview-indicator {
  position: absolute;
  background: red;
  width: 28px;
  height: 1px;
  top: 9px;
  left: -4px;
  transform: rotate(-45deg);
  transform-origin: center;
}
.fr-table-style > button {
  width: 100%;
}
.fr-table-style .fr-dropdown-wrapper {
  width: 200px;
}
.fr-table-alignment-container {
  height: 33px;
  border: 1px solid #CCCCCC;
  margin-top: 10px;
  border-radius: 2px;
  min-width: 130px;
}
.fr-table-alignment-container button {
  height: 30px;
  width: 36px;
  padding: 2px 2px 2px 5px;
  border: none;
  background: transparent;
  margin: 2px;
  cursor: pointer;
}
.fr-table-drop-indicator {
  position: absolute;
  height: 0;
  z-index: 1000;
  pointer-events: none;
  margin-top: -1px;
  width: 100%;
  left: 0;
  display: block;
}
.fr-table-drop-indicator .fr-table-drop-indicator-line {
  border: 1px solid #0098F7;
}
.fr-table-drop-indicator .fr-table-drop-indicator-line::before,
.fr-table-drop-indicator .fr-table-drop-indicator-line::after {
  content: "";
  position: absolute;
  top: -4px;
  width: 8px;
  height: 2px;
  border-style: solid;
  border-width: 4px;
}
.fr-table-drop-indicator .fr-table-drop-indicator-line::before {
  left: 0;
  border-color: transparent transparent transparent #0098F7;
}
.fr-table-drop-indicator .fr-table-drop-indicator-line::after {
  right: 0;
  border-color: transparent #0098F7 transparent transparent;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
#fr-form-container {
  margin: auto;
  position: relative;
  top: 10%;
  background-color: #f5f5f5;
  width: 60%;
  border-radius: 5px;
  z-index: 9002;
  overflow: auto;
  background-color: #fefefe;
}
.fr-trim-video-name {
  font-family:
    Arial,
    Helvetica,
    sans-serif;
  padding-top: 15px;
}
.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center;
}
.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none;
}
.fr-trim-button:hover {
  background: #ebebeb;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fr-slidecontainer {
  width: 100%;
}
.fr-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: #d3d3d3;
}
.fr-video-trim-buttons {
  text-align: right;
  padding-bottom: 5px;
  padding-right: 15px;
  margin-top: 10px;
}
.fr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
}
.fr-slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #3498db;
  border-radius: 50%;
  cursor: pointer;
}
.fr-range-value-start {
  position: absolute;
}
.fr-range-value-start > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-85%, 0);
  border-radius: 6px;
}
.fr-range-value-start > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 86%;
  margin-left: -5px;
  margin-top: -1px;
}
.fr-range-value-end {
  position: absolute;
}
.fr-range-value-end > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 14%;
  transform: translate(-8%, 0);
  border-radius: 6px;
}
.fr-range-value-end > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 14%;
  margin-left: -5px;
  margin-top: -1px;
}
#startTimeValue {
  top: -153% !important;
}
#startTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%;
}
#endTimeValue {
  top: -153% !important;
}
#endTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%;
}
.fr-range-slider {
  position: relative;
  width: 80%;
  height: 15px;
}
.fr-range-slider > input {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
  outline: none;
  height: 6px;
  border-radius: 10px;
}
.fr-range-slider > input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #3498db;
  cursor: pointer;
  border-radius: 7px;
  margin-top: -3.6px;
}
.fr-range-slider > input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 9px;
  height: 15px;
  border-radius: 7px;
  margin-top: -3.6px;
}
.fr-range-slider > input::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: black;
  border: 0;
  height: 15px;
  border-radius: 50%;
  margin-top: -3.6px;
}
.fr-range-slider > input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0;
}
.fr-range-slider > input[type=range]::-moz-focus-outer {
  border: 0;
}
@media screen and (max-width: 430px) {
  .range-value span {
    width: 40px;
    font-size: 10px;
  }
  #fr-form-container {
    top: 20%;
  }
}
#fr-video-edit {
  width: 80%;
  text-align: center;
  height: 50%;
  margin-bottom: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element .fr-video::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: block;
  background: transparent;
}
.fr-element .fr-video.fr-active > * {
  z-index: 2;
  position: relative;
}
.fr-element .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}
.fr-box .fr-video-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-box .fr-video-resizer.fr-active {
  display: block;
}
.fr-box .fr-video-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #0098f7;
  border: solid 1px #FFF;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}
.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}
.fr-popup .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}
.fr-popup .fr-video-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-video-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #0098f7;
}
.fr-popup .fr-video-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-video-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}
.fr-popup .fr-video-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #0098f7;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}
.fr-autoplay-margin {
  margin-top: 0px !important;
}
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-view img.fr-rounded,
.fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view img.fr-shadow,
.fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc;
}
.fr-view img.fr-bordered,
.fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}
.fr-view img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-view .fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-view li img.fr-dii.fr-fil {
  margin-right: 20px;
}
.fr-view {
  word-wrap: break-word;
}
.fr-view span[style~="color:"] a {
  color: inherit;
}
.fr-view strong {
  font-weight: 700;
}
.fr-view table[border="0"] td:not([class]),
.fr-view table[border="0"] th:not([class]),
.fr-view table[border="0"] td[class=""],
.fr-view table[border="0"] th[class=""] {
  border-width: 0px;
}
.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
  margin: 0px;
}
.fr-view table td {
  min-width: 5px;
}
.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed;
}
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke;
}
.fr-view table td,
.fr-view table th {
  border: 1px solid #DDD;
}
.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px;
}
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red;
}
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px;
}
.fr-view table th {
  background: #ececec;
}
.fr-view table tfoot td {
  background: #ececec;
}
.fr-view .fr-mso-hidden {
  display: none;
}
.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always;
}
.fr-view .fr-file {
  position: relative;
}
.fr-view .fr-file::after {
  position: relative;
  content: "\1f4ce";
  font-weight: normal;
}
.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}
.fr-view[dir=rtl] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0;
}
.fr-view[dir=rtl] blockquote blockquote {
  border-color: #00BCD4;
}
.fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #43A047;
}
.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1;
}
.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4;
}
.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047;
}
.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family:
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "NotoColorEmoji",
    "Segoe UI Symbol",
    "Android Emoji",
    "EmojiSymbols";
  display: inline;
  line-height: 0;
}
.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle;
}
.fr-view .fr-text-gray {
  color: #AAA !important;
}
.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}
.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}
.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}
.fr-view .fr-class-highlighted {
  background-color: #ffff00;
}
.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family:
    "Courier New",
    Courier,
    monospace;
}
.fr-view .fr-class-transparency {
  opacity: 0.5;
}
.fr-view img {
  position: relative;
  max-width: 100%;
}
.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}
.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view .fr-video {
  text-align: center;
  position: relative;
}
.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.fr-view .fr-video.fr-rv > iframe,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}
.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}
.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}
.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}
.fr-view .fr-video.fr-dvi {
  display: inline-block;
}
.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}
.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}
.fr-view a.fr-strong {
  font-weight: 700;
}
.fr-view a.fr-green {
  color: green;
}
.fr-view .fr-img-caption {
  text-align: center;
}
.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}
.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}
.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fil,
.fr-view p img.fr-dii.fr-fil {
  margin-right: 15px;
}
a.fr-view.fr-strong {
  font-weight: 700;
}
a.fr-view.fr-green {
  color: green;
}
img.fr-view {
  position: relative;
  max-width: 100%;
}
img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}
span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

/* node_modules/froala-editor/css/froala_style.min.css */
/*!
 * froala_editor v4.6.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-view img.fr-rounded,
.fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view img.fr-shadow,
.fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc;
}
.fr-view img.fr-bordered,
.fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}
.fr-view img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-view .fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-view li img.fr-dii.fr-fil {
  margin-right: 20px;
}
.fr-view {
  word-wrap: break-word;
}
.fr-view span[style~="color:"] a {
  color: inherit;
}
.fr-view strong {
  font-weight: 700;
}
.fr-view table[border="0"] td:not([class]),
.fr-view table[border="0"] th:not([class]),
.fr-view table[border="0"] td[class=""],
.fr-view table[border="0"] th[class=""] {
  border-width: 0px;
}
.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
  margin: 0px;
}
.fr-view table td {
  min-width: 5px;
}
.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed;
}
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke;
}
.fr-view table td,
.fr-view table th {
  border: 1px solid #DDD;
}
.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px;
}
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red;
}
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px;
}
.fr-view table th {
  background: #ececec;
}
.fr-view table tfoot td {
  background: #ececec;
}
.fr-view .fr-mso-hidden {
  display: none;
}
.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  break-after: always;
  page-break-after: always;
}
.fr-view .fr-file {
  position: relative;
}
.fr-view .fr-file::after {
  position: relative;
  content: "\1f4ce";
  font-weight: normal;
}
.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}
.fr-view[dir=rtl] blockquote {
  border-left: none;
  border-right: solid 2px #5E35B1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0;
}
.fr-view[dir=rtl] blockquote blockquote {
  border-color: #00BCD4;
}
.fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #43A047;
}
.fr-view blockquote {
  border-left: solid 2px #5E35B1;
  margin-left: 0;
  padding-left: 5px;
  color: #5E35B1;
}
.fr-view blockquote blockquote {
  border-color: #00BCD4;
  color: #00BCD4;
}
.fr-view blockquote blockquote blockquote {
  border-color: #43A047;
  color: #43A047;
}
.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family:
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "NotoColorEmoji",
    "Segoe UI Symbol",
    "Android Emoji",
    "EmojiSymbols";
  display: inline;
  line-height: 0;
}
.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle;
}
.fr-view .fr-text-gray {
  color: #AAA !important;
}
.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}
.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}
.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}
.fr-view .fr-class-highlighted {
  background-color: #ffff00;
}
.fr-view .fr-class-code {
  border-color: #cccccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family:
    "Courier New",
    Courier,
    monospace;
}
.fr-view .fr-class-transparency {
  opacity: 0.5;
}
.fr-view img {
  position: relative;
  max-width: 100%;
}
.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}
.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
.fr-view .fr-video {
  text-align: center;
  position: relative;
}
.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.fr-view .fr-video.fr-rv > iframe,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}
.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}
.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}
.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}
.fr-view .fr-video.fr-dvi {
  display: inline-block;
}
.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}
.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}
.fr-view a.fr-strong {
  font-weight: 700;
}
.fr-view a.fr-green {
  color: green;
}
.fr-view .fr-img-caption {
  text-align: center;
}
.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  margin: auto;
  text-align: center;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap a {
  display: block;
}
.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}
.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px;
}
.fr-view span.fr-img-caption.fr-dii.fr-fil,
.fr-view p img.fr-dii.fr-fil {
  margin-right: 15px;
}
a.fr-view.fr-strong {
  font-weight: 700;
}
a.fr-view.fr-green {
  color: green;
}
img.fr-view {
  position: relative;
  max-width: 100%;
}
img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}
span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
  min-width: 10px;
}
span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
  min-width: 5px;
}
span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
  min-width: 5px;
}

/* apps/subscriber-portal/src/styles.scss */
@layer primeng, vendors, reset, general, layout, components, themes;
@layer vendors {
  @layer bootstrap, googlecode;
  @layer bootstrap {
    /*!
     * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
     * Copyright 2011-2024 The Bootstrap Authors
     * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
     */
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      --bs-gutter-x:1.5rem;
      --bs-gutter-y:0;
      width: 100%;
      padding-right: calc(var(--bs-gutter-x) * 0.5);
      padding-left: calc(var(--bs-gutter-x) * 0.5);
      margin-right: auto;
      margin-left: auto;
    }
    @media (min-width: 576px) {
      .container,
      .container-sm {
        max-width: 540px;
      }
    }
    @media (min-width: 768px) {
      .container,
      .container-md,
      .container-sm {
        max-width: 720px;
      }
    }
    @media (min-width: 992px) {
      .container,
      .container-lg,
      .container-md,
      .container-sm {
        max-width: 960px;
      }
    }
    @media (min-width: 1200px) {
      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl {
        max-width: 1140px;
      }
    }
    @media (min-width: 1400px) {
      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl,
      .container-xxl {
        max-width: 1320px;
      }
    }
    :root {
      --bs-breakpoint-xs:0;
      --bs-breakpoint-sm:576px;
      --bs-breakpoint-md:768px;
      --bs-breakpoint-lg:992px;
      --bs-breakpoint-xl:1200px;
      --bs-breakpoint-xxl:1400px;
    }
    .row {
      --bs-gutter-x:1.5rem;
      --bs-gutter-y:0;
      display: flex;
      flex-wrap: wrap;
      margin-top: calc(-1 * var(--bs-gutter-y));
      margin-right: calc(-0.5 * var(--bs-gutter-x));
      margin-left: calc(-0.5 * var(--bs-gutter-x));
    }
    .row > * {
      box-sizing: border-box;
      flex-shrink: 0;
      width: 100%;
      max-width: 100%;
      padding-right: calc(var(--bs-gutter-x) * 0.5);
      padding-left: calc(var(--bs-gutter-x) * 0.5);
      margin-top: var(--bs-gutter-y);
    }
    .col {
      flex: 1 0 0%;
    }
    .row-cols-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-1 {
      margin-left: 8.33333333%;
    }
    .offset-2 {
      margin-left: 16.66666667%;
    }
    .offset-3 {
      margin-left: 25%;
    }
    .offset-4 {
      margin-left: 33.33333333%;
    }
    .offset-5 {
      margin-left: 41.66666667%;
    }
    .offset-6 {
      margin-left: 50%;
    }
    .offset-7 {
      margin-left: 58.33333333%;
    }
    .offset-8 {
      margin-left: 66.66666667%;
    }
    .offset-9 {
      margin-left: 75%;
    }
    .offset-10 {
      margin-left: 83.33333333%;
    }
    .offset-11 {
      margin-left: 91.66666667%;
    }
    .g-0,
    .gx-0 {
      --bs-gutter-x:0;
    }
    .g-0,
    .gy-0 {
      --bs-gutter-y:0;
    }
    .g-1,
    .gx-1 {
      --bs-gutter-x:0.25rem;
    }
    .g-1,
    .gy-1 {
      --bs-gutter-y:0.25rem;
    }
    .g-2,
    .gx-2 {
      --bs-gutter-x:0.5rem;
    }
    .g-2,
    .gy-2 {
      --bs-gutter-y:0.5rem;
    }
    .g-3,
    .gx-3 {
      --bs-gutter-x:1rem;
    }
    .g-3,
    .gy-3 {
      --bs-gutter-y:1rem;
    }
    .g-4,
    .gx-4 {
      --bs-gutter-x:1.5rem;
    }
    .g-4,
    .gy-4 {
      --bs-gutter-y:1.5rem;
    }
    .g-5,
    .gx-5 {
      --bs-gutter-x:3rem;
    }
    .g-5,
    .gy-5 {
      --bs-gutter-y:3rem;
    }
    @media (min-width: 576px) {
      .col-sm {
        flex: 1 0 0%;
      }
      .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
      }
      .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
      }
      .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
      }
      .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
      }
      .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
      }
      .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
      }
      .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
      }
      .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
      }
      .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
      }
      .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
      }
      .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
      }
      .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
      }
      .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
      }
      .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
      }
      .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
      }
      .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
      }
      .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
      }
      .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
      }
      .offset-sm-0 {
        margin-left: 0;
      }
      .offset-sm-1 {
        margin-left: 8.33333333%;
      }
      .offset-sm-2 {
        margin-left: 16.66666667%;
      }
      .offset-sm-3 {
        margin-left: 25%;
      }
      .offset-sm-4 {
        margin-left: 33.33333333%;
      }
      .offset-sm-5 {
        margin-left: 41.66666667%;
      }
      .offset-sm-6 {
        margin-left: 50%;
      }
      .offset-sm-7 {
        margin-left: 58.33333333%;
      }
      .offset-sm-8 {
        margin-left: 66.66666667%;
      }
      .offset-sm-9 {
        margin-left: 75%;
      }
      .offset-sm-10 {
        margin-left: 83.33333333%;
      }
      .offset-sm-11 {
        margin-left: 91.66666667%;
      }
      .g-sm-0,
      .gx-sm-0 {
        --bs-gutter-x:0;
      }
      .g-sm-0,
      .gy-sm-0 {
        --bs-gutter-y:0;
      }
      .g-sm-1,
      .gx-sm-1 {
        --bs-gutter-x:0.25rem;
      }
      .g-sm-1,
      .gy-sm-1 {
        --bs-gutter-y:0.25rem;
      }
      .g-sm-2,
      .gx-sm-2 {
        --bs-gutter-x:0.5rem;
      }
      .g-sm-2,
      .gy-sm-2 {
        --bs-gutter-y:0.5rem;
      }
      .g-sm-3,
      .gx-sm-3 {
        --bs-gutter-x:1rem;
      }
      .g-sm-3,
      .gy-sm-3 {
        --bs-gutter-y:1rem;
      }
      .g-sm-4,
      .gx-sm-4 {
        --bs-gutter-x:1.5rem;
      }
      .g-sm-4,
      .gy-sm-4 {
        --bs-gutter-y:1.5rem;
      }
      .g-sm-5,
      .gx-sm-5 {
        --bs-gutter-x:3rem;
      }
      .g-sm-5,
      .gy-sm-5 {
        --bs-gutter-y:3rem;
      }
    }
    @media (min-width: 768px) {
      .col-md {
        flex: 1 0 0%;
      }
      .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
      }
      .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
      }
      .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
      }
      .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
      }
      .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
      }
      .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
      }
      .col-md-auto {
        flex: 0 0 auto;
        width: auto;
      }
      .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
      }
      .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
      }
      .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
      }
      .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
      }
      .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
      }
      .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
      }
      .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
      }
      .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
      }
      .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
      }
      .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
      }
      .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
      }
      .offset-md-0 {
        margin-left: 0;
      }
      .offset-md-1 {
        margin-left: 8.33333333%;
      }
      .offset-md-2 {
        margin-left: 16.66666667%;
      }
      .offset-md-3 {
        margin-left: 25%;
      }
      .offset-md-4 {
        margin-left: 33.33333333%;
      }
      .offset-md-5 {
        margin-left: 41.66666667%;
      }
      .offset-md-6 {
        margin-left: 50%;
      }
      .offset-md-7 {
        margin-left: 58.33333333%;
      }
      .offset-md-8 {
        margin-left: 66.66666667%;
      }
      .offset-md-9 {
        margin-left: 75%;
      }
      .offset-md-10 {
        margin-left: 83.33333333%;
      }
      .offset-md-11 {
        margin-left: 91.66666667%;
      }
      .g-md-0,
      .gx-md-0 {
        --bs-gutter-x:0;
      }
      .g-md-0,
      .gy-md-0 {
        --bs-gutter-y:0;
      }
      .g-md-1,
      .gx-md-1 {
        --bs-gutter-x:0.25rem;
      }
      .g-md-1,
      .gy-md-1 {
        --bs-gutter-y:0.25rem;
      }
      .g-md-2,
      .gx-md-2 {
        --bs-gutter-x:0.5rem;
      }
      .g-md-2,
      .gy-md-2 {
        --bs-gutter-y:0.5rem;
      }
      .g-md-3,
      .gx-md-3 {
        --bs-gutter-x:1rem;
      }
      .g-md-3,
      .gy-md-3 {
        --bs-gutter-y:1rem;
      }
      .g-md-4,
      .gx-md-4 {
        --bs-gutter-x:1.5rem;
      }
      .g-md-4,
      .gy-md-4 {
        --bs-gutter-y:1.5rem;
      }
      .g-md-5,
      .gx-md-5 {
        --bs-gutter-x:3rem;
      }
      .g-md-5,
      .gy-md-5 {
        --bs-gutter-y:3rem;
      }
    }
    @media (min-width: 992px) {
      .col-lg {
        flex: 1 0 0%;
      }
      .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
      }
      .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
      }
      .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
      }
      .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
      }
      .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
      }
      .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
      }
      .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
      }
      .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
      }
      .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
      }
      .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
      }
      .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
      }
      .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
      }
      .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
      }
      .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
      }
      .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
      }
      .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
      }
      .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
      }
      .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
      }
      .offset-lg-0 {
        margin-left: 0;
      }
      .offset-lg-1 {
        margin-left: 8.33333333%;
      }
      .offset-lg-2 {
        margin-left: 16.66666667%;
      }
      .offset-lg-3 {
        margin-left: 25%;
      }
      .offset-lg-4 {
        margin-left: 33.33333333%;
      }
      .offset-lg-5 {
        margin-left: 41.66666667%;
      }
      .offset-lg-6 {
        margin-left: 50%;
      }
      .offset-lg-7 {
        margin-left: 58.33333333%;
      }
      .offset-lg-8 {
        margin-left: 66.66666667%;
      }
      .offset-lg-9 {
        margin-left: 75%;
      }
      .offset-lg-10 {
        margin-left: 83.33333333%;
      }
      .offset-lg-11 {
        margin-left: 91.66666667%;
      }
      .g-lg-0,
      .gx-lg-0 {
        --bs-gutter-x:0;
      }
      .g-lg-0,
      .gy-lg-0 {
        --bs-gutter-y:0;
      }
      .g-lg-1,
      .gx-lg-1 {
        --bs-gutter-x:0.25rem;
      }
      .g-lg-1,
      .gy-lg-1 {
        --bs-gutter-y:0.25rem;
      }
      .g-lg-2,
      .gx-lg-2 {
        --bs-gutter-x:0.5rem;
      }
      .g-lg-2,
      .gy-lg-2 {
        --bs-gutter-y:0.5rem;
      }
      .g-lg-3,
      .gx-lg-3 {
        --bs-gutter-x:1rem;
      }
      .g-lg-3,
      .gy-lg-3 {
        --bs-gutter-y:1rem;
      }
      .g-lg-4,
      .gx-lg-4 {
        --bs-gutter-x:1.5rem;
      }
      .g-lg-4,
      .gy-lg-4 {
        --bs-gutter-y:1.5rem;
      }
      .g-lg-5,
      .gx-lg-5 {
        --bs-gutter-x:3rem;
      }
      .g-lg-5,
      .gy-lg-5 {
        --bs-gutter-y:3rem;
      }
    }
    @media (min-width: 1200px) {
      .col-xl {
        flex: 1 0 0%;
      }
      .row-cols-xl-auto > * {
        flex: 0 0 auto;
        width: auto;
      }
      .row-cols-xl-1 > * {
        flex: 0 0 auto;
        width: 100%;
      }
      .row-cols-xl-2 > * {
        flex: 0 0 auto;
        width: 50%;
      }
      .row-cols-xl-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .row-cols-xl-4 > * {
        flex: 0 0 auto;
        width: 25%;
      }
      .row-cols-xl-5 > * {
        flex: 0 0 auto;
        width: 20%;
      }
      .row-cols-xl-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
      }
      .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
      }
      .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
      }
      .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
      }
      .col-xl-3 {
        flex: 0 0 auto;
        width: 25%;
      }
      .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
      }
      .col-xl-6 {
        flex: 0 0 auto;
        width: 50%;
      }
      .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
      }
      .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
      }
      .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
      }
      .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
      }
      .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
      }
      .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
      }
      .offset-xl-0 {
        margin-left: 0;
      }
      .offset-xl-1 {
        margin-left: 8.33333333%;
      }
      .offset-xl-2 {
        margin-left: 16.66666667%;
      }
      .offset-xl-3 {
        margin-left: 25%;
      }
      .offset-xl-4 {
        margin-left: 33.33333333%;
      }
      .offset-xl-5 {
        margin-left: 41.66666667%;
      }
      .offset-xl-6 {
        margin-left: 50%;
      }
      .offset-xl-7 {
        margin-left: 58.33333333%;
      }
      .offset-xl-8 {
        margin-left: 66.66666667%;
      }
      .offset-xl-9 {
        margin-left: 75%;
      }
      .offset-xl-10 {
        margin-left: 83.33333333%;
      }
      .offset-xl-11 {
        margin-left: 91.66666667%;
      }
      .g-xl-0,
      .gx-xl-0 {
        --bs-gutter-x:0;
      }
      .g-xl-0,
      .gy-xl-0 {
        --bs-gutter-y:0;
      }
      .g-xl-1,
      .gx-xl-1 {
        --bs-gutter-x:0.25rem;
      }
      .g-xl-1,
      .gy-xl-1 {
        --bs-gutter-y:0.25rem;
      }
      .g-xl-2,
      .gx-xl-2 {
        --bs-gutter-x:0.5rem;
      }
      .g-xl-2,
      .gy-xl-2 {
        --bs-gutter-y:0.5rem;
      }
      .g-xl-3,
      .gx-xl-3 {
        --bs-gutter-x:1rem;
      }
      .g-xl-3,
      .gy-xl-3 {
        --bs-gutter-y:1rem;
      }
      .g-xl-4,
      .gx-xl-4 {
        --bs-gutter-x:1.5rem;
      }
      .g-xl-4,
      .gy-xl-4 {
        --bs-gutter-y:1.5rem;
      }
      .g-xl-5,
      .gx-xl-5 {
        --bs-gutter-x:3rem;
      }
      .g-xl-5,
      .gy-xl-5 {
        --bs-gutter-y:3rem;
      }
    }
    @media (min-width: 1400px) {
      .col-xxl {
        flex: 1 0 0%;
      }
      .row-cols-xxl-auto > * {
        flex: 0 0 auto;
        width: auto;
      }
      .row-cols-xxl-1 > * {
        flex: 0 0 auto;
        width: 100%;
      }
      .row-cols-xxl-2 > * {
        flex: 0 0 auto;
        width: 50%;
      }
      .row-cols-xxl-3 > * {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .row-cols-xxl-4 > * {
        flex: 0 0 auto;
        width: 25%;
      }
      .row-cols-xxl-5 > * {
        flex: 0 0 auto;
        width: 20%;
      }
      .row-cols-xxl-6 > * {
        flex: 0 0 auto;
        width: 16.66666667%;
      }
      .col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
      }
      .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
      }
      .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
      }
      .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
      }
      .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
      }
      .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
      }
      .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
      }
      .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
      }
      .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
      }
      .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
      }
      .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
      }
      .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
      }
      .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
      }
      .offset-xxl-0 {
        margin-left: 0;
      }
      .offset-xxl-1 {
        margin-left: 8.33333333%;
      }
      .offset-xxl-2 {
        margin-left: 16.66666667%;
      }
      .offset-xxl-3 {
        margin-left: 25%;
      }
      .offset-xxl-4 {
        margin-left: 33.33333333%;
      }
      .offset-xxl-5 {
        margin-left: 41.66666667%;
      }
      .offset-xxl-6 {
        margin-left: 50%;
      }
      .offset-xxl-7 {
        margin-left: 58.33333333%;
      }
      .offset-xxl-8 {
        margin-left: 66.66666667%;
      }
      .offset-xxl-9 {
        margin-left: 75%;
      }
      .offset-xxl-10 {
        margin-left: 83.33333333%;
      }
      .offset-xxl-11 {
        margin-left: 91.66666667%;
      }
      .g-xxl-0,
      .gx-xxl-0 {
        --bs-gutter-x:0;
      }
      .g-xxl-0,
      .gy-xxl-0 {
        --bs-gutter-y:0;
      }
      .g-xxl-1,
      .gx-xxl-1 {
        --bs-gutter-x:0.25rem;
      }
      .g-xxl-1,
      .gy-xxl-1 {
        --bs-gutter-y:0.25rem;
      }
      .g-xxl-2,
      .gx-xxl-2 {
        --bs-gutter-x:0.5rem;
      }
      .g-xxl-2,
      .gy-xxl-2 {
        --bs-gutter-y:0.5rem;
      }
      .g-xxl-3,
      .gx-xxl-3 {
        --bs-gutter-x:1rem;
      }
      .g-xxl-3,
      .gy-xxl-3 {
        --bs-gutter-y:1rem;
      }
      .g-xxl-4,
      .gx-xxl-4 {
        --bs-gutter-x:1.5rem;
      }
      .g-xxl-4,
      .gy-xxl-4 {
        --bs-gutter-y:1.5rem;
      }
      .g-xxl-5,
      .gx-xxl-5 {
        --bs-gutter-x:3rem;
      }
      .g-xxl-5,
      .gy-xxl-5 {
        --bs-gutter-y:3rem;
      }
    }
    .d-inline {
      display: inline;
    }
    .d-inline-block {
      display: inline-block;
    }
    .d-block {
      display: block;
    }
    .d-grid {
      display: grid;
    }
    .d-inline-grid {
      display: inline-grid;
    }
    .d-table {
      display: table;
    }
    .d-table-row {
      display: table-row;
    }
    .d-table-cell {
      display: table-cell;
    }
    .d-flex {
      display: flex;
    }
    .d-inline-flex {
      display: inline-flex;
    }
    .d-none {
      display: none;
    }
    .flex-fill {
      flex: 1 1 auto;
    }
    .flex-row {
      flex-direction: row;
    }
    .flex-column {
      flex-direction: column;
    }
    .flex-row-reverse {
      flex-direction: row-reverse;
    }
    .flex-column-reverse {
      flex-direction: column-reverse;
    }
    .flex-grow-0 {
      flex-grow: 0;
    }
    .flex-grow-1 {
      flex-grow: 1;
    }
    .flex-shrink-0 {
      flex-shrink: 0;
    }
    .flex-shrink-1 {
      flex-shrink: 1;
    }
    .flex-wrap {
      flex-wrap: wrap;
    }
    .flex-nowrap {
      flex-wrap: nowrap;
    }
    .flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .justify-content-start {
      justify-content: flex-start;
    }
    .justify-content-end {
      justify-content: flex-end;
    }
    .justify-content-center {
      justify-content: center;
    }
    .justify-content-between {
      justify-content: space-between;
    }
    .justify-content-around {
      justify-content: space-around;
    }
    .justify-content-evenly {
      justify-content: space-evenly;
    }
    .align-items-start {
      align-items: flex-start;
    }
    .align-items-end {
      align-items: flex-end;
    }
    .align-items-center {
      align-items: center;
    }
    .align-items-baseline {
      align-items: baseline;
    }
    .align-items-stretch {
      align-items: stretch;
    }
    .align-content-start {
      align-content: flex-start;
    }
    .align-content-end {
      align-content: flex-end;
    }
    .align-content-center {
      align-content: center;
    }
    .align-content-between {
      align-content: space-between;
    }
    .align-content-around {
      align-content: space-around;
    }
    .align-content-stretch {
      align-content: stretch;
    }
    .align-self-auto {
      align-self: auto;
    }
    .align-self-start {
      align-self: flex-start;
    }
    .align-self-end {
      align-self: flex-end;
    }
    .align-self-center {
      align-self: center;
    }
    .align-self-baseline {
      align-self: baseline;
    }
    .align-self-stretch {
      align-self: stretch;
    }
    .order-first {
      order: -1;
    }
    .order-0 {
      order: 0;
    }
    .order-1 {
      order: 1;
    }
    .order-2 {
      order: 2;
    }
    .order-3 {
      order: 3;
    }
    .order-4 {
      order: 4;
    }
    .order-5 {
      order: 5;
    }
    .order-last {
      order: 6;
    }
    .m-0 {
      margin: 0;
    }
    .m-1 {
      margin: 0.25rem;
    }
    .m-2 {
      margin: 0.5rem;
    }
    .m-3 {
      margin: 1rem;
    }
    .m-4 {
      margin: 1.5rem;
    }
    .m-5 {
      margin: 3rem;
    }
    .m-auto {
      margin: auto;
    }
    .mx-0 {
      margin-right: 0;
      margin-left: 0;
    }
    .mx-1 {
      margin-right: 0.25rem;
      margin-left: 0.25rem;
    }
    .mx-2 {
      margin-right: 0.5rem;
      margin-left: 0.5rem;
    }
    .mx-3 {
      margin-right: 1rem;
      margin-left: 1rem;
    }
    .mx-4 {
      margin-right: 1.5rem;
      margin-left: 1.5rem;
    }
    .mx-5 {
      margin-right: 3rem;
      margin-left: 3rem;
    }
    .mx-auto {
      margin-right: auto;
      margin-left: auto;
    }
    .my-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .my-1 {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
    }
    .my-2 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .my-3 {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .my-4 {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .my-5 {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .my-auto {
      margin-top: auto;
      margin-bottom: auto;
    }
    .mt-0 {
      margin-top: 0;
    }
    .mt-1 {
      margin-top: 0.25rem;
    }
    .mt-2 {
      margin-top: 0.5rem;
    }
    .mt-3 {
      margin-top: 1rem;
    }
    .mt-4 {
      margin-top: 1.5rem;
    }
    .mt-5 {
      margin-top: 3rem;
    }
    .mt-auto {
      margin-top: auto;
    }
    .me-0 {
      margin-right: 0;
    }
    .me-1 {
      margin-right: 0.25rem;
    }
    .me-2 {
      margin-right: 0.5rem;
    }
    .me-3 {
      margin-right: 1rem;
    }
    .me-4 {
      margin-right: 1.5rem;
    }
    .me-5 {
      margin-right: 3rem;
    }
    .me-auto {
      margin-right: auto;
    }
    .mb-0 {
      margin-bottom: 0;
    }
    .mb-1 {
      margin-bottom: 0.25rem;
    }
    .mb-2 {
      margin-bottom: 0.5rem;
    }
    .mb-3 {
      margin-bottom: 1rem;
    }
    .mb-4 {
      margin-bottom: 1.5rem;
    }
    .mb-5 {
      margin-bottom: 3rem;
    }
    .mb-auto {
      margin-bottom: auto;
    }
    .ms-0 {
      margin-left: 0;
    }
    .ms-1 {
      margin-left: 0.25rem;
    }
    .ms-2 {
      margin-left: 0.5rem;
    }
    .ms-3 {
      margin-left: 1rem;
    }
    .ms-4 {
      margin-left: 1.5rem;
    }
    .ms-5 {
      margin-left: 3rem;
    }
    .ms-auto {
      margin-left: auto;
    }
    .p-0 {
      padding: 0;
    }
    .p-1 {
      padding: 0.25rem;
    }
    .p-2 {
      padding: 0.5rem;
    }
    .p-3 {
      padding: 1rem;
    }
    .p-4 {
      padding: 1.5rem;
    }
    .p-5 {
      padding: 3rem;
    }
    .px-0 {
      padding-right: 0;
      padding-left: 0;
    }
    .px-1 {
      padding-right: 0.25rem;
      padding-left: 0.25rem;
    }
    .px-2 {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
    }
    .px-3 {
      padding-right: 1rem;
      padding-left: 1rem;
    }
    .px-4 {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
    .px-5 {
      padding-right: 3rem;
      padding-left: 3rem;
    }
    .py-0 {
      padding-top: 0;
      padding-bottom: 0;
    }
    .py-1 {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
    .py-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .py-3 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .py-4 {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .py-5 {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .pt-0 {
      padding-top: 0;
    }
    .pt-1 {
      padding-top: 0.25rem;
    }
    .pt-2 {
      padding-top: 0.5rem;
    }
    .pt-3 {
      padding-top: 1rem;
    }
    .pt-4 {
      padding-top: 1.5rem;
    }
    .pt-5 {
      padding-top: 3rem;
    }
    .pe-0 {
      padding-right: 0;
    }
    .pe-1 {
      padding-right: 0.25rem;
    }
    .pe-2 {
      padding-right: 0.5rem;
    }
    .pe-3 {
      padding-right: 1rem;
    }
    .pe-4 {
      padding-right: 1.5rem;
    }
    .pe-5 {
      padding-right: 3rem;
    }
    .pb-0 {
      padding-bottom: 0;
    }
    .pb-1 {
      padding-bottom: 0.25rem;
    }
    .pb-2 {
      padding-bottom: 0.5rem;
    }
    .pb-3 {
      padding-bottom: 1rem;
    }
    .pb-4 {
      padding-bottom: 1.5rem;
    }
    .pb-5 {
      padding-bottom: 3rem;
    }
    .ps-0 {
      padding-left: 0;
    }
    .ps-1 {
      padding-left: 0.25rem;
    }
    .ps-2 {
      padding-left: 0.5rem;
    }
    .ps-3 {
      padding-left: 1rem;
    }
    .ps-4 {
      padding-left: 1.5rem;
    }
    .ps-5 {
      padding-left: 3rem;
    }
    @media (min-width: 576px) {
      .d-sm-inline {
        display: inline;
      }
      .d-sm-inline-block {
        display: inline-block;
      }
      .d-sm-block {
        display: block;
      }
      .d-sm-grid {
        display: grid;
      }
      .d-sm-inline-grid {
        display: inline-grid;
      }
      .d-sm-table {
        display: table;
      }
      .d-sm-table-row {
        display: table-row;
      }
      .d-sm-table-cell {
        display: table-cell;
      }
      .d-sm-flex {
        display: flex;
      }
      .d-sm-inline-flex {
        display: inline-flex;
      }
      .d-sm-none {
        display: none;
      }
      .flex-sm-fill {
        flex: 1 1 auto;
      }
      .flex-sm-row {
        flex-direction: row;
      }
      .flex-sm-column {
        flex-direction: column;
      }
      .flex-sm-row-reverse {
        flex-direction: row-reverse;
      }
      .flex-sm-column-reverse {
        flex-direction: column-reverse;
      }
      .flex-sm-grow-0 {
        flex-grow: 0;
      }
      .flex-sm-grow-1 {
        flex-grow: 1;
      }
      .flex-sm-shrink-0 {
        flex-shrink: 0;
      }
      .flex-sm-shrink-1 {
        flex-shrink: 1;
      }
      .flex-sm-wrap {
        flex-wrap: wrap;
      }
      .flex-sm-nowrap {
        flex-wrap: nowrap;
      }
      .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse;
      }
      .justify-content-sm-start {
        justify-content: flex-start;
      }
      .justify-content-sm-end {
        justify-content: flex-end;
      }
      .justify-content-sm-center {
        justify-content: center;
      }
      .justify-content-sm-between {
        justify-content: space-between;
      }
      .justify-content-sm-around {
        justify-content: space-around;
      }
      .justify-content-sm-evenly {
        justify-content: space-evenly;
      }
      .align-items-sm-start {
        align-items: flex-start;
      }
      .align-items-sm-end {
        align-items: flex-end;
      }
      .align-items-sm-center {
        align-items: center;
      }
      .align-items-sm-baseline {
        align-items: baseline;
      }
      .align-items-sm-stretch {
        align-items: stretch;
      }
      .align-content-sm-start {
        align-content: flex-start;
      }
      .align-content-sm-end {
        align-content: flex-end;
      }
      .align-content-sm-center {
        align-content: center;
      }
      .align-content-sm-between {
        align-content: space-between;
      }
      .align-content-sm-around {
        align-content: space-around;
      }
      .align-content-sm-stretch {
        align-content: stretch;
      }
      .align-self-sm-auto {
        align-self: auto;
      }
      .align-self-sm-start {
        align-self: flex-start;
      }
      .align-self-sm-end {
        align-self: flex-end;
      }
      .align-self-sm-center {
        align-self: center;
      }
      .align-self-sm-baseline {
        align-self: baseline;
      }
      .align-self-sm-stretch {
        align-self: stretch;
      }
      .order-sm-first {
        order: -1;
      }
      .order-sm-0 {
        order: 0;
      }
      .order-sm-1 {
        order: 1;
      }
      .order-sm-2 {
        order: 2;
      }
      .order-sm-3 {
        order: 3;
      }
      .order-sm-4 {
        order: 4;
      }
      .order-sm-5 {
        order: 5;
      }
      .order-sm-last {
        order: 6;
      }
      .m-sm-0 {
        margin: 0;
      }
      .m-sm-1 {
        margin: 0.25rem;
      }
      .m-sm-2 {
        margin: 0.5rem;
      }
      .m-sm-3 {
        margin: 1rem;
      }
      .m-sm-4 {
        margin: 1.5rem;
      }
      .m-sm-5 {
        margin: 3rem;
      }
      .m-sm-auto {
        margin: auto;
      }
      .mx-sm-0 {
        margin-right: 0;
        margin-left: 0;
      }
      .mx-sm-1 {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
      }
      .mx-sm-2 {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
      }
      .mx-sm-3 {
        margin-right: 1rem;
        margin-left: 1rem;
      }
      .mx-sm-4 {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
      }
      .mx-sm-5 {
        margin-right: 3rem;
        margin-left: 3rem;
      }
      .mx-sm-auto {
        margin-right: auto;
        margin-left: auto;
      }
      .my-sm-0 {
        margin-top: 0;
        margin-bottom: 0;
      }
      .my-sm-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
      }
      .my-sm-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
      }
      .my-sm-3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
      }
      .my-sm-4 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
      }
      .my-sm-5 {
        margin-top: 3rem;
        margin-bottom: 3rem;
      }
      .my-sm-auto {
        margin-top: auto;
        margin-bottom: auto;
      }
      .mt-sm-0 {
        margin-top: 0;
      }
      .mt-sm-1 {
        margin-top: 0.25rem;
      }
      .mt-sm-2 {
        margin-top: 0.5rem;
      }
      .mt-sm-3 {
        margin-top: 1rem;
      }
      .mt-sm-4 {
        margin-top: 1.5rem;
      }
      .mt-sm-5 {
        margin-top: 3rem;
      }
      .mt-sm-auto {
        margin-top: auto;
      }
      .me-sm-0 {
        margin-right: 0;
      }
      .me-sm-1 {
        margin-right: 0.25rem;
      }
      .me-sm-2 {
        margin-right: 0.5rem;
      }
      .me-sm-3 {
        margin-right: 1rem;
      }
      .me-sm-4 {
        margin-right: 1.5rem;
      }
      .me-sm-5 {
        margin-right: 3rem;
      }
      .me-sm-auto {
        margin-right: auto;
      }
      .mb-sm-0 {
        margin-bottom: 0;
      }
      .mb-sm-1 {
        margin-bottom: 0.25rem;
      }
      .mb-sm-2 {
        margin-bottom: 0.5rem;
      }
      .mb-sm-3 {
        margin-bottom: 1rem;
      }
      .mb-sm-4 {
        margin-bottom: 1.5rem;
      }
      .mb-sm-5 {
        margin-bottom: 3rem;
      }
      .mb-sm-auto {
        margin-bottom: auto;
      }
      .ms-sm-0 {
        margin-left: 0;
      }
      .ms-sm-1 {
        margin-left: 0.25rem;
      }
      .ms-sm-2 {
        margin-left: 0.5rem;
      }
      .ms-sm-3 {
        margin-left: 1rem;
      }
      .ms-sm-4 {
        margin-left: 1.5rem;
      }
      .ms-sm-5 {
        margin-left: 3rem;
      }
      .ms-sm-auto {
        margin-left: auto;
      }
      .p-sm-0 {
        padding: 0;
      }
      .p-sm-1 {
        padding: 0.25rem;
      }
      .p-sm-2 {
        padding: 0.5rem;
      }
      .p-sm-3 {
        padding: 1rem;
      }
      .p-sm-4 {
        padding: 1.5rem;
      }
      .p-sm-5 {
        padding: 3rem;
      }
      .px-sm-0 {
        padding-right: 0;
        padding-left: 0;
      }
      .px-sm-1 {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
      }
      .px-sm-2 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
      }
      .px-sm-3 {
        padding-right: 1rem;
        padding-left: 1rem;
      }
      .px-sm-4 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
      }
      .px-sm-5 {
        padding-right: 3rem;
        padding-left: 3rem;
      }
      .py-sm-0 {
        padding-top: 0;
        padding-bottom: 0;
      }
      .py-sm-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
      }
      .py-sm-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .py-sm-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
      .py-sm-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
      }
      .py-sm-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
      }
      .pt-sm-0 {
        padding-top: 0;
      }
      .pt-sm-1 {
        padding-top: 0.25rem;
      }
      .pt-sm-2 {
        padding-top: 0.5rem;
      }
      .pt-sm-3 {
        padding-top: 1rem;
      }
      .pt-sm-4 {
        padding-top: 1.5rem;
      }
      .pt-sm-5 {
        padding-top: 3rem;
      }
      .pe-sm-0 {
        padding-right: 0;
      }
      .pe-sm-1 {
        padding-right: 0.25rem;
      }
      .pe-sm-2 {
        padding-right: 0.5rem;
      }
      .pe-sm-3 {
        padding-right: 1rem;
      }
      .pe-sm-4 {
        padding-right: 1.5rem;
      }
      .pe-sm-5 {
        padding-right: 3rem;
      }
      .pb-sm-0 {
        padding-bottom: 0;
      }
      .pb-sm-1 {
        padding-bottom: 0.25rem;
      }
      .pb-sm-2 {
        padding-bottom: 0.5rem;
      }
      .pb-sm-3 {
        padding-bottom: 1rem;
      }
      .pb-sm-4 {
        padding-bottom: 1.5rem;
      }
      .pb-sm-5 {
        padding-bottom: 3rem;
      }
      .ps-sm-0 {
        padding-left: 0;
      }
      .ps-sm-1 {
        padding-left: 0.25rem;
      }
      .ps-sm-2 {
        padding-left: 0.5rem;
      }
      .ps-sm-3 {
        padding-left: 1rem;
      }
      .ps-sm-4 {
        padding-left: 1.5rem;
      }
      .ps-sm-5 {
        padding-left: 3rem;
      }
    }
    @media (min-width: 768px) {
      .d-md-inline {
        display: inline;
      }
      .d-md-inline-block {
        display: inline-block;
      }
      .d-md-block {
        display: block;
      }
      .d-md-grid {
        display: grid;
      }
      .d-md-inline-grid {
        display: inline-grid;
      }
      .d-md-table {
        display: table;
      }
      .d-md-table-row {
        display: table-row;
      }
      .d-md-table-cell {
        display: table-cell;
      }
      .d-md-flex {
        display: flex;
      }
      .d-md-inline-flex {
        display: inline-flex;
      }
      .d-md-none {
        display: none;
      }
      .flex-md-fill {
        flex: 1 1 auto;
      }
      .flex-md-row {
        flex-direction: row;
      }
      .flex-md-column {
        flex-direction: column;
      }
      .flex-md-row-reverse {
        flex-direction: row-reverse;
      }
      .flex-md-column-reverse {
        flex-direction: column-reverse;
      }
      .flex-md-grow-0 {
        flex-grow: 0;
      }
      .flex-md-grow-1 {
        flex-grow: 1;
      }
      .flex-md-shrink-0 {
        flex-shrink: 0;
      }
      .flex-md-shrink-1 {
        flex-shrink: 1;
      }
      .flex-md-wrap {
        flex-wrap: wrap;
      }
      .flex-md-nowrap {
        flex-wrap: nowrap;
      }
      .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse;
      }
      .justify-content-md-start {
        justify-content: flex-start;
      }
      .justify-content-md-end {
        justify-content: flex-end;
      }
      .justify-content-md-center {
        justify-content: center;
      }
      .justify-content-md-between {
        justify-content: space-between;
      }
      .justify-content-md-around {
        justify-content: space-around;
      }
      .justify-content-md-evenly {
        justify-content: space-evenly;
      }
      .align-items-md-start {
        align-items: flex-start;
      }
      .align-items-md-end {
        align-items: flex-end;
      }
      .align-items-md-center {
        align-items: center;
      }
      .align-items-md-baseline {
        align-items: baseline;
      }
      .align-items-md-stretch {
        align-items: stretch;
      }
      .align-content-md-start {
        align-content: flex-start;
      }
      .align-content-md-end {
        align-content: flex-end;
      }
      .align-content-md-center {
        align-content: center;
      }
      .align-content-md-between {
        align-content: space-between;
      }
      .align-content-md-around {
        align-content: space-around;
      }
      .align-content-md-stretch {
        align-content: stretch;
      }
      .align-self-md-auto {
        align-self: auto;
      }
      .align-self-md-start {
        align-self: flex-start;
      }
      .align-self-md-end {
        align-self: flex-end;
      }
      .align-self-md-center {
        align-self: center;
      }
      .align-self-md-baseline {
        align-self: baseline;
      }
      .align-self-md-stretch {
        align-self: stretch;
      }
      .order-md-first {
        order: -1;
      }
      .order-md-0 {
        order: 0;
      }
      .order-md-1 {
        order: 1;
      }
      .order-md-2 {
        order: 2;
      }
      .order-md-3 {
        order: 3;
      }
      .order-md-4 {
        order: 4;
      }
      .order-md-5 {
        order: 5;
      }
      .order-md-last {
        order: 6;
      }
      .m-md-0 {
        margin: 0;
      }
      .m-md-1 {
        margin: 0.25rem;
      }
      .m-md-2 {
        margin: 0.5rem;
      }
      .m-md-3 {
        margin: 1rem;
      }
      .m-md-4 {
        margin: 1.5rem;
      }
      .m-md-5 {
        margin: 3rem;
      }
      .m-md-auto {
        margin: auto;
      }
      .mx-md-0 {
        margin-right: 0;
        margin-left: 0;
      }
      .mx-md-1 {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
      }
      .mx-md-2 {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
      }
      .mx-md-3 {
        margin-right: 1rem;
        margin-left: 1rem;
      }
      .mx-md-4 {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
      }
      .mx-md-5 {
        margin-right: 3rem;
        margin-left: 3rem;
      }
      .mx-md-auto {
        margin-right: auto;
        margin-left: auto;
      }
      .my-md-0 {
        margin-top: 0;
        margin-bottom: 0;
      }
      .my-md-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
      }
      .my-md-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
      }
      .my-md-3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
      }
      .my-md-4 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
      }
      .my-md-5 {
        margin-top: 3rem;
        margin-bottom: 3rem;
      }
      .my-md-auto {
        margin-top: auto;
        margin-bottom: auto;
      }
      .mt-md-0 {
        margin-top: 0;
      }
      .mt-md-1 {
        margin-top: 0.25rem;
      }
      .mt-md-2 {
        margin-top: 0.5rem;
      }
      .mt-md-3 {
        margin-top: 1rem;
      }
      .mt-md-4 {
        margin-top: 1.5rem;
      }
      .mt-md-5 {
        margin-top: 3rem;
      }
      .mt-md-auto {
        margin-top: auto;
      }
      .me-md-0 {
        margin-right: 0;
      }
      .me-md-1 {
        margin-right: 0.25rem;
      }
      .me-md-2 {
        margin-right: 0.5rem;
      }
      .me-md-3 {
        margin-right: 1rem;
      }
      .me-md-4 {
        margin-right: 1.5rem;
      }
      .me-md-5 {
        margin-right: 3rem;
      }
      .me-md-auto {
        margin-right: auto;
      }
      .mb-md-0 {
        margin-bottom: 0;
      }
      .mb-md-1 {
        margin-bottom: 0.25rem;
      }
      .mb-md-2 {
        margin-bottom: 0.5rem;
      }
      .mb-md-3 {
        margin-bottom: 1rem;
      }
      .mb-md-4 {
        margin-bottom: 1.5rem;
      }
      .mb-md-5 {
        margin-bottom: 3rem;
      }
      .mb-md-auto {
        margin-bottom: auto;
      }
      .ms-md-0 {
        margin-left: 0;
      }
      .ms-md-1 {
        margin-left: 0.25rem;
      }
      .ms-md-2 {
        margin-left: 0.5rem;
      }
      .ms-md-3 {
        margin-left: 1rem;
      }
      .ms-md-4 {
        margin-left: 1.5rem;
      }
      .ms-md-5 {
        margin-left: 3rem;
      }
      .ms-md-auto {
        margin-left: auto;
      }
      .p-md-0 {
        padding: 0;
      }
      .p-md-1 {
        padding: 0.25rem;
      }
      .p-md-2 {
        padding: 0.5rem;
      }
      .p-md-3 {
        padding: 1rem;
      }
      .p-md-4 {
        padding: 1.5rem;
      }
      .p-md-5 {
        padding: 3rem;
      }
      .px-md-0 {
        padding-right: 0;
        padding-left: 0;
      }
      .px-md-1 {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
      }
      .px-md-2 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
      }
      .px-md-3 {
        padding-right: 1rem;
        padding-left: 1rem;
      }
      .px-md-4 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
      }
      .px-md-5 {
        padding-right: 3rem;
        padding-left: 3rem;
      }
      .py-md-0 {
        padding-top: 0;
        padding-bottom: 0;
      }
      .py-md-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
      }
      .py-md-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .py-md-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
      .py-md-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
      }
      .py-md-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
      }
      .pt-md-0 {
        padding-top: 0;
      }
      .pt-md-1 {
        padding-top: 0.25rem;
      }
      .pt-md-2 {
        padding-top: 0.5rem;
      }
      .pt-md-3 {
        padding-top: 1rem;
      }
      .pt-md-4 {
        padding-top: 1.5rem;
      }
      .pt-md-5 {
        padding-top: 3rem;
      }
      .pe-md-0 {
        padding-right: 0;
      }
      .pe-md-1 {
        padding-right: 0.25rem;
      }
      .pe-md-2 {
        padding-right: 0.5rem;
      }
      .pe-md-3 {
        padding-right: 1rem;
      }
      .pe-md-4 {
        padding-right: 1.5rem;
      }
      .pe-md-5 {
        padding-right: 3rem;
      }
      .pb-md-0 {
        padding-bottom: 0;
      }
      .pb-md-1 {
        padding-bottom: 0.25rem;
      }
      .pb-md-2 {
        padding-bottom: 0.5rem;
      }
      .pb-md-3 {
        padding-bottom: 1rem;
      }
      .pb-md-4 {
        padding-bottom: 1.5rem;
      }
      .pb-md-5 {
        padding-bottom: 3rem;
      }
      .ps-md-0 {
        padding-left: 0;
      }
      .ps-md-1 {
        padding-left: 0.25rem;
      }
      .ps-md-2 {
        padding-left: 0.5rem;
      }
      .ps-md-3 {
        padding-left: 1rem;
      }
      .ps-md-4 {
        padding-left: 1.5rem;
      }
      .ps-md-5 {
        padding-left: 3rem;
      }
    }
    @media (min-width: 992px) {
      .d-lg-inline {
        display: inline;
      }
      .d-lg-inline-block {
        display: inline-block;
      }
      .d-lg-block {
        display: block;
      }
      .d-lg-grid {
        display: grid;
      }
      .d-lg-inline-grid {
        display: inline-grid;
      }
      .d-lg-table {
        display: table;
      }
      .d-lg-table-row {
        display: table-row;
      }
      .d-lg-table-cell {
        display: table-cell;
      }
      .d-lg-flex {
        display: flex;
      }
      .d-lg-inline-flex {
        display: inline-flex;
      }
      .d-lg-none {
        display: none;
      }
      .flex-lg-fill {
        flex: 1 1 auto;
      }
      .flex-lg-row {
        flex-direction: row;
      }
      .flex-lg-column {
        flex-direction: column;
      }
      .flex-lg-row-reverse {
        flex-direction: row-reverse;
      }
      .flex-lg-column-reverse {
        flex-direction: column-reverse;
      }
      .flex-lg-grow-0 {
        flex-grow: 0;
      }
      .flex-lg-grow-1 {
        flex-grow: 1;
      }
      .flex-lg-shrink-0 {
        flex-shrink: 0;
      }
      .flex-lg-shrink-1 {
        flex-shrink: 1;
      }
      .flex-lg-wrap {
        flex-wrap: wrap;
      }
      .flex-lg-nowrap {
        flex-wrap: nowrap;
      }
      .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse;
      }
      .justify-content-lg-start {
        justify-content: flex-start;
      }
      .justify-content-lg-end {
        justify-content: flex-end;
      }
      .justify-content-lg-center {
        justify-content: center;
      }
      .justify-content-lg-between {
        justify-content: space-between;
      }
      .justify-content-lg-around {
        justify-content: space-around;
      }
      .justify-content-lg-evenly {
        justify-content: space-evenly;
      }
      .align-items-lg-start {
        align-items: flex-start;
      }
      .align-items-lg-end {
        align-items: flex-end;
      }
      .align-items-lg-center {
        align-items: center;
      }
      .align-items-lg-baseline {
        align-items: baseline;
      }
      .align-items-lg-stretch {
        align-items: stretch;
      }
      .align-content-lg-start {
        align-content: flex-start;
      }
      .align-content-lg-end {
        align-content: flex-end;
      }
      .align-content-lg-center {
        align-content: center;
      }
      .align-content-lg-between {
        align-content: space-between;
      }
      .align-content-lg-around {
        align-content: space-around;
      }
      .align-content-lg-stretch {
        align-content: stretch;
      }
      .align-self-lg-auto {
        align-self: auto;
      }
      .align-self-lg-start {
        align-self: flex-start;
      }
      .align-self-lg-end {
        align-self: flex-end;
      }
      .align-self-lg-center {
        align-self: center;
      }
      .align-self-lg-baseline {
        align-self: baseline;
      }
      .align-self-lg-stretch {
        align-self: stretch;
      }
      .order-lg-first {
        order: -1;
      }
      .order-lg-0 {
        order: 0;
      }
      .order-lg-1 {
        order: 1;
      }
      .order-lg-2 {
        order: 2;
      }
      .order-lg-3 {
        order: 3;
      }
      .order-lg-4 {
        order: 4;
      }
      .order-lg-5 {
        order: 5;
      }
      .order-lg-last {
        order: 6;
      }
      .m-lg-0 {
        margin: 0;
      }
      .m-lg-1 {
        margin: 0.25rem;
      }
      .m-lg-2 {
        margin: 0.5rem;
      }
      .m-lg-3 {
        margin: 1rem;
      }
      .m-lg-4 {
        margin: 1.5rem;
      }
      .m-lg-5 {
        margin: 3rem;
      }
      .m-lg-auto {
        margin: auto;
      }
      .mx-lg-0 {
        margin-right: 0;
        margin-left: 0;
      }
      .mx-lg-1 {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
      }
      .mx-lg-2 {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
      }
      .mx-lg-3 {
        margin-right: 1rem;
        margin-left: 1rem;
      }
      .mx-lg-4 {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
      }
      .mx-lg-5 {
        margin-right: 3rem;
        margin-left: 3rem;
      }
      .mx-lg-auto {
        margin-right: auto;
        margin-left: auto;
      }
      .my-lg-0 {
        margin-top: 0;
        margin-bottom: 0;
      }
      .my-lg-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
      }
      .my-lg-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
      }
      .my-lg-3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
      }
      .my-lg-4 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
      }
      .my-lg-5 {
        margin-top: 3rem;
        margin-bottom: 3rem;
      }
      .my-lg-auto {
        margin-top: auto;
        margin-bottom: auto;
      }
      .mt-lg-0 {
        margin-top: 0;
      }
      .mt-lg-1 {
        margin-top: 0.25rem;
      }
      .mt-lg-2 {
        margin-top: 0.5rem;
      }
      .mt-lg-3 {
        margin-top: 1rem;
      }
      .mt-lg-4 {
        margin-top: 1.5rem;
      }
      .mt-lg-5 {
        margin-top: 3rem;
      }
      .mt-lg-auto {
        margin-top: auto;
      }
      .me-lg-0 {
        margin-right: 0;
      }
      .me-lg-1 {
        margin-right: 0.25rem;
      }
      .me-lg-2 {
        margin-right: 0.5rem;
      }
      .me-lg-3 {
        margin-right: 1rem;
      }
      .me-lg-4 {
        margin-right: 1.5rem;
      }
      .me-lg-5 {
        margin-right: 3rem;
      }
      .me-lg-auto {
        margin-right: auto;
      }
      .mb-lg-0 {
        margin-bottom: 0;
      }
      .mb-lg-1 {
        margin-bottom: 0.25rem;
      }
      .mb-lg-2 {
        margin-bottom: 0.5rem;
      }
      .mb-lg-3 {
        margin-bottom: 1rem;
      }
      .mb-lg-4 {
        margin-bottom: 1.5rem;
      }
      .mb-lg-5 {
        margin-bottom: 3rem;
      }
      .mb-lg-auto {
        margin-bottom: auto;
      }
      .ms-lg-0 {
        margin-left: 0;
      }
      .ms-lg-1 {
        margin-left: 0.25rem;
      }
      .ms-lg-2 {
        margin-left: 0.5rem;
      }
      .ms-lg-3 {
        margin-left: 1rem;
      }
      .ms-lg-4 {
        margin-left: 1.5rem;
      }
      .ms-lg-5 {
        margin-left: 3rem;
      }
      .ms-lg-auto {
        margin-left: auto;
      }
      .p-lg-0 {
        padding: 0;
      }
      .p-lg-1 {
        padding: 0.25rem;
      }
      .p-lg-2 {
        padding: 0.5rem;
      }
      .p-lg-3 {
        padding: 1rem;
      }
      .p-lg-4 {
        padding: 1.5rem;
      }
      .p-lg-5 {
        padding: 3rem;
      }
      .px-lg-0 {
        padding-right: 0;
        padding-left: 0;
      }
      .px-lg-1 {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
      }
      .px-lg-2 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
      }
      .px-lg-3 {
        padding-right: 1rem;
        padding-left: 1rem;
      }
      .px-lg-4 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
      }
      .px-lg-5 {
        padding-right: 3rem;
        padding-left: 3rem;
      }
      .py-lg-0 {
        padding-top: 0;
        padding-bottom: 0;
      }
      .py-lg-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
      }
      .py-lg-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .py-lg-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
      .py-lg-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
      }
      .py-lg-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
      }
      .pt-lg-0 {
        padding-top: 0;
      }
      .pt-lg-1 {
        padding-top: 0.25rem;
      }
      .pt-lg-2 {
        padding-top: 0.5rem;
      }
      .pt-lg-3 {
        padding-top: 1rem;
      }
      .pt-lg-4 {
        padding-top: 1.5rem;
      }
      .pt-lg-5 {
        padding-top: 3rem;
      }
      .pe-lg-0 {
        padding-right: 0;
      }
      .pe-lg-1 {
        padding-right: 0.25rem;
      }
      .pe-lg-2 {
        padding-right: 0.5rem;
      }
      .pe-lg-3 {
        padding-right: 1rem;
      }
      .pe-lg-4 {
        padding-right: 1.5rem;
      }
      .pe-lg-5 {
        padding-right: 3rem;
      }
      .pb-lg-0 {
        padding-bottom: 0;
      }
      .pb-lg-1 {
        padding-bottom: 0.25rem;
      }
      .pb-lg-2 {
        padding-bottom: 0.5rem;
      }
      .pb-lg-3 {
        padding-bottom: 1rem;
      }
      .pb-lg-4 {
        padding-bottom: 1.5rem;
      }
      .pb-lg-5 {
        padding-bottom: 3rem;
      }
      .ps-lg-0 {
        padding-left: 0;
      }
      .ps-lg-1 {
        padding-left: 0.25rem;
      }
      .ps-lg-2 {
        padding-left: 0.5rem;
      }
      .ps-lg-3 {
        padding-left: 1rem;
      }
      .ps-lg-4 {
        padding-left: 1.5rem;
      }
      .ps-lg-5 {
        padding-left: 3rem;
      }
    }
    @media (min-width: 1200px) {
      .d-xl-inline {
        display: inline;
      }
      .d-xl-inline-block {
        display: inline-block;
      }
      .d-xl-block {
        display: block;
      }
      .d-xl-grid {
        display: grid;
      }
      .d-xl-inline-grid {
        display: inline-grid;
      }
      .d-xl-table {
        display: table;
      }
      .d-xl-table-row {
        display: table-row;
      }
      .d-xl-table-cell {
        display: table-cell;
      }
      .d-xl-flex {
        display: flex;
      }
      .d-xl-inline-flex {
        display: inline-flex;
      }
      .d-xl-none {
        display: none;
      }
      .flex-xl-fill {
        flex: 1 1 auto;
      }
      .flex-xl-row {
        flex-direction: row;
      }
      .flex-xl-column {
        flex-direction: column;
      }
      .flex-xl-row-reverse {
        flex-direction: row-reverse;
      }
      .flex-xl-column-reverse {
        flex-direction: column-reverse;
      }
      .flex-xl-grow-0 {
        flex-grow: 0;
      }
      .flex-xl-grow-1 {
        flex-grow: 1;
      }
      .flex-xl-shrink-0 {
        flex-shrink: 0;
      }
      .flex-xl-shrink-1 {
        flex-shrink: 1;
      }
      .flex-xl-wrap {
        flex-wrap: wrap;
      }
      .flex-xl-nowrap {
        flex-wrap: nowrap;
      }
      .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse;
      }
      .justify-content-xl-start {
        justify-content: flex-start;
      }
      .justify-content-xl-end {
        justify-content: flex-end;
      }
      .justify-content-xl-center {
        justify-content: center;
      }
      .justify-content-xl-between {
        justify-content: space-between;
      }
      .justify-content-xl-around {
        justify-content: space-around;
      }
      .justify-content-xl-evenly {
        justify-content: space-evenly;
      }
      .align-items-xl-start {
        align-items: flex-start;
      }
      .align-items-xl-end {
        align-items: flex-end;
      }
      .align-items-xl-center {
        align-items: center;
      }
      .align-items-xl-baseline {
        align-items: baseline;
      }
      .align-items-xl-stretch {
        align-items: stretch;
      }
      .align-content-xl-start {
        align-content: flex-start;
      }
      .align-content-xl-end {
        align-content: flex-end;
      }
      .align-content-xl-center {
        align-content: center;
      }
      .align-content-xl-between {
        align-content: space-between;
      }
      .align-content-xl-around {
        align-content: space-around;
      }
      .align-content-xl-stretch {
        align-content: stretch;
      }
      .align-self-xl-auto {
        align-self: auto;
      }
      .align-self-xl-start {
        align-self: flex-start;
      }
      .align-self-xl-end {
        align-self: flex-end;
      }
      .align-self-xl-center {
        align-self: center;
      }
      .align-self-xl-baseline {
        align-self: baseline;
      }
      .align-self-xl-stretch {
        align-self: stretch;
      }
      .order-xl-first {
        order: -1;
      }
      .order-xl-0 {
        order: 0;
      }
      .order-xl-1 {
        order: 1;
      }
      .order-xl-2 {
        order: 2;
      }
      .order-xl-3 {
        order: 3;
      }
      .order-xl-4 {
        order: 4;
      }
      .order-xl-5 {
        order: 5;
      }
      .order-xl-last {
        order: 6;
      }
      .m-xl-0 {
        margin: 0;
      }
      .m-xl-1 {
        margin: 0.25rem;
      }
      .m-xl-2 {
        margin: 0.5rem;
      }
      .m-xl-3 {
        margin: 1rem;
      }
      .m-xl-4 {
        margin: 1.5rem;
      }
      .m-xl-5 {
        margin: 3rem;
      }
      .m-xl-auto {
        margin: auto;
      }
      .mx-xl-0 {
        margin-right: 0;
        margin-left: 0;
      }
      .mx-xl-1 {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
      }
      .mx-xl-2 {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
      }
      .mx-xl-3 {
        margin-right: 1rem;
        margin-left: 1rem;
      }
      .mx-xl-4 {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
      }
      .mx-xl-5 {
        margin-right: 3rem;
        margin-left: 3rem;
      }
      .mx-xl-auto {
        margin-right: auto;
        margin-left: auto;
      }
      .my-xl-0 {
        margin-top: 0;
        margin-bottom: 0;
      }
      .my-xl-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
      }
      .my-xl-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
      }
      .my-xl-3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
      }
      .my-xl-4 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
      }
      .my-xl-5 {
        margin-top: 3rem;
        margin-bottom: 3rem;
      }
      .my-xl-auto {
        margin-top: auto;
        margin-bottom: auto;
      }
      .mt-xl-0 {
        margin-top: 0;
      }
      .mt-xl-1 {
        margin-top: 0.25rem;
      }
      .mt-xl-2 {
        margin-top: 0.5rem;
      }
      .mt-xl-3 {
        margin-top: 1rem;
      }
      .mt-xl-4 {
        margin-top: 1.5rem;
      }
      .mt-xl-5 {
        margin-top: 3rem;
      }
      .mt-xl-auto {
        margin-top: auto;
      }
      .me-xl-0 {
        margin-right: 0;
      }
      .me-xl-1 {
        margin-right: 0.25rem;
      }
      .me-xl-2 {
        margin-right: 0.5rem;
      }
      .me-xl-3 {
        margin-right: 1rem;
      }
      .me-xl-4 {
        margin-right: 1.5rem;
      }
      .me-xl-5 {
        margin-right: 3rem;
      }
      .me-xl-auto {
        margin-right: auto;
      }
      .mb-xl-0 {
        margin-bottom: 0;
      }
      .mb-xl-1 {
        margin-bottom: 0.25rem;
      }
      .mb-xl-2 {
        margin-bottom: 0.5rem;
      }
      .mb-xl-3 {
        margin-bottom: 1rem;
      }
      .mb-xl-4 {
        margin-bottom: 1.5rem;
      }
      .mb-xl-5 {
        margin-bottom: 3rem;
      }
      .mb-xl-auto {
        margin-bottom: auto;
      }
      .ms-xl-0 {
        margin-left: 0;
      }
      .ms-xl-1 {
        margin-left: 0.25rem;
      }
      .ms-xl-2 {
        margin-left: 0.5rem;
      }
      .ms-xl-3 {
        margin-left: 1rem;
      }
      .ms-xl-4 {
        margin-left: 1.5rem;
      }
      .ms-xl-5 {
        margin-left: 3rem;
      }
      .ms-xl-auto {
        margin-left: auto;
      }
      .p-xl-0 {
        padding: 0;
      }
      .p-xl-1 {
        padding: 0.25rem;
      }
      .p-xl-2 {
        padding: 0.5rem;
      }
      .p-xl-3 {
        padding: 1rem;
      }
      .p-xl-4 {
        padding: 1.5rem;
      }
      .p-xl-5 {
        padding: 3rem;
      }
      .px-xl-0 {
        padding-right: 0;
        padding-left: 0;
      }
      .px-xl-1 {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
      }
      .px-xl-2 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
      }
      .px-xl-3 {
        padding-right: 1rem;
        padding-left: 1rem;
      }
      .px-xl-4 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
      }
      .px-xl-5 {
        padding-right: 3rem;
        padding-left: 3rem;
      }
      .py-xl-0 {
        padding-top: 0;
        padding-bottom: 0;
      }
      .py-xl-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
      }
      .py-xl-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .py-xl-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
      .py-xl-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
      }
      .py-xl-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
      }
      .pt-xl-0 {
        padding-top: 0;
      }
      .pt-xl-1 {
        padding-top: 0.25rem;
      }
      .pt-xl-2 {
        padding-top: 0.5rem;
      }
      .pt-xl-3 {
        padding-top: 1rem;
      }
      .pt-xl-4 {
        padding-top: 1.5rem;
      }
      .pt-xl-5 {
        padding-top: 3rem;
      }
      .pe-xl-0 {
        padding-right: 0;
      }
      .pe-xl-1 {
        padding-right: 0.25rem;
      }
      .pe-xl-2 {
        padding-right: 0.5rem;
      }
      .pe-xl-3 {
        padding-right: 1rem;
      }
      .pe-xl-4 {
        padding-right: 1.5rem;
      }
      .pe-xl-5 {
        padding-right: 3rem;
      }
      .pb-xl-0 {
        padding-bottom: 0;
      }
      .pb-xl-1 {
        padding-bottom: 0.25rem;
      }
      .pb-xl-2 {
        padding-bottom: 0.5rem;
      }
      .pb-xl-3 {
        padding-bottom: 1rem;
      }
      .pb-xl-4 {
        padding-bottom: 1.5rem;
      }
      .pb-xl-5 {
        padding-bottom: 3rem;
      }
      .ps-xl-0 {
        padding-left: 0;
      }
      .ps-xl-1 {
        padding-left: 0.25rem;
      }
      .ps-xl-2 {
        padding-left: 0.5rem;
      }
      .ps-xl-3 {
        padding-left: 1rem;
      }
      .ps-xl-4 {
        padding-left: 1.5rem;
      }
      .ps-xl-5 {
        padding-left: 3rem;
      }
    }
    @media (min-width: 1400px) {
      .d-xxl-inline {
        display: inline;
      }
      .d-xxl-inline-block {
        display: inline-block;
      }
      .d-xxl-block {
        display: block;
      }
      .d-xxl-grid {
        display: grid;
      }
      .d-xxl-inline-grid {
        display: inline-grid;
      }
      .d-xxl-table {
        display: table;
      }
      .d-xxl-table-row {
        display: table-row;
      }
      .d-xxl-table-cell {
        display: table-cell;
      }
      .d-xxl-flex {
        display: flex;
      }
      .d-xxl-inline-flex {
        display: inline-flex;
      }
      .d-xxl-none {
        display: none;
      }
      .flex-xxl-fill {
        flex: 1 1 auto;
      }
      .flex-xxl-row {
        flex-direction: row;
      }
      .flex-xxl-column {
        flex-direction: column;
      }
      .flex-xxl-row-reverse {
        flex-direction: row-reverse;
      }
      .flex-xxl-column-reverse {
        flex-direction: column-reverse;
      }
      .flex-xxl-grow-0 {
        flex-grow: 0;
      }
      .flex-xxl-grow-1 {
        flex-grow: 1;
      }
      .flex-xxl-shrink-0 {
        flex-shrink: 0;
      }
      .flex-xxl-shrink-1 {
        flex-shrink: 1;
      }
      .flex-xxl-wrap {
        flex-wrap: wrap;
      }
      .flex-xxl-nowrap {
        flex-wrap: nowrap;
      }
      .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse;
      }
      .justify-content-xxl-start {
        justify-content: flex-start;
      }
      .justify-content-xxl-end {
        justify-content: flex-end;
      }
      .justify-content-xxl-center {
        justify-content: center;
      }
      .justify-content-xxl-between {
        justify-content: space-between;
      }
      .justify-content-xxl-around {
        justify-content: space-around;
      }
      .justify-content-xxl-evenly {
        justify-content: space-evenly;
      }
      .align-items-xxl-start {
        align-items: flex-start;
      }
      .align-items-xxl-end {
        align-items: flex-end;
      }
      .align-items-xxl-center {
        align-items: center;
      }
      .align-items-xxl-baseline {
        align-items: baseline;
      }
      .align-items-xxl-stretch {
        align-items: stretch;
      }
      .align-content-xxl-start {
        align-content: flex-start;
      }
      .align-content-xxl-end {
        align-content: flex-end;
      }
      .align-content-xxl-center {
        align-content: center;
      }
      .align-content-xxl-between {
        align-content: space-between;
      }
      .align-content-xxl-around {
        align-content: space-around;
      }
      .align-content-xxl-stretch {
        align-content: stretch;
      }
      .align-self-xxl-auto {
        align-self: auto;
      }
      .align-self-xxl-start {
        align-self: flex-start;
      }
      .align-self-xxl-end {
        align-self: flex-end;
      }
      .align-self-xxl-center {
        align-self: center;
      }
      .align-self-xxl-baseline {
        align-self: baseline;
      }
      .align-self-xxl-stretch {
        align-self: stretch;
      }
      .order-xxl-first {
        order: -1;
      }
      .order-xxl-0 {
        order: 0;
      }
      .order-xxl-1 {
        order: 1;
      }
      .order-xxl-2 {
        order: 2;
      }
      .order-xxl-3 {
        order: 3;
      }
      .order-xxl-4 {
        order: 4;
      }
      .order-xxl-5 {
        order: 5;
      }
      .order-xxl-last {
        order: 6;
      }
      .m-xxl-0 {
        margin: 0;
      }
      .m-xxl-1 {
        margin: 0.25rem;
      }
      .m-xxl-2 {
        margin: 0.5rem;
      }
      .m-xxl-3 {
        margin: 1rem;
      }
      .m-xxl-4 {
        margin: 1.5rem;
      }
      .m-xxl-5 {
        margin: 3rem;
      }
      .m-xxl-auto {
        margin: auto;
      }
      .mx-xxl-0 {
        margin-right: 0;
        margin-left: 0;
      }
      .mx-xxl-1 {
        margin-right: 0.25rem;
        margin-left: 0.25rem;
      }
      .mx-xxl-2 {
        margin-right: 0.5rem;
        margin-left: 0.5rem;
      }
      .mx-xxl-3 {
        margin-right: 1rem;
        margin-left: 1rem;
      }
      .mx-xxl-4 {
        margin-right: 1.5rem;
        margin-left: 1.5rem;
      }
      .mx-xxl-5 {
        margin-right: 3rem;
        margin-left: 3rem;
      }
      .mx-xxl-auto {
        margin-right: auto;
        margin-left: auto;
      }
      .my-xxl-0 {
        margin-top: 0;
        margin-bottom: 0;
      }
      .my-xxl-1 {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
      }
      .my-xxl-2 {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
      }
      .my-xxl-3 {
        margin-top: 1rem;
        margin-bottom: 1rem;
      }
      .my-xxl-4 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
      }
      .my-xxl-5 {
        margin-top: 3rem;
        margin-bottom: 3rem;
      }
      .my-xxl-auto {
        margin-top: auto;
        margin-bottom: auto;
      }
      .mt-xxl-0 {
        margin-top: 0;
      }
      .mt-xxl-1 {
        margin-top: 0.25rem;
      }
      .mt-xxl-2 {
        margin-top: 0.5rem;
      }
      .mt-xxl-3 {
        margin-top: 1rem;
      }
      .mt-xxl-4 {
        margin-top: 1.5rem;
      }
      .mt-xxl-5 {
        margin-top: 3rem;
      }
      .mt-xxl-auto {
        margin-top: auto;
      }
      .me-xxl-0 {
        margin-right: 0;
      }
      .me-xxl-1 {
        margin-right: 0.25rem;
      }
      .me-xxl-2 {
        margin-right: 0.5rem;
      }
      .me-xxl-3 {
        margin-right: 1rem;
      }
      .me-xxl-4 {
        margin-right: 1.5rem;
      }
      .me-xxl-5 {
        margin-right: 3rem;
      }
      .me-xxl-auto {
        margin-right: auto;
      }
      .mb-xxl-0 {
        margin-bottom: 0;
      }
      .mb-xxl-1 {
        margin-bottom: 0.25rem;
      }
      .mb-xxl-2 {
        margin-bottom: 0.5rem;
      }
      .mb-xxl-3 {
        margin-bottom: 1rem;
      }
      .mb-xxl-4 {
        margin-bottom: 1.5rem;
      }
      .mb-xxl-5 {
        margin-bottom: 3rem;
      }
      .mb-xxl-auto {
        margin-bottom: auto;
      }
      .ms-xxl-0 {
        margin-left: 0;
      }
      .ms-xxl-1 {
        margin-left: 0.25rem;
      }
      .ms-xxl-2 {
        margin-left: 0.5rem;
      }
      .ms-xxl-3 {
        margin-left: 1rem;
      }
      .ms-xxl-4 {
        margin-left: 1.5rem;
      }
      .ms-xxl-5 {
        margin-left: 3rem;
      }
      .ms-xxl-auto {
        margin-left: auto;
      }
      .p-xxl-0 {
        padding: 0;
      }
      .p-xxl-1 {
        padding: 0.25rem;
      }
      .p-xxl-2 {
        padding: 0.5rem;
      }
      .p-xxl-3 {
        padding: 1rem;
      }
      .p-xxl-4 {
        padding: 1.5rem;
      }
      .p-xxl-5 {
        padding: 3rem;
      }
      .px-xxl-0 {
        padding-right: 0;
        padding-left: 0;
      }
      .px-xxl-1 {
        padding-right: 0.25rem;
        padding-left: 0.25rem;
      }
      .px-xxl-2 {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
      }
      .px-xxl-3 {
        padding-right: 1rem;
        padding-left: 1rem;
      }
      .px-xxl-4 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
      }
      .px-xxl-5 {
        padding-right: 3rem;
        padding-left: 3rem;
      }
      .py-xxl-0 {
        padding-top: 0;
        padding-bottom: 0;
      }
      .py-xxl-1 {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
      }
      .py-xxl-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
      }
      .py-xxl-3 {
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
      .py-xxl-4 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
      }
      .py-xxl-5 {
        padding-top: 3rem;
        padding-bottom: 3rem;
      }
      .pt-xxl-0 {
        padding-top: 0;
      }
      .pt-xxl-1 {
        padding-top: 0.25rem;
      }
      .pt-xxl-2 {
        padding-top: 0.5rem;
      }
      .pt-xxl-3 {
        padding-top: 1rem;
      }
      .pt-xxl-4 {
        padding-top: 1.5rem;
      }
      .pt-xxl-5 {
        padding-top: 3rem;
      }
      .pe-xxl-0 {
        padding-right: 0;
      }
      .pe-xxl-1 {
        padding-right: 0.25rem;
      }
      .pe-xxl-2 {
        padding-right: 0.5rem;
      }
      .pe-xxl-3 {
        padding-right: 1rem;
      }
      .pe-xxl-4 {
        padding-right: 1.5rem;
      }
      .pe-xxl-5 {
        padding-right: 3rem;
      }
      .pb-xxl-0 {
        padding-bottom: 0;
      }
      .pb-xxl-1 {
        padding-bottom: 0.25rem;
      }
      .pb-xxl-2 {
        padding-bottom: 0.5rem;
      }
      .pb-xxl-3 {
        padding-bottom: 1rem;
      }
      .pb-xxl-4 {
        padding-bottom: 1.5rem;
      }
      .pb-xxl-5 {
        padding-bottom: 3rem;
      }
      .ps-xxl-0 {
        padding-left: 0;
      }
      .ps-xxl-1 {
        padding-left: 0.25rem;
      }
      .ps-xxl-2 {
        padding-left: 0.5rem;
      }
      .ps-xxl-3 {
        padding-left: 1rem;
      }
      .ps-xxl-4 {
        padding-left: 1.5rem;
      }
      .ps-xxl-5 {
        padding-left: 3rem;
      }
    }
    @media print {
      .d-print-inline {
        display: inline;
      }
      .d-print-inline-block {
        display: inline-block;
      }
      .d-print-block {
        display: block;
      }
      .d-print-grid {
        display: grid;
      }
      .d-print-inline-grid {
        display: inline-grid;
      }
      .d-print-table {
        display: table;
      }
      .d-print-table-row {
        display: table-row;
      }
      .d-print-table-cell {
        display: table-cell;
      }
      .d-print-flex {
        display: flex;
      }
      .d-print-inline-flex {
        display: inline-flex;
      }
      .d-print-none {
        display: none;
      }
    }
    /*!
     * Bootstrap Utilities v5.3.3 (https://getbootstrap.com/)
     * Copyright 2011-2024 The Bootstrap Authors
     * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
     */
    .clearfix::after {
      display: block;
      clear: both;
      content: "";
    }
    .icon-link > .bi {
      flex-shrink: 0;
      width: 1em;
      height: 1em;
      fill: currentcolor;
      transition: 0.2s ease-in-out transform;
    }
    @media (prefers-reduced-motion: reduce) {
      .icon-link > .bi {
        transition: none;
      }
    }
    .ratio {
      position: relative;
      width: 100%;
    }
    .ratio > * {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
    }
    .fixed-top {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1030;
    }
    .fixed-bottom {
      position: fixed;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1030;
    }
    .sticky-top {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1020;
    }
    .sticky-bottom {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      z-index: 1020;
    }
    @media (min-width: 576px) {
      .sticky-sm-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
      }
      .sticky-sm-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020;
      }
    }
    @media (min-width: 768px) {
      .sticky-md-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
      }
      .sticky-md-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020;
      }
    }
    @media (min-width: 992px) {
      .sticky-lg-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
      }
      .sticky-lg-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020;
      }
    }
    @media (min-width: 1200px) {
      .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
      }
      .sticky-xl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020;
      }
    }
    @media (min-width: 1400px) {
      .sticky-xxl-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020;
      }
      .sticky-xxl-bottom {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        z-index: 1020;
      }
    }
    .hstack {
      display: flex;
      flex-direction: row;
      align-items: center;
      align-self: stretch;
    }
    .vstack {
      display: flex;
      flex: 1 1 auto;
      flex-direction: column;
      align-self: stretch;
    }
    .visually-hidden,
    .visually-hidden-focusable:not(:focus):not(:focus-within) {
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
    }
    .visually-hidden:not(caption),
    .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
      position: absolute !important;
    }
    .stretched-link::after {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
      content: "";
    }
    .text-truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .align-baseline {
      vertical-align: baseline !important;
    }
    .align-top {
      vertical-align: top !important;
    }
    .align-middle {
      vertical-align: middle !important;
    }
    .align-bottom {
      vertical-align: bottom !important;
    }
    .align-text-bottom {
      vertical-align: text-bottom !important;
    }
    .align-text-top {
      vertical-align: text-top !important;
    }
    .float-start {
      float: right !important;
    }
    .float-end {
      float: left !important;
    }
    .float-none {
      float: none !important;
    }
    .object-fit-contain {
      -o-object-fit: contain !important;
      object-fit: contain !important;
    }
    .object-fit-cover {
      -o-object-fit: cover !important;
      object-fit: cover !important;
    }
    .object-fit-fill {
      -o-object-fit: fill !important;
      object-fit: fill !important;
    }
    .object-fit-scale {
      -o-object-fit: scale-down !important;
      object-fit: scale-down !important;
    }
    .object-fit-none {
      -o-object-fit: none !important;
      object-fit: none !important;
    }
    .opacity-0 {
      opacity: 0 !important;
    }
    .opacity-25 {
      opacity: 0.25 !important;
    }
    .opacity-50 {
      opacity: 0.5 !important;
    }
    .opacity-75 {
      opacity: 0.75 !important;
    }
    .opacity-100 {
      opacity: 1 !important;
    }
    .overflow-auto {
      overflow: auto !important;
    }
    .overflow-hidden {
      overflow: hidden !important;
    }
    .overflow-visible {
      overflow: visible !important;
    }
    .overflow-scroll {
      overflow: scroll !important;
    }
    .overflow-x-auto {
      overflow-x: auto !important;
    }
    .overflow-x-hidden {
      overflow-x: hidden !important;
    }
    .overflow-x-visible {
      overflow-x: visible !important;
    }
    .overflow-x-scroll {
      overflow-x: scroll !important;
    }
    .overflow-y-auto {
      overflow-y: auto !important;
    }
    .overflow-y-hidden {
      overflow-y: hidden !important;
    }
    .overflow-y-visible {
      overflow-y: visible !important;
    }
    .overflow-y-scroll {
      overflow-y: scroll !important;
    }
    .d-inline {
      display: inline !important;
    }
    .d-inline-block {
      display: inline-block !important;
    }
    .d-block {
      display: block !important;
    }
    .d-grid {
      display: grid !important;
    }
    .d-inline-grid {
      display: inline-grid !important;
    }
    .d-table {
      display: table !important;
    }
    .d-table-row {
      display: table-row !important;
    }
    .d-table-cell {
      display: table-cell !important;
    }
    .d-flex {
      display: flex !important;
    }
    .d-inline-flex {
      display: inline-flex !important;
    }
    .d-none {
      display: none !important;
    }
    .shadow-none {
      box-shadow: none !important;
    }
    .position-static {
      position: static !important;
    }
    .position-relative {
      position: relative !important;
    }
    .position-absolute {
      position: absolute !important;
    }
    .position-fixed {
      position: fixed !important;
    }
    .position-sticky {
      position: -webkit-sticky !important;
      position: sticky !important;
    }
    .top-0 {
      top: 0 !important;
    }
    .top-50 {
      top: 50% !important;
    }
    .top-100 {
      top: 100% !important;
    }
    .bottom-0 {
      bottom: 0 !important;
    }
    .bottom-50 {
      bottom: 50% !important;
    }
    .bottom-100 {
      bottom: 100% !important;
    }
    .start-0 {
      right: 0 !important;
    }
    .start-50 {
      right: 50% !important;
    }
    .start-100 {
      right: 100% !important;
    }
    .end-0 {
      left: 0 !important;
    }
    .end-50 {
      left: 50% !important;
    }
    .end-100 {
      left: 100% !important;
    }
    .translate-middle {
      transform: translate(50%, -50%) !important;
    }
    .translate-middle-x {
      transform: translateX(50%) !important;
    }
    .translate-middle-y {
      transform: translateY(-50%) !important;
    }
    .border-1 {
      border-width: 1px !important;
    }
    .border-2 {
      border-width: 2px !important;
    }
    .border-3 {
      border-width: 3px !important;
    }
    .border-4 {
      border-width: 4px !important;
    }
    .border-5 {
      border-width: 5px !important;
    }
    .w-25 {
      width: 25% !important;
    }
    .w-50 {
      width: 50% !important;
    }
    .w-75 {
      width: 75% !important;
    }
    .w-100 {
      width: 100% !important;
    }
    .w-auto {
      width: auto !important;
    }
    .mw-100 {
      max-width: 100% !important;
    }
    .vw-100 {
      width: 100vw !important;
    }
    .min-vw-100 {
      min-width: 100vw !important;
    }
    .h-25 {
      height: 25% !important;
    }
    .h-50 {
      height: 50% !important;
    }
    .h-75 {
      height: 75% !important;
    }
    .h-100 {
      height: 100% !important;
    }
    .h-auto {
      height: auto !important;
    }
    .mh-100 {
      max-height: 100% !important;
    }
    .vh-100 {
      height: 100vh !important;
    }
    .min-vh-100 {
      min-height: 100vh !important;
    }
    .flex-fill {
      flex: 1 1 auto !important;
    }
    .flex-row {
      flex-direction: row !important;
    }
    .flex-column {
      flex-direction: column !important;
    }
    .flex-row-reverse {
      flex-direction: row-reverse !important;
    }
    .flex-column-reverse {
      flex-direction: column-reverse !important;
    }
    .flex-grow-0 {
      flex-grow: 0 !important;
    }
    .flex-grow-1 {
      flex-grow: 1 !important;
    }
    .flex-shrink-0 {
      flex-shrink: 0 !important;
    }
    .flex-shrink-1 {
      flex-shrink: 1 !important;
    }
    .flex-wrap {
      flex-wrap: wrap !important;
    }
    .flex-nowrap {
      flex-wrap: nowrap !important;
    }
    .flex-wrap-reverse {
      flex-wrap: wrap-reverse !important;
    }
    .justify-content-start {
      justify-content: flex-start !important;
    }
    .justify-content-end {
      justify-content: flex-end !important;
    }
    .justify-content-center {
      justify-content: center !important;
    }
    .justify-content-between {
      justify-content: space-between !important;
    }
    .justify-content-around {
      justify-content: space-around !important;
    }
    .justify-content-evenly {
      justify-content: space-evenly !important;
    }
    .align-items-start {
      align-items: flex-start !important;
    }
    .align-items-end {
      align-items: flex-end !important;
    }
    .align-items-center {
      align-items: center !important;
    }
    .align-items-baseline {
      align-items: baseline !important;
    }
    .align-items-stretch {
      align-items: stretch !important;
    }
    .align-content-start {
      align-content: flex-start !important;
    }
    .align-content-end {
      align-content: flex-end !important;
    }
    .align-content-center {
      align-content: center !important;
    }
    .align-content-between {
      align-content: space-between !important;
    }
    .align-content-around {
      align-content: space-around !important;
    }
    .align-content-stretch {
      align-content: stretch !important;
    }
    .align-self-auto {
      align-self: auto !important;
    }
    .align-self-start {
      align-self: flex-start !important;
    }
    .align-self-end {
      align-self: flex-end !important;
    }
    .align-self-center {
      align-self: center !important;
    }
    .align-self-baseline {
      align-self: baseline !important;
    }
    .align-self-stretch {
      align-self: stretch !important;
    }
    .order-first {
      order: -1 !important;
    }
    .order-0 {
      order: 0 !important;
    }
    .order-1 {
      order: 1 !important;
    }
    .order-2 {
      order: 2 !important;
    }
    .order-3 {
      order: 3 !important;
    }
    .order-4 {
      order: 4 !important;
    }
    .order-5 {
      order: 5 !important;
    }
    .order-last {
      order: 6 !important;
    }
    .m-0 {
      margin: 0 !important;
    }
    .m-1 {
      margin: 0.25rem !important;
    }
    .m-2 {
      margin: 0.5rem !important;
    }
    .m-3 {
      margin: 1rem !important;
    }
    .m-4 {
      margin: 1.5rem !important;
    }
    .m-5 {
      margin: 3rem !important;
    }
    .m-auto {
      margin: auto !important;
    }
    .mx-0 {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    .mx-1 {
      margin-left: 0.25rem !important;
      margin-right: 0.25rem !important;
    }
    .mx-2 {
      margin-left: 0.5rem !important;
      margin-right: 0.5rem !important;
    }
    .mx-3 {
      margin-left: 1rem !important;
      margin-right: 1rem !important;
    }
    .mx-4 {
      margin-left: 1.5rem !important;
      margin-right: 1.5rem !important;
    }
    .mx-5 {
      margin-left: 3rem !important;
      margin-right: 3rem !important;
    }
    .mx-auto {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .my-0 {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
    .my-1 {
      margin-top: 0.25rem !important;
      margin-bottom: 0.25rem !important;
    }
    .my-2 {
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    .my-3 {
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    .my-4 {
      margin-top: 1.5rem !important;
      margin-bottom: 1.5rem !important;
    }
    .my-5 {
      margin-top: 3rem !important;
      margin-bottom: 3rem !important;
    }
    .my-auto {
      margin-top: auto !important;
      margin-bottom: auto !important;
    }
    .mt-0 {
      margin-top: 0 !important;
    }
    .mt-1 {
      margin-top: 0.25rem !important;
    }
    .mt-2 {
      margin-top: 0.5rem !important;
    }
    .mt-3 {
      margin-top: 1rem !important;
    }
    .mt-4 {
      margin-top: 1.5rem !important;
    }
    .mt-5 {
      margin-top: 3rem !important;
    }
    .mt-auto {
      margin-top: auto !important;
    }
    .me-0 {
      margin-left: 0 !important;
    }
    .me-1 {
      margin-left: 0.25rem !important;
    }
    .me-2 {
      margin-left: 0.5rem !important;
    }
    .me-3 {
      margin-left: 1rem !important;
    }
    .me-4 {
      margin-left: 1.5rem !important;
    }
    .me-5 {
      margin-left: 3rem !important;
    }
    .me-auto {
      margin-left: auto !important;
    }
    .mb-0 {
      margin-bottom: 0 !important;
    }
    .mb-1 {
      margin-bottom: 0.25rem !important;
    }
    .mb-2 {
      margin-bottom: 0.5rem !important;
    }
    .mb-3 {
      margin-bottom: 1rem !important;
    }
    .mb-4 {
      margin-bottom: 1.5rem !important;
    }
    .mb-5 {
      margin-bottom: 3rem !important;
    }
    .mb-auto {
      margin-bottom: auto !important;
    }
    .ms-0 {
      margin-right: 0 !important;
    }
    .ms-1 {
      margin-right: 0.25rem !important;
    }
    .ms-2 {
      margin-right: 0.5rem !important;
    }
    .ms-3 {
      margin-right: 1rem !important;
    }
    .ms-4 {
      margin-right: 1.5rem !important;
    }
    .ms-5 {
      margin-right: 3rem !important;
    }
    .ms-auto {
      margin-right: auto !important;
    }
    .p-0 {
      padding: 0 !important;
    }
    .p-1 {
      padding: 0.25rem !important;
    }
    .p-2 {
      padding: 0.5rem !important;
    }
    .p-3 {
      padding: 1rem !important;
    }
    .p-4 {
      padding: 1.5rem !important;
    }
    .p-5 {
      padding: 3rem !important;
    }
    .px-0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .px-1 {
      padding-left: 0.25rem !important;
      padding-right: 0.25rem !important;
    }
    .px-2 {
      padding-left: 0.5rem !important;
      padding-right: 0.5rem !important;
    }
    .px-3 {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
    .px-4 {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }
    .px-5 {
      padding-left: 3rem !important;
      padding-right: 3rem !important;
    }
    .py-0 {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
    }
    .py-1 {
      padding-top: 0.25rem !important;
      padding-bottom: 0.25rem !important;
    }
    .py-2 {
      padding-top: 0.5rem !important;
      padding-bottom: 0.5rem !important;
    }
    .py-3 {
      padding-top: 1rem !important;
      padding-bottom: 1rem !important;
    }
    .py-4 {
      padding-top: 1.5rem !important;
      padding-bottom: 1.5rem !important;
    }
    .py-5 {
      padding-top: 3rem !important;
      padding-bottom: 3rem !important;
    }
    .pt-0 {
      padding-top: 0 !important;
    }
    .pt-1 {
      padding-top: 0.25rem !important;
    }
    .pt-2 {
      padding-top: 0.5rem !important;
    }
    .pt-3 {
      padding-top: 1rem !important;
    }
    .pt-4 {
      padding-top: 1.5rem !important;
    }
    .pt-5 {
      padding-top: 3rem !important;
    }
    .pe-0 {
      padding-left: 0 !important;
    }
    .pe-1 {
      padding-left: 0.25rem !important;
    }
    .pe-2 {
      padding-left: 0.5rem !important;
    }
    .pe-3 {
      padding-left: 1rem !important;
    }
    .pe-4 {
      padding-left: 1.5rem !important;
    }
    .pe-5 {
      padding-left: 3rem !important;
    }
    .pb-0 {
      padding-bottom: 0 !important;
    }
    .pb-1 {
      padding-bottom: 0.25rem !important;
    }
    .pb-2 {
      padding-bottom: 0.5rem !important;
    }
    .pb-3 {
      padding-bottom: 1rem !important;
    }
    .pb-4 {
      padding-bottom: 1.5rem !important;
    }
    .pb-5 {
      padding-bottom: 3rem !important;
    }
    .ps-0 {
      padding-right: 0 !important;
    }
    .ps-1 {
      padding-right: 0.25rem !important;
    }
    .ps-2 {
      padding-right: 0.5rem !important;
    }
    .ps-3 {
      padding-right: 1rem !important;
    }
    .ps-4 {
      padding-right: 1.5rem !important;
    }
    .ps-5 {
      padding-right: 3rem !important;
    }
    .gap-0 {
      gap: 0 !important;
    }
    .gap-1 {
      gap: 0.25rem !important;
    }
    .gap-2 {
      gap: 0.5rem !important;
    }
    .gap-3 {
      gap: 1rem !important;
    }
    .gap-4 {
      gap: 1.5rem !important;
    }
    .gap-5 {
      gap: 3rem !important;
    }
    .row-gap-0 {
      row-gap: 0 !important;
    }
    .row-gap-1 {
      row-gap: 0.25rem !important;
    }
    .row-gap-2 {
      row-gap: 0.5rem !important;
    }
    .row-gap-3 {
      row-gap: 1rem !important;
    }
    .row-gap-4 {
      row-gap: 1.5rem !important;
    }
    .row-gap-5 {
      row-gap: 3rem !important;
    }
    .column-gap-0 {
      -moz-column-gap: 0 !important;
      column-gap: 0 !important;
    }
    .column-gap-1 {
      -moz-column-gap: 0.25rem !important;
      column-gap: 0.25rem !important;
    }
    .column-gap-2 {
      -moz-column-gap: 0.5rem !important;
      column-gap: 0.5rem !important;
    }
    .column-gap-3 {
      -moz-column-gap: 1rem !important;
      column-gap: 1rem !important;
    }
    .column-gap-4 {
      -moz-column-gap: 1.5rem !important;
      column-gap: 1.5rem !important;
    }
    .column-gap-5 {
      -moz-column-gap: 3rem !important;
      column-gap: 3rem !important;
    }
    .fs-1 {
      font-size: calc(1.375rem + 1.5vw) !important;
    }
    .fs-2 {
      font-size: calc(1.325rem + 0.9vw) !important;
    }
    .fs-3 {
      font-size: calc(1.3rem + 0.6vw) !important;
    }
    .fs-4 {
      font-size: calc(1.275rem + 0.3vw) !important;
    }
    .fs-5 {
      font-size: 1.25rem !important;
    }
    .fs-6 {
      font-size: 1rem !important;
    }
    .fst-italic {
      font-style: italic !important;
    }
    .fst-normal {
      font-style: normal !important;
    }
    .fw-lighter {
      font-weight: lighter !important;
    }
    .fw-light {
      font-weight: 300 !important;
    }
    .fw-normal {
      font-weight: 400 !important;
    }
    .fw-medium {
      font-weight: 500 !important;
    }
    .fw-semibold {
      font-weight: 600 !important;
    }
    .fw-bold {
      font-weight: 700 !important;
    }
    .fw-bolder {
      font-weight: bolder !important;
    }
    .lh-1 {
      line-height: 1 !important;
    }
    .lh-sm {
      line-height: 1.25 !important;
    }
    .lh-base {
      line-height: 1.5 !important;
    }
    .lh-lg {
      line-height: 2 !important;
    }
    .text-start {
      text-align: right !important;
    }
    .text-end {
      text-align: left !important;
    }
    .text-center {
      text-align: center !important;
    }
    .text-decoration-none {
      text-decoration: none !important;
    }
    .text-decoration-underline {
      text-decoration: underline !important;
    }
    .text-decoration-line-through {
      text-decoration: line-through !important;
    }
    .text-lowercase {
      text-transform: lowercase !important;
    }
    .text-uppercase {
      text-transform: uppercase !important;
    }
    .text-capitalize {
      text-transform: capitalize !important;
    }
    .text-wrap {
      white-space: normal !important;
    }
    .text-nowrap {
      white-space: nowrap !important;
    }
    .link-offset-1 {
      text-underline-offset: 0.125em !important;
    }
    .link-offset-1-hover:hover {
      text-underline-offset: 0.125em !important;
    }
    .link-offset-2 {
      text-underline-offset: 0.25em !important;
    }
    .link-offset-2-hover:hover {
      text-underline-offset: 0.25em !important;
    }
    .link-offset-3 {
      text-underline-offset: 0.375em !important;
    }
    .link-offset-3-hover:hover {
      text-underline-offset: 0.375em !important;
    }
    .user-select-all {
      -webkit-user-select: all !important;
      -moz-user-select: all !important;
      user-select: all !important;
    }
    .user-select-auto {
      -webkit-user-select: auto !important;
      -moz-user-select: auto !important;
      user-select: auto !important;
    }
    .user-select-none {
      -webkit-user-select: none !important;
      -moz-user-select: none !important;
      user-select: none !important;
    }
    .pe-none {
      pointer-events: none !important;
    }
    .pe-auto {
      pointer-events: auto !important;
    }
    .rounded-0 {
      border-radius: 0 !important;
    }
    .rounded-circle {
      border-radius: 50% !important;
    }
    .visible {
      visibility: visible !important;
    }
    .invisible {
      visibility: hidden !important;
    }
    .z-n1 {
      z-index: -1 !important;
    }
    .z-0 {
      z-index: 0 !important;
    }
    .z-1 {
      z-index: 1 !important;
    }
    .z-2 {
      z-index: 2 !important;
    }
    .z-3 {
      z-index: 3 !important;
    }
    @media (min-width: 576px) {
      .float-sm-start {
        float: right !important;
      }
      .float-sm-end {
        float: left !important;
      }
      .float-sm-none {
        float: none !important;
      }
      .object-fit-sm-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important;
      }
      .object-fit-sm-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important;
      }
      .object-fit-sm-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important;
      }
      .object-fit-sm-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important;
      }
      .object-fit-sm-none {
        -o-object-fit: none !important;
        object-fit: none !important;
      }
      .d-sm-inline {
        display: inline !important;
      }
      .d-sm-inline-block {
        display: inline-block !important;
      }
      .d-sm-block {
        display: block !important;
      }
      .d-sm-grid {
        display: grid !important;
      }
      .d-sm-inline-grid {
        display: inline-grid !important;
      }
      .d-sm-table {
        display: table !important;
      }
      .d-sm-table-row {
        display: table-row !important;
      }
      .d-sm-table-cell {
        display: table-cell !important;
      }
      .d-sm-flex {
        display: flex !important;
      }
      .d-sm-inline-flex {
        display: inline-flex !important;
      }
      .d-sm-none {
        display: none !important;
      }
      .flex-sm-fill {
        flex: 1 1 auto !important;
      }
      .flex-sm-row {
        flex-direction: row !important;
      }
      .flex-sm-column {
        flex-direction: column !important;
      }
      .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
      }
      .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
      }
      .flex-sm-grow-0 {
        flex-grow: 0 !important;
      }
      .flex-sm-grow-1 {
        flex-grow: 1 !important;
      }
      .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
      }
      .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
      }
      .flex-sm-wrap {
        flex-wrap: wrap !important;
      }
      .flex-sm-nowrap {
        flex-wrap: nowrap !important;
      }
      .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
      }
      .justify-content-sm-start {
        justify-content: flex-start !important;
      }
      .justify-content-sm-end {
        justify-content: flex-end !important;
      }
      .justify-content-sm-center {
        justify-content: center !important;
      }
      .justify-content-sm-between {
        justify-content: space-between !important;
      }
      .justify-content-sm-around {
        justify-content: space-around !important;
      }
      .justify-content-sm-evenly {
        justify-content: space-evenly !important;
      }
      .align-items-sm-start {
        align-items: flex-start !important;
      }
      .align-items-sm-end {
        align-items: flex-end !important;
      }
      .align-items-sm-center {
        align-items: center !important;
      }
      .align-items-sm-baseline {
        align-items: baseline !important;
      }
      .align-items-sm-stretch {
        align-items: stretch !important;
      }
      .align-content-sm-start {
        align-content: flex-start !important;
      }
      .align-content-sm-end {
        align-content: flex-end !important;
      }
      .align-content-sm-center {
        align-content: center !important;
      }
      .align-content-sm-between {
        align-content: space-between !important;
      }
      .align-content-sm-around {
        align-content: space-around !important;
      }
      .align-content-sm-stretch {
        align-content: stretch !important;
      }
      .align-self-sm-auto {
        align-self: auto !important;
      }
      .align-self-sm-start {
        align-self: flex-start !important;
      }
      .align-self-sm-end {
        align-self: flex-end !important;
      }
      .align-self-sm-center {
        align-self: center !important;
      }
      .align-self-sm-baseline {
        align-self: baseline !important;
      }
      .align-self-sm-stretch {
        align-self: stretch !important;
      }
      .order-sm-first {
        order: -1 !important;
      }
      .order-sm-0 {
        order: 0 !important;
      }
      .order-sm-1 {
        order: 1 !important;
      }
      .order-sm-2 {
        order: 2 !important;
      }
      .order-sm-3 {
        order: 3 !important;
      }
      .order-sm-4 {
        order: 4 !important;
      }
      .order-sm-5 {
        order: 5 !important;
      }
      .order-sm-last {
        order: 6 !important;
      }
      .m-sm-0 {
        margin: 0 !important;
      }
      .m-sm-1 {
        margin: 0.25rem !important;
      }
      .m-sm-2 {
        margin: 0.5rem !important;
      }
      .m-sm-3 {
        margin: 1rem !important;
      }
      .m-sm-4 {
        margin: 1.5rem !important;
      }
      .m-sm-5 {
        margin: 3rem !important;
      }
      .m-sm-auto {
        margin: auto !important;
      }
      .mx-sm-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
      .mx-sm-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
      }
      .mx-sm-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
      }
      .mx-sm-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
      }
      .mx-sm-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
      }
      .mx-sm-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
      }
      .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }
      .my-sm-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
      }
      .my-sm-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
      }
      .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
      }
      .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }
      .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
      }
      .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
      }
      .mt-sm-0 {
        margin-top: 0 !important;
      }
      .mt-sm-1 {
        margin-top: 0.25rem !important;
      }
      .mt-sm-2 {
        margin-top: 0.5rem !important;
      }
      .mt-sm-3 {
        margin-top: 1rem !important;
      }
      .mt-sm-4 {
        margin-top: 1.5rem !important;
      }
      .mt-sm-5 {
        margin-top: 3rem !important;
      }
      .mt-sm-auto {
        margin-top: auto !important;
      }
      .me-sm-0 {
        margin-left: 0 !important;
      }
      .me-sm-1 {
        margin-left: 0.25rem !important;
      }
      .me-sm-2 {
        margin-left: 0.5rem !important;
      }
      .me-sm-3 {
        margin-left: 1rem !important;
      }
      .me-sm-4 {
        margin-left: 1.5rem !important;
      }
      .me-sm-5 {
        margin-left: 3rem !important;
      }
      .me-sm-auto {
        margin-left: auto !important;
      }
      .mb-sm-0 {
        margin-bottom: 0 !important;
      }
      .mb-sm-1 {
        margin-bottom: 0.25rem !important;
      }
      .mb-sm-2 {
        margin-bottom: 0.5rem !important;
      }
      .mb-sm-3 {
        margin-bottom: 1rem !important;
      }
      .mb-sm-4 {
        margin-bottom: 1.5rem !important;
      }
      .mb-sm-5 {
        margin-bottom: 3rem !important;
      }
      .mb-sm-auto {
        margin-bottom: auto !important;
      }
      .ms-sm-0 {
        margin-right: 0 !important;
      }
      .ms-sm-1 {
        margin-right: 0.25rem !important;
      }
      .ms-sm-2 {
        margin-right: 0.5rem !important;
      }
      .ms-sm-3 {
        margin-right: 1rem !important;
      }
      .ms-sm-4 {
        margin-right: 1.5rem !important;
      }
      .ms-sm-5 {
        margin-right: 3rem !important;
      }
      .ms-sm-auto {
        margin-right: auto !important;
      }
      .p-sm-0 {
        padding: 0 !important;
      }
      .p-sm-1 {
        padding: 0.25rem !important;
      }
      .p-sm-2 {
        padding: 0.5rem !important;
      }
      .p-sm-3 {
        padding: 1rem !important;
      }
      .p-sm-4 {
        padding: 1.5rem !important;
      }
      .p-sm-5 {
        padding: 3rem !important;
      }
      .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .px-sm-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
      }
      .px-sm-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
      }
      .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }
      .px-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
      }
      .px-sm-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
      }
      .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .py-sm-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
      }
      .py-sm-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }
      .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
      }
      .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }
      .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
      }
      .pt-sm-0 {
        padding-top: 0 !important;
      }
      .pt-sm-1 {
        padding-top: 0.25rem !important;
      }
      .pt-sm-2 {
        padding-top: 0.5rem !important;
      }
      .pt-sm-3 {
        padding-top: 1rem !important;
      }
      .pt-sm-4 {
        padding-top: 1.5rem !important;
      }
      .pt-sm-5 {
        padding-top: 3rem !important;
      }
      .pe-sm-0 {
        padding-left: 0 !important;
      }
      .pe-sm-1 {
        padding-left: 0.25rem !important;
      }
      .pe-sm-2 {
        padding-left: 0.5rem !important;
      }
      .pe-sm-3 {
        padding-left: 1rem !important;
      }
      .pe-sm-4 {
        padding-left: 1.5rem !important;
      }
      .pe-sm-5 {
        padding-left: 3rem !important;
      }
      .pb-sm-0 {
        padding-bottom: 0 !important;
      }
      .pb-sm-1 {
        padding-bottom: 0.25rem !important;
      }
      .pb-sm-2 {
        padding-bottom: 0.5rem !important;
      }
      .pb-sm-3 {
        padding-bottom: 1rem !important;
      }
      .pb-sm-4 {
        padding-bottom: 1.5rem !important;
      }
      .pb-sm-5 {
        padding-bottom: 3rem !important;
      }
      .ps-sm-0 {
        padding-right: 0 !important;
      }
      .ps-sm-1 {
        padding-right: 0.25rem !important;
      }
      .ps-sm-2 {
        padding-right: 0.5rem !important;
      }
      .ps-sm-3 {
        padding-right: 1rem !important;
      }
      .ps-sm-4 {
        padding-right: 1.5rem !important;
      }
      .ps-sm-5 {
        padding-right: 3rem !important;
      }
      .gap-sm-0 {
        gap: 0 !important;
      }
      .gap-sm-1 {
        gap: 0.25rem !important;
      }
      .gap-sm-2 {
        gap: 0.5rem !important;
      }
      .gap-sm-3 {
        gap: 1rem !important;
      }
      .gap-sm-4 {
        gap: 1.5rem !important;
      }
      .gap-sm-5 {
        gap: 3rem !important;
      }
      .row-gap-sm-0 {
        row-gap: 0 !important;
      }
      .row-gap-sm-1 {
        row-gap: 0.25rem !important;
      }
      .row-gap-sm-2 {
        row-gap: 0.5rem !important;
      }
      .row-gap-sm-3 {
        row-gap: 1rem !important;
      }
      .row-gap-sm-4 {
        row-gap: 1.5rem !important;
      }
      .row-gap-sm-5 {
        row-gap: 3rem !important;
      }
      .column-gap-sm-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
      }
      .column-gap-sm-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
      }
      .column-gap-sm-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
      }
      .column-gap-sm-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
      }
      .column-gap-sm-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
      }
      .column-gap-sm-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important;
      }
      .text-sm-start {
        text-align: right !important;
      }
      .text-sm-end {
        text-align: left !important;
      }
      .text-sm-center {
        text-align: center !important;
      }
    }
    @media (min-width: 768px) {
      .float-md-start {
        float: right !important;
      }
      .float-md-end {
        float: left !important;
      }
      .float-md-none {
        float: none !important;
      }
      .object-fit-md-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important;
      }
      .object-fit-md-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important;
      }
      .object-fit-md-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important;
      }
      .object-fit-md-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important;
      }
      .object-fit-md-none {
        -o-object-fit: none !important;
        object-fit: none !important;
      }
      .d-md-inline {
        display: inline !important;
      }
      .d-md-inline-block {
        display: inline-block !important;
      }
      .d-md-block {
        display: block !important;
      }
      .d-md-grid {
        display: grid !important;
      }
      .d-md-inline-grid {
        display: inline-grid !important;
      }
      .d-md-table {
        display: table !important;
      }
      .d-md-table-row {
        display: table-row !important;
      }
      .d-md-table-cell {
        display: table-cell !important;
      }
      .d-md-flex {
        display: flex !important;
      }
      .d-md-inline-flex {
        display: inline-flex !important;
      }
      .d-md-none {
        display: none !important;
      }
      .flex-md-fill {
        flex: 1 1 auto !important;
      }
      .flex-md-row {
        flex-direction: row !important;
      }
      .flex-md-column {
        flex-direction: column !important;
      }
      .flex-md-row-reverse {
        flex-direction: row-reverse !important;
      }
      .flex-md-column-reverse {
        flex-direction: column-reverse !important;
      }
      .flex-md-grow-0 {
        flex-grow: 0 !important;
      }
      .flex-md-grow-1 {
        flex-grow: 1 !important;
      }
      .flex-md-shrink-0 {
        flex-shrink: 0 !important;
      }
      .flex-md-shrink-1 {
        flex-shrink: 1 !important;
      }
      .flex-md-wrap {
        flex-wrap: wrap !important;
      }
      .flex-md-nowrap {
        flex-wrap: nowrap !important;
      }
      .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
      }
      .justify-content-md-start {
        justify-content: flex-start !important;
      }
      .justify-content-md-end {
        justify-content: flex-end !important;
      }
      .justify-content-md-center {
        justify-content: center !important;
      }
      .justify-content-md-between {
        justify-content: space-between !important;
      }
      .justify-content-md-around {
        justify-content: space-around !important;
      }
      .justify-content-md-evenly {
        justify-content: space-evenly !important;
      }
      .align-items-md-start {
        align-items: flex-start !important;
      }
      .align-items-md-end {
        align-items: flex-end !important;
      }
      .align-items-md-center {
        align-items: center !important;
      }
      .align-items-md-baseline {
        align-items: baseline !important;
      }
      .align-items-md-stretch {
        align-items: stretch !important;
      }
      .align-content-md-start {
        align-content: flex-start !important;
      }
      .align-content-md-end {
        align-content: flex-end !important;
      }
      .align-content-md-center {
        align-content: center !important;
      }
      .align-content-md-between {
        align-content: space-between !important;
      }
      .align-content-md-around {
        align-content: space-around !important;
      }
      .align-content-md-stretch {
        align-content: stretch !important;
      }
      .align-self-md-auto {
        align-self: auto !important;
      }
      .align-self-md-start {
        align-self: flex-start !important;
      }
      .align-self-md-end {
        align-self: flex-end !important;
      }
      .align-self-md-center {
        align-self: center !important;
      }
      .align-self-md-baseline {
        align-self: baseline !important;
      }
      .align-self-md-stretch {
        align-self: stretch !important;
      }
      .order-md-first {
        order: -1 !important;
      }
      .order-md-0 {
        order: 0 !important;
      }
      .order-md-1 {
        order: 1 !important;
      }
      .order-md-2 {
        order: 2 !important;
      }
      .order-md-3 {
        order: 3 !important;
      }
      .order-md-4 {
        order: 4 !important;
      }
      .order-md-5 {
        order: 5 !important;
      }
      .order-md-last {
        order: 6 !important;
      }
      .m-md-0 {
        margin: 0 !important;
      }
      .m-md-1 {
        margin: 0.25rem !important;
      }
      .m-md-2 {
        margin: 0.5rem !important;
      }
      .m-md-3 {
        margin: 1rem !important;
      }
      .m-md-4 {
        margin: 1.5rem !important;
      }
      .m-md-5 {
        margin: 3rem !important;
      }
      .m-md-auto {
        margin: auto !important;
      }
      .mx-md-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
      .mx-md-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
      }
      .mx-md-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
      }
      .mx-md-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
      }
      .mx-md-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
      }
      .mx-md-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
      }
      .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }
      .my-md-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
      }
      .my-md-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
      }
      .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
      }
      .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }
      .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
      }
      .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
      }
      .mt-md-0 {
        margin-top: 0 !important;
      }
      .mt-md-1 {
        margin-top: 0.25rem !important;
      }
      .mt-md-2 {
        margin-top: 0.5rem !important;
      }
      .mt-md-3 {
        margin-top: 1rem !important;
      }
      .mt-md-4 {
        margin-top: 1.5rem !important;
      }
      .mt-md-5 {
        margin-top: 3rem !important;
      }
      .mt-md-auto {
        margin-top: auto !important;
      }
      .me-md-0 {
        margin-left: 0 !important;
      }
      .me-md-1 {
        margin-left: 0.25rem !important;
      }
      .me-md-2 {
        margin-left: 0.5rem !important;
      }
      .me-md-3 {
        margin-left: 1rem !important;
      }
      .me-md-4 {
        margin-left: 1.5rem !important;
      }
      .me-md-5 {
        margin-left: 3rem !important;
      }
      .me-md-auto {
        margin-left: auto !important;
      }
      .mb-md-0 {
        margin-bottom: 0 !important;
      }
      .mb-md-1 {
        margin-bottom: 0.25rem !important;
      }
      .mb-md-2 {
        margin-bottom: 0.5rem !important;
      }
      .mb-md-3 {
        margin-bottom: 1rem !important;
      }
      .mb-md-4 {
        margin-bottom: 1.5rem !important;
      }
      .mb-md-5 {
        margin-bottom: 3rem !important;
      }
      .mb-md-auto {
        margin-bottom: auto !important;
      }
      .ms-md-0 {
        margin-right: 0 !important;
      }
      .ms-md-1 {
        margin-right: 0.25rem !important;
      }
      .ms-md-2 {
        margin-right: 0.5rem !important;
      }
      .ms-md-3 {
        margin-right: 1rem !important;
      }
      .ms-md-4 {
        margin-right: 1.5rem !important;
      }
      .ms-md-5 {
        margin-right: 3rem !important;
      }
      .ms-md-auto {
        margin-right: auto !important;
      }
      .p-md-0 {
        padding: 0 !important;
      }
      .p-md-1 {
        padding: 0.25rem !important;
      }
      .p-md-2 {
        padding: 0.5rem !important;
      }
      .p-md-3 {
        padding: 1rem !important;
      }
      .p-md-4 {
        padding: 1.5rem !important;
      }
      .p-md-5 {
        padding: 3rem !important;
      }
      .px-md-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .px-md-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
      }
      .px-md-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
      }
      .px-md-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }
      .px-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
      }
      .px-md-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
      }
      .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .py-md-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
      }
      .py-md-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }
      .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
      }
      .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }
      .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
      }
      .pt-md-0 {
        padding-top: 0 !important;
      }
      .pt-md-1 {
        padding-top: 0.25rem !important;
      }
      .pt-md-2 {
        padding-top: 0.5rem !important;
      }
      .pt-md-3 {
        padding-top: 1rem !important;
      }
      .pt-md-4 {
        padding-top: 1.5rem !important;
      }
      .pt-md-5 {
        padding-top: 3rem !important;
      }
      .pe-md-0 {
        padding-left: 0 !important;
      }
      .pe-md-1 {
        padding-left: 0.25rem !important;
      }
      .pe-md-2 {
        padding-left: 0.5rem !important;
      }
      .pe-md-3 {
        padding-left: 1rem !important;
      }
      .pe-md-4 {
        padding-left: 1.5rem !important;
      }
      .pe-md-5 {
        padding-left: 3rem !important;
      }
      .pb-md-0 {
        padding-bottom: 0 !important;
      }
      .pb-md-1 {
        padding-bottom: 0.25rem !important;
      }
      .pb-md-2 {
        padding-bottom: 0.5rem !important;
      }
      .pb-md-3 {
        padding-bottom: 1rem !important;
      }
      .pb-md-4 {
        padding-bottom: 1.5rem !important;
      }
      .pb-md-5 {
        padding-bottom: 3rem !important;
      }
      .ps-md-0 {
        padding-right: 0 !important;
      }
      .ps-md-1 {
        padding-right: 0.25rem !important;
      }
      .ps-md-2 {
        padding-right: 0.5rem !important;
      }
      .ps-md-3 {
        padding-right: 1rem !important;
      }
      .ps-md-4 {
        padding-right: 1.5rem !important;
      }
      .ps-md-5 {
        padding-right: 3rem !important;
      }
      .gap-md-0 {
        gap: 0 !important;
      }
      .gap-md-1 {
        gap: 0.25rem !important;
      }
      .gap-md-2 {
        gap: 0.5rem !important;
      }
      .gap-md-3 {
        gap: 1rem !important;
      }
      .gap-md-4 {
        gap: 1.5rem !important;
      }
      .gap-md-5 {
        gap: 3rem !important;
      }
      .row-gap-md-0 {
        row-gap: 0 !important;
      }
      .row-gap-md-1 {
        row-gap: 0.25rem !important;
      }
      .row-gap-md-2 {
        row-gap: 0.5rem !important;
      }
      .row-gap-md-3 {
        row-gap: 1rem !important;
      }
      .row-gap-md-4 {
        row-gap: 1.5rem !important;
      }
      .row-gap-md-5 {
        row-gap: 3rem !important;
      }
      .column-gap-md-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
      }
      .column-gap-md-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
      }
      .column-gap-md-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
      }
      .column-gap-md-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
      }
      .column-gap-md-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
      }
      .column-gap-md-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important;
      }
      .text-md-start {
        text-align: right !important;
      }
      .text-md-end {
        text-align: left !important;
      }
      .text-md-center {
        text-align: center !important;
      }
    }
    @media (min-width: 992px) {
      .float-lg-start {
        float: right !important;
      }
      .float-lg-end {
        float: left !important;
      }
      .float-lg-none {
        float: none !important;
      }
      .object-fit-lg-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important;
      }
      .object-fit-lg-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important;
      }
      .object-fit-lg-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important;
      }
      .object-fit-lg-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important;
      }
      .object-fit-lg-none {
        -o-object-fit: none !important;
        object-fit: none !important;
      }
      .d-lg-inline {
        display: inline !important;
      }
      .d-lg-inline-block {
        display: inline-block !important;
      }
      .d-lg-block {
        display: block !important;
      }
      .d-lg-grid {
        display: grid !important;
      }
      .d-lg-inline-grid {
        display: inline-grid !important;
      }
      .d-lg-table {
        display: table !important;
      }
      .d-lg-table-row {
        display: table-row !important;
      }
      .d-lg-table-cell {
        display: table-cell !important;
      }
      .d-lg-flex {
        display: flex !important;
      }
      .d-lg-inline-flex {
        display: inline-flex !important;
      }
      .d-lg-none {
        display: none !important;
      }
      .flex-lg-fill {
        flex: 1 1 auto !important;
      }
      .flex-lg-row {
        flex-direction: row !important;
      }
      .flex-lg-column {
        flex-direction: column !important;
      }
      .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
      }
      .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
      }
      .flex-lg-grow-0 {
        flex-grow: 0 !important;
      }
      .flex-lg-grow-1 {
        flex-grow: 1 !important;
      }
      .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
      }
      .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
      }
      .flex-lg-wrap {
        flex-wrap: wrap !important;
      }
      .flex-lg-nowrap {
        flex-wrap: nowrap !important;
      }
      .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
      }
      .justify-content-lg-start {
        justify-content: flex-start !important;
      }
      .justify-content-lg-end {
        justify-content: flex-end !important;
      }
      .justify-content-lg-center {
        justify-content: center !important;
      }
      .justify-content-lg-between {
        justify-content: space-between !important;
      }
      .justify-content-lg-around {
        justify-content: space-around !important;
      }
      .justify-content-lg-evenly {
        justify-content: space-evenly !important;
      }
      .align-items-lg-start {
        align-items: flex-start !important;
      }
      .align-items-lg-end {
        align-items: flex-end !important;
      }
      .align-items-lg-center {
        align-items: center !important;
      }
      .align-items-lg-baseline {
        align-items: baseline !important;
      }
      .align-items-lg-stretch {
        align-items: stretch !important;
      }
      .align-content-lg-start {
        align-content: flex-start !important;
      }
      .align-content-lg-end {
        align-content: flex-end !important;
      }
      .align-content-lg-center {
        align-content: center !important;
      }
      .align-content-lg-between {
        align-content: space-between !important;
      }
      .align-content-lg-around {
        align-content: space-around !important;
      }
      .align-content-lg-stretch {
        align-content: stretch !important;
      }
      .align-self-lg-auto {
        align-self: auto !important;
      }
      .align-self-lg-start {
        align-self: flex-start !important;
      }
      .align-self-lg-end {
        align-self: flex-end !important;
      }
      .align-self-lg-center {
        align-self: center !important;
      }
      .align-self-lg-baseline {
        align-self: baseline !important;
      }
      .align-self-lg-stretch {
        align-self: stretch !important;
      }
      .order-lg-first {
        order: -1 !important;
      }
      .order-lg-0 {
        order: 0 !important;
      }
      .order-lg-1 {
        order: 1 !important;
      }
      .order-lg-2 {
        order: 2 !important;
      }
      .order-lg-3 {
        order: 3 !important;
      }
      .order-lg-4 {
        order: 4 !important;
      }
      .order-lg-5 {
        order: 5 !important;
      }
      .order-lg-last {
        order: 6 !important;
      }
      .m-lg-0 {
        margin: 0 !important;
      }
      .m-lg-1 {
        margin: 0.25rem !important;
      }
      .m-lg-2 {
        margin: 0.5rem !important;
      }
      .m-lg-3 {
        margin: 1rem !important;
      }
      .m-lg-4 {
        margin: 1.5rem !important;
      }
      .m-lg-5 {
        margin: 3rem !important;
      }
      .m-lg-auto {
        margin: auto !important;
      }
      .mx-lg-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
      .mx-lg-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
      }
      .mx-lg-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
      }
      .mx-lg-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
      }
      .mx-lg-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
      }
      .mx-lg-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
      }
      .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }
      .my-lg-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
      }
      .my-lg-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
      }
      .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
      }
      .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }
      .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
      }
      .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
      }
      .mt-lg-0 {
        margin-top: 0 !important;
      }
      .mt-lg-1 {
        margin-top: 0.25rem !important;
      }
      .mt-lg-2 {
        margin-top: 0.5rem !important;
      }
      .mt-lg-3 {
        margin-top: 1rem !important;
      }
      .mt-lg-4 {
        margin-top: 1.5rem !important;
      }
      .mt-lg-5 {
        margin-top: 3rem !important;
      }
      .mt-lg-auto {
        margin-top: auto !important;
      }
      .me-lg-0 {
        margin-left: 0 !important;
      }
      .me-lg-1 {
        margin-left: 0.25rem !important;
      }
      .me-lg-2 {
        margin-left: 0.5rem !important;
      }
      .me-lg-3 {
        margin-left: 1rem !important;
      }
      .me-lg-4 {
        margin-left: 1.5rem !important;
      }
      .me-lg-5 {
        margin-left: 3rem !important;
      }
      .me-lg-auto {
        margin-left: auto !important;
      }
      .mb-lg-0 {
        margin-bottom: 0 !important;
      }
      .mb-lg-1 {
        margin-bottom: 0.25rem !important;
      }
      .mb-lg-2 {
        margin-bottom: 0.5rem !important;
      }
      .mb-lg-3 {
        margin-bottom: 1rem !important;
      }
      .mb-lg-4 {
        margin-bottom: 1.5rem !important;
      }
      .mb-lg-5 {
        margin-bottom: 3rem !important;
      }
      .mb-lg-auto {
        margin-bottom: auto !important;
      }
      .ms-lg-0 {
        margin-right: 0 !important;
      }
      .ms-lg-1 {
        margin-right: 0.25rem !important;
      }
      .ms-lg-2 {
        margin-right: 0.5rem !important;
      }
      .ms-lg-3 {
        margin-right: 1rem !important;
      }
      .ms-lg-4 {
        margin-right: 1.5rem !important;
      }
      .ms-lg-5 {
        margin-right: 3rem !important;
      }
      .ms-lg-auto {
        margin-right: auto !important;
      }
      .p-lg-0 {
        padding: 0 !important;
      }
      .p-lg-1 {
        padding: 0.25rem !important;
      }
      .p-lg-2 {
        padding: 0.5rem !important;
      }
      .p-lg-3 {
        padding: 1rem !important;
      }
      .p-lg-4 {
        padding: 1.5rem !important;
      }
      .p-lg-5 {
        padding: 3rem !important;
      }
      .px-lg-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .px-lg-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
      }
      .px-lg-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
      }
      .px-lg-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }
      .px-lg-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
      }
      .px-lg-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
      }
      .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .py-lg-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
      }
      .py-lg-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }
      .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
      }
      .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }
      .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
      }
      .pt-lg-0 {
        padding-top: 0 !important;
      }
      .pt-lg-1 {
        padding-top: 0.25rem !important;
      }
      .pt-lg-2 {
        padding-top: 0.5rem !important;
      }
      .pt-lg-3 {
        padding-top: 1rem !important;
      }
      .pt-lg-4 {
        padding-top: 1.5rem !important;
      }
      .pt-lg-5 {
        padding-top: 3rem !important;
      }
      .pe-lg-0 {
        padding-left: 0 !important;
      }
      .pe-lg-1 {
        padding-left: 0.25rem !important;
      }
      .pe-lg-2 {
        padding-left: 0.5rem !important;
      }
      .pe-lg-3 {
        padding-left: 1rem !important;
      }
      .pe-lg-4 {
        padding-left: 1.5rem !important;
      }
      .pe-lg-5 {
        padding-left: 3rem !important;
      }
      .pb-lg-0 {
        padding-bottom: 0 !important;
      }
      .pb-lg-1 {
        padding-bottom: 0.25rem !important;
      }
      .pb-lg-2 {
        padding-bottom: 0.5rem !important;
      }
      .pb-lg-3 {
        padding-bottom: 1rem !important;
      }
      .pb-lg-4 {
        padding-bottom: 1.5rem !important;
      }
      .pb-lg-5 {
        padding-bottom: 3rem !important;
      }
      .ps-lg-0 {
        padding-right: 0 !important;
      }
      .ps-lg-1 {
        padding-right: 0.25rem !important;
      }
      .ps-lg-2 {
        padding-right: 0.5rem !important;
      }
      .ps-lg-3 {
        padding-right: 1rem !important;
      }
      .ps-lg-4 {
        padding-right: 1.5rem !important;
      }
      .ps-lg-5 {
        padding-right: 3rem !important;
      }
      .gap-lg-0 {
        gap: 0 !important;
      }
      .gap-lg-1 {
        gap: 0.25rem !important;
      }
      .gap-lg-2 {
        gap: 0.5rem !important;
      }
      .gap-lg-3 {
        gap: 1rem !important;
      }
      .gap-lg-4 {
        gap: 1.5rem !important;
      }
      .gap-lg-5 {
        gap: 3rem !important;
      }
      .row-gap-lg-0 {
        row-gap: 0 !important;
      }
      .row-gap-lg-1 {
        row-gap: 0.25rem !important;
      }
      .row-gap-lg-2 {
        row-gap: 0.5rem !important;
      }
      .row-gap-lg-3 {
        row-gap: 1rem !important;
      }
      .row-gap-lg-4 {
        row-gap: 1.5rem !important;
      }
      .row-gap-lg-5 {
        row-gap: 3rem !important;
      }
      .column-gap-lg-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
      }
      .column-gap-lg-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
      }
      .column-gap-lg-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
      }
      .column-gap-lg-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
      }
      .column-gap-lg-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
      }
      .column-gap-lg-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important;
      }
      .text-lg-start {
        text-align: right !important;
      }
      .text-lg-end {
        text-align: left !important;
      }
      .text-lg-center {
        text-align: center !important;
      }
    }
    @media (min-width: 1200px) {
      .float-xl-start {
        float: right !important;
      }
      .float-xl-end {
        float: left !important;
      }
      .float-xl-none {
        float: none !important;
      }
      .object-fit-xl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important;
      }
      .object-fit-xl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important;
      }
      .object-fit-xl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important;
      }
      .object-fit-xl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important;
      }
      .object-fit-xl-none {
        -o-object-fit: none !important;
        object-fit: none !important;
      }
      .d-xl-inline {
        display: inline !important;
      }
      .d-xl-inline-block {
        display: inline-block !important;
      }
      .d-xl-block {
        display: block !important;
      }
      .d-xl-grid {
        display: grid !important;
      }
      .d-xl-inline-grid {
        display: inline-grid !important;
      }
      .d-xl-table {
        display: table !important;
      }
      .d-xl-table-row {
        display: table-row !important;
      }
      .d-xl-table-cell {
        display: table-cell !important;
      }
      .d-xl-flex {
        display: flex !important;
      }
      .d-xl-inline-flex {
        display: inline-flex !important;
      }
      .d-xl-none {
        display: none !important;
      }
      .flex-xl-fill {
        flex: 1 1 auto !important;
      }
      .flex-xl-row {
        flex-direction: row !important;
      }
      .flex-xl-column {
        flex-direction: column !important;
      }
      .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
      }
      .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
      }
      .flex-xl-grow-0 {
        flex-grow: 0 !important;
      }
      .flex-xl-grow-1 {
        flex-grow: 1 !important;
      }
      .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
      }
      .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
      }
      .flex-xl-wrap {
        flex-wrap: wrap !important;
      }
      .flex-xl-nowrap {
        flex-wrap: nowrap !important;
      }
      .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
      }
      .justify-content-xl-start {
        justify-content: flex-start !important;
      }
      .justify-content-xl-end {
        justify-content: flex-end !important;
      }
      .justify-content-xl-center {
        justify-content: center !important;
      }
      .justify-content-xl-between {
        justify-content: space-between !important;
      }
      .justify-content-xl-around {
        justify-content: space-around !important;
      }
      .justify-content-xl-evenly {
        justify-content: space-evenly !important;
      }
      .align-items-xl-start {
        align-items: flex-start !important;
      }
      .align-items-xl-end {
        align-items: flex-end !important;
      }
      .align-items-xl-center {
        align-items: center !important;
      }
      .align-items-xl-baseline {
        align-items: baseline !important;
      }
      .align-items-xl-stretch {
        align-items: stretch !important;
      }
      .align-content-xl-start {
        align-content: flex-start !important;
      }
      .align-content-xl-end {
        align-content: flex-end !important;
      }
      .align-content-xl-center {
        align-content: center !important;
      }
      .align-content-xl-between {
        align-content: space-between !important;
      }
      .align-content-xl-around {
        align-content: space-around !important;
      }
      .align-content-xl-stretch {
        align-content: stretch !important;
      }
      .align-self-xl-auto {
        align-self: auto !important;
      }
      .align-self-xl-start {
        align-self: flex-start !important;
      }
      .align-self-xl-end {
        align-self: flex-end !important;
      }
      .align-self-xl-center {
        align-self: center !important;
      }
      .align-self-xl-baseline {
        align-self: baseline !important;
      }
      .align-self-xl-stretch {
        align-self: stretch !important;
      }
      .order-xl-first {
        order: -1 !important;
      }
      .order-xl-0 {
        order: 0 !important;
      }
      .order-xl-1 {
        order: 1 !important;
      }
      .order-xl-2 {
        order: 2 !important;
      }
      .order-xl-3 {
        order: 3 !important;
      }
      .order-xl-4 {
        order: 4 !important;
      }
      .order-xl-5 {
        order: 5 !important;
      }
      .order-xl-last {
        order: 6 !important;
      }
      .m-xl-0 {
        margin: 0 !important;
      }
      .m-xl-1 {
        margin: 0.25rem !important;
      }
      .m-xl-2 {
        margin: 0.5rem !important;
      }
      .m-xl-3 {
        margin: 1rem !important;
      }
      .m-xl-4 {
        margin: 1.5rem !important;
      }
      .m-xl-5 {
        margin: 3rem !important;
      }
      .m-xl-auto {
        margin: auto !important;
      }
      .mx-xl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
      .mx-xl-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
      }
      .mx-xl-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
      }
      .mx-xl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
      }
      .mx-xl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
      }
      .mx-xl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
      }
      .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }
      .my-xl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
      }
      .my-xl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
      }
      .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
      }
      .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }
      .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
      }
      .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
      }
      .mt-xl-0 {
        margin-top: 0 !important;
      }
      .mt-xl-1 {
        margin-top: 0.25rem !important;
      }
      .mt-xl-2 {
        margin-top: 0.5rem !important;
      }
      .mt-xl-3 {
        margin-top: 1rem !important;
      }
      .mt-xl-4 {
        margin-top: 1.5rem !important;
      }
      .mt-xl-5 {
        margin-top: 3rem !important;
      }
      .mt-xl-auto {
        margin-top: auto !important;
      }
      .me-xl-0 {
        margin-left: 0 !important;
      }
      .me-xl-1 {
        margin-left: 0.25rem !important;
      }
      .me-xl-2 {
        margin-left: 0.5rem !important;
      }
      .me-xl-3 {
        margin-left: 1rem !important;
      }
      .me-xl-4 {
        margin-left: 1.5rem !important;
      }
      .me-xl-5 {
        margin-left: 3rem !important;
      }
      .me-xl-auto {
        margin-left: auto !important;
      }
      .mb-xl-0 {
        margin-bottom: 0 !important;
      }
      .mb-xl-1 {
        margin-bottom: 0.25rem !important;
      }
      .mb-xl-2 {
        margin-bottom: 0.5rem !important;
      }
      .mb-xl-3 {
        margin-bottom: 1rem !important;
      }
      .mb-xl-4 {
        margin-bottom: 1.5rem !important;
      }
      .mb-xl-5 {
        margin-bottom: 3rem !important;
      }
      .mb-xl-auto {
        margin-bottom: auto !important;
      }
      .ms-xl-0 {
        margin-right: 0 !important;
      }
      .ms-xl-1 {
        margin-right: 0.25rem !important;
      }
      .ms-xl-2 {
        margin-right: 0.5rem !important;
      }
      .ms-xl-3 {
        margin-right: 1rem !important;
      }
      .ms-xl-4 {
        margin-right: 1.5rem !important;
      }
      .ms-xl-5 {
        margin-right: 3rem !important;
      }
      .ms-xl-auto {
        margin-right: auto !important;
      }
      .p-xl-0 {
        padding: 0 !important;
      }
      .p-xl-1 {
        padding: 0.25rem !important;
      }
      .p-xl-2 {
        padding: 0.5rem !important;
      }
      .p-xl-3 {
        padding: 1rem !important;
      }
      .p-xl-4 {
        padding: 1.5rem !important;
      }
      .p-xl-5 {
        padding: 3rem !important;
      }
      .px-xl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .px-xl-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
      }
      .px-xl-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
      }
      .px-xl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }
      .px-xl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
      }
      .px-xl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
      }
      .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .py-xl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
      }
      .py-xl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }
      .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
      }
      .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }
      .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
      }
      .pt-xl-0 {
        padding-top: 0 !important;
      }
      .pt-xl-1 {
        padding-top: 0.25rem !important;
      }
      .pt-xl-2 {
        padding-top: 0.5rem !important;
      }
      .pt-xl-3 {
        padding-top: 1rem !important;
      }
      .pt-xl-4 {
        padding-top: 1.5rem !important;
      }
      .pt-xl-5 {
        padding-top: 3rem !important;
      }
      .pe-xl-0 {
        padding-left: 0 !important;
      }
      .pe-xl-1 {
        padding-left: 0.25rem !important;
      }
      .pe-xl-2 {
        padding-left: 0.5rem !important;
      }
      .pe-xl-3 {
        padding-left: 1rem !important;
      }
      .pe-xl-4 {
        padding-left: 1.5rem !important;
      }
      .pe-xl-5 {
        padding-left: 3rem !important;
      }
      .pb-xl-0 {
        padding-bottom: 0 !important;
      }
      .pb-xl-1 {
        padding-bottom: 0.25rem !important;
      }
      .pb-xl-2 {
        padding-bottom: 0.5rem !important;
      }
      .pb-xl-3 {
        padding-bottom: 1rem !important;
      }
      .pb-xl-4 {
        padding-bottom: 1.5rem !important;
      }
      .pb-xl-5 {
        padding-bottom: 3rem !important;
      }
      .ps-xl-0 {
        padding-right: 0 !important;
      }
      .ps-xl-1 {
        padding-right: 0.25rem !important;
      }
      .ps-xl-2 {
        padding-right: 0.5rem !important;
      }
      .ps-xl-3 {
        padding-right: 1rem !important;
      }
      .ps-xl-4 {
        padding-right: 1.5rem !important;
      }
      .ps-xl-5 {
        padding-right: 3rem !important;
      }
      .gap-xl-0 {
        gap: 0 !important;
      }
      .gap-xl-1 {
        gap: 0.25rem !important;
      }
      .gap-xl-2 {
        gap: 0.5rem !important;
      }
      .gap-xl-3 {
        gap: 1rem !important;
      }
      .gap-xl-4 {
        gap: 1.5rem !important;
      }
      .gap-xl-5 {
        gap: 3rem !important;
      }
      .row-gap-xl-0 {
        row-gap: 0 !important;
      }
      .row-gap-xl-1 {
        row-gap: 0.25rem !important;
      }
      .row-gap-xl-2 {
        row-gap: 0.5rem !important;
      }
      .row-gap-xl-3 {
        row-gap: 1rem !important;
      }
      .row-gap-xl-4 {
        row-gap: 1.5rem !important;
      }
      .row-gap-xl-5 {
        row-gap: 3rem !important;
      }
      .column-gap-xl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
      }
      .column-gap-xl-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
      }
      .column-gap-xl-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
      }
      .column-gap-xl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
      }
      .column-gap-xl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
      }
      .column-gap-xl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important;
      }
      .text-xl-start {
        text-align: right !important;
      }
      .text-xl-end {
        text-align: left !important;
      }
      .text-xl-center {
        text-align: center !important;
      }
    }
    @media (min-width: 1400px) {
      .float-xxl-start {
        float: right !important;
      }
      .float-xxl-end {
        float: left !important;
      }
      .float-xxl-none {
        float: none !important;
      }
      .object-fit-xxl-contain {
        -o-object-fit: contain !important;
        object-fit: contain !important;
      }
      .object-fit-xxl-cover {
        -o-object-fit: cover !important;
        object-fit: cover !important;
      }
      .object-fit-xxl-fill {
        -o-object-fit: fill !important;
        object-fit: fill !important;
      }
      .object-fit-xxl-scale {
        -o-object-fit: scale-down !important;
        object-fit: scale-down !important;
      }
      .object-fit-xxl-none {
        -o-object-fit: none !important;
        object-fit: none !important;
      }
      .d-xxl-inline {
        display: inline !important;
      }
      .d-xxl-inline-block {
        display: inline-block !important;
      }
      .d-xxl-block {
        display: block !important;
      }
      .d-xxl-grid {
        display: grid !important;
      }
      .d-xxl-inline-grid {
        display: inline-grid !important;
      }
      .d-xxl-table {
        display: table !important;
      }
      .d-xxl-table-row {
        display: table-row !important;
      }
      .d-xxl-table-cell {
        display: table-cell !important;
      }
      .d-xxl-flex {
        display: flex !important;
      }
      .d-xxl-inline-flex {
        display: inline-flex !important;
      }
      .d-xxl-none {
        display: none !important;
      }
      .flex-xxl-fill {
        flex: 1 1 auto !important;
      }
      .flex-xxl-row {
        flex-direction: row !important;
      }
      .flex-xxl-column {
        flex-direction: column !important;
      }
      .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
      }
      .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
      }
      .flex-xxl-grow-0 {
        flex-grow: 0 !important;
      }
      .flex-xxl-grow-1 {
        flex-grow: 1 !important;
      }
      .flex-xxl-shrink-0 {
        flex-shrink: 0 !important;
      }
      .flex-xxl-shrink-1 {
        flex-shrink: 1 !important;
      }
      .flex-xxl-wrap {
        flex-wrap: wrap !important;
      }
      .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
      }
      .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
      }
      .justify-content-xxl-start {
        justify-content: flex-start !important;
      }
      .justify-content-xxl-end {
        justify-content: flex-end !important;
      }
      .justify-content-xxl-center {
        justify-content: center !important;
      }
      .justify-content-xxl-between {
        justify-content: space-between !important;
      }
      .justify-content-xxl-around {
        justify-content: space-around !important;
      }
      .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
      }
      .align-items-xxl-start {
        align-items: flex-start !important;
      }
      .align-items-xxl-end {
        align-items: flex-end !important;
      }
      .align-items-xxl-center {
        align-items: center !important;
      }
      .align-items-xxl-baseline {
        align-items: baseline !important;
      }
      .align-items-xxl-stretch {
        align-items: stretch !important;
      }
      .align-content-xxl-start {
        align-content: flex-start !important;
      }
      .align-content-xxl-end {
        align-content: flex-end !important;
      }
      .align-content-xxl-center {
        align-content: center !important;
      }
      .align-content-xxl-between {
        align-content: space-between !important;
      }
      .align-content-xxl-around {
        align-content: space-around !important;
      }
      .align-content-xxl-stretch {
        align-content: stretch !important;
      }
      .align-self-xxl-auto {
        align-self: auto !important;
      }
      .align-self-xxl-start {
        align-self: flex-start !important;
      }
      .align-self-xxl-end {
        align-self: flex-end !important;
      }
      .align-self-xxl-center {
        align-self: center !important;
      }
      .align-self-xxl-baseline {
        align-self: baseline !important;
      }
      .align-self-xxl-stretch {
        align-self: stretch !important;
      }
      .order-xxl-first {
        order: -1 !important;
      }
      .order-xxl-0 {
        order: 0 !important;
      }
      .order-xxl-1 {
        order: 1 !important;
      }
      .order-xxl-2 {
        order: 2 !important;
      }
      .order-xxl-3 {
        order: 3 !important;
      }
      .order-xxl-4 {
        order: 4 !important;
      }
      .order-xxl-5 {
        order: 5 !important;
      }
      .order-xxl-last {
        order: 6 !important;
      }
      .m-xxl-0 {
        margin: 0 !important;
      }
      .m-xxl-1 {
        margin: 0.25rem !important;
      }
      .m-xxl-2 {
        margin: 0.5rem !important;
      }
      .m-xxl-3 {
        margin: 1rem !important;
      }
      .m-xxl-4 {
        margin: 1.5rem !important;
      }
      .m-xxl-5 {
        margin: 3rem !important;
      }
      .m-xxl-auto {
        margin: auto !important;
      }
      .mx-xxl-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
      .mx-xxl-1 {
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
      }
      .mx-xxl-2 {
        margin-left: 0.5rem !important;
        margin-right: 0.5rem !important;
      }
      .mx-xxl-3 {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
      }
      .mx-xxl-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
      }
      .mx-xxl-5 {
        margin-left: 3rem !important;
        margin-right: 3rem !important;
      }
      .mx-xxl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
      }
      .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }
      .my-xxl-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
      }
      .my-xxl-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
      }
      .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
      }
      .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }
      .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
      }
      .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
      }
      .mt-xxl-0 {
        margin-top: 0 !important;
      }
      .mt-xxl-1 {
        margin-top: 0.25rem !important;
      }
      .mt-xxl-2 {
        margin-top: 0.5rem !important;
      }
      .mt-xxl-3 {
        margin-top: 1rem !important;
      }
      .mt-xxl-4 {
        margin-top: 1.5rem !important;
      }
      .mt-xxl-5 {
        margin-top: 3rem !important;
      }
      .mt-xxl-auto {
        margin-top: auto !important;
      }
      .me-xxl-0 {
        margin-left: 0 !important;
      }
      .me-xxl-1 {
        margin-left: 0.25rem !important;
      }
      .me-xxl-2 {
        margin-left: 0.5rem !important;
      }
      .me-xxl-3 {
        margin-left: 1rem !important;
      }
      .me-xxl-4 {
        margin-left: 1.5rem !important;
      }
      .me-xxl-5 {
        margin-left: 3rem !important;
      }
      .me-xxl-auto {
        margin-left: auto !important;
      }
      .mb-xxl-0 {
        margin-bottom: 0 !important;
      }
      .mb-xxl-1 {
        margin-bottom: 0.25rem !important;
      }
      .mb-xxl-2 {
        margin-bottom: 0.5rem !important;
      }
      .mb-xxl-3 {
        margin-bottom: 1rem !important;
      }
      .mb-xxl-4 {
        margin-bottom: 1.5rem !important;
      }
      .mb-xxl-5 {
        margin-bottom: 3rem !important;
      }
      .mb-xxl-auto {
        margin-bottom: auto !important;
      }
      .ms-xxl-0 {
        margin-right: 0 !important;
      }
      .ms-xxl-1 {
        margin-right: 0.25rem !important;
      }
      .ms-xxl-2 {
        margin-right: 0.5rem !important;
      }
      .ms-xxl-3 {
        margin-right: 1rem !important;
      }
      .ms-xxl-4 {
        margin-right: 1.5rem !important;
      }
      .ms-xxl-5 {
        margin-right: 3rem !important;
      }
      .ms-xxl-auto {
        margin-right: auto !important;
      }
      .p-xxl-0 {
        padding: 0 !important;
      }
      .p-xxl-1 {
        padding: 0.25rem !important;
      }
      .p-xxl-2 {
        padding: 0.5rem !important;
      }
      .p-xxl-3 {
        padding: 1rem !important;
      }
      .p-xxl-4 {
        padding: 1.5rem !important;
      }
      .p-xxl-5 {
        padding: 3rem !important;
      }
      .px-xxl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .px-xxl-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
      }
      .px-xxl-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
      }
      .px-xxl-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
      }
      .px-xxl-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
      }
      .px-xxl-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
      }
      .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .py-xxl-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
      }
      .py-xxl-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }
      .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
      }
      .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }
      .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
      }
      .pt-xxl-0 {
        padding-top: 0 !important;
      }
      .pt-xxl-1 {
        padding-top: 0.25rem !important;
      }
      .pt-xxl-2 {
        padding-top: 0.5rem !important;
      }
      .pt-xxl-3 {
        padding-top: 1rem !important;
      }
      .pt-xxl-4 {
        padding-top: 1.5rem !important;
      }
      .pt-xxl-5 {
        padding-top: 3rem !important;
      }
      .pe-xxl-0 {
        padding-left: 0 !important;
      }
      .pe-xxl-1 {
        padding-left: 0.25rem !important;
      }
      .pe-xxl-2 {
        padding-left: 0.5rem !important;
      }
      .pe-xxl-3 {
        padding-left: 1rem !important;
      }
      .pe-xxl-4 {
        padding-left: 1.5rem !important;
      }
      .pe-xxl-5 {
        padding-left: 3rem !important;
      }
      .pb-xxl-0 {
        padding-bottom: 0 !important;
      }
      .pb-xxl-1 {
        padding-bottom: 0.25rem !important;
      }
      .pb-xxl-2 {
        padding-bottom: 0.5rem !important;
      }
      .pb-xxl-3 {
        padding-bottom: 1rem !important;
      }
      .pb-xxl-4 {
        padding-bottom: 1.5rem !important;
      }
      .pb-xxl-5 {
        padding-bottom: 3rem !important;
      }
      .ps-xxl-0 {
        padding-right: 0 !important;
      }
      .ps-xxl-1 {
        padding-right: 0.25rem !important;
      }
      .ps-xxl-2 {
        padding-right: 0.5rem !important;
      }
      .ps-xxl-3 {
        padding-right: 1rem !important;
      }
      .ps-xxl-4 {
        padding-right: 1.5rem !important;
      }
      .ps-xxl-5 {
        padding-right: 3rem !important;
      }
      .gap-xxl-0 {
        gap: 0 !important;
      }
      .gap-xxl-1 {
        gap: 0.25rem !important;
      }
      .gap-xxl-2 {
        gap: 0.5rem !important;
      }
      .gap-xxl-3 {
        gap: 1rem !important;
      }
      .gap-xxl-4 {
        gap: 1.5rem !important;
      }
      .gap-xxl-5 {
        gap: 3rem !important;
      }
      .row-gap-xxl-0 {
        row-gap: 0 !important;
      }
      .row-gap-xxl-1 {
        row-gap: 0.25rem !important;
      }
      .row-gap-xxl-2 {
        row-gap: 0.5rem !important;
      }
      .row-gap-xxl-3 {
        row-gap: 1rem !important;
      }
      .row-gap-xxl-4 {
        row-gap: 1.5rem !important;
      }
      .row-gap-xxl-5 {
        row-gap: 3rem !important;
      }
      .column-gap-xxl-0 {
        -moz-column-gap: 0 !important;
        column-gap: 0 !important;
      }
      .column-gap-xxl-1 {
        -moz-column-gap: 0.25rem !important;
        column-gap: 0.25rem !important;
      }
      .column-gap-xxl-2 {
        -moz-column-gap: 0.5rem !important;
        column-gap: 0.5rem !important;
      }
      .column-gap-xxl-3 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important;
      }
      .column-gap-xxl-4 {
        -moz-column-gap: 1.5rem !important;
        column-gap: 1.5rem !important;
      }
      .column-gap-xxl-5 {
        -moz-column-gap: 3rem !important;
        column-gap: 3rem !important;
      }
      .text-xxl-start {
        text-align: right !important;
      }
      .text-xxl-end {
        text-align: left !important;
      }
      .text-xxl-center {
        text-align: center !important;
      }
    }
    @media (min-width: 1200px) {
      .fs-1 {
        font-size: 2.5rem !important;
      }
      .fs-2 {
        font-size: 2rem !important;
      }
      .fs-3 {
        font-size: 1.75rem !important;
      }
      .fs-4 {
        font-size: 1.5rem !important;
      }
    }
    @media print {
      .d-print-inline {
        display: inline !important;
      }
      .d-print-inline-block {
        display: inline-block !important;
      }
      .d-print-block {
        display: block !important;
      }
      .d-print-grid {
        display: grid !important;
      }
      .d-print-inline-grid {
        display: inline-grid !important;
      }
      .d-print-table {
        display: table !important;
      }
      .d-print-table-row {
        display: table-row !important;
      }
      .d-print-table-cell {
        display: table-cell !important;
      }
      .d-print-flex {
        display: flex !important;
      }
      .d-print-inline-flex {
        display: inline-flex !important;
      }
      .d-print-none {
        display: none !important;
      }
    }
  }
  @layer googlecode {
    pre code.hljs {
      display: block;
      overflow-x: auto;
      padding: 1em;
    }
    code.hljs {
      padding: 3px 5px;
    }
    .hljs {
      background: #fff;
      color: #000;
    }
    .hljs-comment,
    .hljs-quote {
      color: #800;
    }
    .hljs-keyword,
    .hljs-name,
    .hljs-section,
    .hljs-selector-tag,
    .hljs-title {
      color: #008;
    }
    .hljs-template-variable,
    .hljs-variable {
      color: #660;
    }
    .hljs-regexp,
    .hljs-selector-attr,
    .hljs-selector-pseudo,
    .hljs-string {
      color: #080;
    }
    .hljs-bullet,
    .hljs-link,
    .hljs-literal,
    .hljs-meta,
    .hljs-number,
    .hljs-symbol {
      color: #066;
    }
    .hljs-attr,
    .hljs-built_in,
    .hljs-doctag,
    .hljs-params,
    .hljs-title,
    .hljs-type {
      color: #606;
    }
    .hljs-attribute,
    .hljs-subst {
      color: #000;
    }
    .hljs-formula {
      background-color: #eee;
      font-style: italic;
    }
    .hljs-selector-class,
    .hljs-selector-id {
      color: #9b703f;
    }
    .hljs-addition {
      background-color: #baeeba;
    }
    .hljs-deletion {
      background-color: #ffc8bd;
    }
    .hljs-doctag,
    .hljs-strong {
      font-weight: 700;
    }
    .hljs-emphasis {
      font-style: italic;
    }
  }
}
@layer reset {
  /*!
   * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
   * Copyright 2011-2024 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 576px) {
    .container,
    .container-sm {
      max-width: 540px;
    }
  }
  @media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
      max-width: 720px;
    }
  }
  @media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
      max-width: 960px;
    }
  }
  @media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
      max-width: 1140px;
    }
  }
  @media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      max-width: 1320px;
    }
  }
  :root {
    --bs-breakpoint-xs:0;
    --bs-breakpoint-sm:576px;
    --bs-breakpoint-md:768px;
    --bs-breakpoint-lg:992px;
    --bs-breakpoint-xl:1200px;
    --bs-breakpoint-xxl:1400px;
  }
  .row {
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  .row > * {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }
  .col {
    flex: 1 0 0%;
  }
  .row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-1 {
    margin-left: 8.33333333%;
  }
  .offset-2 {
    margin-left: 16.66666667%;
  }
  .offset-3 {
    margin-left: 25%;
  }
  .offset-4 {
    margin-left: 33.33333333%;
  }
  .offset-5 {
    margin-left: 41.66666667%;
  }
  .offset-6 {
    margin-left: 50%;
  }
  .offset-7 {
    margin-left: 58.33333333%;
  }
  .offset-8 {
    margin-left: 66.66666667%;
  }
  .offset-9 {
    margin-left: 75%;
  }
  .offset-10 {
    margin-left: 83.33333333%;
  }
  .offset-11 {
    margin-left: 91.66666667%;
  }
  .g-0,
  .gx-0 {
    --bs-gutter-x:0;
  }
  .g-0,
  .gy-0 {
    --bs-gutter-y:0;
  }
  .g-1,
  .gx-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-1,
  .gy-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-2,
  .gx-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-2,
  .gy-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-3,
  .gx-3 {
    --bs-gutter-x:1rem;
  }
  .g-3,
  .gy-3 {
    --bs-gutter-y:1rem;
  }
  .g-4,
  .gx-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-4,
  .gy-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-5,
  .gx-5 {
    --bs-gutter-x:3rem;
  }
  .g-5,
  .gy-5 {
    --bs-gutter-y:3rem;
  }
  @media (min-width: 576px) {
    .col-sm {
      flex: 1 0 0%;
    }
    .row-cols-sm-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-sm-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-sm-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-sm-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-sm-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-sm-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-sm-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-sm-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-sm-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-sm-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-sm-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-sm-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-sm-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-sm-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-sm-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-sm-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-sm-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-sm-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-sm-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-sm-0 {
      margin-left: 0;
    }
    .offset-sm-1 {
      margin-left: 8.33333333%;
    }
    .offset-sm-2 {
      margin-left: 16.66666667%;
    }
    .offset-sm-3 {
      margin-left: 25%;
    }
    .offset-sm-4 {
      margin-left: 33.33333333%;
    }
    .offset-sm-5 {
      margin-left: 41.66666667%;
    }
    .offset-sm-6 {
      margin-left: 50%;
    }
    .offset-sm-7 {
      margin-left: 58.33333333%;
    }
    .offset-sm-8 {
      margin-left: 66.66666667%;
    }
    .offset-sm-9 {
      margin-left: 75%;
    }
    .offset-sm-10 {
      margin-left: 83.33333333%;
    }
    .offset-sm-11 {
      margin-left: 91.66666667%;
    }
    .g-sm-0,
    .gx-sm-0 {
      --bs-gutter-x:0;
    }
    .g-sm-0,
    .gy-sm-0 {
      --bs-gutter-y:0;
    }
    .g-sm-1,
    .gx-sm-1 {
      --bs-gutter-x:0.25rem;
    }
    .g-sm-1,
    .gy-sm-1 {
      --bs-gutter-y:0.25rem;
    }
    .g-sm-2,
    .gx-sm-2 {
      --bs-gutter-x:0.5rem;
    }
    .g-sm-2,
    .gy-sm-2 {
      --bs-gutter-y:0.5rem;
    }
    .g-sm-3,
    .gx-sm-3 {
      --bs-gutter-x:1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
      --bs-gutter-y:1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
      --bs-gutter-x:1.5rem;
    }
    .g-sm-4,
    .gy-sm-4 {
      --bs-gutter-y:1.5rem;
    }
    .g-sm-5,
    .gx-sm-5 {
      --bs-gutter-x:3rem;
    }
    .g-sm-5,
    .gy-sm-5 {
      --bs-gutter-y:3rem;
    }
  }
  @media (min-width: 768px) {
    .col-md {
      flex: 1 0 0%;
    }
    .row-cols-md-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-md-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-md-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-md-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-md-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-md-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-md-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-md-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-md-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-md-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-md-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-md-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-md-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-md-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-md-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-md-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-md-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-md-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-md-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-md-0 {
      margin-left: 0;
    }
    .offset-md-1 {
      margin-left: 8.33333333%;
    }
    .offset-md-2 {
      margin-left: 16.66666667%;
    }
    .offset-md-3 {
      margin-left: 25%;
    }
    .offset-md-4 {
      margin-left: 33.33333333%;
    }
    .offset-md-5 {
      margin-left: 41.66666667%;
    }
    .offset-md-6 {
      margin-left: 50%;
    }
    .offset-md-7 {
      margin-left: 58.33333333%;
    }
    .offset-md-8 {
      margin-left: 66.66666667%;
    }
    .offset-md-9 {
      margin-left: 75%;
    }
    .offset-md-10 {
      margin-left: 83.33333333%;
    }
    .offset-md-11 {
      margin-left: 91.66666667%;
    }
    .g-md-0,
    .gx-md-0 {
      --bs-gutter-x:0;
    }
    .g-md-0,
    .gy-md-0 {
      --bs-gutter-y:0;
    }
    .g-md-1,
    .gx-md-1 {
      --bs-gutter-x:0.25rem;
    }
    .g-md-1,
    .gy-md-1 {
      --bs-gutter-y:0.25rem;
    }
    .g-md-2,
    .gx-md-2 {
      --bs-gutter-x:0.5rem;
    }
    .g-md-2,
    .gy-md-2 {
      --bs-gutter-y:0.5rem;
    }
    .g-md-3,
    .gx-md-3 {
      --bs-gutter-x:1rem;
    }
    .g-md-3,
    .gy-md-3 {
      --bs-gutter-y:1rem;
    }
    .g-md-4,
    .gx-md-4 {
      --bs-gutter-x:1.5rem;
    }
    .g-md-4,
    .gy-md-4 {
      --bs-gutter-y:1.5rem;
    }
    .g-md-5,
    .gx-md-5 {
      --bs-gutter-x:3rem;
    }
    .g-md-5,
    .gy-md-5 {
      --bs-gutter-y:3rem;
    }
  }
  @media (min-width: 992px) {
    .col-lg {
      flex: 1 0 0%;
    }
    .row-cols-lg-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-lg-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-lg-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-lg-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-lg-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-lg-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-lg-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-lg-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-lg-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-lg-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-lg-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-lg-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-lg-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-lg-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-lg-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-lg-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-lg-0 {
      margin-left: 0;
    }
    .offset-lg-1 {
      margin-left: 8.33333333%;
    }
    .offset-lg-2 {
      margin-left: 16.66666667%;
    }
    .offset-lg-3 {
      margin-left: 25%;
    }
    .offset-lg-4 {
      margin-left: 33.33333333%;
    }
    .offset-lg-5 {
      margin-left: 41.66666667%;
    }
    .offset-lg-6 {
      margin-left: 50%;
    }
    .offset-lg-7 {
      margin-left: 58.33333333%;
    }
    .offset-lg-8 {
      margin-left: 66.66666667%;
    }
    .offset-lg-9 {
      margin-left: 75%;
    }
    .offset-lg-10 {
      margin-left: 83.33333333%;
    }
    .offset-lg-11 {
      margin-left: 91.66666667%;
    }
    .g-lg-0,
    .gx-lg-0 {
      --bs-gutter-x:0;
    }
    .g-lg-0,
    .gy-lg-0 {
      --bs-gutter-y:0;
    }
    .g-lg-1,
    .gx-lg-1 {
      --bs-gutter-x:0.25rem;
    }
    .g-lg-1,
    .gy-lg-1 {
      --bs-gutter-y:0.25rem;
    }
    .g-lg-2,
    .gx-lg-2 {
      --bs-gutter-x:0.5rem;
    }
    .g-lg-2,
    .gy-lg-2 {
      --bs-gutter-y:0.5rem;
    }
    .g-lg-3,
    .gx-lg-3 {
      --bs-gutter-x:1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
      --bs-gutter-y:1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
      --bs-gutter-x:1.5rem;
    }
    .g-lg-4,
    .gy-lg-4 {
      --bs-gutter-y:1.5rem;
    }
    .g-lg-5,
    .gx-lg-5 {
      --bs-gutter-x:3rem;
    }
    .g-lg-5,
    .gy-lg-5 {
      --bs-gutter-y:3rem;
    }
  }
  @media (min-width: 1200px) {
    .col-xl {
      flex: 1 0 0%;
    }
    .row-cols-xl-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-xl-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-xl-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-xl-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-xl-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-xl-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-xl-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-xl-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-xl-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-xl-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-xl-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-xl-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-xl-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-xl-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-xl-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-xl-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-xl-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-xl-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-xl-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-xl-0 {
      margin-left: 0;
    }
    .offset-xl-1 {
      margin-left: 8.33333333%;
    }
    .offset-xl-2 {
      margin-left: 16.66666667%;
    }
    .offset-xl-3 {
      margin-left: 25%;
    }
    .offset-xl-4 {
      margin-left: 33.33333333%;
    }
    .offset-xl-5 {
      margin-left: 41.66666667%;
    }
    .offset-xl-6 {
      margin-left: 50%;
    }
    .offset-xl-7 {
      margin-left: 58.33333333%;
    }
    .offset-xl-8 {
      margin-left: 66.66666667%;
    }
    .offset-xl-9 {
      margin-left: 75%;
    }
    .offset-xl-10 {
      margin-left: 83.33333333%;
    }
    .offset-xl-11 {
      margin-left: 91.66666667%;
    }
    .g-xl-0,
    .gx-xl-0 {
      --bs-gutter-x:0;
    }
    .g-xl-0,
    .gy-xl-0 {
      --bs-gutter-y:0;
    }
    .g-xl-1,
    .gx-xl-1 {
      --bs-gutter-x:0.25rem;
    }
    .g-xl-1,
    .gy-xl-1 {
      --bs-gutter-y:0.25rem;
    }
    .g-xl-2,
    .gx-xl-2 {
      --bs-gutter-x:0.5rem;
    }
    .g-xl-2,
    .gy-xl-2 {
      --bs-gutter-y:0.5rem;
    }
    .g-xl-3,
    .gx-xl-3 {
      --bs-gutter-x:1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
      --bs-gutter-y:1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
      --bs-gutter-x:1.5rem;
    }
    .g-xl-4,
    .gy-xl-4 {
      --bs-gutter-y:1.5rem;
    }
    .g-xl-5,
    .gx-xl-5 {
      --bs-gutter-x:3rem;
    }
    .g-xl-5,
    .gy-xl-5 {
      --bs-gutter-y:3rem;
    }
  }
  @media (min-width: 1400px) {
    .col-xxl {
      flex: 1 0 0%;
    }
    .row-cols-xxl-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-xxl-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-xxl-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-xxl-3 > * {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .row-cols-xxl-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-xxl-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-xxl-6 > * {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-xxl-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-xxl-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }
    .col-xxl-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }
    .col-xxl-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-xxl-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }
    .col-xxl-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }
    .col-xxl-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-xxl-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }
    .col-xxl-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }
    .col-xxl-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-xxl-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
    .col-xxl-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }
    .col-xxl-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.33333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.66666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.33333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.66666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.33333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.66666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.33333333%;
    }
    .offset-xxl-11 {
      margin-left: 91.66666667%;
    }
    .g-xxl-0,
    .gx-xxl-0 {
      --bs-gutter-x:0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
      --bs-gutter-y:0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
      --bs-gutter-x:0.25rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
      --bs-gutter-y:0.25rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
      --bs-gutter-x:0.5rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
      --bs-gutter-y:0.5rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
      --bs-gutter-x:1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
      --bs-gutter-y:1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
      --bs-gutter-x:1.5rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
      --bs-gutter-y:1.5rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
      --bs-gutter-x:3rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
      --bs-gutter-y:3rem;
    }
  }
  .d-inline {
    display: inline;
  }
  .d-inline-block {
    display: inline-block;
  }
  .d-block {
    display: block;
  }
  .d-grid {
    display: grid;
  }
  .d-inline-grid {
    display: inline-grid;
  }
  .d-table {
    display: table;
  }
  .d-table-row {
    display: table-row;
  }
  .d-table-cell {
    display: table-cell;
  }
  .d-flex {
    display: flex;
  }
  .d-inline-flex {
    display: inline-flex;
  }
  .d-none {
    display: none;
  }
  .flex-fill {
    flex: 1 1 auto;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-column {
    flex-direction: column;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-grow-0 {
    flex-grow: 0;
  }
  .flex-grow-1 {
    flex-grow: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-shrink-1 {
    flex-shrink: 1;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-start {
    justify-content: flex-start;
  }
  .justify-content-end {
    justify-content: flex-end;
  }
  .justify-content-center {
    justify-content: center;
  }
  .justify-content-between {
    justify-content: space-between;
  }
  .justify-content-around {
    justify-content: space-around;
  }
  .justify-content-evenly {
    justify-content: space-evenly;
  }
  .align-items-start {
    align-items: flex-start;
  }
  .align-items-end {
    align-items: flex-end;
  }
  .align-items-center {
    align-items: center;
  }
  .align-items-baseline {
    align-items: baseline;
  }
  .align-items-stretch {
    align-items: stretch;
  }
  .align-content-start {
    align-content: flex-start;
  }
  .align-content-end {
    align-content: flex-end;
  }
  .align-content-center {
    align-content: center;
  }
  .align-content-between {
    align-content: space-between;
  }
  .align-content-around {
    align-content: space-around;
  }
  .align-content-stretch {
    align-content: stretch;
  }
  .align-self-auto {
    align-self: auto;
  }
  .align-self-start {
    align-self: flex-start;
  }
  .align-self-end {
    align-self: flex-end;
  }
  .align-self-center {
    align-self: center;
  }
  .align-self-baseline {
    align-self: baseline;
  }
  .align-self-stretch {
    align-self: stretch;
  }
  .order-first {
    order: -1;
  }
  .order-0 {
    order: 0;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-5 {
    order: 5;
  }
  .order-last {
    order: 6;
  }
  .m-0 {
    margin: 0;
  }
  .m-1 {
    margin: 0.25rem;
  }
  .m-2 {
    margin: 0.5rem;
  }
  .m-3 {
    margin: 1rem;
  }
  .m-4 {
    margin: 1.5rem;
  }
  .m-5 {
    margin: 3rem;
  }
  .m-auto {
    margin: auto;
  }
  .mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-1 {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
  }
  .mx-2 {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
  }
  .mx-3 {
    margin-right: 1rem;
    margin-left: 1rem;
  }
  .mx-4 {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
  }
  .mx-5 {
    margin-right: 3rem;
    margin-left: 3rem;
  }
  .mx-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .my-3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .my-4 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .my-5 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mt-0 {
    margin-top: 0;
  }
  .mt-1 {
    margin-top: 0.25rem;
  }
  .mt-2 {
    margin-top: 0.5rem;
  }
  .mt-3 {
    margin-top: 1rem;
  }
  .mt-4 {
    margin-top: 1.5rem;
  }
  .mt-5 {
    margin-top: 3rem;
  }
  .mt-auto {
    margin-top: auto;
  }
  .me-0 {
    margin-right: 0;
  }
  .me-1 {
    margin-right: 0.25rem;
  }
  .me-2 {
    margin-right: 0.5rem;
  }
  .me-3 {
    margin-right: 1rem;
  }
  .me-4 {
    margin-right: 1.5rem;
  }
  .me-5 {
    margin-right: 3rem;
  }
  .me-auto {
    margin-right: auto;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-1 {
    margin-bottom: 0.25rem;
  }
  .mb-2 {
    margin-bottom: 0.5rem;
  }
  .mb-3 {
    margin-bottom: 1rem;
  }
  .mb-4 {
    margin-bottom: 1.5rem;
  }
  .mb-5 {
    margin-bottom: 3rem;
  }
  .mb-auto {
    margin-bottom: auto;
  }
  .ms-0 {
    margin-left: 0;
  }
  .ms-1 {
    margin-left: 0.25rem;
  }
  .ms-2 {
    margin-left: 0.5rem;
  }
  .ms-3 {
    margin-left: 1rem;
  }
  .ms-4 {
    margin-left: 1.5rem;
  }
  .ms-5 {
    margin-left: 3rem;
  }
  .ms-auto {
    margin-left: auto;
  }
  .p-0 {
    padding: 0;
  }
  .p-1 {
    padding: 0.25rem;
  }
  .p-2 {
    padding: 0.5rem;
  }
  .p-3 {
    padding: 1rem;
  }
  .p-4 {
    padding: 1.5rem;
  }
  .p-5 {
    padding: 3rem;
  }
  .px-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-1 {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
  }
  .px-2 {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .px-3 {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .px-4 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .px-5 {
    padding-right: 3rem;
    padding-left: 3rem;
  }
  .py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-4 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .pt-0 {
    padding-top: 0;
  }
  .pt-1 {
    padding-top: 0.25rem;
  }
  .pt-2 {
    padding-top: 0.5rem;
  }
  .pt-3 {
    padding-top: 1rem;
  }
  .pt-4 {
    padding-top: 1.5rem;
  }
  .pt-5 {
    padding-top: 3rem;
  }
  .pe-0 {
    padding-right: 0;
  }
  .pe-1 {
    padding-right: 0.25rem;
  }
  .pe-2 {
    padding-right: 0.5rem;
  }
  .pe-3 {
    padding-right: 1rem;
  }
  .pe-4 {
    padding-right: 1.5rem;
  }
  .pe-5 {
    padding-right: 3rem;
  }
  .pb-0 {
    padding-bottom: 0;
  }
  .pb-1 {
    padding-bottom: 0.25rem;
  }
  .pb-2 {
    padding-bottom: 0.5rem;
  }
  .pb-3 {
    padding-bottom: 1rem;
  }
  .pb-4 {
    padding-bottom: 1.5rem;
  }
  .pb-5 {
    padding-bottom: 3rem;
  }
  .ps-0 {
    padding-left: 0;
  }
  .ps-1 {
    padding-left: 0.25rem;
  }
  .ps-2 {
    padding-left: 0.5rem;
  }
  .ps-3 {
    padding-left: 1rem;
  }
  .ps-4 {
    padding-left: 1.5rem;
  }
  .ps-5 {
    padding-left: 3rem;
  }
  @media (min-width: 576px) {
    .d-sm-inline {
      display: inline;
    }
    .d-sm-inline-block {
      display: inline-block;
    }
    .d-sm-block {
      display: block;
    }
    .d-sm-grid {
      display: grid;
    }
    .d-sm-inline-grid {
      display: inline-grid;
    }
    .d-sm-table {
      display: table;
    }
    .d-sm-table-row {
      display: table-row;
    }
    .d-sm-table-cell {
      display: table-cell;
    }
    .d-sm-flex {
      display: flex;
    }
    .d-sm-inline-flex {
      display: inline-flex;
    }
    .d-sm-none {
      display: none;
    }
    .flex-sm-fill {
      flex: 1 1 auto;
    }
    .flex-sm-row {
      flex-direction: row;
    }
    .flex-sm-column {
      flex-direction: column;
    }
    .flex-sm-row-reverse {
      flex-direction: row-reverse;
    }
    .flex-sm-column-reverse {
      flex-direction: column-reverse;
    }
    .flex-sm-grow-0 {
      flex-grow: 0;
    }
    .flex-sm-grow-1 {
      flex-grow: 1;
    }
    .flex-sm-shrink-0 {
      flex-shrink: 0;
    }
    .flex-sm-shrink-1 {
      flex-shrink: 1;
    }
    .flex-sm-wrap {
      flex-wrap: wrap;
    }
    .flex-sm-nowrap {
      flex-wrap: nowrap;
    }
    .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .justify-content-sm-start {
      justify-content: flex-start;
    }
    .justify-content-sm-end {
      justify-content: flex-end;
    }
    .justify-content-sm-center {
      justify-content: center;
    }
    .justify-content-sm-between {
      justify-content: space-between;
    }
    .justify-content-sm-around {
      justify-content: space-around;
    }
    .justify-content-sm-evenly {
      justify-content: space-evenly;
    }
    .align-items-sm-start {
      align-items: flex-start;
    }
    .align-items-sm-end {
      align-items: flex-end;
    }
    .align-items-sm-center {
      align-items: center;
    }
    .align-items-sm-baseline {
      align-items: baseline;
    }
    .align-items-sm-stretch {
      align-items: stretch;
    }
    .align-content-sm-start {
      align-content: flex-start;
    }
    .align-content-sm-end {
      align-content: flex-end;
    }
    .align-content-sm-center {
      align-content: center;
    }
    .align-content-sm-between {
      align-content: space-between;
    }
    .align-content-sm-around {
      align-content: space-around;
    }
    .align-content-sm-stretch {
      align-content: stretch;
    }
    .align-self-sm-auto {
      align-self: auto;
    }
    .align-self-sm-start {
      align-self: flex-start;
    }
    .align-self-sm-end {
      align-self: flex-end;
    }
    .align-self-sm-center {
      align-self: center;
    }
    .align-self-sm-baseline {
      align-self: baseline;
    }
    .align-self-sm-stretch {
      align-self: stretch;
    }
    .order-sm-first {
      order: -1;
    }
    .order-sm-0 {
      order: 0;
    }
    .order-sm-1 {
      order: 1;
    }
    .order-sm-2 {
      order: 2;
    }
    .order-sm-3 {
      order: 3;
    }
    .order-sm-4 {
      order: 4;
    }
    .order-sm-5 {
      order: 5;
    }
    .order-sm-last {
      order: 6;
    }
    .m-sm-0 {
      margin: 0;
    }
    .m-sm-1 {
      margin: 0.25rem;
    }
    .m-sm-2 {
      margin: 0.5rem;
    }
    .m-sm-3 {
      margin: 1rem;
    }
    .m-sm-4 {
      margin: 1.5rem;
    }
    .m-sm-5 {
      margin: 3rem;
    }
    .m-sm-auto {
      margin: auto;
    }
    .mx-sm-0 {
      margin-right: 0;
      margin-left: 0;
    }
    .mx-sm-1 {
      margin-right: 0.25rem;
      margin-left: 0.25rem;
    }
    .mx-sm-2 {
      margin-right: 0.5rem;
      margin-left: 0.5rem;
    }
    .mx-sm-3 {
      margin-right: 1rem;
      margin-left: 1rem;
    }
    .mx-sm-4 {
      margin-right: 1.5rem;
      margin-left: 1.5rem;
    }
    .mx-sm-5 {
      margin-right: 3rem;
      margin-left: 3rem;
    }
    .mx-sm-auto {
      margin-right: auto;
      margin-left: auto;
    }
    .my-sm-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .my-sm-1 {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
    }
    .my-sm-2 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .my-sm-3 {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .my-sm-4 {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .my-sm-5 {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .my-sm-auto {
      margin-top: auto;
      margin-bottom: auto;
    }
    .mt-sm-0 {
      margin-top: 0;
    }
    .mt-sm-1 {
      margin-top: 0.25rem;
    }
    .mt-sm-2 {
      margin-top: 0.5rem;
    }
    .mt-sm-3 {
      margin-top: 1rem;
    }
    .mt-sm-4 {
      margin-top: 1.5rem;
    }
    .mt-sm-5 {
      margin-top: 3rem;
    }
    .mt-sm-auto {
      margin-top: auto;
    }
    .me-sm-0 {
      margin-right: 0;
    }
    .me-sm-1 {
      margin-right: 0.25rem;
    }
    .me-sm-2 {
      margin-right: 0.5rem;
    }
    .me-sm-3 {
      margin-right: 1rem;
    }
    .me-sm-4 {
      margin-right: 1.5rem;
    }
    .me-sm-5 {
      margin-right: 3rem;
    }
    .me-sm-auto {
      margin-right: auto;
    }
    .mb-sm-0 {
      margin-bottom: 0;
    }
    .mb-sm-1 {
      margin-bottom: 0.25rem;
    }
    .mb-sm-2 {
      margin-bottom: 0.5rem;
    }
    .mb-sm-3 {
      margin-bottom: 1rem;
    }
    .mb-sm-4 {
      margin-bottom: 1.5rem;
    }
    .mb-sm-5 {
      margin-bottom: 3rem;
    }
    .mb-sm-auto {
      margin-bottom: auto;
    }
    .ms-sm-0 {
      margin-left: 0;
    }
    .ms-sm-1 {
      margin-left: 0.25rem;
    }
    .ms-sm-2 {
      margin-left: 0.5rem;
    }
    .ms-sm-3 {
      margin-left: 1rem;
    }
    .ms-sm-4 {
      margin-left: 1.5rem;
    }
    .ms-sm-5 {
      margin-left: 3rem;
    }
    .ms-sm-auto {
      margin-left: auto;
    }
    .p-sm-0 {
      padding: 0;
    }
    .p-sm-1 {
      padding: 0.25rem;
    }
    .p-sm-2 {
      padding: 0.5rem;
    }
    .p-sm-3 {
      padding: 1rem;
    }
    .p-sm-4 {
      padding: 1.5rem;
    }
    .p-sm-5 {
      padding: 3rem;
    }
    .px-sm-0 {
      padding-right: 0;
      padding-left: 0;
    }
    .px-sm-1 {
      padding-right: 0.25rem;
      padding-left: 0.25rem;
    }
    .px-sm-2 {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
    }
    .px-sm-3 {
      padding-right: 1rem;
      padding-left: 1rem;
    }
    .px-sm-4 {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
    .px-sm-5 {
      padding-right: 3rem;
      padding-left: 3rem;
    }
    .py-sm-0 {
      padding-top: 0;
      padding-bottom: 0;
    }
    .py-sm-1 {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
    .py-sm-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .py-sm-3 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .py-sm-4 {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .py-sm-5 {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .pt-sm-0 {
      padding-top: 0;
    }
    .pt-sm-1 {
      padding-top: 0.25rem;
    }
    .pt-sm-2 {
      padding-top: 0.5rem;
    }
    .pt-sm-3 {
      padding-top: 1rem;
    }
    .pt-sm-4 {
      padding-top: 1.5rem;
    }
    .pt-sm-5 {
      padding-top: 3rem;
    }
    .pe-sm-0 {
      padding-right: 0;
    }
    .pe-sm-1 {
      padding-right: 0.25rem;
    }
    .pe-sm-2 {
      padding-right: 0.5rem;
    }
    .pe-sm-3 {
      padding-right: 1rem;
    }
    .pe-sm-4 {
      padding-right: 1.5rem;
    }
    .pe-sm-5 {
      padding-right: 3rem;
    }
    .pb-sm-0 {
      padding-bottom: 0;
    }
    .pb-sm-1 {
      padding-bottom: 0.25rem;
    }
    .pb-sm-2 {
      padding-bottom: 0.5rem;
    }
    .pb-sm-3 {
      padding-bottom: 1rem;
    }
    .pb-sm-4 {
      padding-bottom: 1.5rem;
    }
    .pb-sm-5 {
      padding-bottom: 3rem;
    }
    .ps-sm-0 {
      padding-left: 0;
    }
    .ps-sm-1 {
      padding-left: 0.25rem;
    }
    .ps-sm-2 {
      padding-left: 0.5rem;
    }
    .ps-sm-3 {
      padding-left: 1rem;
    }
    .ps-sm-4 {
      padding-left: 1.5rem;
    }
    .ps-sm-5 {
      padding-left: 3rem;
    }
  }
  @media (min-width: 768px) {
    .d-md-inline {
      display: inline;
    }
    .d-md-inline-block {
      display: inline-block;
    }
    .d-md-block {
      display: block;
    }
    .d-md-grid {
      display: grid;
    }
    .d-md-inline-grid {
      display: inline-grid;
    }
    .d-md-table {
      display: table;
    }
    .d-md-table-row {
      display: table-row;
    }
    .d-md-table-cell {
      display: table-cell;
    }
    .d-md-flex {
      display: flex;
    }
    .d-md-inline-flex {
      display: inline-flex;
    }
    .d-md-none {
      display: none;
    }
    .flex-md-fill {
      flex: 1 1 auto;
    }
    .flex-md-row {
      flex-direction: row;
    }
    .flex-md-column {
      flex-direction: column;
    }
    .flex-md-row-reverse {
      flex-direction: row-reverse;
    }
    .flex-md-column-reverse {
      flex-direction: column-reverse;
    }
    .flex-md-grow-0 {
      flex-grow: 0;
    }
    .flex-md-grow-1 {
      flex-grow: 1;
    }
    .flex-md-shrink-0 {
      flex-shrink: 0;
    }
    .flex-md-shrink-1 {
      flex-shrink: 1;
    }
    .flex-md-wrap {
      flex-wrap: wrap;
    }
    .flex-md-nowrap {
      flex-wrap: nowrap;
    }
    .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .justify-content-md-start {
      justify-content: flex-start;
    }
    .justify-content-md-end {
      justify-content: flex-end;
    }
    .justify-content-md-center {
      justify-content: center;
    }
    .justify-content-md-between {
      justify-content: space-between;
    }
    .justify-content-md-around {
      justify-content: space-around;
    }
    .justify-content-md-evenly {
      justify-content: space-evenly;
    }
    .align-items-md-start {
      align-items: flex-start;
    }
    .align-items-md-end {
      align-items: flex-end;
    }
    .align-items-md-center {
      align-items: center;
    }
    .align-items-md-baseline {
      align-items: baseline;
    }
    .align-items-md-stretch {
      align-items: stretch;
    }
    .align-content-md-start {
      align-content: flex-start;
    }
    .align-content-md-end {
      align-content: flex-end;
    }
    .align-content-md-center {
      align-content: center;
    }
    .align-content-md-between {
      align-content: space-between;
    }
    .align-content-md-around {
      align-content: space-around;
    }
    .align-content-md-stretch {
      align-content: stretch;
    }
    .align-self-md-auto {
      align-self: auto;
    }
    .align-self-md-start {
      align-self: flex-start;
    }
    .align-self-md-end {
      align-self: flex-end;
    }
    .align-self-md-center {
      align-self: center;
    }
    .align-self-md-baseline {
      align-self: baseline;
    }
    .align-self-md-stretch {
      align-self: stretch;
    }
    .order-md-first {
      order: -1;
    }
    .order-md-0 {
      order: 0;
    }
    .order-md-1 {
      order: 1;
    }
    .order-md-2 {
      order: 2;
    }
    .order-md-3 {
      order: 3;
    }
    .order-md-4 {
      order: 4;
    }
    .order-md-5 {
      order: 5;
    }
    .order-md-last {
      order: 6;
    }
    .m-md-0 {
      margin: 0;
    }
    .m-md-1 {
      margin: 0.25rem;
    }
    .m-md-2 {
      margin: 0.5rem;
    }
    .m-md-3 {
      margin: 1rem;
    }
    .m-md-4 {
      margin: 1.5rem;
    }
    .m-md-5 {
      margin: 3rem;
    }
    .m-md-auto {
      margin: auto;
    }
    .mx-md-0 {
      margin-right: 0;
      margin-left: 0;
    }
    .mx-md-1 {
      margin-right: 0.25rem;
      margin-left: 0.25rem;
    }
    .mx-md-2 {
      margin-right: 0.5rem;
      margin-left: 0.5rem;
    }
    .mx-md-3 {
      margin-right: 1rem;
      margin-left: 1rem;
    }
    .mx-md-4 {
      margin-right: 1.5rem;
      margin-left: 1.5rem;
    }
    .mx-md-5 {
      margin-right: 3rem;
      margin-left: 3rem;
    }
    .mx-md-auto {
      margin-right: auto;
      margin-left: auto;
    }
    .my-md-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .my-md-1 {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
    }
    .my-md-2 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .my-md-3 {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .my-md-4 {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .my-md-5 {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .my-md-auto {
      margin-top: auto;
      margin-bottom: auto;
    }
    .mt-md-0 {
      margin-top: 0;
    }
    .mt-md-1 {
      margin-top: 0.25rem;
    }
    .mt-md-2 {
      margin-top: 0.5rem;
    }
    .mt-md-3 {
      margin-top: 1rem;
    }
    .mt-md-4 {
      margin-top: 1.5rem;
    }
    .mt-md-5 {
      margin-top: 3rem;
    }
    .mt-md-auto {
      margin-top: auto;
    }
    .me-md-0 {
      margin-right: 0;
    }
    .me-md-1 {
      margin-right: 0.25rem;
    }
    .me-md-2 {
      margin-right: 0.5rem;
    }
    .me-md-3 {
      margin-right: 1rem;
    }
    .me-md-4 {
      margin-right: 1.5rem;
    }
    .me-md-5 {
      margin-right: 3rem;
    }
    .me-md-auto {
      margin-right: auto;
    }
    .mb-md-0 {
      margin-bottom: 0;
    }
    .mb-md-1 {
      margin-bottom: 0.25rem;
    }
    .mb-md-2 {
      margin-bottom: 0.5rem;
    }
    .mb-md-3 {
      margin-bottom: 1rem;
    }
    .mb-md-4 {
      margin-bottom: 1.5rem;
    }
    .mb-md-5 {
      margin-bottom: 3rem;
    }
    .mb-md-auto {
      margin-bottom: auto;
    }
    .ms-md-0 {
      margin-left: 0;
    }
    .ms-md-1 {
      margin-left: 0.25rem;
    }
    .ms-md-2 {
      margin-left: 0.5rem;
    }
    .ms-md-3 {
      margin-left: 1rem;
    }
    .ms-md-4 {
      margin-left: 1.5rem;
    }
    .ms-md-5 {
      margin-left: 3rem;
    }
    .ms-md-auto {
      margin-left: auto;
    }
    .p-md-0 {
      padding: 0;
    }
    .p-md-1 {
      padding: 0.25rem;
    }
    .p-md-2 {
      padding: 0.5rem;
    }
    .p-md-3 {
      padding: 1rem;
    }
    .p-md-4 {
      padding: 1.5rem;
    }
    .p-md-5 {
      padding: 3rem;
    }
    .px-md-0 {
      padding-right: 0;
      padding-left: 0;
    }
    .px-md-1 {
      padding-right: 0.25rem;
      padding-left: 0.25rem;
    }
    .px-md-2 {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
    }
    .px-md-3 {
      padding-right: 1rem;
      padding-left: 1rem;
    }
    .px-md-4 {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
    .px-md-5 {
      padding-right: 3rem;
      padding-left: 3rem;
    }
    .py-md-0 {
      padding-top: 0;
      padding-bottom: 0;
    }
    .py-md-1 {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
    .py-md-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .py-md-3 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .py-md-4 {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .py-md-5 {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .pt-md-0 {
      padding-top: 0;
    }
    .pt-md-1 {
      padding-top: 0.25rem;
    }
    .pt-md-2 {
      padding-top: 0.5rem;
    }
    .pt-md-3 {
      padding-top: 1rem;
    }
    .pt-md-4 {
      padding-top: 1.5rem;
    }
    .pt-md-5 {
      padding-top: 3rem;
    }
    .pe-md-0 {
      padding-right: 0;
    }
    .pe-md-1 {
      padding-right: 0.25rem;
    }
    .pe-md-2 {
      padding-right: 0.5rem;
    }
    .pe-md-3 {
      padding-right: 1rem;
    }
    .pe-md-4 {
      padding-right: 1.5rem;
    }
    .pe-md-5 {
      padding-right: 3rem;
    }
    .pb-md-0 {
      padding-bottom: 0;
    }
    .pb-md-1 {
      padding-bottom: 0.25rem;
    }
    .pb-md-2 {
      padding-bottom: 0.5rem;
    }
    .pb-md-3 {
      padding-bottom: 1rem;
    }
    .pb-md-4 {
      padding-bottom: 1.5rem;
    }
    .pb-md-5 {
      padding-bottom: 3rem;
    }
    .ps-md-0 {
      padding-left: 0;
    }
    .ps-md-1 {
      padding-left: 0.25rem;
    }
    .ps-md-2 {
      padding-left: 0.5rem;
    }
    .ps-md-3 {
      padding-left: 1rem;
    }
    .ps-md-4 {
      padding-left: 1.5rem;
    }
    .ps-md-5 {
      padding-left: 3rem;
    }
  }
  @media (min-width: 992px) {
    .d-lg-inline {
      display: inline;
    }
    .d-lg-inline-block {
      display: inline-block;
    }
    .d-lg-block {
      display: block;
    }
    .d-lg-grid {
      display: grid;
    }
    .d-lg-inline-grid {
      display: inline-grid;
    }
    .d-lg-table {
      display: table;
    }
    .d-lg-table-row {
      display: table-row;
    }
    .d-lg-table-cell {
      display: table-cell;
    }
    .d-lg-flex {
      display: flex;
    }
    .d-lg-inline-flex {
      display: inline-flex;
    }
    .d-lg-none {
      display: none;
    }
    .flex-lg-fill {
      flex: 1 1 auto;
    }
    .flex-lg-row {
      flex-direction: row;
    }
    .flex-lg-column {
      flex-direction: column;
    }
    .flex-lg-row-reverse {
      flex-direction: row-reverse;
    }
    .flex-lg-column-reverse {
      flex-direction: column-reverse;
    }
    .flex-lg-grow-0 {
      flex-grow: 0;
    }
    .flex-lg-grow-1 {
      flex-grow: 1;
    }
    .flex-lg-shrink-0 {
      flex-shrink: 0;
    }
    .flex-lg-shrink-1 {
      flex-shrink: 1;
    }
    .flex-lg-wrap {
      flex-wrap: wrap;
    }
    .flex-lg-nowrap {
      flex-wrap: nowrap;
    }
    .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .justify-content-lg-start {
      justify-content: flex-start;
    }
    .justify-content-lg-end {
      justify-content: flex-end;
    }
    .justify-content-lg-center {
      justify-content: center;
    }
    .justify-content-lg-between {
      justify-content: space-between;
    }
    .justify-content-lg-around {
      justify-content: space-around;
    }
    .justify-content-lg-evenly {
      justify-content: space-evenly;
    }
    .align-items-lg-start {
      align-items: flex-start;
    }
    .align-items-lg-end {
      align-items: flex-end;
    }
    .align-items-lg-center {
      align-items: center;
    }
    .align-items-lg-baseline {
      align-items: baseline;
    }
    .align-items-lg-stretch {
      align-items: stretch;
    }
    .align-content-lg-start {
      align-content: flex-start;
    }
    .align-content-lg-end {
      align-content: flex-end;
    }
    .align-content-lg-center {
      align-content: center;
    }
    .align-content-lg-between {
      align-content: space-between;
    }
    .align-content-lg-around {
      align-content: space-around;
    }
    .align-content-lg-stretch {
      align-content: stretch;
    }
    .align-self-lg-auto {
      align-self: auto;
    }
    .align-self-lg-start {
      align-self: flex-start;
    }
    .align-self-lg-end {
      align-self: flex-end;
    }
    .align-self-lg-center {
      align-self: center;
    }
    .align-self-lg-baseline {
      align-self: baseline;
    }
    .align-self-lg-stretch {
      align-self: stretch;
    }
    .order-lg-first {
      order: -1;
    }
    .order-lg-0 {
      order: 0;
    }
    .order-lg-1 {
      order: 1;
    }
    .order-lg-2 {
      order: 2;
    }
    .order-lg-3 {
      order: 3;
    }
    .order-lg-4 {
      order: 4;
    }
    .order-lg-5 {
      order: 5;
    }
    .order-lg-last {
      order: 6;
    }
    .m-lg-0 {
      margin: 0;
    }
    .m-lg-1 {
      margin: 0.25rem;
    }
    .m-lg-2 {
      margin: 0.5rem;
    }
    .m-lg-3 {
      margin: 1rem;
    }
    .m-lg-4 {
      margin: 1.5rem;
    }
    .m-lg-5 {
      margin: 3rem;
    }
    .m-lg-auto {
      margin: auto;
    }
    .mx-lg-0 {
      margin-right: 0;
      margin-left: 0;
    }
    .mx-lg-1 {
      margin-right: 0.25rem;
      margin-left: 0.25rem;
    }
    .mx-lg-2 {
      margin-right: 0.5rem;
      margin-left: 0.5rem;
    }
    .mx-lg-3 {
      margin-right: 1rem;
      margin-left: 1rem;
    }
    .mx-lg-4 {
      margin-right: 1.5rem;
      margin-left: 1.5rem;
    }
    .mx-lg-5 {
      margin-right: 3rem;
      margin-left: 3rem;
    }
    .mx-lg-auto {
      margin-right: auto;
      margin-left: auto;
    }
    .my-lg-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .my-lg-1 {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
    }
    .my-lg-2 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .my-lg-3 {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .my-lg-4 {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .my-lg-5 {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .my-lg-auto {
      margin-top: auto;
      margin-bottom: auto;
    }
    .mt-lg-0 {
      margin-top: 0;
    }
    .mt-lg-1 {
      margin-top: 0.25rem;
    }
    .mt-lg-2 {
      margin-top: 0.5rem;
    }
    .mt-lg-3 {
      margin-top: 1rem;
    }
    .mt-lg-4 {
      margin-top: 1.5rem;
    }
    .mt-lg-5 {
      margin-top: 3rem;
    }
    .mt-lg-auto {
      margin-top: auto;
    }
    .me-lg-0 {
      margin-right: 0;
    }
    .me-lg-1 {
      margin-right: 0.25rem;
    }
    .me-lg-2 {
      margin-right: 0.5rem;
    }
    .me-lg-3 {
      margin-right: 1rem;
    }
    .me-lg-4 {
      margin-right: 1.5rem;
    }
    .me-lg-5 {
      margin-right: 3rem;
    }
    .me-lg-auto {
      margin-right: auto;
    }
    .mb-lg-0 {
      margin-bottom: 0;
    }
    .mb-lg-1 {
      margin-bottom: 0.25rem;
    }
    .mb-lg-2 {
      margin-bottom: 0.5rem;
    }
    .mb-lg-3 {
      margin-bottom: 1rem;
    }
    .mb-lg-4 {
      margin-bottom: 1.5rem;
    }
    .mb-lg-5 {
      margin-bottom: 3rem;
    }
    .mb-lg-auto {
      margin-bottom: auto;
    }
    .ms-lg-0 {
      margin-left: 0;
    }
    .ms-lg-1 {
      margin-left: 0.25rem;
    }
    .ms-lg-2 {
      margin-left: 0.5rem;
    }
    .ms-lg-3 {
      margin-left: 1rem;
    }
    .ms-lg-4 {
      margin-left: 1.5rem;
    }
    .ms-lg-5 {
      margin-left: 3rem;
    }
    .ms-lg-auto {
      margin-left: auto;
    }
    .p-lg-0 {
      padding: 0;
    }
    .p-lg-1 {
      padding: 0.25rem;
    }
    .p-lg-2 {
      padding: 0.5rem;
    }
    .p-lg-3 {
      padding: 1rem;
    }
    .p-lg-4 {
      padding: 1.5rem;
    }
    .p-lg-5 {
      padding: 3rem;
    }
    .px-lg-0 {
      padding-right: 0;
      padding-left: 0;
    }
    .px-lg-1 {
      padding-right: 0.25rem;
      padding-left: 0.25rem;
    }
    .px-lg-2 {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
    }
    .px-lg-3 {
      padding-right: 1rem;
      padding-left: 1rem;
    }
    .px-lg-4 {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
    .px-lg-5 {
      padding-right: 3rem;
      padding-left: 3rem;
    }
    .py-lg-0 {
      padding-top: 0;
      padding-bottom: 0;
    }
    .py-lg-1 {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
    .py-lg-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .py-lg-3 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .py-lg-4 {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .py-lg-5 {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .pt-lg-0 {
      padding-top: 0;
    }
    .pt-lg-1 {
      padding-top: 0.25rem;
    }
    .pt-lg-2 {
      padding-top: 0.5rem;
    }
    .pt-lg-3 {
      padding-top: 1rem;
    }
    .pt-lg-4 {
      padding-top: 1.5rem;
    }
    .pt-lg-5 {
      padding-top: 3rem;
    }
    .pe-lg-0 {
      padding-right: 0;
    }
    .pe-lg-1 {
      padding-right: 0.25rem;
    }
    .pe-lg-2 {
      padding-right: 0.5rem;
    }
    .pe-lg-3 {
      padding-right: 1rem;
    }
    .pe-lg-4 {
      padding-right: 1.5rem;
    }
    .pe-lg-5 {
      padding-right: 3rem;
    }
    .pb-lg-0 {
      padding-bottom: 0;
    }
    .pb-lg-1 {
      padding-bottom: 0.25rem;
    }
    .pb-lg-2 {
      padding-bottom: 0.5rem;
    }
    .pb-lg-3 {
      padding-bottom: 1rem;
    }
    .pb-lg-4 {
      padding-bottom: 1.5rem;
    }
    .pb-lg-5 {
      padding-bottom: 3rem;
    }
    .ps-lg-0 {
      padding-left: 0;
    }
    .ps-lg-1 {
      padding-left: 0.25rem;
    }
    .ps-lg-2 {
      padding-left: 0.5rem;
    }
    .ps-lg-3 {
      padding-left: 1rem;
    }
    .ps-lg-4 {
      padding-left: 1.5rem;
    }
    .ps-lg-5 {
      padding-left: 3rem;
    }
  }
  @media (min-width: 1200px) {
    .d-xl-inline {
      display: inline;
    }
    .d-xl-inline-block {
      display: inline-block;
    }
    .d-xl-block {
      display: block;
    }
    .d-xl-grid {
      display: grid;
    }
    .d-xl-inline-grid {
      display: inline-grid;
    }
    .d-xl-table {
      display: table;
    }
    .d-xl-table-row {
      display: table-row;
    }
    .d-xl-table-cell {
      display: table-cell;
    }
    .d-xl-flex {
      display: flex;
    }
    .d-xl-inline-flex {
      display: inline-flex;
    }
    .d-xl-none {
      display: none;
    }
    .flex-xl-fill {
      flex: 1 1 auto;
    }
    .flex-xl-row {
      flex-direction: row;
    }
    .flex-xl-column {
      flex-direction: column;
    }
    .flex-xl-row-reverse {
      flex-direction: row-reverse;
    }
    .flex-xl-column-reverse {
      flex-direction: column-reverse;
    }
    .flex-xl-grow-0 {
      flex-grow: 0;
    }
    .flex-xl-grow-1 {
      flex-grow: 1;
    }
    .flex-xl-shrink-0 {
      flex-shrink: 0;
    }
    .flex-xl-shrink-1 {
      flex-shrink: 1;
    }
    .flex-xl-wrap {
      flex-wrap: wrap;
    }
    .flex-xl-nowrap {
      flex-wrap: nowrap;
    }
    .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .justify-content-xl-start {
      justify-content: flex-start;
    }
    .justify-content-xl-end {
      justify-content: flex-end;
    }
    .justify-content-xl-center {
      justify-content: center;
    }
    .justify-content-xl-between {
      justify-content: space-between;
    }
    .justify-content-xl-around {
      justify-content: space-around;
    }
    .justify-content-xl-evenly {
      justify-content: space-evenly;
    }
    .align-items-xl-start {
      align-items: flex-start;
    }
    .align-items-xl-end {
      align-items: flex-end;
    }
    .align-items-xl-center {
      align-items: center;
    }
    .align-items-xl-baseline {
      align-items: baseline;
    }
    .align-items-xl-stretch {
      align-items: stretch;
    }
    .align-content-xl-start {
      align-content: flex-start;
    }
    .align-content-xl-end {
      align-content: flex-end;
    }
    .align-content-xl-center {
      align-content: center;
    }
    .align-content-xl-between {
      align-content: space-between;
    }
    .align-content-xl-around {
      align-content: space-around;
    }
    .align-content-xl-stretch {
      align-content: stretch;
    }
    .align-self-xl-auto {
      align-self: auto;
    }
    .align-self-xl-start {
      align-self: flex-start;
    }
    .align-self-xl-end {
      align-self: flex-end;
    }
    .align-self-xl-center {
      align-self: center;
    }
    .align-self-xl-baseline {
      align-self: baseline;
    }
    .align-self-xl-stretch {
      align-self: stretch;
    }
    .order-xl-first {
      order: -1;
    }
    .order-xl-0 {
      order: 0;
    }
    .order-xl-1 {
      order: 1;
    }
    .order-xl-2 {
      order: 2;
    }
    .order-xl-3 {
      order: 3;
    }
    .order-xl-4 {
      order: 4;
    }
    .order-xl-5 {
      order: 5;
    }
    .order-xl-last {
      order: 6;
    }
    .m-xl-0 {
      margin: 0;
    }
    .m-xl-1 {
      margin: 0.25rem;
    }
    .m-xl-2 {
      margin: 0.5rem;
    }
    .m-xl-3 {
      margin: 1rem;
    }
    .m-xl-4 {
      margin: 1.5rem;
    }
    .m-xl-5 {
      margin: 3rem;
    }
    .m-xl-auto {
      margin: auto;
    }
    .mx-xl-0 {
      margin-right: 0;
      margin-left: 0;
    }
    .mx-xl-1 {
      margin-right: 0.25rem;
      margin-left: 0.25rem;
    }
    .mx-xl-2 {
      margin-right: 0.5rem;
      margin-left: 0.5rem;
    }
    .mx-xl-3 {
      margin-right: 1rem;
      margin-left: 1rem;
    }
    .mx-xl-4 {
      margin-right: 1.5rem;
      margin-left: 1.5rem;
    }
    .mx-xl-5 {
      margin-right: 3rem;
      margin-left: 3rem;
    }
    .mx-xl-auto {
      margin-right: auto;
      margin-left: auto;
    }
    .my-xl-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .my-xl-1 {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
    }
    .my-xl-2 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .my-xl-3 {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .my-xl-4 {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .my-xl-5 {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .my-xl-auto {
      margin-top: auto;
      margin-bottom: auto;
    }
    .mt-xl-0 {
      margin-top: 0;
    }
    .mt-xl-1 {
      margin-top: 0.25rem;
    }
    .mt-xl-2 {
      margin-top: 0.5rem;
    }
    .mt-xl-3 {
      margin-top: 1rem;
    }
    .mt-xl-4 {
      margin-top: 1.5rem;
    }
    .mt-xl-5 {
      margin-top: 3rem;
    }
    .mt-xl-auto {
      margin-top: auto;
    }
    .me-xl-0 {
      margin-right: 0;
    }
    .me-xl-1 {
      margin-right: 0.25rem;
    }
    .me-xl-2 {
      margin-right: 0.5rem;
    }
    .me-xl-3 {
      margin-right: 1rem;
    }
    .me-xl-4 {
      margin-right: 1.5rem;
    }
    .me-xl-5 {
      margin-right: 3rem;
    }
    .me-xl-auto {
      margin-right: auto;
    }
    .mb-xl-0 {
      margin-bottom: 0;
    }
    .mb-xl-1 {
      margin-bottom: 0.25rem;
    }
    .mb-xl-2 {
      margin-bottom: 0.5rem;
    }
    .mb-xl-3 {
      margin-bottom: 1rem;
    }
    .mb-xl-4 {
      margin-bottom: 1.5rem;
    }
    .mb-xl-5 {
      margin-bottom: 3rem;
    }
    .mb-xl-auto {
      margin-bottom: auto;
    }
    .ms-xl-0 {
      margin-left: 0;
    }
    .ms-xl-1 {
      margin-left: 0.25rem;
    }
    .ms-xl-2 {
      margin-left: 0.5rem;
    }
    .ms-xl-3 {
      margin-left: 1rem;
    }
    .ms-xl-4 {
      margin-left: 1.5rem;
    }
    .ms-xl-5 {
      margin-left: 3rem;
    }
    .ms-xl-auto {
      margin-left: auto;
    }
    .p-xl-0 {
      padding: 0;
    }
    .p-xl-1 {
      padding: 0.25rem;
    }
    .p-xl-2 {
      padding: 0.5rem;
    }
    .p-xl-3 {
      padding: 1rem;
    }
    .p-xl-4 {
      padding: 1.5rem;
    }
    .p-xl-5 {
      padding: 3rem;
    }
    .px-xl-0 {
      padding-right: 0;
      padding-left: 0;
    }
    .px-xl-1 {
      padding-right: 0.25rem;
      padding-left: 0.25rem;
    }
    .px-xl-2 {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
    }
    .px-xl-3 {
      padding-right: 1rem;
      padding-left: 1rem;
    }
    .px-xl-4 {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
    .px-xl-5 {
      padding-right: 3rem;
      padding-left: 3rem;
    }
    .py-xl-0 {
      padding-top: 0;
      padding-bottom: 0;
    }
    .py-xl-1 {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
    .py-xl-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .py-xl-3 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .py-xl-4 {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .py-xl-5 {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .pt-xl-0 {
      padding-top: 0;
    }
    .pt-xl-1 {
      padding-top: 0.25rem;
    }
    .pt-xl-2 {
      padding-top: 0.5rem;
    }
    .pt-xl-3 {
      padding-top: 1rem;
    }
    .pt-xl-4 {
      padding-top: 1.5rem;
    }
    .pt-xl-5 {
      padding-top: 3rem;
    }
    .pe-xl-0 {
      padding-right: 0;
    }
    .pe-xl-1 {
      padding-right: 0.25rem;
    }
    .pe-xl-2 {
      padding-right: 0.5rem;
    }
    .pe-xl-3 {
      padding-right: 1rem;
    }
    .pe-xl-4 {
      padding-right: 1.5rem;
    }
    .pe-xl-5 {
      padding-right: 3rem;
    }
    .pb-xl-0 {
      padding-bottom: 0;
    }
    .pb-xl-1 {
      padding-bottom: 0.25rem;
    }
    .pb-xl-2 {
      padding-bottom: 0.5rem;
    }
    .pb-xl-3 {
      padding-bottom: 1rem;
    }
    .pb-xl-4 {
      padding-bottom: 1.5rem;
    }
    .pb-xl-5 {
      padding-bottom: 3rem;
    }
    .ps-xl-0 {
      padding-left: 0;
    }
    .ps-xl-1 {
      padding-left: 0.25rem;
    }
    .ps-xl-2 {
      padding-left: 0.5rem;
    }
    .ps-xl-3 {
      padding-left: 1rem;
    }
    .ps-xl-4 {
      padding-left: 1.5rem;
    }
    .ps-xl-5 {
      padding-left: 3rem;
    }
  }
  @media (min-width: 1400px) {
    .d-xxl-inline {
      display: inline;
    }
    .d-xxl-inline-block {
      display: inline-block;
    }
    .d-xxl-block {
      display: block;
    }
    .d-xxl-grid {
      display: grid;
    }
    .d-xxl-inline-grid {
      display: inline-grid;
    }
    .d-xxl-table {
      display: table;
    }
    .d-xxl-table-row {
      display: table-row;
    }
    .d-xxl-table-cell {
      display: table-cell;
    }
    .d-xxl-flex {
      display: flex;
    }
    .d-xxl-inline-flex {
      display: inline-flex;
    }
    .d-xxl-none {
      display: none;
    }
    .flex-xxl-fill {
      flex: 1 1 auto;
    }
    .flex-xxl-row {
      flex-direction: row;
    }
    .flex-xxl-column {
      flex-direction: column;
    }
    .flex-xxl-row-reverse {
      flex-direction: row-reverse;
    }
    .flex-xxl-column-reverse {
      flex-direction: column-reverse;
    }
    .flex-xxl-grow-0 {
      flex-grow: 0;
    }
    .flex-xxl-grow-1 {
      flex-grow: 1;
    }
    .flex-xxl-shrink-0 {
      flex-shrink: 0;
    }
    .flex-xxl-shrink-1 {
      flex-shrink: 1;
    }
    .flex-xxl-wrap {
      flex-wrap: wrap;
    }
    .flex-xxl-nowrap {
      flex-wrap: nowrap;
    }
    .flex-xxl-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .justify-content-xxl-start {
      justify-content: flex-start;
    }
    .justify-content-xxl-end {
      justify-content: flex-end;
    }
    .justify-content-xxl-center {
      justify-content: center;
    }
    .justify-content-xxl-between {
      justify-content: space-between;
    }
    .justify-content-xxl-around {
      justify-content: space-around;
    }
    .justify-content-xxl-evenly {
      justify-content: space-evenly;
    }
    .align-items-xxl-start {
      align-items: flex-start;
    }
    .align-items-xxl-end {
      align-items: flex-end;
    }
    .align-items-xxl-center {
      align-items: center;
    }
    .align-items-xxl-baseline {
      align-items: baseline;
    }
    .align-items-xxl-stretch {
      align-items: stretch;
    }
    .align-content-xxl-start {
      align-content: flex-start;
    }
    .align-content-xxl-end {
      align-content: flex-end;
    }
    .align-content-xxl-center {
      align-content: center;
    }
    .align-content-xxl-between {
      align-content: space-between;
    }
    .align-content-xxl-around {
      align-content: space-around;
    }
    .align-content-xxl-stretch {
      align-content: stretch;
    }
    .align-self-xxl-auto {
      align-self: auto;
    }
    .align-self-xxl-start {
      align-self: flex-start;
    }
    .align-self-xxl-end {
      align-self: flex-end;
    }
    .align-self-xxl-center {
      align-self: center;
    }
    .align-self-xxl-baseline {
      align-self: baseline;
    }
    .align-self-xxl-stretch {
      align-self: stretch;
    }
    .order-xxl-first {
      order: -1;
    }
    .order-xxl-0 {
      order: 0;
    }
    .order-xxl-1 {
      order: 1;
    }
    .order-xxl-2 {
      order: 2;
    }
    .order-xxl-3 {
      order: 3;
    }
    .order-xxl-4 {
      order: 4;
    }
    .order-xxl-5 {
      order: 5;
    }
    .order-xxl-last {
      order: 6;
    }
    .m-xxl-0 {
      margin: 0;
    }
    .m-xxl-1 {
      margin: 0.25rem;
    }
    .m-xxl-2 {
      margin: 0.5rem;
    }
    .m-xxl-3 {
      margin: 1rem;
    }
    .m-xxl-4 {
      margin: 1.5rem;
    }
    .m-xxl-5 {
      margin: 3rem;
    }
    .m-xxl-auto {
      margin: auto;
    }
    .mx-xxl-0 {
      margin-right: 0;
      margin-left: 0;
    }
    .mx-xxl-1 {
      margin-right: 0.25rem;
      margin-left: 0.25rem;
    }
    .mx-xxl-2 {
      margin-right: 0.5rem;
      margin-left: 0.5rem;
    }
    .mx-xxl-3 {
      margin-right: 1rem;
      margin-left: 1rem;
    }
    .mx-xxl-4 {
      margin-right: 1.5rem;
      margin-left: 1.5rem;
    }
    .mx-xxl-5 {
      margin-right: 3rem;
      margin-left: 3rem;
    }
    .mx-xxl-auto {
      margin-right: auto;
      margin-left: auto;
    }
    .my-xxl-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .my-xxl-1 {
      margin-top: 0.25rem;
      margin-bottom: 0.25rem;
    }
    .my-xxl-2 {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    .my-xxl-3 {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .my-xxl-4 {
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .my-xxl-5 {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .my-xxl-auto {
      margin-top: auto;
      margin-bottom: auto;
    }
    .mt-xxl-0 {
      margin-top: 0;
    }
    .mt-xxl-1 {
      margin-top: 0.25rem;
    }
    .mt-xxl-2 {
      margin-top: 0.5rem;
    }
    .mt-xxl-3 {
      margin-top: 1rem;
    }
    .mt-xxl-4 {
      margin-top: 1.5rem;
    }
    .mt-xxl-5 {
      margin-top: 3rem;
    }
    .mt-xxl-auto {
      margin-top: auto;
    }
    .me-xxl-0 {
      margin-right: 0;
    }
    .me-xxl-1 {
      margin-right: 0.25rem;
    }
    .me-xxl-2 {
      margin-right: 0.5rem;
    }
    .me-xxl-3 {
      margin-right: 1rem;
    }
    .me-xxl-4 {
      margin-right: 1.5rem;
    }
    .me-xxl-5 {
      margin-right: 3rem;
    }
    .me-xxl-auto {
      margin-right: auto;
    }
    .mb-xxl-0 {
      margin-bottom: 0;
    }
    .mb-xxl-1 {
      margin-bottom: 0.25rem;
    }
    .mb-xxl-2 {
      margin-bottom: 0.5rem;
    }
    .mb-xxl-3 {
      margin-bottom: 1rem;
    }
    .mb-xxl-4 {
      margin-bottom: 1.5rem;
    }
    .mb-xxl-5 {
      margin-bottom: 3rem;
    }
    .mb-xxl-auto {
      margin-bottom: auto;
    }
    .ms-xxl-0 {
      margin-left: 0;
    }
    .ms-xxl-1 {
      margin-left: 0.25rem;
    }
    .ms-xxl-2 {
      margin-left: 0.5rem;
    }
    .ms-xxl-3 {
      margin-left: 1rem;
    }
    .ms-xxl-4 {
      margin-left: 1.5rem;
    }
    .ms-xxl-5 {
      margin-left: 3rem;
    }
    .ms-xxl-auto {
      margin-left: auto;
    }
    .p-xxl-0 {
      padding: 0;
    }
    .p-xxl-1 {
      padding: 0.25rem;
    }
    .p-xxl-2 {
      padding: 0.5rem;
    }
    .p-xxl-3 {
      padding: 1rem;
    }
    .p-xxl-4 {
      padding: 1.5rem;
    }
    .p-xxl-5 {
      padding: 3rem;
    }
    .px-xxl-0 {
      padding-right: 0;
      padding-left: 0;
    }
    .px-xxl-1 {
      padding-right: 0.25rem;
      padding-left: 0.25rem;
    }
    .px-xxl-2 {
      padding-right: 0.5rem;
      padding-left: 0.5rem;
    }
    .px-xxl-3 {
      padding-right: 1rem;
      padding-left: 1rem;
    }
    .px-xxl-4 {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
    .px-xxl-5 {
      padding-right: 3rem;
      padding-left: 3rem;
    }
    .py-xxl-0 {
      padding-top: 0;
      padding-bottom: 0;
    }
    .py-xxl-1 {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
    .py-xxl-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .py-xxl-3 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .py-xxl-4 {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .py-xxl-5 {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .pt-xxl-0 {
      padding-top: 0;
    }
    .pt-xxl-1 {
      padding-top: 0.25rem;
    }
    .pt-xxl-2 {
      padding-top: 0.5rem;
    }
    .pt-xxl-3 {
      padding-top: 1rem;
    }
    .pt-xxl-4 {
      padding-top: 1.5rem;
    }
    .pt-xxl-5 {
      padding-top: 3rem;
    }
    .pe-xxl-0 {
      padding-right: 0;
    }
    .pe-xxl-1 {
      padding-right: 0.25rem;
    }
    .pe-xxl-2 {
      padding-right: 0.5rem;
    }
    .pe-xxl-3 {
      padding-right: 1rem;
    }
    .pe-xxl-4 {
      padding-right: 1.5rem;
    }
    .pe-xxl-5 {
      padding-right: 3rem;
    }
    .pb-xxl-0 {
      padding-bottom: 0;
    }
    .pb-xxl-1 {
      padding-bottom: 0.25rem;
    }
    .pb-xxl-2 {
      padding-bottom: 0.5rem;
    }
    .pb-xxl-3 {
      padding-bottom: 1rem;
    }
    .pb-xxl-4 {
      padding-bottom: 1.5rem;
    }
    .pb-xxl-5 {
      padding-bottom: 3rem;
    }
    .ps-xxl-0 {
      padding-left: 0;
    }
    .ps-xxl-1 {
      padding-left: 0.25rem;
    }
    .ps-xxl-2 {
      padding-left: 0.5rem;
    }
    .ps-xxl-3 {
      padding-left: 1rem;
    }
    .ps-xxl-4 {
      padding-left: 1.5rem;
    }
    .ps-xxl-5 {
      padding-left: 3rem;
    }
  }
  @media print {
    .d-print-inline {
      display: inline;
    }
    .d-print-inline-block {
      display: inline-block;
    }
    .d-print-block {
      display: block;
    }
    .d-print-grid {
      display: grid;
    }
    .d-print-inline-grid {
      display: inline-grid;
    }
    .d-print-table {
      display: table;
    }
    .d-print-table-row {
      display: table-row;
    }
    .d-print-table-cell {
      display: table-cell;
    }
    .d-print-flex {
      display: flex;
    }
    .d-print-inline-flex {
      display: inline-flex;
    }
    .d-print-none {
      display: none;
    }
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  * {
    margin: 0;
    padding: 0;
  }
  *:not([type=password]) {
    font: inherit;
  }
  html {
    color-scheme: dark light;
  }
  img,
  picture,
  video {
    display: block;
    max-width: 100%;
  }
  ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  a {
    text-decoration: none;
    transition: 0.2s all ease-in-out;
    cursor: pointer;
    color: inherit;
  }
  a:-webkit-any-link:focus-visible {
    outline: 0px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin: 0;
  }
  input:not([type=password]),
  textarea,
  button,
  select {
    font: inherit;
  }
}
@layer general {
  :root {
    --body-clr: initial;
    --body-bg: #f9fafb;
    --body-fs: initial;
    --body-fw: initial;
    --body-ff-ar:
      ui-system,
      -apple-system,
      BlinkMacSystemFont,
      Segoe UI,
      sans-serif;
    --body-ff-en:
      ui-system,
      -apple-system,
      BlinkMacSystemFont,
      Segoe UI,
      sans-serif;
    --clr-primary: hsl(153, 66%, 25%);
    --clr-primary-green: #1b8354;
    --clr-primary-hover: #036abf;
    --clr-secondary: #6c737f;
    --clr-secondary-bg: #f3f4f6;
    --clr-third: #0dcaf0;
    --clr-default: #161616;
    --clr-display: #1f2a37;
    --clr-success: #198754;
    --clr-success-dark: #065012;
    --clr-success-medium: #65a773;
    --clr-success-green: #17b26a;
    --clr-success-tag: #085d3a;
    --clr-success-light: #ecfdf3;
    --clr-success-border: #abefc6;
    --clr-warning: #ffc107;
    --clr-warning-dark: #b54708;
    --clr-warning-medium: #93370d;
    --clr-warning-orange: #f79009;
    --clr-warning-light: #fffaeb;
    --clr-warning-border: #fedf89;
    --clr-warning-bg: #dc6803;
    --clr-danger: #dc3545;
    --clr-danger-dark: #912018;
    --clr-danger-medium: #d32d17;
    --clr-danger-red: #f04438;
    --clr-danger-light: #fef3f2;
    --clr-danger-bg: #df9c90;
    --clr-danger-border: #fee4e2;
    --clr-info: #0dcaf0;
    --clr-info-blue: #175cd3;
    --clr-info-light-blue: #1495ff;
    --clr-info-light: #eff8ff;
    --clr-info-medium: #1570ef;
    --clr-info-border: #b2ddff;
    --clr-info-sky: #3daae1;
    --clr-info-bg: #ecf7fc;
    --clr-white: #ffffff;
    --clr-black: #000000;
    --clr-gray-50: #f9fafb;
    --clr-gray-100: #f3f4f6;
    --clr-gray-200: #e5e7eb;
    --clr-gray-300: #d2d6db;
    --clr-gray-400: #9da4ae;
    --clr-gray-500: #6c737f;
    --clr-gray-600: #4c515b;
    --clr-gray-700: #384250;
    --clr-gray-800: #1f2a37;
    --clr-gray-900: #161616;
    --clr-gray-light: #f0f1f2;
    --clr-gray-medium: #9fa4ae;
    --clr-gray-dark: #424b59;
    --clr-gray-darker: #2d3036;
    --clr-gray-border: #ced7e3;
    --clr-gray-border-light: #d3d6db;
    --clr-gray-disabled: #bbbec5;
    --clr-gray-hover: #e2e7ed;
    --clr-gray-icon: #6e7c91;
    --clr-gray-placeholder: #6b7280;
    --clr-gray-text: #898e99;
    --clr-gray-chip: #d1d3d8;
    --clr-gray-panel: #4d5761;
    --clr-gray-backdrop: #2b374d;
    --clr-brand-green: #067647;
    --clr-brand-light: #ebf4ee;
    --clr-brand-light-bg: #e6f3ec;
    --bg-grey: #f9fafb;
    --bg-card: #e9ebf2;
    --bg-hover: #f5faff;
    --bg-light: #fcfcfd;
    --bg-disabled: #f0f1f2;
    --bg-secondary: #eff6ff;
    --bg-panel: #f8fafc;
    --bg-tooltip: #2b374d;
    --clr-text-primary: #161616;
    --clr-text-secondary: #6c737f;
    --clr-text-tertiary: #384250;
    --clr-text-display: #1f2a37;
    --clr-text-muted: #6e7c91;
    --clr-text-disabled: #9da4ae;
    --clr-text-placeholder: #6b7280;
    --clr-text-dark: #101633;
    --clr-text-light: #1a1a1a;
    --clr-border-default: #d2d6db;
    --clr-border-light: #e9ebf2;
    --clr-border-medium: #ced7e3;
    --clr-border-input: #9da4ae;
    --clr-border-disabled: #bbbec5;
    --clr-shadow-focus: #bfdbfe;
    --clr-shadow-light: rgba(0, 0, 0, 0.1);
    --clr-shadow-medium: rgba(0, 0, 0, 0.4);
    --clr-transparent-white: #ffffff99;
    --clr-overlay: rgba(0, 0, 0, 0.4);
    --radius-none: 0;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-3xl: 24px;
    --radius-round: 99px;
    --radius-circle: 50%;
    --radius-full: 100%;
    --radius-pill: 40vw;
    --fs-xs: 12px;
    --fs-sm: 14px;
    --fs-sm-plus: 15px;
    --fs-base: 16px;
    --fs-md: 18px;
    --fs-lg: 20px;
    --fs-xl: 24px;
    --fs-2xl: 30px;
    --fs-2xl-minus: 29px;
    --fs-3xl: 48px;
    --fw-light: 300;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
  }
  body {
    color: var(--body-clr, #333);
    font-size: var(--body-fs, 1rem);
    font-weight: var(--body-fw, 400);
    background: var(--body-bg, #f9fafb);
    font-family:
      ui-system,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      Helvetica,
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol";
  }
  html[dir=rtl] body {
    font-family:
      var(--body-ff-ar),
      ui-system,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      Helvetica,
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol";
  }
  html[dir=ltr] body {
    font-family:
      var(--body-ff-en),
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      Helvetica,
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol";
  }
  .bp-template {
    background: #f0f3fa;
    padding: 3rem;
  }
  .bp-template-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: var(--clr-white);
    padding: 1rem 2rem;
  }
  .bp-template-header .bp-header-title {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  .bp-template-header .bp-header-title .bp-header-nav {
    display: flex;
    align-items: center;
    gap: 1rem;
  }
  .bp-template-header .bp-header-title .bp-header-nav li a {
    font-size: 1rem;
    font-weight: var(--fw-medium);
    color: #333;
  }
  .bp-template-header .bp-header-title .bp-header-nav li a:hover,
  .bp-template-header .bp-header-title .bp-header-nav li a.active {
    color: blue;
    text-decoration: underline;
  }
  .bp-template-content-wrapper {
    display: grid;
    grid-template-columns: 15rem 1fr 15rem;
    gap: 1rem;
    position: relative;
    height: 100%;
  }
  .bp-template-content-wrapper .bp-template-aside {
    padding-block: 2rem;
    padding-inline: 2rem;
    background: lightblue;
  }
  .bp-template-content-wrapper .bp-template-aside > ul {
    position: sticky;
    top: 1rem;
  }
  .bp-template-content-wrapper .bp-template-inner-menu {
    padding-block: 2rem;
    padding-inline: 1.5rem;
    background: lightblue;
  }
  .bp-template-content-wrapper .bp-template-inner-menu > ul {
    position: sticky;
    top: 1rem;
  }
  .bp-template-content-wrapper .bp-template-inner-menu > ul li a.active {
    font-weight: bold;
    color: var(--highlight-color, #007bff);
    position: relative;
  }
  .bp-template-content-wrapper .bp-template-inner-menu > ul li a.active::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 12px;
    background: currentColor;
    border-radius: var(--radius-sm);
  }
  .bp-template-content-wrapper .bp-component-wrapper {
    padding-top: 2rem;
  }
  .bp-template-content-wrapper .bp-component-wrapper .bp-component-title {
    margin-bottom: 2rem;
  }
  .bp-template-content-wrapper .bp-component-wrapper .bp-component-title h2 {
    font-size: 2rem;
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    color: darkblue;
    margin-bottom: 0.25rem;
  }
  .bp-template-content-wrapper .bp-component-wrapper .bp-component-title p {
    font-size: 1rem;
    font-weight: var(--fw-medium);
    color: #6c757d;
  }
  .bp-template-content-wrapper .bp-component-wrapper .bp-component-title p .component-class {
    color: darkblue;
    font-style: italic;
  }
  .bp-template-content-wrapper .bp-component-wrapper .bp-component-variant {
    padding-bottom: 2.25rem;
  }
  .bp-template-content-wrapper .bp-component-wrapper .bp-component-variant h3 {
    font-size: 1.5rem;
    font-weight: var(--fw-semibold);
    color: #333;
    margin-bottom: 0.5rem;
  }
  .bp-template-content-wrapper .bp-component-wrapper .bp-component-variant p {
    font-size: 1rem;
    font-weight: var(--fw-medium);
    color: #6c757d;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code {
    padding: 0.625rem;
    border: 1px dashed lightgray;
    border-radius: 0.375rem;
    background: var(--clr-white);
    margin-top: 0.875rem;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.375rem;
    flex-wrap: wrap;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    min-width: max-content;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .copy-btn {
    outline: 0;
    border: 0;
    padding: 2px;
    width: 1.3125rem;
    height: 1.3125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: dimgrey;
    cursor: pointer;
    line-height: 1;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .copy-btn.code-copied .copy-icon,
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .copy-btn:has(.code-copied) .copy-icon {
    display: none;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .copy-btn.code-copied .check-icon,
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .copy-btn:has(.code-copied) .check-icon {
    color: green;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .copy-btn:not(.code-copied, :has(.code-copied)) .check-icon {
    display: none;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .view-btn {
    outline: 0;
    border: 0;
    padding: 2px;
    width: 1.3125rem;
    height: 1.3125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: dimgrey;
    cursor: pointer;
    line-height: 1;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .view-btn.view-opened .view-icon,
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .view-btn:has(.view-opened) .view-icon {
    display: none;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .view-btn.view-opened .hide-icon,
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .view-btn:has(.view-opened) .hide-icon {
    color: dimgrey;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .preview .preview-item .preview-actions .view-btn:not(.view-opened, :has(.view-opened)) .hide-icon {
    display: none;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .html-code {
    position: relative;
    background: #1f1f1f;
    border-radius: 0.375rem;
    color: #e1dfdf;
    transition: max-height 0.3s ease, opacity 0.3s ease;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .html-code:not(.show) {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .html-code:not(.show) .code-item {
    width: 0;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .html-code.show,
  .bp-template-content-wrapper .bp-component-wrapper .template-code .html-code.show-only {
    padding: 0.5rem 1rem;
    height: auto;
    max-height: 1000px;
    opacity: 1;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .html-code.show .code-item,
  .bp-template-content-wrapper .bp-component-wrapper .template-code .html-code.show-only .code-item {
    width: auto;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .html-code.show .close-btn,
  .bp-template-content-wrapper .bp-component-wrapper .template-code .html-code.show-only .close-btn {
    inset-inline-end: -1.25rem;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .html-code .close-btn {
    outline: 0;
    border: 0;
    padding: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: lightcoral;
    color: darkred;
    cursor: pointer;
    border-radius: 0.25rem;
    aspect-ratio: 1/1;
    position: absolute;
    inset-inline-end: 0;
    transition: 0.5s inset ease-in-out;
  }
  .bp-template-content-wrapper .bp-component-wrapper .template-code .html-code .code-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
  }
  .bp-template .grid-col {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 10px;
  }
  .bp-template .grid-col .example-wrapper {
    margin-block: 0;
  }
  .bp-template .grid-col .example-code,
  .bp-template .grid-col #example > .example-header {
    display: none !important;
  }
  .bp-template .svg-card {
    display: grid;
    place-items: center;
    gap: 10px;
    min-height: 100px;
  }
  .bp-template .svg-card .svg-icon {
    border-radius: var(--radius-lg);
    background: #dde1eb;
    padding: 10px;
  }
  .bp-template .svg-card .svg-icon svg {
    max-height: 50px;
    width: auto;
    object-fit: contain;
    color: #333;
  }
  .bp-template .svg-card p {
    font-size: var(--fs-sm);
    font-weight: var(--fw-medium);
    color: #333;
  }
  .container-grid {
    --padding-inline: 1rem;
    --content-max-width: 900px;
    --breakout-max-width: 1200px;
    --content-padding: min(100% - (var(--padding-inline) * 2), calc(var(--content-max-width) / 2));
    --breakout-width: calc((var(--breakout-max-width) - var(--content-max-width)) / 2);
    display: grid;
    grid-template-columns: [full-width-start] minmax(var(--padding-inline), 1fr) [breakout-start] minmax(0, var(--breakout-width)) [content-start] var(--content-padding) [split-middle] var(--content-padding) [content-end] minmax(0, var(--breakout-width)) [breakout-end] minmax(var(--padding-inline), 1fr) [full-width-end];
  }
  .container-grid > :not(.breakout, .full-width) {
    grid-column: content;
  }
  .container-grid .grid-split {
    grid-template-columns: inherit;
  }
  .container-grid.grid-split,
  .container-grid .grid-split {
    --split-first-block-startpoint: content-start;
    --split-first-block-endpoint: split-middle;
    --split-last-block-startpoint: split-middle;
    --split-last-block-endpoint: content-end;
  }
  .container-grid.grid-split > *,
  .container-grid .grid-split > * {
    display: grid;
    align-content: center;
    justify-items: start;
    height: 100%;
  }
  .container-grid.grid-split > :first-child,
  .container-grid .grid-split > :first-child {
    grid-column-start: var(--split-first-block-startpoint);
    grid-column-end: var(--split-first-block-endpoint);
  }
  .container-grid.grid-split > :first-child.breakout,
  .container-grid .grid-split > :first-child.breakout {
    --split-first-block-startpoint: breakout-start;
  }
  .container-grid.grid-split > :last-child,
  .container-grid .grid-split > :last-child {
    grid-column-start: var(--split-last-block-startpoint);
    grid-column-end: var(--split-last-block-endpoint);
  }
  .container-grid.grid-split > :last-child.breakout,
  .container-grid .grid-split > :last-child.breakout {
    --split-last-block-endpoint: breakout-end;
  }
  .text-trim {
    --txtsplit-maxwidth: 21ch;
    max-width: var(--txtsplit-maxwidth, 21ch);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .line-trim {
    --trim-lines-nubmers: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--trim-lines-nubmers, 2);
    line-clamp: var(--trim-lines-nubmers, 2);
    -webkit-box-orient: vertical;
  }
  .separator {
    --separator-height: 1px;
    --separator-bg: gray;
    height: var(--separator-height, 1px);
    background: var(--separator-bg, gray);
  }
  .svg-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .scroll {
    padding-inline-end: var(--scroll-padding-istart);
    max-height: var(--scroll-min-height);
    object-fit: contain;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: auto;
    scrollbar-color: var(--scroll-clr);
  }
  .scroll::-webkit-scrollbar {
    width: var(--scroll-width);
  }
  .scroll::-webkit-scrollbar-track {
    background: var(--scroll-bg);
    border-radius: var(--scroll-border-radius);
  }
  .scroll::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: var(--scroll-clr);
    border: var(--scroll-border-width) var(--scroll-border-style) var(--scroll-border-clr);
    border-radius: var(--scroll-thumb-border-radius);
  }
  .scroll {
    --scroll-min-height: 100px;
    --scroll-padding-istart: 10px;
    --scroll-bg: #e5eef9;
    --scroll-clr: #1769cc;
    --scroll-width: 6px;
    --scroll-border-width: 0px;
    --scroll-border-style: solid;
    --scroll-border-clr: #1769cc;
    --scroll-track-border-radius: var(--radius-lg);
    --scroll-thumb-border-radius: var(--radius-lg);
  }
  .fz-12 {
    font-size: var(--fs-sm);
  }
  .fz-14 {
    font-size: var(--fs-sm);
  }
  .fz-16 {
    font-size: var(--fs-base);
  }
  .fz-18 {
    font-size: var(--fs-md);
  }
  .fz-20 {
    font-size: var(--fs-lg);
  }
  .fz-24 {
    font-size: var(--fs-xl);
  }
  .fw-400 {
    font-weight: var(--fw-normal);
  }
  .fw-500 {
    font-weight: var(--fw-medium);
  }
  .fw-600 {
    font-weight: var(--fw-semibold);
  }
  .fw-700 {
    font-weight: var(--fw-bold);
  }
  body::-webkit-scrollbar,
  *::-webkit-scrollbar {
    width: 0.75em;
    height: 0.55em;
  }
  body::-webkit-scrollbar-track,
  *::-webkit-scrollbar-track {
    background-color: #c0bcbc;
  }
  *::-webkit-scrollbar-thumb {
    background-color: var(--clr-primary);
    border-radius: var(--radius-lg);
  }
  @-moz-document url-prefix() {
    *,
    html,
    body {
      scrollbar-color: var(--primary-color) #909090;
    }
  }
  .loader {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-circle);
    position: relative;
    animation: rotate 1s linear infinite;
  }
  .loader::before,
  .loader::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: var(--radius-circle);
    border: 5px solid #f3f4f6;
    animation: prixClipFix 2s linear infinite;
  }
  .loader::after {
    inset: 8px;
    transform: rotate3d(90, 90, 0, 180deg);
    border-color: var(--clr-primary);
  }
  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes prixClipFix {
    0% {
      clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    }
    50% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }
    75%, 100% {
      clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }
  }
  .pi-spin {
    width: 20px;
    height: 20px;
    border-radius: var(--radius-circle);
    position: relative;
    display: inline-block;
  }
  .pi-spin::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: var(--radius-circle);
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--clr-primary);
    animation: rotate 0.8s linear infinite;
  }
}
@layer layout {
  :root {
    --body-clr: initial;
    --body-bg: #f9fafb;
    --body-fs: initial;
    --body-fw: initial;
    --body-ff-ar:
      ui-system,
      -apple-system,
      BlinkMacSystemFont,
      Segoe UI,
      sans-serif;
    --body-ff-en:
      ui-system,
      -apple-system,
      BlinkMacSystemFont,
      Segoe UI,
      sans-serif;
    --clr-primary: hsl(153, 66%, 25%);
    --clr-primary-green: #1b8354;
    --clr-primary-hover: #036abf;
    --clr-secondary: #6c737f;
    --clr-secondary-bg: #f3f4f6;
    --clr-third: #0dcaf0;
    --clr-default: #161616;
    --clr-display: #1f2a37;
    --clr-success: #198754;
    --clr-success-dark: #065012;
    --clr-success-medium: #65a773;
    --clr-success-green: #17b26a;
    --clr-success-tag: #085d3a;
    --clr-success-light: #ecfdf3;
    --clr-success-border: #abefc6;
    --clr-warning: #ffc107;
    --clr-warning-dark: #b54708;
    --clr-warning-medium: #93370d;
    --clr-warning-orange: #f79009;
    --clr-warning-light: #fffaeb;
    --clr-warning-border: #fedf89;
    --clr-warning-bg: #dc6803;
    --clr-danger: #dc3545;
    --clr-danger-dark: #912018;
    --clr-danger-medium: #d32d17;
    --clr-danger-red: #f04438;
    --clr-danger-light: #fef3f2;
    --clr-danger-bg: #df9c90;
    --clr-danger-border: #fee4e2;
    --clr-info: #0dcaf0;
    --clr-info-blue: #175cd3;
    --clr-info-light-blue: #1495ff;
    --clr-info-light: #eff8ff;
    --clr-info-medium: #1570ef;
    --clr-info-border: #b2ddff;
    --clr-info-sky: #3daae1;
    --clr-info-bg: #ecf7fc;
    --clr-white: #ffffff;
    --clr-black: #000000;
    --clr-gray-50: #f9fafb;
    --clr-gray-100: #f3f4f6;
    --clr-gray-200: #e5e7eb;
    --clr-gray-300: #d2d6db;
    --clr-gray-400: #9da4ae;
    --clr-gray-500: #6c737f;
    --clr-gray-600: #4c515b;
    --clr-gray-700: #384250;
    --clr-gray-800: #1f2a37;
    --clr-gray-900: #161616;
    --clr-gray-light: #f0f1f2;
    --clr-gray-medium: #9fa4ae;
    --clr-gray-dark: #424b59;
    --clr-gray-darker: #2d3036;
    --clr-gray-border: #ced7e3;
    --clr-gray-border-light: #d3d6db;
    --clr-gray-disabled: #bbbec5;
    --clr-gray-hover: #e2e7ed;
    --clr-gray-icon: #6e7c91;
    --clr-gray-placeholder: #6b7280;
    --clr-gray-text: #898e99;
    --clr-gray-chip: #d1d3d8;
    --clr-gray-panel: #4d5761;
    --clr-gray-backdrop: #2b374d;
    --clr-brand-green: #067647;
    --clr-brand-light: #ebf4ee;
    --clr-brand-light-bg: #e6f3ec;
    --bg-grey: #f9fafb;
    --bg-card: #e9ebf2;
    --bg-hover: #f5faff;
    --bg-light: #fcfcfd;
    --bg-disabled: #f0f1f2;
    --bg-secondary: #eff6ff;
    --bg-panel: #f8fafc;
    --bg-tooltip: #2b374d;
    --clr-text-primary: #161616;
    --clr-text-secondary: #6c737f;
    --clr-text-tertiary: #384250;
    --clr-text-display: #1f2a37;
    --clr-text-muted: #6e7c91;
    --clr-text-disabled: #9da4ae;
    --clr-text-placeholder: #6b7280;
    --clr-text-dark: #101633;
    --clr-text-light: #1a1a1a;
    --clr-border-default: #d2d6db;
    --clr-border-light: #e9ebf2;
    --clr-border-medium: #ced7e3;
    --clr-border-input: #9da4ae;
    --clr-border-disabled: #bbbec5;
    --clr-shadow-focus: #bfdbfe;
    --clr-shadow-light: rgba(0, 0, 0, 0.1);
    --clr-shadow-medium: rgba(0, 0, 0, 0.4);
    --clr-transparent-white: #ffffff99;
    --clr-overlay: rgba(0, 0, 0, 0.4);
    --radius-none: 0;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-3xl: 24px;
    --radius-round: 99px;
    --radius-circle: 50%;
    --radius-full: 100%;
    --radius-pill: 40vw;
    --fs-xs: 12px;
    --fs-sm: 14px;
    --fs-sm-plus: 15px;
    --fs-base: 16px;
    --fs-md: 18px;
    --fs-lg: 20px;
    --fs-xl: 24px;
    --fs-2xl: 30px;
    --fs-2xl-minus: 29px;
    --fs-3xl: 48px;
    --fw-light: 300;
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
  }
  @layer main, extras;
  @layer main {
    .wrapper {
      position: relative;
      transition: 0.2s all ease-in-out;
      padding-inline: 24px;
      padding-block: 24px;
    }
    .wrapper .container-fluid {
      padding-inline: 0;
    }
    .flex-root {
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0;
      flex: 1;
      min-height: 100vh;
    }
    .flex-root .flex-column-fluid {
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto;
      flex-direction: column;
    }
    .flex-root .flex-column-fluid.flex-shrink {
      flex-shrink: 1;
    }
    .flex-root .flex-row-fluid {
      display: flex;
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0;
      flex: 1 auto;
      min-width: 0;
    }
    .flex-root .flex-row-auto {
      display: flex;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
    }
  }
  @layer extras {
    body:has(.uces-spinner) {
      overflow: hidden;
    }
    .uces-spinner {
      position: fixed;
      width: 100vw;
      height: 100vh;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2000;
    }
    .uces-spinner > .overlay {
      position: fixed;
      width: 100vw;
      height: 100vh;
      inset: 0;
      opacity: 1;
      background-color: var(--spinner-overlay-bg, rgba(249, 252, 254, 0.33));
    }
    .uces-spinner > img {
      width: var(--spinner-img-width, 150px);
      z-index: 2001;
    }
    .uces-spinner svg {
      z-index: 1060;
      width: var(--spinner-svg-width, 200px);
      height: auto;
    }
    .scrolltop {
      position: fixed;
      opacity: 0;
      display: none;
      justify-content: center;
      align-items: center;
      width: var(--scrolltop-width, 2rem);
      height: var(--scrolltop-height, 2rem);
      bottom: var(--scrolltop-inset-bottom, 2.5rem);
      inset-inline-end: var(--scrolltop-inset-end, 1.5rem);
      cursor: pointer;
      z-index: var(--scrolltop-z-index, 101);
      background-color: var(--scrolltop-bg, #1769cc);
      box-shadow: var(--scrolltop-shadowbox, 0 5px 15px 5px rgba(0, 0, 0, 0.075));
      transition:
        color 0.15s ease,
        background-color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
      border-width: var(--scrolltop-border-width, 1px);
      border-style: var(--scrolltop-border-style, solid);
      border-color: var(--scrolltop-border-clr, transparent);
      border-radius: var(--scrolltop-border-radius, 0.5rem);
    }
    .scrolltop {
      --scrolltop-width: 2.5rem;
      --scrolltop-height: 2.5rem;
      --scrolltop-inset-bottom: 2.5rem;
      --scrolltop-inset-end: 2.5rem;
      --scrolltop-z-index: 101;
      --scrolltop-bg: #1769cc;
      --scrolltop-shadowbox: 0 5px 15px 5px rgba(0, 0, 0, 0.075);
      --scrolltop-border-width: 1px;
      --scrolltop-border-style: solid;
      --scrolltop-border-clr: transparent;
      --scrolltop-border-radius: 0.5rem;
      --scrolltop-opacity: 0.5;
      --scrolltop-hover-opacity: 1;
      --scrolltop-icon-width: 1rem;
      --scrolltop-icon-height: 1rem;
      --scrolltop-icon-clr: var(--clr-white);
    }
    [data-scrolltop=on] .scrolltop {
      opacity: var(--scrolltop-opacity, 0.3);
      -webkit-animation: animation-scrolltop 0.4s ease-out 1;
      animation: animation-scrolltop 0.4s ease-out 1;
      display: flex;
    }
    [data-scrolltop=on] .scrolltop:hover {
      transition:
        color 0.15s ease,
        background-color 0.15s ease,
        border-color 0.15s ease,
        box-shadow 0.15s ease;
      opacity: var(--scrolltop-hover-opacity, 1);
    }
    .scrolltop svg {
      width: var(--scrolltop-icon-width, 1.5rem);
      height: var(--scrolltop-icon-height, 1.5rem);
    }
    .scrolltop svg [fill] {
      transition: fill 0.3s ease;
      fill: var(--scrolltop-icon-clr, var(--clr-white));
    }
    .scrolltop svg:hover [fill] {
      transition: fill 0.3s ease;
    }
    .scrolltop:hover svg [fill] {
      transition: fill 0.3s ease;
      fill: var(--scrolltop-icon-clr, var(--clr-white));
    }
    .scrolltop:hover svg:hover [fill] {
      transition: fill 0.3s ease;
    }
    @media (max-width: 991.98px) {
      .scrolltop {
        bottom: calc(var(--scrolltop-inset-bottom) - 1rem);
        inset-inline-end: calc(var(--scrolltop-inset-end) - 0.5rem);
      }
    }
    @-webkit-keyframes animation-scrolltop {
      0% {
        margin-bottom: -1rem;
      }
      to {
        margin-bottom: 0;
      }
    }
    @keyframes animation-scrolltop {
      0% {
        margin-bottom: -1rem;
      }
      to {
        margin-bottom: 0;
      }
    }
  }
}
@layer components {
  @layer avatars, tags, alerts, buttons, cards, chips, labels, forms, checkbox, tables, pagination, tablists, progressbar, tooltips, dropdown, breadcrumbs, panel, menuPanel, modals, fileUpload, toast, stepper, editor, custom-icons, dynamic-form, attachments, typography, tree;
  @layer avatars {
    .p-avatar {
      background-color: var(--avatar-bg, #dee2e6) !important;
      border-radius: var(--avatar-border-radius, 6px) !important;
      width: var(--avatar-width, 3rem) !important;
      height: var(--avatar-height, 3rem) !important;
      font-size: var(--avatar-fs, 1.5rem !important);
    }
    .p-avatar.p-avatar-circle {
      border-radius: 100% !important;
    }
    .p-avatar.p-avatar-image {
      background-color: transparent !important;
    }
    .p-avatar .p-avatar-icon {
      font-size: var(--avatar-icon-fs, 1.5rem) !important;
    }
    .p-avatar.p-avatar-lg {
      width: var(--avatar-lg-width, 3rem) !important;
      height: var(--avatar-lg-height, 3rem) !important;
      font-size: var(--avatar-lg-fs, 1.5rem) !important;
    }
    .p-avatar.p-avatar-lg .p-avatar-icon {
      font-size: var(--avatar-lg-icon-fs, 1.5rem) !important;
    }
    .p-avatar.p-avatar-xl {
      width: var(--avatar-xl-width, 4rem) !important;
      height: var(--avatar-xl-height, 4rem) !important;
      font-size: var(--avatar-xl-fs, 2rem) !important;
    }
    .p-avatar.p-avatar-xl .p-avatar-icon {
      font-size: var(--avatar-xl-icon-fs, 2rem) !important;
    }
    .p-avatar-group > .p-avatar {
      border: var(--avatar-group-border-width, 2px) var(--avatar-group-border-style, solid) var(--avatar-group-border-clr, var(--clr-white)) !important;
    }
    .p-avatar {
      --avatar-bg: #dee2e6;
      --avatar-border-radius: var(--radius-md);
      --avatar-width: 2rem;
      --avatar-height: 2rem;
      --avatar-fs: 1rem;
      --avatar-icon-fs: 1rem;
      --avatar-lg-width: 3rem;
      --avatar-lg-height: 3rem;
      --avatar-lg-fs: 1.5rem;
      --avatar-lg-icon-fs: 1.5rem;
      --avatar-xl-width: 4rem;
      --avatar-xl-height: 4rem;
      --avatar-xl-fs: 2rem;
      --avatar-xl-icon-fs: 2rem;
      --avatar-group-border-width: 2px --avatar-group-border-style: solid;
      --avatar-group-border-clr: var(--clr-white);
    }
  }
  @layer tags {
    .p-tag {
      background: var(--ptag-bg, var(--clr-primary));
      color: var(--ptag-clr, var(--clr-white));
      font-size: var(--ptag-fs, 0.75rem);
      font-weight: var(--ptag-fw, 700);
      line-height: var(--ptag-lh, 12.62px);
      padding-block: var(--ptag-py, 0.25rem);
      padding-inline: var(--ptag-px, 0.4rem);
      border-radius: var(--ptag-border-radius, 6px);
      gap: var(--ptag-gap, 0);
    }
    .p-tag.p-tag-rounded {
      border-radius: var(--ptag-rounded-border-radius, 40vw);
    }
    .p-tag {
      --ptag-bg: var(--clr-primary);
      --ptag-clr: var(--clr-white);
      --ptag-fs: 0.75rem;
      --ptag-fw: 400;
      --ptag-lh: 1.125rem;
      --ptag-py: 0.25rem;
      --ptag-px: 0.4rem;
      --ptag-border-radius: 0.5rem;
      --ptag-rounded-border-radius: var(--radius-pill);
      --ptag-gap: 0;
    }
  }
  @layer alerts {
    .p-message {
      border-radius: var(--radius-none);
      outline-width: 0;
      box-shadow: 0;
    }
    .p-message .p-message-content {
      justify-content: var(--palert-content-align, space-between);
      gap: var(--palert-content-gap, 0);
      margin-block: var(--palert-my, 0);
      margin-inline: var(--palert-mx, 0);
      padding-block: var(--palert-py, 0.625rem);
      padding-inline: var(--palert-px, 0.75rem);
      color: var(--palert-clr, #696cff);
      background: var(--palert-bg, #e9e9ff);
      border-width: var(--palert-border-width, 1px);
      border-color: var(--palert-border-clr, transparent);
      border-style: var(--palert-border-style, solid);
      border-radius: var(--palert-border-radius, 6px);
    }
    .p-message .p-message-content > :not(.p-message-text):has(> .p-message-text:empty) {
      display: none;
    }
    .p-message .p-message-content .p-message-text {
      display: inline-flex;
      align-items: center;
      gap: var(--palert-text-gap, 0.5rem);
    }
    .p-message .p-message-content .p-message-text .svg-icon svg {
      width: auto;
      height: var(--palert-svg-height, 20px);
      color: var(--palert-svg-clr, #424B59);
    }
    .p-message .p-message-content .p-message-text p {
      font-size: var(--palert-content-fs, 0.875rem);
      font-weight: var(--palert-content-fw, 400);
      line-height: var(--palert-content-lh, 1.0625rem);
      color: var(--palert-content-clr, #424B59);
    }
    .p-message .p-message-content .p-message-close-button {
      width: var(--palert-close-width, 2rem);
      height: var(--palert-close-height, 2rem);
      border-width: var(--palert-close-border-width, 1px);
      border-color: var(--palert-close-border-clr, transparent);
      border-style: var(--palert-close-border-style, solid);
      border-radius: var(--palert-close-border-radius, 50%);
      background: var(--palert-close-bg, transparent);
      color: var(--palert-close-clr, inherit);
      padding-block: var(--palert-close-py, 1.25rem);
      padding-inline: var(--palert-close-px, 1.75rem);
    }
    .p-message .p-message-content .p-message-close-button:hover {
      background: var(--palert-close-hover-bg, lightblue);
      color: var(--palert-close-hover-clr, inherit);
    }
    .p-message .p-message-content .p-message-close-button:focus-visible {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #BFDBFE;
    }
    .p-message.p-message-info {
      --palert-clr: var(--palert-info-clr);
      --palert-bg: var(--palert-info-bg);
      --palert-border-clr: var(--palert-info-border-clr);
      --palert-svg-clr: var(--palert-info-svg-clr);
      --palert-content-clr: var(--palert-info-content-clr);
      --palert-close-clr: var(--palert-info-close-clr);
    }
    .p-message.p-message-success {
      --palert-clr: var(--palert-success-clr);
      --palert-bg: var(--palert-success-bg);
      --palert-border-clr: var(--palert-success-border-clr);
      --palert-svg-clr: var(--palert-success-svg-clr);
      --palert-content-clr: var(--palert-success-content-clr);
      --palert-close-clr: var(--palert-success-close-clr);
    }
    .p-message.p-message-warning {
      --palert-clr: var(--palert-warning-clr);
      --palert-bg: var(--palert-warning-bg);
      --palert-border-clr: var(--palert-warning-border-clr);
      --palert-svg-clr: var(--palert-warning-svg-clr);
      --palert-content-clr: var(--palert-warning-content-clr);
      --palert-close-clr: var(--palert-warning-close-clr);
    }
    .p-message.p-message-error {
      --palert-clr: var(--palert-error-clr);
      --palert-bg: var(--palert-error-bg);
      --palert-border-clr: var(--palert-error-border-clr);
      --palert-svg-clr: var(--palert-error-svg-clr);
      --palert-content-clr: var(--palert-error-content-clr);
      --palert-close-clr: var(--palert-error-close-clr);
    }
    .p-message {
      --palert-content-align: space-between;
      --palert-content-gap: 0;
      --palert-my: 0;
      --palert-mx: 0;
      --palert-py: 1.25rem;
      --palert-px: 1.75rem;
      --palert-clr: #696cff;
      --palert-bg: #e9e9ff;
      --palert-border-width: 1px;
      --palert-border-clr: transparent;
      --palert-border-style: solid;
      --palert-border-radius: var(--radius-md);
      --palert-svg-height: 1rem;
      --palert-svg-clr: #424B59;
      --palert-text-gap: 0.5rem;
      --palert-content-fs: 0.875rem;
      --palert-content-fw: 400;
      --palert-content-lh: 1.0625rem;
      --palert-content-clr: #424B59;
      --palert-close-width: 2rem;
      --palert-close-height: 2rem;
      --palert-close-border-width: 1px;
      --palert-close-border-clr: transparent;
      --palert-close-border-style: solid;
      --palert-close-border-radius: var(--radius-circle);
      --palert-close-bg: transparent;
      --palert-close-clr: inherit;
      --palert-close-py: 1.25rem;
      --palert-close-px: 1.75rem;
      --palert-close-hover-bg: lightblue;
      --palert-close-hover-clr: inherit;
      --palert-info-bg: #e9e9ff;
      --palert-info-border-clr: #696cff;
      --palert-info-clr: #696cff;
      --palert-info-svg-clr: #696cff;
      --palert-info-content-clr: #696cff;
      --palert-info-clr: #696cff;
      --palert-success-bg: #e4f8f0;
      --palert-success-border-clr: #1ea97c;
      --palert-success-clr: #1ea97c;
      --palert-success-svg-clr: #1ea97c;
      --palert-success-content-clr: #1ea97c;
      --palert-success-clr: #1ea97c;
      --palert-success-clr: #1ea97c;
      --palert-warning-bg: #fff2e2;
      --palert-warning-border-clr: #cc8925;
      --palert-warning-clr: #cc8925;
      --palert-warning-svg-clr: #cc8925;
      --palert-warning-content-clr: #cc8925;
      --palert-error-bg: #ffe7e6;
      --palert-error-border-clr: #ff5757;
      --palert-error-clr: #ff5757;
      --palert-error-svg-clr: #ff5757;
      --palert-error-content-clr: #ff5757;
    }
    .p-message:is([class*=-form-error]) {
      --palert-my: 0.5rem 0;
      --palert-py: 0;
      --palert-px: 0;
      --palert-bg: transparent;
      --palert-border-width: 0;
      --palert-content-clr: var(--clr-danger);
      --palert-content-fs: 0.75rem;
      --palert-content-lh: 0.875rem;
      -webkit-user-select: none;
      user-select: none;
    }
  }
  @layer buttons {
    :root {
      --body-clr: initial;
      --body-bg: #f9fafb;
      --body-fs: initial;
      --body-fw: initial;
      --body-ff-ar:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --body-ff-en:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --clr-primary: hsl(153, 66%, 25%);
      --clr-primary-green: #1b8354;
      --clr-primary-hover: #036abf;
      --clr-secondary: #6c737f;
      --clr-secondary-bg: #f3f4f6;
      --clr-third: #0dcaf0;
      --clr-default: #161616;
      --clr-display: #1f2a37;
      --clr-success: #198754;
      --clr-success-dark: #065012;
      --clr-success-medium: #65a773;
      --clr-success-green: #17b26a;
      --clr-success-tag: #085d3a;
      --clr-success-light: #ecfdf3;
      --clr-success-border: #abefc6;
      --clr-warning: #ffc107;
      --clr-warning-dark: #b54708;
      --clr-warning-medium: #93370d;
      --clr-warning-orange: #f79009;
      --clr-warning-light: #fffaeb;
      --clr-warning-border: #fedf89;
      --clr-warning-bg: #dc6803;
      --clr-danger: #dc3545;
      --clr-danger-dark: #912018;
      --clr-danger-medium: #d32d17;
      --clr-danger-red: #f04438;
      --clr-danger-light: #fef3f2;
      --clr-danger-bg: #df9c90;
      --clr-danger-border: #fee4e2;
      --clr-info: #0dcaf0;
      --clr-info-blue: #175cd3;
      --clr-info-light-blue: #1495ff;
      --clr-info-light: #eff8ff;
      --clr-info-medium: #1570ef;
      --clr-info-border: #b2ddff;
      --clr-info-sky: #3daae1;
      --clr-info-bg: #ecf7fc;
      --clr-white: #ffffff;
      --clr-black: #000000;
      --clr-gray-50: #f9fafb;
      --clr-gray-100: #f3f4f6;
      --clr-gray-200: #e5e7eb;
      --clr-gray-300: #d2d6db;
      --clr-gray-400: #9da4ae;
      --clr-gray-500: #6c737f;
      --clr-gray-600: #4c515b;
      --clr-gray-700: #384250;
      --clr-gray-800: #1f2a37;
      --clr-gray-900: #161616;
      --clr-gray-light: #f0f1f2;
      --clr-gray-medium: #9fa4ae;
      --clr-gray-dark: #424b59;
      --clr-gray-darker: #2d3036;
      --clr-gray-border: #ced7e3;
      --clr-gray-border-light: #d3d6db;
      --clr-gray-disabled: #bbbec5;
      --clr-gray-hover: #e2e7ed;
      --clr-gray-icon: #6e7c91;
      --clr-gray-placeholder: #6b7280;
      --clr-gray-text: #898e99;
      --clr-gray-chip: #d1d3d8;
      --clr-gray-panel: #4d5761;
      --clr-gray-backdrop: #2b374d;
      --clr-brand-green: #067647;
      --clr-brand-light: #ebf4ee;
      --clr-brand-light-bg: #e6f3ec;
      --bg-grey: #f9fafb;
      --bg-card: #e9ebf2;
      --bg-hover: #f5faff;
      --bg-light: #fcfcfd;
      --bg-disabled: #f0f1f2;
      --bg-secondary: #eff6ff;
      --bg-panel: #f8fafc;
      --bg-tooltip: #2b374d;
      --clr-text-primary: #161616;
      --clr-text-secondary: #6c737f;
      --clr-text-tertiary: #384250;
      --clr-text-display: #1f2a37;
      --clr-text-muted: #6e7c91;
      --clr-text-disabled: #9da4ae;
      --clr-text-placeholder: #6b7280;
      --clr-text-dark: #101633;
      --clr-text-light: #1a1a1a;
      --clr-border-default: #d2d6db;
      --clr-border-light: #e9ebf2;
      --clr-border-medium: #ced7e3;
      --clr-border-input: #9da4ae;
      --clr-border-disabled: #bbbec5;
      --clr-shadow-focus: #bfdbfe;
      --clr-shadow-light: rgba(0, 0, 0, 0.1);
      --clr-shadow-medium: rgba(0, 0, 0, 0.4);
      --clr-transparent-white: #ffffff99;
      --clr-overlay: rgba(0, 0, 0, 0.4);
      --radius-none: 0;
      --radius-xs: 2px;
      --radius-sm: 4px;
      --radius-md: 6px;
      --radius-lg: 8px;
      --radius-xl: 12px;
      --radius-2xl: 16px;
      --radius-3xl: 24px;
      --radius-round: 99px;
      --radius-circle: 50%;
      --radius-full: 100%;
      --radius-pill: 40vw;
      --fs-xs: 12px;
      --fs-sm: 14px;
      --fs-sm-plus: 15px;
      --fs-base: 16px;
      --fs-md: 18px;
      --fs-lg: 20px;
      --fs-xl: 24px;
      --fs-2xl: 30px;
      --fs-2xl-minus: 29px;
      --fs-3xl: 48px;
      --fw-light: 300;
      --fw-normal: 400;
      --fw-medium: 500;
      --fw-semibold: 600;
      --fw-bold: 700;
    }
    .uces-btn {
      --pbtn-padding-block: 4px;
      --pbtn-padding-inline: 1rem;
      --pbtn-margin-block: 0px;
      --pbtn-margin-inline: 0px;
      --pbtn-align: center;
      --pbtn-justify-content: center;
      --pbtn-gap: 0.5rem;
      --pbtn-width: auto;
      --pbtn-minwidth: auto;
      --pbtn-minheight: 40px;
      --pbtn-fs: 16px;
      --pbtn-fw: 500;
      --pbtn-lineheight: 22px;
      --pbtn-text-decoration: none;
      --pbtn-clr: var(--clr-white);
      --pbtn-bg: var(--clr-primary);
      --pbtn-border-radius: var(--radius-sm);
      --pbtn-border-width: 1px;
      --pbtn-border-style: solid;
      --pbtn-border-clr: transparent;
      --pbtn-opacity: 1;
      --pbtn-boxshadow: none;
      --pbtn-outline: 0;
      --pbtn-link-hover-clr: var(--clr-primary);
      --pbtn-disabled-bg: var(--clr-gray-200);
      --pbtn-disabled-clr: var(--clr-gray-400);
      --pbtn-disabled-border-clr: var(--clr-gray-200);
      --pbtn-disabled-opacity: 0.5;
    }
    .uces-btn.btn-fw-bold {
      --pbtn-fw: 700;
    }
    .uces-btn.w-100 {
      --pbtn-width: 100%;
    }
    .uces-btn.btn-primary {
      --pbtn-clr: var(--clr-white);
      --pbtn-bg: var(--clr-primary);
      --pbtn-border-clr: var(--clr-primary);
    }
    .uces-btn.btn-transparent {
      --pbtn-bg: transparent;
      --pbtn-border-clr: transparent;
      border-radius: var(--radius-sm);
      padding: 4px 8px;
    }
    .uces-btn.btn-transparent:hover {
      background-color: var(--clr-secondary-bg);
    }
    .uces-btn.btn-light-primary {
      --pbtn-clr: var(--clr-primary);
      --pbtn-bg: var(--clr-light-primary);
      --pbtn-border-clr: var(--clr-light-primary);
    }
    .uces-btn.btn-dark-primary {
      --pbtn-clr: var(--clr-white);
      --pbtn-bg: var(--clr-dark-primary);
      --pbtn-border-clr: var(--clr-dark-primary);
    }
    .uces-btn.btn-secondary {
      --pbtn-clr: var(--clr-black);
      --pbtn-bg: var(--clr-secondary-bg);
      --pbtn-border-clr: var(--clr-secondary-bg);
    }
    .uces-btn.btn-success {
      --pbtn-clr: var(--clr-white);
      --pbtn-bg: var(--clr-success);
      --pbtn-border-clr: var(--clr-success);
    }
    .uces-btn.btn-warning {
      --pbtn-clr: var(--clr-white);
      --pbtn-bg: var(--clr-warning);
      --pbtn-border-clr: var(--clr-warning);
    }
    .uces-btn.btn-danger {
      --pbtn-clr: var(--clr-white);
      --pbtn-bg: var(--clr-danger);
      --pbtn-border-clr: var(--clr-danger);
    }
    .uces-btn.btn-light-danger {
      --pbtn-clr: var(--clr-danger);
      --pbtn-bg: var(--clr-light-danger);
      --pbtn-border-clr: var(--clr-light-danger);
    }
    .uces-btn.flex-grow-1 button {
      flex-grow: 1;
    }
    .uces-btn.btn-filter {
      --pbtn-bg: var(--clr-gray-light);
      --pbtn-clr: var(--clr-gray-placeholder);
      --pbtn-border-clr: transparent;
    }
    .uces-btn.btn-filter.active {
      --pbtn-bg: var(--clr-info-bg);
      --pbtn-clr: var(--clr-info-sky);
      --pbtn-border-clr: transparent;
    }
    .btn-secondary.flex-grow-1 button,
    .btn-primary.flex-grow-1 button {
      flex-grow: 1;
    }
    .btn-primary :disabled {
      background-color: var(--clr-gray-200);
      cursor: not-allowed;
    }
    p-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 40px;
      cursor: pointer;
    }
    p-button:has(.p-button:disabled),
    p-button:has(.p-button[disabled]),
    p-button:has(button:disabled),
    p-button:has(button[disabled]) {
      pointer-events: none !important;
    }
    p-button .p-button {
      display: inline-flex;
      align-items: center;
      cursor: pointer;
      transition: 0.2s all ease-in-out;
      justify-content: var(--pbtn-justify-content, center);
      text-align: var(--pbtn-align, center);
      width: var(--pbtn-width, auto);
      min-width: var(--pbtn-minwidth, auto);
      min-height: var(--pbtn-minheight, 40px);
      padding-block: var(--pbtn-padding-block, 5px);
      padding-inline: var(--pbtn-padding-inline, 20px);
      margin-block: var(--pbtn-margin-block, 5px);
      margin-inline: var(--pbtn-margin-inline, 0px);
      gap: var(--pbtn-gap, 0.5rem);
      text-decoration: var(--pbtn-text-decoration, none);
      font-size: var(--pbtn-fs, 0.875rem);
      font-weight: var(--pbtn-fw, bold);
      border-radius: var(--pbtn-border-radius, var(--radius-sm));
      color: var(--pbtn-clr, var(--clr-white));
      background-color: var(--pbtn-bg, var(--clr-primary));
      border-width: var(--pbtn-border-width, 1px);
      border-style: var(--pbtn-border-style, solid);
      border-color: var(--pbtn-border-clr, transparent);
      opacity: var(--pbtn-opacity, 1);
      box-shadow: var(--pbtn-boxshadow, none);
      outline: var(--pbtn-outline, var(--radius-none));
      line-height: var(--pbtn-lineheight, 1.5);
    }
    [dir=ltr] p-button .p-button .svg-icon {
      transform: scaleX(-1);
    }
    p-button .p-button:focus,
    p-button .p-button:focus-visible {
      --pbtn-boxshadow: none;
    }
    p-button .p-button.p-button-outlined {
      --pbtn-bg: transparent;
    }
    p-button .p-button:disabled,
    p-button .p-button[disabled] {
      --pbtn-clr: var(--pbtn-disabled-clr, #9fa4ae);
      --pbtn-bg: var(--pbtn-disabled-bg, #f3f4f6);
      --pbtn-border-clr: var(--pbtn-disabled-bg, #f3f4f6);
      --pbtn-opacity: 0.6;
      pointer-events: none !important;
      cursor: not-allowed !important;
    }
    p-button .p-button.btn-link:disabled,
    p-button .p-button.btn-link[disabled],
    p-button .p-button.p-button-link:disabled,
    p-button .p-button.p-button-link[disabled] {
      --pbtn-opacity: var(--pbtn-disabled-opacity, 0.4);
      --pbtn-clr: var(--pbtn-disabled-clr);
      --pbtn-bg: transparent;
      --pbtn-border-clr: transparent;
      pointer-events: none !important;
      cursor: not-allowed !important;
    }
    p-button .p-button.p-button-outlined:disabled,
    p-button .p-button.p-button-outlined[disabled] {
      --pbtn-opacity: var(--pbtn-disabled-opacity, 0.4);
      --pbtn-bg: transparent;
      --pbtn-border-clr: inherit;
      pointer-events: none !important;
      cursor: not-allowed !important;
    }
    p-button .p-button.p-button-link:enabled:hover,
    p-button .p-button.p-button-link:enabled:active {
      transition: 0s;
      --pbtn-clr: var(--pbtn-link-hover-clr, var(--clr-primary));
      --pbtn-opacity: 1;
    }
    p-button .p-button.p-button-link:enabled:hover .p-button-label,
    p-button .p-button.p-button-link:enabled:active .p-button-label {
      text-decoration: underline;
    }
    p-button .p-button-link,
    p-button.btn-sm .p-button-link,
    p-button.btn-transparent:focus-visible > .p-button,
    p-button.btn-link > .p-button,
    p-button.btn-transparent > .p-button {
      --pbtn-padding-block: 0px;
      --pbtn-padding-inline: 0px;
      --pbtn-bg: transparent;
      --pbtn-border-clr: transparent;
      --pbtn-minheight: auto;
      --pbtn-clr: var(--body-clr, var(--clr-black));
    }
    p-button.btn-icon > .p-button {
      --pbtn-padding-inline: 5px;
      --pbtn-padding-block: var(--pbtn-padding-inline);
      --pbtn-width: var(--pbtn-minheight);
      --pbtn-height: var(--pbtn-minheight);
      --pbtn-lineheight: 1.5;
      --pbtn-icon-border-radius: var(--radius-circle);
    }
    p-button.btn-primary .p-button-outlined {
      --pbtn-clr: var(--clr-primary);
      --pbtn-border-clr: var(--clr-primary);
    }
    p-button.btn-primary .p-button-outlined:hover {
      --pbtn-bg: var(--clr-primary);
      background-color: var(--clr-primary);
      --pbtn-border-clr: var(--clr-primary);
      --pbtn-clr: var(--clr-white);
    }
    p-button.btn-primary .p-button-outlined:hover svg,
    p-button.btn-primary .p-button-outlined:hover path {
      color: var(--clr-white);
      fill: var(--clr-white);
    }
    p-button.btn-dark-primary .p-button-outlined {
      --pbtn-clr: var(--clr-dark-primary);
    }
    p-button.btn-secondary .p-button-outlined {
      --pbtn-clr: var(--clr-black);
      --pbtn-border-clr: var(--clr-border-default);
    }
    p-button.btn-secondary .p-button-outlined:hover {
      --pbtn-bg: var(--clr-primary);
      background-color: var(--clr-primary);
      --pbtn-border-clr: var(--clr-primary);
      --pbtn-clr: var(--clr-white);
    }
    p-button.btn-secondary .p-button-outlined:hover svg,
    p-button.btn-secondary .p-button-outlined:hover path {
      color: var(--clr-white);
      fill: var(--clr-white);
    }
    p-button.btn-third .p-button-outlined {
      --pbtn-clr: var(--clr-third);
    }
    p-button.btn-success .p-button-outlined {
      --pbtn-clr: var(--clr-success);
    }
    p-button.btn-warning .p-button-outlined {
      --pbtn-clr: var(--clr-warning);
    }
    p-button.btn-danger .p-button-outlined {
      --pbtn-clr: var(--clr-danger);
    }
    p-button.btn-info .p-button-outlined {
      --pbtn-clr: var(--clr-info);
    }
    p-button.btn-sharp > .p-button {
      --pbtn-border-radius: var(--radius-none);
    }
    p-button.btn-pill:not(.btn-icon) > .p-button {
      --pbtn-border-radius: var(--radius-pill);
    }
    p-button.btn-pill.btn-icon > .p-button {
      --pbtn-border-radius: var(--radius-full);
    }
    p-button {
      --pbtn-padding-block: 5px;
      --pbtn-padding-inline: 20px;
      --pbtn-margin-block: 0px;
      --pbtn-margin-inline: 0px;
      --pbtn-align: center;
      --pbtn-justify-content: center;
      --pbtn-gap: 0.5rem;
      --pbtn-width: auto;
      --pbtn-minwidth: auto;
      --pbtn-height: auto;
      --pbtn-minheight: 40px;
      --pbtn-fs: 16px;
      --pbtn-fw: 500;
      --pbtn-lineheight: 1.5;
      --pbtn-text-decoration: none;
      --pbtn-clr: var(--clr-white);
      --pbtn-bg: var(--clr-primary);
      --pbtn-border-radius: var(--radius-sm);
      --pbtn-icon-border-radius: var(--radius-circle);
      --pbtn-border-width: 1px;
      --pbtn-border-style: solid;
      --pbtn-border-clr: transparent;
      --pbtn-opacity: 1;
      --pbtn-boxshadow: none;
      --pbtn-outline: 0;
      --pbtn-link-hover-clr: var(--clr-primary);
    }
    .btn-icon button {
      border-radius: var(--pbtn-icon-border-radius, var(--radius-circle));
    }
    .btn-icon.btn-secondary button {
      --pbtn-clr: var(--clr-black);
    }
    .custom-modal-btn button {
      --pbtn-minheight: 32px;
      --pbtn-border-radius: var(--radius-sm);
    }
    .custom-modal-btn button .btn-secondary {
      border-color: var(--clr-black);
    }
    .custom-modal-btn.btn-secondary button {
      --pbtn-border-clr: var(--clr-border-default);
    }
    .btn-secondary.btn-icon-only button {
      --pbtn-border-clr: var(--clr-white);
    }
    .search-button-with-margin {
      margin-top: 30px;
    }
    .auth-button-container {
      min-height: 77.33px;
    }
    .confirm-auth button {
      margin-top: 29px;
      transform: translateX(15px);
    }
    [dir=ltr] .confirm-auth button {
      transform: translateX(-15px);
    }
    .confirmed-auth {
      margin-top: 38px;
    }
    .dialog-actions {
      display: flex;
      gap: 8px;
    }
    .three-dots-button {
      width: 20px;
    }
    .three-dots-button button {
      background-color: transparent;
      width: 24px;
      height: 24px;
    }
    .three-dots-button button:hover {
      background-color: var(--clr-gray-100);
    }
    .uces-btn.min-h-auto {
      min-height: auto;
    }
  }
  @layer cards {
    :root {
      --body-clr: initial;
      --body-bg: #f9fafb;
      --body-fs: initial;
      --body-fw: initial;
      --body-ff-ar:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --body-ff-en:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --clr-primary: hsl(153, 66%, 25%);
      --clr-primary-green: #1b8354;
      --clr-primary-hover: #036abf;
      --clr-secondary: #6c737f;
      --clr-secondary-bg: #f3f4f6;
      --clr-third: #0dcaf0;
      --clr-default: #161616;
      --clr-display: #1f2a37;
      --clr-success: #198754;
      --clr-success-dark: #065012;
      --clr-success-medium: #65a773;
      --clr-success-green: #17b26a;
      --clr-success-tag: #085d3a;
      --clr-success-light: #ecfdf3;
      --clr-success-border: #abefc6;
      --clr-warning: #ffc107;
      --clr-warning-dark: #b54708;
      --clr-warning-medium: #93370d;
      --clr-warning-orange: #f79009;
      --clr-warning-light: #fffaeb;
      --clr-warning-border: #fedf89;
      --clr-warning-bg: #dc6803;
      --clr-danger: #dc3545;
      --clr-danger-dark: #912018;
      --clr-danger-medium: #d32d17;
      --clr-danger-red: #f04438;
      --clr-danger-light: #fef3f2;
      --clr-danger-bg: #df9c90;
      --clr-danger-border: #fee4e2;
      --clr-info: #0dcaf0;
      --clr-info-blue: #175cd3;
      --clr-info-light-blue: #1495ff;
      --clr-info-light: #eff8ff;
      --clr-info-medium: #1570ef;
      --clr-info-border: #b2ddff;
      --clr-info-sky: #3daae1;
      --clr-info-bg: #ecf7fc;
      --clr-white: #ffffff;
      --clr-black: #000000;
      --clr-gray-50: #f9fafb;
      --clr-gray-100: #f3f4f6;
      --clr-gray-200: #e5e7eb;
      --clr-gray-300: #d2d6db;
      --clr-gray-400: #9da4ae;
      --clr-gray-500: #6c737f;
      --clr-gray-600: #4c515b;
      --clr-gray-700: #384250;
      --clr-gray-800: #1f2a37;
      --clr-gray-900: #161616;
      --clr-gray-light: #f0f1f2;
      --clr-gray-medium: #9fa4ae;
      --clr-gray-dark: #424b59;
      --clr-gray-darker: #2d3036;
      --clr-gray-border: #ced7e3;
      --clr-gray-border-light: #d3d6db;
      --clr-gray-disabled: #bbbec5;
      --clr-gray-hover: #e2e7ed;
      --clr-gray-icon: #6e7c91;
      --clr-gray-placeholder: #6b7280;
      --clr-gray-text: #898e99;
      --clr-gray-chip: #d1d3d8;
      --clr-gray-panel: #4d5761;
      --clr-gray-backdrop: #2b374d;
      --clr-brand-green: #067647;
      --clr-brand-light: #ebf4ee;
      --clr-brand-light-bg: #e6f3ec;
      --bg-grey: #f9fafb;
      --bg-card: #e9ebf2;
      --bg-hover: #f5faff;
      --bg-light: #fcfcfd;
      --bg-disabled: #f0f1f2;
      --bg-secondary: #eff6ff;
      --bg-panel: #f8fafc;
      --bg-tooltip: #2b374d;
      --clr-text-primary: #161616;
      --clr-text-secondary: #6c737f;
      --clr-text-tertiary: #384250;
      --clr-text-display: #1f2a37;
      --clr-text-muted: #6e7c91;
      --clr-text-disabled: #9da4ae;
      --clr-text-placeholder: #6b7280;
      --clr-text-dark: #101633;
      --clr-text-light: #1a1a1a;
      --clr-border-default: #d2d6db;
      --clr-border-light: #e9ebf2;
      --clr-border-medium: #ced7e3;
      --clr-border-input: #9da4ae;
      --clr-border-disabled: #bbbec5;
      --clr-shadow-focus: #bfdbfe;
      --clr-shadow-light: rgba(0, 0, 0, 0.1);
      --clr-shadow-medium: rgba(0, 0, 0, 0.4);
      --clr-transparent-white: #ffffff99;
      --clr-overlay: rgba(0, 0, 0, 0.4);
      --radius-none: 0;
      --radius-xs: 2px;
      --radius-sm: 4px;
      --radius-md: 6px;
      --radius-lg: 8px;
      --radius-xl: 12px;
      --radius-2xl: 16px;
      --radius-3xl: 24px;
      --radius-round: 99px;
      --radius-circle: 50%;
      --radius-full: 100%;
      --radius-pill: 40vw;
      --fs-xs: 12px;
      --fs-sm: 14px;
      --fs-sm-plus: 15px;
      --fs-base: 16px;
      --fs-md: 18px;
      --fs-lg: 20px;
      --fs-xl: 24px;
      --fs-2xl: 30px;
      --fs-2xl-minus: 29px;
      --fs-3xl: 48px;
      --fw-light: 300;
      --fw-normal: 400;
      --fw-medium: 500;
      --fw-semibold: 600;
      --fw-bold: 700;
    }
    .p-card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-clip: border-box;
      color: black;
      padding: var(--pcard-padding, 1.5rem);
      background-color: var(--pcard-bg, var(--clr-white));
      border: var(--pcard-border-width, 0) var(--pcard-border-style, solid) var(--pcard-border-clr, transparent);
      border-radius: var(--pcard-border-radius-xl, 24px);
      margin-bottom: var(--pcard-mb, 1.5rem);
      box-shadow: var(--pcard-boxshadow, none);
    }
    .p-card.card-stretch {
      align-items: stretch;
      height: calc(100% - var(--pcard-mb));
    }
    .p-card .p-card-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: var(--pcard-header-gap, 0);
      padding: var(--pcard-header-padding, 0);
      background-color: var(--pcard-header-bg, transparent);
      border-bottom: var(--pcard-header-borderbottom-width, 0) var(--pcard-header-borderbottom-style, solid) var(--pcard-header-borderbottom-clr, transparent);
      border-radius: var(--pcard-header-border-radius, var(--pcard-border-radius) 0 0 var(--pcard-border-radius));
    }
    .p-card .p-card-header .card-title {
      display: flex;
      align-items: center;
      gap: var(--pcard-header-title-gap, 0);
      margin-block: var(--pcard-header-title-marginblock, 0);
      margin-inline: var(--pcard-header-title-margininline, 0);
    }
    .p-card .p-card-header .card-title h2 {
      color: var(--pcard-header-title-clr, black);
      font-size: var(--pcard-header-title-fs, 0.875rem);
      font-weight: var(--pcard-header-title-fw, 700);
      line-height: var(--pcard-header-title-linheight, 1.5);
    }
    .p-card .p-card-header .card-title .card-subtitle {
      margin-block: var(--pcard-header-subtitle-marginblock, 0);
      margin-inline: var(--pcard-header-subtitle-margininline, 0);
      color: var(--pcard-header-subtitle-clr, gray);
      font-size: var(--pcard-header-subtitle-fs, 0.75rem);
      font-weight: var(--pcard-header-subtitle-fw, 400);
      line-height: var(--pcard-header-subtitle-linheight, 1.5);
    }
    .p-card .p-card-header .card-toolbar {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: var(--pcard-header-toolbar-gap, 0);
      margin-block: var(--pcard-header-toolbar-marginblock, 0);
      margin-inline: var(--pcard-header-toolbar-margininline, 0);
    }
    @media screen and (max-width: 767.98px) {
      .p-card .p-card-header {
        --pcard-header-gap: var(--pcard-header-mobile-gap, 1rem);
        flex-direction: column;
        align-items: flex-start;
      }
      .p-card .p-card-header .card-title,
      .p-card .p-card-header .card-toolbar,
      .p-card .p-card-header .card-toolbar > .btn {
        width: 100%;
      }
    }
    .p-card .p-card-title,
    .p-card .p-card-subtitle {
      display: none;
    }
    .p-card .p-card-content {
      padding-block: var(--pcard-body-padding-block, 0);
      padding-inline: var(--pcard-body-padding-inline, 0);
    }
    .p-card .p-card-footer {
      display: flex;
      align-items: center;
      justify-content: var(--pcard-footer-justify, space-between);
      gap: var(--pcard-footer-gap, 16px);
      margin-block: var(--pcard-footer-margin-block, 0);
      margin-inline: var(--pcard-footer-margin-inline, 0);
      padding-block: var(--pcard-footer-padding-block, 0);
      padding-inline: var(--pcard-footer-padding-inline, 0);
      background-color: var(--pcard-footer-bg, transparent);
      border-top: var(--pcard-footer-bordertop-width, 0) var(--pcard-footer-bordertop-style, solid) var(--pcard-footer-bordertop-clr, transparent);
    }
    .p-card .p-card-footer .card-action {
      display: flex;
      align-items: center;
      gap: var(--pcard-footer-action-gap, 16px);
    }
    @media screen and (max-width: 767.98px) {
      .p-card .p-card-footer {
        --pcard-footer-gap: 0px;
        flex-direction: column;
      }
      .p-card .p-card-footer > *,
      .p-card .p-card-footer .card-action > .btn {
        width: 100%;
      }
      .p-card .p-card-footer .card-action {
        flex-direction: column;
      }
    }
    .p-card {
      --pcard-padding: 1.5rem;
      --pcard-mb: 1.25rem;
      --pcard-bg: var(--clr-white);
      --pcard-border-width: 1px;
      --pcard-border-style: solid;
      --pcard-border-clr: transparent;
      --pcard-border-radius: 0.5rem;
      --pcard-border-radius-xl: 24px;
      --pcard-boxshadow: none;
      --pcard-header-padding: 0 0 0 0;
      --pcard-header-bg: transparent;
      --pcard-header-borderbottom-width: 1px;
      --pcard-header-borderbottom-style: solid;
      --pcard-header-borderbottom-clr: transparent;
      --pcard-header-border-radius: 0 0 0 0;
      --pcard-header-gap: 0;
      --pcard-header-mobile-gap: 0;
      --pcard-header-title-marginblock: 0;
      --pcard-header-title-margininline: 0;
      --pcard-header-title-gap: 0;
      --pcard-header-title-clr: black;
      --pcard-header-title-fs: 1rem;
      --pcard-header-title-fw: 700;
      --pcard-header-title-linheight: 1.5;
      --pcard-header-subtitle-marginblock: 0;
      --pcard-header-subtitle-margininline: 0;
      --pcard-header-subtitle-clr: gray;
      --pcard-header-subtitle-fs: 0.875rem;
      --pcard-header-subtitle-fw: 400;
      --pcard-header-subtitle-linheight: 1.5;
      --pcard-header-toolbar-gap: 0;
      --pcard-header-toolbar-marginblock: 0;
      --pcard-header-toolbar-margininline: 0;
      --pcard-body-padding-block: 0;
      --pcard-body-padding-inline: 0;
      --pcard-footer-margin-block: 0;
      --pcard-footer-margin-inline: 0;
      --pcard-footer-padding-block: 0;
      --pcard-footer-padding-inline: 0;
      --pcard-footer-justify: space-between;
      --pcard-footer-gap: 0;
      --pcard-footer-bg: transparent;
      --pcard-footer-bordertop-width: 1px;
      --pcard-footer-bordertop-style: solid;
      --pcard-footer-bordertop-clr: transparent;
      --pcard-footer-action-gap: 0;
    }
  }
  @layer chips {
    .p-chip {
      gap: var(--chip-gap, 8px);
      padding-block: var(--chip-py, 0);
      padding-inline: var(--chip-px, 0.75rem);
      color: var(--chip-clr, #1f2a37);
      font-size: var(--chip-fs, 12px);
      font-weight: var(--chip-fw, 500);
      background: var(--chip-bg, #f9fafb);
      border: var(--chip-border-width, 1px) solid var(--chip-border-clr, #e5e7eb);
      border-radius: var(--chip-border-radius, 4px);
      min-height: var(--chip-min-height, 24px);
    }
    .p-chip .p-chip-text {
      color: var(--chip-clr, #1f2a37);
      font-size: var(--chip-fs, 12px);
      font-weight: var(--chip-fw, 500);
      line-height: var(--chip-lh, 1.5);
      margin-block: var(--chip-text-my, 0.375rem);
      margin-inline: var(--chip-text-mx, 0);
    }
    .p-chip .p-chip-icon {
      margin-block: var(--chip-customicon-my, 0);
      margin-inline: var(--chip-customicon-mx, 0 0.5rem);
    }
    .p-chip .p-chip-remove-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: var(--chip-icon-width, 14px);
      height: var(--chip-icon-height, 14px);
      padding-block: var(--chip-icon-py, 0);
      padding-inline: var(--chip-icon-px, 0);
      margin-block: var(--chip-icon-my, 0);
      margin-inline: var(--chip-icon-mx, 0);
      color: var(--chip-icon-clr, #495057);
      background: var(--chip-icon-bg, transparent);
      border: var(--chip-icon-border-width, 1px) solid var(--chip-icon-border-clr, transparent);
      border-radius: var(--chip-icon-border-radius, 6px);
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
    }
    .p-chip .p-chip-remove-icon .svg-icon {
      width: 14px;
      height: 14px;
    }
    .p-chip .p-chip-remove-icon:hover {
      color: var(--chip-icon-hover-clr, #495057);
      background: var(--chip-icon-hover-bg, transparent);
      border-color: var(--chip-icon-hover-border-clr, transparent);
      border-radius: var(--chip-icon-hover-border-radius, 6px);
    }
    .p-chip .p-chip-remove-icon:focus-visible {
      box-shadow: var(--chip-icon-focus-boxshadow, 0 0 0 0.2rem #bfdbfe);
    }
    .p-chip .p-chip-remove-icon:focus,
    .p-chip .p-chip-remove-icon:focus-visible {
      outline: 0 none;
      outline-offset: 0;
    }
    .p-chip img {
      width: var(--chip-img-width, 2.25rem);
      height: var(--chip-img-height, 2.25rem);
      margin-block: var(--chip-img-my, 0);
      margin-inline: var(--chip-img-mx, -0.75rem 0.5rem);
    }
    .p-chip {
      --chip-py: 0;
      --chip-px: 0.75rem;
      --chip-clr: #1f2a37;
      --chip-bg: #f9fafb;
      --chip-border-width: 1px;
      --chip-border-clr: #e5e7eb;
      --chip-border-radius: var(--radius-sm);
      --chip-min-height: 24px;
      --chip-fs: 12px;
      --chip-fw: 500;
      --chip-lh: 1.5;
      --chip-text-my: 0.375rem;
      --chip-text-mx: 0;
      --chip-icon-py: 0;
      --chip-icon-px: 0;
      --chip-icon-my: 0;
      --chip-icon-mx: 0;
      --chip-icon-width: 14px;
      --chip-icon-height: 14px;
      --chip-icon-clr: #495057;
      --chip-icon-bg: transparent;
      --chip-icon-border-width: 1px;
      --chip-icon-border-clr: transparent;
      --chip-icon-border-radius: var(--radius-md);
      --chip-icon-hover-clr: #495057;
      --chip-icon-hover-bg: transparent;
      --chip-icon-hover-border-clr: transparent;
      --chip-icon-hover-border-radius: var(--radius-md);
      --chip-icon-focus-boxshadow: 0 0 0 0.2rem #bfdbfe;
      --chip-customicon-my: 0;
      --chip-customicon-mx: 0 0.5rem;
      --chip-img-width: 2.25rem;
      --chip-img-height: 2.25rem;
      --chip-img-my: 0;
      --chip-img-mx: -0.75rem 0.5rem;
    }
  }
  @layer forms {
    :root {
      --body-clr: initial;
      --body-bg: #f9fafb;
      --body-fs: initial;
      --body-fw: initial;
      --body-ff-ar:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --body-ff-en:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --clr-primary: hsl(153, 66%, 25%);
      --clr-primary-green: #1b8354;
      --clr-primary-hover: #036abf;
      --clr-secondary: #6c737f;
      --clr-secondary-bg: #f3f4f6;
      --clr-third: #0dcaf0;
      --clr-default: #161616;
      --clr-display: #1f2a37;
      --clr-success: #198754;
      --clr-success-dark: #065012;
      --clr-success-medium: #65a773;
      --clr-success-green: #17b26a;
      --clr-success-tag: #085d3a;
      --clr-success-light: #ecfdf3;
      --clr-success-border: #abefc6;
      --clr-warning: #ffc107;
      --clr-warning-dark: #b54708;
      --clr-warning-medium: #93370d;
      --clr-warning-orange: #f79009;
      --clr-warning-light: #fffaeb;
      --clr-warning-border: #fedf89;
      --clr-warning-bg: #dc6803;
      --clr-danger: #dc3545;
      --clr-danger-dark: #912018;
      --clr-danger-medium: #d32d17;
      --clr-danger-red: #f04438;
      --clr-danger-light: #fef3f2;
      --clr-danger-bg: #df9c90;
      --clr-danger-border: #fee4e2;
      --clr-info: #0dcaf0;
      --clr-info-blue: #175cd3;
      --clr-info-light-blue: #1495ff;
      --clr-info-light: #eff8ff;
      --clr-info-medium: #1570ef;
      --clr-info-border: #b2ddff;
      --clr-info-sky: #3daae1;
      --clr-info-bg: #ecf7fc;
      --clr-white: #ffffff;
      --clr-black: #000000;
      --clr-gray-50: #f9fafb;
      --clr-gray-100: #f3f4f6;
      --clr-gray-200: #e5e7eb;
      --clr-gray-300: #d2d6db;
      --clr-gray-400: #9da4ae;
      --clr-gray-500: #6c737f;
      --clr-gray-600: #4c515b;
      --clr-gray-700: #384250;
      --clr-gray-800: #1f2a37;
      --clr-gray-900: #161616;
      --clr-gray-light: #f0f1f2;
      --clr-gray-medium: #9fa4ae;
      --clr-gray-dark: #424b59;
      --clr-gray-darker: #2d3036;
      --clr-gray-border: #ced7e3;
      --clr-gray-border-light: #d3d6db;
      --clr-gray-disabled: #bbbec5;
      --clr-gray-hover: #e2e7ed;
      --clr-gray-icon: #6e7c91;
      --clr-gray-placeholder: #6b7280;
      --clr-gray-text: #898e99;
      --clr-gray-chip: #d1d3d8;
      --clr-gray-panel: #4d5761;
      --clr-gray-backdrop: #2b374d;
      --clr-brand-green: #067647;
      --clr-brand-light: #ebf4ee;
      --clr-brand-light-bg: #e6f3ec;
      --bg-grey: #f9fafb;
      --bg-card: #e9ebf2;
      --bg-hover: #f5faff;
      --bg-light: #fcfcfd;
      --bg-disabled: #f0f1f2;
      --bg-secondary: #eff6ff;
      --bg-panel: #f8fafc;
      --bg-tooltip: #2b374d;
      --clr-text-primary: #161616;
      --clr-text-secondary: #6c737f;
      --clr-text-tertiary: #384250;
      --clr-text-display: #1f2a37;
      --clr-text-muted: #6e7c91;
      --clr-text-disabled: #9da4ae;
      --clr-text-placeholder: #6b7280;
      --clr-text-dark: #101633;
      --clr-text-light: #1a1a1a;
      --clr-border-default: #d2d6db;
      --clr-border-light: #e9ebf2;
      --clr-border-medium: #ced7e3;
      --clr-border-input: #9da4ae;
      --clr-border-disabled: #bbbec5;
      --clr-shadow-focus: #bfdbfe;
      --clr-shadow-light: rgba(0, 0, 0, 0.1);
      --clr-shadow-medium: rgba(0, 0, 0, 0.4);
      --clr-transparent-white: #ffffff99;
      --clr-overlay: rgba(0, 0, 0, 0.4);
      --radius-none: 0;
      --radius-xs: 2px;
      --radius-sm: 4px;
      --radius-md: 6px;
      --radius-lg: 8px;
      --radius-xl: 12px;
      --radius-2xl: 16px;
      --radius-3xl: 24px;
      --radius-round: 99px;
      --radius-circle: 50%;
      --radius-full: 100%;
      --radius-pill: 40vw;
      --fs-xs: 12px;
      --fs-sm: 14px;
      --fs-sm-plus: 15px;
      --fs-base: 16px;
      --fs-md: 18px;
      --fs-lg: 20px;
      --fs-xl: 24px;
      --fs-2xl: 30px;
      --fs-2xl-minus: 29px;
      --fs-3xl: 48px;
      --fw-light: 300;
      --fw-normal: 400;
      --fw-medium: 500;
      --fw-semibold: 600;
      --fw-bold: 700;
    }
    .form-group {
      margin-bottom: 24px;
    }
    label {
      display: block;
      font-size: 0.875rem;
      font-weight: var(--fw-normal);
      color: #161616;
      text-align: start;
      -webkit-user-select: none;
      user-select: none;
    }
    :is([class*=-form-control]) {
      font-feature-settings: var(--font-feature-settings, normal);
      display: inline-block;
      width: var(--form-control-width, 100%);
      height: var(--form-control-height, auto);
      min-width: var(--form-control-minwidth, 150px);
      min-height: var(--form-control-minheight, 40px);
      line-height: var(--form-control-lh, 40px);
      padding-inline: var(--form-control-px, 20px);
      border-width: var(--form-control-border-width, 1px);
      border-style: solid;
      border-color: var(--form-control-border-clr, transparent);
      border-radius: var(--form-control-border-radius, 6px);
      background: var(--form-control-bg, var(--clr-white));
      color: var(--form-control-clr, #161616);
      font-size: var(--form-control-fs, 1rem);
      font-weight: var(--form-control-fw, 500);
      box-shadow: var(--form-control-boxshadow, none);
      cursor: text;
      transition: var(--form-control-transition, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s);
      appearance: none;
    }
    :is([class*=-form-control]) .p-iconfield-left .p-inputtext {
      padding-inline: 44px;
    }
    :is([class*=-form-control]):enabled:hover {
      border-color: var(--form-control-hover-border-clr, var(--clr-primary));
    }
    :is([class*=-form-control]):enabled:focus,
    :is([class*=-form-control]):enabled:focus-visible {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: var(--form-control-focus-boxshadow, 0 0 0 0.2rem #bfdbfe);
      border-color: var(--form-control-focus-border-clr, var(--clr-primary));
    }
    :is([class*=-form-control])::placeholder {
      min-height: var(--form-control-placeholder-minheight, 18px);
      font-size: var(--form-control-placeholder-fs, 16px);
      font-weight: var(--form-control-placeholder-fw, 400);
      color: var(--form-control-placeholder-clr, lightgrey);
    }
    :is([class*=-form-control])[readonly],
    :is([class*=-form-control])[disabled],
    :is([class*=-form-control]):disabled {
      cursor: default;
      color: var(--form-control-disabled-clr, #4c515b);
      background: var(--form-control-disabled-bg, #f0f1f2);
      border-color: var(--form-control-disabled-border-clr, #bbbec5);
    }
    :is([class*=-form-control])[readonly]:enabled:focus,
    :is([class*=-form-control])[readonly]:enabled:focus-within,
    :is([class*=-form-control])[readonly]:enabled:hover {
      border-color: var(--form-control-disabled-border-clr, #bbbec5);
    }
    :is([class*=-form-control]).ng-dirty.ng-invalid,
    :is([class*=-form-control]).ng-dirty.ng-invalid:focus,
    :is([class*=-form-control])[invalid]:focus-visible,
    :is([class*=-form-control]).ng-dirty.ng-invalid:focus-visible,
    :is([class*=-form-control])[invalid]:hover,
    :is([class*=-form-control]).ng-dirty.ng-invalid:hover {
      border-color: var(--form-control-invalid-border-clr, var(--clr-danger));
    }
    :is([class*=-form-control]) {
      --form-control-width: auto;
      --form-control-height: auto;
      --form-control-minwidth: 150px;
      --form-control-minheight: 40px;
      --form-control-lh: 40px;
      --form-control-py: 5px;
      --form-control-px: 20px;
      --form-control-border-width: 1px;
      --form-control-border-clr: #9da4ae;
      --form-control-border-radius: var(--radius-sm);
      --form-control-bg: var(--clr-white);
      --form-control-clr: #161616;
      --form-control-fs: 1rem;
      --form-control-fw: 500;
      --form-control-boxshadow: none;
      --form-control-transition:
        background-color 0.2s,
        color 0.2s,
        border-color 0.2s,
        box-shadow 0.2s;
      --form-control-hover-border-clr: var(--clr-primary);
      --form-control-focus-boxshadow: none;
      --form-control-focus-border-clr: var(--clr-primary);
      --form-control-invalid-border-clr: var(--clr-danger);
      --form-control-placeholder-minheight: 18px;
      --form-control-placeholder-fs: 16px;
      --form-control-placeholder-fw: 400;
      --form-control-placeholder-clr: lightgrey;
      --form-control-disabled-bg: #f0f1f2;
      --form-control-disabled-border-clr: #bbbec5;
      --form-control-autofill-boxshadow: 0 0 0 100px #fff inset;
      --form-control-autofill-bg: var(--clr-white);
      --form-control-autofill-clr: #2b374d;
    }
    .p-iconfield {
      display: flex;
      align-items: center;
    }
    .p-iconfield > .svg-icon {
      position: absolute;
      inset-block: 0;
      margin-block: auto;
      color: #6e7c91;
    }
    [dir=ltr] .p-iconfield.p-iconfield-left > .svg-icon {
      inset-inline-start: 12px;
    }
    [dir=rtl] .p-iconfield.p-iconfield-right > .svg-icon {
      inset-inline-start: 12px;
    }
    [dir=ltr] .p-iconfield.p-iconfield-right > .svg-icon {
      inset-inline-start: 12px;
    }
    [dir=ltr] .p-iconfield.p-iconfield-right .uces-form-control.p-password-input,
    [dir=ltr] .p-iconfield.p-iconfield-right > .uces-form-control {
      padding-inline-start: 44px;
    }
    [dir=rtl] .p-iconfield.p-iconfield-right .uces-form-control.p-password-input,
    [dir=rtl] .p-iconfield.p-iconfield-right > .uces-form-control {
      padding-inline-start: 44px;
    }
    .p-iconfield:has(.p-inputicon) input {
      padding-inline: 44px;
    }
    p-password [class*=-form-control] {
      padding-inline-end: calc(var(--ppassword-icon-width, 1rem) + var(--ppassword-icon-insetend, 1rem) + 0.5rem);
    }
    p-password .p-password-toggle-mask-icon {
      position: absolute;
      width: var(--ppassword-icon-width, 1rem);
      height: var(--ppassword-icon-height, var(--ppassword-icon-width, 1rem));
      inset-block: 0;
      margin-block: auto;
      inset-inline-end: var(--ppassword-icon-insetend, 1rem);
      color: var(--ppassword-icon-color, lightgray);
      cursor: pointer;
    }
    p-password {
      --ppassword-icon-insetend: 1rem;
      --ppassword-icon-width: 1rem;
      --ppassword-icon-height: 1rem;
      --ppassword-icon-color: lightgray;
    }
    p-password .p-password-panel {
      padding: 1.25rem;
      background: #ffffff;
      color: #495057;
      border: 0 none;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      border-radius: var(--radius-md);
    }
    p-password .p-password-panel .p-password-meter {
      margin-bottom: 0.5rem;
      background: #dee2e6;
    }
    p-password .p-password-panel .p-password-meter .p-password-strength.weak {
      background: #ea5455;
    }
    p-password .p-password-panel .p-password-meter .p-password-strength.medium {
      background: #ff9f42;
    }
    p-password .p-password-panel .p-password-meter .p-password-strength.strong {
      background: #29c76f;
    }
    p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
      border-color: #e24c4c;
    }
    p-password.p-password-clearable .p-password-input {
      padding-right: 2.5rem;
    }
    p-password.p-password-clearable .p-password-clear-icon {
      color: #6c757d;
      right: 0.75rem;
    }
    p-password.p-password-clearable.p-password-mask .p-password-input {
      padding-right: 4.25rem;
    }
    p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
      color: #6c757d;
      right: 2.5rem;
    }
    p-password .p-password {
      width: 100%;
    }
    p-password .p-password > .p-icon-wrapper {
      top: auto;
      inset-block: 0;
      margin-block: auto;
      inset-inline-end: 16px;
      align-items: center;
      justify-content: center;
      height: 16px;
      width: 16px;
    }
    p-password .p-password > .p-icon-wrapper svg {
      height: 16px;
      width: 16px;
    }
    p-datepicker {
      width: 100%;
      display: block;
      position: relative;
    }
    p-datepicker .p-datepicker {
      width: 100%;
      min-height: 40px;
    }
    p-datepicker .p-datepicker input {
      width: 100%;
      padding-inline: 10px;
      padding-block: 5px;
      background-color: transparent;
      color: var(--clr-default);
      font-weight: var(--fw-medium);
      font-size: 16px;
      border-color: #9da4ae;
    }
    p-datepicker .p-datepicker input:focus {
      border: 1px solid var(--clr-primary);
    }
    p-datepicker .p-datepicker input::placeholder {
      color: #6c737f;
      font-size: 16px;
    }
    p-datepicker .p-datepicker-clear-icon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 12%;
      color: #6b7280;
    }
    [dir=ltr] p-datepicker .p-datepicker-clear-icon {
      left: auto;
      right: 12%;
    }
    p-datepicker .p-datepicker-input-icon-container {
      top: 0;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .p-datepicker-panel {
      border: unset;
    }
    .p-datepicker-calendar {
      background-color: #fff;
      border-radius: 5px;
    }
    .p-datepicker-calendar .p-datepicker-header {
      padding-inline: 10px;
      padding-block: 5px;
      border-color: #9da4ae;
      border-top-right-radius: 6px;
      border-top-left-radius: 6px;
      color: #334155;
      font-weight: var(--fw-normal);
      margin-bottom: 0.25rem;
    }
    .p-datepicker-calendar .p-datepicker-header .p-datepicker-prev-button,
    .p-datepicker-calendar .p-datepicker-header .p-datepicker-next-button {
      width: 40px;
      height: 35px;
      padding: 0;
      border-radius: var(--radius-circle);
      color: #334155;
      background: transparent;
    }
    .p-datepicker-calendar .p-datepicker-header .p-datepicker-prev-button span,
    .p-datepicker-calendar .p-datepicker-header .p-datepicker-next-button span {
      display: none;
    }
    .p-datepicker-calendar .p-datepicker-header .p-datepicker-prev-button:hover,
    .p-datepicker-calendar .p-datepicker-header .p-datepicker-next-button:hover {
      background-color: #f1f5f9;
    }
    .p-datepicker-calendar .p-datepicker-weekday {
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
      color: #334155;
    }
    .p-datepicker-calendar .p-datepicker-day {
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
      --p-datepicker-date-color: #334155;
    }
    .p-datepicker-calendar .p-datepicker-day:hover {
      background-color: #cfd3d6;
      color: #334155;
    }
    .p-datepicker-calendar .p-datepicker-day-view {
      padding: 10px;
    }
    .p-datepicker-calendar .p-datepicker-day-selected {
      background-color: var(--clr-primary);
      color: #fff;
    }
    .p-datepicker-calendar .p-datepicker-today > .p-datepicker-day {
      background-color: #aeb1b6;
    }
    .p-datepicker-date-selected {
      background-color: #334155;
      color: #fff;
    }
    p-inputswitch {
      display: inline-flex;
      align-items: center;
    }
    p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
      border-color: #e24c4c;
    }
    p-inputswitch .p-inputswitch {
      width: var(--switch-width, 3rem);
      height: var(--switch-height, 1.75rem);
    }
    p-inputswitch .p-inputswitch .p-inputswitch-slider {
      background: var(--switch-slider-bg, #ced4da);
      transition: var(--switch-slider-transition, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s);
      border-radius: var(--switch-slider-border-radius, 30px);
    }
    p-inputswitch .p-inputswitch .p-inputswitch-slider:before {
      background: var(--switch-circle-bg, var(--clr-white));
      width: var(--switch-circle-width, calc(var(--switch-height) - 8px));
      height: var(--switch-circle-height, calc(var(--switch-height) - 8px));
      left: var(--switch-circle-left, 0.25rem);
      top: 0 !important;
      inset-block: 0;
      margin-block: auto;
      border-radius: var(--switch-circle-border-radius, 100%);
      transition-duration: 0.2s;
    }
    p-inputswitch .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
      background: var(--switch-slider-checked-bg, #3b82f6);
    }
    p-inputswitch .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
      transform: translateX(calc(var(--switch-width) - var(--switch-circle-width) - 10px));
      background: var(--switch-circle-checked-bg, var(--clr-white));
    }
    p-inputswitch .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
      background: var(--switch-slider-checked-hover-bg, #2563eb);
    }
    p-inputswitch .p-inputswitch.p-focus .p-inputswitch-slider {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: var(--switch-slider-focus-boxshadow, 0 0 0 0.2rem #bfdbfe);
    }
    p-inputswitch .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
      background: var(--switch-slider-hover-bg, #b6bfc8);
    }
    p-inputswitch .p-inputswitch {
      --switch-width: 3rem;
      --switch-height: 1.75rem;
      --switch-slider-bg: #ced4da;
      --switch-slider-transition:
        background-color 0.2s,
        color 0.2s,
        border-color 0.2s,
        box-shadow 0.2s;
      --switch-slider-border-radius: 30px;
      --switch-circle-bg: var(--clr-white);
      --switch-circle-width: calc(var(--switch-height) - 8px);
      --switch-circle-height: calc(var(--switch-height) - 8px);
      --switch-circle-border-radius: var(--radius-full);
      --switch-circle-left: 0.25rem;
      --switch-slider-checked-bg: #3b82f6;
      --switch-circle-checked-bg: var(--clr-white);
      --switch-slider-checked-hover-bg: #2563eb;
      --switch-slider-focus-boxshadow: 0 0 0 0.2rem #bfdbfe;
      --switch-slider-hover-bg: #b6bfc8;
    }
    p-radiobutton {
      gap: var(--radio-wrapper-gap, 8px);
    }
    p-radiobutton .p-radiobutton {
      width: var(--radio-width, 22px);
      height: var(--radio-height, 22px);
    }
    p-radiobutton .p-radiobutton .p-radiobutton-box {
      width: var(--radio-width, 22px);
      height: var(--radio-height, 22px);
      color: var(--radio-clr, #495057);
      background: var(--radio-bg, var(--clr-white));
      border: solid var(--radio-border-clr, #ced4da);
      border-width: var(--radio-border-width, 1px);
      border-radius: var(--radio-border-radius, 50%);
      transition:
        background-color 0.2s,
        color 0.2s,
        border-color 0.2s,
        box-shadow 0.2s;
    }
    p-radiobutton .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
      border-color: var(--radio-active-border-clr, #3b82f6);
    }
    p-radiobutton .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover .p-radiobutton-icon {
      background-color: var(--radio-active-icon-bg, #3b82f6);
      transform: unset;
      visibility: unset;
    }
    p-radiobutton .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: var(--radio-boxshadow, 0 0 0 0.2rem #bfdbfe);
      border-color: var(--radio-active-border-clr, #3b82f6);
    }
    p-radiobutton .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus .p-radiobutton-icon {
      background-color: var(--radio-active-icon-bg, #3b82f6);
    }
    p-radiobutton .p-radiobutton .p-radiobutton-box.p-highlight {
      border-color: var(--radio-active-border-clr, #3b82f6);
      background: var(--radio-active-bg, #3b82f6);
    }
    p-radiobutton .p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
      background-color: var(--radio-active-icon-bg, #3b82f6);
    }
    p-radiobutton .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
      border-color: var(--radio-active-hover-border-clr, #1d4ed8);
      background: var(--radio-active-hover-bg, #1d4ed8);
      color: var(--radio-active-hover-clr, var(--clr-white));
    }
    p-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
      width: var(--radio-icon-width, 12px);
      height: var(--radio-icon-height, 12px);
      background-color: var(--radio-icon-bg, var(--clr-white));
      transition-duration: 0.2s;
    }
    p-radiobutton .p-radiobutton-label {
      margin-block: var(--radio-label-my, 0);
      margin-inline: var(--radio-label-mx, 0);
      padding-block: var(--radio-label-py, 0);
      padding-inline: var(--radio-label-px, 0);
      color: var(--radio-label-clr, #333);
      font-size: var(--radio-label-fs, 16px);
      font-weight: var(--radio-label-fw, 400);
      line-height: var(--radio-label-lh, 1.5);
    }
    p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
      border-color: var(--radio-invalid-border-clr, #e24c4c);
    }
    p-radiobutton {
      --radio-wrapper-gap: 8px;
      --radio-width: 22px;
      --radio-height: 22px;
      --radio-clr: #495057;
      --radio-bg: var(--clr-white);
      --radio-border-clr: #ced4da;
      --radio-border-width: 1px;
      --radio-border-radius: var(--radius-circle);
      --radio-boxshadow: 0 0 0 0.2rem #bfdbfe;
      --radio-active-border-clr: var(--clr-primary);
      --radio-active-bg: #fff;
      --radio-active-hover-border-clr: #1d4ed8;
      --radio-active-hover-bg: #1d4ed8;
      --radio-active-hover-clr: var(--clr-white);
      --radio-icon-width: 12px;
      --radio-icon-height: 12px;
      --radio-icon-bg: var(--clr-white);
      --radio-active-icon-bg: #3b82f6;
      --radio-invalid-border-clr: #e24c4c;
      --radio-label-my: 0;
      --radio-label-mx: 0;
      --radio-label-py: 0;
      --radio-label-px: 0;
      --radio-label-clr: #333;
      --radio-label-fs: 16px;
      --radio-label-fw: 400;
      --radio-label-lh: 1.5;
    }
    .p-input-filled .p-radiobutton .p-radiobutton-box {
      background-color: #e9ecef;
    }
    .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
      background-color: #e9ecef;
    }
    .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
      background: #3b82f6;
    }
    .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
      background-color: #1d4ed8;
    }
    p-toggleswitch {
      transform: rotate(180deg);
      min-width: 48px;
      height: 24px;
    }
    .p-toggleswitch {
      width: 100%;
      height: 100%;
    }
    .p-toggleswitch-slider {
      position: relative;
    }
    .p-toggleswitch-handle {
      position: absolute;
      inset-block: 0;
      margin-block: auto;
    }
    .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider {
      background-color: var(--clr-primary);
    }
    .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle {
      background-color: #fff;
      inset-inline-start: calc(100% - 20px);
    }
    .p-datepicker-title button {
      color: #161616;
    }
    .p-datepicker-title button:hover {
      background-color: #f1f5f9;
    }
    .p-datepicker-header {
      background-color: #fff;
      color: #161616;
    }
    .p-datepicker-header .p-datepicker-prev-button,
    .p-datepicker-header .p-datepicker-next-button {
      width: 35px;
      height: 35px;
      border-radius: var(--radius-circle);
    }
    .view-attachments {
      gap: 0.25rem;
    }
    lib-radio-button .field-checkbox,
    .radio-portal .field-checkbox {
      display: flex;
      flex-direction: column !important;
      align-items: start;
      flex-wrap: wrap;
      gap: 24px;
      margin-bottom: 30px;
    }
    lib-radio-button .p-radiobutton-icon,
    .radio-portal .p-radiobutton-icon {
      transform: translateZ(0) scale(0);
    }
    lib-radio-button .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon,
    .radio-portal .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
      transform: translateZ(0) scale(1, 1);
    }
    lib-radio-button p-radiobutton .p-radiobutton .p-radiobutton-box,
    .radio-portal p-radiobutton .p-radiobutton .p-radiobutton-box {
      --radio-border-clr: #6c737f;
    }
    lib-radio-button p-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon,
    .radio-portal p-radiobutton .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
      --radio-icon-bg: var(--primary-color, #1b8354);
    }
    lib-radio-button .p-radiobutton-checked .p-radiobutton-box,
    .radio-portal .p-radiobutton-checked .p-radiobutton-box {
      border-color: #1b8354;
    }
    lib-radio-button label,
    .radio-portal label {
      color: var(--clr-default);
      font-size: var(--fs-base);
      line-height: 24px;
      font-weight: var(--fw-medium);
    }
    .p-select {
      width: var(--pselect-width, 100%);
      height: var(--pselect-height, auto);
      min-width: var(--pselect-min-width, 150px);
      min-height: var(--pselect-min-height, 40px);
      line-height: var(--pselect-lh, 40px);
      padding-inline-start: 16px;
      border: 1px solid var(--pselect-border-clr, #ced4da);
      border-width: var(--pselect-border-width, 1px);
      border-radius: var(--pselect-border-radius, 6px);
      background: var(--pselect-bg, var(--clr-white));
      color: var(--pselect-clr, #495057);
      font-size: var(--pselect-fs, 1rem);
      font-weight: var(--pselect-fw, 500);
      box-shadow: var(--pselect-boxshadow, none);
      cursor: pointer;
      transition: var(--pselect-transition, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s);
      appearance: none;
    }
    .p-select:not(.p-disabled):hover {
      border-color: var(--clr-primary, #1b8354);
    }
    .p-select:not(.p-disabled).p-focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: var(--pselect-focus-boxshadow, 0 0 0 0.2rem #bfdbfe);
      border-color: var(--pselect-focus-border-clr, #3b82f6);
    }
    .p-select[readonly],
    .p-select.p-disabled {
      cursor: default;
      color: var(--form-control-disabled-clr, #4c515b);
      background: var(--form-control-disabled-bg, #f0f1f2);
      border-color: var(--form-control-disabled-border-clr, #bbbec5);
    }
    .p-select[readonly] .p-select-label,
    .p-select.p-disabled .p-select-label {
      color: #4c515b;
    }
    .p-select.p-invalid.p-component {
      border-color: var(--pselect-invalid-border-clr, #e24c4c);
    }
    .p-select .p-select-label {
      padding-block: var(--pselect-label-py, 0);
      padding-inline: var(--pselect-label-px, 0);
      min-height: var(--pselect-label-minheight, 18px);
      font-size: var(--pselect-label-fs, 16px);
      font-weight: var(--pselect-label-fw, 400);
      line-height: var(--pselect-label-lh, 40px);
      color: var(--pselect-label-clr, #161616);
    }
    .p-select .p-select-label.p-placeholder {
      min-height: var(--pselect-placeholder-minheight, 18px);
      font-size: var(--pselect-placeholder-fs, 16px);
      font-weight: var(--pselect-placeholder-fw, 400);
      color: var(--pselect-placeholder-clr, #6c757d);
    }
    .p-select .p-select-label:focus,
    .p-select .p-select-label:enabled:focus {
      outline: 0 none;
      box-shadow: none;
    }
    .p-select .p-select-dropdown {
      margin-inline-start: var(--pselect-arrow-margin-istart, 8px);
      background: var(--pselect-arrow-bg, transparent);
      color: var(--pselect-arrow-clr, #6c757d);
      width: var(--pselect-arrow-width, 3rem);
      border-radius: var(--pselect-arrow-border-radius, 6px 6px 0 0);
    }
    .p-select .p-select-dropdown > .p-iconwrapper {
      width: var(--pselect-arrow-icon-width, 16px);
    }
    .p-select .p-select-dropdown > .p-dropdown-trigger-icon.pi.pi-spin.pi-spinner {
      width: 20px;
      height: 20px;
      position: relative;
    }
    .p-select .p-select-dropdown > .p-dropdown-trigger-icon.pi.pi-spin.pi-spinner::before {
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      background-image: url('data:image/svg+xml;utf8,<svg version="1.1" width="100" height="100" id="L9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve"><path fill="rgb(181, 188, 196)" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50"><animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite" /></path></svg>');
      background-repeat: no-repeat;
      background-position: center;
      background-size: 40px;
      inset-block: 0;
      margin-block: auto;
      inset-inline-start: 0;
    }
    .p-select {
      --pselect-width: 100%;
      --pselect-height: auto;
      --pselect-min-width: 150px;
      --pselect-min-height: 40px;
      --pselect-lh: 40px;
      --pselect-py: 5px;
      --pselect-px: 20px;
      --pselect-border-clr: #ced4da;
      --pselect-border-width: 1px;
      --pselect-border-radius: var(--radius-md);
      --pselect-bg: var(--clr-white);
      --pselect-clr: #495057;
      --pselect-fs: 1rem;
      --pselect-fw: 500;
      --pselect-boxshadow: none;
      --pselect-transition: all 0.2s;
      --pselect-focus-boxshadow: none;
      --pselect-focus-border-clr: var(--clr-primary);
      --pselect-disabled-clr: #4c515b;
      --pselect-disabled-bg: #f0f1f2;
      --pselect-disabled-border-clr: #bbbec5;
      --pselect-invalid-border-clr: var(--clr-danger);
      --pselect-label-py: 0;
      --pselect-label-px: 0;
      --pselect-label-minheight: 18px;
      --pselect-label-fs: 16px;
      --pselect-label-fw: 400;
      --pselect-label-lh: 40px;
      --pselect-label-clr: #161616;
      --pselect-placeholder-minheight: 18px;
      --pselect-placeholder-fs: 16px;
      --pselect-placeholder-fw: 400;
      --pselect-placeholder-clr: #6c757d;
      --pselect-arrow-margin-istart: 8px;
      --pselect-arrow-bg: transparent;
      --pselect-arrow-clr: #6c757d;
      --pselect-arrow-width: 3rem;
      --pselect-arrow-border-radius: 6px 6px 0 0;
      --pselect-arrow-icon-width: 16px;
    }
    .p-select .p-select-clear-icon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      color: #6c757d;
    }
    [dir=rtl] .p-select .p-select-clear-icon {
      left: 2.5rem;
      right: auto;
    }
    [dir=ltr] .p-select .p-select-clear-icon {
      right: 2.5rem;
      left: auto;
    }
    .p-select-overlay {
      margin-inline: var(--pselect-ddl-mx, 0);
      background: var(--pselect-ddl-bg, var(--clr-white));
      color: var(--pselect-ddl-clr, #495057);
      border: unset;
      border-width: var(--pselect-ddl-border-width, 0);
      border-radius: var(--pselect-ddl-border-radius, 6px);
      box-shadow: var(--pselect-ddl-boxshadow, 0 2px 12px 0 rgba(0, 0, 0, 0.1));
    }
    .p-select-overlay .p-select-list {
      padding-inline: var(--pselect-ddl-container-px, 0);
      gap: 0;
    }
    .p-select-overlay .p-select-list .p-select-option {
      margin-inline: var(--pselect-ddl-item-mx, 0);
      padding-inline: var(--pselect-ddl-item-px, 1.25rem);
      border: 1px solid var(--pselect-ddl-item-border-clr, transparent);
      border-width: var(--pselect-ddl-item-border-width, 0);
      border-radius: var(--pselect-ddl-item-border-radius, 0);
      color: var(--pselect-ddl-item-clr, #495057);
      background: var(--pselect-ddl-item-bg, transparent);
      transition: box-shadow 0.2s;
      font-size: var(--pselect-ddl-item-fs, 14px);
      font-weight: var(--pselect-ddl-item-fw, 500);
      line-height: var(--pselect-ddl-item-lh, 22px);
      min-height: 37px;
    }
    .p-select-overlay .p-select-list .p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {
      color: var(--pselect-ddl-item-focus-clr, #495057);
      background: var(--pselect-ddl-item-focus-bg, #dee2e6);
    }
    .p-select-overlay .p-select-list .p-select-option:not(.p-select-option-selected):not(.p-disabled):hover {
      color: var(--pselect-ddl-item-hover-clr, #495057);
      background: var(--pselect-ddl-item-hover-bg, #e9ecef);
    }
    .p-select-overlay .p-select-list .p-select-option.p-select-option-selected {
      color: var(--clr-primary, #1b8354);
      font-size: var(--pselect-ddl-item-selected-fs, 14px);
      font-weight: var(--pselect-ddl-item-selected-fw, 500);
      line-height: var(--pselect-ddl-item-selected-lh, 22px);
      background: var(--pselect-ddl-item-selected-bg, #e9ecef);
    }
    .p-select-overlay .p-select-list .p-select-option.p-select-option-selected.p-focus {
      background: var(--pselect-ddl-item-selected-focus-bg, rgba(59, 130, 246, 0.24));
      color: var(--clr-primary, #1b8354);
    }
    .p-select-overlay .p-select-list p-selectitem:last-child .p-dropdown-item {
      margin: 0;
    }
    .p-select-overlay {
      --pselect-ddl-my: 8px 0;
      --pselect-ddl-mx: 0;
      --pselect-ddl-bg: var(--clr-white);
      --pselect-ddl-clr: #495057;
      --pselect-ddl-border-clr: transparent;
      --pselect-ddl-border-width: 0;
      --pselect-ddl-border-radius: var(--radius-md);
      --pselect-ddl-boxshadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      --pselect-ddl-container-py: 0.75rem;
      --pselect-ddl-container-px: 0;
      --pselect-ddl-container-gap: 8px;
      --pselect-ddl-item-my: 0 8px;
      --pselect-ddl-item-mx: 0;
      --pselect-ddl-item-py: 0.75rem;
      --pselect-ddl-item-px: 1.25rem;
      --pselect-ddl-item-border-clr: transparent;
      --pselect-ddl-item-border-width: 0;
      --pselect-ddl-item-border-radius: var(--radius-none);
      --pselect-ddl-item-clr: #495057;
      --pselect-ddl-item-bg: transparent;
      --pselect-ddl-item-fs: 14px;
      --pselect-ddl-item-fw: 500;
      --pselect-ddl-item-lh: 22px;
      --pselect-ddl-item-focus-clr: #495057;
      --pselect-ddl-item-focus-bg: #dee2e6;
      --pselect-ddl-item-hover-clr: #495057;
      --pselect-ddl-item-hover-bg: #e9ecef;
      --pselect-ddl-item-selected-clr: var(--clr-primary);
      --pselect-ddl-item-selected-fs: 14px;
      --pselect-ddl-item-selected-fw: 500;
      --pselect-ddl-item-selected-lh: 22px;
      --pselect-ddl-item-selected-bg: #e9ecef;
      --pselect-ddl-item-selected-focus-bg: #e9ecef;
      --pselect-ddl-item-selected-focus-clr: #1d4ed8;
    }
    .p-select-overlay .p-select-header {
      padding: 10px;
      border-bottom: 1px solid #dee2e6;
      background: var(--clr-white);
      display: flex;
      align-items: center;
    }
    .p-select-overlay .p-select-header .p-iconfield {
      width: 100%;
      display: flex;
      align-items: center;
      position: relative;
    }
    .p-select-overlay .p-select-header .p-iconfield .p-select-filter,
    .p-select-overlay .p-select-header .p-iconfield input.p-select-filter {
      min-height: 40px;
      height: 40px;
      background: #fff;
      display: flex;
      align-items: center;
      color: #161616;
      padding-inline-start: 8px;
      padding-block: 0;
      width: 100%;
      border: 1px solid #9da4ae;
      border-radius: var(--radius-sm);
      font-size: 1rem;
      font-weight: var(--fw-medium);
      box-sizing: border-box;
      line-height: 40px;
      vertical-align: middle;
    }
    .p-select-overlay .p-select-header .p-iconfield .p-select-filter:focus,
    .p-select-overlay .p-select-header .p-iconfield input.p-select-filter:focus {
      border-color: var(--clr-primary) !important;
      outline: 0;
    }
    .p-select-overlay .p-select-header .p-iconfield .p-select-filter::placeholder,
    .p-select-overlay .p-select-header .p-iconfield input.p-select-filter::placeholder {
      color: lightgrey;
    }
    .p-select-overlay .p-select-header .p-iconfield .p-inputicon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #6e7c91;
      pointer-events: none;
    }
    .p-select-overlay .p-select-header .p-iconfield.p-iconfield-left .p-select-filter,
    .p-select-overlay .p-select-header .p-iconfield.p-iconfield-left input.p-select-filter {
      padding-inline-start: 2.5rem;
    }
    [dir=ltr] .p-select-overlay .p-select-header .p-iconfield.p-iconfield-left .p-inputicon {
      left: 10px;
      right: auto;
    }
    [dir=rtl] .p-select-overlay .p-select-header .p-iconfield.p-iconfield-left .p-inputicon {
      right: 10px;
      left: auto;
    }
    .p-select-overlay .p-select-header .p-iconfield.p-iconfield-right .p-select-filter,
    .p-select-overlay .p-select-header .p-iconfield.p-iconfield-right input.p-select-filter {
      padding-inline-end: 2.5rem;
    }
    [dir=ltr] .p-select-overlay .p-select-header .p-iconfield.p-iconfield-right .p-inputicon {
      right: 10px;
      left: auto;
    }
    [dir=rtl] .p-select-overlay .p-select-header .p-iconfield.p-iconfield-right .p-inputicon {
      left: 10px;
      right: auto;
    }
    [dir=rtl] .p-select-overlay {
      direction: rtl !important;
    }
    .p-select-overlay .p-select-option,
    .p-select-overlay .p-select-list li {
      text-align: start !important;
    }
    .p-select-overlay .p-select-header {
      text-align: start !important;
    }
    .p-select-overlay .p-select-filter {
      text-align: start !important;
    }
    .search-input {
      width: 308px;
    }
    .search-input label {
      margin: 0 !important;
    }
    .search-input input {
      background-color: rgba(243, 246, 251, 0.5019607843) !important;
    }
    .w-100.with-search-icon {
      width: 260px !important;
    }
    .with-search-icon {
      width: 400px !important;
      padding-inline-start: 20px;
      background-color: var(--light-blue-input-bg) !important;
    }
    .with-search-icon span span {
      color: var(--placeholder-color) !important;
    }
    .with-search-icon::before {
      content: "";
      position: absolute;
      right: 0.5rem;
      top: 50%;
      transform: translateY(-50%);
      width: 1rem;
      height: 1rem;
      background: url(/assets/imgs/search.svg) no-repeat center;
    }
    .with-search-icon:dir(ltr)::before {
      left: 0.5rem;
    }
    .p-multiselect {
      background-color: transparent;
      border: 1px solid #9da4ae;
      border-radius: var(--radius-sm);
      min-height: 40px;
      color: #161616;
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
      line-height: 22px;
      padding: 0 16px;
      cursor: pointer;
      padding-inline-end: 0;
      transition:
        background-color 0.2s,
        border-color 0.2s,
        color 0.2s;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
    }
    .p-multiselect:focus {
      border-color: var(--clr-primary);
      outline: 0;
      box-shadow: 0 0 0 0.2rem #bfdbfe;
    }
    .p-multiselect.p-disabled {
      cursor: default;
      color: var(--form-control-disabled-clr, #4c515b);
      background: var(--form-control-disabled-bg, #f0f1f2);
      border-color: var(--form-control-disabled-border-clr, #bbbec5);
    }
    .p-multiselect .p-multiselect-label {
      align-items: center;
      color: #161616;
      height: 100%;
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
    }
    .p-multiselect .p-multiselect-overlay {
      background: #fff;
      border: unset;
    }
    .p-multiselect .p-multiselect-overlay input {
      min-height: 40px;
      height: 40px;
      background: #fff;
      display: flex;
      align-items: center;
      color: #161616;
      padding-inline-start: 8px;
    }
    .p-multiselect .p-multiselect-overlay input:focus {
      border-color: var(--clr-primary);
    }
    .p-multiselect .p-multiselect-overlay :not(.p-disabled).p-focus {
      background-color: #f1f4f3;
    }
    .p-multiselect .p-multiselect-overlay .p-iconfield {
      padding: 10px;
      display: flex;
      align-items: center;
      width: 100%;
      position: relative;
    }
    .p-multiselect .p-multiselect-overlay .p-iconfield .p-inputicon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      padding-inline-end: 10px;
    }
    .p-multiselect .p-multiselect-overlay .p-multiselect-option {
      padding-block: 8px;
      color: #161616;
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
    }
    .p-multiselect .p-multiselect-overlay .p-multiselect-option:hover {
      background: #f1f4f3;
    }
    .p-multiselect .p-multiselect-overlay .p-checkbox {
      margin-inline: 10px;
    }
    .custom-textarea {
      background-color: var(--clr-white);
      padding: 12px 16px;
      border-radius: var(--radius-sm);
      border: 1px solid #9fa4ae;
      color: #161616;
      font-size: var(--fs-base);
      font-weight: var(--fw-normal);
      max-height: 96px;
      overflow: auto;
      transition: all 0.3s ease-in-out;
      outline: none;
    }
    .p-multiselect-panel {
      margin-block: var(--multiselect-ddl-my, 8px 0);
      background: var(--multiselect-ddl-bg, var(--clr-white));
      color: var(--multiselect-ddl-clr, #495057);
      border: solid var(--multiselect-ddl-border-clr, transparent);
      border-width: var(--multiselect-ddl-border-width, 0px);
      border-radius: var(--multiselect-ddl-border-radius, 6px);
      box-shadow: var(--multiselect-ddl-boxshadow, 0 2px 12px 0 rgba(0, 0, 0, 0.1));
    }
    .p-multiselect-panel .p-multiselect-header {
      padding: 0.75rem 1.25rem;
      border-bottom: 1px solid #dee2e6;
      color: #343a40;
      background: #f8f9fa;
      margin: 0;
      border-top-right-radius: 6px;
      border-top-left-radius: 6px;
    }
    .p-multiselect-panel .p-multiselect-header:has(:not(.p-multiselect-filter-container)) {
      display: none;
    }
    .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
      padding-right: 1.75rem;
    }
    .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
      right: 0.75rem;
      color: #6c757d;
    }
    .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
      margin-left: 0.5rem;
      width: 2rem;
      height: 2rem;
      color: #6c757d;
      border: 0 none;
      background: transparent;
      border-radius: var(--radius-circle);
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
    }
    .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
      color: #343a40;
      border-color: transparent;
      background: #e9ecef;
    }
    .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #bfdbfe;
    }
    .p-multiselect-panel .p-multiselect-header .p-checkbox {
      margin-right: 0.5rem;
    }
    .p-multiselect-panel .p-multiselect-header {
      padding: 12px 8px 4px;
      background: var(--clr-white);
      border: 0;
    }
    .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
      height: 40px;
      border: 1px solid #eef2f6;
      border-radius: var(--radius-lg);
      padding: 0;
      padding-block: 8px;
      padding-inline: 36px 16px;
    }
    .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext:focus {
      outline: 0;
      border-color: var(--clr-primary);
    }
    .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
      color: #ced7e3;
    }
    .p-multiselect-panel .p-multiselect-header > .p-checkbox,
    .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
      display: none !important;
    }
    .p-multiselect-panel .p-multiselect-items {
      padding-block: var(--multiselect-ddl-items-container-py, 0.75rem) !important;
      padding-inline: var(--multiselect-ddl-items-container-px, 0) !important;
    }
    .p-multiselect-panel .p-multiselect-items p-multiselectitem .p-multiselect-item {
      justify-content: space-between;
      margin-block: var(--multiselect-ddl-item-my, 0 8px);
      padding-block: var(--multiselect-ddl-item-py, 0.75rem);
      padding-inline: var(--multiselect-ddl-item-px, 1.25rem);
      border: solid var(--multiselect-ddl-item-border-clr, transparent);
      border-width: var(--multiselect-ddl-item-border-width, 0px);
      font-size: var(--multiselect-ddl-item-fs, 14px);
      font-weight: var(--multiselect-ddl-item-fw, 400);
      line-height: var(--multiselect-ddl-item-lh, 1.2);
      color: var(--multiselect-ddl-item-clr, #495057);
      background: var(--multiselect-ddl-item-bg, transparent);
      border-radius: var(--multiselect-ddl-item-border-radius, 0);
      transition: box-shadow 0.2s;
    }
    .p-multiselect-panel .p-multiselect-items p-multiselectitem .p-multiselect-item.p-highlight,
    .p-multiselect-panel .p-multiselect-items p-multiselectitem .p-multiselect-item[data-p-highlight=true] {
      color: var(--multiselect-ddl-item-highlight-clr, #1d4ed8);
      background: var(--multiselect-ddl-item-highlight-bg, #eff6ff);
    }
    .p-multiselect-panel .p-multiselect-items p-multiselectitem .p-multiselect-item.p-highlight.p-focus,
    .p-multiselect-panel .p-multiselect-items p-multiselectitem .p-multiselect-item[data-p-highlight=true].p-focus {
      background: var(--multiselect-ddl-item-highlight-focus-bg, rgba(59, 130, 246, 0.24)) !important;
    }
    .p-multiselect-panel .p-multiselect-items p-multiselectitem .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
      color: var(--multiselect-ddl-item-focus-clr, #495057);
      background: var(--multiselect-ddl-item-focus-bg, #dee2e6);
    }
    .p-multiselect-panel .p-multiselect-items p-multiselectitem .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
      color: var(--multiselect-ddl-item-hover-clr, #495057);
      background: var(--multiselect-ddl-item-hover-bg, #e9ecef);
    }
    .p-multiselect-panel .p-multiselect-items p-multiselectitem .p-multiselect-item > .p-checkbox {
      display: var(--multiselect-ddl-item-checkicon-display, inline-flex) !important;
      order: 2;
    }
    .p-multiselect-panel .p-multiselect-items p-multiselectitem:last-child .p-multiselect-item {
      margin-block: 0;
    }
    .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
      margin: 0;
      padding-block: var(--multiselect-ddl-item-group-py, 0.75rem);
      padding-inline: var(--multiselect-ddl-item-group-px, 1.25rem);
      color: var(--multiselect-ddl-item-group-clr, #343a40);
      background: var(--multiselect-ddl-item-group-bg, var(--clr-white));
      font-size: var(--multiselect-ddl-item-group-fs, 16px);
      font-weight: var(--multiselect-ddl-item-group-fw, 700);
      line-height: var(--multiselect-ddl-item-group-lh, 1.2);
    }
    .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
      padding-block: var(--multiselect-ddl-item-empty-py, 0.75rem);
      padding-inline: var(--multiselect-ddl-item-empty-px, 1.25rem);
      color: var(--multiselect-ddl-item-empty-clr, #495057);
      background: var(--multiselect-ddl-item-empty-bg, transparent);
    }
    .p-multiselect-panel {
      --multiselect-ddl-bg: var(--clr-white);
      --multiselect-ddl-clr: #495057;
      --multiselect-ddl-border-clr: transparent;
      --multiselect-ddl-border-width: 0px;
      --multiselect-ddl-border-radius: var(--radius-md);
      --multiselect-ddl-boxshadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      --multiselect-ddl-items-container-py: 0.75rem;
      --multiselect-ddl-items-container-px: 0;
      --multiselect-ddl-item-py: 0.75rem;
      --multiselect-ddl-item-px: 1.25rem;
      --multiselect-ddl-item-border-clr: transparent;
      --multiselect-ddl-item-border-width: 0px;
      --multiselect-ddl-item-fs: 14px;
      --multiselect-ddl-item-fw: 400;
      --multiselect-ddl-item-lh: 1.2;
      --multiselect-ddl-item-clr: #495057;
      --multiselect-ddl-item-bg: transparent;
      --multiselect-ddl-item-border-radius: var(--radius-none);
      --multiselect-ddl-item-highlight-clr: #1d4ed8;
      --multiselect-ddl-item-highlight-bg: #eff6ff;
      --multiselect-ddl-item-highlight-focus-bg: rgba(59, 130, 246, 0.24);
      --multiselect-ddl-item-focus-clr: #495057;
      --multiselect-ddl-item-focus-bg: #dee2e6;
      --multiselect-ddl-item-hover-clr: #495057;
      --multiselect-ddl-item-hover-bg: #e9ecef;
      --multiselect-ddl-item-checkicon-display: inline-flex;
      --multiselect-ddl-item-checkicon-clr: #1d4ed8;
      --multiselect-ddl-item-checkicon-width: 14px;
      --multiselect-ddl-item-group-py: 0.75rem;
      --multiselect-ddl-item-group-px: 1.25rem;
      --multiselect-ddl-item-group-clr: #343a40;
      --multiselect-ddl-item-group-bg: var(--clr-white);
      --multiselect-ddl-item-group-fs: 16px;
      --multiselect-ddl-item-group-fw: 700;
      --multiselect-ddl-item-group-lh: 1.2;
      --multiselect-ddl-item-empty-py: 0.75rem;
      --multiselect-ddl-item-empty-px: 1.25rem;
      --multiselect-ddl-item-empty-clr: #495057;
      --multiselect-ddl-item-empty-bg: transparent;
    }
    .uces-form-control:-webkit-autofill,
    .uces-form-control:-webkit-autofill:hover,
    .uces-form-control:-webkit-autofill:focus,
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
      transition: background-color 5000s ease-in-out 0s;
      -webkit-text-fill-color: var(--form-control-autofill-clr, #2b374d);
    }
    .p-inputotp {
      direction: ltr;
    }
    .p-inputotp input {
      background-color: var(--clr-white);
      border-color: #9da4ae;
      height: 40px;
      width: 40px;
      color: #9da4ae;
      text-align: center;
    }
    .p-inputotp .p-filled {
      border-color: var(--clr-primary);
      color: var(--clr-primary);
    }
    .p-inputtext {
      background: transparent;
    }
    .error-validation {
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
      color: var(--clr-danger);
      margin-top: 6px;
    }
  }
  @layer checkbox {
    :root {
      --body-clr: initial;
      --body-bg: #f9fafb;
      --body-fs: initial;
      --body-fw: initial;
      --body-ff-ar:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --body-ff-en:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --clr-primary: hsl(153, 66%, 25%);
      --clr-primary-green: #1b8354;
      --clr-primary-hover: #036abf;
      --clr-secondary: #6c737f;
      --clr-secondary-bg: #f3f4f6;
      --clr-third: #0dcaf0;
      --clr-default: #161616;
      --clr-display: #1f2a37;
      --clr-success: #198754;
      --clr-success-dark: #065012;
      --clr-success-medium: #65a773;
      --clr-success-green: #17b26a;
      --clr-success-tag: #085d3a;
      --clr-success-light: #ecfdf3;
      --clr-success-border: #abefc6;
      --clr-warning: #ffc107;
      --clr-warning-dark: #b54708;
      --clr-warning-medium: #93370d;
      --clr-warning-orange: #f79009;
      --clr-warning-light: #fffaeb;
      --clr-warning-border: #fedf89;
      --clr-warning-bg: #dc6803;
      --clr-danger: #dc3545;
      --clr-danger-dark: #912018;
      --clr-danger-medium: #d32d17;
      --clr-danger-red: #f04438;
      --clr-danger-light: #fef3f2;
      --clr-danger-bg: #df9c90;
      --clr-danger-border: #fee4e2;
      --clr-info: #0dcaf0;
      --clr-info-blue: #175cd3;
      --clr-info-light-blue: #1495ff;
      --clr-info-light: #eff8ff;
      --clr-info-medium: #1570ef;
      --clr-info-border: #b2ddff;
      --clr-info-sky: #3daae1;
      --clr-info-bg: #ecf7fc;
      --clr-white: #ffffff;
      --clr-black: #000000;
      --clr-gray-50: #f9fafb;
      --clr-gray-100: #f3f4f6;
      --clr-gray-200: #e5e7eb;
      --clr-gray-300: #d2d6db;
      --clr-gray-400: #9da4ae;
      --clr-gray-500: #6c737f;
      --clr-gray-600: #4c515b;
      --clr-gray-700: #384250;
      --clr-gray-800: #1f2a37;
      --clr-gray-900: #161616;
      --clr-gray-light: #f0f1f2;
      --clr-gray-medium: #9fa4ae;
      --clr-gray-dark: #424b59;
      --clr-gray-darker: #2d3036;
      --clr-gray-border: #ced7e3;
      --clr-gray-border-light: #d3d6db;
      --clr-gray-disabled: #bbbec5;
      --clr-gray-hover: #e2e7ed;
      --clr-gray-icon: #6e7c91;
      --clr-gray-placeholder: #6b7280;
      --clr-gray-text: #898e99;
      --clr-gray-chip: #d1d3d8;
      --clr-gray-panel: #4d5761;
      --clr-gray-backdrop: #2b374d;
      --clr-brand-green: #067647;
      --clr-brand-light: #ebf4ee;
      --clr-brand-light-bg: #e6f3ec;
      --bg-grey: #f9fafb;
      --bg-card: #e9ebf2;
      --bg-hover: #f5faff;
      --bg-light: #fcfcfd;
      --bg-disabled: #f0f1f2;
      --bg-secondary: #eff6ff;
      --bg-panel: #f8fafc;
      --bg-tooltip: #2b374d;
      --clr-text-primary: #161616;
      --clr-text-secondary: #6c737f;
      --clr-text-tertiary: #384250;
      --clr-text-display: #1f2a37;
      --clr-text-muted: #6e7c91;
      --clr-text-disabled: #9da4ae;
      --clr-text-placeholder: #6b7280;
      --clr-text-dark: #101633;
      --clr-text-light: #1a1a1a;
      --clr-border-default: #d2d6db;
      --clr-border-light: #e9ebf2;
      --clr-border-medium: #ced7e3;
      --clr-border-input: #9da4ae;
      --clr-border-disabled: #bbbec5;
      --clr-shadow-focus: #bfdbfe;
      --clr-shadow-light: rgba(0, 0, 0, 0.1);
      --clr-shadow-medium: rgba(0, 0, 0, 0.4);
      --clr-transparent-white: #ffffff99;
      --clr-overlay: rgba(0, 0, 0, 0.4);
      --radius-none: 0;
      --radius-xs: 2px;
      --radius-sm: 4px;
      --radius-md: 6px;
      --radius-lg: 8px;
      --radius-xl: 12px;
      --radius-2xl: 16px;
      --radius-3xl: 24px;
      --radius-round: 99px;
      --radius-circle: 50%;
      --radius-full: 100%;
      --radius-pill: 40vw;
      --fs-xs: 12px;
      --fs-sm: 14px;
      --fs-sm-plus: 15px;
      --fs-base: 16px;
      --fs-md: 18px;
      --fs-lg: 20px;
      --fs-xl: 24px;
      --fs-2xl: 30px;
      --fs-2xl-minus: 29px;
      --fs-3xl: 48px;
      --fw-light: 300;
      --fw-normal: 400;
      --fw-medium: 500;
      --fw-semibold: 600;
      --fw-bold: 700;
    }
    .checkbox-wrapper-portal {
      display: inline-flex;
      align-items: center;
      gap: var(--pcheckbox-gap, 0.5rem);
      cursor: var(--pcheckbox-cursor, pointer);
      margin: 0;
    }
    .checkbox-wrapper-portal:hover:not(:has(.p-checkbox.p-disabled)) .p-checkbox .p-checkbox-box {
      border-color: var(--pcheckbox-box-hover-border-clr, #3b82f6);
    }
    .checkbox-wrapper-portal:has(.p-checkbox.p-disabled) {
      cursor: not-allowed;
      opacity: 0.6;
    }
    .checkbox-wrapper-portal:has(.p-checkbox.p-disabled) > p {
      cursor: not-allowed;
    }
    .checkbox-wrapper-portal .p-checkbox {
      width: var(--pcheckbox-box-width, 22px);
      height: var(--pcheckbox-box-height, 22px);
    }
    .checkbox-wrapper-portal .p-checkbox .p-checkbox-box {
      width: var(--pcheckbox-box-width, 22px);
      height: var(--pcheckbox-box-height, 22px);
      color: var(--pcheckbox-box-clr, #495057);
      background: var(--pcheckbox-box-bg, var(--clr-white));
      border: solid var(--pcheckbox-box-border-clr, #ced4da);
      border-width: var(--pcheckbox-box-border-width, 1px);
      border-radius: var(--pcheckbox-box-border-radius, 2px);
      box-shadow: var(--pcheckbox-box-boxshadow, none);
    }
    .checkbox-wrapper-portal .p-checkbox .p-checkbox-box .p-checkbox-icon {
      font-size: var(--pcheckbox-box-icon-fs, 1rem);
      width: var(--pcheckbox-box-icon-width, 22px);
      height: var(--pcheckbox-box-icon-height, 22px);
      color: var(--pcheckbox-box-icon-clr, #495057);
      transition-duration: var(--pcheckbox-box-icon-transition-duration, 0.2s);
    }
    .checkbox-wrapper-portal .p-checkbox.p-checkbox-checked .p-checkbox-box {
      border-color: var(--pcheckbox-box-checked-border-clr, #3b82f6);
      background: var(--pcheckbox-box-checked-bg, var(--clr-white));
    }
    .checkbox-wrapper-portal .p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon {
      color: var(--pcheckbox-box-checked-icon-clr, #3b82f6);
    }
    .checkbox-wrapper-portal > p {
      margin: 0;
      cursor: var(--pcheckbox-cursor, pointer);
      color: var(--pcheckbox-label-clr, #6e7c91);
      font-size: var(--pcheckbox-label-fs, 16px);
      font-weight: var(--pcheckbox-label-fw, 400);
      line-height: var(--pcheckbox-label-lh, 1.2);
    }
    .checkbox-wrapper-portal {
      --pcheckbox-gap: 0.5rem;
      --pcheckbox-cursor: pointer;
      --pcheckbox-box-height: 22px;
      --pcheckbox-box-width: 22px;
      --pcheckbox-box-clr: #495057;
      --pcheckbox-box-bg: var(--clr-white);
      --pcheckbox-box-border-clr: #6c737f;
      --pcheckbox-box-border-width: 1px;
      --pcheckbox-box-border-radius: 2px;
      --pcheckbox-box-boxshadow: none;
      --pcheckbox-box-icon-fs: 1rem;
      --pcheckbox-box-icon-width: 22px;
      --pcheckbox-box-icon-height: 22px;
      --pcheckbox-box-icon-clr: #495057;
      --pcheckbox-box-icon-transition-duration: 0.2s;
      --pcheckbox-box-hover-border-clr: #1b8354;
      --pcheckbox-box-checked-border-clr: #1b8354;
      --pcheckbox-box-checked-bg: #1b8354;
      --pcheckbox-box-checked-icon-clr: var(--clr-white);
      --pcheckbox-cursor: pointer;
      --pcheckbox-label-clr: #1f2a37;
      --pcheckbox-label-fs: 16px;
      --pcheckbox-label-fw: 500;
      --pcheckbox-label-lh: 1.2;
    }
    .p-checkbox {
      width: 24px;
      height: 24px;
    }
    .p-checkbox .p-checkbox-box {
      width: 24px;
      height: 24px;
      color: #495057;
      background: var(--clr-white);
      border: solid #6c737f;
      border-width: 1px;
      border-radius: 2px;
      box-shadow: none;
    }
    .p-checkbox .p-checkbox-box .p-checkbox-icon {
      font-size: 1rem;
      width: 22px;
      height: 22px;
      color: #495057;
      transition-duration: 0.2s;
    }
    .p-checkbox.p-checkbox-checked .p-checkbox-box {
      border-color: #1b8354;
      background: #1b8354;
    }
    .p-checkbox.p-checkbox-checked .p-checkbox-box .p-checkbox-icon {
      color: var(--clr-white);
    }
    .p-checkbox.p-disabled {
      cursor: not-allowed;
    }
    .p-checkbox.p-disabled .p-checkbox-box {
      background: #f3f4f6;
      border-color: #d1d5db;
      cursor: not-allowed;
    }
    .p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon {
      color: #6c737f;
    }
    .p-checkbox:hover:not(.p-disabled) {
      cursor: not-allowed;
    }
    .p-checkbox:hover:not(.p-disabled) .p-checkbox-box {
      border-color: #1b8354;
    }
    lib-radio-button div label:first-child {
      font-size: var(--fs-base) !important;
      font-weight: var(--fw-medium) !important;
    }
    .field-checkbox {
      margin-block: 8px;
    }
  }
  @layer tables {
    * {
      --p-datatable-footer-cell-background: var(--clr-white);
    }
    .p-datatable-tfoot td {
      border-top: 1px solid #dee2e6 !important;
      border-bottom: none !important;
      color: #000 !important;
      font-weight: 600 !important;
      font-size: 16px !important;
    }
    .p-datatable .p-datatable-table {
      width: 100%;
      border-collapse: separate;
      vertical-align: middle;
      background: var(--table-bg, transparent);
      border-spacing: var(--table-border-spacing, 0px) !important;
      border-width: var(--table-border-width, 1px 1px 0 1px);
      border-style: solid;
      border-color: var(--table-border-clr, transparent);
      border-start-start-radius: var(--table-border-ss-radius, 0px);
      border-start-end-radius: var(--table-border-se-radius, 0px);
      border-end-start-radius: var(--table-border-es-radius, 0px);
      border-end-end-radius: var(--table-border-ee-radius, 0px);
      font-weight: var(--table-fw, 400);
      margin-bottom: var(--table-mb, 0px);
    }
    .p-datatable .p-datatable-table .p-datatable-thead > tr > th {
      padding-block: var(--table-thead-th-padding-block, 1rem);
      padding-inline: var(--table-thead-th-padding-inline, 1rem);
      font-size: var(--table-thead-th-fs, 16px);
      font-weight: var(--table-thead-th-fw, 700);
      line-height: var(--table-thead-th-lh, 1.5);
      text-transform: var(--table-thead-th-texttransform, none);
      min-height: var(--table-thead-th-minheight, auto);
      color: var(--table-thead-th-clr, #343a40);
      background: var(--table-thead-th-bg, #f8f9fa);
      border: 1px solid var(--table-thead-th-border-clr, #dee2e6);
      border-block-width: var(--table-thead-th-border-block-width, 0 1px);
      border-inline-width: var(--table-thead-th-border-inline-width, 0);
      text-align: var(--table-thead-th-textalign, start);
      transition: box-shadow 0.2s;
    }
    .p-datatable .p-datatable-table .p-datatable-thead > tr > th:first-child {
      border-start-start-radius: var(--table-border-ss-radius);
    }
    .p-datatable .p-datatable-table .p-datatable-thead > tr > th:last-child {
      border-start-end-radius: var(--table-border-se-radius);
    }
    .p-datatable .p-datatable-table .p-datatable-thead > tr > th.table-action {
      width: 0;
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr {
      background: var(--table-tbody-tr-bg, var(--clr-white));
      color: var(--table-tbody-tr-clr, #495057);
      transition: box-shadow 0.2s;
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td {
      text-align: var(--table-tbody-td-textalign, start);
      padding-block: var(--table-tbody-td-padding-block, 1rem);
      padding-inline: var(--table-tbody-td-padding-inline, 1rem);
      font-size: var(--table-tbody-td-fs, 16px);
      font-weight: var(--table-tbody-td-fw, 400);
      line-height: var(--table-tbody-td-lh, 1.5);
      min-height: var(--table-tbody-td-minheight, auto);
      color: var(--table-tbody-td-clr, #495057);
      background: var(--table-tbody-td-bg, inherit);
      border: 1px solid var(--table-tbody-td-border-clr, #dee2e6);
      border-block-width: var(--table-tbody-td-border-block-width, 0 1px);
      border-inline-width: var(--table-tbody-td-border-inline-width, 0);
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .table-action {
      display: inline-flex;
      align-items: center;
      gap: var(--table-tbody-td-action-gap, 8px);
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td.table-nodata {
      text-align: center;
      height: var(--table-tbody-td-nodata-height, 200px);
      background: var(--table-tbody-td-nodata-bg, transparent);
      color: var(--table-tbody-td-nodata-clr, #495057);
      font-size: var(--table-tbody-td-nodata-fs, 16px);
      font-weight: var(--table-tbody-td-nodata-fw, 400);
      border: 1px solid var(--table-tbody-td-borderbottom-clr, transparent);
      border-block-width: var(--table-tbody-td-border-block-width, 0);
      border-inline-width: var(--table-tbody-td-border-inline-width, 0);
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td.table-nodata .svg-icon {
      margin-block: var(--table-tbody-td-nodata-img-my, 0 20 [px]);
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td.table-nodata .svg-icon svg {
      width: var(--table-tbody-td-nodata-img-width, 230px);
      height: auto;
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-toggler,
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-init,
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-save,
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-cancel {
      width: 2rem;
      height: 2rem;
      color: #6c757d;
      border: 0 none;
      background: transparent;
      border-radius: var(--radius-circle);
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
      color: #343a40;
      border-color: transparent;
      background: #e9ecef;
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #bfdbfe;
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr > td .p-row-editor-save {
      margin-right: 0.5rem;
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr:last-child td:first-child {
      border-end-start-radius: var(--table-border-es-radius);
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr:last-child td:last-child {
      border-end-end-radius: var(--table-border-ee-radius);
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr:focus-visible {
      outline: var(--table-tbody-tr-focus-outline, 0.15rem solid #bfdbfe);
      outline-offset: -0.15rem;
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr.p-highlight {
      background: var(--table-tbody-tr-highlight-bg, #eff6ff);
      color: var(--table-tbody-tr-highlight-clr, #1d4ed8);
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
      box-shadow: inset 0 2px 0 0 #eff6ff;
      box-shadow: inset 0 2px 0 0 #3b82f6;
    }
    .p-datatable .p-datatable-table .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
      box-shadow: inset 0 -2px 0 0 #eff6ff;
      box-shadow: inset 0 -2px 0 0 #3b82f6;
    }
    .p-datatable .p-datatable-table .p-datatable-tfoot > tr > td {
      text-align: var(--table-tfoot-td-textalign, start);
      padding-block: var(--table-tfoot-td-padding-block, 1rem);
      padding-inline: var(--table-tfoot-td-padding-inline, 1rem);
      font-size: var(--table-tfoot-td-fs, 16px);
      font-weight: var(--table-tfoot-td-fw, 700);
      line-height: var(--table-tfoot-td-lh, 1.5);
      min-height: var(--table-tfoot-td-minheight, auto);
      color: var(--table-tfoot-td-clr, #343a40);
      background: var(--table-tfoot-td-bg, #f8f9fa);
      border: 1px solid var(--table-tfoot-td-border-clr, #dee2e6);
      border-block-width: var(--table-tfoot-td-border-block-width, 0 1px);
      border-inline-width: var(--table-tfoot-td-border-inline-width, 0);
    }
    .p-datatable .p-datatable-header {
      background: var(--table-caption-bg, #f8f9fa);
      color: var(--table-caption-clr, #343a40);
      border: 1px solid var(--table-caption-border-clr, #dee2e6);
      border-block-width: var(--table-caption-border-block-width, 1px);
      border-inline-width: var(--table-caption-border-inline-width, 0px);
      padding-block: var(--table-caption-py, 1rem);
      padding-inline: var(--table-caption-px, 1rem);
      font-size: var(--table-caption-fs, 16px);
      font-weight: var(--table-caption-fw, 700);
    }
    .p-datatable .p-datatable-footer {
      background: var(--table-summary-bg, #f8f9fa);
      color: var(--table-summary-clr, #343a40);
      border: 1px solid var(--table-summary-border-clr, #dee2e6);
      border-block-width: var(--table-summary-border-block-width, 0 1px);
      border-inline-width: var(--table-summary-border-inline-width, 0px);
      padding-block: var(--table-summary-py, 1rem);
      padding-inline: var(--table-summary-px, 1rem);
      font-size: var(--table-summary-fs, 16px);
      font-weight: var(--table-summary-fw, 700);
    }
    .p-datatable .p-sortable-column .p-sortable-column-icon {
      color: var(--table-sort-icon-clr, #343a40);
      margin-inline: var(--table-sort-icon-mx, 0.5rem 0);
    }
    .p-datatable .p-sortable-column .p-sortable-column-badge {
      border-radius: var(--radius-circle);
      height: 1.143rem;
      min-width: 1.143rem;
      line-height: 1.143rem;
      color: #1d4ed8;
      background: #eff6ff;
      margin-left: 0.5rem;
    }
    .p-datatable .p-sortable-column:not(.p-highlight):hover {
      background: var(--table-sort-th-hover-bg, #e9ecef) !important;
      color: var(--table-sort-th-hover-clr, #343a40) !important;
    }
    .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
      color: var(--table-sort-icon-hover-clr, #343a40);
    }
    .p-datatable .p-sortable-column.p-highlight {
      background: var(--table-sort-th-highlight-bg, #eff6ff) !important;
      color: var(--table-sort-th-highlight-clr, #1d4ed8) !important;
    }
    .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
      color: var(--table-sort-icon-highlight-clr, #1d4ed8);
    }
    .p-datatable .p-sortable-column.p-highlight:hover {
      background: var(--table-sort-th-highlight-hover-bg, #eff6ff) !important;
      color: var(--table-sort-th-highlight-hover-clr, #1d4ed8) !important;
    }
    .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
      color: var(--table-sort-icon-highlight-hover-clr, #1d4ed8);
    }
    .p-datatable .p-sortable-column:focus-visible {
      box-shadow: inset 0 0 0 0.15rem #bfdbfe;
      outline: 0 none;
    }
    .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
      background: #e9ecef;
      color: #495057;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-header {
      border-width: 1px 1px 0 1px;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-footer {
      border-width: 0 1px 1px 1px;
    }
    .p-datatable.p-datatable-gridlines .p-paginator-top {
      border-width: 0 1px 0 1px;
    }
    .p-datatable.p-datatable-gridlines .p-paginator-bottom {
      border-width: 0 1px 1px 1px;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
      border-width: 1px 0 1px 1px;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
      border-width: 1px;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
      border-width: 0 0 1px 1px;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
      border-width: 0 1px 1px 1px;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
      border-width: 1px 0 0 1px;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
      border-width: 1px 1px 0 1px;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
      border-width: 1px 0 1px 1px;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td > td:last-child {
      border-width: 1px;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
      border-width: 1px 0 1px 1px;
    }
    .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
      border-width: 1px 1px 1px 1px;
    }
    .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-thead) .p-datatable-tbody > tr > td {
      border-width: 0 0 1px 1px;
    }
    .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-thead) .p-datatable-tbody > tr > td:last-child {
      border-width: 0 1px 1px 1px;
    }
    .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
      border-width: 0 0 0 1px;
    }
    .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
      border-width: 0 1px 0 1px;
    }
    .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
      background: #fcfcfc;
    }
    .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
      background: #eff6ff;
      color: #1d4ed8;
    }
    .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
      color: #1d4ed8;
    }
    .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
      color: #1d4ed8;
    }
    .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table .p-datatable-thead,
    .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table .p-datatable-thead {
      background: var(--table-thead-th-bg, #f8f9fa);
    }
    .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table .p-datatable-tfoot,
    .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table .p-datatable-tfoot {
      background: var(--table-tfoot-td-bg, #f8f9fa);
    }
    .p-datatable.p-datatable-sm .p-datatable-header {
      padding-block: var(--table-caption-padding-block-sm, 0.5rem);
      padding-inline: var(--table-caption-padding-inline-sm, 0.5rem);
    }
    .p-datatable.p-datatable-sm .p-datatable-footer {
      padding-block: var(--table-summary-padding-block-sm, 0.5rem);
      padding-inline: var(--table-summary-padding-inline-sm, 0.5rem);
    }
    .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
      padding-block: var(--table-thead-th-padding-block-sm, 0.5rem);
      padding-inline: var(--table-thead-th-padding-inline-sm, 0.5rem);
    }
    .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
      padding-block: var(--table-tbody-td-padding-block-sm, 0.5rem);
      padding-inline: var(--table-tbody-td-padding-inline-sm, 0.5rem);
    }
    .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
      padding-block: var(--table-tfoot-td-padding-block-sm, 0.5rem);
      padding-inline: var(--table-tfoot-td-padding-inline-sm, 0.5rem);
    }
    .p-datatable.p-datatable-lg .p-datatable-header {
      padding-block: var(--table-caption-padding-block-lg, 1.25rem);
      padding-inline: var(--table-caption-padding-inline-lg, 1.25rem);
    }
    .p-datatable.p-datatable-lg .p-datatable-footer {
      padding-block: var(--table-summary-padding-block-lg, 1.25rem);
      padding-inline: var(--table-summary-padding-inline-lg, 1.25rem);
    }
    .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
      padding-block: var(--table-thead-th-padding-block-lg, 1.25rem);
      padding-inline: var(--table-thead-th-padding-inline-lg, 1.25rem);
    }
    .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
      padding-block: var(--table-tbody-td-padding-block-lg, 1.25rem);
      padding-inline: var(--table-tbody-td-padding-inline-lg, 1.25rem);
    }
    .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
      padding-block: var(--table-tfoot-td-padding-block-lg, 1.25rem);
      padding-inline: var(--table-tfoot-td-padding-inline-lg, 1.25rem);
    }
    .p-datatable .p-datatable-loading-icon {
      font-size: 2rem;
    }
    .p-datatable .p-datatable-scrollable-header,
    .p-datatable .p-datatable-scrollable-footer {
      background: #f8f9fa;
    }
    .p-datatable .p-column-resizer-helper {
      background: #3b82f6;
    }
    .p-datatable {
      --table-bg: transparent;
      --table-border-spacing: 0;
      --table-border-width: 1px 1px 0 1px;
      --table-border-clr: transparent;
      --table-border-ss-radius: 0;
      --table-border-se-radius: 0;
      --table-border-es-radius: 0;
      --table-border-ee-radius: 0;
      --table-fw: 400;
      --table-mb: 0;
      --table-thead-th-padding-block: 1rem;
      --table-thead-th-padding-inline: 1rem;
      --table-thead-th-fs: 16px;
      --table-thead-th-fw: 700;
      --table-thead-th-lh: 1.5;
      --table-thead-th-texttransform: none;
      --table-thead-th-minheight: auto;
      --table-thead-th-clr: #343a40;
      --table-thead-th-bg: #f8f9fa;
      --table-thead-th-border-clr: #dee2e6;
      --table-thead-th-border-block-width: 0 1px;
      --table-thead-th-border-inline-width: 0;
      --table-thead-th-textalign: start;
      --table-tbody-tr-bg: var(--clr-white);
      --table-tbody-tr-clr: #495057;
      --table-tbody-td-textalign: start;
      --table-tbody-td-padding-block: 1rem;
      --table-tbody-td-padding-inline: 1rem;
      --table-tbody-td-fs: 16px;
      --table-tbody-td-fw: 400;
      --table-tbody-td-lh: 1.5;
      --table-tbody-td-minheight: auto;
      --table-tbody-td-clr: #495057;
      --table-tbody-td-bg: inherit;
      --table-tbody-td-border-clr: #dee2e6;
      --table-tbody-td-border-block-width: 0 1px;
      --table-tbody-td-border-inline-width: 0;
      --table-tbody-td-action-gap: 8px;
      --table-tbody-td-nodata-height: 200px;
      --table-tbody-td-nodata-bg: transparent;
      --table-tbody-td-nodata-clr: #495057;
      --table-tbody-td-nodata-fs: 16px;
      --table-tbody-td-nodata-fw: 700;
      --table-tbody-td-nodata-img-width: 230px;
      --table-tbody-td-nodata-img-my: 0 20px;
      --table-tbody-tr-focus-outline: 0.15rem solid #bfdbfe;
      --table-tbody-tr-highlight-bg: #eff6ff;
      --table-tbody-tr-highlight-clr: #1d4ed8;
      --table-tfoot-td-textalign: start;
      --table-tfoot-td-padding-block: 1rem;
      --table-tfoot-td-padding-inline: 1rem;
      --table-tfoot-td-fs: 16px;
      --table-tfoot-td-fw: 700;
      --table-tfoot-td-lh: 1.5;
      --table-tfoot-td-minheight: auto;
      --table-tfoot-td-clr: #343a40;
      --table-tfoot-td-bg: #f8f9fa;
      --table-tfoot-td-border-clr: #dee2e6;
      --table-tfoot-td-border-block-width: 0 1px;
      --table-tfoot-td-border-inline-width: 0;
      --table-caption-bg: #f8f9fa;
      --table-caption-clr: #343a40;
      --table-caption-border-clr: #dee2e6;
      --table-caption-border-block-width: 1px;
      --table-caption-border-inline-width: 0px;
      --table-caption-py: 1rem;
      --table-caption-px: 1rem;
      --table-caption-fs: 16px;
      --table-caption-fw: 700;
      --table-summary-bg: #f8f9fa;
      --table-summary-clr: #343a40;
      --table-summary-border-clr: #dee2e6;
      --table-summary-border-block-width: 0 1px;
      --table-summary-border-inline-width: 0px;
      --table-summary-py: 1rem;
      --table-summary-px: 1rem;
      --table-summary-fs: 16px;
      --table-summary-fw: 700;
      --table-sort-icon-clr: #343a40;
      --table-sort-icon-mx: 0.5rem 0;
      --table-sort-th-hover-bg: #e9ecef;
      --table-sort-th-hover-clr: #343a40;
      --table-sort-icon-hover-clr: #343a40;
      --table-sort-th-highlight-bg: #eff6ff;
      --table-sort-th-highlight-clr: #1d4ed8;
      --table-sort-icon-highlight-clr: #1d4ed8;
      --table-sort-th-highlight-hover-bg: #eff6ff;
      --table-sort-th-highlight-hover-clr: #1d4ed8;
      --table-sort-icon-highlight-hover-clr: #1d4ed8;
      --table-caption-padding-block-sm: 0.5rem;
      --table-caption-padding-inline-sm: 0.5rem;
      --table-summary-padding-block-sm: 0.5rem;
      --table-summary-padding-inline-sm: 0.5rem;
      --table-thead-th-padding-block-sm: 0.5rem;
      --table-thead-th-padding-inline-sm: 0.5rem;
      --table-tbody-td-padding-block-sm: 0.5rem;
      --table-tbody-td-padding-inline-sm: 0.5rem;
      --table-tfoot-td-padding-block-sm: 0.5rem;
      --table-tfoot-td-padding-inline-sm: 0.5rem;
      --table-caption-padding-block-lg: 1.25rem;
      --table-caption-padding-inline-lg: 1.25rem;
      --table-summary-padding-block-lg: 1.25rem;
      --table-summary-padding-inline-lg: 1.25rem;
      --table-thead-th-padding-block-lg: 1.25rem;
      --table-thead-th-padding-inline-lg: 1.25rem;
      --table-tbody-td-padding-block-lg: 1.25rem;
      --table-tbody-td-padding-inline-lg: 1.25rem;
      --table-tfoot-td-padding-block-lg: 1.25rem;
      --table-tfoot-td-padding-inline-lg: 1.25rem;
    }
    .p-treetable .p-treetable-thead > tr > th {
      padding-block: var(--tabletree-thead-th-padding-block, 1rem);
      padding-inline: var(--tabletree-thead-th-padding-inline, 1rem);
      font-size: var(--tabletree-thead-th-fs, 16px);
      font-weight: var(--tabletree-thead-th-fw, 700);
      line-height: var(--tabletree-thead-th-lh, 1.5);
      text-transform: var(--tabletree-thead-th-texttransform, none);
      min-height: var(--tabletree-thead-th-minheight, auto);
      color: var(--tabletree-thead-th-clr, #343a40);
      background: var(--tabletree-thead-th-bg, #f8f9fa);
      border: 1px solid var(--tabletree-thead-th-border-clr, #dee2e6);
      border-block-width: var(--tabletree-thead-th-border-block-width, 0 1px);
      border-inline-width: var(--tabletree-thead-th-border-inline-width, 0);
      text-align: var(--tabletree-thead-th-textalign, start);
      transition: box-shadow 0.2s;
    }
    .p-treetable .p-treetable-thead > tr > th:first-child {
      border-start-start-radius: var(--tabletree-border-ss-radius);
    }
    .p-treetable .p-treetable-thead > tr > th:last-child {
      border-start-end-radius: var(--tabletree-border-se-radius);
    }
    .p-treetable .p-treetable-thead > tr > th.table-action {
      width: var(--tabletree-thead-th-action-width, 80px);
    }
    .p-treetable .p-treetable-tbody > tr {
      background: var(--tabletree-tbody-tr-bg, var(--clr-white));
      color: var(--tabletree-tbody-tr-clr, #495057);
      transition: box-shadow 0.2s;
    }
    .p-treetable .p-treetable-tbody > tr > td {
      text-align: var(--tabletree-tbody-td-textalign, start);
      padding-block: var(--tabletree-tbody-td-padding-block, 1rem);
      padding-inline: var(--tabletree-tbody-td-padding-inline, 1rem);
      font-size: var(--tabletree-tbody-td-fs, 16px);
      font-weight: var(--tabletree-tbody-td-fw, 400);
      line-height: var(--tabletree-tbody-td-lh, 1.5);
      min-height: var(--tabletree-tbody-td-minheight, auto);
      color: var(--tabletree-tbody-td-clr, #495057);
      background: var(--tabletree-tbody-td-bg, inherit);
      border: 1px solid var(--tabletree-tbody-td-border-clr, #dee2e6);
      border-block-width: var(--tabletree-tbody-td-border-block-width, 0 1px);
      border-inline-width: var(--tabletree-tbody-td-border-inline-width, 0);
    }
    .p-treetable .p-treetable-tbody > tr > td:has(.table-action) {
      width: var(--tabletree-thead-th-action-width, 80px);
    }
    .p-treetable .p-treetable-tbody > tr > td .table-action {
      display: inline-flex;
      align-items: center;
      gap: var(--tabletree-tbody-td-action-gap, 8px);
    }
    .p-treetable .p-treetable-tbody > tr > td.table-nodata {
      text-align: center;
      height: var(--tabletree-tbody-td-nodata-height, 200px);
      background: var(--tabletree-tbody-td-nodata-bg, transparent);
      color: var(--tabletree-tbody-td-nodata-clr, #495057);
      font-size: var(--tabletree-tbody-td-nodata-fs, 16px);
      font-weight: var(--tabletree-tbody-td-nodata-fw, 400);
      border: 1px solid var(--tabletree-tbody-td-borderbottom-clr, transparent);
      border-block-width: var(--tabletree-tbody-td-border-block-width, 0);
      border-inline-width: var(--tabletree-tbody-td-border-inline-width, 0);
    }
    .p-treetable .p-treetable-tbody > tr > td.table-nodata .svg-icon {
      margin-block: var(--tabletree-tbody-td-nodata-img-my, 0 20px);
    }
    .p-treetable .p-treetable-tbody > tr > td.table-nodata .svg-icon svg {
      width: var(--tabletree-tbody-td-nodata-img-width, 230px);
      height: auto;
    }
    .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
      margin-left: 0 !important;
      margin-right: 0 !important;
      width: var(--tabletree-tbody-td-icon-width, 2rem);
      height: var(--tabletree-tbody-td-icon-height, 2rem);
      color: var(--tabletree-tbody-td-icon-clr, #6c757d);
      background: var(--tabletree-tbody-td-icon-bg, transparent);
      border: solid var(--tabletree-tbody-td-icon-border-clr, transparent);
      border-width: var(--tabletree-tbody-td-icon-border-width, 0);
      border-radius: var(--tabletree-tbody-td-icon-border-radius, 100%);
      margin-block: var(--tabletree-tbody-td-icon-my, 0) !important;
      margin-inline-start: var(--tabletree-tbody-td-icon-margin-istart, 0.5rem) !important;
      margin-inline-end: var(--tabletree-tbody-td-icon-margin-iend, 0) !important;
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s,
        0.2s transform;
      transform: rotate(90deg);
    }
    .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
      color: var(--tabletree-tbody-td-icon-hover-clr, #343a40);
      background: var(--tabletree-tbody-td-icon-hover-bg, #e9ecef);
      border-color: var(--tabletree-tbody-td-icon-hover-border-clr, transparent);
    }
    .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #bfdbfe;
    }
    .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler .p-icon {
      width: var(--tabletree-tbody-td-icon-svg-width, 12px);
      height: var(--tabletree-tbody-td-icon-svg-height, 12px);
    }
    .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
      margin-right: 0.5rem;
    }
    .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
      color: #495057;
    }
    .p-treetable .p-treetable-tbody > tr[aria-expanded=true] > td .p-treetable-toggler {
      transform: rotate(180deg);
    }
    .p-treetable .p-treetable-tbody > tr[aria-level="2"] > td .p-treetable-toggler {
      margin-inline-start: var(--tabletree-tbody-lvl2-td-icon-margin-istart, 16px) !important;
    }
    .p-treetable .p-treetable-tbody > tr[aria-level="3"] > td .p-treetable-toggler {
      margin-inline-start: var(--tabletree-tbody-lvl3-td-icon-margin-istart, 32px) !important;
    }
    .p-treetable .p-treetable-tbody > tr[aria-level="4"] > td .p-treetable-toggler {
      margin-inline-start: var(--tabletree-tbody-lvl4-td-icon-margin-istart, 48px) !important;
    }
    .p-treetable .p-treetable-tbody > tr:focus-visible {
      outline: var(--tabletree-tbody-tr-focus-outline, 0.15rem solid #bfdbfe);
      outline-offset: -0.15rem;
    }
    .p-treetable .p-treetable-tbody > tr:hover {
      background: var(--tabletree-tbody-tr-hover, transparent);
    }
    .p-treetable .p-treetable-tbody > tr.p-highlight {
      background: var(--tabletree-tbody-tr-highlight-bg, #eff6ff);
      color: var(--tabletree-tbody-tr-highlight-clr, #1d4ed8);
    }
    .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
      color: #1d4ed8;
    }
    .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
      color: #1d4ed8;
    }
    .p-treetable .p-treetable-tfoot > tr > td {
      text-align: var(--tabletree-tfoot-td-textalign, start);
      padding-block: var(--tabletree-tfoot-td-padding-block, 1rem);
      padding-inline: var(--tabletree-tfoot-td-padding-inline, 1rem);
      font-size: var(--tabletree-tfoot-td-fs, 16px);
      font-weight: var(--tabletree-tfoot-td-fw, 700);
      line-height: var(--tabletree-tfoot-td-lh, 1.5);
      min-height: var(--tabletree-tfoot-td-minheight, auto);
      color: var(--tabletree-tfoot-td-clr, #343a40);
      background: var(--tabletree-tfoot-td-bg, #f8f9fa);
      border: 1px solid var(--tabletree-tfoot-td-border-clr, #dee2e6);
      border-block-width: var(--tabletree-tfoot-td-border-block-width, 0 1px);
      border-inline-width: var(--tabletree-tfoot-td-border-inline-width, 0);
    }
    .p-treetable .p-treetable-header {
      background: var(--tabletree-caption-bg, #f8f9fa);
      color: var(--tabletree-caption-clr, #343a40);
      border: 1px solid var(--tabletree-caption-border-clr, #dee2e6);
      border-block-width: var(--tabletree-caption-border-block-width, 1px);
      border-inline-width: var(--tabletree-caption-border-inline-width, 0px);
      padding-block: var(--tabletree-caption-py, 1rem);
      padding-inline: var(--tabletree-caption-px, 1rem);
      font-size: var(--tabletree-caption-fs, 16px);
      font-weight: var(--tabletree-caption-fw, 700);
    }
    .p-treetable .p-treetable-footer {
      background: var(--tabletree-summary-bg, #f8f9fa);
      color: var(--tabletree-summary-clr, #343a40);
      border: 1px solid var(--tabletree-summary-border-clr, #dee2e6);
      border-block-width: var(--tabletree-summary-border-block-width, 0 1px);
      border-inline-width: var(--tabletree-summary-border-inline-width, 0px);
      padding-block: var(--tabletree-summary-py, 1rem);
      padding-inline: var(--tabletree-summary-px, 1rem);
      font-size: var(--tabletree-summary-fs, 16px);
      font-weight: var(--tabletree-summary-fw, 700);
    }
    .p-treetable.p-treetable-sm .p-treetable-header {
      padding-block: var(--tabletree-caption-padding-block-sm, 0.875rem);
      padding-inline: var(--tabletree-caption-padding-inline-sm, 0.875rem);
    }
    .p-treetable.p-treetable-sm .p-treetable-footer {
      padding-block: var(--tabletree-summary-padding-block-sm, 0.5rem);
      padding-inline: var(--tabletree-summary-padding-inline-sm, 0.5rem);
    }
    .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
      padding-block: var(--tabletree-thead-th-padding-block-sm, 0.5rem);
      padding-inline: var(--tabletree-thead-th-padding-inline-sm, 0.5rem);
    }
    .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
      padding-block: var(--tabletree-tbody-td-padding-block-sm, 0.5rem);
      padding-inline: var(--tabletree-tbody-td-padding-inline-sm, 0.5rem);
    }
    .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
      padding-block: var(--tabletree-tfoot-td-padding-block-sm, 0.5rem);
      padding-inline: var(--tabletree-tfoot-td-padding-inline-sm, 0.5rem);
    }
    .p-treetable.p-treetable-lg .p-treetable-header {
      padding-block: var(--tabletree-caption-padding-block-lg, 1.25rem);
      padding-inline: var(--tabletree-caption-padding-inline-lg, 1.25rem);
    }
    .p-treetable.p-treetable-lg .p-treetable-footer {
      padding-block: var(--tabletree-summary-padding-block-lg, 1.25rem);
      padding-inline: var(--tabletree-summary-padding-inline-lg, 1.25rem);
    }
    .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
      padding-block: var(--tabletree-thead-th-padding-block-lg, 1.25rem);
      padding-inline: var(--tabletree-thead-th-padding-inline-lg, 1.25rem);
    }
    .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
      padding-block: var(--tabletree-tbody-td-padding-block-lg, 1.25rem);
      padding-inline: var(--tabletree-tbody-td-padding-inline-lg, 1.25rem);
    }
    .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
      padding-block: var(--tabletree-tfoot-td-padding-block-lg, 1.25rem);
      padding-inline: var(--tabletree-tfoot-td-padding-inline-lg, 1.25rem);
    }
    .p-treetable .p-sortable-column {
      outline-color: #bfdbfe;
    }
    .p-treetable .p-sortable-column .p-sortable-column-icon {
      color: #343a40;
      margin-left: 0.5rem;
    }
    .p-treetable .p-sortable-column .p-sortable-column-badge {
      border-radius: var(--radius-circle);
      height: 1.143rem;
      min-width: 1.143rem;
      line-height: 1.143rem;
      color: #1d4ed8;
      background: #eff6ff;
      margin-left: 0.5rem;
    }
    .p-treetable .p-sortable-column:not(.p-highlight):hover {
      background: #e9ecef;
      color: #343a40;
    }
    .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
      color: #343a40;
    }
    .p-treetable .p-sortable-column.p-highlight {
      background: #eff6ff;
      color: #1d4ed8;
    }
    .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
      color: #1d4ed8;
    }
    .p-treetable .p-column-resizer-helper {
      background: #3b82f6;
    }
    .p-treetable .p-treetable-scrollable-header .p-treetable-scrollable-header-box {
      padding: 0 !important;
    }
    .p-treetable .p-treetable-scrollable-header,
    .p-treetable .p-treetable-scrollable-footer {
      background: #f8f9fa;
    }
    .p-treetable .p-treetable-loading-icon {
      font-size: 2rem;
    }
    .p-treetable .p-treetable-loading-icon.p-icon {
      width: 2rem;
      height: 2rem;
    }
    .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
      background: #e9ecef;
      color: #495057;
    }
    .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
      color: #495057;
    }
    .p-treetable.p-treetable-gridlines .p-datatable-header {
      border-width: 1px 1px 0 1px;
    }
    .p-treetable.p-treetable-gridlines .p-treetable-footer {
      border-width: 0 1px 1px 1px;
    }
    .p-treetable.p-treetable-gridlines .p-treetable-top {
      border-width: 0 1px 0 1px;
    }
    .p-treetable.p-treetable-gridlines .p-treetable-bottom {
      border-width: 0 1px 1px 1px;
    }
    .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
      border-width: 1px;
    }
    .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
      border-width: 1px;
    }
    .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
      border-width: 1px;
    }
    .p-treetable {
      --tabletree-bg: transparent;
      --tabletree-border-spacing: 0;
      --tabletree-border-width: 1px 1px 0 1px;
      --tabletree-border-clr: transparent;
      --tabletree-border-ss-radius: 0;
      --tabletree-border-se-radius: 0;
      --tabletree-border-es-radius: 0;
      --tabletree-border-ee-radius: 0;
      --tabletree-fw: 400;
      --tabletree-mb: 0;
      --tabletree-thead-th-padding-block: 1rem;
      --tabletree-thead-th-padding-inline: 1rem;
      --tabletree-thead-th-fs: 16px;
      --tabletree-thead-th-fw: 700;
      --tabletree-thead-th-lh: 1.5;
      --tabletree-thead-th-texttransform: none;
      --tabletree-thead-th-minheight: auto;
      --tabletree-thead-th-clr: #343a40;
      --tabletree-thead-th-bg: #f8f9fa;
      --tabletree-thead-th-border-clr: #dee2e6;
      --tabletree-thead-th-border-block-width: 0 1px;
      --tabletree-thead-th-border-inline-width: 0;
      --tabletree-thead-th-textalign: start;
      --tabletree-thead-th-action-width: 80px;
      --tabletree-tbody-tr-bg: var(--clr-white);
      --tabletree-tbody-tr-clr: #495057;
      --tabletree-tbody-td-textalign: start;
      --tabletree-tbody-tr-hover: transparent;
      --tabletree-tbody-td-padding-block: 1rem;
      --tabletree-tbody-td-padding-inline: 1rem;
      --tabletree-tbody-td-fs: 16px;
      --tabletree-tbody-td-fw: 400;
      --tabletree-tbody-td-lh: 1.5;
      --tabletree-tbody-td-minheight: auto;
      --tabletree-tbody-td-clr: #495057;
      --tabletree-tbody-td-bg: inherit;
      --tabletree-tbody-td-border-clr: #dee2e6;
      --tabletree-tbody-td-border-block-width: 0 1px;
      --tabletree-tbody-td-border-inline-width: 0;
      --tabletree-tbody-td-action-gap: 8px;
      --tabletree-tbody-td-nodata-height: 200px;
      --tabletree-tbody-td-nodata-bg: transparent;
      --tabletree-tbody-td-nodata-clr: #495057;
      --tabletree-tbody-td-nodata-fs: 16px;
      --tabletree-tbody-td-nodata-fw: 700;
      --tabletree-tbody-td-nodata-img-width: 230px;
      --tabletree-tbody-td-nodata-img-my: 0 20px;
      --tabletree-tbody-tr-focus-outline: 0.15rem solid #bfdbfe;
      --tabletree-tbody-tr-highlight-bg: #eff6ff;
      --tabletree-tbody-tr-highlight-clr: #1d4ed8;
      --tabletree-tbody-td-icon-width: 2rem;
      --tabletree-tbody-td-icon-height: 2rem;
      --tabletree-tbody-td-icon-clr: #6c757d;
      --tabletree-tbody-td-icon-bg: transparent;
      --tabletree-tbody-td-icon-border-clr: transparent;
      --tabletree-tbody-td-icon-border-width: 0;
      --tabletree-tbody-td-icon-border-radius: var(--radius-full);
      --tabletree-tbody-td-icon-my: 0;
      --tabletree-tbody-td-icon-margin-istart: 0.5rem;
      --tabletree-tbody-td-icon-margin-iend: 0;
      --tabletree-tbody-td-icon-hover-clr: #343a40;
      --tabletree-tbody-td-icon-hover-bg: #e9ecef;
      --tabletree-tbody-td-icon-hover-border-clr: transparent;
      --tabletree-tbody-td-icon-svg-width: 12px;
      --tabletree-tbody-td-icon-svg-height: 12px;
      --tabletree-tbody-lvl2-td-icon-margin-istart: 16px;
      --tabletree-tbody-lvl3-td-icon-margin-istart: 32px;
      --tabletree-tbody-lvl4-td-icon-margin-istart: 48px;
      --tabletree-tfoot-td-textalign: start;
      --tabletree-tfoot-td-padding-block: 1rem;
      --tabletree-tfoot-td-padding-inline: 1rem;
      --tabletree-tfoot-td-fs: 16px;
      --tabletree-tfoot-td-fw: 700;
      --tabletree-tfoot-td-lh: 1.5;
      --tabletree-tfoot-td-minheight: auto;
      --tabletree-tfoot-td-clr: #343a40;
      --tabletree-tfoot-td-bg: #f8f9fa;
      --tabletree-tfoot-td-border-clr: #dee2e6;
      --tabletree-tfoot-td-border-block-width: 0 1px;
      --tabletree-tfoot-td-border-inline-width: 0;
      --tabletree-caption-bg: #f8f9fa;
      --tabletree-caption-clr: #343a40;
      --tabletree-caption-border-clr: #dee2e6;
      --tabletree-caption-border-block-width: 1px;
      --tabletree-caption-border-inline-width: 0px;
      --tabletree-caption-py: 1rem;
      --tabletree-caption-px: 1rem;
      --tabletree-caption-fs: 16px;
      --tabletree-caption-fw: 700;
      --tabletree-summary-bg: #f8f9fa;
      --tabletree-summary-clr: #343a40;
      --tabletree-summary-border-clr: #dee2e6;
      --tabletree-summary-border-block-width: 0 1px;
      --tabletree-summary-border-inline-width: 0px;
      --tabletree-summary-py: 1rem;
      --tabletree-summary-px: 1rem;
      --tabletree-summary-fs: 16px;
      --tabletree-summary-fw: 700;
      --tabletree-caption-padding-block-sm: 0.5rem;
      --tabletree-caption-padding-inline-sm: 0.5rem;
      --tabletree-summary-padding-block-sm: 0.5rem;
      --tabletree-summary-padding-inline-sm: 0.5rem;
      --tabletree-thead-th-padding-block-sm: 0.5rem;
      --tabletree-thead-th-padding-inline-sm: 0.5rem;
      --tabletree-tbody-td-padding-block-sm: 0.5rem;
      --tabletree-tbody-td-padding-inline-sm: 0.5rem;
      --tabletree-tfoot-td-padding-block-sm: 0.5rem;
      --tabletree-tfoot-td-padding-inline-sm: 0.5rem;
      --tabletree-caption-padding-block-lg: 1.25rem;
      --tabletree-caption-padding-inline-lg: 1.25rem;
      --tabletree-summary-padding-block-lg: 1.25rem;
      --tabletree-summary-padding-inline-lg: 1.25rem;
      --tabletree-thead-th-padding-block-lg: 1.25rem;
      --tabletree-thead-th-padding-inline-lg: 1.25rem;
      --tabletree-tbody-td-padding-block-lg: 1.25rem;
      --tabletree-tbody-td-padding-inline-lg: 1.25rem;
      --tabletree-tfoot-td-padding-block-lg: 1.25rem;
      --tabletree-tfoot-td-padding-inline-lg: 1.25rem;
    }
    .view-delegate-table th:nth-child(5),
    .view-delegate-table th:nth-child(6),
    .view-delegate-table th:nth-child(7),
    .view-delegate-table th:nth-child(8) {
      min-width: 150px;
    }
    .view-wallet-table .p-datatable-table-container {
      padding-block-end: 10px;
    }
    .view-wallet-table .operation-type {
      color: #6c737f;
    }
    .view-wallet-table .svg-icon {
      width: 32px;
      height: 32px;
    }
    .view-wallet-table th {
      border-bottom: 1px solid #d2d6db;
    }
    .view-wallet-table th:nth-child(1) {
      min-width: 220px;
    }
    .view-wallet-table th:nth-child(2),
    .view-wallet-table th:nth-child(3) {
      min-width: 130px;
    }
    .view-wallet-table th:nth-child(4) {
      min-width: 220px;
    }
    .view-wallet-table th:nth-child(5) {
      min-width: 80px;
    }
    .view-wallet-table th:nth-child(6) {
      min-width: 150px;
    }
    .view-wallet-table th:nth-child(7) {
      min-width: 150px;
    }
    .competition-permit-questions-table {
      margin-block: 1rem;
    }
    .competition-permit-questions-table td:not(:last-child) {
      border-left: 1px solid #dee2e6 !important;
      padding: 0.5rem;
      min-height: 100px;
      height: auto;
      vertical-align: top;
    }
    .competition-permit-questions-table td:not(:last-child) lib-select,
    .competition-permit-questions-table td:not(:last-child) lib-input-text,
    .competition-permit-questions-table td:not(:last-child) app-countries-lookups {
      display: block;
      width: 100%;
    }
    .competition-permit-questions-table td:not(:last-child) lib-select .error-validation,
    .competition-permit-questions-table td:not(:last-child) lib-input-text .error-validation,
    .competition-permit-questions-table td:not(:last-child) app-countries-lookups .error-validation {
      margin-top: 0.25rem;
      font-size: 0.875rem;
    }
    .competition-permit-questions-table tr:last-child div > .field-value {
      width: 100%;
      color: var(--clr-default);
      justify-content: flex-start;
      font-size: 16px;
      font-weight: 600;
    }
    .competition-permit-questions-table tr:last-child td {
      border-top: 1px solid #dee2e6 !important;
    }
    .competition-permit-questions-table tr:last-child td:nth-child(2) {
      border-end-end-radius: 0 !important;
      border-left: none;
    }
    .table-footer-non-scrollable {
      position: relative;
      width: 100%;
      background: var(--clr-white);
      padding: 1rem;
      border: 1px solid #dee2e6;
      border-top: 2px solid #dee2e6;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
    }
  }
  @layer pagination {
    .p-paginator {
      gap: var(--ppagination-gap, 0.5rem);
      background: transparent;
      color: var(--ppagination-clr, #6c757d);
      border: solid var(--ppagination-border-clr, #e9ecef);
      border-width: var(--ppagination-border-width, 0);
      padding-block: var(--ppagination-py, 0.5rem);
      padding-inline: var(--ppagination-px, 1rem);
      border-radius: var(--ppagination-border-radius, 6px);
      display: flex;
      justify-content: flex-start;
    }
    .p-paginator .p-paginator-prev,
    .p-paginator .p-paginator-next,
    .p-paginator .p-paginator-last {
      height: 40px;
      background: var(--ppagination-controls-bg, transparent);
      border: solid var(--ppagination-controls-border-clr, transparent);
      border-width: var(--ppagination-controls-border-width, 0);
      color: var(--ppagination-controls-clr, #6c757d);
      min-width: var(--ppagination-controls-minwidth, 26px);
      height: var(--ppagination-controls-height, 3rem);
      margin-block: var(--ppagination-controls-my, 0.143rem);
      margin-inline: var(--ppagination-controls-mx, 0);
      border-radius: var(--ppagination-controls-border-radius, 100%);
      transition: all 0.2s;
    }
    [dir=rtl] .p-paginator .p-paginator-prev,
    [dir=rtl] .p-paginator .p-paginator-next,
    [dir=rtl] .p-paginator .p-paginator-last {
      transform: scaleX(-1);
    }
    .p-paginator .p-paginator-prev.p-disabled,
    .p-paginator .p-paginator-next.p-disabled,
    .p-paginator .p-paginator-last.p-disabled {
      opacity: 1;
      background: var(--ppagination-page-disabled-bg, transparent);
      color: var(--ppagination-page-disabled-clr, #ced7e3);
      border-color: var(--ppagination-page-disabled-border-clr, #ced7e3);
    }
    .p-paginator .p-paginator-prev:not(.p-disabled):hover,
    .p-paginator .p-paginator-next:not(.p-disabled):hover,
    .p-paginator .p-paginator-last:not(.p-disabled):hover {
      background: transparent;
      border-color: transparent;
      color: var(--ppagination-controls-hover-clr, #343a40);
    }
    .p-paginator .p-paginator-first,
    .p-paginator .p-paginator-last {
      display: none;
    }
    .p-paginator p-select {
      order: 2;
    }
    .p-paginator p-select .p-select {
      --pselect-px: 9px;
      --pselect-py: 5px;
      --pselect-min-width: 50px;
      --pselect-min-height: 32px;
      --pselect-border-radius: var(--radius-lg);
      --pselect-height: 32px;
      --pselect-lh: 22px;
      --pselect-label-lh: 22px;
      --pselect-label-fs: 14px;
      --pselect-label-fw: 500;
    }
    .p-paginator .p-paginator-current {
      order: 2;
      margin-block: var(--ppagination-page-current-my, 0.143rem);
      margin-inline: var(--ppagination-page-current-mx, 0.143rem);
      padding-block: var(--ppagination-page-current-py, 0);
      padding-inline: var(--ppagination-page-current-px, 0.5rem);
      min-width: var(--ppagination-page-current-minwidth, 26px);
      height: var(--ppagination-page-current-height, 40px);
      color: var(--ppagination-page-current-clr, #6c757d);
      font-size: var(--ppagination-page-current-fs, 14px);
      font-weight: var(--ppagination-page-current-fw, 400);
      line-height: var(--ppagination-page-current-lh, 1.2);
      background: var(--ppagination-page-current-bg, transparent);
      border: solid var(--ppagination-page-current-border-clr, transparent);
      border-width: var(--ppagination-page-current-border-width, 0);
    }
    .p-paginator .p-paginator-pages {
      gap: var(--ppagination-gap, 0.5rem);
    }
    .p-paginator .p-paginator-pages .p-paginator-page {
      background: var(--ppagination-page-bg, transparent);
      border: solid var(--ppagination-page-border-clr, transparent);
      border-width: var(--ppagination-page-border-width, 0);
      color: var(--ppagination-page-clr, #6c757d);
      font-size: var(--ppagination-page-fs, 16px);
      font-weight: var(--ppagination-page-fw, 400);
      line-height: var(--ppagination-page-lh, 1.2);
      min-width: var(--ppagination-page-minwidth, 3rem);
      height: var(--ppagination-page-height, 40px);
      margin-block: var(--ppagination-page-my, 0.143rem);
      margin-inline: var(--ppagination-page-mx, 0.143rem);
      border-radius: var(--ppagination-page-border-radius, 100%);
      transition: all 0.2s;
      border-bottom: 3px solid transparent;
    }
    .p-paginator .p-paginator-pages .p-paginator-page.p-paginator-page-selected {
      border-bottom: 3px solid var(--clr-primary);
      border-radius: var(--radius-none);
    }
    .p-paginator .p-paginator-pages .p-paginator-page:not(.p-paginator-page-selected):hover {
      border-radius: var(--radius-none);
      opacity: 0.8;
    }
    .p-paginator {
      --ppagination-gap: 0.5rem;
      --ppagination-bg: var(--clr-white);
      --ppagination-clr: #6c757d;
      --ppagination-border-clr: #e9ecef;
      --ppagination-border-width: 0;
      --ppagination-my: 24px 0;
      --ppagination-py: 0.5rem;
      --ppagination-px: 1rem;
      --ppagination-border-radius: var(--radius-md);
      --ppagination-controls-bg: transparent;
      --ppagination-controls-border-clr: transparent;
      --ppagination-controls-border-width: 0;
      --ppagination-controls-clr: #161616;
      --ppagination-controls-minwidth: 26px;
      --ppagination-controls-height: 40px;
      --ppagination-controls-my: 0.143rem;
      --ppagination-controls-mx: 0;
      --ppagination-controls-border-radius: var(--radius-full);
      --ppagination-page-disabled-bg: transparent;
      --ppagination-page-disabled-clr: #ced7e3;
      --ppagination-page-disabled-border-clr: #ced7e3;
      --ppagination-controls-hover-bg: #e9ecef;
      --ppagination-controls-hover-border-clr: transparent;
      --ppagination-controls-hover-clr: #343a40;
      --ppagination-page-current-my: 0.143rem;
      --ppagination-page-current-mx: 0.143rem;
      --ppagination-page-current-py: 0;
      --ppagination-page-current-px: 0.5rem;
      --ppagination-page-current-minwidth: 26px;
      --ppagination-page-current-height: 3rem;
      --ppagination-page-current-clr: #6c757d;
      --ppagination-page-current-fs: 14px;
      --ppagination-page-current-fw: 400;
      --ppagination-page-current-lh: 1.2;
      --ppagination-page-current-bg: transparent;
      --ppagination-page-current-border-clr: transparent;
      --ppagination-page-current-border-width: 0;
      --ppagination-page-bg: transparent;
      --ppagination-page-border-clr: transparent;
      --ppagination-page-border-width: 0;
      --ppagination-page-clr: #000;
      --ppagination-page-fs: 16px;
      --ppagination-page-fw: 400;
      --ppagination-page-lh: 1.2;
      --ppagination-page-minwidth: 26px;
      --ppagination-page-height: 40px;
      --ppagination-page-my: 0.143rem;
      --ppagination-page-mx: 0.143rem;
      --ppagination-page-border-radius: var(--radius-none);
      --ppagination-page-highlight-bg: #eff6ff;
      --ppagination-page-highlight-border-clr: #eff6ff;
      --ppagination-page-highlight-clr: #1d4ed8;
      --ppagination-page-hover-bg: #e9ecef;
      --ppagination-page-hover-border-clr: transparent;
      --ppagination-page-hover-clr: #343a40;
    }
  }
  @layer tablists {
    .p-tabs {
      display: flex;
      flex-direction: column;
    }
    .p-tabs {
      --ptablist-nav-gap: 16px;
      --ptablist-nav-bg: transparent;
      --ptablist-nav-border-width: 0 0 2px 0;
      --ptablist-nav-border-style: solid;
      --ptablist-nav-border-color: #d2d6db;
      --ptablist-tab-color: #424b59;
      --ptablist-tab-active-color: #161616;
      --ptablist-tab-active-border: #1b8354;
      --ptablist-tab-font-size: 0.875rem;
      --ptablist-tab-font-weight: var(--fw-medium);
      --ptablist-tab-radius: 6px;
      --ptablist-content-border: 1px solid #ced7e3;
      --ptablist-content-color: #424b59;
      --ptablist-content-padding-y: 1rem;
      --ptablist-content-padding-x: 1rem;
    }
    .p-tabs .p-tablist .p-tablist-content {
      flex-grow: 1;
    }
    .p-tabs .p-tablist .p-tablist-viewport .p-tablist-tab-list {
      display: flex;
      gap: var(--ptablist-nav-gap);
      background: var(--ptablist-nav-bg);
      padding-inline: 16px;
      position: relative;
      background: transparent;
      border: none;
      border-bottom: 3px solid #d2d6db;
      padding-bottom: 9px;
    }
    .p-tabs .p-tablist .p-tablist-viewport .p-tablist-tab-list .p-tab {
      background: transparent;
      border: none;
      color: var(--ptablist-tab-color);
      font-size: var(--ptablist-tab-font-size);
      font-weight: var(--ptablist-tab-font-weight);
      border-radius: var(--ptablist-tab-radius);
      transition: color 0.2s, border-color 0.2s;
    }
    .p-tabs .p-tablist .p-tablist-viewport .p-tablist-tab-list .p-tab.p-tab-active {
      font-weight: var(--fw-bold);
    }
    .p-tabs .p-tablist .p-tablist-viewport .p-tablist-tab-list .p-tab.p-tab-active,
    .p-tabs .p-tablist .p-tablist-viewport .p-tablist-tab-list .p-tab:hover {
      color: var(--ptablist-tab-active-color);
      border: none;
    }
    .p-tabs .p-tablist .p-tablist-viewport .p-tablist-tab-list .p-tab:focus-visible {
      outline: 1px solid var(--ptablist-tab-active-border);
      outline-offset: -1px;
    }
    .p-tabs .p-tablist .p-tablist-viewport .p-tablist-tab-list .svg-icon {
      width: 16px;
      height: 16px;
    }
    .p-tabs .p-tablist .p-tablist-viewport .p-tablist-tab-list .p-tablist-active-bar {
      position: absolute;
      bottom: -3px;
      height: 3px;
      background: var(--ptablist-tab-active-border);
      border-radius: var(--radius-2xl);
      transition: 250ms cubic-bezier(0.35, 0, 0.25, 1);
      background: #1b8354;
    }
    .p-tabs .p-tabpanels {
      background: transparent;
      color: var(--ptablist-content-color);
      padding: var(--ptablist-content-padding-y) 0;
      border-top: none;
      border-radius: 0 0 0.5rem 0.5rem;
    }
    .p-tabs .p-tabpanel {
      margin-top: 16px;
    }
    .p-tabs .p-accordion {
      background-color: #fff;
    }
    .p-tabs .p-accordion .p-accordionpanel {
      border: none;
      margin-bottom: 16px;
      border-radius: var(--radius-2xl);
    }
    .p-tabs .p-accordion .p-accordionpanel:first-child {
      margin-top: 16px;
    }
    .p-tabs .p-accordion .p-accordionpanel.p-accordionpanel-active {
      background-color: #fff;
    }
    .p-tabs .p-accordion .p-accordionpanel.p-accordionpanel-active > .p-accordionheader {
      background: #fff;
      color: #000;
    }
    .p-tabs .p-accordion .p-accordionheader {
      background-color: #fff;
      color: #000;
      border: none;
      border-radius: var(--radius-2xl);
      padding: 24px;
    }
    .p-tabs .p-accordion .p-accordioncontent-content {
      color: #424b59;
      background: transparent;
      padding: 0 24px 24px;
    }
  }
  @layer progressbar {
    .p-progressbar {
      min-width: var(--progressbar-minwidth, 200px);
      height: var(--progressbar-height, 1.5rem);
      background: var(--progressbar-bg, #dee2e6);
      border: solid var(--progressbar-border-clr, transparent);
      border-width: var(--progressbar-border-width, 0);
      border-radius: var(--progressbar-border-radius, 6px);
    }
    .p-progressbar .p-progressbar-value {
      margin-block: var(--progressbar-value-my, 0);
      margin-inline: var(--progressbar-value-mx, 0);
      background: var(--progressbar-value-bg, #3B82F6);
      border: solid var(--progressbar-value-border-clr, transparent);
      border-width: var(--progressbar-value-border-width, 0);
      border-radius: var(--progressbar-value-border-radius, 0);
    }
    .p-progressbar .p-progressbar-label {
      background: var(--progressbar-label-bg, #3B82F6);
      color: var(--progressbar-label-clr, var(--clr-white));
      font-size: var(--progressbar-label-fs, 14px);
      font-weight: var(--progressbar-label-fw, 400);
      line-height: var(--progressbar-label-lh, 1.5rem);
      display: var(--progressbar-label-display, flex) !important;
    }
    .p-progressbar {
      --progressbar-minwidth: 200px;
      --progressbar-height: 1.5rem;
      --progressbar-bg: #dee2e6;
      --progressbar-border-clr: transparent;
      --progressbar-border-width: 0;
      --progressbar-border-radius: var(--radius-md);
      --progressbar-value-my: 0;
      --progressbar-value-mx: 0;
      --progressbar-value-bg: #3B82F6;
      --progressbar-value-border-clr: transparent;
      --progressbar-value-border-width: 0;
      --progressbar-value-border-radius: var(--radius-none);
      --progressbar-label-display: flex;
      --progressbar-label-bg: #3B82F6;
      --progressbar-label-clr: var(--clr-white);
      --progressbar-label-fs: 14px;
      --progressbar-label-fw: 400;
      --progressbar-label-lh: 1.5rem;
    }
  }
  @layer tooltips {
    .p-tooltip .p-tooltip-text {
      background: var(--tooltip-bg, #1f2a37);
      color: var(--tooltip-clr, var(--clr-white));
      padding-block: var(--tooltip-py, 10px);
      padding-inline: var(--tooltip-px, 10px);
      box-shadow: var(--tooltip-boxshadow, 0 2px 12px 0 rgba(0, 0, 0, 0.1));
      border-radius: var(--tooltip-border-radius, 6px);
      font-size: var(--tooltip-fs, 14px);
      font-weight: var(--tooltip-fw, 400);
      text-align: center;
    }
    .p-tooltip.p-tooltip-right .p-tooltip-arrow {
      border-right-color: var(--tooltip-arrow-border-clr, #1f2a37);
    }
    .p-tooltip.p-tooltip-left .p-tooltip-arrow {
      border-left-color: var(--tooltip-arrow-border-clr, #1f2a37);
    }
    .p-tooltip.p-tooltip-top .p-tooltip-arrow {
      border-top-color: var(--tooltip-arrow-border-clr, #1f2a37);
    }
    .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
      border-bottom-color: var(--tooltip-arrow-border-clr, #1f2a37);
    }
    .p-tooltip.p-tooltip-left .p-tooltip-arrow,
    .p-tooltip.p-tooltip-right .p-tooltip-arrow {
      top: auto;
      inset-block: 0;
      margin-top: 0;
      margin-block: auto;
    }
    .p-tooltip.p-tooltip-top .p-tooltip-arrow,
    .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
      left: auto;
      inset-inline: 0;
      margin-left: 0;
      margin-inline: auto;
    }
    .p-tooltip.p-tooltip-left {
      margin-inline-end: -0.25em;
    }
    .p-tooltip.p-tooltip-right {
      margin-inline-end: 0.25em;
    }
    .p-tooltip.p-tooltip-left .p-tooltip-arrow {
      right: auto;
      inset-inline-start: -0.25em;
    }
    .p-tooltip.p-tooltip-right .p-tooltip-arrow {
      left: auto;
      inset-inline-end: -0.25em;
    }
    .p-tooltip.p-tooltip-top {
      margin-top: -0.25em;
    }
    .p-tooltip.p-tooltip-bottom {
      margin-top: 0.25em;
    }
    .p-tooltip.p-tooltip-top .p-tooltip-arrow {
      bottom: -0.25em;
    }
    .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
      top: -0.25em;
    }
    .p-tooltip {
      --tooltip-bg: #1f2a37;
      --tooltip-clr: var(--clr-white);
      --tooltip-fs: 14px;
      --tooltip-fw: 400;
      --tooltip-py: 10px;
      --tooltip-px: 10px;
      --tooltip-boxshadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      --tooltip-border-radius: var(--radius-lg);
      --tooltip-arrow-border-clr: #1f2a37;
    }
  }
  @layer dropdown {
    .p-overlaypanel:before,
    .p-overlaypanel:after {
      content: none;
    }
    .p-overlaypanel {
      background: var(--dropdown-bg, var(--clr-white));
      color: var(--dropdown-clr, #495057);
      border: var(--dropdown-border-width, 0px) solid var(--dropdown-border-clr, transparent);
      border-radius: var(--dropdown-border-radius, 6px);
      box-shadow: var(--dropdown-boxshadow, 0 1px 3px rgba(0, 0, 0, 0.3));
      min-width: var(--dropdown-minwidth, 200px);
      padding-inline: var(--dropdown-px, 10px);
      padding-block: var(--dropdown-py, 10px);
    }
    .p-overlaypanel::before,
    .p-overlaypanel::after {
      content: none !important;
    }
    .p-overlaypanel::before,
    .p-overlaypanel::after {
      border: solid transparent;
      border-color: var(--dropdown-arrow-border-clr, rgba(255, 255, 255, 0));
      border-bottom-color: var(--dropdown-arrow-border-bottom-clr, #f2f2f2);
    }
    .p-overlaypanel::before .p-overlaypanel-flipped,
    .p-overlaypanel::after .p-overlaypanel-flipped {
      border-top-color: var(--dropdown-arrow-border-top-clr, #f2f2f2);
    }
    .p-overlaypanel .p-overlaypanel-content {
      padding-block: var(--dropdown-content-py, 20px);
      padding-inline: var(--dropdown-content-px, 20px);
    }
    .p-overlaypanel .p-overlaypanel-close {
      position: absolute !important;
      top: var(--dropdown-close-top, 0);
      inset-inline-end: var(--dropdown-close-inset-end, 0);
      color: var(--dropdown-close-clr, #2B374D);
      background: var(--dropdown-close-bg, #F5FAFF);
      width: var(--dropdown-close-width, 24px);
      height: var(--dropdown-close-height, 24px);
      border-radius: var(--dropdown-close-border-radius, 100%);
      transition: var(--dropdown-close-transition, background-color 0.2s, color 0.2s, box-shadow 0.2s);
    }
    .p-overlaypanel .p-overlaypanel-close svg {
      width: var(--dropdown-close-icon-width, 10px);
      height: var(--dropdown-close-icon-height, 10px);
    }
    .p-overlaypanel .p-overlaypanel-close:enabled:hover {
      background: var(--dropdown-close-hover-bg, #2563eb);
      color: var(--dropdown-close-active-clr, var(--clr-white));
    }
    .p-overlaypanel {
      --dropdown-minwidth: 200px;
      --dropdown-py: 10px;
      --dropdown-px: 10px;
      --dropdown-bg: var(--clr-white);
      --dropdown-clr: #495057;
      --dropdown-border-width: 0;
      --dropdown-border-clr: transparent;
      --dropdown-border-radius: var(--radius-lg);
      --dropdown-boxshadow: 0 2px 6px #B0C5E129, 0 4px 10px -40px #B0C5E140;
      --dropdown-content-px: 20px;
      --dropdown-content-py: 20px;
      --dropdown-close-top: 0;
      --dropdown-close-inset-end: 0;
      --dropdown-close-clr: #2B374D;
      --dropdown-close-bg: #F5FAFF;
      --dropdown-close-width: 24px;
      --dropdown-close-height: 24px;
      --dropdown-close-border-radius: var(--radius-full);
      --dropdown-close-transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
      --dropdown-close-icon-width: 10px;
      --dropdown-close-icon-height: 10px;
      --dropdown-arrow-border-clr: rgba(255, 255, 255, 0);
      --dropdown-arrow-border-bottom-clr: #f2f2f2;
      --dropdown-arrow-border-top-clr: #f2f2f2;
    }
  }
  @layer breadcrumbs {
    .p-breadcrumb {
      padding-block: var(--breadcrumbs-py, 1rem);
      padding-inline: var(--breadcrumbs-px, 1rem);
      background: var(--breadcrumbs-bg, var(--clr-white));
      border: var(--breadcrumbs-border-width, 1px) solid var(--breadcrumbs-border-clr, #dee2e6);
      border-radius: var(--breadcrumbs-border-radius, 6px);
    }
    .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
      transition: box-shadow 0.2s;
      border-radius: var(--breadcrumbs-link-border-radius, 6px);
    }
    .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: var(--breadcrumbs-link-focus-boxshadow, 0 0 0 0.2rem #bfdbfe);
    }
    .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
      font-size: var(--breadcrumbs-link-fs, 16px);
      font-weight: var(--breadcrumbs-link-fw, 400);
      line-height: var(--breadcrumbs-link-lh, 1.5) !important;
      color: var(--breadcrumbs-link-clr, #495057);
    }
    .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text:hover {
      color: var(--breadcrumbs-link-hover-clr, #495057);
      text-decoration: var(--breadcrumbs-link-hover-textdecoration, none);
    }
    .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
      color: var(--breadcrumbs-link-icon-clr, #6c757d);
    }
    .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
      margin: var(--breadcrumbs-icon-margin, 0 0.5rem);
      color: var(--breadcrumbs-icon-clr, #495057);
    }
    .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator svg {
      width: var(--breadcrumbs-icon-width, 16px);
      height: var(--breadcrumbs-icon-height, 16px);
    }
    [dir=rtl] .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
      transform: scaleX(-1);
    }
    .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
      color: var(--breadcrumbs-link-lastchild-clr, #495057);
    }
    .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text:hover {
      color: var(--breadcrumbs-link-lastchild-clr, #495057);
      text-decoration: none;
    }
    .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
      color: var(--breadcrumbs-link-lastchild-icon-clr, #6c757d);
    }
    .p-breadcrumb {
      --breadcrumbs-py: 1rem;
      --breadcrumbs-px: 1rem;
      --breadcrumbs-bg: var(--clr-white);
      --breadcrumbs-border-width: 1px;
      --breadcrumbs-border-clr: #dee2e6;
      --breadcrumbs-border-radius: var(--radius-md);
      --breadcrumbs-link-border-radius: var(--radius-md);
      --breadcrumbs-link-focus-boxshadow: 0 0 0 0.2rem #bfdbfe;
      --breadcrumbs-link-fs: 16px;
      --breadcrumbs-link-fw: 400;
      --breadcrumbs-link-lh: 1.5;
      --breadcrumbs-link-clr: #495057;
      --breadcrumbs-link-hover-clr: #495057;
      --breadcrumbs-link-hover-textdecoration: none;
      --breadcrumbs-link-icon-clr: #6c757d;
      --breadcrumbs-icon-margin: 0 0.5rem;
      --breadcrumbs-icon-clr: #495057;
      --breadcrumbs-icon-width: 16px;
      --breadcrumbs-icon-height: 16px;
      --breadcrumbs-link-lastchild-clr: #495057;
      --breadcrumbs-link-lastchild-icon-clr: #6c757d;
    }
  }
  @layer panel {
    .p-panel {
      border: solid var(--ppanel-border-clr, #dee2e6);
      border-width: var(--ppanel-border-width, 0);
      border-radius: var(--ppanel-border-radius, 6px);
    }
    .p-panel .p-panel-header {
      border: solid var(--ppanel-header-border-clr, #dee2e6);
      border-width: var(--ppanel-header-border-width, 1px);
      padding-block: var(--ppanel-header-py, 1.25rem);
      padding-inline: var(--ppanel-header-px, 1.25rem);
      color: var(--ppanel-header-clr, #343a40);
      background: var(--ppanel-header-bg, #f8f9fa);
      border-start-start-radius: var(--ppanel-header-border-radius-ss, 6px);
      border-start-end-radius: var(--ppanel-header-border-radius-se, 6px);
      border-end-start-radius: var(--ppanel-header-border-radius-es, 0);
      border-end-end-radius: var(--ppanel-header-border-radius-ee, 0);
    }
    .p-panel .p-panel-header .p-panel-title {
      font-size: var(--ppanel-header-title-fs, 16px);
      font-weight: var(--ppanel-header-title-fw, 500);
      line-height: var(--ppanel-header-title-lh, 1.2);
    }
    .p-panel .p-panel-header .p-panel-header-icon {
      width: var(--ppanel-header-icon-width, 2rem);
      height: var(--ppanel-header-icon-height, 2rem);
      color: var(--ppanel-header-icon-clr, #6c757d);
      background: var(--ppanel-header-icon-bg, transparent);
      border: solid var(--ppanel-header-icon-border-clr, transparent);
      border-width: var(--ppanel-header-icon-border-width, 0);
      border-radius: var(--ppanel-header-icon-border-radius, 50%);
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
    }
    .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
      color: var(--ppanel-header-icon-hover-clr, #343a40);
      background: var(--ppanel-header-icon-hover-bg, #e9ecef);
      border-color: var(--ppanel-header-icon-hover-border-clr, transparent);
    }
    .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: var(--ppanel-header-icon-hover-boxshadow, 0 0 0 0.2rem #BFDBFE);
    }
    .p-panel .p-panel-content {
      padding-block: var(--ppanel-content-py, 1.25rem);
      padding-inline: var(--ppanel-content-px, 1.25rem);
      color: var(--ppanel-content-clr, #495057);
      background: var(--ppanel-content-bg, var(--clr-white));
      border: solid var(--ppanel-content-border-clr, #dee2e6);
      border-width: var(--ppanel-content-border-width, 0 1px 1px 1px);
    }
    .p-panel .p-panel-content:last-child {
      border-start-start-radius: var(--ppanel-content-lastchild-border-radius-ss, 0);
      border-start-end-radius: var(--ppanel-content-lastchild-border-radius-se, 0);
      border-end-start-radius: var(--ppanel-content-lastchild-border-radius-es, 6px);
      border-end-end-radius: var(--ppanel-content-lastchild-border-radius-ee, 6px);
    }
    .p-panel.p-panel-toggleable .p-panel-header {
      padding-block: var(--ppanel-toggle-header-py, 0.75rem);
      padding-inline: var(--ppanel-toggle-header-px, 1.25rem);
      cursor: pointer;
    }
    .p-panel.p-panel-toggleable .p-panel-header .p-panel-header-icon:before {
      content: "";
      width: var(--ppanel-toggle-header-customicon-width, 16px);
      height: var(--ppanel-toggle-header-customicon-height, 16px);
      position: absolute;
      inset: 0;
      margin: auto;
      background-image: url('data:image/svg+xml;utf8,<svg width="12" height="6" viewBox="0 0 12 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.29193 5.71588L1.0462 1.64326C0.952343 1.55396 0.877848 1.44773 0.827011 1.33068C0.776174 1.21363 0.75 1.08809 0.75 0.961285C0.75 0.834485 0.776173 0.708939 0.827011 0.59189C0.877848 0.474841 0.952343 0.368606 1.0462 0.279313C1.23381 0.100415 1.48761 -9.67257e-08 1.75215 -1.31416e-07C2.0167 -1.66107e-07 2.27049 0.100414 2.45811 0.279313L6.00289 3.67957L9.54768 0.279312C9.7353 0.100413 9.98909 -1.21156e-06 10.2536 -1.24625e-06C10.5182 -1.28094e-06 10.772 0.100413 10.9596 0.279312C11.0524 0.369063 11.1258 0.475505 11.1757 0.592533C11.2255 0.70956 11.2507 0.834872 11.25 0.961284C11.2507 1.0877 11.2255 1.21301 11.1757 1.33004C11.1258 1.44706 11.0524 1.5535 10.9596 1.64326L6.71386 5.71588C6.62077 5.80591 6.51002 5.87736 6.38799 5.92613C6.26597 5.97489 6.13509 6 6.0029 6C5.8707 6 5.73982 5.97489 5.6178 5.92613C5.49577 5.87736 5.38502 5.80591 5.29193 5.71588Z" fill="rgb(110 124 145)"/></svg>');
      background-repeat: no-repeat;
      background-position: center;
      background-size: var(--ppanel-toggle-header-customicon-width, 16px) var(--ppanel-toggle-header-customicon-height, 16px);
      transition: all 0.2s ease-in-out;
    }
    .p-panel.p-panel-toggleable .p-panel-header .p-panel-header-icon .p-iconwrapper {
      display: none;
    }
    .p-panel.p-panel-toggleable.p-panel-expanded > .p-panel-header .p-panel-header-icon::before {
      transform: rotate(180deg);
      transition: all 0.2s ease-in-out;
    }
    .p-panel.p-panel-toggleable:not(.p-panel-expanded) > .p-panel-header {
      border-end-start-radius: var(--ppanel-content-lastchild-border-radius-es, 6px);
      border-end-end-radius: var(--ppanel-content-lastchild-border-radius-ee, 6px);
    }
    .p-panel .p-panel-footer {
      padding: 0.75rem 1.25rem;
      border: 1px solid #dee2e6;
      background: #ffffff;
      color: #495057;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      border-top: 0 none;
    }
    .p-panel .p-panel-icons-end {
      order: 2;
      margin-inline-start: auto;
    }
    .p-panel .p-panel-icons-start {
      order: 0;
      margin-inline-end: 0.5rem;
    }
    .p-panel .p-panel-icons-center {
      order: 2;
      width: 100%;
      text-align: center;
    }
    .p-panel {
      --ppanel-border-clr: #dee2e6;
      --ppanel-border-width: 0;
      --ppanel-border-radius: var(--radius-md);
      --ppanel-header-border-clr: #dee2e6;
      --ppanel-header-border-width: 1px;
      --ppanel-header-py: 1.25rem;
      --ppanel-header-px: 1.25rem;
      --ppanel-header-clr: #343a40;
      --ppanel-header-bg:#f8f9fa;
      --ppanel-header-border-radius-ss: 6px;
      --ppanel-header-border-radius-se: 6px;
      --ppanel-header-border-radius-es: 0;
      --ppanel-header-border-radius-ee: 0;
      --ppanel-header-title-fs: 16px;
      --ppanel-header-title-fw:500;
      --ppanel-header-title-lh: 1.2;
      --ppanel-header-icon-width: 2rem;
      --ppanel-header-icon-height: 2rem;
      --ppanel-header-icon-clr: #6c757d;
      --ppanel-header-icon-bg: transparent;
      --ppanel-header-icon-border-clr: transparent;
      --ppanel-header-icon-border-width: 0;
      --ppanel-header-icon-border-radius: var(--radius-circle);
      --ppanel-header-icon-hover-clr: #343a40;
      --ppanel-header-icon-hover-bg: #e9ecef;
      --ppanel-header-icon-hover-border-clr: transparent;
      --ppanel-header-icon-hover-boxshadow: 0 0 0 0.2rem #BFDBFE;
      --ppanel-content-py: 1.25rem;
      --ppanel-content-px: 1.25rem;
      --ppanel-content-clr: #495057;
      --ppanel-content-bg: var(--clr-white);
      --ppanel-content-border-clr: #dee2e6;
      --ppanel-content-border-width: 0 1px 1px 1px ;
      --ppanel-content-lastchild-border-radius-ss: 0;
      --ppanel-content-lastchild-border-radius-se: 0;
      --ppanel-content-lastchild-border-radius-es: 6px;
      --ppanel-content-lastchild-border-radius-ee: 6px;
      --ppanel-toggle-header-py: 0.75rem;
      --ppanel-toggle-header-px: 1.25rem;
      --ppanel-toggle-header-customicon-width: 16px;
      --ppanel-toggle-header-customicon-height: 16px;
    }
  }
  @layer menuPanel {
    .p-panelmenu {
      --panelMenu-header-content-border-width: 1px;
      --panelMenu-header-content-border-clr: #dee2e6;
      --panelMenu-header-content-clr: #6c757d;
      --panelMenu-header-content-bg: #f8f9fa;
      --panelMenu-header-content-border-radius: var(--radius-md);
      --panelMenu-header-content-transition: box-shadow 0.2s;
      --panelMenu-header-content-action-clr: #6c757d;
      --panelMenu-header-content-action-py: 20px;
      --panelMenu-header-content-action-px: 20px;
      --panelMenu-header-content-action-fs: 16px;
      --panelMenu-header-content-action-fw: 700;
      --panelMenu-header-content-action-icon-margin-end: 0.5rem;
      --panelMenu-header-hover-content-border-clr: #dee2e6;
      --panelMenu-header-hover-content-bg: #e9ecef;
      --panelMenu-header-hover-content-clr: #343a40;
      --panelMenu-header-focus-content-boxshadow: inset 0 0 0 0.2rem #BFDBFE;
      --panelMenu-header-highlight-content-bg: #f8f9fa;
      --panelMenu-header-highlight-content-clr: #343a40;
      --panelMenu-header-highlight-content-border-clr: #dee2e6;
      --panelMenu-header-highlight-content-border-radius-ss: 0;
      --panelMenu-header-highlight-content-border-radius-se: 0;
      --panelMenu-header-highlight-content-border-radius-es: 0;
      --panelMenu-header-highlight-content-border-radius-ee: 0;
      --panelMenu-header-highlight-content-my: 0;
      --panelMenu-header-highlight-content-mx: 0;
      --panelMenu-header-highlight-hover-content-border-clr: #dee2e6;
      --panelMenu-header-highlight-hover-content-bg: #e9ecef;
      --panelMenu-header-highlight-hover-content-clr: #343a40;
      --panelMenu-content-py: 4px;
      --panelMenu-content-px: 0px;
      --panelMenu-content-border-width: 0 1px 1px 1px;
      --panelMenu-content-border-clr: #dee2e6;
      --panelMenu-content-bg: var(--clr-white);
      --panelMenu-content-clr: #495057;
      --panelMenu-content-border-radius-ss: 0;
      --panelMenu-content-border-radius-se: 0;
      --panelMenu-content-border-radius-es: 6px;
      --panelMenu-content-border-radius-ee: 6px;
      --panelMenu-content-item-clr: #495057;
      --panelMenu-content-item-transition: box-shadow 0.2s;
      --panelMenu-content-item-border-radius: var(--radius-none);
      --panelMenu-content-item-link-clr: #495057;
      --panelMenu-content-item-link-py: 12px;
      --panelMenu-content-item-link-px: 20px;
      --panelMenu-content-item-link-text-clr: #495057;
      --panelMenu-content-item-link-icon-clr: #6c757d;
      --panelMenu-content-item-link-icon-my: 8px;
      --panelMenu-content-item-link-icon-mx: 8px;
      --panelMenu-content-item-link-icon-clr: #6c757d;
      --panelMenu-content-item-highlight-clr: #1D4ED8;
      --panelMenu-content-item-highlight-bg: #EFF6FF;
      --panelMenu-content-item-highlight-icon-clr: #1D4ED8;
      --panelMenu-content-item-highlight-focus-bg: rgba(59, 130, 246, 0.24);
      --panelMenu-content-item-focus-clr: #495057;
      --panelMenu-content-item-focus-bg: #dee2e6;
      --panelMenu-content-item-focus-link-icon-clr: #495057;
      --panelMenu-content-item-hover-clr: #495057;
      --panelMenu-content-item-hover-bg: #e9ecef;
      --panelMenu-content-item-hover-link-text-clr: #495057;
      --panelMenu-content-item-hover-link-icon-clr: #6c757d;
      --panelMenu-content-item-separator-border-width: 1px 0 0 0;
      --panelMenu-content-item-separator-border-clr: #dee2e6;
      --panelMenu-content-item-separator-my: 4px;
      --panelMenu-content-item-separator-mx: 0;
      --panelMenu-panel-my: 0 4px;
      --panelMenu-panel-mx: 0 0;
      --panelMenu-content-submenu-py: 0 0;
      --panelMenu-content-submenu-px: 12px 0;
    }
    .p-panelmenu .p-panelmenu-header {
      outline: 0 none;
      outline-offset: 0;
    }
    .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
      border: var(--panelMenu-header-content-border-width, 1px) solid var(--panelMenu-header-content-border-clr, #dee2e6);
      color: var(--panelMenu-header-content-clr, #6c757d);
      background: var(--panelMenu-header-content-bg, #f8f9fa);
      border-radius: var(--panelMenu-header-content-border-radius, 6px);
      transition: var(--panelMenu-header-content-transition, box-shadow 0.2s);
    }
    .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
      color: var(--panelMenu-header-content-action-clr, #6c757d);
      padding-block: var(--panelMenu-header-content-action-py, 20px);
      padding-inline: var(--panelMenu-header-content-action-px, 20px);
      font-size: var(--panelMenu-header-content-action-fs, 16px);
      font-weight: var(--panelMenu-header-content-action-fw, 700);
    }
    .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon,
    .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
      margin-inline-end: var(--panelMenu-header-content-action-icon-margin-end, 0.5rem);
    }
    .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
      box-shadow: var(--panelMenu-header-focus-content-boxshadow, inset 0 0 0 0.2rem #BFDBFE);
    }
    .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
      background: var(--panelMenu-header-highlight-content-bg, #f8f9fa);
      color: var(--panelMenu-header-highlight-content-clr, #343a40);
      border-color: var(--panelMenu-header-highlight-content-border-clr, #dee2e6);
      border-start-start-radius: var(--panelMenu-header-highlight-content-border-radius-ss, 0);
      border-start-end-radius: var(--panelMenu-header-highlight-content-border-radius-se, 0);
      border-end-start-radius: var(--panelMenu-header-highlight-content-border-radius-es, 0);
      border-end-end-radius: var(--panelMenu-header-highlight-content-border-radius-ee, 0);
      margin-block: var(--panelMenu-header-highlight-content-my, 0);
      margin-inline: var(--panelMenu-header-highlight-content-mx, 0);
    }
    .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
      border-color: var(--panelMenu-header-highlight-hover-content-border-clr, #dee2e6);
      background: var(--panelMenu-header-highlight-hover-content-bg, #e9ecef);
      color: var(--panelMenu-header-highlight-hover-content-clr, #343a40);
    }
    .p-panelmenu .p-panelmenu-header:not(.p-disabled):not(.p-highlight):hover .p-panelmenu-header-content {
      border-color: var(--panelMenu-header-hover-content-border-clr, #dee2e6);
      background: var(--panelMenu-header-hover-content-bg, #e9ecef);
      color: var(--panelMenu-header-hover-content-clr, #343a40);
    }
    .p-panelmenu .p-panelmenu-content {
      padding-block: var(--panelMenu-content-py, 4px);
      padding-inline: var(--panelMenu-content-px, 0px);
      border-width: var(--panelMenu-content-border-width, 0 1px 1px 1px);
      border-style: solid;
      border-color: var(--panelMenu-content-border-clr, #dee2e6);
      background: var(--panelMenu-content-bg, var(--clr-white));
      color: var(--panelMenu-content-clr, #495057);
      border-start-start-radius: var(--panelMenu-content-border-radius-ss, 0);
      border-start-end-radius: var(--panelMenu-content-border-radius-se, 0);
      border-end-start-radius: var(--panelMenu-content-border-radius-es, 6px);
      border-end-end-radius: var(--panelMenu-content-border-radius-ee, 6px);
    }
    .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
      outline: 0 none;
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
      color: var(--panelMenu-content-item-clr, #495057);
      transition: var(--panelMenu-content-item-transition, box-shadow 0.2s);
      border-radius: var(--panelMenu-content-item-border-radius, 0);
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
      color: var(--panelMenu-content-item-link-clr, #495057);
      padding-block: var(--panelMenu-content-item-link-py, 12px);
      padding-inline: var(--panelMenu-content-item-link-px, 20px);
      -webkit-user-select: none;
      user-select: none;
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: var(--panelMenu-content-item-link-text-clr, #495057);
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
      color: var(--panelMenu-content-item-link-icon-clr, #6c757d);
      margin-block: var(--panelMenu-content-item-link-icon-my, 8px);
      margin-inline: var(--panelMenu-content-item-link-icon-mx, 8px);
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: var(--panelMenu-content-item-link-icon-clr, #6c757d);
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
      color: var(--panelMenu-content-item-highlight-clr, #1D4ED8);
      background: var(--panelMenu-content-item-highlight-bg, #EFF6FF);
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text,
    .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: var(--panelMenu-content-item-highlight-icon-clr, #1D4ED8);
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
      background: var(--panelMenu-content-item-highlight-focus-bg, rgba(59, 130, 246, 0.24));
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
      color: var(--panelMenu-content-item-focus-clr, #495057);
      background: var(--panelMenu-content-item-focus-bg, #dee2e6);
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text,
    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: var(--panelMenu-content-item-focus-link-icon-clr, #495057);
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
      color: var(--panelMenu-content-item-hover-clr, #495057);
      background: var(--panelMenu-content-item-hover-bg, #e9ecef);
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
      color: var(--panelMenu-content-item-hover-link-text-clr, #495057);
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
      color: var(--panelMenu-content-item-hover-link-icon-clr, #6c757d);
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      margin-right: 0.5rem;
    }
    .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
      border-width: var(--panelMenu-content-item-separator-border-width, 1px 0 0 0);
      border-style: solid;
      border-color: var(--panelMenu-content-item-separator-border-clr, #dee2e6);
      margin-block: var(--panelMenu-content-item-separator-my, 4px);
      margin-inline: var(--panelMenu-content-item-separator-mx, 0);
    }
    .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
      padding-block: var(--panelMenu-content-submenu-py, 0 1rem);
      padding-inline: var(--panelMenu-content-submenu-px, 0 0);
    }
    .p-panelmenu .p-panelmenu-content .p-submenu-list .p-submenu-list {
      padding-block: var(--panelMenu-content-submenu-py, 0 0) !important;
      padding-inline: var(--panelMenu-content-submenu-px, 12px 0) !important;
    }
    .p-panelmenu .p-panelmenu-panel {
      margin-block: var(--panelMenu-panel-my, 0 4px);
      margin-inline: var(--panelMenu-panel-mx, 0 0);
      background: none;
      border: 0;
    }
  }
  @layer modals {
    .p-dialog {
      border-radius: var(--modal-border-radius, 6px);
      box-shadow: var(--modal-boxshadow, 0 1px 3px rgba(0, 0, 0, 0.3));
      border: var(--modal-border-width, 0px) solid var(--modal-border-clr, transparent);
      background: var(--modal-bg);
    }
    .p-dialog .p-dialog-header {
      background: var(--modal-header-bg, var(--modal-bg));
      color: var(--modal-header-clr, #343a40);
      padding-block-start: var(--modal-header-py, 20px);
      padding-block-end: 0;
      padding-inline: var(--modal-header-px, 20px);
      border-bottom: var(--modal-header-border-bottom-width, 0) solid var(--modal-header-border-bottom-clr, transparent);
      border-start-start-radius: var(--modal-header-border-radius-ss, var(--modal-border-radius));
      border-start-end-radius: var(--modal-header-border-radius-se, var(--modal-border-radius));
      border-end-start-radius: var(--modal-header-border-radius-es, 0);
      border-end-end-radius: var(--modal-header-border-radius-ee, 0);
    }
    .p-dialog .p-dialog-header .p-dialog-title {
      font-size: var(--modal-header-title-fs, 18px);
      font-weight: var(--modal-header-title-fw, 600);
    }
    .p-dialog .p-dialog-header .p-dialog-header-actions p-button {
      --pbtn-padding-block: 4px;
      --pbtn-padding-inline: 4px;
      --pbtn-minwidth: 20px;
      --pbtn-minheight: 20px;
      --pbtn-bg: var(--clr-white);
      --pbtn-border-radius: var(--radius-circle);
    }
    .p-dialog .p-dialog-header .p-dialog-header-actions p-button timesicon {
      width: 12px;
      height: 12px;
    }
    .p-dialog .p-dialog-header .p-dialog-header-actions p-button timesicon path {
      fill: black;
    }
    .p-dialog .p-dialog-content {
      padding-block: var(--modal-content-py, 0 2rem);
      padding-inline: var(--modal-content-px, 1.5rem);
      background: var(--modal-content-bg, var(--clr-white));
      color: #161616;
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      margin-top: -1px;
    }
    .p-dialog .p-dialog-content:last-of-type {
      border-end-start-radius: var(--modal-content-border-radius-es, var(--modal-border-radius));
      border-end-end-radius: var(--modal-content-border-radius-ee, var(--modal-border-radius));
    }
    .p-dialog .p-dialog-footer {
      border-top: var(--modal-footer-border-width, 0px) solid var(--modal-footer-border-clr, transparent);
      background: var(--modal-footer-bg, var(--clr-white));
      color: var(--modal-footer-clr, #495057);
      padding-block: var(--modal-footer-py, 0 1.5rem);
      padding-inline: var(--modal-footer-px, 1.5rem);
      text-align: var(--modal-footer-text-align, end);
      border-end-start-radius: var(--modal-footer-border-radius-es, var(--modal-border-radius));
      border-end-end-radius: var(--modal-footer-border-radius-ee, var(--modal-border-radius));
      display: flex;
      align-items: center;
      gap: var(--modal-footer-gap, 8px);
      flex-wrap: wrap;
    }
    .p-dialog .p-dialog-footer > * {
      flex: 1;
      --btn-width: 100%;
      min-width: max-content;
    }
    .p-dialog {
      --modal-border-radius: var(--radius-md);
      --modal-boxshadow: 0 1px 3px rgba(0, 0, 0, 0.3);
      --modal-border-width: 0;
      --modal-border-clr: transparent;
      --modal-header-border-bottom-width: 0;
      --modal-header-border-bottom-clr: transparent;
      --modal-header-bg: var(--clr-white);
      --modal-header-clr: #1f2a37;
      --modal-header-py: 20px;
      --modal-header-px: 20px;
      --modal-header-title-fs: 18px;
      --modal-header-title-fw: 600;
      --modal-header-close-width: 32px;
      --modal-header-close-height: 32px;
      --modal-header-close-clr: #6c757d;
      --modal-header-close-border-width: 0;
      --modal-header-close-border-clr: transparent;
      --modal-header-close-bg: transparent;
      --modal-header-close-border-radius: var(--radius-full);
      --modal-header-close-transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
      --modal-header-close-my: 0;
      --modal-header-close-mx: 0 8px;
      --modal-header-close-hover-clr: #343a40;
      --modal-header-close-hover-bg: #e9ecef;
      --modal-header-close-hover-border-clr: transparent;
      --modal-header-close-focus-boxshadow: 0 0 0 0.2rem #bfdbfe;
      --modal-content-py: 0 2rem;
      --modal-content-px: 1.5rem;
      --modal-content-bg: var(--clr-white);
      --modal-content-clr: #495057;
      --modal-footer-bg: var(--clr-white);
      --modal-footer-clr: #495057;
      --modal-footer-py: 0 1.5rem;
      --modal-footer-px: 1.5rem;
      --modal-footer-text-align: end;
      --modal-footer-gap: 8px;
    }
    .p-component-overlay.p-dialog-mask {
      background: var(--modal-overlay-bg, rgba(0, 0, 0, 0.4)) !important;
      transition-duration: 0.2s;
    }
    .p-component-overlay.p-dialog-mask.p-component-overlay-enter {
      animation: p-component-overlay-enter-animation 150ms forwards;
    }
    .p-component-overlay.p-dialog-mask.p-component-overlay-leave {
      animation: p-component-overlay-leave-animation 150ms forwards;
    }
    .p-component-overlay {
      --modal-overlay-bg: rgba(0, 0, 0, 0.4);
    }
    ngx-extended-pdf-viewer .zoom {
      height: 100%;
      max-height: calc(100vh - 150px);
    }
    [dir=rtl] ngx-extended-pdf-viewer .secondaryToolbar {
      left: 4px !important;
    }
    [dir=ltr] ngx-extended-pdf-viewer .secondaryToolbar {
      right: 4px !important;
    }
    @keyframes p-component-overlay-enter-animation {
      from {
        background-color: transparent;
      }
      to {
        background-color: var(--maskbg);
      }
    }
    @keyframes p-component-overlay-leave-animation {
      from {
        background-color: var(--maskbg);
      }
      to {
        background-color: transparent;
      }
    }
  }
  @layer fileUpload {
    .p-fileupload .p-fileupload-buttonbar {
      background: #f8f9fa;
      padding: 1.25rem;
      border: 1px solid #dee2e6;
      color: #343a40;
      border-bottom: 0 none;
      border-top-right-radius: 6px;
      border-top-left-radius: 6px;
    }
    .p-fileupload .p-fileupload-buttonbar .p-button {
      margin-right: 0.5rem;
    }
    .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #BFDBFE;
    }
    .p-fileupload .p-fileupload-content.p-fileupload-highlight {
      border-color: 1px dashed #3B82F6;
      border-style: dashed;
      background-color: #EFF6FF;
    }
    .p-fileupload .p-progressbar {
      height: 0.25rem;
    }
    .p-fileupload .p-fileupload-row > div {
      padding: 1rem 1rem;
    }
    .p-fileupload.p-fileupload-advanced .p-message {
      margin-top: 0;
    }
    .p-fileupload .p-fileupload-choose:not(.p-disabled):hover {
      background: #2563eb;
      color: #ffffff;
      border-color: #2563eb;
    }
    .p-fileupload .p-fileupload-choose:not(.p-disabled):active {
      background: #1D4ED8;
      color: #ffffff;
      border-color: #1D4ED8;
    }
  }
  @layer toast {
    .p-toast {
      opacity: var(--toast-opacity, 0.9);
    }
    .p-toast .p-toast-message {
      margin-block: var(--toast-msg-wrapper-my, 0 1rem);
      margin-inline: var(--toast-msg-wrapper-mx, 0);
      color: var(--toast-msg-wrapper-clr, inherit);
      background: var(--toast-msg-wrapper-bg, inherit);
      border: solid var(--toast-msg-wrapper-border-clr, transparent);
      border-width: var(--toast-msg-wrapper-border-width, 0);
      border-radius: var(--toast-msg-wrapper-border-radius, 6px);
      box-shadow: var(--toast-msg-wrapper-boxshadow, 0 2px 12px 0 rgba(0, 0, 0, 0.1));
    }
    .p-toast .p-toast-message .p-toast-message-content {
      padding-block: var(--toast-msg-content-py, 1rem);
      padding-inline: var(--toast-msg-content-px, 1rem);
      border: solid var(--toast-msg-content-border-clr, transparent);
      border-width: var(--toast-msg-content-border-width, 0 0 0 6px);
      border-radius: var(--toast-msg-content-border-radius, 6px);
    }
    .p-toast .p-toast-message .p-toast-message-content .p-toast-message-content:not(:has(.p-toast-summary)) {
      align-items: center;
    }
    .p-toast .p-toast-message .p-toast-message-content .p-toast-message-content:not(:has(.p-toast-summary)) .p-toast-detail {
      margin-block: 0;
    }
    .p-toast .p-toast-message .p-toast-message-content .p-toast-message-content:not(:has(.p-toast-detail)) {
      align-items: center;
    }
    .p-toast .p-toast-message .p-toast-message-content .p-toast-summary:empty,
    .p-toast .p-toast-message .p-toast-message-content .p-toast-detail:empty {
      display: none;
    }
    .p-toast .p-toast-message .p-toast-message-content .p-toast-summary:empty + .p-toast-detail {
      margin-block: 0;
    }
    .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
      margin-block: var(--toast-msg-content-text-my, 0);
      margin-inline: var(--toast-msg-content-text-mx, 0 1rem);
    }
    .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text .p-toast-summary {
      font-size: var(--toast-msg-content-text-summary-fs, 14px);
      font-weight: var(--toast-msg-content-text-summary-fw, 500);
      line-height: var(--toast-msg-content-text-summary-lh, 1.2);
    }
    .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text .p-toast-detail {
      margin-block: var(--toast-msg-content-text-detail-my, 0.5rem 0);
      margin-inline: var(--toast-msg-content-text-detail-mx, 0);
      font-size: var(--toast-msg-content-text-detail-fs, 14px);
      font-weight: var(--toast-msg-content-text-detail-fw, 400);
      line-height: var(--toast-msg-content-text-detail-lh, 1.2);
    }
    .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--toast-msg-content-icon-clr, inherit);
    }
    .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon .p-icon {
      width: var(--toast-msg-content-icon-width, 20px);
      height: var(--toast-msg-content-icon-height, 20px);
    }
    .p-toast .p-toast-message .p-toast-icon-close {
      width: var(--toast-msg-content-close-width, 2rem);
      height: var(--toast-msg-content-close-height, 2rem);
      border: solid var(--toast-msg-content-close-border-clr, transparent);
      border-width: var(--toast-msg-content-close-border-width, 0);
      border-radius: var(--toast-msg-content-close-border-radius, 100%);
      color: var(--toast-msg-content-close-clr, gray);
      background: var(--toast-msg-content-close-bg, transparent);
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
    }
    .p-toast .p-toast-message .p-toast-icon-close:hover {
      background: var(--toast-msg-content-close-hover-bg, rgba(255, 255, 255, 0.3));
    }
    .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: var(--toast-msg-content-close-focus-boxshadow, 0 0 0 0.2rem #BFDBFE);
    }
    .p-toast .p-toast-message.p-toast-message-info {
      --toast-msg-wrapper-clr: #696cff;
      --toast-msg-wrapper-bg: #e9e9ff;
      --toast-msg-wrapper-border-clr: #696cff;
      --toast-msg-wrapper-border-width: 0 0 0 6px;
      --toast-msg-content-close-clr: #696cff;
      --toast-msg-content-icon-clr: #696cff;
    }
    .p-toast .p-toast-message.p-toast-message-success {
      --toast-msg-wrapper-clr: #1ea97c;
      --toast-msg-wrapper-bg: #e4f8f0;
      --toast-msg-wrapper-border-clr: #1ea97c;
      --toast-msg-wrapper-border-width: 0 0 0 6px;
      --toast-msg-content-close-clr: #1ea97c;
      --toast-msg-content-icon-clr: #1ea97c;
    }
    .p-toast .p-toast-message.p-toast-message-warn {
      --toast-msg-wrapper-clr: #cc8925;
      --toast-msg-wrapper-bg: #fff2e2;
      --toast-msg-wrapper-border-clr: #cc8925;
      --toast-msg-wrapper-border-width: 0 0 0 6px;
      --toast-msg-content-close-clr: #cc8925;
      --toast-msg-content-icon-clr: #cc8925;
    }
    .p-toast .p-toast-message.p-toast-message-error {
      --toast-msg-wrapper-clr: #ff5757;
      --toast-msg-wrapper-bg: #ffe7e6;
      --toast-msg-wrapper-border-clr: #ff5757;
      --toast-msg-wrapper-border-width: 0 0 0 6px;
      --toast-msg-content-close-clr: #ff5757;
      --toast-msg-content-icon-clr: #ff5757;
    }
    .p-toast {
      --toast-opacity: 0.9;
      --toast-msg-wrapper-my: 0 1rem;
      --toast-msg-wrapper-mx: 0;
      --toast-msg-wrapper-boxshadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      --toast-msg-wrapper-border-radius: var(--radius-md);
      --toast-msg-wrapper-clr: inherit;
      --toast-msg-wrapper-bg: inherit;
      --toast-msg-wrapper-border-clr: transparent;
      --toast-msg-wrapper-border-width: 0;
      --toast-msg-content-py: 1rem;
      --toast-msg-content-px: 1rem;
      --toast-msg-content-border-clr: transparent;
      --toast-msg-content-border-width: 0 0 0 6px;
      --toast-msg-content-border-radius: var(--radius-md);
      --toast-msg-content-text-my: 0;
      --toast-msg-content-text-mx: 0 1rem;
      --toast-msg-content-text-summary-fs: 14px;
      --toast-msg-content-text-summary-fw: 500;
      --toast-msg-content-text-summary-lh: 1.2;
      --toast-msg-content-text-detail-my: 0.5rem 0;
      --toast-msg-content-text-detail-mx: 0;
      --toast-msg-content-text-detail-fs: 14px;
      --toast-msg-content-text-detail-fw: 400;
      --toast-msg-content-text-detail-lh: 1.2;
      --toast-msg-content-icon-width: 20px;
      --toast-msg-content-icon-height: 20px;
      --toast-msg-content-close-width: 2rem;
      --toast-msg-content-close-height: 2rem;
      --toast-msg-content-close-clr: inherit;
      --toast-msg-content-close-bg: transparent;
      --toast-msg-content-close-border-clr: transparent;
      --toast-msg-content-close-border-width: 0;
      --toast-msg-content-close-border-radius: var(--radius-full);
      --toast-msg-content-close-hover-bg: rgba(255, 255, 255, 0.3);
      --toast-msg-content-close-focus-boxshadow: 0 0 0 0.2rem #BFDBFE;
    }
  }
  @layer editor {
    p-editor .p-editor-container {
      margin-block: var(--editor-my, 0 24px);
      margin-inline: var(--editor-mx, 0);
    }
    p-editor .p-editor-container .p-editor-toolbar {
      background: var(--editor-toolbar-bg, #f8f9fa);
      border-start-start-radius: var(--editor-border-radius-ss, 6px);
      border-start-end-radius: var(--editor-border-radius-se, 6px);
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow {
      border: 1px solid var(--editor-border-clr, #dee2e6);
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
      stroke: #6c757d;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
      fill: #6c757d;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
      border: 0 none;
      color: #6c757d;
    }
    [dir=rtl] p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
      text-align: end;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
      color: #495057;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
      stroke: #495057;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
      fill: #495057;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
      color: #495057;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
      stroke: #495057;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
      fill: #495057;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
      background: #ffffff;
      border: 0 none;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      border-radius: var(--radius-md);
      padding: 0.75rem 0;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
      color: #495057;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
      color: #495057;
      background: #e9ecef;
    }
    p-editor .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
      padding: 0.75rem 1.25rem;
    }
    p-editor .p-editor-container .p-editor-content {
      height: var(--editor-height, 320px);
      border-end-start-radius: var(--editor-border-radius-es, 6px);
      border-end-end-radius: var(--editor-border-radius-ee, 6px);
    }
    p-editor .p-editor-container .p-editor-content .ql-snow {
      border: 1px solid var(--editor-border-clr, #dee2e6);
    }
    p-editor .p-editor-container .p-editor-content .ql-editor {
      background: var(--editor-body-bg, var(--clr-white));
      color: var(--editor-body-clr, #495057);
      border-end-start-radius: var(--editor-border-radius-es, 6px);
      border-end-end-radius: var(--editor-border-radius-ee, 6px);
      text-align: start;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor.ql-blank::before {
      color: var(--editor-placeholder-clr, #B5BCC4);
      font-size: var(--editor-placeholder-fs, 12.62px);
      font-weight: var(--editor-placeholder-fw, 400);
      font-style: normal;
      pointer-events: none;
      position: absolute;
      left: unset;
      right: unset;
      inset-inline-start: 15px;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor strong {
      font-weight: bold;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor em {
      font-style: italic;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor ol {
      padding: 0;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor ol li {
      padding: 0;
      padding-inline-start: 1.5em;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor ol li > .ql-ui:before {
      margin: 0;
      margin-inline-start: -1em;
      margin-inline-end: 0.3em;
      text-align: start;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor ol li[data-list=bullet] > .ql-ui:before {
      width: 5px;
      height: 5px;
      border-radius: var(--radius-full);
      background: currentColor;
      margin-block-start: 0.6em;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor .ql-align-center {
      text-align: center;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor .ql-align-right {
      text-align: right;
      direction: rtl;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor .ql-align-justify {
      text-align: justify;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor .ql-direction-ltr {
      direction: ltr;
    }
    p-editor .p-editor-container .p-editor-content .ql-editor .ql-direction-rtl {
      direction: rtl;
    }
    p-editor .p-editor-container .p-editor-content.ql-disabled .ql-editor {
      background: var(--editor-readonly-body-bg, #EEF2F6);
    }
    p-editor .p-editor-container .ql-snow.ql-toolbar button:hover,
    p-editor .p-editor-container .ql-snow.ql-toolbar button:focus {
      color: #495057;
    }
    p-editor .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
    p-editor .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
      stroke: #495057;
    }
    p-editor .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
    p-editor .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
      fill: #495057;
    }
    p-editor .p-editor-container .ql-snow.ql-toolbar button.ql-active,
    p-editor .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
    p-editor .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
      color: #3B82F6;
    }
    p-editor .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
    p-editor .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
    p-editor .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
      stroke: #3B82F6;
    }
    p-editor .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
    p-editor .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
    p-editor .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
      fill: #3B82F6;
    }
    p-editor .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
    p-editor .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
    p-editor .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
      color: #3B82F6;
    }
    p-editor {
      --editor-my: 0 24px;
      --editor-mx: 0;
      --editor-height: 320px;
      --editor-toolbar-bg: #f8f9fa;
      --editor-border-radius-ss: 6px;
      --editor-border-radius-se: 6px;
      --editor-border-radius-es: 6px;
      --editor-border-radius-ee: 6px;
      --editor-border-clr: #dee2e6;
      --editor-body-bg: var(--clr-white);
      --editor-readonly-body-bg: #EEF2F6;
      --editor-body-clr: #495057;
      --editor-placeholder-clr: #B5BCC4;
      --editor-placeholder-fs: 12.62px;
      --editor-placeholder-fw: 400;
    }
  }
  @layer stepper {
    .p-stepper .p-stepper-nav {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-block: var(--stepper-nav-my, 0);
      margin-inline: var(--stepper-nav-mx, 0);
      padding-block: var(--stepper-nav-py, 0);
      padding-inline: var(--stepper-nav-px, 0);
      list-style-type: none;
      overflow-x: auto;
      border: solid var(--stepper-nav-border-clr, transparent);
      border-width: var(--stepper-nav-border-width, 0);
      border-radius: var(--stepper-nav-border-radius, 0);
    }
    .p-stepper .p-stepper-nav .p-stepper-header {
      position: relative;
      display: flex;
      flex: 1 1 auto;
      align-items: center;
      padding-block: var(--stepper-header-py, 0.5rem);
      padding-inline: var(--stepper-header-px, 0.5rem);
    }
    .p-stepper .p-stepper-nav .p-stepper-header:last-of-type {
      flex: initial;
    }
    .p-stepper .p-stepper-nav .p-stepper-header.p-highlight .p-stepper-action {
      cursor: default;
    }
    .p-stepper .p-stepper-nav .p-stepper-header.p-highlight .p-stepper-action .p-stepper-number {
      background: var(--stepper-header-active-number-bg, #EFF6FF);
      color: var(--stepper-header-active-number-clr, #1D4ED8);
    }
    .p-stepper .p-stepper-nav .p-stepper-header.p-highlight .p-stepper-action .p-stepper-title {
      color: var(--stepper-header-active-title-clr, #4b5563);
    }
    .p-stepper .p-stepper-nav .p-stepper-header:not(.p-disabled):focus-visible {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: var(--stepper-header-focus-boxshadow, 0 0 0 0.2rem #BFDBFE);
    }
    .p-stepper .p-stepper-nav .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
      background-color: var(--stepper-header-active-separator-bg, #3B82F6);
    }
    .p-stepper .p-stepper-nav .p-stepper-header .p-stepper-action {
      display: var(--stepper-header-action-display, inline-flex);
      align-items: center;
      flex-direction: var(--stepper-header-action-flexdirection, row);
      background: var(--stepper-header-action-bg, var(--clr-white));
      border: solid var(--stepper-header-action-border-clr, transparent);
      border-width: var(--stepper-header-action-border-width, 1px);
      border-radius: var(--stepper-header-action-border-radius, 6px);
      text-decoration: none;
      cursor: pointer;
      transition: box-shadow 0.2s;
      outline-color: transparent;
    }
    .p-stepper .p-stepper-nav .p-stepper-header .p-stepper-action .p-stepper-number {
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--stepper-header-number-clr, #4b5563);
      background: var(--stepper-header-number-bg, var(--clr-white));
      border: solid var(--stepper-header-number-border-clr, #f3f4f6);
      border-width: var(--stepper-header-number-border-width, 2px);
      border-radius: var(--stepper-header-number-border-radius, 50%);
      width: var(--stepper-header-number-width, auto);
      min-width: var(--stepper-header-number-minwidth, 2rem);
      height: var(--stepper-header-number-height, 2rem);
      font-size: var(--stepper-header-number-fs, 1.143rem);
      font-weight: var(--stepper-header-number-fw, 400);
      line-height: var(--stepper-header-number-lh, 2rem);
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
    }
    .p-stepper .p-stepper-nav .p-stepper-header .p-stepper-action .p-stepper-title {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: var(--stepper-header-title-maxwidth, 100%);
      margin-block: var(--stepper-header-title-my, 0);
      margin-inline: var(--stepper-header-title-mx, 0.5rem 0);
      color: var(--stepper-header-title-clr, #6b7280);
      font-size: var(--stepper-header-title-fs, 700);
      font-weight: var(--stepper-header-title-fw, 700);
      line-height: var(--stepper-header-title-lh, 1.5);
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
    }
    .p-stepper .p-stepper-nav .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: var(--stepper-header-action-focus-boxshadow, 0 0 0 0.2rem #BFDBFE);
    }
    .p-stepper .p-stepper-nav .p-stepper-header .p-stepper-action:focus-visible {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: var(--stepper-header-action-focus-boxshadow, 0 0 0 0.2rem #BFDBFE);
    }
    .p-stepper .p-stepper-separator {
      flex: 1 1 0;
      width: var(--stepper-header-separator-width, 100%);
      height: var(--stepper-header-separator-height, 2px);
      margin-block: var(--stepper-header-separator-my, 0);
      margin-inline: var(--stepper-header-separator-mx, 1rem 0);
      background-color: var(--stepper-header-separator-bg, #e5e7eb);
      transition: box-shadow 0.2s;
    }
    .p-stepper .p-stepper-panels {
      padding-block: var(--stepper-content-py, 1.25rem);
      padding-inline: var(--stepper-content-px, 1.25rem);
      background: var(--stepper-content-bg, var(--clr-white));
      color: var(--stepper-content-clr, #4b5563);
    }
    .p-stepper.p-stepper-readonly .p-stepper-header {
      cursor: auto;
    }
    .p-stepper.p-stepper-vertical {
      display: flex;
      flex-direction: column;
    }
    .p-stepper.p-stepper-vertical .p-stepper-nav {
      flex-direction: column;
    }
    .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
      display: flex;
      flex: 1 1 auto;
      background: var(--stepper-vertically-content-toggleable-bg, var(--clr-white));
      color: var(--stepper-vertically-content-toggleable-clr, #4b5563);
    }
    .p-stepper.p-stepper-vertical .p-stepper-panel {
      display: flex;
      flex-direction: column;
      flex: initial;
    }
    .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
      flex: 1 1 auto;
    }
    .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
      background-color: #3B82F6;
    }
    .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
      padding-left: 3rem;
    }
    .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
      flex: initial;
    }
    .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
      width: 100%;
      padding-left: 1rem;
    }
    .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
      flex: 0 0 auto;
      width: 2px;
      height: auto;
      margin-inline-start: calc(1.75rem + 2px);
    }
    .p-stepper {
      --stepper-nav-my: 0;
      --stepper-nav-mx: 0;
      --stepper-nav-py: 0;
      --stepper-nav-px: 0;
      --stepper-nav-border-clr: transparent;
      --stepper-nav-border-width: 0;
      --stepper-nav-border-radius: var(--radius-none);
      --stepper-header-py: 0.5rem;
      --stepper-header-px: 0.5rem;
      --stepper-header-active-number-bg: #EFF6FF;
      --stepper-header-active-number-clr: #1D4ED8;
      --stepper-header-active-title-clr: #4b5563;
      --stepper-header-focus-boxshadow: 0 0 0 0.2rem #BFDBFE;
      --stepper-header-active-separator-bg: #3B82F6;
      --stepper-header-action-display: inline-flex;
      --stepper-header-action-flexdirection: row;
      --stepper-header-action-bg: var(--clr-white);
      --stepper-header-action-border-clr: transparent;
      --stepper-header-action-border-width: 1px;
      --stepper-header-action-border-radius: var(--radius-md);
      --stepper-header-number-clr: #4b5563;
      --stepper-header-number-bg: var(--clr-white);
      --stepper-header-number-border-clr: #f3f4f6;
      --stepper-header-number-border-width: 2px;
      --stepper-header-number-border-radius: var(--radius-circle);
      --stepper-header-number-minwidth: 2rem;
      --stepper-header-number-width: auto;
      --stepper-header-number-height: 2rem;
      --stepper-header-number-fs: 1.143rem;
      --stepper-header-number-fw: 400;
      --stepper-header-number-lh: 2rem;
      --stepper-header-title-maxwidth: 100%;
      --stepper-header-title-my: 0;
      --stepper-header-title-mx: 0.5rem 0;
      --stepper-header-title-clr: #6b7280;
      --stepper-header-title-fs: 700;
      --stepper-header-title-fw: 700;
      --stepper-header-title-lh: 1.5;
      --stepper-header-action-focus-boxshadow: 0 0 0 0.2rem #BFDBFE;
      --stepper-header-separator-width: 100%;
      --stepper-header-separator-height: 2px;
      --stepper-header-separator-my: 0;
      --stepper-header-separator-mx: 1rem 0;
      --stepper-header-separator-bg: #e5e7eb;
      --stepper-content-py: 1.25rem;
      --stepper-content-px: 1.25rem;
      --stepper-content-bg: var(--clr-white);
      --stepper-content-clr: #4b5563;
    }
  }
  @layer dynamic-form {
    .dynamic-forms-portal .view-form-templates > .row {
      display: flex;
      flex-wrap: wrap;
    }
    .dynamic-forms-portal .view-form-templates > .row > div:has(.upload-attachments-section) {
      flex: 0 0 100%;
      width: 100%;
      order: 999;
    }
    .dynamic-forms-portal .view-form-templates > .row > div:has(.d-grid.gap-2.mb-5):not(:has(.upload-attachments-section)) {
      flex: 0 0 100%;
      width: 100%;
      order: 999;
    }
    @media (min-width: 768px) {
      .dynamic-forms-portal .view-form-templates > .row > div:has(.d-grid.gap-2.mb-5):not(:has(.upload-attachments-section)) {
        flex: 0 0 33.333333%;
        width: 33.333333%;
      }
    }
    @media (min-width: 576px) and (max-width: 767px) {
      .dynamic-forms-portal .view-form-templates > .row > div:has(.d-grid.gap-2.mb-5):not(:has(.upload-attachments-section)) {
        flex: 0 0 50%;
        width: 50%;
      }
    }
    .dynamic-forms-portal .view-form-templates > .row > div:has(.d-grid.gap-2.mb-4) {
      order: 1;
    }
    .dynamic-forms-portal .pi.pi-file-pdf {
      display: none;
    }
    .dynamic-forms-portal label {
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
    }
    .dynamic-forms-portal .view-label {
      color: #6c737f;
    }
    .dynamic-forms-portal .row > .mb-3:has(.radio-portal) {
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
    .dynamic-forms-portal .row > .mb-3:has(.checkbox-wrapper-portal) {
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
    .dynamic-forms-portal .row > .mb-3:has(.toggle-portal),
    .dynamic-forms-portal .row > .mb-3:has(.toggle) {
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
    .dynamic-forms-portal .row > .mb-3:has(lib-upload-attachments) {
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
    .dynamic-forms-portal .row > .mb-3:has(textarea),
    .dynamic-forms-portal .row > .mb-3:has(.custom-textarea) {
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
    .dynamic-forms-portal .checkbox-wrapper-portal label {
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
    }
    .dynamic-forms-portal .toggle-portal label,
    .dynamic-forms-portal .toggle label {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
    }
    .dynamic-forms-portal div.mb-3 > div:has(.toggle) label:first-child {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
    }
    .dynamic-forms-portal div.mb-3 > div:has(.field-checkbox) label:first-child {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
    }
    .dynamic-forms-portal > label,
    .dynamic-forms-portal .d-flex > label,
    .dynamic-forms-portal .mb-3 > label {
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
    }
    .dynamic-forms-portal .mb-2 {
      margin-block-end: 22px;
    }
    .dynamic-forms-portal p-multiselect .p-multiselect-panel {
      background: var(--clr-white);
    }
  }
  @layer attachments {
    .uploaded-section {
      display: flex !important;
      flex-direction: column !important;
      flex-flow: wrap;
      justify-content: center;
    }
    .uploaded-section .drag-over {
      background-color: rgba(0, 123, 255, 0.15) !important;
      border: 2px dashed #007bff !important;
      box-shadow: 0 0 10px rgba(0, 123, 255, 0.3);
      transition: all 0.2s ease;
    }
    .uploaded-section .dashed-border {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 32px 24px;
      background-color: #f3f4f6;
      border: 1px dashed #d2d6db;
      border-radius: var(--radius-lg);
      margin-bottom: 8px;
      transition: all 0.3s ease;
      gap: 24px;
    }
    @media (max-width: 768px) {
      .uploaded-section .dashed-border {
        padding: 24px 16px;
      }
    }
    .uploaded-section .dashed-border.clickable-upload {
      cursor: pointer;
      position: relative;
    }
    .uploaded-section .dashed-border.clickable-upload:hover:not(.disabled-upload) {
      border-color: #166a45;
      background-color: #f3fcf6;
    }
    .uploaded-section .dashed-border.clickable-upload.disabled-upload {
      opacity: 0.6;
      cursor: not-allowed;
    }
    .uploaded-section .dashed-border.clickable-upload:not(.disabled-upload)::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: transparent;
      border-radius: var(--radius-lg);
      transition: background-color 0.3s ease;
      pointer-events: none;
    }
    .uploaded-section .dashed-border .d-flex {
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 8px;
    }
    .uploaded-section h4 {
      font-size: var(--fs-base) !important;
      font-weight: var(--fw-medium) !important;
      color: var(--clr-default);
      text-align: center;
    }
    .uploaded-section p {
      font-size: var(--fs-xs);
      font-weight: var(--fw-normal) !important;
      color: var(--secondary-text-color) !important;
      text-align: center;
    }
    .uploaded-section .upload-input-section {
      position: relative;
      display: flex;
      justify-content: center;
    }
    .uploaded-section .upload-input-section .upload-label {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      padding-block: 5px;
      padding-inline: 20px;
      min-height: 40px;
      gap: 0.5rem;
      font-size: 0.875rem;
      font-weight: bold;
      border-radius: var(--radius-sm);
      color: black;
      border-width: 1px;
      border-style: solid;
      border-color: #d2d6db;
      transition: 0.2s all ease-in-out;
      margin-bottom: 0 !important;
      z-index: 3;
      position: relative;
      text-decoration: none;
      line-height: 1.5;
    }
    .uploaded-section .upload-input-section .upload-label:focus,
    .uploaded-section .upload-input-section .upload-label:focus-visible {
      box-shadow: none;
      outline: 0;
    }
    .uploaded-section .upload-input-section .for-view {
      cursor: not-allowed !important;
      opacity: 0.4;
    }
    .uploaded-section .upload-input-section .for-view:hover {
      opacity: 0.4;
    }
    .uploaded-section .view-attachments {
      width: 100%;
    }
    .uploaded-section .view-attachments > div {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 20px;
    }
    .uploaded-section .view-attachments > div > div {
      width: 100%;
    }
    .uploaded-section .view-attachments .uploaded-item .view-icon {
      display: none !important;
    }
    .view-attachments {
      width: 100%;
    }
    .view-attachments > div {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      gap: 20px;
    }
    .view-attachments > div > div {
      width: 31%;
    }
    @media (max-width: 767px) {
      .view-attachments > div > div {
        width: 48%;
      }
    }
    @media (max-width: 575px) {
      .view-attachments > div > div {
        width: 100%;
      }
    }
    .view-attachments .uploaded-item {
      width: 31%;
    }
    @media (max-width: 767px) {
      .view-attachments .uploaded-item {
        width: 48%;
      }
    }
    @media (max-width: 575px) {
      .view-attachments .uploaded-item {
        width: 100%;
      }
    }
    .uploaded-item {
      width: 100%;
      max-width: 100%;
      border: 1px solid #d2d6db;
      border-radius: var(--radius-sm);
      padding: 8px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      min-height: auto;
      background: var(--clr-secondary-bg);
      transition: all 0.3s ease;
      position: relative;
    }
    .uploaded-item:hover {
      border-color: var(--clr-primary);
      background: var(--clr-secondary-bg);
    }
    .uploaded-item[pTooltip] {
      pointer-events: auto;
    }
    .uploaded-item .file-name {
      color: var(--clr-default);
      font-size: var(--fs-sm);
      font-weight: var(--fw-medium);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      flex-grow: 1;
      text-align: end;
      margin-inline-start: 5px;
      margin-inline-end: 5px;
    }
    .uploaded-item .view-icon {
      width: 20px;
      height: 20px;
      cursor: pointer;
      transition: all 0.3s ease;
      margin-inline-start: 10px;
    }
    .uploaded-item .view-icon::before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23384250' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      transition: all 0.3s ease;
    }
    .uploaded-item .view-icon:hover::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231b8354' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");
    }
    .uploaded-item round-progress {
      display: block !important;
      width: 20px !important;
      height: 20px !important;
    }
    .uploaded-item round-progress ::ng-deep svg {
      width: 20px !important;
      height: 20px !important;
    }
    .uploaded-item .delete-icon {
      width: 20px !important;
      height: 20px !important;
      cursor: pointer;
      margin-inline-start: 10px;
    }
    .uploaded-item .delete-icon:before {
      content: "";
      background: url(/assets/imgs/Button-Close.svg) no-repeat center center;
      background-size: contain;
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      display: block;
    }
    .uploaded-item .success-icon {
      margin-top: 2px !important;
    }
    .uploaded-item .options {
      gap: 12px;
      display: flex;
      align-items: center;
    }
    .subscriber-portal-hide {
      position: absolute;
      display: none !important;
    }
    .subscriber-portal-hide * {
      display: none !important;
    }
  }
  @layer custom-icons {
    .pi-search-minus:before {
      content: "";
      background-image: url(/assets/imgs/search-minus.svg);
      background-size: cover;
      background-repeat: no-repeat;
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: middle;
    }
    .pi-search-plus:before {
      content: "";
      background-image: url(/assets/imgs/search-plus.svg);
      background-size: cover;
      background-repeat: no-repeat;
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: middle;
    }
    .pi-window-maximize:before,
    .pi-window-minimize:before {
      content: "";
      background-image: url(/assets/imgs/window-maximize.svg);
      background-size: cover;
      background-repeat: no-repeat;
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: middle;
    }
    .pi-sync:before {
      content: "";
      background-image: url(/assets/imgs/sync.svg);
      background-size: cover;
      background-repeat: no-repeat;
      display: inline-block;
      width: 16px;
      height: 16px;
      vertical-align: middle;
    }
  }
  @layer tree {
    .p-tree-root {
      overflow: hidden;
      padding: 12px;
    }
    .p-tree {
      background-color: #fff;
    }
    .p-tree .p-tree-node-label {
      color: #161616;
      font-size: var(--fs-base);
      font-weight: var(--fw-semibold);
      margin-inline-start: 4px;
    }
    .p-tree .p-tree-node-content {
      position: relative;
      min-height: 48px;
      background-color: #f3f4f6;
      border-radius: var(--radius-sm);
      margin-bottom: 12px;
      padding-inline: 12px;
    }
    .p-tree .p-tree-node-content:hover {
      background-color: #f3f4f6;
    }
    .p-tree .p-tree-node-children .p-tree-node-content {
      margin-inline: 24px;
    }
    .p-tree .p-tree-node-leaf {
      display: inline-block;
      width: 50%;
      max-width: 50%;
      box-sizing: border-box;
      padding: 0 46px;
      vertical-align: top;
    }
    .p-tree .p-tree-node-leaf .p-tree-node-content {
      background-color: #fff;
      display: flex;
      margin-inline: 0 !important;
      width: 100%;
    }
    @media (max-width: 800px) {
      .p-tree .p-tree-node-leaf {
        width: 100%;
        max-width: 100%;
      }
    }
    .p-tree .p-tree-node:has(> .p-tree-node-children) > .p-tree-node-content {
      background-color: #f3f4f6;
    }
    .p-tree .p-tree-node-toggle-button {
      position: absolute;
      width: 75%;
    }
    .p-tree .p-tree-node-toggle-button:hover {
      background-color: transparent;
    }
    [dir=ltr] .p-tree .p-tree-node-toggle-button {
      right: 20px;
    }
    [dir=rtl] .p-tree .p-tree-node-toggle-button {
      left: 20px;
    }
    .p-tree .p-tree-node-toggle-button svg {
      color: #161616;
    }
    .p-tree .p-tree-node-toggle-button .p-tree-node-toggle-icon {
      position: absolute;
    }
    [dir=ltr] .p-tree .p-tree-node-toggle-button .p-tree-node-toggle-icon {
      right: 20px;
    }
    [dir=rtl] .p-tree .p-tree-node-toggle-button .p-tree-node-toggle-icon {
      left: 20px;
    }
    .p-tree .p-tree-node-toggle-button chevronrighticon svg {
      transform: rotate(90deg);
    }
    .p-tree .p-tree-node-toggle-button chevrondownicon svg {
      transform: rotate(180deg);
    }
    .p-tree .p-tree-node-label span {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
    .p-tree .p-tree-node-label span svg {
      width: 20px;
      height: 20px;
    }
    .p-tree-node-content {
      padding: 12px;
      pointer-events: none;
    }
    .p-tree-node-label {
      pointer-events: auto;
    }
    p-checkbox,
    input[type=checkbox],
    .p-tree-node-toggle-button,
    chevrondownicon,
    chevronrighticon,
    svg.p-tree-node-toggle-icon {
      pointer-events: auto;
    }
    .exisit {
      display: none !important;
    }
    p-checkbox[data-p-partialchecked=true] + .p-tree-node-label .exisit {
      color: var(--clr-primary);
      display: inline !important;
    }
    .sub-category-node {
      margin-inline: 24px;
    }
  }
  @layer typography {
    .sub-title {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      margin-block: 1rem;
    }
  }
}
@layer themes {
  @layer fonts, components, layout, modules, custom, general;
  @layer fonts {
    @font-face {
      font-family: "IBMPlexSansArabic";
      src: url("./media/IBMPlexSansArabic-Regular.ttf");
      src: url("./media/IBMPlexSansArabic-Regular.ttf") format("truetype");
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: "IBMPlexSansArabic";
      src: url("./media/IBMPlexSansArabic-Medium.ttf");
      src: url("./media/IBMPlexSansArabic-Medium.ttf") format("truetype");
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: "IBMPlexSansArabic";
      src: url("./media/IBMPlexSansArabic-SemiBold.ttf");
      src: url("./media/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: "IBMPlexSansArabic";
      src: url("./media/IBMPlexSansArabic-Bold.ttf");
      src: url("./media/IBMPlexSansArabic-Bold.ttf") format("truetype");
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }
    body {
      --body-ff-ar: "IBMPlexSansArabic";
      --body-ff-en: "IBMPlexSansArabic";
    }
  }
  @layer components {
    :root {
      --body-clr: initial;
      --body-bg: #f9fafb;
      --body-fs: initial;
      --body-fw: initial;
      --body-ff-ar:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --body-ff-en:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --clr-primary: hsl(153, 66%, 25%);
      --clr-primary-green: #1b8354;
      --clr-primary-hover: #036abf;
      --clr-secondary: #6c737f;
      --clr-secondary-bg: #f3f4f6;
      --clr-third: #0dcaf0;
      --clr-default: #161616;
      --clr-display: #1f2a37;
      --clr-success: #198754;
      --clr-success-dark: #065012;
      --clr-success-medium: #65a773;
      --clr-success-green: #17b26a;
      --clr-success-tag: #085d3a;
      --clr-success-light: #ecfdf3;
      --clr-success-border: #abefc6;
      --clr-warning: #ffc107;
      --clr-warning-dark: #b54708;
      --clr-warning-medium: #93370d;
      --clr-warning-orange: #f79009;
      --clr-warning-light: #fffaeb;
      --clr-warning-border: #fedf89;
      --clr-warning-bg: #dc6803;
      --clr-danger: #dc3545;
      --clr-danger-dark: #912018;
      --clr-danger-medium: #d32d17;
      --clr-danger-red: #f04438;
      --clr-danger-light: #fef3f2;
      --clr-danger-bg: #df9c90;
      --clr-danger-border: #fee4e2;
      --clr-info: #0dcaf0;
      --clr-info-blue: #175cd3;
      --clr-info-light-blue: #1495ff;
      --clr-info-light: #eff8ff;
      --clr-info-medium: #1570ef;
      --clr-info-border: #b2ddff;
      --clr-info-sky: #3daae1;
      --clr-info-bg: #ecf7fc;
      --clr-white: #ffffff;
      --clr-black: #000000;
      --clr-gray-50: #f9fafb;
      --clr-gray-100: #f3f4f6;
      --clr-gray-200: #e5e7eb;
      --clr-gray-300: #d2d6db;
      --clr-gray-400: #9da4ae;
      --clr-gray-500: #6c737f;
      --clr-gray-600: #4c515b;
      --clr-gray-700: #384250;
      --clr-gray-800: #1f2a37;
      --clr-gray-900: #161616;
      --clr-gray-light: #f0f1f2;
      --clr-gray-medium: #9fa4ae;
      --clr-gray-dark: #424b59;
      --clr-gray-darker: #2d3036;
      --clr-gray-border: #ced7e3;
      --clr-gray-border-light: #d3d6db;
      --clr-gray-disabled: #bbbec5;
      --clr-gray-hover: #e2e7ed;
      --clr-gray-icon: #6e7c91;
      --clr-gray-placeholder: #6b7280;
      --clr-gray-text: #898e99;
      --clr-gray-chip: #d1d3d8;
      --clr-gray-panel: #4d5761;
      --clr-gray-backdrop: #2b374d;
      --clr-brand-green: #067647;
      --clr-brand-light: #ebf4ee;
      --clr-brand-light-bg: #e6f3ec;
      --bg-grey: #f9fafb;
      --bg-card: #e9ebf2;
      --bg-hover: #f5faff;
      --bg-light: #fcfcfd;
      --bg-disabled: #f0f1f2;
      --bg-secondary: #eff6ff;
      --bg-panel: #f8fafc;
      --bg-tooltip: #2b374d;
      --clr-text-primary: #161616;
      --clr-text-secondary: #6c737f;
      --clr-text-tertiary: #384250;
      --clr-text-display: #1f2a37;
      --clr-text-muted: #6e7c91;
      --clr-text-disabled: #9da4ae;
      --clr-text-placeholder: #6b7280;
      --clr-text-dark: #101633;
      --clr-text-light: #1a1a1a;
      --clr-border-default: #d2d6db;
      --clr-border-light: #e9ebf2;
      --clr-border-medium: #ced7e3;
      --clr-border-input: #9da4ae;
      --clr-border-disabled: #bbbec5;
      --clr-shadow-focus: #bfdbfe;
      --clr-shadow-light: rgba(0, 0, 0, 0.1);
      --clr-shadow-medium: rgba(0, 0, 0, 0.4);
      --clr-transparent-white: #ffffff99;
      --clr-overlay: rgba(0, 0, 0, 0.4);
      --radius-none: 0;
      --radius-xs: 2px;
      --radius-sm: 4px;
      --radius-md: 6px;
      --radius-lg: 8px;
      --radius-xl: 12px;
      --radius-2xl: 16px;
      --radius-3xl: 24px;
      --radius-round: 99px;
      --radius-circle: 50%;
      --radius-full: 100%;
      --radius-pill: 40vw;
      --fs-xs: 12px;
      --fs-sm: 14px;
      --fs-sm-plus: 15px;
      --fs-base: 16px;
      --fs-md: 18px;
      --fs-lg: 20px;
      --fs-xl: 24px;
      --fs-2xl: 30px;
      --fs-2xl-minus: 29px;
      --fs-3xl: 48px;
      --fw-light: 300;
      --fw-normal: 400;
      --fw-medium: 500;
      --fw-semibold: 600;
      --fw-bold: 700;
    }
    .p-menu {
      background-color: white;
      color: #000;
      border: none;
    }
    .p-menu .p-menu-item-content {
      color: #000;
    }
    .p-menu .p-menu-item-content:hover {
      background-color: var(--clr-gray-100);
    }
    .uces-tag {
      --ptag-py: 0;
      --ptag-px: 0.65rem;
      --ptag-bg: var(--clr-primary);
      --ptag-clr: var(--clr-white);
      --ptag-fs: 12px;
      --ptag-fw: 500;
      height: 24px;
      --ptag-border-radius: var(--radius-round);
      --ptag-rounded-border-radius: var(--radius-pill);
      --ptag-gap: 0;
    }
    .uces-tag.p-tag-secondary {
      --ptag-bg: var(--clr-gray-panel);
      --ptag-clr: var(--clr-white);
      min-width: max-content;
    }
    .uces-tag.p-tag-secondary .p-tag-label::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-radius: var(--radius-circle);
      background-color: var(--clr-transparent-white);
    }
    .uces-tag.p-tag-danger {
      --ptag-bg: var(--clr-danger-light);
      --ptag-clr: var(--clr-danger-dark);
      min-width: max-content;
    }
    .uces-tag.p-tag-danger .p-tag-label::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-radius: var(--radius-circle);
      background-color: var(--clr-danger-dark);
    }
    .uces-tag.p-tag-success {
      --ptag-bg: var(--clr-light-success);
      --ptag-clr: var(--clr-tag-success);
      min-width: max-content;
    }
    .uces-tag.p-tag-success .p-tag-label::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-radius: var(--radius-circle);
      background-color: var(--clr-tag-success);
    }
    .uces-tag.p-tag-success.blank-tag .p-tag-label::before {
      display: none;
    }
    .uces-tag.p-tag-info {
      --ptag-bg: var(--clr-light-primary);
      --ptag-clr: var(--clr-primary);
    }
    .uces-tag.p-tag-warn {
      --ptag-bg: var(--clr-warning-light);
      --ptag-clr: var(--clr-warning-medium);
      min-width: max-content;
    }
    .uces-tag.p-tag-warn .p-tag-label::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-radius: var(--radius-circle);
      background-color: var(--clr-warning-medium);
    }
    .p-tag-label {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: nowrap;
    }
    .uces-card {
      --pcard-padding: 25px;
      --pcard-mb: 24px;
      --pcard-bg: var(--clr-white);
      --pcard-border-clr: var(--clr-border-light);
      --pcard-border-radius: var(--radius-md);
      --pcard-header-padding: 0;
      --pcard-header-borderbottom-widh: 0px;
      --pcard-header-borderbottom-clr: transparent;
      --pcard-header-gap: 8px;
      --pcard-header-mobile-gap: 8px;
      --pcard-header-title-gap: 4px;
      --pcard-header-title-clr: var(--clr-text-dark);
      --pcard-header-title-fs: 1rem;
      --pcard-header-title-fw: 700;
      --pcard-header-title-linheight: 19px;
      --pcard-header-toolbar-gap: 16px;
      --pcard-body-padding-block: 32px 0px;
      --pcard-footer-gap: 8px;
      --pcard-footer-action-gap: 16px;
      --pcard-footer-padding-block: 8px 0;
      --pcard-footer-bordertop-clr: transparent;
    }
    .uces-card.body-p-0 {
      --pcard-body-padding-block: 0;
    }
    .uces-card.footer-mt-32 {
      --pcard-footer-margin-block: 32px 0;
    }
    .uces-card-toggle {
      --ppanel-header-border-clr: var(--clr-gray-border);
      --ppanel-header-border-width: 0;
      --ppanel-header-py: 24px;
      --ppanel-header-px: 24px;
      --ppanel-header-clr: var(--clr-gray-dark);
      --ppanel-header-bg: var(--clr-white);
      --ppanel-header-border-radius-ss: 8px;
      --ppanel-header-border-radius-se: 8px;
      --ppanel-header-border-radius-es: 0;
      --ppanel-header-border-radius-ee: 0;
      --ppanel-header-title-fs: 16px;
      --ppanel-header-title-fw: 500;
      --ppanel-header-title-lh: 22.4px;
      --ppanel-header-icon-width: 24px;
      --ppanel-header-icon-height: 24px;
      --ppanel-header-icon-clr: var(--clr-gray-icon);
      --ppanel-header-icon-bg: transparent;
      --ppanel-header-icon-border-clr: transparent;
      --ppanel-header-icon-border-width: 0;
      --ppanel-header-icon-border-radius: var(--radius-lg);
      --ppanel-header-icon-hover-clr: var(--clr-gray-icon);
      --ppanel-header-icon-hover-bg: transparent;
      --ppanel-header-icon-hover-border-clr: transparent;
      --ppanel-header-icon-hover-boxshadow: 0 0 0 0.2rem var(--clr-shadow-focus);
      --ppanel-content-py: 16px;
      --ppanel-content-px: 24px;
      --ppanel-content-clr: var(--clr-gray-dark);
      --ppanel-content-bg: var(--clr-white);
      --ppanel-content-border-clr: var(--clr-gray-border);
      --ppanel-content-border-width: 1px 0 0 0;
      --ppanel-content-lastchild-border-radius-ss: 0;
      --ppanel-content-lastchild-border-radius-se: 0;
      --ppanel-content-lastchild-border-radius-es: 8px;
      --ppanel-content-lastchild-border-radius-ee: 8px;
      --ppanel-toggle-header-py: 24px;
      --ppanel-toggle-header-px: 24px;
      --ppanel-toggle-header-customicon-width: 16px;
      --ppanel-toggle-header-customicon-height: 16px;
    }
    .uces-card-error {
      --pcard-padding: 48px;
      --pcard-border-radius: 1rem;
      --pcard-body-padding-block: 0;
      --pcard-mb: 0;
      text-align: center;
    }
    .uces-card-error .logo-wrapper h2 {
      font-weight: var(--fw-normal);
      font-size: 12.32px;
      line-height: 15px;
      color: var(--clr-gray-darker);
      margin-bottom: 64px;
      margin-top: 6px;
    }
    .uces-card-error .error-content-wrapper {
      display: grid;
      grid-template-columns: 1fr;
      gap: 48px;
    }
    .uces-card-error .error-content-wrapper > .svg-icon {
      color: var(--clr-danger);
    }
    .uces-card-error .error-content-wrapper .error-content h3 {
      font-weight: var(--fw-medium);
      font-size: var(--fs-lg);
      line-height: 24px;
      color: var(--clr-gray-darker);
      margin-bottom: 12px;
    }
    .uces-card-error .error-content-wrapper .error-content p {
      font-weight: var(--fw-normal);
      font-size: var(--fs-base);
      line-height: 1;
      color: var(--clr-gray-placeholder);
    }
    .uces-card-error .error-content-wrapper .uces-btn {
      --pbtn-gap: 15px;
    }
    .login-card {
      padding-top: 40px;
      width: min(40rem, 90vw);
      z-index: 1;
    }
    .login-card-title {
      color: var(--clr-display);
      font-size: var(--fs-lg);
      font-weight: var(--fw-bold);
    }
    .login-card-title.order-title {
      text-align: start;
    }
    .login-card-title.order-title span {
      display: block;
    }
    .login-card-secondary {
      color: var(--clr-secondary);
      font-size: var(--fs-sm);
      font-weight: var(--fw-medium);
    }
    .uces-chip {
      --chip-gap: 8px;
      --chip-py: 3px;
      --chip-px: 6px 8px;
      --chip-clr: var(--clr-gray-800);
      --chip-bg: var(--clr-gray-50);
      --chip-border-width: 1px;
      --chip-border-clr: var(--clr-gray-200);
      --chip-border-radius: var(--radius-sm);
      --chip-min-height: 24px;
      --chip-fs: 12px;
      --chip-fw: 500;
      --chip-lh: 17px;
      --chip-text-my: 0;
      --chip-text-mx: 0;
      --chip-icon-py: 5px;
      --chip-icon-px: 5px;
      --chip-icon-my: 0;
      --chip-icon-mx: 0;
      --chip-icon-width: 14px;
      --chip-icon-height: 14px;
      --chip-icon-clr: var(--clr-gray-text);
      --chip-icon-bg: var(--clr-gray-chip);
      --chip-icon-border-width: 1px;
      --chip-icon-border-clr: transparent;
      --chip-icon-border-radius: var(--radius-full);
      --chip-icon-hover-clr: var(--clr-gray-600);
      --chip-icon-hover-bg: var(--clr-gray-hover);
      --chip-icon-hover-border-clr: transparent;
      --chip-icon-hover-border-radius: var(--radius-md);
      --chip-icon-focus-boxshadow: 0 0 0 0.2rem var(--clr-shadow-focus);
    }
    .uces-form-control {
      --form-control-width: 100%;
      --form-control-height: 100%;
      --form-control-minwidth: 150px;
      --form-control-minheight: 40px;
      --form-control-lh: 17px;
      --form-control-py: 5px;
      --form-control-px: 12px;
      --form-control-border-width: 1px;
      --form-control-border-clr: var(--clr-border-input);
      --form-control-border-radius: var(--radius-sm);
      --form-control-bg: var(--clr-white);
      --form-control-clr: var(--clr-text-primary);
      --form-control-fs: 16px;
      --form-control-fw: 500;
      --form-control-boxshadow: none;
      --form-control-transition:
        background-color 0.2s,
        color 0.2s,
        border-color 0.2s,
        box-shadow 0.2s;
      --form-control-hover-border-clr: var(--clr-border-input);
      --form-control-focus-boxshadow: none;
      --p-inputtext-background: var(--clr-white);
      --form-control-focus-border-clr: var(--clr-primary);
      --form-control-invalid-border-clr: var(--clr-danger);
      --form-control-placeholder-minheight: 17px;
      --form-control-placeholder-fs: 16px;
      --form-control-placeholder-fw: 400;
      --form-control-placeholder-clr: var(--clr-text-placeholder);
      --form-control-disabled-clr: var(--clr-gray-600);
      --form-control-disabled-bg: var(--clr-gray-light);
      --form-control-disabled-border-clr: var(--clr-gray-disabled);
      --form-control-autofill-boxshadow: none;
      --form-control-autofill-bg: var(--clr-white);
      --form-control-autofill-clr: var(--clr-gray-600);
    }
    .uces-form-control::-webkit-outer-spin-button,
    .uces-form-control::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    .uces-form-control[type=number] {
      appearance: textfield;
      -moz-appearance: textfield;
    }
    @media screen and (min-width: 992px) {
      .uces-form-control.input-years {
        --form-control-min-width: auto;
      }
    }
    @media screen and (max-width: 550.98px) {
      .uces-form-control.w-auto-input-sm {
        --form-control-min-width: 100px !important;
      }
    }
    .date-filter {
      margin-bottom: 10px;
    }
    p-password {
      --ppassword-icon-insetend: 1rem;
      --ppassword-icon-width: 1rem;
      --ppassword-icon-height: 1rem;
      --ppassword-icon-color: black;
    }
    lib-input-text:has(.error-validation) .p-inputtext,
    lib-input-text:has(.error-validation) .p-password-input,
    lib-input-password:has(.error-validation) .p-inputtext,
    lib-input-password:has(.error-validation) .p-password-input {
      border-color: var(--clr-danger);
    }
    .red_error {
      color: var(--clr-danger);
    }
    .uces-form-error {
      --palert-my: 0.5rem 0;
      --palert-py: 0;
      --palert-px: 0;
      --palert-bg: transparent;
      --palert-border-width: 0;
      --palert-content-clr: var(--clr-danger);
      --palert-content-fs: 0.75rem;
      --palert-content-lh: 0.875rem;
    }
    .uces-switch {
      --switch-width: 40px;
      --switch-height: 24px;
      --switch-slider-bg: var(--clr-gray-border);
      --switch-slider-transition:
        background-color 0.2s,
        color 0.2s,
        border-color 0.2s,
        box-shadow 0.2s;
      --switch-slider-border-radius: var(--radius-pill);
      --switch-circle-bg: var(--clr-white);
      --switch-circle-width: calc(var(--switch-height) - 10px);
      --switch-circle-height: calc(var(--switch-height) - 10px);
      --switch-circle-border-radius: var(--radius-full);
      --switch-circle-left: 4px;
      --switch-slider-checked-bg: var(--clr-primary);
      --switch-circle-checked-bg: var(--clr-white);
      --switch-slider-checked-hover-bg: var(--clr-primary-hover);
      --switch-slider-focus-boxshadow: none;
      --switch-slider-hover-bg: #b6bfc8;
    }
    .switch-wrapper {
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .switch-wrapper.switch-filter {
      padding: 10px 16px;
      margin: 0;
      border: 1px solid #ced7e3;
      border-radius: var(--radius-lg);
      cursor: pointer;
    }
    .switch-wrapper.switch-filter .switch-label {
      width: max-content;
    }
    .switch-wrapper .switch-label {
      font-size: 12.62px;
      font-weight: var(--fw-medium);
      line-height: 17.8px;
      color: #6e7c91;
    }
    .uces-radio {
      --radio-wrapper-gap: 8px;
      --radio-width: 20px;
      --radio-height: 20px;
      --radio-clr: #6e7c91;
      --radio-border-clr: #ced7e3;
      --radio-border-width: 2px;
      --radio-border-radius: var(--radius-circle);
      --radio-boxshadow: 0 0 0 0.2rem #bfdbfe;
      --radio-active-border-clr: var(--clr-primary);
      --radio-active-bg: var(--clr-white);
      --radio-active-hover-border-clr: var(--clr-primary);
      --radio-active-hover-bg: var(--clr-white);
      --radio-active-hover-clr: var(--clr-primary);
      --radio-icon-width: 12px;
      --radio-icon-height: 12px;
      --radio-icon-bg: #f5faff;
      --radio-active-icon-bg: var(--clr-primary);
      --radio-invalid-border-clr: var(--clr-danger);
      --radio-label-my: 0;
      --radio-label-mx: 0;
      --radio-label-py: 0;
      --radio-label-px: 0;
      --radio-label-clr: #6e7c91;
      --radio-label-fs: 16px;
      --radio-label-fw: 500;
      --radio-label-lh: 20px;
    }
    .radio-wrapper {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--clr-white);
      padding: 12px 16px;
      border: 1px solid #ced7e3;
      border-radius: var(--radius-lg);
      cursor: pointer;
    }
    .radio-wrapper .radio-label {
      color: #6e7c91;
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      line-height: 20px;
      margin: 0;
      cursor: pointer;
    }
    .radio-wrapper:has(.p-radiobutton-checked),
    .radio-wrapper:hover {
      border: 1px solid var(--clr-primary);
    }
    .radio-wrapper:has(.p-radiobutton-checked) .uces-radio:not(.p-disabled):not(.p-highlight) .p-radiobutton-box,
    .radio-wrapper:hover .uces-radio:not(.p-disabled):not(.p-highlight) .p-radiobutton-box {
      border-color: var(--radio-active-border-clr, #3b82f6);
    }
    .radio-wrapper:has(.p-radiobutton-checked) .uces-radio:not(.p-disabled):not(.p-highlight) .p-radiobutton-box .p-radiobutton-icon,
    .radio-wrapper:hover .uces-radio:not(.p-disabled):not(.p-highlight) .p-radiobutton-box .p-radiobutton-icon {
      background-color: var(--radio-active-icon-bg, #3b82f6);
      transform: unset;
      visibility: unset;
    }
    .radio-wrapper:has(.p-radiobutton-checked) .radio-label,
    .radio-wrapper:hover .radio-label {
      color: var(--clr-primary);
    }
    .radio-wrapper + .radio-wrapper {
      margin-inline-start: 12px;
    }
    .uces-checkbox-wrapper-portal {
      --pcheckbox-gap: 0.5rem;
      --pcheckbox-box-width: 24px;
      --pcheckbox-box-height: 24px;
      --pcheckbox-box-clr: #495057;
      --pcheckbox-box-bg: var(--clr-white);
      --pcheckbox-box-border-clr: #ced4da;
      --pcheckbox-box-border-width: 1px;
      --pcheckbox-box-border-radius: var(--radius-sm);
      --pcheckbox-box-boxshadow: none;
      --pcheckbox-box-icon-width: 22px;
      --pcheckbox-box-icon-height: 20px;
      --pcheckbox-box-icon-clr: #495057;
      --pcheckbox-box-icon-transition-duration: 0.2s;
      --pcheckbox-box-hover-border-clr: var(--clr-primary);
      --pcheckbox-box-checked-border-clr: var(--clr-primary);
      --pcheckbox-box-checked-bg: var(--clr-primary);
      --pcheckbox-box-checked-icon-clr: var(--clr-white);
      --pcheckbox-cursor: pointer;
      --pcheckbox-label-clr: #6e7c91;
      --pcheckbox-label-fs: 16px;
      --pcheckbox-label-fw: 400;
      --pcheckbox-label-lh: 1.2;
    }
    p-calendar {
      --calendar-width: 100%;
      --calendar-input-padding-ie: 40px;
      --calendar-icon-width: 16px;
      --calendar-icon-height: 16px;
      --calendar-icon-inset-ie: 12px;
      --calendar-icon-width: 16px;
      --calendar-icon-height: 16px;
      --calendar-input-clear-padding-ie: 60px;
      --calendar-clear-icon-inset-ie: 35px;
      --calendar-clear-icon-width: 16px;
      --calendar-clear-icon-height: 16px;
      --calendar-clear-icon-clr: #6e7c91;
    }
    p-calendar .p-calendar-timeonly .svg-icon {
      position: absolute;
      inset-inline-end: 10px;
      inset-block: 0;
      margin-block: auto;
    }
    p-calendar .p-calendar-timeonly .svg-icon svg {
      width: 16px;
      height: auto;
      color: var(--clr-secondary);
    }
    p-calendar .p-calendar:has(input.uces-form-control[readonly]) {
      pointer-events: none;
    }
    .uces-calendar-ddl {
      direction: ltr;
      --calendar-ddl-py: 0.5rem;
      --calendar-ddl-px: 0.5rem;
      --calendar-ddl-bg: var(--clr-white);
      --calendar-ddl-clr: #495057;
      --calendar-ddl-border-clr: #ced4da;
      --calendar-ddl-border-width: 1px;
      --calendar-ddl-border-radius: var(--radius-md);
      --calendar-ddl-header-py: 0.5rem;
      --calendar-ddl-header-px: 0.5rem;
      --calendar-ddl-header-clr: #495057;
      --calendar-ddl-header-bg: var(--clr-white);
      --calendar-ddl-header-fw: 600;
      --calendar-ddl-header-my: 0;
      --calendar-ddl-header-mx: 0;
      --calendar-ddl-header-border-clr: #dee2e6;
      --calendar-ddl-header-border-width: 0 0 1px 0;
      --calendar-ddl-header-border-radius-ss: 6px;
      --calendar-ddl-header-border-radius-se: 6px;
      --calendar-ddl-header-border-radius-es: 0px;
      --calendar-ddl-header-border-radius-ee: 0px;
      --calendar-ddl-header-prevNextBtn-width: 2rem;
      --calendar-ddl-header-prevNextBtn-height: 2rem;
      --calendar-ddl-header-prevNextBtn-clr: #6c757d;
      --calendar-ddl-header-prevNextBtn-bg: transparent;
      --calendar-ddl-header-prevNextBtn-border-clr: transparent;
      --calendar-ddl-header-prevNextBtn-border-width: 0;
      --calendar-ddl-header-prevNextBtn-border-radius: var(--radius-circle);
      --calendar-ddl-header-prevNextBtn-hover-clr: #343a40;
      --calendar-ddl-header-prevNextBtn-hover-bg: #e9ecef;
      --calendar-ddl-header-prevNextBtn-hover-border-clr: transparent;
      --calendar-ddl-header-title-lh: 2rem;
      --calendar-ddl-header-title-py: 0.5rem;
      --calendar-ddl-header-title-px: 0.5rem;
      --calendar-ddl-header-title-clr: #495057;
      --calendar-ddl-header-title-fs: 16px;
      --calendar-ddl-header-title-fw: 600;
      --calendar-ddl-header-title-hover-clr: #3b82f6;
      --calendar-ddl-header-title-yearMonth-gap: 0.5rem;
      --calendar-ddl-table-fs: 1rem;
      --calendar-ddl-table-my: 0.5rem;
      --calendar-ddl-table-mx: 0;
      --calendar-ddl-table-th-py: 0.5rem;
      --calendar-ddl-table-th-px: 0.5rem;
      --calendar-ddl-table-th-width: 2.5rem;
      --calendar-ddl-table-th-height: 2.5rem;
      --calendar-ddl-table-th-clr: #495057;
      --calendar-ddl-table-th-fs: 1rem;
      --calendar-ddl-table-th-fw: 600;
      --calendar-ddl-table-th-lh: inherit;
      --calendar-ddl-table-th-bg: transparent;
      --calendar-ddl-table-td-py: 0.5rem;
      --calendar-ddl-table-td-px: 0.5rem;
      --calendar-ddl-table-td-bg: transparent;
      --calendar-ddl-table-td-width: 2.5rem;
      --calendar-ddl-table-td-height: 2.5rem;
      --calendar-ddl-table-td-fs: 1rem;
      --calendar-ddl-table-td-fw: 600;
      --calendar-ddl-table-td-lh: inherit;
      --calendar-ddl-table-td-clr: #495057;
      --calendar-ddl-table-td-bg: transparent;
      --calendar-ddl-table-td-border-clr: transparent;
      --calendar-ddl-table-td-border-width: 1px;
      --calendar-ddl-table-td-border-radius: var(--radius-circle);
      --calendar-ddl-table-td-highlight-clr: #1d4ed8;
      --calendar-ddl-table-td-highlight-bg: #eff6ff;
      --calendar-ddl-table-today-clr: #495057;
      --calendar-ddl-table-today-bg: #ced4da;
      --calendar-ddl-table-today-border-clr: transparent;
      --calendar-ddl-table-today-highlight-clr: #1d4ed8;
      --calendar-ddl-table-today-highlight-bg: #eff6ff;
    }
    .uces-calendar-ddl.range-calender {
      --calendar-ddl-px: 0;
    }
    .uces-calendar-ddl.range-calender .p-datepicker-today span {
      border-color: var(--clr-primary);
      background-color: transparent;
      color: var(--clr-primary);
    }
    .uces-calendar-ddl.range-calender tr td {
      --calendar-ddl-table-td-py: 4px;
      --calendar-ddl-table-td-px: 4px;
      min-width: auto;
      width: auto;
      padding: 0;
      border: solid var(--clr-white);
      border-width: 4px 0;
    }
    .uces-calendar-ddl.range-calender tr td:has(.p-highlight) {
      position: relative;
      background: #e6f3ec;
    }
    .uces-calendar-ddl.range-calender tr td .p-highlight {
      background: transparent;
      color: #1d192b;
    }
    .uces-calendar-ddl.range-calender tr td::before {
      position: absolute;
      height: 100%;
      background: #e6f3ec;
      inset-inline: 50%;
      margin-inline: auto;
      width: 50%;
    }
    .uces-calendar-ddl.range-calender tr td::after {
      position: absolute;
      height: 100%;
      background: #e6f3ec;
      inset-inline: 0;
      width: 50%;
      top: 0;
      z-index: -1;
    }
    .uces-calendar-ddl.range-calender tr td:not(:has(.p-highlight)) + td:has(.p-highlight) {
      border-start-start-radius: 40px;
      border-end-start-radius: 40px;
      background: transparent;
    }
    .uces-calendar-ddl.range-calender tr td:not(:has(.p-highlight)) + td:has(.p-highlight)::before {
      content: "";
    }
    .uces-calendar-ddl.range-calender tr td:not(:has(.p-highlight)) + td:has(.p-highlight) .p-highlight {
      background: var(--clr-primary);
      color: var(--clr-white);
    }
    .uces-calendar-ddl.range-calender tr td:not(:has(.p-highlight)) + td:has(.p-highlight):not(:has(+ td .p-highlight))::before,
    .uces-calendar-ddl.range-calender tr td:not(:has(.p-highlight)) + td:has(.p-highlight):not(:has(+ td .p-highlight))::after {
      content: none;
    }
    .uces-calendar-ddl.range-calender tr td:not(:has(+ td .p-highlight)):has(.p-highlight) {
      border-start-end-radius: 40px;
      border-end-end-radius: 40px;
      background: transparent;
    }
    .uces-calendar-ddl.range-calender tr td:not(:has(+ td .p-highlight)):has(.p-highlight)::after {
      content: "";
    }
    .uces-calendar-ddl.range-calender tr td:not(:has(+ td .p-highlight)):has(.p-highlight) .p-highlight {
      background: var(--clr-primary);
      color: var(--clr-white);
    }
    .uces-calendar-ddl.range-calender tr:not(:has(td:last-child .p-highlight)) + tr td:first-child:has(.p-highlight) {
      border-start-start-radius: 40px;
      border-end-start-radius: 40px;
      background: transparent;
    }
    .uces-calendar-ddl.range-calender tr:not(:has(td:last-child .p-highlight)) + tr td:first-child:has(.p-highlight)::before {
      content: "";
    }
    .uces-calendar-ddl.range-calender tr:not(:has(td:last-child .p-highlight)) + tr td:first-child:has(.p-highlight) .p-highlight {
      background: var(--clr-primary);
      color: var(--clr-white);
    }
    .uces-calendar-ddl.range-calender tr:not(:has(td:last-child .p-highlight)) + tr td:not(:has(+ td .p-highlight)):first-child:has(.p-highlight)::before,
    .uces-calendar-ddl.range-calender tr:not(:has(td:last-child .p-highlight)) + tr td:not(:has(+ td .p-highlight)):first-child:has(.p-highlight)::after {
      content: none;
    }
    .uces-calendar-ddl.range-calender tr:has(+ tr td:first-child .p-highlight) td:last-child:has(.p-highlight)::before {
      content: "";
    }
    .uces-calendar-ddl.range-calender tr:has(td:nth-last-child(2) .p-highlight):has(+ tr td:first-child .p-highlight) td:last-child .p-highlight {
      background: transparent;
      color: inherit;
    }
    .p-inputgroup .uces-form-control:first-child {
      --form-control-min-width: 194px;
    }
    [dir=rtl] .p-inputgroup .uces-form-control:first-child {
      --form-control-border-radius: 0 6px 6px 0;
    }
    [dir=ltr] .p-inputgroup .uces-form-control:first-child {
      --form-control-border-radius: 6px 0 0 6px;
    }
    .p-inputgroup .uces-form-control:first-child.uces-form-control-sm {
      --form-control-min-height: 44px;
    }
    .p-inputgroup .uces-form-control:first-child.uces-form-control-xs {
      --form-control-min-height: 40px;
    }
    .p-inputgroup .uces-form-control:first-child + .uces-btn {
      --pbtn-padding-inline: 10px;
      --pbtn-padding-block: var(--pbtn-padding-inline);
      --pbtn-fs: 14px;
      --pbtn-fw: 500;
    }
    [dir=ltr] .p-inputgroup .uces-form-control:first-child + .uces-btn {
      --pbtn-border-radius: 0 6px 6px 0;
    }
    [dir=rtl] .p-inputgroup .uces-form-control:first-child + .uces-btn {
      --pbtn-border-radius: 6px 0 0 6px;
    }
    .p-inputgroup .uces-form-control:first-child + .uces-btn.btn-sm {
      --pbtn-height: 44px;
    }
    [dir=ltr] .p-inputgroup .uces-form-control:first-child + .uces-btn.btn-sm > .p-button {
      --pbtn-border-radius: 0 6px 6px 0;
    }
    [dir=rtl] .p-inputgroup .uces-form-control:first-child + .uces-btn.btn-sm > .p-button {
      --pbtn-border-radius: 6px 0 0 6px;
    }
    body:has(> .input-ddl) .p-inputgroup .uces-form-control:first-child + .uces-btn.input-ddl-btn[aria-expanded=true] .svg-icon {
      transform: rotate(180deg);
      transition: all 0.2s ease-in-out;
    }
    .p-inputgroup .uces-form-control:first-child + .uces-btn.input-ddl-btn .svg-icon {
      transition: all 0.2s ease-in-out;
    }
    .p-inputgroup.mobile-form > input {
      direction: ltr;
      --form-control-border-width: 1px 1px 1px 0;
    }
    .p-inputgroup.mobile-form > input:focus + .uces-select,
    .p-inputgroup.mobile-form > input:hover + .uces-select {
      --pselect-border-clr: var(--clr-primary);
    }
    .p-inputgroup.mobile-form .uces-select {
      direction: ltr;
      max-width: 110px;
      --pselect-min-width: 110px;
      --pselect-border-width: 1px 0 1px 1px;
      --pselect-px: 16px 0;
    }
    [dir=rtl] .p-inputgroup.mobile-form .uces-select {
      --pselect-border-radius: 6px 0 0 6px;
    }
    [dir=ltr] .p-inputgroup.mobile-form .uces-select {
      --pselect-border-radius: 0 6px 6px 0;
    }
    .p-inputgroup.mobile-form:has(> .uces-select.p-focus) > input {
      --form-control-border-clr: var(--clr-primary);
    }
    .uces-select {
      --pselect-width: 100%;
      --pselect-height: auto;
      --pselect-min-width: 150px;
      --pselect-min-height: 44px;
      --pselect-lh: 30px;
      --pselect-py: 5px;
      --pselect-px: 16px;
      --pselect-border-clr: #ced4da;
      --pselect-border-width: 1px;
      --pselect-border-radius: var(--radius-md);
      --pselect-bg: var(--clr-white);
      --pselect-clr: #495057;
      --pselect-fs: 14px;
      --pselect-fw: 400;
      --pselect-boxshadow: none;
      --pselect-transition: all 0.2s;
      --pselect-hover-border-clr: var(--clr-primary);
      --pselect-focus-boxshadow: none;
      --pselect-focus-border-clr: var(--clr-primary);
      --pselect-disabled-clr: #ced7e3;
      --pselect-disabled-bg: #fcfcfd;
      --pselect-disabled-border-clr: #ced7e3;
      --pselect-invalid-border-clr: var(--clr-danger);
      --pselect-label-py: 0;
      --pselect-label-px: 0;
      --pselect-label-minheight: 18px;
      --pselect-label-fs: 14px;
      --pselect-label-fw: 400;
      --pselect-label-lh: 30px;
      --pselect-label-clr: #161616;
      --pselect-placeholder-minheight: 18px;
      --pselect-placeholder-fs: 14px;
      --pselect-placeholder-fw: 400;
      --pselect-placeholder-clr: #6c757d;
      --pselect-arrow-margin-istart: 8px;
      --pselect-arrow-bg: transparent;
      --pselect-arrow-clr: #6c757d;
      --pselect-arrow-width: 20px;
      --pselect-arrow-border-radius: var(--radius-none);
      --pselect-arrow-icon-width: 12px;
    }
    [ng-reflect-readonly=true] > .uces-select {
      --pselect-focus-boxshadow: none;
      --pselect-clr: #ced7e3;
      --pselect-bg: #fcfcfd;
      --pselect-border-clr: #ced7e3;
      cursor: default !important;
      pointer-events: none;
      opacity: 0.6;
    }
    .uces-select-ddl {
      --pselect-ddl-my: 8px 0;
      --pselect-ddl-mx: 0;
      --pselect-ddl-bg: var(--clr-white);
      --pselect-ddl-clr: #5c5b5e;
      --pselect-ddl-border-clr: transparent;
      --pselect-ddl-border-width: 0;
      --pselect-ddl-border-radius: var(--radius-md);
      --pselect-ddl-boxshadow: none;
      --pselect-ddl-container-py: 8px;
      --pselect-ddl-container-px: 8px;
      --pselect-ddl-container-gap: 8px;
      --pselect-ddl-item-my: 0;
      --pselect-ddl-item-mx: 0;
      --pselect-ddl-item-py: 11px;
      --pselect-ddl-item-px: 12px;
      --pselect-ddl-item-border-clr: transparent;
      --pselect-ddl-item-border-width: 0;
      --pselect-ddl-item-border-radius: var(--radius-sm);
      --pselect-ddl-item-clr: #5c5b5e;
      --pselect-ddl-item-bg: transparent;
      --pselect-ddl-item-fs: 14px;
      --pselect-ddl-item-fw: 400;
      --pselect-ddl-item-lh: 22px;
      --pselect-ddl-item-focus-clr: #5c5b5e;
      --pselect-ddl-item-focus-bg: #dee2e6;
      --pselect-ddl-item-hover-clr: #5c5b5e;
      --pselect-ddl-item-hover-bg: #e9ecef;
      --pselect-ddl-item-selected-clr: var(--clr-primary);
      --pselect-ddl-item-selected-fs: 14px;
      --pselect-ddl-item-selected-fw: 400;
      --pselect-ddl-item-selected-lh: 22px;
      --pselect-ddl-item-selected-bg: #e9ecef;
      --pselect-ddl-item-selected-focus-bg: #e9ecef;
      --pselect-ddl-item-selected-focus-clr: var(--clr-primary);
    }
    .uces-multiselect {
      --multiselect-width: 100%;
      --multiselect-bg: var(--clr-white);
      --multiselect-border-clr: #ced7e3;
      --multiselect-border-width: 1px;
      --multiselect-border-radius: var(--radius-lg);
      --multiselect-label-minheight: 46px;
      --multiselect-label-py: 8px;
      --multiselect-label-px: 16px;
      --multiselect-label-clr: #424b59;
      --multiselect-label-fs: 12.62px;
      --multiselect-label-fw: 500;
      --multiselect-label-lh: 25px;
      --multiselect-label-placeholder-clr: #b5bcc4;
      --multiselect-label-placeholder-fs: 12.62px;
      --multiselect-label-placeholder-fw: 500;
      --multiselect-label-placeholder-lh: 29px;
      --multiselect-chip-margin-ie: 8px;
      --multiselect-chip-gap: 8px;
      --multiselect-chip-py: 5px;
      --multiselect-chip-px: 12px;
      --multiselect-chip-bg: var(--clr-white);
      --multiselect-chip-clr: #424b59;
      --multiselect-chip-fs: 12.62px;
      --multiselect-chip-fw: 500;
      --multiselect-chip-lh: 18px;
      --multiselect-chip-border-clr: #ced7e3;
      --multiselect-chip-border-width: 1px;
      --multiselect-chip-border-radius: var(--radius-lg);
      --multiselect-chip-icon-bg: #f8fafc;
      --multiselect-chip-icon-clr: rgb(206 215 227);
      --multiselect-chip-icon-border-radius: var(--radius-full);
      --multiselect-chip-icon-width: 16px;
      --multiselect-chip-icon-height: 16px;
      --multiselect-trigger-bg: transparent;
      --multiselect-trigger-clr: #6e7c91;
      --multiselect-trigger-width: 40px;
      --multiselect-trigger-border-radius-ss: 0px;
      --multiselect-trigger-border-radius-se: 8px;
      --multiselect-trigger-border-radius-es: 0px;
      --multiselect-trigger-border-radius-ee: 8px;
      --multiselect-trigger-icon-width: 12px;
      --multiselect-trigger-icon-clr: #ced7e3;
      --multiselect-clear-label-wrapper-pinline-end: 25px;
      --multiselect-clear-icon-width: 12px;
      --multiselect-clear-icon-clr: #6e7c91;
      --multiselect-clear-icon-inset-ie: 55px;
      --multiselect-focus-border-clr: #1495ff;
      --multiselect-focus-boxshadow: 0 0 0 2px #e0f1ff;
      --multiselect-hover-border-clr: var(--clr-primary);
      --multiselect-invalid-border-clr: var(--clr-danger);
    }
    .uces-multiselect.multi-no-overflow {
      height: auto;
    }
    .uces-multiselect.multi-no-overflow .p-multiselect-label {
      overflow: auto !important;
      text-overflow: unset !important;
      white-space: normal !important;
    }
    .uces-multiselect.multi-no-overflow .p-multiselect-label .p-multiselect-token {
      margin-block: 1px;
    }
    .uces-multiselect-ddl {
      --multiselect-ddl-my: 8px 0;
      --multiselect-ddl-bg: var(--clr-white);
      --multiselect-ddl-clr: #495057;
      --multiselect-ddl-border-clr: transparent;
      --multiselect-ddl-border-width: 0px;
      --multiselect-ddl-border-radius: 10px;
      --multiselect-ddl-boxshadow: 0 2px 6px rgba(176, 197, 225, 0.16), 0 24px 72px -8px rgba(176, 197, 225, 0.16);
      --multiselect-ddl-items-container-py: 8px;
      --multiselect-ddl-items-container-px: 8px;
      --multiselect-ddl-item-my: 0 8px;
      --multiselect-ddl-item-py: 11px;
      --multiselect-ddl-item-px: 12px;
      --multiselect-ddl-item-border-clr: transparent;
      --multiselect-ddl-item-border-width: 1px;
      --multiselect-ddl-item-fs: 14.22px;
      --multiselect-ddl-item-fw: 500;
      --multiselect-ddl-item-lh: 20px;
      --multiselect-ddl-item-clr: #424b59;
      --multiselect-ddl-item-bg: transparent;
      --multiselect-ddl-item-border-radius: var(--radius-sm);
      --multiselect-ddl-item-highlight-clr: #424b59;
      --multiselect-ddl-item-highlight-bg: #f5faff;
      --multiselect-ddl-item-highlight-focus-bg: #f5faff;
      --multiselect-ddl-item-focus-clr: #424b59;
      --multiselect-ddl-item-focus-bg: transparent;
      --multiselect-ddl-item-hover-clr: #424b59;
      --multiselect-ddl-item-hover-bg: #f5faff;
      --multiselect-ddl-item-checkicon-clr: var(--clr-primary);
      --multiselect-ddl-item-checkicon-width: 12px;
      --multiselect-ddl-item-empty-py: 11px;
      --multiselect-ddl-item-empty-px: 12px;
      --multiselect-ddl-item-empty-clr: #424b59;
      --multiselect-ddl-item-empty-bg: transparent;
    }
    .uces-modal {
      --modal-border-radius: var(--radius-xl);
      --modal-boxshadow: none;
      --modal-border-width: 0;
      --modal-border-clr: transparent;
      --modal-header-border-bottom-width: 0;
      --modal-header-border-bottom-clr: transparent;
      --modal-header-bg: var(--clr-white);
      --modal-header-clr: #424b59;
      --modal-header-py: 24px 16px;
      --modal-header-px: 24px;
      --modal-header-title-fs: 18px;
      --modal-header-title-fw: 700;
      --modal-header-close-width: 24px;
      --modal-header-close-height: 24px;
      --modal-header-close-clr: #2b374d;
      --modal-header-close-border-width: 0;
      --modal-header-close-border-clr: transparent;
      --modal-header-close-bg: #f5faff;
      --modal-header-close-border-radius: var(--radius-full);
      --modal-header-close-transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
      --modal-header-close-my: 0;
      --modal-header-close-mx: 0 8px;
      --modal-header-close-hover-clr: #343a40;
      --modal-header-close-hover-bg: #e9ecef;
      --modal-header-close-hover-border-clr: transparent;
      --modal-header-close-focus-boxshadow: 0 0 0 0.2rem #bfdbfe;
      --modal-content-py: 0;
      --modal-content-px: 24px;
      --modal-content-bg: var(--clr-white);
      --modal-content-clr: #6e7c91;
      --modal-footer-bg: var(--clr-white);
      --modal-footer-clr: #495057;
      --modal-footer-py: 16px 24px;
      --modal-footer-px: 24px;
      --modal-footer-text-align: center;
      --modal-footer-gap: 16px;
    }
    .uces-modal.modal-md {
      width: 456px;
    }
    .uces-modal.modal-lg {
      width: 781px;
    }
    @media screen and (max-width: 768px) {
      .uces-modal.modal-lg {
        width: 90%;
      }
    }
    .uces-modal .form-group {
      margin-bottom: 16px;
    }
    .uces-modal .p-dialog-footer > * {
      flex: 1;
      --pbtn-width: 100%;
      min-width: max-content;
    }
    .uces-modal .p-dialog-footer > app-submit-button {
      display: flex;
    }
    .uces-modal .p-dialog-footer > app-submit-button > * {
      flex: 1;
      --pbtn-width: 100%;
      min-width: max-content;
    }
    .uces-modal.no-close-btn .p-dialog-header .p-dialog-header-actions {
      opacity: 0;
      pointer-events: none;
    }
    .uces-modal.modal-done {
      text-align: center;
    }
    .uces-modal.modal-done .content-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 25px;
    }
    .uces-modal.modal-done .content-icon svg {
      height: 100px;
      width: auto;
      color: #0077d9;
    }
    .uces-modal.modal-done .content-wrapper h3 {
      font-size: var(--fs-2xl-minus);
      font-weight: var(--fw-bold);
      color: #424b59;
      line-height: 42px;
      margin-bottom: 10px;
    }
    .uces-modal.modal-done .content-wrapper p {
      font-size: var(--fs-md);
      font-weight: var(--fw-bold);
      line-height: 25px;
      color: #6e7c91;
      margin-bottom: 50px;
    }
    .uces-modal.modal-confirm {
      --modal-header-py: 32px 0;
      --modal-content-px: 32px;
      --modal-footer-px: 32px;
      --modal-footer-py: 32px;
      --modal-footer-gap: 16px;
    }
    .uces-modal.modal-confirm .p-dialog-header .p-dialog-header-actions {
      display: none;
    }
    .uces-modal.modal-confirm .confirm-icon-wrapper {
      width: 66px;
      height: 66px;
      border-radius: var(--radius-full);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 19px;
    }
    .uces-modal.modal-confirm .confirm-icon-wrapper .svg-icon svg {
      width: auto;
      height: 30px;
    }
    .uces-modal.modal-confirm .p-dialog-content {
      text-align: start;
      overflow-y: initial;
    }
    .uces-modal.modal-confirm .p-dialog-content h3 {
      font-weight: var(--fw-bold);
      font-size: var(--fs-lg);
      line-height: 24px;
      color: var(--clr-gray-darker);
      margin-bottom: 12px;
    }
    .uces-modal.modal-confirm .p-dialog-content p {
      font-weight: var(--fw-normal);
      font-size: var(--fs-base);
      line-height: 22px;
      color: var(--clr-gray-placeholder);
    }
    .uces-modal.modal-confirm .p-dialog-content p:not(:last-child) {
      margin-bottom: 8px;
    }
    .uces-modal.modal-confirm .uces-btn:enabled:focus,
    .uces-modal.modal-confirm .uces-btn > .p-button:enabled:focus {
      opacity: 1;
    }
    .uces-modal.modal-confirm.confirm-danger .confirm-icon-wrapper {
      background: rgba(240, 68, 56, 0.3019607843);
      color: #f04438;
    }
    .uces-modal.modal-confirm.confirm-danger .confirm-content {
      color: #f04438;
    }
    .uces-modal.modal-confirm.confirm-danger .confirm-btn {
      --pbtn-bg: #fee4e2;
      --pbtn-clr: #f04438;
    }
    .uces-modal.modal-confirm.confirm-warning .p-dialog-header > .svg-icon {
      color: #fff7e6;
    }
    .uces-modal.modal-confirm.confirm-warning .confirm-icon-wrapper {
      background: #fffcf5;
      color: #fdb022;
    }
    .uces-modal.modal-confirm.confirm-warning .confirm-content {
      color: #fdb022;
    }
    .uces-modal.modal-confirm.confirm-warning .confirm-btn {
      --pbtn-clr: var(--clr-primary);
      --pbtn-bg: var(--clr-light-primary);
    }
    .uces-modal.modal-confirm.confirm-info .p-dialog-header > .svg-icon {
      color: #e5f3ff;
    }
    .uces-modal.modal-confirm.confirm-info .confirm-icon-wrapper {
      background: #f5faff;
      color: #1495ff;
    }
    .uces-modal.modal-confirm.confirm-info .confirm-content {
      color: #1495ff;
    }
    .uces-modal.modal-confirm.confirm-info .confirm-btn {
      --pbtn-bg: #e0f1ff;
      --pbtn-clr: var(--clr-primary);
    }
    .uces-modal.modal-confirm.confirm-gray .p-dialog-header > .svg-icon {
      color: #f0f2f4;
    }
    .uces-modal.modal-confirm.confirm-gray .confirm-icon-wrapper {
      background: #f8fafc;
      color: #6e7c91;
    }
    .uces-modal.modal-confirm.confirm-gray .confirm-content {
      color: #6e7c91;
    }
    .uces-modal.modal-confirm.confirm-gray .confirm-btn {
      --pbtn-bg: #6e7c91;
      --pbtn-clr: var(--clr-white);
    }
    .uces-modal.modal-view {
      --modal-header-py: 24px 0;
    }
    .uces-modal.modal-view .p-dialog-content {
      margin-top: -16px;
    }
    .p-dialog-mask.p-component-overlay {
      --modal-overlay-bg: rgba(0, 0, 0, 0.4);
    }
    .p-popover {
      --p-popover-background: #fff;
      color: #131313;
      border: none;
    }
    .p-overlaypanel {
      --dropdown-minwidth: 200px;
      --dropdown-py: 10px;
      --dropdown-px: 10px;
      --dropdown-bg: var(--clr-white);
      --dropdown-clr: #495057;
      --dropdown-border-width: 0;
      --dropdown-border-clr: transparent;
      --dropdown-border-radius: var(--radius-lg);
      --dropdown-boxshadow: 0 2px 6px #b0c5e129, 0 4px 10px -40px #b0c5e140;
      --dropdown-content-px: 0px;
      --dropdown-content-py: 0px;
      --p-popover-background: #fff;
      --dropdown-close-top: 10px;
      --dropdown-close-inset-end: 10px;
      --dropdown-close-clr: #2b374d;
      --dropdown-close-bg: #f5faff;
      --dropdown-close-width: 24px;
      --dropdown-close-height: 24px;
      --dropdown-close-border-radius: var(--radius-full);
      --dropdown-close-transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
      --dropdown-close-icon-width: 10px;
      --dropdown-close-icon-height: 10px;
      --dropdown-arrow-border-clr: rgba(255, 255, 255, 0);
      --dropdown-arrow-border-bottom-clr: #f2f2f2;
      --dropdown-arrow-border-top-clr: #f2f2f2;
    }
    .p-overlaypanel.notification-ddl {
      --dropdown-py: 0px;
      --dropdown-px: 0px;
    }
    .p-overlaypanel.notification-ddl .notification-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      flex-wrap: wrap;
      padding: 16px 24px;
      border-bottom: 1px solid #f8fafc;
    }
    .p-overlaypanel.notification-ddl .notification-top h3 {
      font-size: 0.8875rem;
      font-weight: var(--fw-medium);
      color: #6e7c91;
      line-height: 21.33px;
    }
    .p-overlaypanel.notification-ddl .notification-list {
      margin-inline-end: 16px;
      margin-bottom: 16px;
    }
    .p-overlaypanel.notification-ddl .notification-list.scroll {
      --scroll-min-height: 250px;
      --scroll-padding-istart: 16px;
    }
    .p-overlaypanel.notification-ddl .notification-list li {
      padding-inline: 16px;
      padding-block: 16px 20px;
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .p-overlaypanel.notification-ddl .notification-list li:not(:last-child) {
      border-bottom: 1px solid #f8fafc;
    }
    .p-overlaypanel.notification-ddl .notification-list li.unread {
      position: relative;
    }
    .p-overlaypanel.notification-ddl .notification-list li.unread::before {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      background: var(--clr-primary);
      border-radius: var(--radius-full);
      inset-inline-end: 0;
      top: 16px;
    }
    .p-overlaypanel.notification-ddl .notification-list li.unread .list-content h4 {
      color: #424b59;
    }
    .p-overlaypanel.notification-ddl .notification-list li .list-icon {
      width: 48px;
      height: 48px;
      border-radius: var(--radius-full);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .p-overlaypanel.notification-ddl .notification-list li .list-icon svg {
      width: 20px;
      height: 20px;
    }
    .p-overlaypanel.notification-ddl .notification-list li .list-icon.list-primary {
      background: #f5faff;
      color: var(--clr-primary);
    }
    .p-overlaypanel.notification-ddl .notification-list li .list-icon.list-warning {
      background: #fffcf5;
      color: var(--clr-warning);
    }
    .p-overlaypanel.notification-ddl .notification-list li .list-content {
      max-width: 300px;
    }
    .p-overlaypanel.notification-ddl .notification-list li .list-content h4 {
      font-size: 0.78875rem;
      font-weight: var(--fw-medium);
      line-height: 17.8px;
      color: #b5bcc4;
      margin-bottom: 4px;
    }
    .p-overlaypanel.notification-ddl .notification-list li .list-content p {
      font-size: 0.78875rem;
      font-weight: var(--fw-normal);
      line-height: 17.8px;
      color: #b5bcc4;
    }
    .p-overlaypanel.notification-ddl .notification-all {
      display: flex;
      align-items: center;
      justify-content: center;
      padding-bottom: 16px;
    }
    .p-overlaypanel.notification-ddl .uces-btn {
      --pbtn-fs: 14.22px;
    }
    .p-overlaypanel.user-ddl {
      padding: 16px 0;
      max-width: 200px;
    }
    .p-overlaypanel.user-ddl .uces-btn {
      width: 100%;
    }
    .p-overlaypanel.user-ddl .uces-btn:hover .p-button {
      --pbtn-opacity: 1;
    }
    .p-overlaypanel.user-ddl .uces-btn .p-button {
      --pbtn-clr: #6e7c91;
      --pbtn-padding-inline: 24px;
      --pbtn-align: start;
      --pbtn-justify-content: start;
      --pbtn-width: 100%;
      --pbtn-margin-block: 0 16px;
      --pbtn-fs: 12.62px;
    }
    .p-overlaypanel.user-ddl .uces-btn .p-button:hover {
      --pbtn-opacity: 1;
      --pbtn-clr: var(--clr-primary);
    }
    .p-overlaypanel.user-ddl .uces-btn.btn-logout .p-button {
      border-top: 1px solid #f8fafc;
      --pbtn-padding-block: 16px 0;
      --pbtn-border-radius: var(--radius-none);
    }
    .p-overlaypanel.input-ddl {
      --dropdown-py: 8px 4px;
      --dropdown-px: 0px;
      --dropdown-minwidth: 67px;
      --dropdown-clr: #6e7c91;
      margin-top: 4px !important;
    }
    .p-overlaypanel.input-ddl.content-lesson-ddl {
      max-width: 150px;
    }
    .p-overlaypanel.input-ddl.content-lesson-ddl .uces-btn .p-button {
      --pbtn-align: start;
      --pbtn-justify-content: flex-start;
    }
    .p-overlaypanel.input-ddl.content-lesson-ddl .uces-btn .p-button .svg-icon {
      margin-top: 5px;
    }
    .p-overlaypanel.input-ddl .uces-btn {
      width: 100%;
    }
    .p-overlaypanel.input-ddl .uces-btn:hover .p-button {
      --pbtn-opacity: 1;
    }
    .p-overlaypanel.input-ddl .uces-btn .p-button {
      --pbtn-clr: #6e7c91;
      --pbtn-padding-inline: 8px;
      --pbtn-padding-block: 8px;
      --pbtn-align: center;
      --pbtn-justify-content: center;
      --pbtn-width: 100%;
      --pbtn-margin-block: 0 4px;
      --pbtn-fs: 12.62px;
      --pbtn-border-radius: center;
    }
    .p-overlaypanel.input-ddl .uces-btn .p-button:hover {
      --pbtn-opacity: 1;
      --pbtn-clr: var(--clr-primary);
      --pbtn-bg: rgba(110, 124, 145, 0.1);
    }
    .p-overlaypanel.input-ddl .uces-btn .p-button .svg-icon {
      transition: all 0.2s ease-in-out;
    }
    .p-overlaypanel.table-ddl {
      --dropdown-py: 16px;
      --dropdown-px: 12px;
      --dropdown-minwidth: 170px;
      --dropdown-clr: #6e7c91;
    }
    .p-overlaypanel.table-ddl .uces-btn .p-button {
      --pbtn-fs: 12.62px;
      --pbtn-lineheight: 17.8px;
      --pbtn-clr: #6e7c91;
      --pbtn-border-radius: var(--radius-none);
    }
    .p-overlaypanel.table-ddl .uces-btn .p-button:hover {
      --pbtn-clr: var(--clr-primary);
    }
    .p-overlaypanel.table-ddl .uces-btn .p-button .svg-icon svg {
      width: 15px;
    }
    .p-overlaypanel.table-ddl .list-action {
      display: flex;
      align-items: start;
      flex-direction: column;
      gap: 16px;
    }
    .p-overlaypanel.table-ddl .list-footer {
      padding-top: 16px;
      border-top: 1px solid #f8fafc;
      margin-top: 16px;
    }
    .uces-img-wrapper {
      --avatar-bg: #dee2e6;
      --avatar-border-radius: var(--radius-full);
      --avatar-lg-width: 44px;
      --avatar-lg-height: 44px;
      --avatar-lg-fs: 1.5rem;
      --avatar-lg-icon-fs: 1.5rem;
      --avatar-xl-width: 96px;
      --avatar-xl-height: 96px;
      --avatar-xl-fs: 2rem;
      --avatar-xl-icon-fs: 2rem;
      --avatar-group-border-width: 2px;
      --avatar-group-border-style: solid;
      --avatar-group-border-clr: var(--clr-white);
    }
    .data-table {
      margin-bottom: 24px;
    }
    .data-table .p-datatable {
      border-spacing: var(--table-border-spacing);
      border-collapse: separate;
      width: 100%;
      background: var(--table-bg);
      border-color: green;
      overflow: hidden;
    }
    .data-table .p-datatable-table {
      border: 1px solid var(--table-border-clr);
      border-radius: var(--radius-xl);
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
    .data-table .p-datatable-thead > tr > th {
      padding-block: var(--table-thead-th-padding-block);
      padding-inline: var(--table-thead-th-padding-inline);
      font-size: var(--table-thead-th-fs);
      font-weight: var(--table-thead-th-fw);
      line-height: var(--table-thead-th-lh);
      color: var(--table-thead-th-clr);
      background: var(--table-thead-th-bg);
      text-align: var(--table-thead-th-textalign);
      border-bottom: 1px solid var(--table-thead-th-border-clr);
      border-inline-end: 1px solid var(--table-border-clr);
      height: 48px;
    }
    .data-table .p-datatable-thead > tr > th:last-child {
      border-inline-end-color: transparent;
    }
    .data-table .p-datatable-tbody > tr > td {
      padding-block: var(--table-tbody-td-padding-block);
      padding-inline: var(--table-tbody-td-padding-inline);
      font-size: var(--table-tbody-td-fs);
      font-weight: var(--table-tbody-td-fw);
      color: var(--table-tbody-td-clr);
      background: var(--table-tbody-td-bg);
      text-align: var(--table-tbody-td-textalign);
      border-bottom: 1px solid var(--table-tbody-td-border-clr);
    }
    .data-table .p-datatable-thead > tr:first-child > th:first-child {
      border-top-right-radius: 12px;
    }
    [dir=ltr] .data-table .p-datatable-thead > tr:first-child > th:first-child {
      border-top-right-radius: 0px;
      border-top-left-radius: 12px;
    }
    .data-table .p-datatable-thead > tr:first-child > th:last-child {
      border-top-left-radius: 12px;
    }
    [dir=ltr] .data-table .p-datatable-thead > tr:first-child > th:last-child {
      border-top-left-radius: 0px;
      border-top-right-radius: 12px;
    }
    .data-table .p-datatable-table > tr:first-child > td:first-child {
      border-start-start-radius: 12px;
    }
    .data-table .p-datatable-table > tr:first-child > td:last-child {
      border-start-end-radius: 12px;
    }
    .data-table .p-datatable-table .p-datatable-tbody > tr:last-child td:first-child {
      border-end-start-radius: 11px;
    }
    .data-table .p-datatable-table .p-datatable-tbody > tr:last-child td:last-child {
      border-end-end-radius: 11px;
    }
    .data-table .p-datatable-table .p-datatable-tbody > tr:last-child td {
      border-bottom-color: transparent;
    }
    .data-table .p-datatable-tbody > tr.p-highlight {
      background: var(--table-tbody-tr-highlight-bg);
      color: var(--table-tbody-tr-highlight-clr);
    }
    .data-table .p-sortable-column-icon {
      color: var(--table-sort-icon-clr);
      margin-inline-start: 10px;
    }
    .data-table .p-sortable-column:hover {
      background: var(--table-sort-th-hover-bg);
      color: var(--table-sort-th-hover-clr);
    }
    .data-table .p-datatable {
      --table-bg: transparent;
      --table-border-spacing: 0;
      --table-border-width: 1px 1px 0 1px;
      --table-border-clr: #d3d6db;
      --table-fw: 400;
      --table-mb: 0;
      margin-bottom: 24px;
      --table-thead-th-padding-block: 8px;
      --table-thead-th-padding-inline: 16px;
      --table-thead-th-fs: 12px;
      --table-thead-th-fw: 500;
      --table-thead-th-lh: 18px;
      --table-thead-th-texttransform: none;
      --table-thead-th-minheight: auto;
      --table-thead-th-clr: #384250;
      --table-thead-th-bg: #f3f4f6;
      --table-thead-th-border-clr: #e2e8f0;
      --table-thead-th-border-block-width: 0 1px;
      --table-thead-th-border-inline-width: 0;
      --table-thead-th-textalign: start;
      --table-tbody-tr-bg: var(--clr-white);
      --table-tbody-tr-clr: #101633;
      --table-tbody-td-textalign: start;
      --table-tbody-td-padding-block: 20px;
      --table-tbody-td-padding-inline: 16px;
      --table-tbody-td-fs: 16px;
      --table-tbody-td-fw: 400;
      --table-tbody-td-lh: 24px;
      --table-tbody-td-clr: #161616;
      --table-tbody-td-bg: inherit;
      --table-tbody-td-border-clr: #d3d6db;
      --table-tbody-td-border-block-width: 0 1px;
      --table-tbody-td-border-inline-width: 0;
      --table-tbody-td-action-gap: 12px;
      --table-tbody-tr-focus-outline: 0.15rem solid #bfdbfe;
      --table-tbody-tr-highlight-bg: #eff6ff;
      --table-tbody-tr-highlight-clr: var(--clr-primary);
      --table-tfoot-td-fs: 14px;
      --table-tfoot-td-fw: 700;
      --table-tfoot-td-lh: 1.4;
      --table-tfoot-td-clr: #6e7c91;
      --table-tfoot-td-bg: transparent;
      --table-tfoot-td-border-clr: #ced7e3;
      --table-sort-icon-clr: #6e7c91;
      --table-sort-th-hover-bg: #e0f1ff;
      --table-sort-th-hover-clr: var(--clr-primary);
      --table-sort-icon-hover-clr: var(--clr-primary);
    }
    .rowsPerPage {
      display: flex;
      gap: 12px;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
    }
    .rowsPerPage .p-select {
      width: 0;
      min-width: 100px;
    }
    .uces-pagination {
      --ppagination-gap: 0.5rem;
      --ppagination-bg: var(--clr-white);
      --ppagination-clr: #9ca1aa;
      --ppagination-border-clr: transparent;
      --ppagination-border-width: 0;
      --ppagination-my: 24px 0;
      --ppagination-py: 0.5rem;
      --ppagination-px: 1rem;
      --ppagination-border-radius: var(--radius-none);
      --ppagination-controls-bg: var(--clr-primary);
      --ppagination-controls-border-clr: var(--clr-primary);
      --ppagination-controls-border-width: 1px;
      --ppagination-controls-clr: var(--clr-white);
      --ppagination-controls-minwidth: 32px;
      --ppagination-controls-height: 32px;
      --ppagination-controls-my: 0;
      --ppagination-controls-mx: 0;
      --ppagination-controls-border-radius: var(--radius-sm);
      --ppagination-controls-hover-bg: var(--clr-primary);
      --ppagination-controls-hover-border-clr: var(--clr-primary);
      --ppagination-controls-hover-clr: var(--clr-white);
      --ppagination-page-disabled-bg: #f0f1f2;
      --ppagination-page-disabled-clr: #9ca1aa;
      --ppagination-page-disabled-border-clr: #f0f1f2;
      --ppagination-page-current-my: 0;
      --ppagination-page-current-mx: auto 16px;
      --ppagination-page-current-py: 0;
      --ppagination-page-current-px: 0;
      --ppagination-page-current-minwidth: 3rem;
      --ppagination-page-current-height: 32px;
      --ppagination-page-current-clr: #6e7c91;
      --ppagination-page-current-fs: 14px;
      --ppagination-page-current-fw: 400;
      --ppagination-page-current-lh: 1.2;
      --ppagination-page-current-bg: transparent;
      --ppagination-page-current-border-clr: transparent;
      --ppagination-page-current-border-width: 0;
      --ppagination-page-bg: transparent;
      --ppagination-page-border-clr: #d1d3d8;
      --ppagination-page-border-width: 1px;
      --ppagination-page-clr: #9ca1aa;
      --ppagination-page-fs: 14px;
      --ppagination-page-fw: 400;
      --ppagination-page-lh: 1.2;
      --ppagination-page-minwidth: 32px;
      --ppagination-page-height: 32px;
      --ppagination-page-my: 0;
      --ppagination-page-mx: 2px;
      --ppagination-page-border-radius: var(--radius-sm);
      --ppagination-page-highlight-bg: var(--clr-primary);
      --ppagination-page-highlight-border-clr: var(--clr-primary);
      --ppagination-page-highlight-clr: var(--clr-white);
      --ppagination-page-hover-bg: var(--clr-primary);
      --ppagination-page-hover-border-clr: var(--clr-primary);
      --ppagination-page-hover-clr: var(--clr-white);
    }
    .uces-pagination .rowsPerPage {
      display: none;
    }
    .uces-pagination .p-select {
      --pselect-width: auto;
      --pselect-min-width: 50px;
      --pselect-arrow-width: 14px;
      --pselect-min-height: 32px;
      --pselect-label-lh: 21px;
      --pselect-px: 12px;
      --pselect-arrow-icon-width: 12px;
      --pselect-arrow-margin-istart: 8px;
      --pselect-focus-boxshadow: none;
      --pselect-hover-border-clr: var(--clr-primary);
      --pselect-focus-border-clr: var(--clr-primary);
    }
    .uces-pagination .p-select-overlay {
      text-align: center;
      --pselect-ddl-my: 8px;
      --pselect-ddl-mx: 0;
      --pselect-ddl-bg: var(--clr-white);
      --pselect-ddl-clr: #5c5b5e;
      --pselect-ddl-border-clr: transparent;
      --pselect-ddl-border-width: 1px;
      --pselect-ddl-border-radius: var(--radius-lg);
      --pselect-ddl-boxshadow: 0 2px 6px rgba(176, 197, 225, 0.16), 0 24px 72px -8px rgba(176, 197, 225, 0.16);
      --pselect-ddl-container-py: 8px;
      --pselect-ddl-container-px: 8px;
      --pselect-ddl-item-my: 0 8px;
      --pselect-ddl-item-mx: 0;
      --pselect-ddl-item-py: 11px;
      --pselect-ddl-item-px: 12px;
      --pselect-ddl-item-border-clr: transparent;
      --pselect-ddl-item-border-width: 0;
      --pselect-ddl-item-border-radius: var(--radius-sm);
      --pselect-ddl-item-clr: #5c5b5e;
      --pselect-ddl-item-fs: 14.22px;
      --pselect-ddl-item-fw: 500;
      --pselect-ddl-item-lh: 21.33px;
      --pselect-ddl-item-bg: transparent;
      --pselect-ddl-item-selected-clr: #424b59;
      --pselect-ddl-item-selected-fs: 14.22px;
      --pselect-ddl-item-selected-fw: 500;
      --pselect-ddl-item-selected-lh: 21.33px;
      --pselect-ddl-item-selected-bg: #e9ecef;
      --pselect-ddl-item-selected-focus-bg: #e9ecef;
      --pselect-ddl-item-focus-clr: #424b59;
      --pselect-ddl-item-focus-bg: #f5faff;
      --pselect-ddl-item-hover-clr: #424b59;
      --pselect-ddl-item-hover-bg: #f5faff;
      --pselect-ddl-item-empty-py: 11px;
      --pselect-ddl-item-empty-px: 12px;
      --pselect-ddl-item-empty-clr: #424b59;
      --pselect-ddl-item-empty-bg: transparent;
    }
    .p-select-option {
      display: flex;
      flex-direction: row;
    }
    .p-select-option .p-icon {
      color: #161616;
    }
    .organizations-lookups-custom .p-select-option {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
    }
    .uces-tree-wrapper {
      --tree-border: 0;
      --tree-wrapper: 100%;
      --tree-wrapper-list-display: flex;
      --tree-wrapper-list-display-gap: 16px;
      --tree-wrapper-list-item-border: 1px solid #ced7e3;
      --tree-wrapper-list-item-border-radius: var(--radius-lg);
      --tree-wrapper-list-item-padding: 18px 16px;
      --tree-wrapper-checkbox-width: 16px;
      --tree-wrapper-checkbox-height: 16px;
      border: var(--tree-border);
      color: #6e7c91;
      font-size: 14.22px;
    }
    .uces-tree-wrapper .p-treenode:focus .p-treenode-content {
      box-shadow: none;
    }
    .uces-tree-wrapper .p-tree-toggler:enabled:hover {
      background: transparent;
    }
    .uces-tree-wrapper .p-tree-container {
      display: var(--tree-wrapper-list-display);
      flex-direction: column;
      gap: var(--tree-wrapper-list-display-gap);
    }
    .uces-tree-wrapper .p-tree-container .p-treenode-selectable .p-tree-toggler-icon {
      width: 14px;
      transform: rotate(90deg);
    }
    .uces-tree-wrapper .p-tree-container .p-treenode[aria-expanded=true] .p-tree-toggler-icon {
      transform: rotate(180deg);
    }
    .uces-tree-wrapper .p-tree-container > p-treenode {
      border-radius: var(--tree-wrapper-list-item-border-radius);
      border: var(--tree-wrapper-list-item-border);
      padding: var(--tree-wrapper-list-item-padding);
    }
    .uces-tree-wrapper .p-tree-container > p-treenode > li > .p-treenode-content.p-treenode-selectable {
      border-radius: var(--radius-none);
      position: relative;
      margin-bottom: 0px;
      color: #424b59;
    }
    .uces-tree-wrapper .p-tree-container > p-treenode > li > .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
      color: #424b59;
    }
    .uces-tree-wrapper .p-tree-container .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
      color: #6e7c91;
    }
    .uces-tree-wrapper .p-tree-container .p-treenode-children {
      display: flex !important;
      gap: 16px;
      flex-direction: column;
      padding-inline-start: 24px !important;
      padding-top: 16px !important;
      margin-top: 16px !important;
      border-top: 1px solid #ced7e3;
    }
    .uces-tree-wrapper .p-tree-container .p-treenode-content:hover,
    .uces-tree-wrapper .p-tree-container .p-treenode-content:focus,
    .uces-tree-wrapper .p-tree-container .p-treenode-content:focus-visible,
    .uces-tree-wrapper .p-tree-container .p-treenode-selectable {
      background: transparent;
      outline: none;
      margin-bottom: 12px;
    }
    .uces-tree-wrapper .p-tree-container .p-treenode-content.p-highlight {
      color: #6e7c91;
    }
    .uces-tree-wrapper .p-tree-container .p-tree-toggler {
      position: absolute !important;
      inset-inline-end: 0;
    }
    .uces-tree-wrapper .p-tree-container .p-checkbox-box {
      width: 24px;
      height: 24px;
      border: 1px solid var(--checkbox-box-border-clr, #8acaff);
      border-radius: var(--radius-md);
      margin-inline-end: 12px;
      background-color: var(--checkbox-box-bg, #f5faff);
      color: var(--checkbox-box-icon-clr, #fff);
    }
    .uces-tree-wrapper .p-tree-container .p-checkbox-box.p-highlight,
    .uces-tree-wrapper .p-tree-container .p-checkbox-box.p-indeterminate {
      border-color: var(--checkbox-box-highlight-border-clr, #3b82f6);
      background: var(--checkbox-box-highlight-bg, #3b82f6);
      color: var(--checkbox-box-icon-clr, #fff);
    }
    .uces-tree-wrapper .p-tree-container .p-checkbox-box svg {
      width: 16px;
      height: 16px;
    }
    .uces-tree-wrapper .p-tree-container .p-checkbox-box minusicon svg path {
      fill: var(--checkbox-box-icon-clr, #fff);
    }
    .uces-tree-wrapper.uces-tree-view-mood .p-tree-container .p-treenode-children {
      padding-inline-start: 0 !important;
    }
    .uces-tree-wrapper.uces-tree-view-mood .p-tree-container .p-checkbox-box {
      display: none;
    }
    .uces-tree-wrapper.uces-tree-view-mood .p-treenode-selectable {
      cursor: auto;
    }
    .uces-progressbar {
      --progressbar-minwidth: 204px;
      --progressbar-height: 1.5rem;
      --progressbar-bg: #dee2e6;
      --progressbar-border-clr: transparent;
      --progressbar-border-width: 0;
      --progressbar-border-radius: var(--radius-md);
      --progressbar-value-my: 0;
      --progressbar-value-mx: 0;
      --progressbar-value-bg: #3b82f6;
      --progressbar-value-border-clr: transparent;
      --progressbar-value-border-width: 0;
      --progressbar-value-border-radius: var(--radius-none);
      --progressbar-label-display: none;
      --progressbar-label-bg: #3b82f6;
      --progressbar-label-clr: var(--clr-white);
      --progressbar-label-fs: 14px;
      --progressbar-label-fw: 400;
      --progressbar-label-lh: 1.5rem;
    }
    .uces-progressbar.table-progressbar {
      --progressbar-minwidth: 204px;
      --progressbar-height: 8px;
      --progressbar-bg: #eef2f6;
      --progressbar-border-radius: var(--radius-pill);
      --progressbar-value-bg: var(--clr-primary);
      --progressbar-value-border-radius: var(--radius-pill);
      --progressbar-label-display: none;
    }
    .p-toast {
      --toast-opacity: 1;
      --toast-msg-wrapper-my: 0 1rem;
      --toast-msg-wrapper-mx: 0;
      --toast-msg-wrapper-boxshadow: none;
      --toast-msg-wrapper-border-radius: var(--radius-lg);
      --toast-msg-content-py: 12px;
      --toast-msg-content-px: 16px;
      --toast-msg-content-border-clr: transparent;
      --toast-msg-content-border-width: 0;
      --toast-msg-content-border-radius: var(--radius-lg);
      --toast-msg-content-text-my: 0;
      --toast-msg-content-text-mx: 10px;
      --toast-msg-content-text-summary-fs: 12.62px;
      --toast-msg-content-text-summary-fw: 500;
      --toast-msg-content-text-summary-lh: 17.8px;
      --toast-msg-content-text-detail-my: 8px 0;
      --toast-msg-content-text-detail-mx: 0;
      --toast-msg-content-text-detail-fs: 12.62px;
      --toast-msg-content-text-detail-fw: 400;
      --toast-msg-content-text-detail-lh: 19.8px;
      --toast-msg-content-icon-width: 20px;
      --toast-msg-content-icon-height: 20px;
      --toast-msg-content-close-width: 20px;
      --toast-msg-content-close-height: 20px;
      --toast-msg-content-close-clr: inherit;
      --toast-msg-content-close-bg: transparent;
      --toast-msg-content-close-border-clr: transparent;
      --toast-msg-content-close-border-width: 0;
      --toast-msg-content-close-border-radius: var(--radius-lg);
      --toast-msg-content-close-hover-bg: transparent;
      --toast-msg-content-close-focus-boxshadow: none;
    }
    .p-toast .p-toast-message.p-toast-message-info {
      --toast-msg-wrapper-clr: var(--clr-primary);
      --toast-msg-wrapper-bg: #f5faff;
      --toast-msg-wrapper-border-clr: var(--clr-primary);
      --toast-msg-wrapper-border-width: 0;
      --toast-msg-content-close-clr: #6e7c91;
      --toast-msg-content-icon-clr: var(--clr-primary);
    }
    .p-toast .p-toast-message.p-toast-message-success {
      --toast-msg-wrapper-clr: #17b26a;
      --toast-msg-wrapper-bg: #f6fef9;
      --toast-msg-wrapper-border-clr: #17b26a;
      --toast-msg-wrapper-border-width: 0;
      --toast-msg-content-close-clr: #6e7c91;
      --toast-msg-content-icon-clr: #17b26a;
    }
    .p-toast .p-toast-message.p-toast-message-warn {
      --toast-msg-wrapper-clr: #f79009;
      --toast-msg-wrapper-bg: #fffcf5;
      --toast-msg-wrapper-border-clr: #f79009;
      --toast-msg-wrapper-border-width: 0;
      --toast-msg-content-close-clr: #6e7c91;
      --toast-msg-content-icon-clr: #f79009;
    }
    .p-toast .p-toast-message.p-toast-message-error {
      --toast-msg-wrapper-clr: #f04438;
      --toast-msg-wrapper-bg: #fffbfa;
      --toast-msg-wrapper-border-clr: #f04438;
      --toast-msg-wrapper-border-width: 0;
      --toast-msg-content-close-clr: #6e7c91;
      --toast-msg-content-icon-clr: #f04438;
    }
    .p-tooltip {
      --tooltip-bg: #2b374d;
      --tooltip-clr: var(--clr-white);
      --tooltip-fs: 12.62px;
      --tooltip-fw: 400;
      --tooltip-py: 8px;
      --tooltip-px: 12px;
      --tooltip-boxshadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      --tooltip-border-radius: var(--radius-lg);
      --tooltip-arrow-border-clr: #2b374d;
    }
    .p-tooltip.uces-aside-tooltip {
      --tooltip-bg: var(--clr-white);
      --tooltip-clr: #2b374d;
      --tooltip-arrow-border-clr: var(--clr-white);
    }
    .uces-tablist {
      margin-bottom: 24px;
      --tablist-nav-py: 0;
      --tablist-nav-px: 16px;
      --tablist-nav-gap: 16px;
      --tablist-nav-bg: #f5faff;
      --tablist-nav-border-width: 1px;
      --tablist-nav-border-width-all: 1px 1px 0 1px;
      --tablist-nav-border-clr: #ced7e3;
      --tablist-nav-link-border-width: 0 0 2px 0;
      --tablist-nav-link-border-clr: transparent;
      --tablist-nav-link-bg: transparent;
      --tablist-nav-link-clr: #424b59;
      --tablist-nav-link-py: 15px;
      --tablist-nav-link-px: 0;
      --tablist-nav-link-my: 0 0px;
      --tablist-nav-link-mx: 0 0;
      --tablist-nav-link-fs: 14px;
      --tablist-nav-link-fw: 500;
      --tablist-nav-link-border-radius-ss: 0;
      --tablist-nav-link-border-radius-se: 0;
      --tablist-nav-link-border-radius-es: 0;
      --tablist-nav-link-border-radius-ee: 0;
      --tablist-nav-link-transition: all 0.2s;
      --tablist-nav-link-focus-boxshadow: none;
      --tablist-nav-link-active-bg: transparent;
      --tablist-nav-link-active-clr: #0077d9;
      --tablist-nav-link-active-border-clr: #0077d9;
      --tablist-nav-scroll-btn-bg: var(--clr-white);
      --tablist-nav-scroll-btn-clr: #0077d9;
      --tablist-nav-scroll-btn-width: 30px;
      --tablist-nav-scroll-btn-border-radius: var(--radius-lg);
      --tablist-nav-scroll-btn-boxshadow:
        0 3px 1px -2px rgba(0, 0, 0, 0.2),
        0 2px 2px 0 rgba(0, 0, 0, 0.14),
        0 1px 5px 0 rgba(0, 0, 0, 0.12);
      --tablist-nav-scroll-btn-focus-boxshadow: inset 0 0 0 0.2rem #bfdbfe;
      --tablist-content-bg: var(--clr-white);
      --tablist-content-clr: #424b59;
      --tablist-content-py: 16px;
      --tablist-content-px: 16px;
      --tablist-content-border-width: 0 1px 1px 1px;
      --tablist-content-border-clr: #ced7e3;
      --tablist-content-border-radius-ss: 0;
      --tablist-content-border-radius-se: 0;
      --tablist-content-border-radius-es: 8px;
      --tablist-content-border-radius-ee: 8px;
    }
    .uces-tablist.tablist-line {
      margin-bottom: 0;
      --tablist-nav-px: 0;
      --tablist-nav-bg: transparent;
      --tablist-nav-border-width-all: 0px 0px 1px 0;
      --tablist-nav-link-py: 2px 12px;
      --tablist-content-border-width: 0;
      --tablist-content-px: 0;
      --tablist-content-py: 32px 0px;
    }
    @media screen and (max-width: 992px) {
      .uces-tablist.tablist-line .p-tabview-nav-content {
        padding-inline: 35px;
      }
    }
    .uces-upload-img.p-fileupload {
      position: relative;
    }
    .uces-upload-img.p-fileupload .p-fileupload-buttonbar {
      padding: 0;
      border: 0;
      background: none;
      color: transparent;
    }
    .uces-upload-img.p-fileupload .p-fileupload-buttonbar > .p-fileupload-choose {
      background: #f8fafc;
      border: 1px dashed #ced7e3;
      border-radius: var(--radius-full);
      width: 96px;
      aspect-ratio: 1;
      color: #6e7c91;
      flex-direction: column;
      justify-content: center;
      margin: 0;
    }
    .uces-upload-img.p-fileupload .p-fileupload-buttonbar > .p-fileupload-choose:hover {
      border-color: var(--clr-primary);
    }
    .uces-upload-img.p-fileupload .p-fileupload-buttonbar > .p-fileupload-choose > *:not(input) {
      flex-grow: 0;
    }
    .uces-upload-img.p-fileupload .p-fileupload-buttonbar > .p-fileupload-choose .p-button-label {
      color: #424b59;
    }
    .uces-upload-img.p-fileupload .p-fileupload-content {
      position: absolute !important;
      top: 0;
      inset-inline-start: 0;
    }
    .uces-upload-img.p-fileupload .p-fileupload-content .p-fileupload-row .p-fileupload-filename {
      display: none;
    }
    .uces-upload-img.p-fileupload .p-fileupload-content .p-fileupload-row .p-fileupload-filename + div:not(:last-child) {
      display: none;
    }
    .uces-upload-img.p-fileupload .p-fileupload-content .p-fileupload-row > div {
      padding: 0;
    }
    .uces-upload-img.p-fileupload .p-fileupload-content .p-fileupload-row > div:last-child:has(.p-button) {
      position: absolute;
      bottom: 0;
      inset-inline-start: 0;
    }
    .uces-upload-img.p-fileupload .p-fileupload-content .p-fileupload-row > div:first-child:has(> img) {
      width: 100%;
      height: 100%;
      aspect-ratio: 1;
      border-radius: var(--radius-full);
      background: #f8fafc;
    }
    .uces-upload-img.p-fileupload .p-fileupload-content .p-fileupload-row > div > img {
      width: 100%;
      height: 100%;
      aspect-ratio: 1;
      object-fit: cover;
      border-radius: var(--radius-full);
    }
    .uces-upload-img.p-fileupload .p-fileupload-content .p-progressbar {
      height: 0;
    }
    .uces-upload-img.p-fileupload .btn-upload-cancel.uces-btn {
      background: #fee4e2;
      border: 0;
      border-radius: var(--radius-full);
      width: 24px;
      height: 24px;
      bottom: -4px;
      inset-inline-start: 10px;
      color: var(--clr-danger);
    }
    .uces-upload-img.p-fileupload .btn-upload-cancel.uces-btn > .p-icon-wrapper {
      width: 12px;
    }
    .uces-editor {
      --editor-my: 0 24px;
      --editor-mx: 0;
      --editor-height: 144px;
      --editor-toolbar-bg: var(--clr-white);
      --editor-border-radius-ss: 8px;
      --editor-border-radius-se: 8px;
      --editor-border-radius-es: 8px;
      --editor-border-radius-ee: 8px;
      --editor-border-clr: #ced7e3;
      --editor-body-bg: var(--clr-white);
      --editor-readonly-body-bg: #eef2f6;
      --editor-body-clr: #424b59;
      --editor-placeholder-clr: #b5bcc4;
      --editor-placeholder-fs: 12.62px;
      --editor-placeholder-fw: 400;
    }
    .uces-editor.h-300 {
      --editor-height: 300px;
    }
    .uces-stepper {
      --stepper-nav-py: 25px;
      --stepper-nav-px: 40px;
      --stepper-nav-border-clr: #ced7e3;
      --stepper-nav-border-width: 1px;
      --stepper-nav-border-radius: var(--radius-lg);
      --stepper-header-py: 0;
      --stepper-header-px: 0;
      --stepper-header-focus-boxshadow: none;
      --stepper-header-active-number-bg: var(--clr-white);
      --stepper-header-active-number-clr: #1d4ed8;
      --stepper-header-active-title-clr: var(--clr-primary);
      --stepper-header-active-separator-bg: #ced7e3;
      --stepper-header-action-display: inline-flex;
      --stepper-header-action-flexdirection: column;
      --stepper-header-action-bg: var(--clr-white);
      --stepper-header-action-border-width: 0;
      --stepper-header-action-border-radius: var(--radius-none);
      --stepper-header-number-clr: #6e7c91;
      --stepper-header-number-bg: var(--clr-white);
      --stepper-header-number-border-clr: #ced7e3;
      --stepper-header-number-border-width: 1px;
      --stepper-header-number-border-radius: var(--radius-full);
      --stepper-header-number-minwidth: 32px;
      --stepper-header-number-width: auto;
      --stepper-header-number-height: 32px;
      --stepper-header-number-fs: 16px;
      --stepper-header-number-fw: 500;
      --stepper-header-number-lh: 22.4px;
      --stepper-header-title-maxwidth: 100%;
      --stepper-header-title-my: 24px 0;
      --stepper-header-title-mx: 0;
      --stepper-header-title-clr: #6e7c91;
      --stepper-header-title-fs: 16px;
      --stepper-header-title-fw: 700;
      --stepper-header-title-lh: 22.4px;
      --stepper-header-action-focus-boxshadow: none;
      --stepper-header-separator-width: 100%;
      --stepper-header-separator-height: 2px;
      --stepper-header-separator-my: -45px 0;
      --stepper-header-separator-mx: 0;
      --stepper-header-separator-bg: #ced7e3;
      --stepper-content-py: 24px 0;
      --stepper-content-px: 0;
      --stepper-content-bg: var(--clr-white);
      --stepper-content-clr: #6e7c91;
    }
    .uces-stepper .p-stepper-nav .p-stepper-header.p-disabled {
      opacity: 1;
    }
    @media screen and (max-width: 768px) {
      .uces-stepper .p-stepper-nav .p-stepper-header {
        gap: 16px;
      }
    }
    .uces-stepper .p-stepper-nav .p-stepper-header .p-stepper-action {
      position: relative;
      isolation: isolate;
    }
    .uces-stepper .p-stepper-nav .p-stepper-header .p-stepper-action::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 2px;
      background: var(--stepper-header-separator-bg);
      top: 16px;
      z-index: -1;
    }
    .uces-stepper .p-stepper-nav .p-stepper-header:first-child .p-stepper-action::before {
      inset-inline-start: 50%;
    }
    .uces-stepper .p-stepper-nav .p-stepper-header:last-child .p-stepper-action::before {
      inset-inline-end: 50%;
    }
    .uces-stepper .stepper-action {
      border-top: 1px solid #eef2fc;
      padding-top: 24px;
      display: flex;
      align-items: center;
      gap: 16px;
    }
    @media screen and (max-width: 550px) {
      .uces-stepper .stepper-action {
        flex-wrap: wrap;
      }
    }
    .uces-alert {
      --palert-content-align: space-between;
      --palert-content-gap: 0;
      --palert-my: 0;
      --palert-mx: 0;
      --palert-py: 0.5rem;
      --palert-px: 0.75rem;
      --palert-clr: #424b59;
      --palert-bg: #e9e9ff;
      --palert-border-width: 1px;
      --palert-border-clr: transparent;
      --palert-border-style: solid;
      --palert-border-radius: 0.5rem;
      --palert-svg-height: 1rem;
      --palert-svg-clr: #424b59;
      --palert-text-gap: 0.5rem;
      --palert-content-fs: 0.875rem;
      --palert-content-fw: 400;
      --palert-content-lh: 1.125rem;
      --palert-content-clr: #424b59;
      --palert-close-width: auto;
      --palert-close-height: auto;
      --palert-close-border-width: 0;
      --palert-close-border-clr: transparent;
      --palert-close-border-style: solid;
      --palert-close-border-radius: var(--radius-circle);
      --palert-close-bg: transparent;
      --palert-close-clr: #424b59;
      --palert-close-py: 0;
      --palert-close-px: 0;
      --palert-close-hover-bg: transparent;
      --palert-close-hover-clr: #424b59;
    }
    .uces-alert.p-message-info {
      --palert-bg: var(--clr-light-primary);
      --palert-border-clr: transparent;
      --palert-clr: var(--clr-primary);
      --palert-svg-clr: var(--clr-primary);
      --palert-content-clr: var(--clr-primary);
      --palert-close-clr: var(--clr-primary);
    }
    .uces-alert.p-message-success {
      --palert-bg: var(--clr-light-success);
      --palert-border-clr: transparent;
      --palert-clr: var(--clr-success);
      --palert-svg-clr: var(--clr-success);
      --palert-content-clr: var(--clr-success);
      --palert-close-clr: var(--clr-success);
    }
    .uces-alert.p-message-warning {
      --palert-bg: var(--clr-light-warning);
      --palert-border-clr: transparent;
      --palert-clr: var(--clr-warning);
      --palert-svg-clr: var(--clr-warning);
      --palert-content-clr: var(--clr-warning);
      --palert-close-clr: var(--clr-warning);
    }
    .uces-alert.p-message-error {
      --palert-bg: var(--clr-light-danger);
      --palert-border-clr: transparent;
      --palert-clr: var(--clr-danger);
      --palert-svg-clr: var(--clr-danger);
      --palert-content-clr: var(--clr-danger);
      --palert-close-clr: var(--clr-danger);
    }
    p-password {
      width: 100%;
    }
    p-password input {
      padding-inline-start: 44px;
    }
    p-iconfield:has(p-password) p-inputicon {
      z-index: 1;
      top: auto;
    }
    .page-msg-conent {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 10px;
      margin-bottom: 22px;
    }
    .page-msg-conent .msg-content {
      gap: 10px;
    }
    .loading {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .p-drawer {
      --p-drawer-background: var(--clr-white);
      --p-drawer-color: #000;
    }
    .confirm-dialog-custom {
      overflow: auto;
      position: relative;
      max-width: 500px;
      min-width: 500px;
      border-radius: var(--radius-3xl);
    }
    @media (max-width: 768px) {
      .confirm-dialog-custom {
        max-width: 100%;
        min-width: 100%;
      }
    }
    .confirm-dialog-custom.no-header .p-dialog-header {
      position: absolute;
    }
    .confirm-dialog-custom .p-dialog-header {
      width: 100%;
      z-index: 2;
    }
    .confirm-dialog-custom .p-dialog-header p {
      max-width: 3px;
    }
    .confirm-dialog-custom .p-dialog-header .dialog-icon {
      width: 48px;
    }
    .confirm-dialog-custom .p-dialog-content {
      padding: 12px 24px;
    }
    .confirm-dialog-custom .content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      margin-top: 28px;
    }
    .confirm-dialog-custom .content h3 {
      font-size: var(--fs-md);
      font-weight: var(--fw-semibold);
      color: #161616;
    }
    .confirm-dialog-custom .content p {
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
    }
    .confirm-dialog-custom .content img {
      z-index: 99;
    }
    .confirm-dialog-custom.outline .dialog_buttons .uces_secondary_outline button {
      border: 1px solid #d2d6db;
      background-color: #fff;
    }
    .confirm-dialog-custom .dialog_buttons {
      display: flex;
      flex-direction: row-reverse;
      gap: 12px;
      width: 100%;
      align-items: center;
    }
    .confirm-dialog-custom .dialog_buttons .full-width-grow .p-button {
      width: 100%;
    }
    .confirm-dialog-custom .dialog_buttons .full-width-grow .p-button button {
      width: 100%;
    }
    .confirm-dialog-custom .dialog_buttons p-button button {
      font-size: var(--button-dialog) !important;
      font-weight: var(--fw-medium) !important;
    }
    .confirm-dialog-custom .uces_secondary_outline button {
      background-color: #f3f4f6;
      color: #161616;
      font-weight: var(--fw-medium);
      border-radius: var(--radius-sm);
      font-size: var(--fs-base);
      min-height: 40px;
    }
    .update-details-modal {
      min-width: 40rem;
    }
    @media (max-width: 768px) {
      .update-details-modal {
        min-width: 100%;
      }
    }
    .wallet-modal {
      min-width: 35rem;
      min-height: 300px;
    }
    @media (max-width: 768px) {
      .wallet-modal {
        min-width: 100%;
      }
    }
    .transfer-wallet-modal {
      min-width: 42rem;
      min-height: 300px;
    }
    @media (max-width: 768px) {
      .transfer-wallet-modal {
        min-width: 100%;
      }
    }
    .eye-btn {
      min-width: 150px;
    }
    .uces_breadCrumb {
      border-radius: var(--radius-2xl);
      margin-inline: 100px;
      font-size: var(--fs-sm);
      line-height: 1;
    }
    @media screen and (max-width: 768px) {
      .uces_breadCrumb {
        margin-inline: 24px;
      }
    }
    .uces_breadCrumb .separator-icon {
      color: #9da4ae;
    }
    .uces_breadCrumb .p-breadcrumb-separator::before {
      width: 10px;
      height: 10px;
      margin-inline: 8px;
      display: block;
      content: "";
      background-image: url("./media/breadcrumb-left.svg");
      background-repeat: no-repeat;
    }
    .uces_breadCrumb .p-breadcrumb {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-wrap: wrap;
      border: none;
      background-color: #fff;
      margin-block-start: 40px;
      margin-block-end: 24px;
      min-height: 52px;
    }
    .uces_breadCrumb .date-container {
      display: none;
    }
    .uces_breadCrumb li:first-child {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      position: relative;
    }
    .uces_breadCrumb li:first-child img {
      display: none;
    }
    .uces_breadCrumb li:first-child .p-button {
      position: relative;
      pointer-events: auto;
    }
    .uces_breadCrumb li:last-child .p-button {
      font-size: var(--fs-sm);
      color: #9da4ae;
    }
    .uces_breadCrumb * {
      --breadcrumbs-py: 0;
    }
    .uces_breadCrumb:has(ol > li:only-child) {
      display: none;
    }
    [dir=ltr] .uces_breadCrumb .p-breadcrumb-separator::before {
      transform: rotate(180deg);
    }
    .p-breadcrumb-item span {
      max-width: 120px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .uces_breadCrumb {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: space-between;
      background-color: #fff;
      margin-block: 24px;
    }
    .uces_breadCrumb > .ms-auto {
      margin-inline: 20px;
    }
    .uces_breadCrumb .back_button button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      padding-block: 5px;
      padding-inline: 20px;
      min-height: 40px;
      gap: 0.5rem;
      font-size: 0.875rem;
      font-weight: bold;
      border-radius: var(--radius-sm);
      color: black;
      background-color: transparent;
      border-width: 1px;
      border-style: solid;
      border-color: #d2d6db;
      transition: 0.2s all ease-in-out;
    }
    .uces_breadCrumb .back_button button:hover {
      border-color: var(--clr-primary);
      background-color: rgba(27, 131, 84, 0.04);
    }
    .uces_breadCrumb .back_button button:focus,
    .uces_breadCrumb .back_button button:focus-visible {
      box-shadow: none;
      outline: 0;
    }
    .gallary-model {
      width: 90%;
      max-width: 900px;
    }
    .gallary-model .p-dialog-content {
      overflow: hidden;
    }
    .pz-zoom-button {
      display: none !important;
    }
    .custom-galleria-footer {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      position: absolute;
      bottom: 12px;
      left: 0;
      right: 0;
      background-color: transparent !important;
      color: var(--secondary-icon-color) !important;
    }
    .custom-galleria-footer .p-button .pi-search-plus {
      color: var(--secondary-icon-color) !important;
    }
    .custom-galleria-footer .p-button .pi-search-minus {
      color: var(--secondary-icon-color) !important;
    }
    .custom-galleria-footer .title-container {
      background-color: var(--clr-secondary);
      color: #fff;
      padding: 8px 10px;
      border-radius: var(--radius-md);
      text-align: center;
    }
    .custom-galleria-footer > button {
      color: var(--secondary-icon-color) !important;
    }
    .custom-galleria-footer > button > .p-button-text {
      color: var(--secondary-icon-color) !important;
    }
    .custom-galleria-footer-fullscreen {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
    }
    .custom-galleria .title-container > span.title {
      display: none;
    }
    .custom-galleria .p-dialog-header {
      color: var(--text-dialog) !important;
    }
    .p-galleria-nav-button {
      color: #ffffff !important;
      background-color: rgba(0, 0, 0, 0.6509803922) !important;
    }
    .p-galleria {
      border: unset !important;
    }
    .p-galleria .p-galleria-content {
      background-color: #fff !important;
    }
    .p-galleria-items button {
      z-index: 3;
    }
    video {
      width: 100%;
    }
    app-no-content {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
    }
    .page-msg-conent img {
      width: 300px;
      margin-block: 16px;
    }
    .payment-callback-container {
      margin-block: 22px;
    }
    .payment-result-card {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 100%;
      border-radius: var(--radius-xl);
      background: #fff;
      width: 100%;
      padding-inline: 22px;
      padding-block: 40px;
    }
    .payment-result-card .svg-icon,
    .payment-result-card svg {
      width: 80px;
      height: 80px;
    }
    .breadcrumb-back-btn {
      margin-inline-start: auto;
      margin-inline-end: 22px;
    }
    .p-tablist-nav-button {
      background: #f3f4f6;
      opacity: 0.7;
      box-shadow: none;
      color: #000;
    }
    .page-msg-conent img {
      width: 150px;
      height: 150px;
    }
    .p-popover-flipped:before,
    .p-popover-flipped:after {
      display: none;
    }
  }
  @layer layout {
    :root {
      --body-clr: initial;
      --body-bg: #f9fafb;
      --body-fs: initial;
      --body-fw: initial;
      --body-ff-ar:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --body-ff-en:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --clr-primary: hsl(153, 66%, 25%);
      --clr-primary-green: #1b8354;
      --clr-primary-hover: #036abf;
      --clr-secondary: #6c737f;
      --clr-secondary-bg: #f3f4f6;
      --clr-third: #0dcaf0;
      --clr-default: #161616;
      --clr-display: #1f2a37;
      --clr-success: #198754;
      --clr-success-dark: #065012;
      --clr-success-medium: #65a773;
      --clr-success-green: #17b26a;
      --clr-success-tag: #085d3a;
      --clr-success-light: #ecfdf3;
      --clr-success-border: #abefc6;
      --clr-warning: #ffc107;
      --clr-warning-dark: #b54708;
      --clr-warning-medium: #93370d;
      --clr-warning-orange: #f79009;
      --clr-warning-light: #fffaeb;
      --clr-warning-border: #fedf89;
      --clr-warning-bg: #dc6803;
      --clr-danger: #dc3545;
      --clr-danger-dark: #912018;
      --clr-danger-medium: #d32d17;
      --clr-danger-red: #f04438;
      --clr-danger-light: #fef3f2;
      --clr-danger-bg: #df9c90;
      --clr-danger-border: #fee4e2;
      --clr-info: #0dcaf0;
      --clr-info-blue: #175cd3;
      --clr-info-light-blue: #1495ff;
      --clr-info-light: #eff8ff;
      --clr-info-medium: #1570ef;
      --clr-info-border: #b2ddff;
      --clr-info-sky: #3daae1;
      --clr-info-bg: #ecf7fc;
      --clr-white: #ffffff;
      --clr-black: #000000;
      --clr-gray-50: #f9fafb;
      --clr-gray-100: #f3f4f6;
      --clr-gray-200: #e5e7eb;
      --clr-gray-300: #d2d6db;
      --clr-gray-400: #9da4ae;
      --clr-gray-500: #6c737f;
      --clr-gray-600: #4c515b;
      --clr-gray-700: #384250;
      --clr-gray-800: #1f2a37;
      --clr-gray-900: #161616;
      --clr-gray-light: #f0f1f2;
      --clr-gray-medium: #9fa4ae;
      --clr-gray-dark: #424b59;
      --clr-gray-darker: #2d3036;
      --clr-gray-border: #ced7e3;
      --clr-gray-border-light: #d3d6db;
      --clr-gray-disabled: #bbbec5;
      --clr-gray-hover: #e2e7ed;
      --clr-gray-icon: #6e7c91;
      --clr-gray-placeholder: #6b7280;
      --clr-gray-text: #898e99;
      --clr-gray-chip: #d1d3d8;
      --clr-gray-panel: #4d5761;
      --clr-gray-backdrop: #2b374d;
      --clr-brand-green: #067647;
      --clr-brand-light: #ebf4ee;
      --clr-brand-light-bg: #e6f3ec;
      --bg-grey: #f9fafb;
      --bg-card: #e9ebf2;
      --bg-hover: #f5faff;
      --bg-light: #fcfcfd;
      --bg-disabled: #f0f1f2;
      --bg-secondary: #eff6ff;
      --bg-panel: #f8fafc;
      --bg-tooltip: #2b374d;
      --clr-text-primary: #161616;
      --clr-text-secondary: #6c737f;
      --clr-text-tertiary: #384250;
      --clr-text-display: #1f2a37;
      --clr-text-muted: #6e7c91;
      --clr-text-disabled: #9da4ae;
      --clr-text-placeholder: #6b7280;
      --clr-text-dark: #101633;
      --clr-text-light: #1a1a1a;
      --clr-border-default: #d2d6db;
      --clr-border-light: #e9ebf2;
      --clr-border-medium: #ced7e3;
      --clr-border-input: #9da4ae;
      --clr-border-disabled: #bbbec5;
      --clr-shadow-focus: #bfdbfe;
      --clr-shadow-light: rgba(0, 0, 0, 0.1);
      --clr-shadow-medium: rgba(0, 0, 0, 0.4);
      --clr-transparent-white: #ffffff99;
      --clr-overlay: rgba(0, 0, 0, 0.4);
      --radius-none: 0;
      --radius-xs: 2px;
      --radius-sm: 4px;
      --radius-md: 6px;
      --radius-lg: 8px;
      --radius-xl: 12px;
      --radius-2xl: 16px;
      --radius-3xl: 24px;
      --radius-round: 99px;
      --radius-circle: 50%;
      --radius-full: 100%;
      --radius-pill: 40vw;
      --fs-xs: 12px;
      --fs-sm: 14px;
      --fs-sm-plus: 15px;
      --fs-base: 16px;
      --fs-md: 18px;
      --fs-lg: 20px;
      --fs-xl: 24px;
      --fs-2xl: 30px;
      --fs-2xl-minus: 29px;
      --fs-3xl: 48px;
      --fw-light: 300;
      --fw-normal: 400;
      --fw-medium: 500;
      --fw-semibold: 600;
      --fw-bold: 700;
    }
    @layer main, header, aside, footer, extras;
    @layer main {
      .content-wrapper {
        padding-inline: 100px;
      }
      @media screen and (max-width: 768px) {
        .content-wrapper {
          padding-inline: 15px;
        }
      }
    }
    @layer header {
      .uces-header {
        min-height: 72px;
        background: var(--clr-white);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        flex-wrap: wrap;
      }
      .uces-header .navbar-logo {
        margin-inline-end: 16px;
      }
      .uces-header .navbar-logo img {
        max-width: unset;
      }
      @media screen and (max-width: 768px) {
        .uces-header .navbar-logo {
          margin-inline-end: 0;
        }
      }
      @media screen and (max-width: 768px) {
        .uces-header .navbar-logo .logo-icon {
          display: none;
        }
      }
      .uces-header .navbar-logo .logo-only {
        display: none;
      }
      @media screen and (max-width: 768px) {
        .uces-header .navbar-logo .logo-only {
          display: block;
        }
      }
      @media screen and (max-width: 768px) {
        .uces-header .navbar-actions.identity-header {
          display: block;
          justify-content: space-between;
        }
      }
      @media screen and (max-width: 768px) {
        .uces-header .navbar-actions.main-header {
          display: flex;
          justify-content: space-between;
        }
      }
      .uces-header .navbar-actions {
        display: flex;
        align-items: center;
      }
      @media screen and (max-width: 768px) {
        .uces-header .navbar-actions {
          display: none;
          justify-content: space-between;
        }
      }
      .uces-header .navbar-actions .p-button {
        transition: none;
      }
      .uces-header .navbar-actions .nav-btn button {
        position: relative;
        min-height: 72px;
        padding: 8px 16px;
        color: black;
        background-color: var(--clr-white);
      }
      .uces-header .navbar-actions .nav-btn button:hover {
        background-color: #f3f4f6;
      }
      .uces-header .navbar-actions .nav-btn button:hover:after {
        content: "";
        display: block;
        width: 90%;
        height: 6px;
        background-color: #9da4ae;
        position: absolute;
        border-radius: var(--radius-round);
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }
      .uces-header .navbar-actions .nav-btn.primary button {
        background-color: var(--clr-primary);
        color: var(--clr-white);
        position: relative;
      }
      .uces-header .navbar-actions .nav-btn.primary button:after {
        content: "";
        display: block;
        width: 90%;
        height: 6px;
        background-color: #54c08a;
        position: absolute;
        border-radius: var(--radius-round);
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }
      .uces-header .navbar-actions .nav-btn.primary button:hover {
        background-color: #166a44;
      }
      .uces-header .navbar-actions .nav-btn.active button {
        background-color: var(--clr-primary);
        color: #ffffff;
      }
      .uces-header .navbar-actions .nav-btn.active button::after {
        content: "";
        display: block;
        width: 80%;
        height: 6px;
        background-color: #54c08a;
        position: absolute;
        bottom: 0;
        left: 50%;
        border-radius: var(--radius-round);
        transform: translateX(-50%);
      }
      .upper-header {
        background-color: #f3f4f6;
        min-height: 32px;
        display: flex;
        align-items: center;
      }
      .upper-header .accordion-trigger .svg-icon {
        transition: all 0.2s ease-in-out;
        transform: rotate(0deg);
      }
      .upper-header .p-accordionpanel {
        border: none;
        background-color: #f3f4f6;
        padding-block: 8px;
        transition: all 0.2s ease-in-out;
      }
      .upper-header .p-accordionpanel-active .accordion-trigger .svg-icon {
        transform: rotate(180deg);
      }
      .upper-header .p-accordionheader {
        justify-content: flex-start;
        align-items: center;
        background-color: #f3f4f6;
        color: var(--clr-default);
        pointer-events: none;
      }
      .upper-header .p-accordionheader .p-iconwrapper {
        display: none;
      }
      .upper-header .p-accordionheader .accordion-trigger {
        pointer-events: auto;
        cursor: pointer;
      }
      .upper-header .p-accordioncontent-content {
        background-color: #f3f4f6;
        color: var(--clr-default);
        padding: 40px 0 32px 0;
      }
      .upper-header .header-accordion {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
      .upper-header .header-accordion .accordion-boxes {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
      }
      @media screen and (max-width: 768px) {
        .upper-header .header-accordion .accordion-boxes {
          flex-wrap: wrap;
        }
      }
      .upper-header .header-accordion .accordion-boxes .box-header {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
      }
      .upper-header .header-accordion .accordion-boxes .box-details {
        display: flex;
        flex-direction: column;
        gap: 22px;
      }
      .upper-header .header-accordion .accordion-boxes .box-details h6 {
        font-size: var(--fs-md);
        font-weight: var(--fw-medium);
        color: var(--clr-default);
      }
      .upper-header .header-accordion .accordion-boxes .box-details p {
        font-size: var(--fs-base);
        font-weight: var(--fw-normal);
        color: #384250;
      }
      .upper-header .header-accordion .registered-box {
        padding: 8px 28px;
        display: flex;
        align-items: center;
        gap: 12px;
        border-radius: var(--radius-lg);
        background: #fff;
      }
      .user-container {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        padding: 8px;
        border-radius: var(--radius-round);
        border: 1px solid #e5e7eb;
        cursor: pointer;
      }
      .user-container .svg-icon {
        margin-inline-start: 8px;
      }
      .user-container .chevron-icon {
        transition: transform 0.3s ease-in-out;
      }
      .user-container.menu-open .chevron-icon {
        transform: rotate(180deg);
      }
      .services-container {
        cursor: pointer;
      }
      .services-container .chevron-icon {
        transition: transform 0.3s ease-in-out;
      }
      .services-container.menu-open .chevron-icon {
        transform: rotate(180deg);
      }
      .user-avatar {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--primary-color);
        color: var(--clr-white);
        font-size: var(--fs-md);
        font-weight: bold;
        border-radius: var(--radius-circle);
        pointer-events: none;
      }
      .avatar-name-prefixes {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f3f4f6;
        border-radius: var(--radius-circle);
        font-size: var(--fs-sm);
        pointer-events: none;
      }
      .profile-avatar-name-prefixes {
        width: 60px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f3f4f6;
        border-radius: var(--radius-circle);
        font-size: var(--fs-xl);
        pointer-events: none;
      }
      .user-info {
        display: flex;
        flex-direction: column;
      }
      .user-name {
        font-weight: var(--fw-medium);
        font-size: var(--fs-base);
        color: var(--black);
      }
      .user-menu-dropdown .p-menu-list .p-menu-item {
        border-bottom: 1px solid var(--divider-color);
      }
      .p-menu-item-content {
        padding-block: 10px;
        padding-inline: 16px;
      }
      .p-menu-item-content .svg-icon {
        width: 24px;
        height: 24px;
      }
      .user-menu-dropdown .p-menu-list .p-menu-item:last-child {
        border-bottom: none;
      }
      @media screen and (min-width: 768px) {
        .mobile-menu-btn {
          display: none;
        }
      }
      .mobile-menu-btn button {
        position: relative;
        min-height: 72px;
        padding: 8px 16px;
        color: black;
        background-color: var(--clr-white);
      }
      .mobile-menu-btn button:hover {
        background-color: #f3f4f6;
      }
      .mobile-menu-btn button:hover:after {
        content: "";
        display: block;
        width: 90%;
        height: 6px;
        background-color: #9da4ae;
        position: absolute;
        border-radius: var(--radius-round);
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }
      @media screen and (min-width: 768px) {
        .nav-btn-mobile {
          display: none;
        }
      }
      .nav-btn-mobile button {
        position: relative;
        min-height: 72px;
        padding: 8px 16px;
        color: black;
        background-color: var(--clr-white);
      }
      .nav-btn-mobile button:hover {
        background-color: #f3f4f6;
      }
      .nav-btn-mobile button:hover:after {
        content: "";
        display: block;
        width: 90%;
        height: 6px;
        background-color: #9da4ae;
        position: absolute;
        border-radius: var(--radius-round);
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }
      .navbar-actions.mobile-language-switcher {
        display: none;
      }
      @media screen and (max-width: 768px) {
        .navbar-actions.mobile-language-switcher {
          display: block;
        }
      }
      @media screen and (min-width: 768px) and (max-width: 940px) {
        .nav-btn .language-text {
          display: none;
        }
      }
      @media screen and (min-width: 768px) and (max-width: 975px) {
        .user-container .user-info span {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 50px;
        }
      }
      .p-drawer.mobile-drawer {
        width: 100%;
      }
      .p-drawer.mobile-drawer .mobile-menu-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .p-drawer.mobile-drawer .drawer-header {
        margin-inline-start: 10px;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .mobile-nav-btn {
        width: 100%;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .mobile-nav-btn .p-button {
        justify-content: flex-start;
        align-items: center;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .mobile-nav-btn button {
        width: 100%;
        background-color: transparent;
        color: black;
        border-radius: var(--radius-none);
        border-bottom: 1px solid #d2d6db;
        display: flex;
        align-items: center;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .mobile-user-info {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        width: 100%;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .mobile-user-info .user-name {
        font-size: var(--fs-base);
      }
      .p-drawer.mobile-drawer .mobile-nav-section .mobile-user-info .user-avatar {
        width: 32px;
        height: 32px;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .p-accordion {
        background-color: transparent;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .p-accordion .p-accordionpanel {
        border: none;
        margin: 0;
        border-radius: var(--radius-none);
      }
      .p-drawer.mobile-drawer .mobile-nav-section .p-accordion .p-accordionpanel.p-accordionpanel-active {
        background-color: transparent;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .p-accordion .p-accordionpanel.p-accordionpanel-active > .p-accordionheader {
        background: transparent;
        color: #000;
        border-bottom: 1px solid #d2d6db;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .p-accordion .p-accordionheader {
        background-color: transparent;
        color: #000;
        border: none;
        border-radius: var(--radius-none);
        padding: 0;
        border-bottom: 1px solid #d2d6db;
        padding-block: 5px;
        padding-inline: 20px;
        min-height: 40px;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .p-accordion .p-accordionheader button {
        width: 100%;
        justify-content: flex-start;
        align-items: center;
        background-color: transparent;
        color: black;
        border: none;
        border-radius: var(--radius-none);
        padding-block: 5px;
        padding-inline: 20px;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .p-accordion .p-accordioncontent-content {
        color: #424b59;
        background: transparent;
        padding: 0;
      }
      .p-drawer.mobile-drawer .mobile-nav-section .mobile-services-menu .mobile-nav-btn.sub-item button,
      .p-drawer.mobile-drawer .mobile-nav-section .mobile-user-actions .mobile-nav-btn.sub-item button {
        padding-block: 5px;
        padding-inline: 20px;
        display: flex;
        align-items: center;
        gap: 12px;
      }
      .p-drawer.mobile-drawer .closeButton button {
        background-color: transparent;
        color: #000;
      }
      .uces-breadcrumbs-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 24px;
      }
      @media screen and (max-width: 600px) {
        .uces-breadcrumbs-wrapper {
          flex-wrap: wrap;
        }
      }
      .uces-breadcrumbs-wrapper .uces-breadcrumbs {
        --breadcrumbs-py: 11px;
        --breadcrumbs-px: 0;
        --breadcrumbs-bg: transparent;
        --breadcrumbs-border-width: 0px;
        --breadcrumbs-border-clr: #dee2e6;
        --breadcrumbs-border-radius: 0px;
        --breadcrumbs-link-border-radius: 0px;
        --breadcrumbs-link-focus-boxshadow: 0 0 0 0.2rem #bfdbfe;
        --breadcrumbs-link-fs: 14.22px;
        --breadcrumbs-link-fw: 500;
        --breadcrumbs-link-lh: 21.33px;
        --breadcrumbs-link-clr: #6e7c91;
        --breadcrumbs-link-hover-clr: #6e7c91;
        --breadcrumbs-link-hover-textdecoration: underline;
        --breadcrumbs-link-icon-clr: #6e7c91;
        --breadcrumbs-icon-margin: 0 10px;
        --breadcrumbs-icon-clr: #6e7c91;
        --breadcrumbs-icon-width: 11px;
        --breadcrumbs-icon-height: 11px;
        --breadcrumbs-link-lastchild-clr: #424b59;
        --breadcrumbs-link-lastchild-icon-clr: #424b59;
      }
      @media screen and (max-width: 650px) {
        .uces-breadcrumbs-wrapper .uces-breadcrumbs.p-breadcrumb .p-breadcrumb-list {
          flex-wrap: wrap !important;
          gap: 12px 0;
        }
      }
    }
    @media screen and (max-width: 650px) {
      .p-breadcrumb-list {
        flex-wrap: wrap !important;
        gap: 12px 0;
      }
    }
    @layer footer {
      .uces-footer {
        padding-block: 2.5rem;
        background-color: #f3f4f6;
      }
      .uces-footer .uces-footer-section {
        min-width: 22%;
      }
      .uces-footer .uces-footer-title {
        color: #161616;
        font-size: var(--fs-sm-plus);
        font-weight: var(--fw-medium);
        border-bottom: 1px solid #d2d6db;
        padding-bottom: 10px;
      }
      .uces-footer .uces-footer-list li {
        padding-block: 5px;
        color: #384250;
      }
      .uces-footer .uces-footer-list li a {
        color: #384250;
        text-decoration: none;
        transition: all 0 ease-in-out;
      }
      .uces-footer .uces-footer-list li a:hover {
        color: var(--clr-primary);
        text-decoration: underline;
      }
      .uces-footer .uces-footer-list li a:hover svg path {
        fill: var(--clr-primary);
      }
      .uces-footer .social-media-links {
        display: inline-flex;
        padding-block: 5px;
        gap: 8px;
      }
      .uces-footer .social-media-links a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border: 1px solid #d2d6db;
        border-radius: var(--radius-sm);
        height: 32px;
        width: 32px;
        vertical-align: middle;
        transition: all 0.3s ease;
      }
      .uces-footer .social-media-links a svg {
        width: 20px;
        height: 20px;
      }
      .uces-footer .social-media-links a svg path {
        transition: fill 0.3s ease;
      }
      .uces-footer .social-media-links a:hover {
        border-color: var(--clr-primary);
      }
      .uces-footer .social-media-links a:hover svg path {
        fill: var(--clr-primary);
      }
      @media screen and (max-width: 768px) {
        .footer-bottom-container {
          flex-direction: column-reverse;
          align-items: flex-start;
          gap: 22px;
        }
      }
      .identity-footer {
        background-color: #f9fafb;
      }
    }
    @layer extras {
      .uces-spinner {
        --spinner-overlay-bg: rgba(249, 252, 254, 0.33);
        --spinner-img-width: 150px;
        --spinner-svg-width: 200px;
      }
      .spinner-uces.p-progress-spinner {
        position: fixed !important;
        inset: 0;
        margin: auto !important;
      }
      .spinner-uces.p-progress-spinner::before {
        content: "";
        width: 100vw;
        height: 100vh;
        background: black;
        position: fixed;
        top: 0;
        inset: 0;
        margin: auto;
        opacity: 0.4;
      }
    }
    .services-container,
    .user-container {
      position: relative;
    }
    [dir=rtl] .services-menu-dropdown .p-menu-overlay {
      top: 0;
      right: 0 !important;
      left: auto !important;
    }
    [dir=rtl] .user-menu-dropdown .p-menu-overlay {
      top: 0;
      right: 0 !important;
      left: auto !important;
    }
    [dir=ltr] .services-menu-dropdown .p-menu-overlay {
      top: 0;
      left: 0 !important;
      right: auto !important;
    }
    [dir=ltr] .user-menu-dropdown .p-menu-overlay {
      top: 0;
      left: 0 !important;
      right: auto !important;
    }
    .no-content-breadcrumb .uces_breadCrumb,
    .p-breadcrumb {
      margin: 0;
    }
    .no-content-breadcrumb .uces_breadCrumb .p-breadcrumb,
    .p-breadcrumb .p-breadcrumb {
      padding-block: 30px;
    }
    @media screen and (max-width: 768px) {
      .no-content-breadcrumb .uces_breadCrumb .p-breadcrumb,
      .p-breadcrumb .p-breadcrumb {
        padding-block: 15px;
      }
    }
    .no-content-breadcrumb {
      display: flex;
      padding-inline: 100px;
      justify-content: space-between;
      flex-wrap: wrap;
      background-color: #fff;
    }
    @media screen and (max-width: 768px) {
      .no-content-breadcrumb {
        padding-inline: 15px;
      }
    }
    app-messages-container {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }
  }
  @layer modules {
    :root {
      --body-clr: initial;
      --body-bg: #f9fafb;
      --body-fs: initial;
      --body-fw: initial;
      --body-ff-ar:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --body-ff-en:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --clr-primary: hsl(153, 66%, 25%);
      --clr-primary-green: #1b8354;
      --clr-primary-hover: #036abf;
      --clr-secondary: #6c737f;
      --clr-secondary-bg: #f3f4f6;
      --clr-third: #0dcaf0;
      --clr-default: #161616;
      --clr-display: #1f2a37;
      --clr-success: #198754;
      --clr-success-dark: #065012;
      --clr-success-medium: #65a773;
      --clr-success-green: #17b26a;
      --clr-success-tag: #085d3a;
      --clr-success-light: #ecfdf3;
      --clr-success-border: #abefc6;
      --clr-warning: #ffc107;
      --clr-warning-dark: #b54708;
      --clr-warning-medium: #93370d;
      --clr-warning-orange: #f79009;
      --clr-warning-light: #fffaeb;
      --clr-warning-border: #fedf89;
      --clr-warning-bg: #dc6803;
      --clr-danger: #dc3545;
      --clr-danger-dark: #912018;
      --clr-danger-medium: #d32d17;
      --clr-danger-red: #f04438;
      --clr-danger-light: #fef3f2;
      --clr-danger-bg: #df9c90;
      --clr-danger-border: #fee4e2;
      --clr-info: #0dcaf0;
      --clr-info-blue: #175cd3;
      --clr-info-light-blue: #1495ff;
      --clr-info-light: #eff8ff;
      --clr-info-medium: #1570ef;
      --clr-info-border: #b2ddff;
      --clr-info-sky: #3daae1;
      --clr-info-bg: #ecf7fc;
      --clr-white: #ffffff;
      --clr-black: #000000;
      --clr-gray-50: #f9fafb;
      --clr-gray-100: #f3f4f6;
      --clr-gray-200: #e5e7eb;
      --clr-gray-300: #d2d6db;
      --clr-gray-400: #9da4ae;
      --clr-gray-500: #6c737f;
      --clr-gray-600: #4c515b;
      --clr-gray-700: #384250;
      --clr-gray-800: #1f2a37;
      --clr-gray-900: #161616;
      --clr-gray-light: #f0f1f2;
      --clr-gray-medium: #9fa4ae;
      --clr-gray-dark: #424b59;
      --clr-gray-darker: #2d3036;
      --clr-gray-border: #ced7e3;
      --clr-gray-border-light: #d3d6db;
      --clr-gray-disabled: #bbbec5;
      --clr-gray-hover: #e2e7ed;
      --clr-gray-icon: #6e7c91;
      --clr-gray-placeholder: #6b7280;
      --clr-gray-text: #898e99;
      --clr-gray-chip: #d1d3d8;
      --clr-gray-panel: #4d5761;
      --clr-gray-backdrop: #2b374d;
      --clr-brand-green: #067647;
      --clr-brand-light: #ebf4ee;
      --clr-brand-light-bg: #e6f3ec;
      --bg-grey: #f9fafb;
      --bg-card: #e9ebf2;
      --bg-hover: #f5faff;
      --bg-light: #fcfcfd;
      --bg-disabled: #f0f1f2;
      --bg-secondary: #eff6ff;
      --bg-panel: #f8fafc;
      --bg-tooltip: #2b374d;
      --clr-text-primary: #161616;
      --clr-text-secondary: #6c737f;
      --clr-text-tertiary: #384250;
      --clr-text-display: #1f2a37;
      --clr-text-muted: #6e7c91;
      --clr-text-disabled: #9da4ae;
      --clr-text-placeholder: #6b7280;
      --clr-text-dark: #101633;
      --clr-text-light: #1a1a1a;
      --clr-border-default: #d2d6db;
      --clr-border-light: #e9ebf2;
      --clr-border-medium: #ced7e3;
      --clr-border-input: #9da4ae;
      --clr-border-disabled: #bbbec5;
      --clr-shadow-focus: #bfdbfe;
      --clr-shadow-light: rgba(0, 0, 0, 0.1);
      --clr-shadow-medium: rgba(0, 0, 0, 0.4);
      --clr-transparent-white: #ffffff99;
      --clr-overlay: rgba(0, 0, 0, 0.4);
      --radius-none: 0;
      --radius-xs: 2px;
      --radius-sm: 4px;
      --radius-md: 6px;
      --radius-lg: 8px;
      --radius-xl: 12px;
      --radius-2xl: 16px;
      --radius-3xl: 24px;
      --radius-round: 99px;
      --radius-circle: 50%;
      --radius-full: 100%;
      --radius-pill: 40vw;
      --fs-xs: 12px;
      --fs-sm: 14px;
      --fs-sm-plus: 15px;
      --fs-base: 16px;
      --fs-md: 18px;
      --fs-lg: 20px;
      --fs-xl: 24px;
      --fs-2xl: 30px;
      --fs-2xl-minus: 29px;
      --fs-3xl: 48px;
      --fw-light: 300;
      --fw-normal: 400;
      --fw-medium: 500;
      --fw-semibold: 600;
      --fw-bold: 700;
    }
    .hero-banner-home {
      min-height: calc(100vh - 109.33px);
      background-color: #f9fafb;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      position: relative;
    }
    .hero-banner-home .hero-title {
      font-size: var(--fs-3xl);
      font-weight: var(--fw-bold);
      color: var(--clr-display);
      margin-bottom: 24px;
    }
    .hero-banner-home .hero-description {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
    }
    .hero-banner-home .hero-skyline {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
    }
    .hero-banner-home .hero-skyline img {
      width: 100%;
      height: auto;
      object-fit: cover;
      display: block;
    }
    .services-section {
      background-color: rgba(7, 148, 85, 0.1019607843);
      padding-block: 50px;
      display: flex;
      flex-direction: column;
      gap: 30px;
    }
    .card-content-title {
      width: 100%;
    }
    .card-content-title span {
      display: inline-block;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: bottom;
    }
    .card-content-description {
      width: 100%;
    }
    .card-content-description span {
      display: inline-block;
      max-width: 100%;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .services-header .services-title {
      font-size: var(--fs-2xl);
      font-weight: var(--fw-semibold);
    }
    .services-subtitle {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
    }
    .services-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.5rem;
    }
    @media (max-width: 991px) {
      .services-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 575px) {
      .services-grid {
        grid-template-columns: 1fr;
      }
    }
    .services-grid .service-card {
      background-color: var(--clr-white);
      display: flex;
      flex-direction: column;
      border-radius: var(--radius-3xl);
      padding: 24px;
      transition: all 0.3s ease;
    }
    .services-grid .service-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }
    .services-grid .service-card .service-icon {
      width: 48px;
      height: 48px;
      margin-bottom: 24px;
    }
    .services-grid .service-card .service-title {
      font-weight: var(--fw-bold);
      font-size: var(--fs-md);
    }
    .services-grid .service-card .service-description {
      font-size: var(--fs-base);
    }
    .hero-skyline {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
    }
    .hero-skyline img {
      width: 100%;
      height: auto;
      object-fit: cover;
      display: block;
    }
    [dir=rtl] .identity-edit-phone .edit-field-container .field-content {
      direction: ltr;
      display: flex;
      flex-direction: column;
    }
    [dir=rtl] .identity-edit-phone .edit-field-container .field-content .field-value {
      align-self: flex-end;
    }
    .login-page {
      position: relative;
      background-color: #f9fafb;
      z-index: 1;
      min-height: calc(100vh - 72px);
    }
    .login-page .w-50 {
      width: 50%;
    }
    .login-page .text-center {
      text-align: center;
    }
    .login-page .btn-primary button {
      flex-grow: 1;
    }
    .login-page .btn-link {
      color: var(--clr-default);
    }
    .login-page hr {
      border-top: none;
      border-color: #e5e7eb;
    }
    .login-page .p-card-header {
      display: flex;
      justify-content: center;
    }
    .login-page .login-radio-buttons {
      display: flex;
      flex-direction: column;
      margin-top: 16px;
    }
    .login-page .login-radio-buttons .login-method-radio {
      position: relative;
      min-height: 40px;
      border-radius: var(--radius-sm);
      border: 1px solid #ced7e3;
      display: flex;
      align-items: center;
      margin-top: 16px;
    }
    .login-page .login-radio-buttons .login-method-radio .p-radiobutton-box {
      display: none;
      width: 300px;
    }
    .login-page .login-radio-buttons .login-method-radio .p-radiobutton-input {
      width: 100%;
    }
    .login-page .login-radio-buttons .login-method-radio:has(.p-radiobutton-checked) {
      border-color: var(--clr-primary);
    }
    .login-page .login-radio-buttons .login-method-radio p-radiobutton {
      min-height: 40px;
      width: 100%;
      position: absolute;
    }
    .login-page .login-radio-buttons .login-method-radio p-radiobutton .p-radiobutton {
      width: 100%;
      min-height: 40px;
    }
    .login-page .login-radio-buttons .login-method-radio label {
      margin-bottom: 0;
      display: flex;
      gap: 10px;
      padding-inline-start: 10px;
      font-weight: var(--fw-medium);
      font-size: var(--fs-base);
      align-items: center;
    }
    .login-page .login-radio-buttons .login-method-radio label .svg-icon {
      color: var(--clr-primary);
    }
    .login-page .login-radio-buttons .login-method-radio:has(.p-radiobutton-checked) {
      background: #f0f6ff;
    }
    .login-page .otp-time {
      color: var(--clr-primary);
    }
    .login-page .login-policy-content {
      border: 1px solid #d2d6db;
      padding-inline: 26px;
      word-break: normal;
      padding-block: 10px;
      border-radius: var(--radius-lg);
      max-height: 300px;
      overflow-y: auto;
    }
    .login-page.select-chamber {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .login-page.select-chamber label {
      font-weight: var(--fw-bold);
      font-size: var(--fs-lg);
      color: var(--clr-primary);
    }
    .login-page.select-chamber .login-card .p-card {
      background-color: transparent;
    }
    .login-page .chambers-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1rem;
    }
    @media (max-width: 991px) {
      .login-page .chambers-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 575px) {
      .login-page .chambers-grid {
        grid-template-columns: 1fr;
      }
    }
    .login-page .chamber-card {
      min-height: 116px;
      border: 1px solid var(--clr-white);
      border-radius: var(--radius-lg);
      padding: 16px;
      cursor: pointer;
      transition: all 0.3s ease;
      background: #ffffff;
    }
    .login-page .chamber-card:hover {
      border-color: var(--clr-primary);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }
    .login-page .chamber-card .chamber-name {
      margin: 0;
      font-weight: var(--fw-medium);
      font-size: var(--fs-base);
      color: #1f2937;
    }
    .login-page .portal-bg-image {
      position: absolute;
      bottom: 0;
      z-index: -1;
      object-fit: cover;
    }
    .login-radio-buttons {
      display: flex;
      flex-direction: column;
      margin-top: 16px;
    }
    .login-radio-buttons .login-method-radio {
      position: relative;
      min-height: 40px;
      border-radius: var(--radius-sm);
      border: 1px solid #ced7e3;
      display: flex;
      align-items: center;
      margin-top: 16px;
    }
    .login-radio-buttons .login-method-radio .p-radiobutton-box {
      display: none;
      width: 300px;
    }
    .login-radio-buttons .login-method-radio .p-radiobutton-input {
      width: 100%;
    }
    .login-radio-buttons .login-method-radio:has(.p-radiobutton-checked) {
      border-color: var(--clr-primary);
    }
    .login-radio-buttons .login-method-radio p-radiobutton {
      min-height: 40px;
      width: 100%;
      position: absolute;
    }
    .login-radio-buttons .login-method-radio p-radiobutton .p-radiobutton {
      width: 100%;
      min-height: 40px;
    }
    .login-radio-buttons .login-method-radio label {
      margin-bottom: 0;
      display: flex;
      gap: 10px;
      padding-inline-start: 10px;
      font-weight: var(--fw-medium);
      font-size: var(--fs-base);
      align-items: center;
    }
    .login-radio-buttons .login-method-radio label .svg-icon {
      color: var(--clr-primary);
    }
    .login-radio-buttons .login-method-radio:has(.p-radiobutton-checked) {
      background: #f0f6ff;
    }
    .change-password-page {
      min-height: calc(100vh - 72px);
      padding-block: 24px;
    }
    .change-password-page .change-password-title {
      font-size: var(--fs-xl);
      font-weight: var(--fw-medium);
      color: #161616;
      margin-bottom: 24px;
    }
    .change-password-page form {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .change-password-page .requirements {
      list-style-type: disc;
      padding-inline-start: 20px;
      margin: 0;
    }
    .change-password-page .requirements li {
      color: #6c737f;
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
    }
    .change-password-page .btn-group {
      display: flex;
      gap: 8px;
      align-items: center;
    }
    .hero-banner-profile {
      min-height: calc(100vh - 109.33px);
      background-color: #f9fafb;
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .page-title {
      margin-top: 40px;
    }
    .green-hero {
      position: relative;
      background-color: var(--clr-primary);
      height: 179px;
      width: 100%;
      z-index: 0;
    }
    .green-hero.border-radius-24 {
      border-top-left-radius: 24px;
      border-top-right-radius: 24px;
    }
    .green-hero img {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 80%;
      object-fit: cover;
      opacity: 30%;
    }
    .profile-page {
      margin-bottom: 40px;
    }
    .profile-page .profile-card {
      background-color: var(--clr-white);
      border-radius: var(--radius-3xl);
      margin-block: 20px;
    }
    .profile-page .profile-card .profile-info {
      padding-inline: 40px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    .profile-page .profile-card .profile-info.content-wrapper {
      padding-inline: 100px;
    }
    @media (max-width: 768px) {
      .profile-page .profile-card .profile-info.content-wrapper {
        padding-inline: 20px;
      }
    }
    .profile-page .profile-card .profile-info .avatar-circle {
      margin-top: -40px;
      z-index: 99;
      position: relative;
      width: 80px;
      height: 80px;
      background-color: #f3f4f6;
      border-radius: var(--radius-circle);
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }
    .profile-page .profile-card .profile-info .avatar-circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .profile-page .profile-card .profile-info .avatar-circle svg {
      width: 100%;
      height: 50px;
    }
    .profile-page .profile-card .profile-info .profile-contact {
      margin-bottom: 40px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 4px;
    }
    .profile-page .profile-card .profile-info .profile-contact .user-name {
      font-size: var(--fs-lg);
      font-weight: var(--fw-semibold);
    }
    .profile-page .profile-card .profile-info .profile-contact .user-id {
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
      color: #384250;
    }
    .profile-page .account-info-section {
      background-color: var(--clr-white);
      border-radius: var(--radius-3xl);
      padding: 20px 40px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
    }
    .profile-page .account-info-section .account-info-title {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      color: #161616;
      margin-bottom: 20px;
    }
    .profile-page .account-info-section .account-details {
      display: flex;
      gap: 10px;
      align-items: center;
      width: 100%;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .profile-page .account-info-section .field-action {
      align-self: end;
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      display: flex;
      gap: 2px;
      color: var(--clr-primary);
    }
    .profile-page .account-info-section .field-action .svg-icon {
      width: 19px;
      height: 19px;
    }
    @media screen and (min-width: 768px) {
      .add-balance-btn {
        width: 100%;
      }
    }
    .membership-card-header {
      min-height: 40px;
    }
    .add-balance-btn button {
      flex-grow: 1;
    }
    @media (max-width: 768px) {
      .add-balance-btn button {
        flex-grow: 0;
      }
    }
    .field-label {
      font-size: var(--fs-base);
      font-weight: var(--fw-normal);
      color: #6c737f;
    }
    .info-field {
      display: flex;
      align-items: start;
      gap: 10px;
    }
    .field-icon {
      background-color: #f3f4f6;
      border-radius: var(--radius-circle);
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .field-icon span {
      width: 48px;
      height: 48px;
    }
    .edit-field-container {
      background-color: #f3f4f6;
      border-radius: var(--radius-2xl);
      padding: 16px;
    }
    .edit-field-container .field-icon {
      background-color: #fff;
    }
    .account-details-footer {
      text-align: end;
      border-top: 1px solid #e5e7eb;
      padding-top: 20px;
      padding-inline: 0;
    }
    .profile-page,
    .dashboard-page {
      margin-bottom: 40px;
    }
    .profile-page .profile-card,
    .dashboard-page .profile-card {
      background-color: var(--clr-white);
      border-radius: var(--radius-3xl);
      margin-block: 20px;
    }
    .profile-page .profile-card .profile-info,
    .dashboard-page .profile-card .profile-info {
      padding-inline: 40px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 20px;
    }
    .profile-page .profile-card .profile-info.content-wrapper,
    .dashboard-page .profile-card .profile-info.content-wrapper {
      padding-inline: 100px;
    }
    @media (max-width: 768px) {
      .profile-page .profile-card .profile-info.content-wrapper,
      .dashboard-page .profile-card .profile-info.content-wrapper {
        padding-inline: 20px;
      }
    }
    .profile-page .profile-card .profile-info .avatar-circle,
    .dashboard-page .profile-card .profile-info .avatar-circle {
      margin-top: -40px;
      z-index: 99;
      position: relative;
      width: 80px;
      height: 80px;
      background-color: #f3f4f6;
      border-radius: var(--radius-circle);
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }
    .profile-page .profile-card .profile-info .avatar-circle img,
    .dashboard-page .profile-card .profile-info .avatar-circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .profile-page .profile-card .profile-info .avatar-circle svg,
    .dashboard-page .profile-card .profile-info .avatar-circle svg {
      width: 100%;
      height: 50px;
    }
    .profile-page .profile-card .profile-info .profile-contact,
    .dashboard-page .profile-card .profile-info .profile-contact {
      margin-bottom: 40px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 4px;
    }
    .profile-page .profile-card .profile-info .profile-contact .user-name,
    .dashboard-page .profile-card .profile-info .profile-contact .user-name {
      font-size: var(--fs-lg);
      font-weight: var(--fw-semibold);
    }
    .profile-page .profile-card .profile-info .profile-contact .user-id,
    .dashboard-page .profile-card .profile-info .profile-contact .user-id {
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
      color: #384250;
    }
    .profile-page .account-info-section,
    .dashboard-page .account-info-section {
      background-color: var(--clr-white);
      border-radius: var(--radius-3xl);
      padding: 20px 40px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
    }
    .profile-page .account-info-section .account-info-title,
    .dashboard-page .account-info-section .account-info-title {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      color: #161616;
      margin-bottom: 20px;
    }
    .profile-page .account-info-section .account-details,
    .dashboard-page .account-info-section .account-details {
      display: flex;
      gap: 10px;
      align-items: center;
      width: 100%;
      justify-content: space-between;
      flex-wrap: wrap;
    }
    .profile-page .account-info-section .field-action,
    .dashboard-page .account-info-section .field-action {
      align-self: end;
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      display: flex;
      gap: 2px;
      color: var(--clr-primary);
    }
    .profile-page .account-info-section .field-action .svg-icon,
    .dashboard-page .account-info-section .field-action .svg-icon {
      width: 19px;
      height: 19px;
    }
    @media screen and (min-width: 768px) {
      .add-balance-btn {
        width: 100%;
      }
    }
    .membership-card-header {
      min-height: 40px;
    }
    .add-balance-btn button {
      flex-grow: 1;
    }
    @media (max-width: 768px) {
      .add-balance-btn button {
        flex-grow: 0;
      }
    }
    .field-label {
      font-size: var(--fs-base);
      font-weight: var(--fw-normal);
      color: #6c737f;
    }
    .info-field {
      display: flex;
      align-items: start;
      gap: 10px;
    }
    .field-icon {
      background-color: #f3f4f6;
      border-radius: var(--radius-circle);
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .field-icon span {
      width: 48px;
      height: 48px;
    }
    .edit-field-container {
      background-color: #f3f4f6;
      border-radius: var(--radius-2xl);
      padding: 16px;
    }
    .edit-field-container .field-icon {
      background-color: #fff;
    }
    .account-details-footer {
      text-align: end;
      border-top: 1px solid #e5e7eb;
      padding-top: 20px;
      padding-inline: 0;
    }
    .memberships-list-page .membership-cards-container {
      display: grid;
      gap: 1.5rem;
    }
    @media (min-width: 1200px) {
      .memberships-list-page .membership-cards-container {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    @media (min-width: 768px) and (max-width: 1199px) {
      .memberships-list-page .membership-cards-container {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 767px) {
      .memberships-list-page .membership-cards-container {
        grid-template-columns: 1fr;
      }
    }
    .memberships-list-page .membership-cards-container .membership-card {
      min-height: 292px;
      background-color: white;
      border-radius: var(--radius-3xl);
      padding: 24px;
      width: 100%;
      overflow: hidden;
      position: relative;
    }
    .memberships-list-page .membership-cards-container .membership-card .suspend-stamp {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 200px;
      z-index: 1;
      pointer-events: none;
    }
    .memberships-list-page .membership-cards-container .membership-card .chamber-logo {
      max-width: 165px;
      max-height: 60px;
    }
    .memberships-list-page .membership-cards-container .membership-card .chamber-logo img {
      max-height: 60px;
      object-fit: cover;
    }
    .memberships-list-page .membership-cards-container .membership-card .membership-card-content {
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%;
    }
    .memberships-list-page .membership-cards-container .membership-card .membership-card-content .company-title {
      display: block;
      max-width: calc(100% - 80px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .memberships-list-page .info-alert-wrapper {
      border: 1px solid #d2d6db;
      border-radius: var(--radius-lg);
      padding: 16px 24px;
      display: flex;
      margin-bottom: 20px;
      position: relative;
    }
    .memberships-list-page .info-alert-wrapper .info-alert {
      width: 100%;
    }
    .memberships-list-page .warn-border {
      width: 8px;
      opacity: 70%;
      background-color: #dc6803;
      border-start-start-radius: 4px;
      border-end-start-radius: 4px;
      flex-shrink: 0;
    }
    .chamber-logo {
      max-width: 165px;
      max-height: 60px;
    }
    .chamber-logo img {
      max-height: 60px;
      object-fit: cover;
    }
    .wallet-cards-container {
      display: grid;
      gap: 1rem;
    }
    @media (min-width: 1200px) {
      .wallet-cards-container {
        grid-template-columns: repeat(3, 1fr);
      }
    }
    @media (min-width: 768px) and (max-width: 1199px) {
      .wallet-cards-container {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 767px) {
      .wallet-cards-container {
        grid-template-columns: 1fr;
      }
    }
    .wallet-cards-container .wallet-card {
      background-color: white;
      border-radius: var(--radius-3xl);
      padding: 24px;
      width: 100%;
      overflow: hidden;
      color: #1f2a37;
    }
    @media (min-width: 768px) and (max-width: 1199px) {
      .wallet-cards-container .wallet-card.wallet-card-primary {
        grid-column: 1/-1;
      }
    }
    .wallet-cards-container .wallet-card-icon {
      background-color: #f3f4f6;
      border-radius: var(--radius-circle);
      width: 48px;
      height: 48px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .wallet-cards-container .wallet-card-content {
      display: flex;
      flex-direction: column;
      gap: 10px;
      width: 100%;
    }
    .wallet-cards-container .wallet-card-content .wallet-card-title {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      font-size: var(--fs-xl);
      font-weight: var(--fw-semibold);
    }
    .wallet-cards-container .wallet-card-content .wallet-card-subtitle {
      font-size: var(--fs-base);
      font-weight: var(--fw-normal);
    }
    .wallet-actions {
      display: flex;
      gap: 10px;
      align-items: center;
      margin-block: 20px;
    }
    .wallet-table-title {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      color: #161616;
      margin-bottom: 24px;
    }
    .wallet-modal-header {
      display: flex;
      align-items: center;
      gap: 10px;
      border: 8px solid #f3fcf6;
      padding: 20px;
      border-radius: var(--radius-2xl);
      margin-bottom: 20px;
    }
    .wallet-modal-header .info-field {
      align-items: center;
    }
    .wallet-modal-header .info-field .field-label {
      color: #1f2a37;
      font-size: var(--fs-xl);
      font-weight: var(--fw-semibold);
      line-height: 32px;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .wallet-modal-header .info-field .field-value {
      font-weight: var(--fw-normal);
    }
    .wallet-modal-header .wallet-modal-info {
      display: flex;
      flex-direction: column;
      padding-inline-start: 24px;
      gap: 10px;
      border-inline-start: 1px solid #f3f4f6;
    }
    .wallet-modal-header .wallet-modal-info .field-name-label {
      font-size: var(--fs-base);
      font-weight: var(--fw-normal);
      color: #6c737f;
    }
    .charge-wallet-amount {
      margin-block-end: 14px;
    }
    .charge-wallet-amount-label {
      font-size: var(--fs-sm);
      font-weight: var(--fw-normal);
    }
    .charge-amount-radio {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 8px;
    }
    .charge-amount-radio .p-radiobutton-box {
      display: none;
    }
    .charge-amount-radio .charge-amount-radio-item {
      position: relative;
      min-height: 40px;
      border-radius: var(--radius-sm);
      border: 1px solid #ced7e3;
      display: flex;
      align-items: center;
    }
    .charge-amount-radio .charge-amount-radio-item .p-radiobutton-box {
      display: none;
    }
    .charge-amount-radio .charge-amount-radio-item .p-radiobutton-input {
      width: 100%;
    }
    .charge-amount-radio .charge-amount-radio-item:has(.p-radiobutton-checked) {
      border-color: #14573a;
      background-color: rgba(7, 148, 85, 0.1019607843);
    }
    .charge-amount-radio .charge-amount-radio-item p-radiobutton {
      min-height: 40px;
      width: 100%;
      position: absolute;
    }
    .charge-amount-radio .charge-amount-radio-item p-radiobutton .p-radiobutton {
      width: 100%;
      min-height: 40px;
    }
    .charge-amount-radio .charge-amount-radio-item label {
      margin-bottom: 0;
      display: flex;
      gap: 10px;
      padding-inline: 16px;
      font-weight: var(--fw-medium);
      font-size: var(--fs-base);
    }
    .charge-amount-radio .charge-amount-radio-item label .svg-icon {
      color: var(--clr-primary);
    }
    .p-radiobutton-checked .charge-amount-radio .charge-amount-radio-item {
      border-color: var(--clr-primary);
      background: #f0f6ff;
    }
    .no-content-page {
      width: 100%;
    }
    .no-content-page .empty-box-container {
      width: 25rem;
      margin-bottom: 3rem;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    @media (max-width: 768px) {
      .no-content-page .empty-box-container {
        width: 100%;
      }
    }
    .no-content-page .empty-box-container img {
      width: 100%;
    }
    @media (max-width: 768px) {
      .no-content-page .empty-box-container img {
        width: 50%;
      }
    }
    .no-content-page .no-content-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 100%;
    }
    .no-content-page .no-content-card {
      margin-block: 22px;
      background-color: var(--clr-white);
      border-radius: var(--radius-3xl);
    }
    .no-content-page .no-content-card .green-hero {
      position: relative;
      background-color: var(--clr-primary);
      height: 179px;
      width: 100%;
      z-index: 0;
    }
    .no-content-page .no-content-card .green-hero.border-radius-24 {
      border-top-left-radius: 24px;
      border-top-right-radius: 24px;
    }
    .no-content-page .no-content-card .green-hero img {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 80%;
      object-fit: cover;
      opacity: 30%;
    }
    .no-content-title {
      font-size: var(--fs-xl);
      font-weight: var(--fw-semibold);
      margin-top: 22px;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }
    @media (max-width: 768px) {
      .no-content-title {
        font-size: var(--fs-lg);
      }
    }
    .no-content-subtitle {
      font-size: var(--fs-md);
      font-weight: var(--fw-normal);
      margin-block: 20px;
      padding-inline: 10px;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }
    @media (max-width: 768px) {
      .no-content-subtitle {
        font-size: var(--fs-base);
      }
    }
    .view-delegate-page .p-card {
      max-width: 100%;
    }
    .view-delegate-page .p-card .card-header-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 24px;
    }
    .view-delegate-page .info-table svg {
      width: 22px;
      height: 22px;
    }
    .add-delegate .header-title {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      color: #161616;
    }
    .add-delegate .manager-label label {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      color: #1f2a37;
    }
    .add-delegate .manager-label svg {
      width: 20px;
      height: 20px;
    }
    .grecaptcha-badge {
      z-index: 99;
    }
    .card-container {
      margin-block: 40px;
    }
    .card-container .card {
      background: #fff;
      border-radius: var(--radius-3xl);
      padding: 24px;
      min-height: 292px;
      height: 100%;
      display: flex;
      flex-direction: column;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .card-container .card:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }
    .card-container .card-icon {
      background-color: var(--clr-brand-light);
      height: 48px;
      width: 48px;
      border-radius: var(--radius-circle);
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .card-container .card-icon .svg-icon {
      color: var(--clr-brand-green);
    }
    .card-container .card-content {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      gap: 8px;
      padding-block: 24px;
      color: var(--clr-display-text);
    }
    .card-container .card-content-title {
      font-size: var(--fs-md);
      font-weight: var(--fw-bold);
      line-height: 28px;
    }
    .card-container .card p {
      font-size: var(--fs-base);
      font-weight: var(--fw-normal);
      line-height: 24px;
    }
    .upload-file {
      margin-bottom: 16px;
    }
    .upload-file__title {
      font-size: var(--fs-base);
      line-height: 24px;
      font-weight: var(--fw-medium);
      color: var(--clr-default);
      margin-bottom: 24px;
    }
    .upload-file__content {
      background: var(--clr-secondary-bg);
      border: 1px dashed var(--clr-border-default);
      border-radius: var(--radius-sm);
      padding: 32px 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 24px;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
    }
    .upload-file__content .input-upload {
      position: absolute;
      inset: 0;
      width: 100px;
      height: 100%;
      opacity: 0;
    }
    .upload-file__icon {
      color: var(--clr-default);
    }
    .upload-file__text {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
    }
    .upload-file__text h4 {
      font-size: var(--fs-base);
      line-height: 24px;
      font-weight: var(--fw-medium);
      color: var(--clr-default);
    }
    .upload-file__text p {
      font-size: var(--fs-xs);
      line-height: 24px;
      font-weight: var(--fw-normal);
      color: var(--clr-text-tertiary);
    }
    .upload-view {
      margin-bottom: 24px;
    }
    .upload-view .item-view {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      align-items: center;
      border: 1px solid var(--clr-border-default);
      background: var(--clr-secondary-bg);
      border-radius: var(--radius-sm);
      padding: 8px;
      margin-bottom: 16px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .upload-view .item-view .info {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .upload-view .item-view .info .file-icon {
      width: 20px;
      height: 20px;
    }
    .upload-view .item-view .info .file-name {
      font-weight: var(--fw-medium);
      line-height: 20px;
      font-size: var(--fs-sm);
      color: var(--clr-default);
    }
    .upload-view .item-view .icon {
      color: var(--clr-default);
      height: 20px;
      width: 20px;
    }
    .upload-view .item-view .icon svg {
      width: 100%;
      height: 100%;
    }
    .info-alert-wrapper {
      border: 1px solid var(--clr-border-default);
      border-radius: var(--radius-lg);
      padding: 16px 24px;
      display: flex;
      margin-bottom: 20px;
      position: relative;
    }
    .info-alert-wrapper .info-alert {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .info-alert-wrapper .info-alert__content {
      display: flex;
      gap: 12px;
      align-items: center;
    }
    .info-alert-wrapper .info-alert__content .alert-icon {
      min-width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: var(--radius-circle);
    }
    .info-alert-wrapper .info-alert__content p {
      font-weight: var(--fw-semibold);
      line-height: 24px;
      font-size: var(--fs-base);
      color: var(--clr-display-text);
    }
    .info-alert-wrapper .info-alert__content ul {
      list-style-type: disc;
      padding-inline-start: 24px;
    }
    .info-alert-wrapper .info-alert__content ul li {
      font-weight: var(--fw-semibold);
      line-height: 24px;
      font-size: var(--fs-base);
      color: var(--clr-display-text);
    }
    .info-alert-wrapper.alert-success .alert-icon {
      color: var(--clr-success-dark);
      background-color: var(--clr-success-medium);
    }
    .info-alert-wrapper.alert-success::before {
      background-color: var(--clr-success-medium);
    }
    .info-alert-wrapper.alert-danger .alert-icon {
      color: var(--clr-danger-medium);
      background-color: var(--clr-danger-bg);
    }
    .info-alert-wrapper.alert-danger::before {
      background-color: var(--clr-danger-bg);
    }
    .info-alert-wrapper.alert-warning .alert-icon {
      color: var(--clr-warning-dark);
      background-color: var(--clr-warning-light);
    }
    .info-alert-wrapper.alert-warning::before {
      background-color: var(--clr-warning-bg);
    }
    .info-alert-wrapper.alert-info .alert-icon {
      color: var(--clr-info-blue);
      background-color: var(--clr-info-light);
    }
    .info-alert-wrapper.alert-info::before {
      background-color: var(--clr-info-medium);
    }
    .info-alert-wrapper::before {
      content: "";
      position: absolute;
      top: 0;
      inset-inline-start: 0;
      width: 8px;
      height: 100%;
      border-start-start-radius: 8px;
      border-end-start-radius: 8px;
      opacity: 0.7;
    }
    .textarea-portal label {
      margin-bottom: 8px !important;
      font-size: var(--fs-sm);
    }
    .textarea-portal textarea {
      background-color: var(--clr-white);
      padding: 12px 16px;
      border-radius: var(--radius-sm);
      border: 1px solid var(--clr-gray-medium);
      color: var(--clr-text-primary);
      font-size: var(--fs-base);
      font-weight: var(--fw-normal);
      max-height: 96px;
      overflow: auto;
      transition: all 0.3s ease-in-out;
      outline: none;
    }
    .textarea-portal textarea:focus,
    .textarea-portal textarea:active,
    .textarea-portal textarea:focus-visible {
      border-color: var(--clr-primary);
    }
    .textarea-portal textarea::placeholder {
      color: var(--clr-text-secondary);
    }
    .flag {
      padding-inline: 8px;
      border-radius: var(--radius-sm);
      border: 1px solid var(--clr-info-border);
      color: var(--clr-blue-text);
      background-color: var(--clr-info-light);
      font-size: var(--fs-xs);
      min-height: 24px;
      font-weight: var(--fw-medium);
      margin-inline-end: 6px;
      display: inline-flex;
      align-items: center;
      width: fit-content;
    }
    .flag .svg-icon {
      margin-inline-start: 4px;
      width: 14px;
      height: 14px;
      vertical-align: middle;
    }
    .flag .svg-icon svg {
      width: 14px;
      height: 14px;
    }
    .flag.flag-danger {
      border: 1px solid var(--clr-danger-bg);
      color: var(--clr-danger-dark);
      background-color: var(--clr-danger-light);
    }
    .flag.flag-success {
      border: 1px solid var(--clr-success-border);
      color: var(--clr-success-tag);
      background-color: var(--clr-success-light);
    }
    .flag.flag-warning {
      border: 1px solid var(--clr-warning-border);
      color: var(--clr-warning-medium);
      background-color: var(--clr-warning-light);
    }
    .request-layout {
      display: block;
      margin-bottom: 24px;
    }
    .request-layout__content,
    .request-layout__info {
      padding: 24px;
      border-radius: var(--radius-3xl);
      background: #fff;
      margin-bottom: 24px;
    }
    @media (max-width: 768px) {
      .request-layout__content,
      .request-layout__info {
        padding-inline: 16px;
      }
    }
    .request-layout__content .head {
      display: flex;
      align-items: start;
      justify-content: space-between;
      margin-bottom: 1rem;
      gap: 12px;
    }
    .request-layout__content .head .title {
      color: var(--clr-default);
      font-weight: var(--fw-bold);
      font-size: var(--fs-2xl);
      line-height: 38px;
      min-width: 0;
    }
    @media screen and (min-width: 768px) {
      .request-layout__content .head .title {
        max-width: 80%;
      }
    }
    @media (max-width: 768px) {
      .request-layout__content .head .title {
        font-size: var(--fs-xl);
        line-height: 32px;
      }
    }
    .request-layout__content .head .title span {
      display: block;
    }
    .request-layout__content .text {
      padding-block: 16px 24px;
      font-weight: var(--fw-normal);
      color: var(--clr-default);
      font-size: var(--fs-base);
      line-height: 24px;
    }
    .request-layout__content .p-tablist-tab-list {
      gap: 16px;
    }
    .request-layout__content .p-tablist-tab-list {
      --p-tabs-tablist-background: transparent;
      --p-tabs-tablist-border-color: transparent;
      --p-tabs-tablist-border-width: 0;
    }
    .request-layout__content .p-tablist-tab-list {
      --p-tabs-tab-border-color: transparent;
      --p-tabs-tab-gap: 16px;
      --p-tabs-tab-color: var(--clr-text-tertiary);
    }
    .request-layout__content .p-tablist-tab-list .p-tab {
      padding-bottom: 9px;
      border-bottom-width: 3px;
    }
    .request-layout__content .p-tablist-tab-list .p-tab {
      --p-tabs-tab-hover-color: var(--clr-default);
      --p-tabs-tab-hover-border-color: transparent;
    }
    .request-layout__content .p-tablist-tab-list .p-tab-active {
      --p-tabs-tab-active-border-color: var(--clr-primary-green);
      --p-tabs-tab-active-color: var(--clr-default);
    }
    .request-layout__content .p-tablist-tab-list .p-tablist-active-bar {
      border-radius: 50px;
    }
    .request-layout__content .p-tablist-tab-list .p-tablist-active-bar {
      --p-tabs-active-bar-bottom: 0;
      --p-tabs-active-bar-height: 0;
      --p-tabs-active-bar-background: var(--clr-primary);
    }
    .request-layout__content .p-tabs .p-tabpanels {
      --ptablist-content-padding-y: 24px;
      --p-tabs-tab-hover-border-color: transparent;
    }
    .request-layout__info .info {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      color: var(--clr-text-light);
    }
    .request-layout__info .info-list {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .request-layout__info .info-list li {
      display: flex;
      align-items: start;
      gap: 8px;
      margin-bottom: 16px;
    }
    .request-layout__info .info-list li .svg-icon {
      color: var(--primary-color, var(--clr-primary-green));
    }
    .request-layout__info .info-list li .content {
      display: flex;
      flex-direction: column;
      gap: 4px;
      font-size: var(--fs-base);
      line-height: 24px;
      color: var(--clr-default);
    }
    .request-layout__info .info-list li .content h4 {
      font-weight: var(--fw-bold);
    }
    .request-layout__info .info-list li .content p {
      font-weight: var(--fw-normal);
    }
    .request-layout__info .info-list li .content .link {
      color: var(--primary-color, var(--clr-primary-green));
      font-weight: var(--fw-normal);
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
    .request-layout__info .info-list li .content .link:hover {
      opacity: 0.8;
    }
    .request-layout__info .info-list li .content .link .svg-icon {
      padding-inline-start: 8px;
      color: var(--primary-color, var(--clr-primary-green));
    }
    .request-layout__info .info-list li:last-of-type {
      margin-bottom: 0;
    }
    .request-layout__info .info-list:last-of-type {
      border-top: 1px solid #d2d6db;
      padding-top: 24px;
    }
    @media (max-width: 768px) {
      .request-layout__info {
        border: 1px solid var(--clr-border-default);
      }
    }
    .request-layout__steps {
      flex: 0 0 280px;
      margin-top: 24px;
    }
    .request-layout__steps ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .request-layout__steps ul li {
      font-size: var(--fs-base);
      font-weight: var(--fw-normal);
      color: var(--clr-default);
      line-height: 24px;
    }
    @media (max-width: 768px) {
      .request-layout {
        background-color: #fff;
      }
    }
    .video-card {
      background-color: var(--body-bg);
      border-radius: var(--radius-2xl);
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 100%;
      max-height: 500px;
      margin: auto;
    }
    .video-card .video-wrapper {
      position: relative;
      width: 100%;
      padding-top: 44%;
      overflow: hidden;
      border-radius: var(--radius-2xl);
    }
    .video-card .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
    }
    .video-card .video-wrapper .play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: transparent;
      border: none;
      cursor: pointer;
      transition: transform 0.2s ease;
    }
    .video-card .video-wrapper .play-btn:hover {
      transform: translate(-50%, -50%) scale(1.1);
    }
    .video-card .video-wrapper .play-btn svg {
      display: block;
      color: var(--primary-color, #1b8354);
    }
    .agreement-section {
      padding: 24px;
      border-radius: var(--radius-3xl);
      background-color: #fff;
    }
    .agreement-section__header {
      margin-bottom: 24px;
    }
    .agreement-section__title {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      line-height: 24px;
      color: var(--clr-default);
    }
    .agreement-section__body {
      margin-bottom: 24px;
    }
    .agreement-section__text {
      font-size: var(--fs-base);
      line-height: 24px;
      color: var(--clr-display-text);
      margin-bottom: 24px;
    }
    .agreement-section__checkbox {
      gap: 16px;
      margin-bottom: 24px;
    }
    .agreement-section__checkbox p {
      color: var(--clr-display-text);
      font-size: var(--fs-base);
      line-height: 24px;
      font-weight: var(--fw-medium);
    }
    .agreement-section__checkbox .tag-midle {
      color: var(--primary-color, #1b8354);
    }
    .agreement-section__footer {
      display: flex;
      gap: 8px;
    }
    .upload-file {
      margin-bottom: 16px;
    }
    .upload-file__title {
      font-size: var(--fs-base);
      line-height: 24px;
      font-weight: var(--fw-medium);
      color: var(--clr-default);
      margin-bottom: 24px;
    }
    .upload-file__content {
      background: var(--clr-secondary-bg);
      border: 1px dashed var(--clr-border-default);
      border-radius: var(--radius-sm);
      padding: 32px 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 24px;
      cursor: pointer;
      transition: all 0.3s ease;
      position: relative;
    }
    .upload-file__content .input-upload {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      z-index: 99;
    }
    .upload-file__icon {
      color: var(--clr-default);
    }
    .upload-file__text {
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
    }
    .upload-file__text h4 {
      font-size: var(--fs-base);
      line-height: 24px;
      font-weight: var(--fw-medium);
      color: var(--clr-default);
    }
    .upload-file__text p {
      font-size: var(--fs-xs);
      line-height: 24px;
      font-weight: var(--fw-normal);
      color: var(--clr-text-tertiary);
    }
    .upload-view {
      margin-bottom: 24px;
    }
    .upload-view .item-view {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      align-items: center;
      border: 1px solid var(--clr-border-default);
      background: var(--clr-secondary-bg);
      border-radius: var(--radius-sm);
      padding: 8px;
      margin-bottom: 16px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .upload-view .item-view .info {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .upload-view .item-view .info .file-icon {
      width: 20px;
      height: 20px;
    }
    .upload-view .item-view .info .file-name {
      font-weight: var(--fw-medium);
      line-height: 20px;
      font-size: var(--fs-sm);
      color: var(--clr-default);
    }
    .upload-view .item-view .icon {
      color: var(--clr-default);
      height: 20px;
      width: 20px;
    }
    .upload-view .item-view .icon svg {
      width: 100%;
      height: 100%;
    }
    .services-layout {
      padding-block: 24px 40px;
    }
    .services-layout .category {
      position: sticky;
      top: 10px;
      padding: 24px 8px;
      border-radius: var(--radius-2xl);
      background-color: #fff;
      margin-bottom: 24px;
    }
    .services-layout .category__header {
      margin-bottom: 20px;
      padding-inline: 8px;
    }
    .services-layout .category__title {
      color: var(--clr-default);
      font-weight: var(--fw-bold);
      font-size: var(--fs-lg);
      line-height: 30px;
    }
    .services-layout .category__body {
      padding-inline: 8px;
      max-height: 390px;
      overflow-y: auto;
    }
    .services-layout .category__body.scroll {
      --scroll-border-clr: #d2d6db;
      --scroll-clr: #d2d6db;
      --scroll-bg: #fff;
    }
    .services-layout .category__sub-title {
      padding: 8px 16px;
      border-radius: var(--radius-lg);
      color: var(--clr-default);
      font-weight: var(--fw-normal);
      font-size: var(--fs-sm);
      line-height: 20px;
    }
    .services-layout .category__sub-title:hover {
      background-color: #ebf4ee;
    }
    .services-layout .category__sub-title.active {
      background-color: #ebf4ee;
    }
    .services-layout .category__list {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-top: 16px;
    }
    .services-layout .category__item {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      padding: 8px 16px;
      border-radius: var(--radius-lg);
      transition: all 0.3s ease-in;
    }
    .services-layout .category__item-img {
      width: 24px;
      height: 24px;
      object-fit: cover;
    }
    .services-layout .category__item .text {
      font-weight: var(--fw-normal);
      font-size: var(--fs-sm);
      line-height: 20px;
      color: var(--clr-default);
    }
    .services-layout .category__item .num {
      padding-inline-start: 4px;
      color: #6f737f;
    }
    .services-layout .category__item.active,
    .services-layout .category__item:hover {
      background-color: #ebf4ee;
    }
    .services-layout .category__link {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .services-layout .card-container {
      margin-block: 24px;
    }
    .services-layout .services-card {
      border-radius: var(--radius-3xl);
      background: #fff;
      padding: 24px;
      margin-bottom: 24px;
      display: flex;
      flex-direction: column;
      min-height: 267px;
      cursor: pointer;
      transition: all 0.3s ease;
    }
    .services-layout .services-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    }
    .services-layout .services-card__title {
      margin-bottom: 8px;
      color: var(--clr-display-text);
      font-weight: var(--fw-bold);
      font-size: var(--fs-md);
    }
    .services-layout .services-card__title span {
      display: inline-block;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: bottom;
    }
    .services-layout .services-card__content {
      flex: 1;
      margin-block: 16px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .services-layout .services-card__content-text {
      font-size: var(--fs-base);
      font-weight: var(--fw-normal);
      color: var(--clr-display-text);
      margin-bottom: 16px;
    }
    .services-layout .services-card__content-text span {
      display: inline-block;
      max-width: 100%;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .Document-Verify-layout {
      z-index: 1;
    }
    .stepper {
      list-style: none;
      padding: 40px;
      margin: 0;
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 24px;
      border-radius: var(--radius-2xl);
      background-color: #fff;
    }
    .stepper .step {
      position: relative;
      display: flex;
      align-items: flex-start;
      gap: 12px;
    }
    .stepper .step:not(:last-child) {
      padding-block-end: 80px;
    }
    .stepper .step:not(:last-child)::after {
      content: "";
      position: absolute;
      right: 14px;
      top: 30px;
      width: 2px;
      height: 100%;
      background: #d2d6db;
      z-index: 1;
    }
    [dir=ltr] .stepper .step:not(:last-child)::after {
      right: auto;
      left: 14px;
    }
    .stepper .step .circle {
      position: relative;
      width: 32px;
      height: 32px;
      border: 2px solid #d2d6db;
      border-radius: var(--radius-circle);
      background: #fff;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
      z-index: 9;
    }
    .stepper .step .circle .svg-icon {
      display: none;
      width: 16px;
      height: 16px;
      color: #fff;
    }
    .stepper .step .circle .step-number {
      font-size: var(--fs-sm);
      color: #d2d6db;
      font-weight: var(--fw-medium);
    }
    .stepper .step .text {
      color: var(--clr-text-secondary);
    }
    .stepper .step .text .title {
      font-weight: var(--fw-normal);
      font-size: var(--fs-base);
    }
    .stepper .step .text .subtitle {
      font-size: var(--fs-sm);
      margin-top: 4px;
      font-weight: var(--fw-normal);
    }
    .stepper .step.active .circle {
      border-color: var(--clr-primary);
    }
    .stepper .step.active .circle .step-number {
      color: var(--clr-primary);
    }
    .stepper .step.active .text .title {
      color: #1f2a37;
      font-weight: var(--fw-medium);
    }
    .stepper .step.active .text .subtitle {
      color: var(--clr-text-tertiary);
    }
    .stepper .step.completed .circle {
      background: var(--clr-primary);
      border-color: var(--clr-primary);
    }
    .stepper .step.completed .circle .svg-icon {
      display: inline-flex;
      color: #fff;
    }
    .stepper .step.completed .circle .step-number {
      display: none;
    }
    .stepper .step.completed::after {
      background: var(--clr-primary);
    }
    .stepper .step.completed .text .title {
      color: #1f2a37;
    }
    .stepper .step.completed .text .subtitle {
      color: var(--clr-text-tertiary);
    }
    .stepper.horizontal {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
    }
    .stepper.horizontal .step {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .stepper.horizontal .step:not(:last-child)::after {
      top: 15px;
      right: 35px;
      width: 60px;
      height: 2px;
    }
    .stepper.horizontal .step .text {
      margin-top: 8px;
    }
    .steeper-content {
      border-radius: var(--radius-3xl);
      background-color: #fff;
      padding: 40px;
      margin-bottom: 24px;
    }
    .steeper-content__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .steeper-content__header .title {
      font-size: var(--fs-md);
      line-height: 28px;
      font-weight: var(--fw-semibold);
      color: var(--clr-display-text);
    }
    .steeper-content__body {
      margin-block: 4px 16px;
    }
    .steeper-content__body .text {
      font-size: var(--fs-sm);
      line-height: 20px;
      font-weight: var(--fw-medium);
      color: var(--clr-secondary);
      margin-bottom: 24px;
    }
    .steeper-content__body label.form-label {
      margin-bottom: 8px;
    }
    .steeper-content .btn {
      display: flex;
      align-items: center;
      gap: 24px;
      width: 100%;
    }
    .steeper-content .btn p-button {
      width: 100%;
    }
    .steeper-content .btn .p-button {
      flex: 1;
    }
    [dir=rtl] .view-orders-page .order-number-title {
      font-size: var(--fs-md);
      font-weight: var(--fw-medium);
      color: #1f2a37;
      -webkit-user-select: text;
      user-select: text;
      cursor: text;
      pointer-events: auto;
      width: fit-content;
    }
    [dir=rtl] .view-orders-page .order-number-title span {
      color: var(--clr-text-secondary);
    }
    [dir=rtl] .view-orders-page .search-section {
      overflow: visible;
    }
    [dir=rtl] .view-orders-page .search-section lib-input-text-search {
      background-color: #fff;
    }
    [dir=rtl] .view-orders-page .search-section lib-input-text p-iconfield {
      position: relative;
      display: block;
    }
    [dir=rtl] .view-orders-page .search-section lib-input-text p-iconfield p-inputicon {
      position: absolute;
      left: 12px;
      right: auto;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      z-index: 1;
      display: flex;
      align-items: center;
    }
    [dir=rtl] .view-orders-page .search-section lib-input-text p-iconfield input {
      width: 100% !important;
      padding-left: 40px;
      padding-right: 16px;
    }
    [dir=ltr] .view-orders-page lib-input-text-search {
      background-color: #fff;
    }
    [dir=ltr] .view-orders-page .search-section lib-input-text p-iconfield {
      position: relative;
      display: block;
    }
    [dir=ltr] .view-orders-page .search-section lib-input-text p-iconfield p-inputicon {
      position: absolute;
      right: 12px;
      left: auto;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      z-index: 1;
      display: flex;
      align-items: center;
    }
    [dir=ltr] .view-orders-page .search-section lib-input-text p-iconfield input {
      width: 100% !important;
      padding-right: 40px;
      padding-left: 16px;
    }
    .view-orders-page .filter-btn {
      margin-inline-start: 10px;
      width: 30px;
      height: 30px;
      position: relative;
      overflow: visible;
    }
    .view-orders-page .filter-btn button {
      background-color: #fff;
      overflow: visible;
    }
    .view-orders-page .filter-btn button:hover {
      background-color: var(--clr-primary);
    }
    .view-orders-page .filter-btn.active button {
      border-color: var(--clr-primary);
      color: var(--clr-white);
    }
    .view-orders-page .filter-btn.active button .svg-icon * {
      fill: var(--clr-primary);
      color: var(--clr-primary);
    }
    .view-orders-page .filter-btn.active:hover .svg-icon * {
      fill: var(--clr-white);
      color: var(--clr-white);
    }
    .view-orders-page .filter-btn .p-badge {
      position: absolute;
      z-index: 99;
      top: -8px;
      left: -8px;
      background-color: var(--clr-primary);
      color: var(--clr-white);
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .view-orders-page .info-field {
      border-inline-end: 1px solid #d2d6db;
      padding-inline-end: 22px;
    }
    .view-orders-page .info-field:last-child {
      border: none;
    }
    .view-orders-page .operations-button {
      margin-inline-end: 20px;
    }
    .view-orders-page .field-icon {
      background-color: #fff;
    }
    .view-orders-page .p-accordioncontent-content .header-title {
      border-top: 1px solid #d2d6db;
      padding-top: 24px;
    }
    .view-orders-page .view-label {
      color: #6c737f;
      font-size: var(--fs-base);
      font-weight: var(--fw-normal);
    }
    .view-orders-page p-accordion-content .field-content {
      display: flex;
      flex-direction: column;
      gap: 4px;
    }
    .view-orders-page p-accordion-content .field-content .field-label {
      font-size: var(--fs-base);
      font-weight: var(--fw-normal);
      color: var(--clr-text-secondary);
    }
    .view-orders-page p-accordion-content .field-value {
      font-size: var(--fs-base);
      font-weight: var(--fw-medium);
      color: var(--clr-display-text);
    }
    .view-orders-page .header-title,
    .view-orders-page .sub-header-title {
      font-weight: var(--fw-medium);
      font-size: var(--fs-base);
      color: #161616;
    }
    .pagination {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .pagination .p-paginator {
      --ppagination-bg: transparent;
    }
    .pagination p-paginator {
      width: unset !important;
    }
    .pagination-text {
      font-size: var(--fs-xs);
      color: #292a2f;
      display: none;
    }
    .pagination:has(.pagination-portal) .rowsPerPage {
      display: none;
    }
    .pagination.pagination-portal-text {
      display: flex;
    }
    .main-title {
      font-size: var(--fs-lg);
      line-height: 30px;
      font-weight: var(--fw-semibold);
      color: var(--clr-default);
      padding-block: 24px;
      padding-inline: 16px;
    }
    .main-page {
      display: flex;
      flex-direction: column;
      height: 100vh;
    }
    .main-page__content {
      flex-grow: 1;
    }
    .vertical-align-middle {
      vertical-align: middle;
    }
    .add-orders-card {
      width: 100%;
    }
    .add-orders-card .wallet-gif-container {
      width: 100%;
      display: flex;
      justify-content: center;
    }
    .add-orders-card .wallet-gif-container img {
      max-width: 100px;
      margin: auto;
      width: 100px;
      height: 100px;
    }
    .w-30rem {
      width: 30rem;
    }
    .scopes-list,
    .activities-list {
      padding-inline-start: 30px;
    }
    .scopes-list ul li,
    .activities-list ul li {
      padding-inline-start: 0;
      padding-inline-end: 50px;
    }
  }
  @layer custom {
    :root {
      --body-clr: #1e293b;
      --body-bg: #f9fafb;
      --body-fs: 0.875rem;
      --body-fw: 500;
      --clr-primary: #1b8354;
      --clr-light-primary: #ecf7fc;
      --clr-secondary: #6c737f;
      --clr-secondary-bg: #f3f4f6;
      --clr-light-secondary: #f0f1f2;
      --clr-success: #10b981;
      --clr-tag-success: #085d3a;
      --clr-light-success: #ecfdf3;
      --clr-warning: #f59e0b;
      --clr-light-warning: #fce1b399;
      --clr-danger: #b42318;
      --clr-light-danger: #fdecec;
      --clr-default: #161616;
      --clr-dark-primary: #263579;
      --clr-brand-light: #F3FCF6;
      --clr-blue-text: #1849A9;
      --clr-display-text: #1F2A37;
    }
  }
  @layer general {
    :root {
      --body-clr: initial;
      --body-bg: #f9fafb;
      --body-fs: initial;
      --body-fw: initial;
      --body-ff-ar:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --body-ff-en:
        ui-system,
        -apple-system,
        BlinkMacSystemFont,
        Segoe UI,
        sans-serif;
      --clr-primary: hsl(153, 66%, 25%);
      --clr-primary-green: #1b8354;
      --clr-primary-hover: #036abf;
      --clr-secondary: #6c737f;
      --clr-secondary-bg: #f3f4f6;
      --clr-third: #0dcaf0;
      --clr-default: #161616;
      --clr-display: #1f2a37;
      --clr-success: #198754;
      --clr-success-dark: #065012;
      --clr-success-medium: #65a773;
      --clr-success-green: #17b26a;
      --clr-success-tag: #085d3a;
      --clr-success-light: #ecfdf3;
      --clr-success-border: #abefc6;
      --clr-warning: #ffc107;
      --clr-warning-dark: #b54708;
      --clr-warning-medium: #93370d;
      --clr-warning-orange: #f79009;
      --clr-warning-light: #fffaeb;
      --clr-warning-border: #fedf89;
      --clr-warning-bg: #dc6803;
      --clr-danger: #dc3545;
      --clr-danger-dark: #912018;
      --clr-danger-medium: #d32d17;
      --clr-danger-red: #f04438;
      --clr-danger-light: #fef3f2;
      --clr-danger-bg: #df9c90;
      --clr-danger-border: #fee4e2;
      --clr-info: #0dcaf0;
      --clr-info-blue: #175cd3;
      --clr-info-light-blue: #1495ff;
      --clr-info-light: #eff8ff;
      --clr-info-medium: #1570ef;
      --clr-info-border: #b2ddff;
      --clr-info-sky: #3daae1;
      --clr-info-bg: #ecf7fc;
      --clr-white: #ffffff;
      --clr-black: #000000;
      --clr-gray-50: #f9fafb;
      --clr-gray-100: #f3f4f6;
      --clr-gray-200: #e5e7eb;
      --clr-gray-300: #d2d6db;
      --clr-gray-400: #9da4ae;
      --clr-gray-500: #6c737f;
      --clr-gray-600: #4c515b;
      --clr-gray-700: #384250;
      --clr-gray-800: #1f2a37;
      --clr-gray-900: #161616;
      --clr-gray-light: #f0f1f2;
      --clr-gray-medium: #9fa4ae;
      --clr-gray-dark: #424b59;
      --clr-gray-darker: #2d3036;
      --clr-gray-border: #ced7e3;
      --clr-gray-border-light: #d3d6db;
      --clr-gray-disabled: #bbbec5;
      --clr-gray-hover: #e2e7ed;
      --clr-gray-icon: #6e7c91;
      --clr-gray-placeholder: #6b7280;
      --clr-gray-text: #898e99;
      --clr-gray-chip: #d1d3d8;
      --clr-gray-panel: #4d5761;
      --clr-gray-backdrop: #2b374d;
      --clr-brand-green: #067647;
      --clr-brand-light: #ebf4ee;
      --clr-brand-light-bg: #e6f3ec;
      --bg-grey: #f9fafb;
      --bg-card: #e9ebf2;
      --bg-hover: #f5faff;
      --bg-light: #fcfcfd;
      --bg-disabled: #f0f1f2;
      --bg-secondary: #eff6ff;
      --bg-panel: #f8fafc;
      --bg-tooltip: #2b374d;
      --clr-text-primary: #161616;
      --clr-text-secondary: #6c737f;
      --clr-text-tertiary: #384250;
      --clr-text-display: #1f2a37;
      --clr-text-muted: #6e7c91;
      --clr-text-disabled: #9da4ae;
      --clr-text-placeholder: #6b7280;
      --clr-text-dark: #101633;
      --clr-text-light: #1a1a1a;
      --clr-border-default: #d2d6db;
      --clr-border-light: #e9ebf2;
      --clr-border-medium: #ced7e3;
      --clr-border-input: #9da4ae;
      --clr-border-disabled: #bbbec5;
      --clr-shadow-focus: #bfdbfe;
      --clr-shadow-light: rgba(0, 0, 0, 0.1);
      --clr-shadow-medium: rgba(0, 0, 0, 0.4);
      --clr-transparent-white: #ffffff99;
      --clr-overlay: rgba(0, 0, 0, 0.4);
      --radius-none: 0;
      --radius-xs: 2px;
      --radius-sm: 4px;
      --radius-md: 6px;
      --radius-lg: 8px;
      --radius-xl: 12px;
      --radius-2xl: 16px;
      --radius-3xl: 24px;
      --radius-round: 99px;
      --radius-circle: 50%;
      --radius-full: 100%;
      --radius-pill: 40vw;
      --fs-xs: 12px;
      --fs-sm: 14px;
      --fs-sm-plus: 15px;
      --fs-base: 16px;
      --fs-md: 18px;
      --fs-lg: 20px;
      --fs-xl: 24px;
      --fs-2xl: 30px;
      --fs-2xl-minus: 29px;
      --fs-3xl: 48px;
      --fw-light: 300;
      --fw-normal: 400;
      --fw-medium: 500;
      --fw-semibold: 600;
      --fw-bold: 700;
    }
    .flex-center-wrapper {
      display: flex;
      align-items: center;
    }
    .flex-center-8-wrapper {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .flex-start-10-wrapper {
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }
    .flex-center-10-wrapper {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .flex-center-16-wrapper {
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .flex-end-16-wrapper {
      display: flex;
      align-items: flex-end;
      gap: 16px;
    }
    .flex-center-center-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .flex-center-between-wrapper {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
    }
    @media screen and (max-width: 992px) {
      .flex-wrap-lg {
        flex-wrap: wrap;
      }
    }
    @media screen and (max-width: 768px) {
      .flex-wrap-md {
        flex-wrap: wrap;
      }
    }
    @media screen and (max-width: 550px) {
      .flex-wrap-sm {
        flex-wrap: wrap;
      }
    }
    @media screen and (max-width: 550px) {
      .gap-8-sm {
        gap: 8px;
      }
    }
    .text-primary {
      color: var(--clr-primary);
    }
    .text-primary .p-button-link {
      --pbtn-clr: var(--clr-primary);
    }
    .text-light-primary {
      color: #54c08a;
    }
    .text-light-primary .p-button-link {
      --pbtn-clr: #54c08a;
    }
    .text-display {
      color: var(--clr-display);
    }
    .text-dark-primary {
      color: var(--clr-dark-primary);
    }
    .text-dark-primary .p-button-link {
      --pbtn-clr: var(--clr-dark-primary);
    }
    .text-secondary {
      color: var(--clr-secondary);
    }
    .text-secondary .p-button-link {
      --pbtn-clr: var(--clr-secondary);
    }
    .text-paragraph {
      color: #384250;
    }
    .text-paragraph .p-button-link {
      --pbtn-clr: var(--clr-primary);
    }
    .text-success {
      color: var(--clr-success);
    }
    .text-success .p-button-link {
      --pbtn-clr: var(--clr-success);
    }
    .text-warning {
      color: var(--clr-warning);
    }
    .text-warning .p-button-link {
      --pbtn-clr: var(--clr-warning);
    }
    .text-danger {
      color: var(--clr-danger);
    }
    .text-danger .p-button-link {
      --pbtn-clr: var(--clr-danger);
    }
    .p-9 {
      padding: 9px;
    }
    .p-25 {
      padding: 25px;
    }
    .mb-0 {
      margin-bottom: 0;
    }
    .mb-16 {
      margin-bottom: 16px;
    }
    .mb-24 {
      margin-bottom: 24px;
    }
    .mb-30 {
      margin-bottom: 30px;
    }
    .text-linethrough {
      text-decoration: line-through;
    }
    .text-underline {
      text-decoration: underline;
    }
    .text-underline > .p-button {
      text-decoration: underline;
    }
    .svg-primary {
      color: var(--clr-primary);
    }
    .svg-success {
      color: var(--clr-success);
    }
    .svg-warning {
      color: var(--clr-warning);
    }
    .svg-danger {
      color: var(--clr-danger);
    }
    .w-100 {
      width: 100%;
    }
    .dir-ltr {
      direction: ltr;
    }
    .section-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      border-bottom: 1px solid #e9ebf2;
      margin-bottom: 32px;
    }
    .section-title .title-content {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-bottom: 12px;
    }
    .section-title .title-content .svg-section-title {
      width: 40px;
      height: 40px;
      border-radius: var(--radius-sm);
      background: #e9ebf2;
      color: var(--clr-dark-primary);
    }
    .section-title .title-content h3 {
      font-weight: var(--fw-medium);
      font-size: var(--fs-sm);
      line-height: 17px;
      color: #101633;
    }
    .uces-title-sm {
      font-size: 12.62px;
      font-weight: var(--fw-medium);
      color: #b5bcc4;
      line-height: 15.2px;
      margin-bottom: 8px;
    }
    .uces-content-sm {
      font-size: 14.22px;
      font-weight: var(--fw-medium);
      color: #6e7c91;
      line-height: 21.33px;
      margin-bottom: 32px;
    }
    .uces-page-toolbar {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 24px;
    }
    .uces-border-wrapper {
      border: 1px solid #ced7e3;
      border-radius: var(--radius-lg);
      padding: 20px 16px;
    }
    [dir=rtl] .mobile-direction {
      direction: ltr;
      text-align: end;
    }
    .min-w-360 {
      --pbtn-minwidth: 360px;
      --form-control-minwidth: 360px;
    }
    [dir=ltr] .w-34-ltr {
      min-width: 34px;
    }
    .pointer-none {
      pointer-events: none;
    }
    .img-wrapper.uces-content-category-img,
    .img-wrapper.uces-content-category-img svg,
    .img-wrapper.uces-content-category-img img {
      width: 32px;
      height: 32px;
      border-radius: var(--radius-full);
      object-fit: cover;
      min-width: 32px;
    }
    .max-w-250 {
      max-width: 250px;
    }
    .h-100-n24 {
      height: calc(100% - 24px);
    }
    .mt-n44 {
      margin-top: -44px;
    }
    .mt-n68 {
      margin-top: -68px;
    }
    @media screen and (max-width: 550px) {
      .mt-n68 {
        margin-top: 0;
        justify-content: start;
      }
    }
    @media screen and (max-width: 768px) {
      .ms-35-md {
        margin-inline-start: 35px;
      }
    }
    .text-dark-1 {
      color: var(--clr-dark-1);
    }
    .text-body {
      color: var(--body-clr);
    }
    .img-20-rounded {
      border-radius: var(--radius-full);
      width: 20px;
      height: 20px;
      object-fit: cover;
      background: #f8fafc;
    }
    .svg-icon.svg-ddl > svg {
      border-radius: var(--radius-full);
      background: #f8fafc;
    }
    .svg-icon.svg-20 > svg {
      width: 20px;
      height: 20px;
      object-fit: cover;
    }
    .svg-icon.svg-w-18 > svg {
      width: 18px;
      height: auto;
    }
    .svg-icon.svg-w-20 > svg {
      width: 20px;
      height: auto;
    }
    .svg-icon.svg-w-24 > svg {
      width: 24px;
      height: auto;
    }
    .svg-icon.svg-w-14 > svg {
      width: 14px;
      height: auto;
    }
    .svg-icon.star-off svg path {
      fill: rgba(0, 0, 0, 0.0588235294);
    }
    .uces-notpricing-tag {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 4px;
      border-radius: var(--radius-full);
      background: #eef2f6;
    }
    .card-separator {
      width: calc(100% + 50px);
      height: 16px;
      background: var(--body-bg);
      margin-top: 24px;
      position: relative;
      margin-inline-start: -25px;
    }
    .card-separator .separator-start-top,
    .card-separator .separator-start-bottom,
    .card-separator .separator-end-top,
    .card-separator .separator-end-bottom {
      position: absolute;
      width: 20px;
      height: 20px;
      overflow: hidden;
    }
    .card-separator .separator-start-top::before,
    .card-separator .separator-start-bottom::before,
    .card-separator .separator-end-top::before,
    .card-separator .separator-end-bottom::before {
      content: "";
      display: block;
      width: 110%;
      height: 110%;
      position: absolute;
      border-radius: var(--radius-full);
    }
    .card-separator .separator-end-top {
      top: -20px;
      inset-inline-end: 0;
    }
    .card-separator .separator-end-top::before {
      bottom: 0;
      inset-inline-end: 0;
      box-shadow: -10px 10px 0 0 var(--body-bg);
    }
    .card-separator .separator-end-bottom {
      top: 15px;
      inset-inline-end: 0;
    }
    .card-separator .separator-end-bottom::before {
      top: 0;
      inset-inline-end: 0;
      box-shadow: -10px -10px 0 0 var(--body-bg);
    }
    .card-separator .separator-start-top {
      top: -20px;
      inset-inline-start: 0;
    }
    .card-separator .separator-start-top::before {
      bottom: 0;
      inset-inline-start: 0;
      box-shadow: 10px 10px 0 0 var(--body-bg);
    }
    .card-separator .separator-start-bottom {
      top: 15px;
      inset-inline-start: 0;
    }
    .card-separator .separator-start-bottom::before {
      top: 0;
      inset-inline-start: 0;
      box-shadow: 10px -10px 0 0 var(--body-bg);
    }
    .text-trim.trim-40 {
      --txtsplit-maxwidth: 40ch;
    }
    .min-h-102 {
      min-height: 102px;
    }
    .uces-search-nodata {
      min-height: 350px;
      display: grid;
      place-content: center;
      text-align: center;
      gap: 8px;
    }
    .uces-search-nodata .nodata-icon {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .uces-search-nodata .nodata-icon .svg-icon {
      width: 40px;
      height: 40px;
      border-radius: var(--radius-full);
      background: rgba(138, 202, 255, 0.4);
      padding: 10px;
      color: var(--clr-primary);
      box-shadow: 0 0 0 8px rgba(224, 241, 255, 0.6);
      margin-bottom: 16px;
    }
    .uces-search-nodata .nodata-title {
      font-size: 14.22px;
      font-weight: var(--fw-bold);
      line-height: 19.91px;
      color: #424b59;
    }
    .uces-search-nodata .nodata-content {
      font-size: 12.62px;
      font-weight: var(--fw-medium);
      line-height: 17.8px;
      color: #6e7c91;
    }
    .uces-fixed-label-form.uces-mobile-form .p-icon-field > .uces-form-control {
      text-align: end;
    }
    [dir=ltr] .uces-fixed-label-form.uces-mobile-form .p-icon-field > .uces-form-control {
      text-align: start;
      padding-inline-end: var(--form-control-padding-inline, 12px);
      padding-inline-start: 68px;
    }
    [dir=rtl] .uces-fixed-label-form.uces-mobile-form .p-icon-field > span {
      direction: ltr;
      border-inline-start: 0px;
      border-inline-end: 1px solid #ced7e3;
      inset-inline-end: auto;
      inset-inline-start: 0;
    }
    [dir=ltr] .uces-fixed-label-form.uces-mobile-form .p-icon-field > span {
      direction: ltr;
      border-inline-start: 0px;
      border-inline-end: 1px solid #ced7e3;
      inset-inline-end: auto;
      inset-inline-start: 0;
    }
    .uces-fixed-label-form .p-icon-field {
      position: relative;
    }
    .uces-fixed-label-form .p-icon-field > .uces-form-control {
      padding-inline-start: var(--form-control-padding-inline, 12px);
      padding-inline-end: 68px;
      text-align: center;
    }
    @media screen and (max-width: 600px) {
      .uces-fixed-label-form .p-icon-field > .uces-form-control {
        padding-inline-end: 37px;
      }
    }
    .uces-fixed-label-form .p-icon-field > span {
      min-width: 48px;
      font-size: 12.62px;
      font-weight: var(--fw-medium);
      line-height: 17.8px;
      padding: 8px;
      color: #b5bcc4;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      inset-block: 0;
      margin-block: auto;
      inset-inline-end: 0;
    }
    .uces-fixed-label-form .p-icon-field:has(.uces-form-control:focus) > span {
      border-color: var(--clr-primary);
    }
    .uces-textarea-charcount {
      position: relative;
    }
    .uces-textarea-charcount > span {
      position: absolute;
      min-width: max-content;
      direction: ltr;
      bottom: 15px;
      inset-inline-start: 16px;
      color: #b5bcc4;
      font-size: 14.22px;
      font-weight: var(--fw-medium);
      line-height: 21.33px;
    }
    .suggested-item > .img-wrapper .svg-icon svg rect {
      fill: #e0f1ff;
    }
    .suggested-item > .img-wrapper .svg-icon svg path {
      fill: var(--clr-primary);
    }
    [draggable=true] {
      cursor: grab;
    }
    [draggable=true].p-draggable-enter {
      border-color: var(--clr-primary);
      --table-tbody-td-border-clr: var(--clr-primary);
    }
    [draggable=true].p-draggable-enter > p-panel > .uces-panel-content.content-section,
    [draggable=true].p-draggable-enter > p-panel > .uces-panel-content.content-lesson {
      --panel-header-border-clr: var(--clr-primary);
    }
    .p-panel .p-panel-header:has(> .p-draggable-enter) {
      border-color: var(--clr-primary);
    }
    .skeleton_holder {
      background:
        linear-gradient(
          90deg,
          #d1d9e2 -3.75%,
          rgba(209, 217, 226, 0.3) 47.78%,
          #d1d9e2 102.5%);
      height: 0.75rem;
    }
    .svg-done * {
      stroke: currentColor;
    }
    .svg-done .circle {
      animation: circle 1.5s linear infinite;
    }
    .svg-done .tip {
      animation: tip 1.5s linear 0.3s infinite;
    }
    .svg-done .line {
      animation: line 1.5s linear 0.4s infinite;
    }
    @keyframes circle {
      50%, 80% {
        stroke-dashoffset: 0;
      }
      80%, 81% {
        opacity: 1;
      }
      81%, 100% {
        opacity: 0;
      }
    }
    @keyframes tip {
      10%, 80% {
        stroke-dashoffset: 0;
      }
      60%, 61% {
        opacity: 1;
      }
      61%, 100% {
        opacity: 0;
      }
    }
    @keyframes line {
      15%, 60% {
        stroke-dashoffset: 0;
      }
      53%, 54% {
        opacity: 1;
      }
      54%, 100% {
        opacity: 0;
      }
    }
    .uces-modal-subtitle {
      font-size: var(--fs-xs);
      font-weight: var(--fw-normal);
      color: var(--clr-gray);
      margin-top: 4px;
    }
  }
}
@layer utilities {
  .no-events {
    pointer-events: none;
  }
  .text-underline {
    text-decoration: underline;
  }
  .w-100 {
    width: 100%;
  }
  .w-30rem {
    width: 30rem;
  }
  .primary-text {
    color: var(--clr-primary);
  }
  .default-text {
    color: var(--clr-default);
  }
  .default-text svg {
    color: var(--clr-default);
    fill: var(--clr-default);
  }
  .default-text svg * {
    color: var(--clr-default);
    fill: var(--clr-default);
  }
  .ul-dotted {
    list-style: disc;
    padding-inline-start: 2rem;
  }
}
.pointer {
  cursor: pointer;
}
.hide-over-lay-spinner-container {
  display: none;
}
.show-over-lay-spinner-container {
  position: absolute;
  width: 250px;
  height: 200px;
  background: transparent;
  border-radius: 5px;
  bottom: calc(50% - 100px);
  left: calc(50% - 100px);
  right: calc(50% - 100px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20000;
  direction: ltr;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */