/*=== Import ROBOTO fonts from google ===*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/*=== Import JURA fonts from google ===*/
@import url("https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap");
/*=== Import Amiri, Noto Naskh Arabic, Martel, Devanagari, Bengali, & Cairo fonts from google ===*/
@import url("https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Cairo:wght@200..1000&family=Martel:wght@200;300;400;600;700;800;900&family=Noto+Naskh+Arabic:wght@400..700&family=Noto+Sans+Bengali:wght@100..900&family=Noto+Sans+Devanagari:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
body {
  --bs-body-color:rgba($color: #343a40, $alpha: 1.0);
  --bs-body-bg:#f5f8fa;
  font-size: 14px;
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(155, 81, 224, 0.15);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgba(155, 81, 224, 0.75);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(252, 185, 0, 0.75);
}

.dark-mode {
  background-color: #121212;
  color: white;
}

.dark-mode .bg-white {
  background-color: #000 !important;
}
.dark-mode .bg-light {
  background-color: #121212 !important;
}
.dark-mode .form-control {
  background-color: #000;
  border: var(--bs-border-width) solid #2b2b2b;
}
.dark-mode .form-control::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .form-control[type=file] {
  color: #9b51e0;
}
.dark-mode .border {
  border: var(--bs-border-width) var(--bs-border-style) #2b2b2b !important;
}
.dark-mode .border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) #2b2b2b !important;
}

.input-bg {
  top: 0;
  left: 0;
  width: 400px;
}
.input-bg #inputData {
  height: calc(100vh - 70px);
}
.input-bg #inputData #nameList .name-list-item {
  position: relative;
}
.input-bg #inputData #nameList .name-list-item:first-child::before {
  height: calc(100vh - 500px);
}
.input-bg #inputData #nameList .name-list-item::before {
  content: "";
  position: absolute;
  background: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
  top: -20px;
  left: 0;
  right: 0;
  bottom: -20px;
  z-index: -1;
}

.spin-bg {
  width: calc(100vw - 400px);
}

.winner-bg {
  height: 100;
  overflow-y: auto;
}
.winner-bg #winnerList .winner-item {
  position: relative;
}
.winner-bg #winnerList .winner-item:first-child::before {
  height: calc(100vh - 500px);
}
.winner-bg #winnerList .winner-item::before {
  content: "";
  position: absolute;
  background: rgba(var(--bs-light-rgb), var(--bs-bg-opacity));
  top: -20px;
  left: 0;
  right: 0;
  bottom: -20px;
  z-index: -1;
}

.wheel-container {
  position: relative;
  width: 70%;
  margin: 20px auto;
}
.wheel-container #wheel {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: transform 4s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  border: 15px solid rgba(155, 81, 224, 0.15);
  outline: 15px solid rgba(155, 81, 224, 0.06);
  position: relative;
  z-index: 1;
}
.wheel-container .arrow {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 35px solid #000;
}
.wheel-container .arrow::before {
  content: "";
  position: absolute;
  top: -35px;
  left: -25px;
  z-index: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #a7a7a7;
}
.wheel-container .arrow::after {
  content: "";
  position: absolute;
  top: -35px;
  right: -25px;
  z-index: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #a7a7a7;
}
.wheel-container .winner-item {
  background: #f8f9fa;
  padding: 5px 10px;
  margin: 5px 0;
  border-radius: 5px;
  border-left: 5px solid #28a745;
}

.mobile-nav {
  display: none;
}

.countdown {
  top: -45px;
  right: 16px;
}

.dark-mode .wheel-container .arrow {
  border-top: 35px solid #9b51e0;
}
.dark-mode .wheel-container .arrow::before {
  border-bottom: 10px solid #52455e;
}
.dark-mode .wheel-container .arrow::after {
  border-bottom: 10px solid #52455e;
}

[dir=rtl] .input-bg {
  left: unset;
}
[dir=rtl] .spin-bg {
  margin-right: 400px;
}
[dir=rtl] .countdown {
  right: unset;
  left: 16px;
}
[dir=rtl] .form-switch {
  padding-left: unset;
  padding-right: 2.5em;
}
[dir=rtl] .form-switch .form-check-input {
  margin-left: unset;
  margin-right: -2.5em;
}
[dir=rtl] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
[dir=rtl] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
[dir=rtl] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
[dir=rtl] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
[dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[lang=ar] h6,
[lang=ar] .h6,
[lang=ar] h5,
[lang=ar] .h5,
[lang=ar] h4,
[lang=ar] .h4,
[lang=ar] h3,
[lang=ar] .h3,
[lang=ar] h2,
[lang=ar] .h2,
[lang=ar] h1,
[lang=ar] .h1,
[lang=ar] .btn,
[lang=ar] body {
  font-family: "Cairo", serif;
}
[lang=ar] .btn {
  font-size: 0.75rem;
}

[lang=ur] h6,
[lang=ur] .h6,
[lang=ur] h5,
[lang=ur] .h5,
[lang=ur] h4,
[lang=ur] .h4,
[lang=ur] h3,
[lang=ur] .h3,
[lang=ur] h2,
[lang=ur] .h2,
[lang=ur] h1,
[lang=ur] .h1,
[lang=ur] .btn,
[lang=ur] body {
  font-family: "Noto Naskh Arabic", serif;
}
[lang=ur] .btn {
  font-size: 0.75rem;
}

[lang=hi] h6,
[lang=hi] .h6,
[lang=hi] h5,
[lang=hi] .h5,
[lang=hi] h4,
[lang=hi] .h4,
[lang=hi] h3,
[lang=hi] .h3,
[lang=hi] h2,
[lang=hi] .h2,
[lang=hi] h1,
[lang=hi] .h1,
[lang=hi] .btn,
[lang=hi] body {
  font-family: "Martel", serif;
}
[lang=hi] .btn {
  font-size: 0.75rem;
}

@media (max-width: 991px) {
  .input-bg {
    right: 0;
    width: 100%;
  }
  .input-bg #inputData {
    height: calc(100vh - 137px);
    padding-bottom: 4rem !important;
  }
  .spin-bg {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .winner-bg {
    position: fixed;
    z-index: 9;
    top: 70px;
    left: 0;
    right: 0;
    height: calc(100vh - 135px);
    padding-bottom: 3rem;
  }
  .mobile-nav {
    display: block;
    position: fixed;
    z-index: 9;
    left: 0;
    bottom: 0;
    right: 0;
  }
  [dir=rtl] .spin-bg {
    margin-right: unset;
  }
}
@media (max-width: 767px) {
  .wheel-container {
    position: relative;
    width: 90%;
    margin: 20px auto;
  }
}
.dark-mode .input-bg #inputData #nameList .name-list-item::before {
  background: #121212;
}
.dark-mode .winner-bg #winnerList .winner-item::before {
  background: #121212;
}
.dark-mode .countdown {
  border: 1px solid rgba(155, 81, 224, 0.25);
}

.fui-accordion-button {
  position: relative;
}
.fui-accordion-button::after {
  position: absolute;
  top: 0px;
  left: -5px;
}

.swal2-container .swal2-popup {
  border-radius: 32px;
}
.swal2-container .swal2-styled.swal2-confirm {
  border-radius: 8px;
}
.swal2-container .swal2-styled.swal2-cancel {
  border-radius: 8px;
}
.swal2-container .swal2-actions {
  margin: 1.25em auto 1.25em;
}

.dark-mode .swal2-container .swal2-popup {
  background: #000000;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-mode .modal-content {
  background-color: #000000;
  border: var(--bs-modal-border-width) solid rgba(197, 197, 197, 0.18);
}
.dark-mode .modal-content .modal-header {
  border-bottom: var(--bs-modal-header-border-width) solid rgba(197, 197, 197, 0.18);
}

.fui-line-shape {
  height: 9px;
  clip-path: polygon(0% 100%, calc(100% - 10px) 100%, 100% calc(100% - 9px), calc(100% - 25px) calc(100% - 9px), calc(100% - 28px) calc(100% - 6px), calc(100% - 48px) calc(100% - 6px), calc(100% - 51px) calc(100% - 3px), calc(100% - 81px) calc(100% - 3px), calc(100% - 84px) calc(100% - 1px), 0% calc(100% - 1px));
}

.fui-triangle-tl-2 {
  border-top: 2px solid;
  border-right: 2px solid transparent;
}

.fui-triangle-tr-2 {
  border-top: 2px solid;
  border-left: 2px solid transparent;
}

.fui-triangle-br-2 {
  border-bottom: 2px solid;
  border-left: 2px solid transparent;
}

.fui-triangle-bl-2 {
  border-bottom: 2px solid;
  border-right: 2px solid transparent;
}

.fui-triangle-t-2 {
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-bottom: 2px solid;
}

.fui-triangle-r-2 {
  border-top: 2px solid transparent;
  border-left: 2px solid;
  border-bottom: 2px solid transparent;
}

.fui-triangle-b-2 {
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  border-top: 2px solid;
}

.fui-triangle-l-2 {
  border-top: 2px solid transparent;
  border-right: 2px solid;
  border-bottom: 2px solid transparent;
}

.fui-shap-trapezoid-t-2 {
  border-bottom: 2px solid;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}

.fui-shap-trapezoid-b-2 {
  border-top: 2px solid;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}

.fui-shap-trapezoid-s-2 {
  border-left: 2px solid;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.fui-shap-trapezoid-e-2 {
  border-right: 2px solid;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}

.fui-trapezoid-w-2px {
  width: 2px;
}

.fui-trapezoid-h-2px {
  height: 2px;
}

.fui-triangle-tl-3 {
  border-top: 3px solid;
  border-right: 3px solid transparent;
}

.fui-triangle-tr-3 {
  border-top: 3px solid;
  border-left: 3px solid transparent;
}

.fui-triangle-br-3 {
  border-bottom: 3px solid;
  border-left: 3px solid transparent;
}

.fui-triangle-bl-3 {
  border-bottom: 3px solid;
  border-right: 3px solid transparent;
}

.fui-triangle-t-3 {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid;
}

.fui-triangle-r-3 {
  border-top: 3px solid transparent;
  border-left: 3px solid;
  border-bottom: 3px solid transparent;
}

.fui-triangle-b-3 {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid;
}

.fui-triangle-l-3 {
  border-top: 3px solid transparent;
  border-right: 3px solid;
  border-bottom: 3px solid transparent;
}

.fui-shap-trapezoid-t-3 {
  border-bottom: 3px solid;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}

.fui-shap-trapezoid-b-3 {
  border-top: 3px solid;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}

.fui-shap-trapezoid-s-3 {
  border-left: 3px solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

.fui-shap-trapezoid-e-3 {
  border-right: 3px solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

.fui-trapezoid-w-3px {
  width: 3px;
}

.fui-trapezoid-h-3px {
  height: 3px;
}

.fui-triangle-tl-4 {
  border-top: 4px solid;
  border-right: 4px solid transparent;
}

.fui-triangle-tr-4 {
  border-top: 4px solid;
  border-left: 4px solid transparent;
}

.fui-triangle-br-4 {
  border-bottom: 4px solid;
  border-left: 4px solid transparent;
}

.fui-triangle-bl-4 {
  border-bottom: 4px solid;
  border-right: 4px solid transparent;
}

.fui-triangle-t-4 {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid;
}

.fui-triangle-r-4 {
  border-top: 4px solid transparent;
  border-left: 4px solid;
  border-bottom: 4px solid transparent;
}

.fui-triangle-b-4 {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
}

.fui-triangle-l-4 {
  border-top: 4px solid transparent;
  border-right: 4px solid;
  border-bottom: 4px solid transparent;
}

.fui-shap-trapezoid-t-4 {
  border-bottom: 4px solid;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.fui-shap-trapezoid-b-4 {
  border-top: 4px solid;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

.fui-shap-trapezoid-s-4 {
  border-left: 4px solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.fui-shap-trapezoid-e-4 {
  border-right: 4px solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.fui-trapezoid-w-4px {
  width: 4px;
}

.fui-trapezoid-h-4px {
  height: 4px;
}

.fui-triangle-tl-6 {
  border-top: 6px solid;
  border-right: 6px solid transparent;
}

.fui-triangle-tr-6 {
  border-top: 6px solid;
  border-left: 6px solid transparent;
}

.fui-triangle-br-6 {
  border-bottom: 6px solid;
  border-left: 6px solid transparent;
}

.fui-triangle-bl-6 {
  border-bottom: 6px solid;
  border-right: 6px solid transparent;
}

.fui-triangle-t-6 {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid;
}

.fui-triangle-r-6 {
  border-top: 6px solid transparent;
  border-left: 6px solid;
  border-bottom: 6px solid transparent;
}

.fui-triangle-b-6 {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid;
}

.fui-triangle-l-6 {
  border-top: 6px solid transparent;
  border-right: 6px solid;
  border-bottom: 6px solid transparent;
}

.fui-shap-trapezoid-t-6 {
  border-bottom: 6px solid;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.fui-shap-trapezoid-b-6 {
  border-top: 6px solid;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.fui-shap-trapezoid-s-6 {
  border-left: 6px solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.fui-shap-trapezoid-e-6 {
  border-right: 6px solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

.fui-trapezoid-w-6px {
  width: 6px;
}

.fui-trapezoid-h-6px {
  height: 6px;
}

.fui-triangle-tl-8 {
  border-top: 8px solid;
  border-right: 8px solid transparent;
}

.fui-triangle-tr-8 {
  border-top: 8px solid;
  border-left: 8px solid transparent;
}

.fui-triangle-br-8 {
  border-bottom: 8px solid;
  border-left: 8px solid transparent;
}

.fui-triangle-bl-8 {
  border-bottom: 8px solid;
  border-right: 8px solid transparent;
}

.fui-triangle-t-8 {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid;
}

.fui-triangle-r-8 {
  border-top: 8px solid transparent;
  border-left: 8px solid;
  border-bottom: 8px solid transparent;
}

.fui-triangle-b-8 {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid;
}

.fui-triangle-l-8 {
  border-top: 8px solid transparent;
  border-right: 8px solid;
  border-bottom: 8px solid transparent;
}

.fui-shap-trapezoid-t-8 {
  border-bottom: 8px solid;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.fui-shap-trapezoid-b-8 {
  border-top: 8px solid;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}

.fui-shap-trapezoid-s-8 {
  border-left: 8px solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.fui-shap-trapezoid-e-8 {
  border-right: 8px solid;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.fui-trapezoid-w-8px {
  width: 8px;
}

.fui-trapezoid-h-8px {
  height: 8px;
}

.fui-triangle-tl-10 {
  border-top: 10px solid;
  border-right: 10px solid transparent;
}

.fui-triangle-tr-10 {
  border-top: 10px solid;
  border-left: 10px solid transparent;
}

.fui-triangle-br-10 {
  border-bottom: 10px solid;
  border-left: 10px solid transparent;
}

.fui-triangle-bl-10 {
  border-bottom: 10px solid;
  border-right: 10px solid transparent;
}

.fui-triangle-t-10 {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid;
}

.fui-triangle-r-10 {
  border-top: 10px solid transparent;
  border-left: 10px solid;
  border-bottom: 10px solid transparent;
}

.fui-triangle-b-10 {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid;
}

.fui-triangle-l-10 {
  border-top: 10px solid transparent;
  border-right: 10px solid;
  border-bottom: 10px solid transparent;
}

.fui-shap-trapezoid-t-10 {
  border-bottom: 10px solid;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.fui-shap-trapezoid-b-10 {
  border-top: 10px solid;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.fui-shap-trapezoid-s-10 {
  border-left: 10px solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.fui-shap-trapezoid-e-10 {
  border-right: 10px solid;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.fui-trapezoid-w-10px {
  width: 10px;
}

.fui-trapezoid-h-10px {
  height: 10px;
}

.fui-triangle-tl-12 {
  border-top: 12px solid;
  border-right: 12px solid transparent;
}

.fui-triangle-tr-12 {
  border-top: 12px solid;
  border-left: 12px solid transparent;
}

.fui-triangle-br-12 {
  border-bottom: 12px solid;
  border-left: 12px solid transparent;
}

.fui-triangle-bl-12 {
  border-bottom: 12px solid;
  border-right: 12px solid transparent;
}

.fui-triangle-t-12 {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
}

.fui-triangle-r-12 {
  border-top: 12px solid transparent;
  border-left: 12px solid;
  border-bottom: 12px solid transparent;
}

.fui-triangle-b-12 {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid;
}

.fui-triangle-l-12 {
  border-top: 12px solid transparent;
  border-right: 12px solid;
  border-bottom: 12px solid transparent;
}

.fui-shap-trapezoid-t-12 {
  border-bottom: 12px solid;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.fui-shap-trapezoid-b-12 {
  border-top: 12px solid;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.fui-shap-trapezoid-s-12 {
  border-left: 12px solid;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.fui-shap-trapezoid-e-12 {
  border-right: 12px solid;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

.fui-trapezoid-w-12px {
  width: 12px;
}

.fui-trapezoid-h-12px {
  height: 12px;
}

.fui-triangle-tl-16 {
  border-top: 16px solid;
  border-right: 16px solid transparent;
}

.fui-triangle-tr-16 {
  border-top: 16px solid;
  border-left: 16px solid transparent;
}

.fui-triangle-br-16 {
  border-bottom: 16px solid;
  border-left: 16px solid transparent;
}

.fui-triangle-bl-16 {
  border-bottom: 16px solid;
  border-right: 16px solid transparent;
}

.fui-triangle-t-16 {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid;
}

.fui-triangle-r-16 {
  border-top: 16px solid transparent;
  border-left: 16px solid;
  border-bottom: 16px solid transparent;
}

.fui-triangle-b-16 {
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid;
}

.fui-triangle-l-16 {
  border-top: 16px solid transparent;
  border-right: 16px solid;
  border-bottom: 16px solid transparent;
}

.fui-shap-trapezoid-t-16 {
  border-bottom: 16px solid;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}

.fui-shap-trapezoid-b-16 {
  border-top: 16px solid;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
}

.fui-shap-trapezoid-s-16 {
  border-left: 16px solid;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}

.fui-shap-trapezoid-e-16 {
  border-right: 16px solid;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
}

.fui-trapezoid-w-16px {
  width: 16px;
}

.fui-trapezoid-h-16px {
  height: 16px;
}

.fui-triangle-tl-20 {
  border-top: 20px solid;
  border-right: 20px solid transparent;
}

.fui-triangle-tr-20 {
  border-top: 20px solid;
  border-left: 20px solid transparent;
}

.fui-triangle-br-20 {
  border-bottom: 20px solid;
  border-left: 20px solid transparent;
}

.fui-triangle-bl-20 {
  border-bottom: 20px solid;
  border-right: 20px solid transparent;
}

.fui-triangle-t-20 {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid;
}

.fui-triangle-r-20 {
  border-top: 20px solid transparent;
  border-left: 20px solid;
  border-bottom: 20px solid transparent;
}

.fui-triangle-b-20 {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid;
}

.fui-triangle-l-20 {
  border-top: 20px solid transparent;
  border-right: 20px solid;
  border-bottom: 20px solid transparent;
}

.fui-shap-trapezoid-t-20 {
  border-bottom: 20px solid;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

.fui-shap-trapezoid-b-20 {
  border-top: 20px solid;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

.fui-shap-trapezoid-s-20 {
  border-left: 20px solid;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.fui-shap-trapezoid-e-20 {
  border-right: 20px solid;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.fui-trapezoid-w-20px {
  width: 20px;
}

.fui-trapezoid-h-20px {
  height: 20px;
}

.fui-triangle-tl-24 {
  border-top: 24px solid;
  border-right: 24px solid transparent;
}

.fui-triangle-tr-24 {
  border-top: 24px solid;
  border-left: 24px solid transparent;
}

.fui-triangle-br-24 {
  border-bottom: 24px solid;
  border-left: 24px solid transparent;
}

.fui-triangle-bl-24 {
  border-bottom: 24px solid;
  border-right: 24px solid transparent;
}

.fui-triangle-t-24 {
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-bottom: 24px solid;
}

.fui-triangle-r-24 {
  border-top: 24px solid transparent;
  border-left: 24px solid;
  border-bottom: 24px solid transparent;
}

.fui-triangle-b-24 {
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 24px solid;
}

.fui-triangle-l-24 {
  border-top: 24px solid transparent;
  border-right: 24px solid;
  border-bottom: 24px solid transparent;
}

.fui-shap-trapezoid-t-24 {
  border-bottom: 24px solid;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
}

.fui-shap-trapezoid-b-24 {
  border-top: 24px solid;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
}

.fui-shap-trapezoid-s-24 {
  border-left: 24px solid;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
}

.fui-shap-trapezoid-e-24 {
  border-right: 24px solid;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
}

.fui-trapezoid-w-24px {
  width: 24px;
}

.fui-trapezoid-h-24px {
  height: 24px;
}

.fui-triangle-tl-32 {
  border-top: 32px solid;
  border-right: 32px solid transparent;
}

.fui-triangle-tr-32 {
  border-top: 32px solid;
  border-left: 32px solid transparent;
}

.fui-triangle-br-32 {
  border-bottom: 32px solid;
  border-left: 32px solid transparent;
}

.fui-triangle-bl-32 {
  border-bottom: 32px solid;
  border-right: 32px solid transparent;
}

.fui-triangle-t-32 {
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
  border-bottom: 32px solid;
}

.fui-triangle-r-32 {
  border-top: 32px solid transparent;
  border-left: 32px solid;
  border-bottom: 32px solid transparent;
}

.fui-triangle-b-32 {
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
  border-top: 32px solid;
}

.fui-triangle-l-32 {
  border-top: 32px solid transparent;
  border-right: 32px solid;
  border-bottom: 32px solid transparent;
}

.fui-shap-trapezoid-t-32 {
  border-bottom: 32px solid;
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
}

.fui-shap-trapezoid-b-32 {
  border-top: 32px solid;
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
}

.fui-shap-trapezoid-s-32 {
  border-left: 32px solid;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
}

.fui-shap-trapezoid-e-32 {
  border-right: 32px solid;
  border-top: 32px solid transparent;
  border-bottom: 32px solid transparent;
}

.fui-trapezoid-w-32px {
  width: 32px;
}

.fui-trapezoid-h-32px {
  height: 32px;
}

.fui-triangle-tl-48 {
  border-top: 48px solid;
  border-right: 48px solid transparent;
}

.fui-triangle-tr-48 {
  border-top: 48px solid;
  border-left: 48px solid transparent;
}

.fui-triangle-br-48 {
  border-bottom: 48px solid;
  border-left: 48px solid transparent;
}

.fui-triangle-bl-48 {
  border-bottom: 48px solid;
  border-right: 48px solid transparent;
}

.fui-triangle-t-48 {
  border-left: 48px solid transparent;
  border-right: 48px solid transparent;
  border-bottom: 48px solid;
}

.fui-triangle-r-48 {
  border-top: 48px solid transparent;
  border-left: 48px solid;
  border-bottom: 48px solid transparent;
}

.fui-triangle-b-48 {
  border-left: 48px solid transparent;
  border-right: 48px solid transparent;
  border-top: 48px solid;
}

.fui-triangle-l-48 {
  border-top: 48px solid transparent;
  border-right: 48px solid;
  border-bottom: 48px solid transparent;
}

.fui-shap-trapezoid-t-48 {
  border-bottom: 48px solid;
  border-left: 48px solid transparent;
  border-right: 48px solid transparent;
}

.fui-shap-trapezoid-b-48 {
  border-top: 48px solid;
  border-left: 48px solid transparent;
  border-right: 48px solid transparent;
}

.fui-shap-trapezoid-s-48 {
  border-left: 48px solid;
  border-top: 48px solid transparent;
  border-bottom: 48px solid transparent;
}

.fui-shap-trapezoid-e-48 {
  border-right: 48px solid;
  border-top: 48px solid transparent;
  border-bottom: 48px solid transparent;
}

.fui-trapezoid-w-48px {
  width: 48px;
}

.fui-trapezoid-h-48px {
  height: 48px;
}

.fui-triangle-tl-64 {
  border-top: 64px solid;
  border-right: 64px solid transparent;
}

.fui-triangle-tr-64 {
  border-top: 64px solid;
  border-left: 64px solid transparent;
}

.fui-triangle-br-64 {
  border-bottom: 64px solid;
  border-left: 64px solid transparent;
}

.fui-triangle-bl-64 {
  border-bottom: 64px solid;
  border-right: 64px solid transparent;
}

.fui-triangle-t-64 {
  border-left: 64px solid transparent;
  border-right: 64px solid transparent;
  border-bottom: 64px solid;
}

.fui-triangle-r-64 {
  border-top: 64px solid transparent;
  border-left: 64px solid;
  border-bottom: 64px solid transparent;
}

.fui-triangle-b-64 {
  border-left: 64px solid transparent;
  border-right: 64px solid transparent;
  border-top: 64px solid;
}

.fui-triangle-l-64 {
  border-top: 64px solid transparent;
  border-right: 64px solid;
  border-bottom: 64px solid transparent;
}

.fui-shap-trapezoid-t-64 {
  border-bottom: 64px solid;
  border-left: 64px solid transparent;
  border-right: 64px solid transparent;
}

.fui-shap-trapezoid-b-64 {
  border-top: 64px solid;
  border-left: 64px solid transparent;
  border-right: 64px solid transparent;
}

.fui-shap-trapezoid-s-64 {
  border-left: 64px solid;
  border-top: 64px solid transparent;
  border-bottom: 64px solid transparent;
}

.fui-shap-trapezoid-e-64 {
  border-right: 64px solid;
  border-top: 64px solid transparent;
  border-bottom: 64px solid transparent;
}

.fui-trapezoid-w-64px {
  width: 64px;
}

.fui-trapezoid-h-64px {
  height: 64px;
}

.fui-triangle-tl-80 {
  border-top: 80px solid;
  border-right: 80px solid transparent;
}

.fui-triangle-tr-80 {
  border-top: 80px solid;
  border-left: 80px solid transparent;
}

.fui-triangle-br-80 {
  border-bottom: 80px solid;
  border-left: 80px solid transparent;
}

.fui-triangle-bl-80 {
  border-bottom: 80px solid;
  border-right: 80px solid transparent;
}

.fui-triangle-t-80 {
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-bottom: 80px solid;
}

.fui-triangle-r-80 {
  border-top: 80px solid transparent;
  border-left: 80px solid;
  border-bottom: 80px solid transparent;
}

.fui-triangle-b-80 {
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-top: 80px solid;
}

.fui-triangle-l-80 {
  border-top: 80px solid transparent;
  border-right: 80px solid;
  border-bottom: 80px solid transparent;
}

.fui-shap-trapezoid-t-80 {
  border-bottom: 80px solid;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
}

.fui-shap-trapezoid-b-80 {
  border-top: 80px solid;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
}

.fui-shap-trapezoid-s-80 {
  border-left: 80px solid;
  border-top: 80px solid transparent;
  border-bottom: 80px solid transparent;
}

.fui-shap-trapezoid-e-80 {
  border-right: 80px solid;
  border-top: 80px solid transparent;
  border-bottom: 80px solid transparent;
}

.fui-trapezoid-w-80px {
  width: 80px;
}

.fui-trapezoid-h-80px {
  height: 80px;
}

.fui-triangle-tl-96 {
  border-top: 96px solid;
  border-right: 96px solid transparent;
}

.fui-triangle-tr-96 {
  border-top: 96px solid;
  border-left: 96px solid transparent;
}

.fui-triangle-br-96 {
  border-bottom: 96px solid;
  border-left: 96px solid transparent;
}

.fui-triangle-bl-96 {
  border-bottom: 96px solid;
  border-right: 96px solid transparent;
}

.fui-triangle-t-96 {
  border-left: 96px solid transparent;
  border-right: 96px solid transparent;
  border-bottom: 96px solid;
}

.fui-triangle-r-96 {
  border-top: 96px solid transparent;
  border-left: 96px solid;
  border-bottom: 96px solid transparent;
}

.fui-triangle-b-96 {
  border-left: 96px solid transparent;
  border-right: 96px solid transparent;
  border-top: 96px solid;
}

.fui-triangle-l-96 {
  border-top: 96px solid transparent;
  border-right: 96px solid;
  border-bottom: 96px solid transparent;
}

.fui-shap-trapezoid-t-96 {
  border-bottom: 96px solid;
  border-left: 96px solid transparent;
  border-right: 96px solid transparent;
}

.fui-shap-trapezoid-b-96 {
  border-top: 96px solid;
  border-left: 96px solid transparent;
  border-right: 96px solid transparent;
}

.fui-shap-trapezoid-s-96 {
  border-left: 96px solid;
  border-top: 96px solid transparent;
  border-bottom: 96px solid transparent;
}

.fui-shap-trapezoid-e-96 {
  border-right: 96px solid;
  border-top: 96px solid transparent;
  border-bottom: 96px solid transparent;
}

.fui-trapezoid-w-96px {
  width: 96px;
}

.fui-trapezoid-h-96px {
  height: 96px;
}

.fui-triangle-tl-112 {
  border-top: 112px solid;
  border-right: 112px solid transparent;
}

.fui-triangle-tr-112 {
  border-top: 112px solid;
  border-left: 112px solid transparent;
}

.fui-triangle-br-112 {
  border-bottom: 112px solid;
  border-left: 112px solid transparent;
}

.fui-triangle-bl-112 {
  border-bottom: 112px solid;
  border-right: 112px solid transparent;
}

.fui-triangle-t-112 {
  border-left: 112px solid transparent;
  border-right: 112px solid transparent;
  border-bottom: 112px solid;
}

.fui-triangle-r-112 {
  border-top: 112px solid transparent;
  border-left: 112px solid;
  border-bottom: 112px solid transparent;
}

.fui-triangle-b-112 {
  border-left: 112px solid transparent;
  border-right: 112px solid transparent;
  border-top: 112px solid;
}

.fui-triangle-l-112 {
  border-top: 112px solid transparent;
  border-right: 112px solid;
  border-bottom: 112px solid transparent;
}

.fui-shap-trapezoid-t-112 {
  border-bottom: 112px solid;
  border-left: 112px solid transparent;
  border-right: 112px solid transparent;
}

.fui-shap-trapezoid-b-112 {
  border-top: 112px solid;
  border-left: 112px solid transparent;
  border-right: 112px solid transparent;
}

.fui-shap-trapezoid-s-112 {
  border-left: 112px solid;
  border-top: 112px solid transparent;
  border-bottom: 112px solid transparent;
}

.fui-shap-trapezoid-e-112 {
  border-right: 112px solid;
  border-top: 112px solid transparent;
  border-bottom: 112px solid transparent;
}

.fui-trapezoid-w-112px {
  width: 112px;
}

.fui-trapezoid-h-112px {
  height: 112px;
}

.fui-trapezoid-w-10 {
  width: calc(10% + 6px);
}

.fui-trapezoid-h-10 {
  height: calc(10% + 6px);
}

.fui-trapezoid-w-25 {
  width: calc(25% + 6px);
}

.fui-trapezoid-h-25 {
  height: calc(25% + 6px);
}

.fui-trapezoid-w-50 {
  width: calc(50% + 6px);
}

.fui-trapezoid-h-50 {
  height: calc(50% + 6px);
}

.fui-trapezoid-w-75 {
  width: calc(75% + 6px);
}

.fui-trapezoid-h-75 {
  height: calc(75% + 6px);
}

:root {
  --fui-tl:0px;
  --fui-tr:0px;
  --fui-br:0px;
  --fui-bl:0px;
  --fui-t:0px;
  --fui-r:0px;
  --fui-b:0px;
  --fui-l:0px;
  --fui-t-extend:0px;
  --fui-r-extend:0px;
  --fui-b-extend:0px;
  --fui-l-extend:0px;
  --fui-t-center:50%;
  --fui-r-center:50%;
  --fui-b-center:50%;
  --fui-l-center:50%;
  --fui-border:5px;
  --fui-border-bg:#fff;
  --fui-inlay:5px;
  --fui-inlay-bg:#4B4CB0;
}

.fui-all-clip {
  --fui-t-extend:50px;
  --fui-r-extend:50px;
  --fui-b-extend:50px;
  --fui-l-extend:50px;
  --fui-t:16px;
  --fui-r:16px;
  --fui-b:16px;
  --fui-l:16px;
}
.fui-t-clip-x {
  --fui-t-extend:50px;
  --fui-t:16px;
}
.fui-r-clip-y {
  --fui-r-extend:50px;
  --fui-r:16px;
}
.fui-b-clip-x {
  --fui-b-extend:50px;
  --fui-b:16px;
}
.fui-l-clip-y {
  --fui-l-extend:50px;
  --fui-l:16px;
}
.fui-all-corner {
  --fui-tl:16px;
  --fui-tr:16px;
  --fui-br:16px;
  --fui-bl:16px;
}
.fui-tl {
  --fui-tl:16px;
}
.fui-tr {
  --fui-tr:16px;
}
.fui-br {
  --fui-br:16px;
}
.fui-bl {
  --fui-bl:16px;
}

.fui-all-0 {
  --fui-tl: 0px;
  --fui-tr: 0px;
  --fui-br: 0px;
  --fui-bl: 0px;
}

.fui-all-corner-0 {
  --fui-tl: 0px;
  --fui-tr: 0px;
  --fui-br: 0px;
  --fui-bl: 0px;
}

.fui-tl-0 {
  --fui-tl: 0px;
}

.fui-tr-0 {
  --fui-tr: 0px;
}

.fui-bl-0 {
  --fui-bl: 0px;
}

.fui-br-0 {
  --fui-br: 0px;
}

.fui-all-0 {
  --fui-t: 0px;
  --fui-r: 0px;
  --fui-b: 0px;
  --fui-l: 0px;
}

.fui-x-0 {
  --fui-r: 0px;
  --fui-l: 0px;
}

.fui-y-0 {
  --fui-t: 0px;
  --fui-b: 0px;
}

.fui-border-0 {
  --fui-border: 0px !important;
}

.fui-inlay-0 {
  --fui-inlay: 0px !important;
}

.fui-all-1 {
  --fui-tl: 1px;
  --fui-tr: 1px;
  --fui-br: 1px;
  --fui-bl: 1px;
}

.fui-all-corner-1 {
  --fui-tl: 1px;
  --fui-tr: 1px;
  --fui-br: 1px;
  --fui-bl: 1px;
}

.fui-tl-1 {
  --fui-tl: 1px;
}

.fui-tr-1 {
  --fui-tr: 1px;
}

.fui-bl-1 {
  --fui-bl: 1px;
}

.fui-br-1 {
  --fui-br: 1px;
}

.fui-all-1 {
  --fui-t: 1px;
  --fui-r: 1px;
  --fui-b: 1px;
  --fui-l: 1px;
}

.fui-x-1 {
  --fui-r: 1px;
  --fui-l: 1px;
}

.fui-y-1 {
  --fui-t: 1px;
  --fui-b: 1px;
}

.fui-border-1 {
  --fui-border: 1px !important;
}

.fui-inlay-1 {
  --fui-inlay: 1px !important;
}

.fui-all-2 {
  --fui-tl: 2px;
  --fui-tr: 2px;
  --fui-br: 2px;
  --fui-bl: 2px;
}

.fui-all-corner-2 {
  --fui-tl: 2px;
  --fui-tr: 2px;
  --fui-br: 2px;
  --fui-bl: 2px;
}

.fui-tl-2 {
  --fui-tl: 2px;
}

.fui-tr-2 {
  --fui-tr: 2px;
}

.fui-bl-2 {
  --fui-bl: 2px;
}

.fui-br-2 {
  --fui-br: 2px;
}

.fui-all-2 {
  --fui-t: 2px;
  --fui-r: 2px;
  --fui-b: 2px;
  --fui-l: 2px;
}

.fui-x-2 {
  --fui-r: 2px;
  --fui-l: 2px;
}

.fui-y-2 {
  --fui-t: 2px;
  --fui-b: 2px;
}

.fui-border-2 {
  --fui-border: 2px !important;
}

.fui-inlay-2 {
  --fui-inlay: 2px !important;
}

.fui-all-3 {
  --fui-tl: 3px;
  --fui-tr: 3px;
  --fui-br: 3px;
  --fui-bl: 3px;
}

.fui-all-corner-3 {
  --fui-tl: 3px;
  --fui-tr: 3px;
  --fui-br: 3px;
  --fui-bl: 3px;
}

.fui-tl-3 {
  --fui-tl: 3px;
}

.fui-tr-3 {
  --fui-tr: 3px;
}

.fui-bl-3 {
  --fui-bl: 3px;
}

.fui-br-3 {
  --fui-br: 3px;
}

.fui-all-3 {
  --fui-t: 3px;
  --fui-r: 3px;
  --fui-b: 3px;
  --fui-l: 3px;
}

.fui-x-3 {
  --fui-r: 3px;
  --fui-l: 3px;
}

.fui-y-3 {
  --fui-t: 3px;
  --fui-b: 3px;
}

.fui-border-3 {
  --fui-border: 3px !important;
}

.fui-inlay-3 {
  --fui-inlay: 3px !important;
}

.fui-all-4 {
  --fui-tl: 4px;
  --fui-tr: 4px;
  --fui-br: 4px;
  --fui-bl: 4px;
}

.fui-all-corner-4 {
  --fui-tl: 4px;
  --fui-tr: 4px;
  --fui-br: 4px;
  --fui-bl: 4px;
}

.fui-tl-4 {
  --fui-tl: 4px;
}

.fui-tr-4 {
  --fui-tr: 4px;
}

.fui-bl-4 {
  --fui-bl: 4px;
}

.fui-br-4 {
  --fui-br: 4px;
}

.fui-all-4 {
  --fui-t: 4px;
  --fui-r: 4px;
  --fui-b: 4px;
  --fui-l: 4px;
}

.fui-x-4 {
  --fui-r: 4px;
  --fui-l: 4px;
}

.fui-y-4 {
  --fui-t: 4px;
  --fui-b: 4px;
}

.fui-border-4 {
  --fui-border: 4px !important;
}

.fui-inlay-4 {
  --fui-inlay: 4px !important;
}

.fui-all-5 {
  --fui-tl: 5px;
  --fui-tr: 5px;
  --fui-br: 5px;
  --fui-bl: 5px;
}

.fui-all-corner-5 {
  --fui-tl: 5px;
  --fui-tr: 5px;
  --fui-br: 5px;
  --fui-bl: 5px;
}

.fui-tl-5 {
  --fui-tl: 5px;
}

.fui-tr-5 {
  --fui-tr: 5px;
}

.fui-bl-5 {
  --fui-bl: 5px;
}

.fui-br-5 {
  --fui-br: 5px;
}

.fui-all-5 {
  --fui-t: 5px;
  --fui-r: 5px;
  --fui-b: 5px;
  --fui-l: 5px;
}

.fui-x-5 {
  --fui-r: 5px;
  --fui-l: 5px;
}

.fui-y-5 {
  --fui-t: 5px;
  --fui-b: 5px;
}

.fui-border-5 {
  --fui-border: 5px !important;
}

.fui-inlay-5 {
  --fui-inlay: 5px !important;
}

.fui-all-6 {
  --fui-tl: 6px;
  --fui-tr: 6px;
  --fui-br: 6px;
  --fui-bl: 6px;
}

.fui-all-corner-6 {
  --fui-tl: 6px;
  --fui-tr: 6px;
  --fui-br: 6px;
  --fui-bl: 6px;
}

.fui-tl-6 {
  --fui-tl: 6px;
}

.fui-tr-6 {
  --fui-tr: 6px;
}

.fui-bl-6 {
  --fui-bl: 6px;
}

.fui-br-6 {
  --fui-br: 6px;
}

.fui-all-6 {
  --fui-t: 6px;
  --fui-r: 6px;
  --fui-b: 6px;
  --fui-l: 6px;
}

.fui-x-6 {
  --fui-r: 6px;
  --fui-l: 6px;
}

.fui-y-6 {
  --fui-t: 6px;
  --fui-b: 6px;
}

.fui-border-6 {
  --fui-border: 6px !important;
}

.fui-inlay-6 {
  --fui-inlay: 6px !important;
}

.fui-all-7 {
  --fui-tl: 7px;
  --fui-tr: 7px;
  --fui-br: 7px;
  --fui-bl: 7px;
}

.fui-all-corner-7 {
  --fui-tl: 7px;
  --fui-tr: 7px;
  --fui-br: 7px;
  --fui-bl: 7px;
}

.fui-tl-7 {
  --fui-tl: 7px;
}

.fui-tr-7 {
  --fui-tr: 7px;
}

.fui-bl-7 {
  --fui-bl: 7px;
}

.fui-br-7 {
  --fui-br: 7px;
}

.fui-all-7 {
  --fui-t: 7px;
  --fui-r: 7px;
  --fui-b: 7px;
  --fui-l: 7px;
}

.fui-x-7 {
  --fui-r: 7px;
  --fui-l: 7px;
}

.fui-y-7 {
  --fui-t: 7px;
  --fui-b: 7px;
}

.fui-border-7 {
  --fui-border: 7px !important;
}

.fui-inlay-7 {
  --fui-inlay: 7px !important;
}

.fui-all-8 {
  --fui-tl: 8px;
  --fui-tr: 8px;
  --fui-br: 8px;
  --fui-bl: 8px;
}

.fui-all-corner-8 {
  --fui-tl: 8px;
  --fui-tr: 8px;
  --fui-br: 8px;
  --fui-bl: 8px;
}

.fui-tl-8 {
  --fui-tl: 8px;
}

.fui-tr-8 {
  --fui-tr: 8px;
}

.fui-bl-8 {
  --fui-bl: 8px;
}

.fui-br-8 {
  --fui-br: 8px;
}

.fui-all-8 {
  --fui-t: 8px;
  --fui-r: 8px;
  --fui-b: 8px;
  --fui-l: 8px;
}

.fui-x-8 {
  --fui-r: 8px;
  --fui-l: 8px;
}

.fui-y-8 {
  --fui-t: 8px;
  --fui-b: 8px;
}

.fui-border-8 {
  --fui-border: 8px !important;
}

.fui-inlay-8 {
  --fui-inlay: 8px !important;
}

.fui-all-9 {
  --fui-tl: 9px;
  --fui-tr: 9px;
  --fui-br: 9px;
  --fui-bl: 9px;
}

.fui-all-corner-9 {
  --fui-tl: 9px;
  --fui-tr: 9px;
  --fui-br: 9px;
  --fui-bl: 9px;
}

.fui-tl-9 {
  --fui-tl: 9px;
}

.fui-tr-9 {
  --fui-tr: 9px;
}

.fui-bl-9 {
  --fui-bl: 9px;
}

.fui-br-9 {
  --fui-br: 9px;
}

.fui-all-9 {
  --fui-t: 9px;
  --fui-r: 9px;
  --fui-b: 9px;
  --fui-l: 9px;
}

.fui-x-9 {
  --fui-r: 9px;
  --fui-l: 9px;
}

.fui-y-9 {
  --fui-t: 9px;
  --fui-b: 9px;
}

.fui-border-9 {
  --fui-border: 9px !important;
}

.fui-inlay-9 {
  --fui-inlay: 9px !important;
}

.fui-all-10 {
  --fui-tl: 10px;
  --fui-tr: 10px;
  --fui-br: 10px;
  --fui-bl: 10px;
}

.fui-all-corner-10 {
  --fui-tl: 10px;
  --fui-tr: 10px;
  --fui-br: 10px;
  --fui-bl: 10px;
}

.fui-tl-10 {
  --fui-tl: 10px;
}

.fui-tr-10 {
  --fui-tr: 10px;
}

.fui-bl-10 {
  --fui-bl: 10px;
}

.fui-br-10 {
  --fui-br: 10px;
}

.fui-all-10 {
  --fui-t: 10px;
  --fui-r: 10px;
  --fui-b: 10px;
  --fui-l: 10px;
}

.fui-x-10 {
  --fui-r: 10px;
  --fui-l: 10px;
}

.fui-y-10 {
  --fui-t: 10px;
  --fui-b: 10px;
}

.fui-border-10 {
  --fui-border: 10px !important;
}

.fui-inlay-10 {
  --fui-inlay: 10px !important;
}

.fui-all-11 {
  --fui-tl: 11px;
  --fui-tr: 11px;
  --fui-br: 11px;
  --fui-bl: 11px;
}

.fui-all-corner-11 {
  --fui-tl: 11px;
  --fui-tr: 11px;
  --fui-br: 11px;
  --fui-bl: 11px;
}

.fui-tl-11 {
  --fui-tl: 11px;
}

.fui-tr-11 {
  --fui-tr: 11px;
}

.fui-bl-11 {
  --fui-bl: 11px;
}

.fui-br-11 {
  --fui-br: 11px;
}

.fui-all-11 {
  --fui-t: 11px;
  --fui-r: 11px;
  --fui-b: 11px;
  --fui-l: 11px;
}

.fui-x-11 {
  --fui-r: 11px;
  --fui-l: 11px;
}

.fui-y-11 {
  --fui-t: 11px;
  --fui-b: 11px;
}

.fui-border-11 {
  --fui-border: 11px !important;
}

.fui-inlay-11 {
  --fui-inlay: 11px !important;
}

.fui-all-12 {
  --fui-tl: 12px;
  --fui-tr: 12px;
  --fui-br: 12px;
  --fui-bl: 12px;
}

.fui-all-corner-12 {
  --fui-tl: 12px;
  --fui-tr: 12px;
  --fui-br: 12px;
  --fui-bl: 12px;
}

.fui-tl-12 {
  --fui-tl: 12px;
}

.fui-tr-12 {
  --fui-tr: 12px;
}

.fui-bl-12 {
  --fui-bl: 12px;
}

.fui-br-12 {
  --fui-br: 12px;
}

.fui-all-12 {
  --fui-t: 12px;
  --fui-r: 12px;
  --fui-b: 12px;
  --fui-l: 12px;
}

.fui-x-12 {
  --fui-r: 12px;
  --fui-l: 12px;
}

.fui-y-12 {
  --fui-t: 12px;
  --fui-b: 12px;
}

.fui-border-12 {
  --fui-border: 12px !important;
}

.fui-inlay-12 {
  --fui-inlay: 12px !important;
}

.fui-all-13 {
  --fui-tl: 13px;
  --fui-tr: 13px;
  --fui-br: 13px;
  --fui-bl: 13px;
}

.fui-all-corner-13 {
  --fui-tl: 13px;
  --fui-tr: 13px;
  --fui-br: 13px;
  --fui-bl: 13px;
}

.fui-tl-13 {
  --fui-tl: 13px;
}

.fui-tr-13 {
  --fui-tr: 13px;
}

.fui-bl-13 {
  --fui-bl: 13px;
}

.fui-br-13 {
  --fui-br: 13px;
}

.fui-all-13 {
  --fui-t: 13px;
  --fui-r: 13px;
  --fui-b: 13px;
  --fui-l: 13px;
}

.fui-x-13 {
  --fui-r: 13px;
  --fui-l: 13px;
}

.fui-y-13 {
  --fui-t: 13px;
  --fui-b: 13px;
}

.fui-border-13 {
  --fui-border: 13px !important;
}

.fui-inlay-13 {
  --fui-inlay: 13px !important;
}

.fui-all-14 {
  --fui-tl: 14px;
  --fui-tr: 14px;
  --fui-br: 14px;
  --fui-bl: 14px;
}

.fui-all-corner-14 {
  --fui-tl: 14px;
  --fui-tr: 14px;
  --fui-br: 14px;
  --fui-bl: 14px;
}

.fui-tl-14 {
  --fui-tl: 14px;
}

.fui-tr-14 {
  --fui-tr: 14px;
}

.fui-bl-14 {
  --fui-bl: 14px;
}

.fui-br-14 {
  --fui-br: 14px;
}

.fui-all-14 {
  --fui-t: 14px;
  --fui-r: 14px;
  --fui-b: 14px;
  --fui-l: 14px;
}

.fui-x-14 {
  --fui-r: 14px;
  --fui-l: 14px;
}

.fui-y-14 {
  --fui-t: 14px;
  --fui-b: 14px;
}

.fui-border-14 {
  --fui-border: 14px !important;
}

.fui-inlay-14 {
  --fui-inlay: 14px !important;
}

.fui-all-16 {
  --fui-tl: 16px;
  --fui-tr: 16px;
  --fui-br: 16px;
  --fui-bl: 16px;
}

.fui-all-corner-16 {
  --fui-tl: 16px;
  --fui-tr: 16px;
  --fui-br: 16px;
  --fui-bl: 16px;
}

.fui-tl-16 {
  --fui-tl: 16px;
}

.fui-tr-16 {
  --fui-tr: 16px;
}

.fui-bl-16 {
  --fui-bl: 16px;
}

.fui-br-16 {
  --fui-br: 16px;
}

.fui-all-16 {
  --fui-t: 16px;
  --fui-r: 16px;
  --fui-b: 16px;
  --fui-l: 16px;
}

.fui-x-16 {
  --fui-r: 16px;
  --fui-l: 16px;
}

.fui-y-16 {
  --fui-t: 16px;
  --fui-b: 16px;
}

.fui-border-16 {
  --fui-border: 16px !important;
}

.fui-inlay-16 {
  --fui-inlay: 16px !important;
}

.fui-all-20 {
  --fui-tl: 20px;
  --fui-tr: 20px;
  --fui-br: 20px;
  --fui-bl: 20px;
}

.fui-all-corner-20 {
  --fui-tl: 20px;
  --fui-tr: 20px;
  --fui-br: 20px;
  --fui-bl: 20px;
}

.fui-tl-20 {
  --fui-tl: 20px;
}

.fui-tr-20 {
  --fui-tr: 20px;
}

.fui-bl-20 {
  --fui-bl: 20px;
}

.fui-br-20 {
  --fui-br: 20px;
}

.fui-all-20 {
  --fui-t: 20px;
  --fui-r: 20px;
  --fui-b: 20px;
  --fui-l: 20px;
}

.fui-x-20 {
  --fui-r: 20px;
  --fui-l: 20px;
}

.fui-y-20 {
  --fui-t: 20px;
  --fui-b: 20px;
}

.fui-border-20 {
  --fui-border: 20px !important;
}

.fui-inlay-20 {
  --fui-inlay: 20px !important;
}

.fui-all-24 {
  --fui-tl: 24px;
  --fui-tr: 24px;
  --fui-br: 24px;
  --fui-bl: 24px;
}

.fui-all-corner-24 {
  --fui-tl: 24px;
  --fui-tr: 24px;
  --fui-br: 24px;
  --fui-bl: 24px;
}

.fui-tl-24 {
  --fui-tl: 24px;
}

.fui-tr-24 {
  --fui-tr: 24px;
}

.fui-bl-24 {
  --fui-bl: 24px;
}

.fui-br-24 {
  --fui-br: 24px;
}

.fui-all-24 {
  --fui-t: 24px;
  --fui-r: 24px;
  --fui-b: 24px;
  --fui-l: 24px;
}

.fui-x-24 {
  --fui-r: 24px;
  --fui-l: 24px;
}

.fui-y-24 {
  --fui-t: 24px;
  --fui-b: 24px;
}

.fui-border-24 {
  --fui-border: 24px !important;
}

.fui-inlay-24 {
  --fui-inlay: 24px !important;
}

.fui-all-25 {
  --fui-tl: 25px;
  --fui-tr: 25px;
  --fui-br: 25px;
  --fui-bl: 25px;
}

.fui-all-corner-25 {
  --fui-tl: 25px;
  --fui-tr: 25px;
  --fui-br: 25px;
  --fui-bl: 25px;
}

.fui-tl-25 {
  --fui-tl: 25px;
}

.fui-tr-25 {
  --fui-tr: 25px;
}

.fui-bl-25 {
  --fui-bl: 25px;
}

.fui-br-25 {
  --fui-br: 25px;
}

.fui-all-25 {
  --fui-t: 25px;
  --fui-r: 25px;
  --fui-b: 25px;
  --fui-l: 25px;
}

.fui-x-25 {
  --fui-r: 25px;
  --fui-l: 25px;
}

.fui-y-25 {
  --fui-t: 25px;
  --fui-b: 25px;
}

.fui-border-25 {
  --fui-border: 25px !important;
}

.fui-inlay-25 {
  --fui-inlay: 25px !important;
}

.fui-all-26 {
  --fui-tl: 26px;
  --fui-tr: 26px;
  --fui-br: 26px;
  --fui-bl: 26px;
}

.fui-all-corner-26 {
  --fui-tl: 26px;
  --fui-tr: 26px;
  --fui-br: 26px;
  --fui-bl: 26px;
}

.fui-tl-26 {
  --fui-tl: 26px;
}

.fui-tr-26 {
  --fui-tr: 26px;
}

.fui-bl-26 {
  --fui-bl: 26px;
}

.fui-br-26 {
  --fui-br: 26px;
}

.fui-all-26 {
  --fui-t: 26px;
  --fui-r: 26px;
  --fui-b: 26px;
  --fui-l: 26px;
}

.fui-x-26 {
  --fui-r: 26px;
  --fui-l: 26px;
}

.fui-y-26 {
  --fui-t: 26px;
  --fui-b: 26px;
}

.fui-border-26 {
  --fui-border: 26px !important;
}

.fui-inlay-26 {
  --fui-inlay: 26px !important;
}

.fui-all-28 {
  --fui-tl: 28px;
  --fui-tr: 28px;
  --fui-br: 28px;
  --fui-bl: 28px;
}

.fui-all-corner-28 {
  --fui-tl: 28px;
  --fui-tr: 28px;
  --fui-br: 28px;
  --fui-bl: 28px;
}

.fui-tl-28 {
  --fui-tl: 28px;
}

.fui-tr-28 {
  --fui-tr: 28px;
}

.fui-bl-28 {
  --fui-bl: 28px;
}

.fui-br-28 {
  --fui-br: 28px;
}

.fui-all-28 {
  --fui-t: 28px;
  --fui-r: 28px;
  --fui-b: 28px;
  --fui-l: 28px;
}

.fui-x-28 {
  --fui-r: 28px;
  --fui-l: 28px;
}

.fui-y-28 {
  --fui-t: 28px;
  --fui-b: 28px;
}

.fui-border-28 {
  --fui-border: 28px !important;
}

.fui-inlay-28 {
  --fui-inlay: 28px !important;
}

.fui-all-30 {
  --fui-tl: 30px;
  --fui-tr: 30px;
  --fui-br: 30px;
  --fui-bl: 30px;
}

.fui-all-corner-30 {
  --fui-tl: 30px;
  --fui-tr: 30px;
  --fui-br: 30px;
  --fui-bl: 30px;
}

.fui-tl-30 {
  --fui-tl: 30px;
}

.fui-tr-30 {
  --fui-tr: 30px;
}

.fui-bl-30 {
  --fui-bl: 30px;
}

.fui-br-30 {
  --fui-br: 30px;
}

.fui-all-30 {
  --fui-t: 30px;
  --fui-r: 30px;
  --fui-b: 30px;
  --fui-l: 30px;
}

.fui-x-30 {
  --fui-r: 30px;
  --fui-l: 30px;
}

.fui-y-30 {
  --fui-t: 30px;
  --fui-b: 30px;
}

.fui-border-30 {
  --fui-border: 30px !important;
}

.fui-inlay-30 {
  --fui-inlay: 30px !important;
}

.fui-all-32 {
  --fui-tl: 32px;
  --fui-tr: 32px;
  --fui-br: 32px;
  --fui-bl: 32px;
}

.fui-all-corner-32 {
  --fui-tl: 32px;
  --fui-tr: 32px;
  --fui-br: 32px;
  --fui-bl: 32px;
}

.fui-tl-32 {
  --fui-tl: 32px;
}

.fui-tr-32 {
  --fui-tr: 32px;
}

.fui-bl-32 {
  --fui-bl: 32px;
}

.fui-br-32 {
  --fui-br: 32px;
}

.fui-all-32 {
  --fui-t: 32px;
  --fui-r: 32px;
  --fui-b: 32px;
  --fui-l: 32px;
}

.fui-x-32 {
  --fui-r: 32px;
  --fui-l: 32px;
}

.fui-y-32 {
  --fui-t: 32px;
  --fui-b: 32px;
}

.fui-border-32 {
  --fui-border: 32px !important;
}

.fui-inlay-32 {
  --fui-inlay: 32px !important;
}

.fui-all-34 {
  --fui-tl: 34px;
  --fui-tr: 34px;
  --fui-br: 34px;
  --fui-bl: 34px;
}

.fui-all-corner-34 {
  --fui-tl: 34px;
  --fui-tr: 34px;
  --fui-br: 34px;
  --fui-bl: 34px;
}

.fui-tl-34 {
  --fui-tl: 34px;
}

.fui-tr-34 {
  --fui-tr: 34px;
}

.fui-bl-34 {
  --fui-bl: 34px;
}

.fui-br-34 {
  --fui-br: 34px;
}

.fui-all-34 {
  --fui-t: 34px;
  --fui-r: 34px;
  --fui-b: 34px;
  --fui-l: 34px;
}

.fui-x-34 {
  --fui-r: 34px;
  --fui-l: 34px;
}

.fui-y-34 {
  --fui-t: 34px;
  --fui-b: 34px;
}

.fui-border-34 {
  --fui-border: 34px !important;
}

.fui-inlay-34 {
  --fui-inlay: 34px !important;
}

.fui-all-48 {
  --fui-tl: 48px;
  --fui-tr: 48px;
  --fui-br: 48px;
  --fui-bl: 48px;
}

.fui-all-corner-48 {
  --fui-tl: 48px;
  --fui-tr: 48px;
  --fui-br: 48px;
  --fui-bl: 48px;
}

.fui-tl-48 {
  --fui-tl: 48px;
}

.fui-tr-48 {
  --fui-tr: 48px;
}

.fui-bl-48 {
  --fui-bl: 48px;
}

.fui-br-48 {
  --fui-br: 48px;
}

.fui-all-48 {
  --fui-t: 48px;
  --fui-r: 48px;
  --fui-b: 48px;
  --fui-l: 48px;
}

.fui-x-48 {
  --fui-r: 48px;
  --fui-l: 48px;
}

.fui-y-48 {
  --fui-t: 48px;
  --fui-b: 48px;
}

.fui-border-48 {
  --fui-border: 48px !important;
}

.fui-inlay-48 {
  --fui-inlay: 48px !important;
}

.fui-all-50 {
  --fui-tl: 50px;
  --fui-tr: 50px;
  --fui-br: 50px;
  --fui-bl: 50px;
}

.fui-all-corner-50 {
  --fui-tl: 50px;
  --fui-tr: 50px;
  --fui-br: 50px;
  --fui-bl: 50px;
}

.fui-tl-50 {
  --fui-tl: 50px;
}

.fui-tr-50 {
  --fui-tr: 50px;
}

.fui-bl-50 {
  --fui-bl: 50px;
}

.fui-br-50 {
  --fui-br: 50px;
}

.fui-all-50 {
  --fui-t: 50px;
  --fui-r: 50px;
  --fui-b: 50px;
  --fui-l: 50px;
}

.fui-x-50 {
  --fui-r: 50px;
  --fui-l: 50px;
}

.fui-y-50 {
  --fui-t: 50px;
  --fui-b: 50px;
}

.fui-border-50 {
  --fui-border: 50px !important;
}

.fui-inlay-50 {
  --fui-inlay: 50px !important;
}

.fui-all-64 {
  --fui-tl: 64px;
  --fui-tr: 64px;
  --fui-br: 64px;
  --fui-bl: 64px;
}

.fui-all-corner-64 {
  --fui-tl: 64px;
  --fui-tr: 64px;
  --fui-br: 64px;
  --fui-bl: 64px;
}

.fui-tl-64 {
  --fui-tl: 64px;
}

.fui-tr-64 {
  --fui-tr: 64px;
}

.fui-bl-64 {
  --fui-bl: 64px;
}

.fui-br-64 {
  --fui-br: 64px;
}

.fui-all-64 {
  --fui-t: 64px;
  --fui-r: 64px;
  --fui-b: 64px;
  --fui-l: 64px;
}

.fui-x-64 {
  --fui-r: 64px;
  --fui-l: 64px;
}

.fui-y-64 {
  --fui-t: 64px;
  --fui-b: 64px;
}

.fui-border-64 {
  --fui-border: 64px !important;
}

.fui-inlay-64 {
  --fui-inlay: 64px !important;
}

.fui-all-75 {
  --fui-tl: 75px;
  --fui-tr: 75px;
  --fui-br: 75px;
  --fui-bl: 75px;
}

.fui-all-corner-75 {
  --fui-tl: 75px;
  --fui-tr: 75px;
  --fui-br: 75px;
  --fui-bl: 75px;
}

.fui-tl-75 {
  --fui-tl: 75px;
}

.fui-tr-75 {
  --fui-tr: 75px;
}

.fui-bl-75 {
  --fui-bl: 75px;
}

.fui-br-75 {
  --fui-br: 75px;
}

.fui-all-75 {
  --fui-t: 75px;
  --fui-r: 75px;
  --fui-b: 75px;
  --fui-l: 75px;
}

.fui-x-75 {
  --fui-r: 75px;
  --fui-l: 75px;
}

.fui-y-75 {
  --fui-t: 75px;
  --fui-b: 75px;
}

.fui-border-75 {
  --fui-border: 75px !important;
}

.fui-inlay-75 {
  --fui-inlay: 75px !important;
}

.fui-all-80 {
  --fui-tl: 80px;
  --fui-tr: 80px;
  --fui-br: 80px;
  --fui-bl: 80px;
}

.fui-all-corner-80 {
  --fui-tl: 80px;
  --fui-tr: 80px;
  --fui-br: 80px;
  --fui-bl: 80px;
}

.fui-tl-80 {
  --fui-tl: 80px;
}

.fui-tr-80 {
  --fui-tr: 80px;
}

.fui-bl-80 {
  --fui-bl: 80px;
}

.fui-br-80 {
  --fui-br: 80px;
}

.fui-all-80 {
  --fui-t: 80px;
  --fui-r: 80px;
  --fui-b: 80px;
  --fui-l: 80px;
}

.fui-x-80 {
  --fui-r: 80px;
  --fui-l: 80px;
}

.fui-y-80 {
  --fui-t: 80px;
  --fui-b: 80px;
}

.fui-border-80 {
  --fui-border: 80px !important;
}

.fui-inlay-80 {
  --fui-inlay: 80px !important;
}

.fui-all-96 {
  --fui-tl: 96px;
  --fui-tr: 96px;
  --fui-br: 96px;
  --fui-bl: 96px;
}

.fui-all-corner-96 {
  --fui-tl: 96px;
  --fui-tr: 96px;
  --fui-br: 96px;
  --fui-bl: 96px;
}

.fui-tl-96 {
  --fui-tl: 96px;
}

.fui-tr-96 {
  --fui-tr: 96px;
}

.fui-bl-96 {
  --fui-bl: 96px;
}

.fui-br-96 {
  --fui-br: 96px;
}

.fui-all-96 {
  --fui-t: 96px;
  --fui-r: 96px;
  --fui-b: 96px;
  --fui-l: 96px;
}

.fui-x-96 {
  --fui-r: 96px;
  --fui-l: 96px;
}

.fui-y-96 {
  --fui-t: 96px;
  --fui-b: 96px;
}

.fui-border-96 {
  --fui-border: 96px !important;
}

.fui-inlay-96 {
  --fui-inlay: 96px !important;
}

.fui-all-112 {
  --fui-tl: 112px;
  --fui-tr: 112px;
  --fui-br: 112px;
  --fui-bl: 112px;
}

.fui-all-corner-112 {
  --fui-tl: 112px;
  --fui-tr: 112px;
  --fui-br: 112px;
  --fui-bl: 112px;
}

.fui-tl-112 {
  --fui-tl: 112px;
}

.fui-tr-112 {
  --fui-tr: 112px;
}

.fui-bl-112 {
  --fui-bl: 112px;
}

.fui-br-112 {
  --fui-br: 112px;
}

.fui-all-112 {
  --fui-t: 112px;
  --fui-r: 112px;
  --fui-b: 112px;
  --fui-l: 112px;
}

.fui-x-112 {
  --fui-r: 112px;
  --fui-l: 112px;
}

.fui-y-112 {
  --fui-t: 112px;
  --fui-b: 112px;
}

.fui-border-112 {
  --fui-border: 112px !important;
}

.fui-inlay-112 {
  --fui-inlay: 112px !important;
}

.fui-all-extend-0 {
  --fui-t-extend: 0px;
  --fui-r-extend: 0px;
  --fui-b-extend: 0px;
  --fui-l-extend: 0px;
}

.fui-extend-x-0 {
  --fui-r-extend: 0px !important;
  --fui-l-extend: 0px !important;
}

.fui--extend-y-0 {
  --fui-t-extend: 0px !important;
  --fui-b-extend: 0px !important;
}

.fui-r-extend-0 {
  --fui-r-extend: 0px !important;
}

.fui-l-extend-0 {
  --fui-l-extend: 0px !important;
}

.fui-t-extend-0 {
  --fui-t-extend: 0px !important;
}

.fui-b-extend-0 {
  --fui-b-extend: 0px !important;
}

.fui-t-0 {
  --fui-t: 0px;
}

.fui-b-0 {
  --fui-b: 0px;
}

.fui-l-0 {
  --fui-l: 0px;
}

.fui-r-0 {
  --fui-r: 0px;
}

.fui-all-extend-1 {
  --fui-t-extend: 1px;
  --fui-r-extend: 1px;
  --fui-b-extend: 1px;
  --fui-l-extend: 1px;
}

.fui-extend-x-1 {
  --fui-r-extend: 1px !important;
  --fui-l-extend: 1px !important;
}

.fui--extend-y-1 {
  --fui-t-extend: 1px !important;
  --fui-b-extend: 1px !important;
}

.fui-r-extend-1 {
  --fui-r-extend: 1px !important;
}

.fui-l-extend-1 {
  --fui-l-extend: 1px !important;
}

.fui-t-extend-1 {
  --fui-t-extend: 1px !important;
}

.fui-b-extend-1 {
  --fui-b-extend: 1px !important;
}

.fui-t-1 {
  --fui-t: 1px;
}

.fui-b-1 {
  --fui-b: 1px;
}

.fui-l-1 {
  --fui-l: 1px;
}

.fui-r-1 {
  --fui-r: 1px;
}

.fui-all-extend-2 {
  --fui-t-extend: 2px;
  --fui-r-extend: 2px;
  --fui-b-extend: 2px;
  --fui-l-extend: 2px;
}

.fui-extend-x-2 {
  --fui-r-extend: 2px !important;
  --fui-l-extend: 2px !important;
}

.fui--extend-y-2 {
  --fui-t-extend: 2px !important;
  --fui-b-extend: 2px !important;
}

.fui-r-extend-2 {
  --fui-r-extend: 2px !important;
}

.fui-l-extend-2 {
  --fui-l-extend: 2px !important;
}

.fui-t-extend-2 {
  --fui-t-extend: 2px !important;
}

.fui-b-extend-2 {
  --fui-b-extend: 2px !important;
}

.fui-t-2 {
  --fui-t: 2px;
}

.fui-b-2 {
  --fui-b: 2px;
}

.fui-l-2 {
  --fui-l: 2px;
}

.fui-r-2 {
  --fui-r: 2px;
}

.fui-all-extend-3 {
  --fui-t-extend: 3px;
  --fui-r-extend: 3px;
  --fui-b-extend: 3px;
  --fui-l-extend: 3px;
}

.fui-extend-x-3 {
  --fui-r-extend: 3px !important;
  --fui-l-extend: 3px !important;
}

.fui--extend-y-3 {
  --fui-t-extend: 3px !important;
  --fui-b-extend: 3px !important;
}

.fui-r-extend-3 {
  --fui-r-extend: 3px !important;
}

.fui-l-extend-3 {
  --fui-l-extend: 3px !important;
}

.fui-t-extend-3 {
  --fui-t-extend: 3px !important;
}

.fui-b-extend-3 {
  --fui-b-extend: 3px !important;
}

.fui-t-3 {
  --fui-t: 3px;
}

.fui-b-3 {
  --fui-b: 3px;
}

.fui-l-3 {
  --fui-l: 3px;
}

.fui-r-3 {
  --fui-r: 3px;
}

.fui-all-extend-4 {
  --fui-t-extend: 4px;
  --fui-r-extend: 4px;
  --fui-b-extend: 4px;
  --fui-l-extend: 4px;
}

.fui-extend-x-4 {
  --fui-r-extend: 4px !important;
  --fui-l-extend: 4px !important;
}

.fui--extend-y-4 {
  --fui-t-extend: 4px !important;
  --fui-b-extend: 4px !important;
}

.fui-r-extend-4 {
  --fui-r-extend: 4px !important;
}

.fui-l-extend-4 {
  --fui-l-extend: 4px !important;
}

.fui-t-extend-4 {
  --fui-t-extend: 4px !important;
}

.fui-b-extend-4 {
  --fui-b-extend: 4px !important;
}

.fui-t-4 {
  --fui-t: 4px;
}

.fui-b-4 {
  --fui-b: 4px;
}

.fui-l-4 {
  --fui-l: 4px;
}

.fui-r-4 {
  --fui-r: 4px;
}

.fui-all-extend-5 {
  --fui-t-extend: 5px;
  --fui-r-extend: 5px;
  --fui-b-extend: 5px;
  --fui-l-extend: 5px;
}

.fui-extend-x-5 {
  --fui-r-extend: 5px !important;
  --fui-l-extend: 5px !important;
}

.fui--extend-y-5 {
  --fui-t-extend: 5px !important;
  --fui-b-extend: 5px !important;
}

.fui-r-extend-5 {
  --fui-r-extend: 5px !important;
}

.fui-l-extend-5 {
  --fui-l-extend: 5px !important;
}

.fui-t-extend-5 {
  --fui-t-extend: 5px !important;
}

.fui-b-extend-5 {
  --fui-b-extend: 5px !important;
}

.fui-t-5 {
  --fui-t: 5px;
}

.fui-b-5 {
  --fui-b: 5px;
}

.fui-l-5 {
  --fui-l: 5px;
}

.fui-r-5 {
  --fui-r: 5px;
}

.fui-all-extend-6 {
  --fui-t-extend: 6px;
  --fui-r-extend: 6px;
  --fui-b-extend: 6px;
  --fui-l-extend: 6px;
}

.fui-extend-x-6 {
  --fui-r-extend: 6px !important;
  --fui-l-extend: 6px !important;
}

.fui--extend-y-6 {
  --fui-t-extend: 6px !important;
  --fui-b-extend: 6px !important;
}

.fui-r-extend-6 {
  --fui-r-extend: 6px !important;
}

.fui-l-extend-6 {
  --fui-l-extend: 6px !important;
}

.fui-t-extend-6 {
  --fui-t-extend: 6px !important;
}

.fui-b-extend-6 {
  --fui-b-extend: 6px !important;
}

.fui-t-6 {
  --fui-t: 6px;
}

.fui-b-6 {
  --fui-b: 6px;
}

.fui-l-6 {
  --fui-l: 6px;
}

.fui-r-6 {
  --fui-r: 6px;
}

.fui-all-extend-7 {
  --fui-t-extend: 7px;
  --fui-r-extend: 7px;
  --fui-b-extend: 7px;
  --fui-l-extend: 7px;
}

.fui-extend-x-7 {
  --fui-r-extend: 7px !important;
  --fui-l-extend: 7px !important;
}

.fui--extend-y-7 {
  --fui-t-extend: 7px !important;
  --fui-b-extend: 7px !important;
}

.fui-r-extend-7 {
  --fui-r-extend: 7px !important;
}

.fui-l-extend-7 {
  --fui-l-extend: 7px !important;
}

.fui-t-extend-7 {
  --fui-t-extend: 7px !important;
}

.fui-b-extend-7 {
  --fui-b-extend: 7px !important;
}

.fui-t-7 {
  --fui-t: 7px;
}

.fui-b-7 {
  --fui-b: 7px;
}

.fui-l-7 {
  --fui-l: 7px;
}

.fui-r-7 {
  --fui-r: 7px;
}

.fui-all-extend-8 {
  --fui-t-extend: 8px;
  --fui-r-extend: 8px;
  --fui-b-extend: 8px;
  --fui-l-extend: 8px;
}

.fui-extend-x-8 {
  --fui-r-extend: 8px !important;
  --fui-l-extend: 8px !important;
}

.fui--extend-y-8 {
  --fui-t-extend: 8px !important;
  --fui-b-extend: 8px !important;
}

.fui-r-extend-8 {
  --fui-r-extend: 8px !important;
}

.fui-l-extend-8 {
  --fui-l-extend: 8px !important;
}

.fui-t-extend-8 {
  --fui-t-extend: 8px !important;
}

.fui-b-extend-8 {
  --fui-b-extend: 8px !important;
}

.fui-t-8 {
  --fui-t: 8px;
}

.fui-b-8 {
  --fui-b: 8px;
}

.fui-l-8 {
  --fui-l: 8px;
}

.fui-r-8 {
  --fui-r: 8px;
}

.fui-all-extend-9 {
  --fui-t-extend: 9px;
  --fui-r-extend: 9px;
  --fui-b-extend: 9px;
  --fui-l-extend: 9px;
}

.fui-extend-x-9 {
  --fui-r-extend: 9px !important;
  --fui-l-extend: 9px !important;
}

.fui--extend-y-9 {
  --fui-t-extend: 9px !important;
  --fui-b-extend: 9px !important;
}

.fui-r-extend-9 {
  --fui-r-extend: 9px !important;
}

.fui-l-extend-9 {
  --fui-l-extend: 9px !important;
}

.fui-t-extend-9 {
  --fui-t-extend: 9px !important;
}

.fui-b-extend-9 {
  --fui-b-extend: 9px !important;
}

.fui-t-9 {
  --fui-t: 9px;
}

.fui-b-9 {
  --fui-b: 9px;
}

.fui-l-9 {
  --fui-l: 9px;
}

.fui-r-9 {
  --fui-r: 9px;
}

.fui-all-extend-10 {
  --fui-t-extend: 10px;
  --fui-r-extend: 10px;
  --fui-b-extend: 10px;
  --fui-l-extend: 10px;
}

.fui-extend-x-10 {
  --fui-r-extend: 10px !important;
  --fui-l-extend: 10px !important;
}

.fui--extend-y-10 {
  --fui-t-extend: 10px !important;
  --fui-b-extend: 10px !important;
}

.fui-r-extend-10 {
  --fui-r-extend: 10px !important;
}

.fui-l-extend-10 {
  --fui-l-extend: 10px !important;
}

.fui-t-extend-10 {
  --fui-t-extend: 10px !important;
}

.fui-b-extend-10 {
  --fui-b-extend: 10px !important;
}

.fui-t-10 {
  --fui-t: 10px;
}

.fui-b-10 {
  --fui-b: 10px;
}

.fui-l-10 {
  --fui-l: 10px;
}

.fui-r-10 {
  --fui-r: 10px;
}

.fui-all-extend-20 {
  --fui-t-extend: 20px;
  --fui-r-extend: 20px;
  --fui-b-extend: 20px;
  --fui-l-extend: 20px;
}

.fui-extend-x-20 {
  --fui-r-extend: 20px !important;
  --fui-l-extend: 20px !important;
}

.fui--extend-y-20 {
  --fui-t-extend: 20px !important;
  --fui-b-extend: 20px !important;
}

.fui-r-extend-20 {
  --fui-r-extend: 20px !important;
}

.fui-l-extend-20 {
  --fui-l-extend: 20px !important;
}

.fui-t-extend-20 {
  --fui-t-extend: 20px !important;
}

.fui-b-extend-20 {
  --fui-b-extend: 20px !important;
}

.fui-t-20 {
  --fui-t: 20px;
}

.fui-b-20 {
  --fui-b: 20px;
}

.fui-l-20 {
  --fui-l: 20px;
}

.fui-r-20 {
  --fui-r: 20px;
}

.fui-all-extend-25 {
  --fui-t-extend: 25px;
  --fui-r-extend: 25px;
  --fui-b-extend: 25px;
  --fui-l-extend: 25px;
}

.fui-extend-x-25 {
  --fui-r-extend: 25px !important;
  --fui-l-extend: 25px !important;
}

.fui--extend-y-25 {
  --fui-t-extend: 25px !important;
  --fui-b-extend: 25px !important;
}

.fui-r-extend-25 {
  --fui-r-extend: 25px !important;
}

.fui-l-extend-25 {
  --fui-l-extend: 25px !important;
}

.fui-t-extend-25 {
  --fui-t-extend: 25px !important;
}

.fui-b-extend-25 {
  --fui-b-extend: 25px !important;
}

.fui-t-25 {
  --fui-t: 25px;
}

.fui-b-25 {
  --fui-b: 25px;
}

.fui-l-25 {
  --fui-l: 25px;
}

.fui-r-25 {
  --fui-r: 25px;
}

.fui-all-extend-30 {
  --fui-t-extend: 30px;
  --fui-r-extend: 30px;
  --fui-b-extend: 30px;
  --fui-l-extend: 30px;
}

.fui-extend-x-30 {
  --fui-r-extend: 30px !important;
  --fui-l-extend: 30px !important;
}

.fui--extend-y-30 {
  --fui-t-extend: 30px !important;
  --fui-b-extend: 30px !important;
}

.fui-r-extend-30 {
  --fui-r-extend: 30px !important;
}

.fui-l-extend-30 {
  --fui-l-extend: 30px !important;
}

.fui-t-extend-30 {
  --fui-t-extend: 30px !important;
}

.fui-b-extend-30 {
  --fui-b-extend: 30px !important;
}

.fui-t-30 {
  --fui-t: 30px;
}

.fui-b-30 {
  --fui-b: 30px;
}

.fui-l-30 {
  --fui-l: 30px;
}

.fui-r-30 {
  --fui-r: 30px;
}

.fui-all-extend-35 {
  --fui-t-extend: 35px;
  --fui-r-extend: 35px;
  --fui-b-extend: 35px;
  --fui-l-extend: 35px;
}

.fui-extend-x-35 {
  --fui-r-extend: 35px !important;
  --fui-l-extend: 35px !important;
}

.fui--extend-y-35 {
  --fui-t-extend: 35px !important;
  --fui-b-extend: 35px !important;
}

.fui-r-extend-35 {
  --fui-r-extend: 35px !important;
}

.fui-l-extend-35 {
  --fui-l-extend: 35px !important;
}

.fui-t-extend-35 {
  --fui-t-extend: 35px !important;
}

.fui-b-extend-35 {
  --fui-b-extend: 35px !important;
}

.fui-t-35 {
  --fui-t: 35px;
}

.fui-b-35 {
  --fui-b: 35px;
}

.fui-l-35 {
  --fui-l: 35px;
}

.fui-r-35 {
  --fui-r: 35px;
}

.fui-all-extend-40 {
  --fui-t-extend: 40px;
  --fui-r-extend: 40px;
  --fui-b-extend: 40px;
  --fui-l-extend: 40px;
}

.fui-extend-x-40 {
  --fui-r-extend: 40px !important;
  --fui-l-extend: 40px !important;
}

.fui--extend-y-40 {
  --fui-t-extend: 40px !important;
  --fui-b-extend: 40px !important;
}

.fui-r-extend-40 {
  --fui-r-extend: 40px !important;
}

.fui-l-extend-40 {
  --fui-l-extend: 40px !important;
}

.fui-t-extend-40 {
  --fui-t-extend: 40px !important;
}

.fui-b-extend-40 {
  --fui-b-extend: 40px !important;
}

.fui-t-40 {
  --fui-t: 40px;
}

.fui-b-40 {
  --fui-b: 40px;
}

.fui-l-40 {
  --fui-l: 40px;
}

.fui-r-40 {
  --fui-r: 40px;
}

.fui-all-extend-45 {
  --fui-t-extend: 45px;
  --fui-r-extend: 45px;
  --fui-b-extend: 45px;
  --fui-l-extend: 45px;
}

.fui-extend-x-45 {
  --fui-r-extend: 45px !important;
  --fui-l-extend: 45px !important;
}

.fui--extend-y-45 {
  --fui-t-extend: 45px !important;
  --fui-b-extend: 45px !important;
}

.fui-r-extend-45 {
  --fui-r-extend: 45px !important;
}

.fui-l-extend-45 {
  --fui-l-extend: 45px !important;
}

.fui-t-extend-45 {
  --fui-t-extend: 45px !important;
}

.fui-b-extend-45 {
  --fui-b-extend: 45px !important;
}

.fui-t-45 {
  --fui-t: 45px;
}

.fui-b-45 {
  --fui-b: 45px;
}

.fui-l-45 {
  --fui-l: 45px;
}

.fui-r-45 {
  --fui-r: 45px;
}

.fui-all-extend-50 {
  --fui-t-extend: 50px;
  --fui-r-extend: 50px;
  --fui-b-extend: 50px;
  --fui-l-extend: 50px;
}

.fui-extend-x-50 {
  --fui-r-extend: 50px !important;
  --fui-l-extend: 50px !important;
}

.fui--extend-y-50 {
  --fui-t-extend: 50px !important;
  --fui-b-extend: 50px !important;
}

.fui-r-extend-50 {
  --fui-r-extend: 50px !important;
}

.fui-l-extend-50 {
  --fui-l-extend: 50px !important;
}

.fui-t-extend-50 {
  --fui-t-extend: 50px !important;
}

.fui-b-extend-50 {
  --fui-b-extend: 50px !important;
}

.fui-t-50 {
  --fui-t: 50px;
}

.fui-b-50 {
  --fui-b: 50px;
}

.fui-l-50 {
  --fui-l: 50px;
}

.fui-r-50 {
  --fui-r: 50px;
}

.fui-all-extend-55 {
  --fui-t-extend: 55px;
  --fui-r-extend: 55px;
  --fui-b-extend: 55px;
  --fui-l-extend: 55px;
}

.fui-extend-x-55 {
  --fui-r-extend: 55px !important;
  --fui-l-extend: 55px !important;
}

.fui--extend-y-55 {
  --fui-t-extend: 55px !important;
  --fui-b-extend: 55px !important;
}

.fui-r-extend-55 {
  --fui-r-extend: 55px !important;
}

.fui-l-extend-55 {
  --fui-l-extend: 55px !important;
}

.fui-t-extend-55 {
  --fui-t-extend: 55px !important;
}

.fui-b-extend-55 {
  --fui-b-extend: 55px !important;
}

.fui-t-55 {
  --fui-t: 55px;
}

.fui-b-55 {
  --fui-b: 55px;
}

.fui-l-55 {
  --fui-l: 55px;
}

.fui-r-55 {
  --fui-r: 55px;
}

.fui-all-extend-60 {
  --fui-t-extend: 60px;
  --fui-r-extend: 60px;
  --fui-b-extend: 60px;
  --fui-l-extend: 60px;
}

.fui-extend-x-60 {
  --fui-r-extend: 60px !important;
  --fui-l-extend: 60px !important;
}

.fui--extend-y-60 {
  --fui-t-extend: 60px !important;
  --fui-b-extend: 60px !important;
}

.fui-r-extend-60 {
  --fui-r-extend: 60px !important;
}

.fui-l-extend-60 {
  --fui-l-extend: 60px !important;
}

.fui-t-extend-60 {
  --fui-t-extend: 60px !important;
}

.fui-b-extend-60 {
  --fui-b-extend: 60px !important;
}

.fui-t-60 {
  --fui-t: 60px;
}

.fui-b-60 {
  --fui-b: 60px;
}

.fui-l-60 {
  --fui-l: 60px;
}

.fui-r-60 {
  --fui-r: 60px;
}

.fui-all-extend-65 {
  --fui-t-extend: 65px;
  --fui-r-extend: 65px;
  --fui-b-extend: 65px;
  --fui-l-extend: 65px;
}

.fui-extend-x-65 {
  --fui-r-extend: 65px !important;
  --fui-l-extend: 65px !important;
}

.fui--extend-y-65 {
  --fui-t-extend: 65px !important;
  --fui-b-extend: 65px !important;
}

.fui-r-extend-65 {
  --fui-r-extend: 65px !important;
}

.fui-l-extend-65 {
  --fui-l-extend: 65px !important;
}

.fui-t-extend-65 {
  --fui-t-extend: 65px !important;
}

.fui-b-extend-65 {
  --fui-b-extend: 65px !important;
}

.fui-t-65 {
  --fui-t: 65px;
}

.fui-b-65 {
  --fui-b: 65px;
}

.fui-l-65 {
  --fui-l: 65px;
}

.fui-r-65 {
  --fui-r: 65px;
}

.fui-all-extend-70 {
  --fui-t-extend: 70px;
  --fui-r-extend: 70px;
  --fui-b-extend: 70px;
  --fui-l-extend: 70px;
}

.fui-extend-x-70 {
  --fui-r-extend: 70px !important;
  --fui-l-extend: 70px !important;
}

.fui--extend-y-70 {
  --fui-t-extend: 70px !important;
  --fui-b-extend: 70px !important;
}

.fui-r-extend-70 {
  --fui-r-extend: 70px !important;
}

.fui-l-extend-70 {
  --fui-l-extend: 70px !important;
}

.fui-t-extend-70 {
  --fui-t-extend: 70px !important;
}

.fui-b-extend-70 {
  --fui-b-extend: 70px !important;
}

.fui-t-70 {
  --fui-t: 70px;
}

.fui-b-70 {
  --fui-b: 70px;
}

.fui-l-70 {
  --fui-l: 70px;
}

.fui-r-70 {
  --fui-r: 70px;
}

.fui-all-extend-75 {
  --fui-t-extend: 75px;
  --fui-r-extend: 75px;
  --fui-b-extend: 75px;
  --fui-l-extend: 75px;
}

.fui-extend-x-75 {
  --fui-r-extend: 75px !important;
  --fui-l-extend: 75px !important;
}

.fui--extend-y-75 {
  --fui-t-extend: 75px !important;
  --fui-b-extend: 75px !important;
}

.fui-r-extend-75 {
  --fui-r-extend: 75px !important;
}

.fui-l-extend-75 {
  --fui-l-extend: 75px !important;
}

.fui-t-extend-75 {
  --fui-t-extend: 75px !important;
}

.fui-b-extend-75 {
  --fui-b-extend: 75px !important;
}

.fui-t-75 {
  --fui-t: 75px;
}

.fui-b-75 {
  --fui-b: 75px;
}

.fui-l-75 {
  --fui-l: 75px;
}

.fui-r-75 {
  --fui-r: 75px;
}

.fui-all-extend-80 {
  --fui-t-extend: 80px;
  --fui-r-extend: 80px;
  --fui-b-extend: 80px;
  --fui-l-extend: 80px;
}

.fui-extend-x-80 {
  --fui-r-extend: 80px !important;
  --fui-l-extend: 80px !important;
}

.fui--extend-y-80 {
  --fui-t-extend: 80px !important;
  --fui-b-extend: 80px !important;
}

.fui-r-extend-80 {
  --fui-r-extend: 80px !important;
}

.fui-l-extend-80 {
  --fui-l-extend: 80px !important;
}

.fui-t-extend-80 {
  --fui-t-extend: 80px !important;
}

.fui-b-extend-80 {
  --fui-b-extend: 80px !important;
}

.fui-t-80 {
  --fui-t: 80px;
}

.fui-b-80 {
  --fui-b: 80px;
}

.fui-l-80 {
  --fui-l: 80px;
}

.fui-r-80 {
  --fui-r: 80px;
}

.fui-all-extend-85 {
  --fui-t-extend: 85px;
  --fui-r-extend: 85px;
  --fui-b-extend: 85px;
  --fui-l-extend: 85px;
}

.fui-extend-x-85 {
  --fui-r-extend: 85px !important;
  --fui-l-extend: 85px !important;
}

.fui--extend-y-85 {
  --fui-t-extend: 85px !important;
  --fui-b-extend: 85px !important;
}

.fui-r-extend-85 {
  --fui-r-extend: 85px !important;
}

.fui-l-extend-85 {
  --fui-l-extend: 85px !important;
}

.fui-t-extend-85 {
  --fui-t-extend: 85px !important;
}

.fui-b-extend-85 {
  --fui-b-extend: 85px !important;
}

.fui-t-85 {
  --fui-t: 85px;
}

.fui-b-85 {
  --fui-b: 85px;
}

.fui-l-85 {
  --fui-l: 85px;
}

.fui-r-85 {
  --fui-r: 85px;
}

.fui-all-extend-90 {
  --fui-t-extend: 90px;
  --fui-r-extend: 90px;
  --fui-b-extend: 90px;
  --fui-l-extend: 90px;
}

.fui-extend-x-90 {
  --fui-r-extend: 90px !important;
  --fui-l-extend: 90px !important;
}

.fui--extend-y-90 {
  --fui-t-extend: 90px !important;
  --fui-b-extend: 90px !important;
}

.fui-r-extend-90 {
  --fui-r-extend: 90px !important;
}

.fui-l-extend-90 {
  --fui-l-extend: 90px !important;
}

.fui-t-extend-90 {
  --fui-t-extend: 90px !important;
}

.fui-b-extend-90 {
  --fui-b-extend: 90px !important;
}

.fui-t-90 {
  --fui-t: 90px;
}

.fui-b-90 {
  --fui-b: 90px;
}

.fui-l-90 {
  --fui-l: 90px;
}

.fui-r-90 {
  --fui-r: 90px;
}

.fui-all-extend-95 {
  --fui-t-extend: 95px;
  --fui-r-extend: 95px;
  --fui-b-extend: 95px;
  --fui-l-extend: 95px;
}

.fui-extend-x-95 {
  --fui-r-extend: 95px !important;
  --fui-l-extend: 95px !important;
}

.fui--extend-y-95 {
  --fui-t-extend: 95px !important;
  --fui-b-extend: 95px !important;
}

.fui-r-extend-95 {
  --fui-r-extend: 95px !important;
}

.fui-l-extend-95 {
  --fui-l-extend: 95px !important;
}

.fui-t-extend-95 {
  --fui-t-extend: 95px !important;
}

.fui-b-extend-95 {
  --fui-b-extend: 95px !important;
}

.fui-t-95 {
  --fui-t: 95px;
}

.fui-b-95 {
  --fui-b: 95px;
}

.fui-l-95 {
  --fui-l: 95px;
}

.fui-r-95 {
  --fui-r: 95px;
}

.fui-all-extend-100 {
  --fui-t-extend: 100px;
  --fui-r-extend: 100px;
  --fui-b-extend: 100px;
  --fui-l-extend: 100px;
}

.fui-extend-x-100 {
  --fui-r-extend: 100px !important;
  --fui-l-extend: 100px !important;
}

.fui--extend-y-100 {
  --fui-t-extend: 100px !important;
  --fui-b-extend: 100px !important;
}

.fui-r-extend-100 {
  --fui-r-extend: 100px !important;
}

.fui-l-extend-100 {
  --fui-l-extend: 100px !important;
}

.fui-t-extend-100 {
  --fui-t-extend: 100px !important;
}

.fui-b-extend-100 {
  --fui-b-extend: 100px !important;
}

.fui-t-100 {
  --fui-t: 100px;
}

.fui-b-100 {
  --fui-b: 100px;
}

.fui-l-100 {
  --fui-l: 100px;
}

.fui-r-100 {
  --fui-r: 100px;
}

.fui-all-extend-120 {
  --fui-t-extend: 120px;
  --fui-r-extend: 120px;
  --fui-b-extend: 120px;
  --fui-l-extend: 120px;
}

.fui-extend-x-120 {
  --fui-r-extend: 120px !important;
  --fui-l-extend: 120px !important;
}

.fui--extend-y-120 {
  --fui-t-extend: 120px !important;
  --fui-b-extend: 120px !important;
}

.fui-r-extend-120 {
  --fui-r-extend: 120px !important;
}

.fui-l-extend-120 {
  --fui-l-extend: 120px !important;
}

.fui-t-extend-120 {
  --fui-t-extend: 120px !important;
}

.fui-b-extend-120 {
  --fui-b-extend: 120px !important;
}

.fui-t-120 {
  --fui-t: 120px;
}

.fui-b-120 {
  --fui-b: 120px;
}

.fui-l-120 {
  --fui-l: 120px;
}

.fui-r-120 {
  --fui-r: 120px;
}

.fui-all-extend-150 {
  --fui-t-extend: 150px;
  --fui-r-extend: 150px;
  --fui-b-extend: 150px;
  --fui-l-extend: 150px;
}

.fui-extend-x-150 {
  --fui-r-extend: 150px !important;
  --fui-l-extend: 150px !important;
}

.fui--extend-y-150 {
  --fui-t-extend: 150px !important;
  --fui-b-extend: 150px !important;
}

.fui-r-extend-150 {
  --fui-r-extend: 150px !important;
}

.fui-l-extend-150 {
  --fui-l-extend: 150px !important;
}

.fui-t-extend-150 {
  --fui-t-extend: 150px !important;
}

.fui-b-extend-150 {
  --fui-b-extend: 150px !important;
}

.fui-t-150 {
  --fui-t: 150px;
}

.fui-b-150 {
  --fui-b: 150px;
}

.fui-l-150 {
  --fui-l: 150px;
}

.fui-r-150 {
  --fui-r: 150px;
}

.fui-all-extend-200 {
  --fui-t-extend: 200px;
  --fui-r-extend: 200px;
  --fui-b-extend: 200px;
  --fui-l-extend: 200px;
}

.fui-extend-x-200 {
  --fui-r-extend: 200px !important;
  --fui-l-extend: 200px !important;
}

.fui--extend-y-200 {
  --fui-t-extend: 200px !important;
  --fui-b-extend: 200px !important;
}

.fui-r-extend-200 {
  --fui-r-extend: 200px !important;
}

.fui-l-extend-200 {
  --fui-l-extend: 200px !important;
}

.fui-t-extend-200 {
  --fui-t-extend: 200px !important;
}

.fui-b-extend-200 {
  --fui-b-extend: 200px !important;
}

.fui-t-200 {
  --fui-t: 200px;
}

.fui-b-200 {
  --fui-b: 200px;
}

.fui-l-200 {
  --fui-l: 200px;
}

.fui-r-200 {
  --fui-r: 200px;
}

.fui-all-extend-250 {
  --fui-t-extend: 250px;
  --fui-r-extend: 250px;
  --fui-b-extend: 250px;
  --fui-l-extend: 250px;
}

.fui-extend-x-250 {
  --fui-r-extend: 250px !important;
  --fui-l-extend: 250px !important;
}

.fui--extend-y-250 {
  --fui-t-extend: 250px !important;
  --fui-b-extend: 250px !important;
}

.fui-r-extend-250 {
  --fui-r-extend: 250px !important;
}

.fui-l-extend-250 {
  --fui-l-extend: 250px !important;
}

.fui-t-extend-250 {
  --fui-t-extend: 250px !important;
}

.fui-b-extend-250 {
  --fui-b-extend: 250px !important;
}

.fui-t-250 {
  --fui-t: 250px;
}

.fui-b-250 {
  --fui-b: 250px;
}

.fui-l-250 {
  --fui-l: 250px;
}

.fui-r-250 {
  --fui-r: 250px;
}

.fui-border-1 {
  --fui-border:1px !important;
}

.fui-inlay-all-1 {
  --fui-inlay: 1px;
}

.fui-border-2 {
  --fui-border:2px !important;
}

.fui-inlay-all-2 {
  --fui-inlay: 2px;
}

.fui-border-3 {
  --fui-border:3px !important;
}

.fui-inlay-all-3 {
  --fui-inlay: 3px;
}

.fui-border-4 {
  --fui-border:4px !important;
}

.fui-inlay-all-4 {
  --fui-inlay: 4px;
}

.fui-border-5 {
  --fui-border:5px !important;
}

.fui-inlay-all-5 {
  --fui-inlay: 5px;
}

.fui-border-6 {
  --fui-border:6px !important;
}

.fui-inlay-all-6 {
  --fui-inlay: 6px;
}

.fui-border-7 {
  --fui-border:7px !important;
}

.fui-inlay-all-7 {
  --fui-inlay: 7px;
}

.fui-border-8 {
  --fui-border:8px !important;
}

.fui-inlay-all-8 {
  --fui-inlay: 8px;
}

.fui-border-9 {
  --fui-border:9px !important;
}

.fui-inlay-all-9 {
  --fui-inlay: 9px;
}

.fui-border-10 {
  --fui-border:10px !important;
}

.fui-inlay-all-10 {
  --fui-inlay: 10px;
}

.fui-border-primary {
  --fui-border-bg:#9b51e0;
}
.fui-border-secondary {
  --fui-border-bg:#084298;
}
.fui-border-success {
  --fui-border-bg:#00d084;
}
.fui-border-warning {
  --fui-border-bg:#fcb900;
}
.fui-border-danger {
  --fui-border-bg:#cf2e2e;
}
.fui-border-white {
  --fui-border-bg:white;
}
.fui-border-black {
  --fui-border-bg:black;
}
.fui-border-transparent {
  --fui-border-bg:rgba(0, 0, 0, 0);
}

.fui-inlay-bg-primary {
  --fui-inlay-bg:#9b51e0;
}
.fui-inlay-bg-secondary {
  --fui-inlay-bg:#084298;
}
.fui-inlay-bg-success {
  --fui-inlay-bg:#00d084;
}
.fui-inlay-bg-danger {
  --fui-inlay-bg:#cf2e2e;
}
.fui-inlay-bg-warning {
  --fui-inlay-bg:#fcb900;
}
.fui-inlay-bg-white {
  --fui-inlay-bg:white;
}
.fui-inlay-bg-black {
  --fui-inlay-bg:black;
}
.fui-inlay-bg-transparent {
  --fui-inlay-bg:rgba(0, 0, 0, 0);
}

.fui-border-primary-5 {
  --fui-border-bg:rgba(155, 81, 224, 0.05);
}
.fui-border-secondary-5 {
  --fui-border-bg:rgba(8, 66, 152, 0.05);
}
.fui-border-success-5 {
  --fui-border-bg:rgba(0, 208, 132, 0.05);
}
.fui-border-warning-5 {
  --fui-border-bg:rgba(252, 185, 0, 0.05);
}
.fui-border-danger-5 {
  --fui-border-bg:rgba(207, 46, 46, 0.05);
}
.fui-border-white-5 {
  --fui-border-bg:rgba(255, 255, 255, 0.05);
}
.fui-border-black-5 {
  --fui-border-bg:rgba(0, 0, 0, 0.05);
}

.fui-inlay-primary-5 {
  --aug-inlay-bg:rgba(155, 81, 224, 0.05);
  --fui-inlay-bg:rgba(155, 81, 224, 0.05);
}
.fui-inlay-secondary-5 {
  --aug-inlay-bg:rgba(8, 66, 152, 0.05);
  --fui-inlay-bg:rgba(8, 66, 152, 0.05);
}
.fui-inlay-success-5 {
  --aug-inlay-bg:rgba(0, 208, 132, 0.05);
  --fui-inlay-bg:rgba(0, 208, 132, 0.05);
}
.fui-inlay-warning-5 {
  --aug-inlay-bg:rgba(252, 185, 0, 0.05);
  --fui-inlay-bg:rgba(252, 185, 0, 0.05);
}
.fui-inlay-danger-5 {
  --aug-inlay-bg:rgba(207, 46, 46, 0.05);
  --fui-inlay-bg:rgba(207, 46, 46, 0.05);
}
.fui-inlay-white-5 {
  --aug-inlay-bg:rgba(255, 255, 255, 0.05);
  --fui-inlay-bg:rgba(255, 255, 255, 0.05);
}
.fui-inlay-black-5 {
  --aug-inlay-bg:rgba(0, 0, 0, 0.05);
  --fui-inlay-bg:rgba(0, 0, 0, 0.05);
}

.fui-border-primary-10 {
  --fui-border-bg:rgba(155, 81, 224, 0.1);
}
.fui-border-secondary-10 {
  --fui-border-bg:rgba(8, 66, 152, 0.1);
}
.fui-border-success-10 {
  --fui-border-bg:rgba(0, 208, 132, 0.1);
}
.fui-border-warning-10 {
  --fui-border-bg:rgba(252, 185, 0, 0.1);
}
.fui-border-danger-10 {
  --fui-border-bg:rgba(207, 46, 46, 0.1);
}
.fui-border-white-10 {
  --fui-border-bg:rgba(255, 255, 255, 0.1);
}
.fui-border-black-10 {
  --fui-border-bg:rgba(0, 0, 0, 0.1);
}

.fui-inlay-primary-10 {
  --aug-inlay-bg:rgba(155, 81, 224, 0.1);
  --fui-inlay-bg:rgba(155, 81, 224, 0.1);
}
.fui-inlay-secondary-10 {
  --aug-inlay-bg:rgba(8, 66, 152, 0.1);
  --fui-inlay-bg:rgba(8, 66, 152, 0.1);
}
.fui-inlay-success-10 {
  --aug-inlay-bg:rgba(0, 208, 132, 0.1);
  --fui-inlay-bg:rgba(0, 208, 132, 0.1);
}
.fui-inlay-warning-10 {
  --aug-inlay-bg:rgba(252, 185, 0, 0.1);
  --fui-inlay-bg:rgba(252, 185, 0, 0.1);
}
.fui-inlay-danger-10 {
  --aug-inlay-bg:rgba(207, 46, 46, 0.1);
  --fui-inlay-bg:rgba(207, 46, 46, 0.1);
}
.fui-inlay-white-10 {
  --aug-inlay-bg:rgba(255, 255, 255, 0.1);
  --fui-inlay-bg:rgba(255, 255, 255, 0.1);
}
.fui-inlay-black-10 {
  --aug-inlay-bg:rgba(0, 0, 0, 0.1);
  --fui-inlay-bg:rgba(0, 0, 0, 0.1);
}

.fui-border-primary-25 {
  --fui-border-bg:rgba(155, 81, 224, 0.25);
}
.fui-border-secondary-25 {
  --fui-border-bg:rgba(8, 66, 152, 0.25);
}
.fui-border-success-25 {
  --fui-border-bg:rgba(0, 208, 132, 0.25);
}
.fui-border-warning-25 {
  --fui-border-bg:rgba(252, 185, 0, 0.25);
}
.fui-border-danger-25 {
  --fui-border-bg:rgba(207, 46, 46, 0.25);
}
.fui-border-white-25 {
  --fui-border-bg:rgba(255, 255, 255, 0.25);
}
.fui-border-black-25 {
  --fui-border-bg:rgba(0, 0, 0, 0.25);
}

.fui-inlay-primary-25 {
  --aug-inlay-bg:rgba(155, 81, 224, 0.25);
  --fui-inlay-bg:rgba(155, 81, 224, 0.25);
}
.fui-inlay-secondary-25 {
  --aug-inlay-bg:rgba(8, 66, 152, 0.25);
  --fui-inlay-bg:rgba(8, 66, 152, 0.25);
}
.fui-inlay-success-25 {
  --aug-inlay-bg:rgba(0, 208, 132, 0.25);
  --fui-inlay-bg:rgba(0, 208, 132, 0.25);
}
.fui-inlay-warning-25 {
  --aug-inlay-bg:rgba(252, 185, 0, 0.25);
  --fui-inlay-bg:rgba(252, 185, 0, 0.25);
}
.fui-inlay-danger-25 {
  --aug-inlay-bg:rgba(207, 46, 46, 0.25);
  --fui-inlay-bg:rgba(207, 46, 46, 0.25);
}
.fui-inlay-white-25 {
  --aug-inlay-bg:rgba(255, 255, 255, 0.25);
  --fui-inlay-bg:rgba(255, 255, 255, 0.25);
}
.fui-inlay-black-25 {
  --aug-inlay-bg:rgba(0, 0, 0, 0.25);
  --fui-inlay-bg:rgba(0, 0, 0, 0.25);
}

.fui-border-primary-50 {
  --fui-border-bg:rgba(155, 81, 224, 0.5);
}
.fui-border-secondary-50 {
  --fui-border-bg:rgba(8, 66, 152, 0.5);
}
.fui-border-success-50 {
  --fui-border-bg:rgba(0, 208, 132, 0.5);
}
.fui-border-warning-50 {
  --fui-border-bg:rgba(252, 185, 0, 0.5);
}
.fui-border-danger-50 {
  --fui-border-bg:rgba(207, 46, 46, 0.5);
}
.fui-border-white-50 {
  --fui-border-bg:rgba(255, 255, 255, 0.5);
}
.fui-border-black-50 {
  --fui-border-bg:rgba(0, 0, 0, 0.5);
}

.fui-inlay-primary-50 {
  --aug-inlay-bg:rgba(155, 81, 224, 0.5);
  --fui-inlay-bg:rgba(155, 81, 224, 0.5);
}
.fui-inlay-secondary-50 {
  --aug-inlay-bg:rgba(8, 66, 152, 0.5);
  --fui-inlay-bg:rgba(8, 66, 152, 0.5);
}
.fui-inlay-success-50 {
  --aug-inlay-bg:rgba(0, 208, 132, 0.5);
  --fui-inlay-bg:rgba(0, 208, 132, 0.5);
}
.fui-inlay-warning-50 {
  --aug-inlay-bg:rgba(252, 185, 0, 0.5);
  --fui-inlay-bg:rgba(252, 185, 0, 0.5);
}
.fui-inlay-danger-50 {
  --aug-inlay-bg:rgba(207, 46, 46, 0.5);
  --fui-inlay-bg:rgba(207, 46, 46, 0.5);
}
.fui-inlay-white-50 {
  --aug-inlay-bg:rgba(255, 255, 255, 0.5);
  --fui-inlay-bg:rgba(255, 255, 255, 0.5);
}
.fui-inlay-black-50 {
  --aug-inlay-bg:rgba(0, 0, 0, 0.5);
  --fui-inlay-bg:rgba(0, 0, 0, 0.5);
}

.fui-border-primary-75 {
  --fui-border-bg:rgba(155, 81, 224, 0.75);
}
.fui-border-secondary-75 {
  --fui-border-bg:rgba(8, 66, 152, 0.75);
}
.fui-border-success-75 {
  --fui-border-bg:rgba(0, 208, 132, 0.75);
}
.fui-border-warning-75 {
  --fui-border-bg:rgba(252, 185, 0, 0.75);
}
.fui-border-danger-75 {
  --fui-border-bg:rgba(207, 46, 46, 0.75);
}
.fui-border-white-75 {
  --fui-border-bg:rgba(255, 255, 255, 0.75);
}
.fui-border-black-75 {
  --fui-border-bg:rgba(0, 0, 0, 0.75);
}

.fui-inlay-primary-75 {
  --aug-inlay-bg:rgba(155, 81, 224, 0.75);
  --fui-inlay-bg:rgba(155, 81, 224, 0.75);
}
.fui-inlay-secondary-75 {
  --aug-inlay-bg:rgba(8, 66, 152, 0.75);
  --fui-inlay-bg:rgba(8, 66, 152, 0.75);
}
.fui-inlay-success-75 {
  --aug-inlay-bg:rgba(0, 208, 132, 0.75);
  --fui-inlay-bg:rgba(0, 208, 132, 0.75);
}
.fui-inlay-warning-75 {
  --aug-inlay-bg:rgba(252, 185, 0, 0.75);
  --fui-inlay-bg:rgba(252, 185, 0, 0.75);
}
.fui-inlay-danger-75 {
  --aug-inlay-bg:rgba(207, 46, 46, 0.75);
  --fui-inlay-bg:rgba(207, 46, 46, 0.75);
}
.fui-inlay-white-75 {
  --aug-inlay-bg:rgba(255, 255, 255, 0.75);
  --fui-inlay-bg:rgba(255, 255, 255, 0.75);
}
.fui-inlay-black-75 {
  --aug-inlay-bg:rgba(0, 0, 0, 0.75);
  --fui-inlay-bg:rgba(0, 0, 0, 0.75);
}

[fui-clip-both] {
  position: relative;
  clip-path: polygon(0% var(--fui-tl), var(--fui-tl) 0%, calc(var(--fui-t-center) - var(--fui-t-extend)) 0%, calc(var(--fui-t-center) - var(--fui-t-extend) + var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend) - var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend)) 0%, calc(100% - var(--fui-tr)) 0%, 100% var(--fui-tr), 100% calc(var(--fui-r-center) - var(--fui-r-extend)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) - var(--fui-r-extend) + var(--fui-r)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) + var(--fui-r-extend) - var(--fui-r)), 100% calc(var(--fui-r-center) + var(--fui-r-extend)), 100% calc(100% - var(--fui-br)), calc(100% - var(--fui-br)) 100%, calc(var(--fui-b-center) + var(--fui-b-extend)) 100%, calc(var(--fui-b-center) + var(--fui-b-extend) - var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - var(--fui-b-extend) + var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - var(--fui-b-extend)) 100%, var(--fui-bl) 100%, 0 calc(100% - var(--fui-bl)), 0% calc(var(--fui-l-center) + var(--fui-l-extend)), var(--fui-l) calc(var(--fui-l-center) + var(--fui-l-extend) - var(--fui-l)), var(--fui-l) calc(var(--fui-l-center) - var(--fui-l-extend) + var(--fui-l)), 0% calc(var(--fui-l-center) - var(--fui-l-extend)));
}
[fui-clip-both]::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(var(--fui-inlay) + var(--fui-border));
  right: calc(var(--fui-inlay) + var(--fui-border));
  bottom: calc(var(--fui-inlay) + var(--fui-border));
  left: calc(var(--fui-inlay) + var(--fui-border));
  clip-path: polygon(0% calc(var(--fui-tl) - (var(--fui-inlay) + var(--fui-border)) / 2), calc(var(--fui-tl) - (var(--fui-inlay) + var(--fui-border)) / 2) 0%, calc(var(--fui-t-center) - (var(--fui-t-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2)) 0%, calc(var(--fui-t-center) - (var(--fui-t-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2) + var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2 - var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2) 0%, calc(100% - (var(--fui-tr) - (var(--fui-inlay) + var(--fui-border)) / 2)) 0%, 100% calc(var(--fui-tr) - (var(--fui-inlay) + var(--fui-border)) / 2), 100% calc(var(--fui-r-center) - (var(--fui-r-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) - (var(--fui-r-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2) + var(--fui-r)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) + var(--fui-r-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2 - var(--fui-r)), 100% calc(var(--fui-r-center) + var(--fui-r-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2), 100% calc(100% - (var(--fui-br) - (var(--fui-inlay) + var(--fui-border)) / 2)), calc(100% - (var(--fui-br) - (var(--fui-inlay) + var(--fui-border)) / 2)) 100%, calc(var(--fui-b-center) + var(--fui-b-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2) 100%, calc(var(--fui-b-center) + var(--fui-b-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2 - var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - (var(--fui-b-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2) + var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - (var(--fui-b-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2)) 100%, calc(var(--fui-bl) - (var(--fui-inlay) + var(--fui-border)) / 2) 100%, 0% calc(100% - (var(--fui-bl) - (var(--fui-inlay) + var(--fui-border)) / 2)), 0% calc(var(--fui-l-center) + var(--fui-l-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2), var(--fui-l) calc(var(--fui-l-center) + var(--fui-l-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2 - var(--fui-l)), var(--fui-l) calc(var(--fui-l-center) - (var(--fui-l-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2) + var(--fui-l)), 0% calc(var(--fui-l-center) - (var(--fui-l-extend) + var(--fui-border) / 2 + var(--fui-inlay) / 2)));
  background: var(--fui-inlay-bg);
  pointer-events: none;
}
[fui-clip-both]::after {
  content: "";
  position: absolute;
  top: -0.5px;
  right: -0.5px;
  bottom: -0.5px;
  left: -0.5px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 18%, var(--fui-border) 18%, var(--fui-border) calc(var(--fui-l-center) - (var(--fui-l-extend) + var(--fui-border) / 2)), calc(var(--fui-border) + var(--fui-l)) calc(var(--fui-l-center) - (var(--fui-l-extend) + var(--fui-border) / 2 - var(--fui-l))), calc(var(--fui-border) + var(--fui-l)) calc(var(--fui-l-center) + var(--fui-l-extend) + var(--fui-border) / 2 - var(--fui-l)), var(--fui-border) calc(var(--fui-l-center) + var(--fui-l-extend) + var(--fui-border) / 2), var(--fui-border) calc(100% - (var(--fui-bl) + var(--fui-border) / 2)), calc(var(--fui-bl) + var(--fui-border) / 2) calc(100% - var(--fui-border)), calc(var(--fui-b-center) - (var(--fui-b-extend) + var(--fui-border) / 2)) calc(100% - var(--fui-border)), calc(var(--fui-b-center) - (var(--fui-b-extend) + var(--fui-border) / 2 - var(--fui-b))) calc(100% - (var(--fui-border) + var(--fui-b))), calc(var(--fui-b-center) + var(--fui-b-extend) + var(--fui-border) / 2 - var(--fui-b)) calc(100% - (var(--fui-border) + var(--fui-b))), calc(var(--fui-b-center) + var(--fui-b-extend) + var(--fui-border) / 2) calc(100% - var(--fui-border)), calc(100% - (var(--fui-br) + var(--fui-border) / 2)) calc(100% - var(--fui-border)), calc(100% - var(--fui-border)) calc(100% - (var(--fui-br) + var(--fui-border) / 2)), calc(100% - var(--fui-border)) calc(var(--fui-r-center) + var(--fui-r-extend) + var(--fui-border) / 2), calc(100% - (var(--fui-border) + var(--fui-r))) calc(var(--fui-r-center) + var(--fui-r-extend) + var(--fui-border) / 2 - var(--fui-r)), calc(100% - (var(--fui-border) + var(--fui-r))) calc(var(--fui-r-center) - (var(--fui-r-extend) + var(--fui-border) / 2 - var(--fui-r))), calc(100% - var(--fui-border)) calc(var(--fui-r-center) - (var(--fui-r-extend) + var(--fui-border) / 2)), calc(100% - var(--fui-border)) calc(var(--fui-tr) + var(--fui-border) / 2), calc(100% - (var(--fui-tr) + var(--fui-border) / 2)) var(--fui-border), calc(var(--fui-t-center) + var(--fui-t-extend) + var(--fui-border) / 2) var(--fui-border), calc(var(--fui-t-center) + var(--fui-t-extend) + var(--fui-border) / 2 - var(--fui-t)) calc(var(--fui-border) + var(--fui-t)), calc(var(--fui-t-center) - (var(--fui-t-extend) + var(--fui-border) / 2 - var(--fui-t))) calc(var(--fui-border) + var(--fui-t)), calc(var(--fui-t-center) - (var(--fui-t-extend) + var(--fui-border) / 2)) var(--fui-border), calc(var(--fui-tl) + var(--fui-border) / 2) var(--fui-border), var(--fui-border) calc(var(--fui-tl) + var(--fui-border) / 2), var(--fui-border) 18%, 0% 18%);
  background: var(--fui-border-bg);
  pointer-events: none;
}

[fui-clip-border] {
  position: relative;
  clip-path: polygon(0% var(--fui-tl), var(--fui-tl) 0%, calc(var(--fui-t-center) - var(--fui-t-extend)) 0%, calc(var(--fui-t-center) - var(--fui-t-extend) + var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend) - var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend)) 0%, calc(100% - var(--fui-tr)) 0%, 100% var(--fui-tr), 100% calc(var(--fui-r-center) - var(--fui-r-extend)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) - var(--fui-r-extend) + var(--fui-r)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) + var(--fui-r-extend) - var(--fui-r)), 100% calc(var(--fui-r-center) + var(--fui-r-extend)), 100% calc(100% - var(--fui-br)), calc(100% - var(--fui-br)) 100%, calc(var(--fui-b-center) + var(--fui-b-extend)) 100%, calc(var(--fui-b-center) + var(--fui-b-extend) - var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - var(--fui-b-extend) + var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - var(--fui-b-extend)) 100%, var(--fui-bl) 100%, 0 calc(100% - var(--fui-bl)), 0% calc(var(--fui-l-center) + var(--fui-l-extend)), var(--fui-l) calc(var(--fui-l-center) + var(--fui-l-extend) - var(--fui-l)), var(--fui-l) calc(var(--fui-l-center) - var(--fui-l-extend) + var(--fui-l)), 0% calc(var(--fui-l-center) - var(--fui-l-extend)));
}
[fui-clip-border]::after {
  content: "";
  position: absolute;
  top: -0.5px;
  right: -0.5px;
  bottom: -0.5px;
  left: -0.5px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 18%, var(--fui-border) 18%, var(--fui-border) calc(var(--fui-l-center) - (var(--fui-l-extend) + var(--fui-border) / 2)), calc(var(--fui-border) + var(--fui-l)) calc(var(--fui-l-center) - (var(--fui-l-extend) + var(--fui-border) / 2 - var(--fui-l))), calc(var(--fui-border) + var(--fui-l)) calc(var(--fui-l-center) + var(--fui-l-extend) + var(--fui-border) / 2 - var(--fui-l)), var(--fui-border) calc(var(--fui-l-center) + var(--fui-l-extend) + var(--fui-border) / 2), var(--fui-border) calc(100% - (var(--fui-bl) + var(--fui-border) / 2)), calc(var(--fui-bl) + var(--fui-border) / 2) calc(100% - var(--fui-border)), calc(var(--fui-b-center) - (var(--fui-b-extend) + var(--fui-border) / 2)) calc(100% - var(--fui-border)), calc(var(--fui-b-center) - (var(--fui-b-extend) + var(--fui-border) / 2 - var(--fui-b))) calc(100% - (var(--fui-border) + var(--fui-b))), calc(var(--fui-b-center) + var(--fui-b-extend) + var(--fui-border) / 2 - var(--fui-b)) calc(100% - (var(--fui-border) + var(--fui-b))), calc(var(--fui-b-center) + var(--fui-b-extend) + var(--fui-border) / 2) calc(100% - var(--fui-border)), calc(100% - (var(--fui-br) + var(--fui-border) / 2)) calc(100% - var(--fui-border)), calc(100% - var(--fui-border)) calc(100% - (var(--fui-br) + var(--fui-border) / 2)), calc(100% - var(--fui-border)) calc(var(--fui-r-center) + var(--fui-r-extend) + var(--fui-border) / 2), calc(100% - (var(--fui-border) + var(--fui-r))) calc(var(--fui-r-center) + var(--fui-r-extend) + var(--fui-border) / 2 - var(--fui-r)), calc(100% - (var(--fui-border) + var(--fui-r))) calc(var(--fui-r-center) - (var(--fui-r-extend) + var(--fui-border) / 2 - var(--fui-r))), calc(100% - var(--fui-border)) calc(var(--fui-r-center) - (var(--fui-r-extend) + var(--fui-border) / 2)), calc(100% - var(--fui-border)) calc(var(--fui-tr) + var(--fui-border) / 2), calc(100% - (var(--fui-tr) + var(--fui-border) / 2)) var(--fui-border), calc(var(--fui-t-center) + var(--fui-t-extend) + var(--fui-border) / 2) var(--fui-border), calc(var(--fui-t-center) + var(--fui-t-extend) + var(--fui-border) / 2 - var(--fui-t)) calc(var(--fui-border) + var(--fui-t)), calc(var(--fui-t-center) - (var(--fui-t-extend) + var(--fui-border) / 2 - var(--fui-t))) calc(var(--fui-border) + var(--fui-t)), calc(var(--fui-t-center) - (var(--fui-t-extend) + var(--fui-border) / 2)) var(--fui-border), calc(var(--fui-tl) + var(--fui-border) / 2) var(--fui-border), var(--fui-border) calc(var(--fui-tl) + var(--fui-border) / 2), var(--fui-border) 18%, 0% 18%);
  background-color: var(--fui-border-bg);
  pointer-events: none;
}

[fui-clip-inlay] {
  position: relative;
  clip-path: polygon(0% var(--fui-tl), var(--fui-tl) 0%, calc(var(--fui-t-center) - var(--fui-t-extend)) 0%, calc(var(--fui-t-center) - var(--fui-t-extend) + var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend) - var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend)) 0%, calc(100% - var(--fui-tr)) 0%, 100% var(--fui-tr), 100% calc(var(--fui-r-center) - var(--fui-r-extend)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) - var(--fui-r-extend) + var(--fui-r)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) + var(--fui-r-extend) - var(--fui-r)), 100% calc(var(--fui-r-center) + var(--fui-r-extend)), 100% calc(100% - var(--fui-br)), calc(100% - var(--fui-br)) 100%, calc(var(--fui-b-center) + var(--fui-b-extend)) 100%, calc(var(--fui-b-center) + var(--fui-b-extend) - var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - var(--fui-b-extend) + var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - var(--fui-b-extend)) 100%, var(--fui-bl) 100%, 0 calc(100% - var(--fui-bl)), 0% calc(var(--fui-l-center) + var(--fui-l-extend)), var(--fui-l) calc(var(--fui-l-center) + var(--fui-l-extend) - var(--fui-l)), var(--fui-l) calc(var(--fui-l-center) - var(--fui-l-extend) + var(--fui-l)), 0% calc(var(--fui-l-center) - var(--fui-l-extend)));
}
[fui-clip-inlay]::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: var(--fui-inlay);
  right: var(--fui-inlay);
  bottom: var(--fui-inlay);
  left: var(--fui-inlay);
  clip-path: polygon(0% calc(var(--fui-tl) - var(--fui-inlay) / 2), calc(var(--fui-tl) - var(--fui-inlay) / 2) 0%, calc(var(--fui-t-center) - (var(--fui-t-extend) + var(--fui-inlay) / 2)) 0%, calc(var(--fui-t-center) - (var(--fui-t-extend) + var(--fui-inlay) / 2) + var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend) + var(--fui-inlay) / 2 - var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend) + var(--fui-inlay) / 2) 0%, calc(100% - (var(--fui-tr) - var(--fui-inlay) / 2)) 0%, 100% calc(var(--fui-tr) - var(--fui-inlay) / 2), 100% calc(var(--fui-r-center) - (var(--fui-r-extend) + var(--fui-inlay) / 2)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) - (var(--fui-r-extend) + var(--fui-inlay) / 2) + var(--fui-r)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) + var(--fui-r-extend) + var(--fui-inlay) / 2 - var(--fui-r)), 100% calc(var(--fui-r-center) + var(--fui-r-extend) + var(--fui-inlay) / 2), 100% calc(100% - (var(--fui-br) - var(--fui-inlay) / 2)), calc(100% - (var(--fui-br) - var(--fui-inlay) / 2)) 100%, calc(var(--fui-b-center) + var(--fui-b-extend) + var(--fui-inlay) / 2) 100%, calc(var(--fui-b-center) + var(--fui-b-extend) + var(--fui-inlay) / 2 - var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - (var(--fui-b-extend) + var(--fui-inlay) / 2) + var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - (var(--fui-b-extend) + var(--fui-inlay) / 2)) 100%, calc(var(--fui-bl) - var(--fui-inlay) / 2) 100%, 0% calc(100% - (var(--fui-bl) - var(--fui-inlay) / 2)), 0% calc(var(--fui-l-center) + var(--fui-l-extend) + var(--fui-inlay) / 2), var(--fui-l) calc(var(--fui-l-center) + var(--fui-l-extend) + var(--fui-inlay) / 2 - var(--fui-l)), var(--fui-l) calc(var(--fui-l-center) - (var(--fui-l-extend) + var(--fui-inlay) / 2) + var(--fui-l)), 0% calc(var(--fui-l-center) - (var(--fui-l-extend) + var(--fui-inlay) / 2)));
  background: var(--fui-inlay-bg);
  pointer-events: none;
}

[fui-clip] {
  position: relative;
  clip-path: polygon(0% var(--fui-tl), var(--fui-tl) 0%, calc(var(--fui-t-center) - var(--fui-t-extend)) 0%, calc(var(--fui-t-center) - var(--fui-t-extend) + var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend) - var(--fui-t)) var(--fui-t), calc(var(--fui-t-center) + var(--fui-t-extend)) 0%, calc(100% - var(--fui-tr)) 0%, 100% var(--fui-tr), 100% calc(var(--fui-r-center) - var(--fui-r-extend)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) - var(--fui-r-extend) + var(--fui-r)), calc(100% - var(--fui-r)) calc(var(--fui-r-center) + var(--fui-r-extend) - var(--fui-r)), 100% calc(var(--fui-r-center) + var(--fui-r-extend)), 100% calc(100% - var(--fui-br)), calc(100% - var(--fui-br)) 100%, calc(var(--fui-b-center) + var(--fui-b-extend)) 100%, calc(var(--fui-b-center) + var(--fui-b-extend) - var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - var(--fui-b-extend) + var(--fui-b)) calc(100% - var(--fui-b)), calc(var(--fui-b-center) - var(--fui-b-extend)) 100%, var(--fui-bl) 100%, 0 calc(100% - var(--fui-bl)), 0% calc(var(--fui-l-center) + var(--fui-l-extend)), var(--fui-l) calc(var(--fui-l-center) + var(--fui-l-extend) - var(--fui-l)), var(--fui-l) calc(var(--fui-l-center) - var(--fui-l-extend) + var(--fui-l)), 0% calc(var(--fui-l-center) - var(--fui-l-extend)));
}

[fui-both] {
  position: relative;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
[fui-both]::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(var(--fui-inlay) + var(--fui-border));
  right: calc(var(--fui-inlay) + var(--fui-border));
  bottom: calc(var(--fui-inlay) + var(--fui-border));
  left: calc(var(--fui-inlay) + var(--fui-border));
  clip-path: polygon(0% calc(var(--fui-tl) - (var(--fui-inlay) + var(--fui-border)) / 2), calc(var(--fui-tl) - (var(--fui-inlay) + var(--fui-border)) / 2) 0%, calc(100% - (var(--fui-tr) - (var(--fui-inlay) + var(--fui-border)) / 2)) 0%, 100% calc(var(--fui-tr) - (var(--fui-inlay) + var(--fui-border)) / 2), 100% calc(100% - (var(--fui-br) - (var(--fui-inlay) + var(--fui-border)) / 2)), calc(100% - (var(--fui-br) - (var(--fui-inlay) + var(--fui-border)) / 2)) 100%, calc(var(--fui-bl) - (var(--fui-inlay) + var(--fui-border)) / 2) 100%, 0% calc(100% - (var(--fui-bl) - (var(--fui-inlay) + var(--fui-border)) / 2)));
  background: var(--fui-inlay-bg);
  pointer-events: none;
}
[fui-both]::after {
  content: "";
  position: absolute;
  top: -0.5px;
  right: -0.5px;
  bottom: -0.5px;
  left: 0;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, var(--fui-border) calc(var(--fui-tl) + var(--fui-border) / 2), var(--fui-border) calc(100% - (var(--fui-bl) + var(--fui-border) / 2)), calc(var(--fui-bl) + var(--fui-border) / 2) calc(100% - var(--fui-border)), calc(100% - (var(--fui-br) + var(--fui-border) / 2)) calc(100% - var(--fui-border)), calc(100% - var(--fui-border)) calc(100% - (var(--fui-br) + var(--fui-border) / 2)), calc(100% - var(--fui-border)) calc(var(--fui-tr) + var(--fui-border) / 2), calc(100% - (var(--fui-tr) + var(--fui-border) / 2)) var(--fui-border), calc(var(--fui-tl) + var(--fui-border) / 2) var(--fui-border), var(--fui-border) calc(var(--fui-tl) + var(--fui-border) / 2));
  background: var(--fui-border-bg);
  pointer-events: none;
}

[fui-border] {
  position: relative;
}
[fui-border]::after {
  content: "";
  position: absolute;
  top: -0.25px;
  right: -0.25px;
  bottom: -0.25px;
  left: -0.25px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, var(--fui-border) calc(var(--fui-tl) + var(--fui-border) / 2), var(--fui-border) calc(100% - (var(--fui-bl) + var(--fui-border) / 2)), calc(var(--fui-bl) + var(--fui-border) / 2) calc(100% - var(--fui-border)), calc(100% - (var(--fui-br) + var(--fui-border) / 2)) calc(100% - var(--fui-border)), calc(100% - var(--fui-border)) calc(100% - (var(--fui-br) + var(--fui-border) / 2)), calc(100% - var(--fui-border)) calc(var(--fui-tr) + var(--fui-border) / 2), calc(100% - (var(--fui-tr) + var(--fui-border) / 2)) var(--fui-border), calc(var(--fui-tl) + var(--fui-border) / 2) var(--fui-border), var(--fui-border) calc(var(--fui-tl) + var(--fui-border) / 2));
  background: var(--fui-border-bg);
  pointer-events: none;
}

[fui-inlay] {
  position: relative;
}
[fui-inlay]::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: var(--fui-inlay);
  right: var(--fui-inlay);
  bottom: var(--fui-inlay);
  left: var(--fui-inlay);
  clip-path: polygon(0% calc(var(--fui-tl) - var(--fui-inlay) / 2), calc(var(--fui-tl) - var(--fui-inlay) / 2) 0%, calc(100% - (var(--fui-tr) - var(--fui-inlay) / 2)) 0%, 100% calc(var(--fui-tr) - var(--fui-inlay) / 2), 100% calc(100% - (var(--fui-br) - var(--fui-inlay) / 2)), calc(100% - (var(--fui-br) - var(--fui-inlay) / 2)) 100%, calc(var(--fui-bl) - var(--fui-inlay) / 2) 100%, 0% calc(100% - (var(--fui-bl) - var(--fui-inlay) / 2)));
  background: var(--fui-inlay-bg);
  pointer-events: none;
}

[fui-corner] {
  position: relative;
  clip-path: polygon(var(--fui-tl) 0%, calc(100% - var(--fui-tr)) 0%, 100% var(--fui-tr), 100% calc(100% - var(--fui-br)), calc(100% - var(--fui-br)) 100%, var(--fui-bl) 100%, 0% calc(100% - var(--fui-bl)), 0% var(--fui-tl)) !important;
}

.fui-fs-9 {
  font-size: 0.563rem;
}

.fui-fs-10 {
  font-size: 0.625rem;
}

.fui-fs-12 {
  font-size: 0.75rem;
}

.fui-fs-13 {
  font-size: 0.813rem;
}

.fui-fs-14 {
  font-size: 0.875rem;
}

.fui-fs-15 {
  font-size: 0.938rem;
}

.fui-fs-16 {
  font-size: 1rem;
}

.fui-fs-17 {
  font-size: 1.063rem;
}

.fui-fs-18 {
  font-size: 1.125rem;
}

.fui-bg-attachment-fixed {
  background-attachment: fixed !important;
}

.fui-bg-attachment-local {
  background-attachment: local !important;
}

.fui-bg-attachment-scroll {
  background-attachment: scroll !important;
}

.fui-bg-origin-border {
  background-origin: border-box !important;
}

.fui-bg-origin-padding {
  background-origin: padding-box !important;
}

.fui-bg-origin-content {
  background-origin: content-box !important;
}

.fui-bg-bottom {
  background-position: bottom !important;
}

.fui-bg-center {
  background-position: center !important;
}

.fui-bg-left {
  background-position: left !important;
}

.fui-bg-left-bottom {
  background-position: left bottom !important;
}

.fui-bg-left-top {
  background-position: left top !important;
}

.fui-bg-right {
  background-position: right !important;
}

.fui-bg-right-bottom {
  background-position: right bottom !important;
}

.fui-bg-right-top {
  background-position: right top !important;
}

.fui-bg-top {
  background-position: top !important;
}

.fui-bg-repeat {
  background-repeat: repeat !important;
}

.fui-bg-no-repeat {
  background-repeat: no-repeat !important;
}

.fui-bg-repeat-x {
  background-repeat: repeat-x !important;
}

.fui-bg-repeat-y {
  background-repeat: repeat-y !important;
}

.fui-bg-repeat-round {
  background-repeat: round !important;
}

.fui-bg-repeat-space {
  background-repeat: space !important;
}

.fui-bg-size-auto {
  background-size: auto !important;
}

.fui-bg-size-cover {
  background-size: cover !important;
}

.fui-bg-size-contain {
  background-size: contain !important;
}

.fui-outline {
  outline: 1px solid;
}

.fui-outline-1 {
  outline-width: 1px;
}

.fui-outline-2 {
  outline-width: 2px;
}

.fui-outline-3 {
  outline-width: 3px;
}

.fui-outline-4 {
  outline-width: 4px;
}

.fui-outline-5 {
  outline-width: 5px;
}

.fui-outline-6 {
  outline-width: 6px;
}

.fui-outline-7 {
  outline-width: 7px;
}

.fui-outline-8 {
  outline-width: 8px;
}

.fui-outline-9 {
  outline-width: 9px;
}

.fui-outline-10 {
  outline-width: 10px;
}

.fui-outline-15 {
  outline-width: 15px;
}

.fui-outline-20 {
  outline-width: 20px;
}

.fui-outline-offset-1 {
  outline-offset: 1px;
}

.fui-outline-offset-2 {
  outline-offset: 2px;
}

.fui-outline-offset-3 {
  outline-offset: 3px;
}

.fui-outline-offset-4 {
  outline-offset: 4px;
}

.fui-outline-offset-5 {
  outline-offset: 5px;
}

.fui-outline-offset-6 {
  outline-offset: 6px;
}

.fui-outline-offset-7 {
  outline-offset: 7px;
}

.fui-outline-offset-8 {
  outline-offset: 8px;
}

.fui-outline-offset-9 {
  outline-offset: 9px;
}

.fui-outline-offset-10 {
  outline-offset: 10px;
}

.fui-outline-offset-15 {
  outline-offset: 15px;
}

.fui-outline-offset-20 {
  outline-offset: 20px;
}

.fui-outline-primary {
  outline-color: #9b51e0;
}
.fui-outline-secondary {
  outline-color: #084298;
}
.fui-outline-success {
  outline-color: #00d084;
}
.fui-outline-warning {
  outline-color: #fcb900;
}
.fui-outline-danger {
  outline-color: #cf2e2e;
}
.fui-outline-white {
  outline-color: white;
}
.fui-outline-black {
  outline-color: black;
}

.fui-outline-primary-5 {
  outline-color: rgba(155, 81, 224, 0.05);
}
.fui-outline-secondary-5 {
  outline-color: rgba(8, 66, 152, 0.05);
}
.fui-outline-success-5 {
  outline-color: rgba(0, 208, 132, 0.05);
}
.fui-outline-warning-5 {
  outline-color: rgba(252, 185, 0, 0.05);
}
.fui-outline-danger-5 {
  outline-color: rgba(207, 46, 46, 0.05);
}
.fui-outline-white-5 {
  outline-color: rgba(255, 255, 255, 0.05);
}
.fui-outline-black-5 {
  outline-color: rgba(0, 0, 0, 0.05);
}

.fui-outline-primary-10 {
  outline-color: rgba(155, 81, 224, 0.1);
}
.fui-outline-secondary-10 {
  outline-color: rgba(8, 66, 152, 0.1);
}
.fui-outline-success-10 {
  outline-color: rgba(0, 208, 132, 0.1);
}
.fui-outline-warning-10 {
  outline-color: rgba(252, 185, 0, 0.1);
}
.fui-outline-danger-10 {
  outline-color: rgba(207, 46, 46, 0.1);
}
.fui-outline-white-10 {
  outline-color: rgba(255, 255, 255, 0.1);
}
.fui-outline-black-10 {
  outline-color: rgba(0, 0, 0, 0.1);
}

.fui-outline-primary-25 {
  outline-color: rgba(155, 81, 224, 0.25);
}
.fui-outline-secondary-25 {
  outline-color: rgba(8, 66, 152, 0.25);
}
.fui-outline-success-25 {
  outline-color: rgba(0, 208, 132, 0.25);
}
.fui-outline-warning-25 {
  outline-color: rgba(252, 185, 0, 0.25);
}
.fui-outline-danger-25 {
  outline-color: rgba(207, 46, 46, 0.25);
}
.fui-outline-white-25 {
  outline-color: rgba(255, 255, 255, 0.25);
}
.fui-outline-black-25 {
  outline-color: rgba(0, 0, 0, 0.25);
}

.fui-outline-primary-50 {
  outline-color: rgba(155, 81, 224, 0.5);
}
.fui-outline-secondary-50 {
  outline-color: rgba(8, 66, 152, 0.5);
}
.fui-outline-success-50 {
  outline-color: rgba(0, 208, 132, 0.5);
}
.fui-outline-warning-50 {
  outline-color: rgba(252, 185, 0, 0.5);
}
.fui-outline-danger-50 {
  outline-color: rgba(207, 46, 46, 0.5);
}
.fui-outline-white-50 {
  outline-color: rgba(255, 255, 255, 0.5);
}
.fui-outline-black-50 {
  outline-color: rgba(0, 0, 0, 0.5);
}

.fui-outline-primary-75 {
  outline-color: rgba(155, 81, 224, 0.75);
}
.fui-outline-secondary-75 {
  outline-color: rgba(8, 66, 152, 0.75);
}
.fui-outline-success-75 {
  outline-color: rgba(0, 208, 132, 0.75);
}
.fui-outline-warning-75 {
  outline-color: rgba(252, 185, 0, 0.75);
}
.fui-outline-danger-75 {
  outline-color: rgba(207, 46, 46, 0.75);
}
.fui-outline-white-75 {
  outline-color: rgba(255, 255, 255, 0.75);
}
.fui-outline-black-75 {
  outline-color: rgba(0, 0, 0, 0.75);
}

.fui-outline-solid {
  outline-style: solid;
}
.fui-outline-dotted {
  outline-style: dotted;
}
.fui-outline-dashed {
  outline-style: dashed;
}
.fui-outline-double {
  outline-style: double;
}

.fui-w-1 {
  width: 0.063rem;
}

.fui-w-2 {
  width: 0.125rem;
}

.fui-w-3 {
  width: 0.188rem;
}

.fui-w-4 {
  width: 0.25rem;
}

.fui-w-5 {
  width: 0.313rem;
}

.fui-w-6 {
  width: 0.375rem;
}

.fui-w-7 {
  width: 0.438rem;
}

.fui-w-8 {
  width: 0.5rem;
}

.fui-w-9 {
  width: 0.563rem;
}

.fui-w-10 {
  width: 0.625rem;
}

.fui-w-12 {
  width: 0.75rem;
}

.fui-w-16 {
  width: 1rem;
}

.fui-w-18 {
  width: 1.125rem;
}

.fui-w-20 {
  width: 1.25rem;
}

.fui-w-22 {
  width: 1.375rem;
}

.fui-w-24 {
  width: 1.5rem;
}

.fui-w-25 {
  width: 1.563rem;
}

.fui-w-26 {
  width: 1.625rem;
}

.fui-w-28 {
  width: 1.75rem;
}

.fui-w-30 {
  width: 1.875rem;
}

.fui-w-32 {
  width: 2rem;
}

.fui-w-36 {
  width: 2.25rem;
}

.fui-w-40 {
  width: 2.5rem;
}

.fui-w-45 {
  width: 2.813rem;
}

.fui-w-48 {
  width: 3rem;
}

.fui-w-50 {
  width: 3.125rem;
}

.fui-w-55 {
  width: 3.438rem;
}

.fui-w-56 {
  width: 3.5rem;
}

.fui-w-60 {
  width: 3.75rem;
}

.fui-w-64 {
  width: 4rem;
}

.fui-w-65 {
  width: 4.063rem;
}

.fui-w-70 {
  width: 4.375rem;
}

.fui-w-75 {
  width: 4.688rem;
}

.fui-w-80 {
  width: 5rem;
}

.fui-w-85 {
  width: 5.313rem;
}

.fui-w-90 {
  width: 5.625rem;
}

.fui-w-95 {
  width: 5.938rem;
}

.fui-w-100 {
  width: 6.25rem;
}

.fui-w-110 {
  width: 6.875rem;
}

.fui-w-120 {
  width: 7.5rem;
}

.fui-w-130 {
  width: 8.125rem;
}

.fui-w-140 {
  width: 8.75rem;
}

.fui-w-150 {
  width: 9.375rem;
}

.fui-w-170 {
  width: 10.625rem;
}

.fui-w-200 {
  width: 12.5rem;
}

.fui-w-250 {
  width: 15.625rem;
}

.fui-w-300 {
  width: 18.75rem;
}

.fui-h-1 {
  height: 0.063rem;
}

.fui-h-2 {
  height: 0.125rem;
}

.fui-h-3 {
  height: 0.188rem;
}

.fui-h-4 {
  height: 0.25rem;
}

.fui-h-5 {
  height: 0.313rem;
}

.fui-h-6 {
  height: 0.375rem;
}

.fui-h-7 {
  height: 0.438rem;
}

.fui-h-8 {
  height: 0.5rem;
}

.fui-h-9 {
  height: 0.563rem;
}

.fui-h-10 {
  height: 0.625rem;
}

.fui-h-12 {
  height: 0.75rem;
}

.fui-h-16 {
  height: 1rem;
}

.fui-h-18 {
  height: 1.125rem;
}

.fui-h-20 {
  height: 1.25rem;
}

.fui-h-22 {
  height: 1.375rem;
}

.fui-h-24 {
  height: 1.5rem;
}

.fui-h-25 {
  height: 1.563rem;
}

.fui-h-26 {
  height: 1.625rem;
}

.fui-h-28 {
  height: 1.75rem;
}

.fui-h-30 {
  height: 1.875rem;
}

.fui-h-32 {
  height: 2rem;
}

.fui-h-36 {
  height: 2.25rem;
}

.fui-h-40 {
  height: 2.5rem;
}

.fui-h-45 {
  height: 2.813rem;
}

.fui-h-48 {
  height: 3rem;
}

.fui-h-50 {
  height: 3.125rem;
}

.fui-h-55 {
  height: 3.438rem;
}

.fui-h-56 {
  height: 3.5rem;
}

.fui-h-60 {
  height: 3.75rem;
}

.fui-h-64 {
  height: 4rem;
}

.fui-h-65 {
  height: 4.063rem;
}

.fui-h-70 {
  height: 4.375rem;
}

.fui-h-75 {
  height: 4.688rem;
}

.fui-h-80 {
  height: 5rem;
}

.fui-h-85 {
  height: 5.313rem;
}

.fui-h-90 {
  height: 5.625rem;
}

.fui-h-95 {
  height: 5.938rem;
}

.fui-h-100 {
  height: 6.25rem;
}

.fui-h-110 {
  height: 6.875rem;
}

.fui-h-120 {
  height: 7.5rem;
}

.fui-h-130 {
  height: 8.125rem;
}

.fui-h-140 {
  height: 8.75rem;
}

.fui-h-150 {
  height: 9.375rem;
}

.fui-h-170 {
  height: 10.625rem;
}

.fui-h-200 {
  height: 12.5rem;
}

.fui-h-250 {
  height: 15.625rem;
}

.fui-h-300 {
  height: 18.75rem;
}

.fui-size-1 {
  min-width: 0.063rem;
  width: 0.063rem;
  height: 0.063rem;
}

.fui-size-2 {
  min-width: 0.125rem;
  width: 0.125rem;
  height: 0.125rem;
}

.fui-size-3 {
  min-width: 0.188rem;
  width: 0.188rem;
  height: 0.188rem;
}

.fui-size-4 {
  min-width: 0.25rem;
  width: 0.25rem;
  height: 0.25rem;
}

.fui-size-5 {
  min-width: 0.313rem;
  width: 0.313rem;
  height: 0.313rem;
}

.fui-size-6 {
  min-width: 0.375rem;
  width: 0.375rem;
  height: 0.375rem;
}

.fui-size-7 {
  min-width: 0.438rem;
  width: 0.438rem;
  height: 0.438rem;
}

.fui-size-8 {
  min-width: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
}

.fui-size-9 {
  min-width: 0.563rem;
  width: 0.563rem;
  height: 0.563rem;
}

.fui-size-10 {
  min-width: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
}

.fui-size-12 {
  min-width: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
}

.fui-size-16 {
  min-width: 1rem;
  width: 1rem;
  height: 1rem;
}

.fui-size-18 {
  min-width: 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
}

.fui-size-20 {
  min-width: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}

.fui-size-22 {
  min-width: 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
}

.fui-size-24 {
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}

.fui-size-25 {
  min-width: 1.563rem;
  width: 1.563rem;
  height: 1.563rem;
}

.fui-size-26 {
  min-width: 1.625rem;
  width: 1.625rem;
  height: 1.625rem;
}

.fui-size-28 {
  min-width: 1.75rem;
  width: 1.75rem;
  height: 1.75rem;
}

.fui-size-30 {
  min-width: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
}

.fui-size-32 {
  min-width: 2rem;
  width: 2rem;
  height: 2rem;
}

.fui-size-36 {
  min-width: 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
}

.fui-size-40 {
  min-width: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
}

.fui-size-45 {
  min-width: 2.813rem;
  width: 2.813rem;
  height: 2.813rem;
}

.fui-size-48 {
  min-width: 3rem;
  width: 3rem;
  height: 3rem;
}

.fui-size-50 {
  min-width: 3.125rem;
  width: 3.125rem;
  height: 3.125rem;
}

.fui-size-55 {
  min-width: 3.438rem;
  width: 3.438rem;
  height: 3.438rem;
}

.fui-size-56 {
  min-width: 3.5rem;
  width: 3.5rem;
  height: 3.5rem;
}

.fui-size-60 {
  min-width: 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
}

.fui-size-64 {
  min-width: 4rem;
  width: 4rem;
  height: 4rem;
}

.fui-size-65 {
  min-width: 4.063rem;
  width: 4.063rem;
  height: 4.063rem;
}

.fui-size-70 {
  min-width: 4.375rem;
  width: 4.375rem;
  height: 4.375rem;
}

.fui-size-75 {
  min-width: 4.688rem;
  width: 4.688rem;
  height: 4.688rem;
}

.fui-size-80 {
  min-width: 5rem;
  width: 5rem;
  height: 5rem;
}

.fui-size-85 {
  min-width: 5.313rem;
  width: 5.313rem;
  height: 5.313rem;
}

.fui-size-90 {
  min-width: 5.625rem;
  width: 5.625rem;
  height: 5.625rem;
}

.fui-size-95 {
  min-width: 5.938rem;
  width: 5.938rem;
  height: 5.938rem;
}

.fui-size-100 {
  min-width: 6.25rem;
  width: 6.25rem;
  height: 6.25rem;
}

.fui-size-110 {
  min-width: 6.875rem;
  width: 6.875rem;
  height: 6.875rem;
}

.fui-size-120 {
  min-width: 7.5rem;
  width: 7.5rem;
  height: 7.5rem;
}

.fui-size-130 {
  min-width: 8.125rem;
  width: 8.125rem;
  height: 8.125rem;
}

.fui-size-140 {
  min-width: 8.75rem;
  width: 8.75rem;
  height: 8.75rem;
}

.fui-size-150 {
  min-width: 9.375rem;
  width: 9.375rem;
  height: 9.375rem;
}

.fui-size-170 {
  min-width: 10.625rem;
  width: 10.625rem;
  height: 10.625rem;
}

.fui-size-200 {
  min-width: 12.5rem;
  width: 12.5rem;
  height: 12.5rem;
}

.fui-size-250 {
  min-width: 15.625rem;
  width: 15.625rem;
  height: 15.625rem;
}

.fui-size-300 {
  min-width: 18.75rem;
  width: 18.75rem;
  height: 18.75rem;
}

@media (min-width: 1400px) {
  .fui-width-xxl-10 {
    width: 10% !important;
  }
  .fui-width-xxl-25 {
    width: 25% !important;
  }
  .fui-width-xxl-50 {
    width: 50% !important;
  }
  .fui-width-xxl-75 {
    width: 75% !important;
  }
}
@media (min-width: 1200px) {
  .fui-width-xl-10 {
    width: 10% !important;
  }
  .fui-width-xl-25 {
    width: 25% !important;
  }
  .fui-width-xl-50 {
    width: 50% !important;
  }
  .fui-width-xl-75 {
    width: 75% !important;
  }
}
@media (min-width: 992px) {
  .fui-width-lg-10 {
    width: 10% !important;
  }
  .fui-width-lg-25 {
    width: 25% !important;
  }
  .fui-width-lg-50 {
    width: 50% !important;
  }
  .fui-width-lg-75 {
    width: 75% !important;
  }
}
@media (min-width: 768px) {
  .fui-width-md-10 {
    width: 10% !important;
  }
  .fui-width-md-25 {
    width: 25% !important;
  }
  .fui-width-md-50 {
    width: 50% !important;
  }
  .fui-width-md-75 {
    width: 75% !important;
  }
}
@media (min-width: 575px) {
  .fui-width-sm-10 {
    width: 10% !important;
  }
  .fui-width-sm-25 {
    width: 25% !important;
  }
  .fui-width-sm-50 {
    width: 50% !important;
  }
  .fui-width-sm-75 {
    width: 75% !important;
  }
}
/*=== Position Top positive utilities ===*/
.fui-top-0 {
  top: 0px !important;
}

.fui-top-1 {
  top: 1px !important;
}

.fui-top-2 {
  top: 2px !important;
}

.fui-top-3 {
  top: 3px !important;
}

.fui-top-4 {
  top: 4px !important;
}

.fui-top-5 {
  top: 5px !important;
}

.fui-top-6 {
  top: 6px !important;
}

.fui-top-7 {
  top: 7px !important;
}

.fui-top-8 {
  top: 8px !important;
}

.fui-top-9 {
  top: 9px !important;
}

.fui-top-10 {
  top: 10px !important;
}

/*=== Position Bottom positive utilities ===*/
.fui-bottom-0 {
  bottom: 0px !important;
}

.fui-bottom-1 {
  bottom: 1px !important;
}

.fui-bottom-2 {
  bottom: 2px !important;
}

.fui-bottom-3 {
  bottom: 3px !important;
}

.fui-bottom-4 {
  bottom: 4px !important;
}

.fui-bottom-5 {
  bottom: 5px !important;
}

.fui-bottom-6 {
  bottom: 6px !important;
}

.fui-bottom-7 {
  bottom: 7px !important;
}

.fui-bottom-8 {
  bottom: 8px !important;
}

.fui-bottom-9 {
  bottom: 9px !important;
}

.fui-bottom-10 {
  bottom: 10px !important;
}

/*=== Position Top negative utilities ===*/
.fui-top-n-0 {
  top: 0px !important;
}

.fui-top-n-1 {
  top: -1px !important;
}

.fui-top-n-2 {
  top: -2px !important;
}

.fui-top-n-3 {
  top: -3px !important;
}

.fui-top-n-4 {
  top: -4px !important;
}

.fui-top-n-5 {
  top: -5px !important;
}

.fui-top-n-6 {
  top: -6px !important;
}

.fui-top-n-7 {
  top: -7px !important;
}

.fui-top-n-8 {
  top: -8px !important;
}

.fui-top-n-9 {
  top: -9px !important;
}

.fui-top-n-10 {
  top: -10px !important;
}

/*=== Position Bottom negative utilities ===*/
.fui-bottom-n-0 {
  bottom: 0px !important;
}

.fui-bottom-n-1 {
  bottom: -1px !important;
}

.fui-bottom-n-2 {
  bottom: -2px !important;
}

.fui-bottom-n-3 {
  bottom: -3px !important;
}

.fui-bottom-n-4 {
  bottom: -4px !important;
}

.fui-bottom-n-5 {
  bottom: -5px !important;
}

.fui-bottom-n-6 {
  bottom: -6px !important;
}

.fui-bottom-n-7 {
  bottom: -7px !important;
}

.fui-bottom-n-8 {
  bottom: -8px !important;
}

.fui-bottom-n-9 {
  bottom: -9px !important;
}

.fui-bottom-n-10 {
  bottom: -10px !important;
}

[dir=ltr] {
  /*=== Position Start positive utilities ===*/
  /*=== Position End positive utilities ===*/
  /*=== Position Start negative utilities ===*/
  /*=== Position End negative utilities ===*/
}
[dir=ltr] .fui-start-0 {
  left: 0px !important;
}
[dir=ltr] .fui-start-1 {
  left: 1px !important;
}
[dir=ltr] .fui-start-2 {
  left: 2px !important;
}
[dir=ltr] .fui-start-3 {
  left: 3px !important;
}
[dir=ltr] .fui-start-4 {
  left: 4px !important;
}
[dir=ltr] .fui-start-5 {
  left: 5px !important;
}
[dir=ltr] .fui-start-6 {
  left: 6px !important;
}
[dir=ltr] .fui-start-7 {
  left: 7px !important;
}
[dir=ltr] .fui-start-8 {
  left: 8px !important;
}
[dir=ltr] .fui-start-9 {
  left: 9px !important;
}
[dir=ltr] .fui-start-10 {
  left: 10px !important;
}
[dir=ltr] .fui-end-0 {
  right: 0px !important;
}
[dir=ltr] .fui-end-1 {
  right: 1px !important;
}
[dir=ltr] .fui-end-2 {
  right: 2px !important;
}
[dir=ltr] .fui-end-3 {
  right: 3px !important;
}
[dir=ltr] .fui-end-4 {
  right: 4px !important;
}
[dir=ltr] .fui-end-5 {
  right: 5px !important;
}
[dir=ltr] .fui-end-6 {
  right: 6px !important;
}
[dir=ltr] .fui-end-7 {
  right: 7px !important;
}
[dir=ltr] .fui-end-8 {
  right: 8px !important;
}
[dir=ltr] .fui-end-9 {
  right: 9px !important;
}
[dir=ltr] .fui-end-10 {
  right: 10px !important;
}
[dir=ltr] .fui-start-n-0 {
  left: 0px !important;
}
[dir=ltr] .fui-start-n-1 {
  left: -1px !important;
}
[dir=ltr] .fui-start-n-2 {
  left: -2px !important;
}
[dir=ltr] .fui-start-n-3 {
  left: -3px !important;
}
[dir=ltr] .fui-start-n-4 {
  left: -4px !important;
}
[dir=ltr] .fui-start-n-5 {
  left: -5px !important;
}
[dir=ltr] .fui-start-n-6 {
  left: -6px !important;
}
[dir=ltr] .fui-start-n-7 {
  left: -7px !important;
}
[dir=ltr] .fui-start-n-8 {
  left: -8px !important;
}
[dir=ltr] .fui-start-n-9 {
  left: -9px !important;
}
[dir=ltr] .fui-start-n-10 {
  left: -10px !important;
}
[dir=ltr] .fui-end-n-0 {
  right: 0px !important;
}
[dir=ltr] .fui-end-n-1 {
  right: -1px !important;
}
[dir=ltr] .fui-end-n-2 {
  right: -2px !important;
}
[dir=ltr] .fui-end-n-3 {
  right: -3px !important;
}
[dir=ltr] .fui-end-n-4 {
  right: -4px !important;
}
[dir=ltr] .fui-end-n-5 {
  right: -5px !important;
}
[dir=ltr] .fui-end-n-6 {
  right: -6px !important;
}
[dir=ltr] .fui-end-n-7 {
  right: -7px !important;
}
[dir=ltr] .fui-end-n-8 {
  right: -8px !important;
}
[dir=ltr] .fui-end-n-9 {
  right: -9px !important;
}
[dir=ltr] .fui-end-n-10 {
  right: -10px !important;
}

@media (min-width: 1400px) {
  .position-xxl-fixed {
    position: fixed !important;
  }
  .position-xxl-absolute {
    position: absolute !important;
  }
  .position-xxl-relative {
    position: relative !important;
  }
  .position-xxl-sticky {
    position: sticky !important;
  }
  .position-xxl-static {
    position: static !important;
  }
}
@media (min-width: 1200px) {
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-sticky {
    position: sticky !important;
  }
  .position-xl-static {
    position: static !important;
  }
}
@media (min-width: 992px) {
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }
  .position-lg-static {
    position: static !important;
  }
}
@media (min-width: 768px) {
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }
  .position-md-static {
    position: static !important;
  }
}
@media (min-width: 575px) {
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-sticky {
    position: sticky !important;
  }
  .position-sm-static {
    position: static !important;
  }
}
/*=== RTL ===*/
[dir=rtl] {
  /*=== Position Start positive utilities ===*/
  /*=== Position End positive utilities ===*/
  /*=== Position Start negative utilities ===*/
  /*=== Position End negative utilities ===*/
}
[dir=rtl] .fui-start-0 {
  right: 0px !important;
}
[dir=rtl] .fui-start-1 {
  right: 1px !important;
}
[dir=rtl] .fui-start-2 {
  right: 2px !important;
}
[dir=rtl] .fui-start-3 {
  right: 3px !important;
}
[dir=rtl] .fui-start-4 {
  right: 4px !important;
}
[dir=rtl] .fui-start-5 {
  right: 5px !important;
}
[dir=rtl] .fui-start-6 {
  right: 6px !important;
}
[dir=rtl] .fui-start-7 {
  right: 7px !important;
}
[dir=rtl] .fui-start-8 {
  right: 8px !important;
}
[dir=rtl] .fui-start-9 {
  right: 9px !important;
}
[dir=rtl] .fui-start-10 {
  right: 10px !important;
}
[dir=rtl] .fui-end-0 {
  left: 0px !important;
}
[dir=rtl] .fui-end-1 {
  left: 1px !important;
}
[dir=rtl] .fui-end-2 {
  left: 2px !important;
}
[dir=rtl] .fui-end-3 {
  left: 3px !important;
}
[dir=rtl] .fui-end-4 {
  left: 4px !important;
}
[dir=rtl] .fui-end-5 {
  left: 5px !important;
}
[dir=rtl] .fui-end-6 {
  left: 6px !important;
}
[dir=rtl] .fui-end-7 {
  left: 7px !important;
}
[dir=rtl] .fui-end-8 {
  left: 8px !important;
}
[dir=rtl] .fui-end-9 {
  left: 9px !important;
}
[dir=rtl] .fui-end-10 {
  left: 10px !important;
}
[dir=rtl] .fui-start-n-0 {
  right: 0px !important;
  left: inherit !important;
}
[dir=rtl] .fui-start-n-1 {
  right: -1px !important;
  left: inherit !important;
}
[dir=rtl] .fui-start-n-2 {
  right: -2px !important;
  left: inherit !important;
}
[dir=rtl] .fui-start-n-3 {
  right: -3px !important;
  left: inherit !important;
}
[dir=rtl] .fui-start-n-4 {
  right: -4px !important;
  left: inherit !important;
}
[dir=rtl] .fui-start-n-5 {
  right: -5px !important;
  left: inherit !important;
}
[dir=rtl] .fui-start-n-6 {
  right: -6px !important;
  left: inherit !important;
}
[dir=rtl] .fui-start-n-7 {
  right: -7px !important;
  left: inherit !important;
}
[dir=rtl] .fui-start-n-8 {
  right: -8px !important;
  left: inherit !important;
}
[dir=rtl] .fui-start-n-9 {
  right: -9px !important;
  left: inherit !important;
}
[dir=rtl] .fui-start-n-10 {
  right: -10px !important;
  left: inherit !important;
}
[dir=rtl] .fui-end-n-0 {
  left: 0px !important;
  right: inherit !important;
}
[dir=rtl] .fui-end-n-1 {
  left: -1px !important;
  right: inherit !important;
}
[dir=rtl] .fui-end-n-2 {
  left: -2px !important;
  right: inherit !important;
}
[dir=rtl] .fui-end-n-3 {
  left: -3px !important;
  right: inherit !important;
}
[dir=rtl] .fui-end-n-4 {
  left: -4px !important;
  right: inherit !important;
}
[dir=rtl] .fui-end-n-5 {
  left: -5px !important;
  right: inherit !important;
}
[dir=rtl] .fui-end-n-6 {
  left: -6px !important;
  right: inherit !important;
}
[dir=rtl] .fui-end-n-7 {
  left: -7px !important;
  right: inherit !important;
}
[dir=rtl] .fui-end-n-8 {
  left: -8px !important;
  right: inherit !important;
}
[dir=rtl] .fui-end-n-9 {
  left: -9px !important;
  right: inherit !important;
}
[dir=rtl] .fui-end-n-10 {
  left: -10px !important;
  right: inherit !important;
}

.fui-list-style-none {
  list-style: none;
}

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

.scroll-smooth {
  scroll-behavior: smooth;
}

.no-arrow::after {
  display: none !important;
}

.font-roboto {
  font-family: "Roboto", sans-serif !important;
}

.font-jura {
  font-family: "Jura", serif !important;
}

.font-amiri {
  font-family: "Amiri", serif !important;
}

.font-cairo {
  font-family: "Cairo", serif !important;
}

.font-naskh {
  font-family: "Noto Naskh Arabic", serif !important;
}

.font-martel {
  font-family: "Martel", serif !important;
}

.font-devanagari {
  font-family: "Noto Sans Devanagari", serif !important;
}

.font-bengali {
  font-family: "Noto Sans Bengali", serif !important;
}

.fui-hover-text-primary:hover {
  color: #9b51e0 !important;
}
.fui-hover-text-secondary:hover {
  color: #084298 !important;
}
.fui-hover-text-warning:hover {
  color: #fcb900 !important;
}
.fui-hover-text-danger:hover {
  color: #cf2e2e !important;
}
.fui-hover-text-success:hover {
  color: #00d084 !important;
}
.fui-hover-text-info:hover {
  color: #0693e3 !important;
}
.fui-hover-text-white:hover {
  color: #fff !important;
}
.fui-hover-text-black:hover {
  color: #000 !important;
}

.fui-hover-bg-primary:hover {
  background-color: #9b51e0 !important;
}
.fui-hover-bg-secondary:hover {
  background-color: #084298 !important;
}
.fui-hover-bg-warning:hover {
  background-color: #fcb900 !important;
}
.fui-hover-bg-danger:hover {
  background-color: #cf2e2e !important;
}
.fui-hover-bg-success:hover {
  background-color: #00d084 !important;
}
.fui-hover-bg-info:hover {
  background-color: #0693e3 !important;
}
.fui-hover-bg-white:hover {
  background-color: #fff !important;
}
.fui-hover-bg-black:hover {
  background-color: #000 !important;
}

.fui-hover-bg-primary-5:hover {
  background-color: rgba(155, 81, 224, 0.05) !important;
}
.fui-hover-bg-secondary-5:hover {
  background-color: rgba(8, 66, 152, 0.05) !important;
}
.fui-hover-bg-success-5:hover {
  background-color: rgba(0, 208, 132, 0.05) !important;
}
.fui-hover-bg-warning-5:hover {
  background-color: rgba(252, 185, 0, 0.05) !important;
}
.fui-hover-bg-danger-5:hover {
  background-color: rgba(207, 46, 46, 0.05) !important;
}
.fui-hover-bg-white-5:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.fui-hover-bg-black-5:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.fui-hover-bg-primary-10:hover {
  background-color: rgba(155, 81, 224, 0.1) !important;
}
.fui-hover-bg-secondary-10:hover {
  background-color: rgba(8, 66, 152, 0.1) !important;
}
.fui-hover-bg-success-10:hover {
  background-color: rgba(0, 208, 132, 0.1) !important;
}
.fui-hover-bg-warning-10:hover {
  background-color: rgba(252, 185, 0, 0.1) !important;
}
.fui-hover-bg-danger-10:hover {
  background-color: rgba(207, 46, 46, 0.1) !important;
}
.fui-hover-bg-white-10:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.fui-hover-bg-black-10:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.fui-hover-bg-primary-25:hover {
  background-color: rgba(155, 81, 224, 0.25) !important;
}
.fui-hover-bg-secondary-25:hover {
  background-color: rgba(8, 66, 152, 0.25) !important;
}
.fui-hover-bg-success-25:hover {
  background-color: rgba(0, 208, 132, 0.25) !important;
}
.fui-hover-bg-warning-25:hover {
  background-color: rgba(252, 185, 0, 0.25) !important;
}
.fui-hover-bg-danger-25:hover {
  background-color: rgba(207, 46, 46, 0.25) !important;
}
.fui-hover-bg-white-25:hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
.fui-hover-bg-black-25:hover {
  background-color: rgba(0, 0, 0, 0.25) !important;
}

.fui-hover-bg-primary-50:hover {
  background-color: rgba(155, 81, 224, 0.5) !important;
}
.fui-hover-bg-secondary-50:hover {
  background-color: rgba(8, 66, 152, 0.5) !important;
}
.fui-hover-bg-success-50:hover {
  background-color: rgba(0, 208, 132, 0.5) !important;
}
.fui-hover-bg-warning-50:hover {
  background-color: rgba(252, 185, 0, 0.5) !important;
}
.fui-hover-bg-danger-50:hover {
  background-color: rgba(207, 46, 46, 0.5) !important;
}
.fui-hover-bg-white-50:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.fui-hover-bg-black-50:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.fui-hover-bg-primary-75:hover {
  background-color: rgba(155, 81, 224, 0.75) !important;
}
.fui-hover-bg-secondary-75:hover {
  background-color: rgba(8, 66, 152, 0.75) !important;
}
.fui-hover-bg-success-75:hover {
  background-color: rgba(0, 208, 132, 0.75) !important;
}
.fui-hover-bg-warning-75:hover {
  background-color: rgba(252, 185, 0, 0.75) !important;
}
.fui-hover-bg-danger-75:hover {
  background-color: rgba(207, 46, 46, 0.75) !important;
}
.fui-hover-bg-white-75:hover {
  background-color: rgba(255, 255, 255, 0.75) !important;
}
.fui-hover-bg-black-75:hover {
  background-color: rgba(0, 0, 0, 0.75) !important;
}

.fui-no-focus:focus {
  outline: 0;
}

.fui-placeholder-white::placeholder {
  color: white;
}
.fui-placeholder-black::placeholder {
  color: black;
}
.fui-placeholder-primary::placeholder {
  color: #9b51e0;
}
.fui-placeholder-secondary::placeholder {
  color: #084298;
}
.fui-placeholder-success::placeholder {
  color: #00d084;
}
.fui-placeholder-warning::placeholder {
  color: #fcb900;
}
.fui-placeholder-danger::placeholder {
  color: #cf2e2e;
}

.fui-placeholder-white-10::placeholder {
  color: rgba(255, 255, 255, 0.1);
}

.fui-placeholder-black-10::placeholder {
  color: rgba(0, 0, 0, 0.1);
}

.fui-placeholder-primary-10::placeholder {
  color: rgba(155, 81, 224, 0.1);
}

.fui-placeholder-secondary-10::placeholder {
  color: rgba(8, 66, 152, 0.1);
}

.fui-placeholder-success-10::placeholder {
  color: rgba(0, 208, 132, 0.1);
}

.fui-placeholder-warning-10::placeholder {
  color: rgba(252, 185, 0, 0.1);
}

.fui-placeholder-danger-10::placeholder {
  color: rgba(252, 185, 0, 0.1);
}

.fui-placeholder-white-25::placeholder {
  color: rgba(255, 255, 255, 0.25);
}

.fui-placeholder-black-25::placeholder {
  color: rgba(0, 0, 0, 0.25);
}

.fui-placeholder-primary-25::placeholder {
  color: rgba(155, 81, 224, 0.25);
}

.fui-placeholder-secondary-25::placeholder {
  color: rgba(8, 66, 152, 0.25);
}

.fui-placeholder-success-25::placeholder {
  color: rgba(0, 208, 132, 0.25);
}

.fui-placeholder-warning-25::placeholder {
  color: rgba(252, 185, 0, 0.25);
}

.fui-placeholder-danger-25::placeholder {
  color: rgba(252, 185, 0, 0.25);
}

.fui-placeholder-white-50::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.fui-placeholder-black-50::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.fui-placeholder-primary-50::placeholder {
  color: rgba(155, 81, 224, 0.5);
}

.fui-placeholder-secondary-50::placeholder {
  color: rgba(8, 66, 152, 0.5);
}

.fui-placeholder-success-50::placeholder {
  color: rgba(0, 208, 132, 0.5);
}

.fui-placeholder-warning-50::placeholder {
  color: rgba(252, 185, 0, 0.5);
}

.fui-placeholder-danger-50::placeholder {
  color: rgba(252, 185, 0, 0.5);
}

.fui-placeholder-white-75::placeholder {
  color: rgba(255, 255, 255, 0.75);
}

.fui-placeholder-black-75::placeholder {
  color: rgba(0, 0, 0, 0.75);
}

.fui-placeholder-primary-75::placeholder {
  color: rgba(155, 81, 224, 0.75);
}

.fui-placeholder-secondary-75::placeholder {
  color: rgba(8, 66, 152, 0.75);
}

.fui-placeholder-success-75::placeholder {
  color: rgba(0, 208, 132, 0.75);
}

.fui-placeholder-warning-75::placeholder {
  color: rgba(252, 185, 0, 0.75);
}

.fui-placeholder-danger-75::placeholder {
  color: rgba(252, 185, 0, 0.75);
}

.fui-blur-0 {
  backdrop-filter: blur(0px);
}

.fui-blur-1 {
  backdrop-filter: blur(1px);
}

.fui-blur-2 {
  backdrop-filter: blur(4px);
}

.fui-blur-8 {
  backdrop-filter: blur(8px);
}

.fui-blur-16 {
  backdrop-filter: blur(16px);
}

.fui-blur-32 {
  backdrop-filter: blur(32px);
}

.fui-blur-64 {
  backdrop-filter: blur(64px);
}

.fui-blur-100 {
  backdrop-filter: blur(100px);
}

.fui-skew-x-1 {
  transform: skewX(45deg);
}

.fui-skew-x-2 {
  transform: skewX(90deg);
}

.fui-skew-x-3 {
  transform: skewX(180deg);
}

.fui-skew-x-4 {
  transform: skewX(270deg);
}

.fui-skew-x-n-1 {
  transform: skewX(-45deg);
}

.fui-skew-x-n-2 {
  transform: skewX(-90deg);
}

.fui-skew-x-n-3 {
  transform: skewX(-180deg);
}

.fui-skew-x-n-4 {
  transform: skewX(-270deg);
}

.fui-skew-y-1 {
  transform: skewY(45deg);
}

.fui-skew-y-2 {
  transform: skewY(90deg);
}

.fui-skew-y-3 {
  transform: skewY(180deg);
}

.fui-skew-y-4 {
  transform: skewY(270deg);
}

.fui-skew-y-n-1 {
  transform: skewY(-45deg);
}

.fui-skew-y-n-2 {
  transform: skewY(-90deg);
}

.fui-skew-y-n-3 {
  transform: skewY(-180deg);
}

.fui-skew-y-n-4 {
  transform: skewY(-270deg);
}

.fui-skew-1 {
  transform: skew(45deg);
}

.fui-skew-2 {
  transform: skew(90deg);
}

.fui-skew-3 {
  transform: skew(180deg);
}

.fui-skew-4 {
  transform: skew(270deg);
}

.fui-skew-n-1 {
  transform: skewY(-45deg);
}

.fui-skew-n-2 {
  transform: skewY(-90deg);
}

.fui-skew-n-3 {
  transform: skewY(-180deg);
}

.fui-skew-n-4 {
  transform: skewY(-270deg);
}

.fui-rotate-1 {
  transform: rotate(45deg);
}

.fui-rotate-2 {
  transform: rotate(90deg);
}

.fui-rotate-3 {
  transform: rotate(180deg);
}

.fui-rotate-4 {
  transform: rotate(270deg);
}

.fui-skew-n-1 {
  transform: rotate(-45deg);
}

.fui-skew-n-2 {
  transform: rotate(-90deg);
}

.fui-skew-n-3 {
  transform: rotate(-180deg);
}

.fui-skew-n-4 {
  transform: rotate(-270deg);
}

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