/*! Generated by `npm run css:build` — do not edit.
 * Sources: public_html/assets/css/fonts/iconify-icons.css, public_html/assets/css/themes/core.css
 */
/* ---- public_html/assets/css/fonts/iconify-icons.css ---- */
.ri {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ri-add-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 11V5h2v6h6v2h-6v6h-2v-6H5v-2z'/%3E%3C/svg%3E");
}

.ri-alert-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12.866 3l9.526 16.5a1 1 0 0 1-.866 1.5H2.474a1 1 0 0 1-.866-1.5L11.134 3a1 1 0 0 1 1.732 0m-8.66 16h15.588L12 5.5zM11 16h2v2h-2zm0-7h2v5h-2z'/%3E%3C/svg%3E");
}

.ri-archive-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 10H2V4.003C2 3.449 2.455 3 2.992 3h18.016A.99.99 0 0 1 22 4.003V10h-1v10.002a.996.996 0 0 1-.993.998H3.993A.996.996 0 0 1 3 20.002zm16 0H5v9h14zM4 5v3h16V5zm5 7h6v2H9z'/%3E%3C/svg%3E");
}

.ri-arrow-go-back-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m5.828 7l2.536 2.535L6.95 10.95L2 6l4.95-4.95l1.414 1.415L5.828 5H13a8 8 0 1 1 0 16H4v-2h9a6 6 0 0 0 0-12z'/%3E%3C/svg%3E");
}

.ri-arrow-left-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.828 11H20v2H7.828l5.364 5.364l-1.414 1.414L4 12l7.778-7.778l1.414 1.414z'/%3E%3C/svg%3E");
}

.ri-arrow-left-right-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16.05 12.05L21 17l-4.95 4.95l-1.414-1.415L17.172 18H4v-2h13.172l-2.536-2.535zm-8.1-10l1.414 1.414l-2.536 2.535H20v2H6.828l2.536 2.536L7.95 11.95L3 7z'/%3E%3C/svg%3E");
}

.ri-arrow-left-s-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10.828 12l4.95 4.95l-1.414 1.415L8 12l6.364-6.364l1.414 1.414z'/%3E%3C/svg%3E");
}

.ri-arrow-right-down-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14.59 16.003L5.983 7.397l1.414-1.415l8.607 8.607V7.003h2v11h-11v-2z'/%3E%3C/svg%3E");
}

.ri-arrow-right-s-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z'/%3E%3C/svg%3E");
}

.ri-arrow-right-up-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m16.004 9.414l-8.607 8.607l-1.414-1.414L14.59 8H7.003V6h11v11h-2z'/%3E%3C/svg%3E");
}

.ri-bar-chart-2-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 13h6v8H2zm14-5h6v13h-6zM9 3h6v18H9zM4 15v4h2v-4zm7-10v14h2V5zm7 5v9h2v-9z'/%3E%3C/svg%3E");
}

.ri-book-2-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 18H6a1 1 0 1 0 0 2h15v2H6a3 3 0 0 1-3-3V4a2 2 0 0 1 2-2h16zM5 16.05q.243-.05.5-.05H19V4H5zM16 9H8V7h8z'/%3E%3C/svg%3E");
}

.ri-book-open-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 21v2h-2v-2H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a4 4 0 0 1 3 1.354A4 4 0 0 1 15 3h6a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1zm7-2V5h-5a2 2 0 0 0-2 2v12zm-9 0V7a2 2 0 0 0-2-2H4v14z'/%3E%3C/svg%3E");
}

.ri-briefcase-4-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 5V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm2 8H4v6h16v-6h-5v3H9zm11-6H4v4h5V9h6v2h5zm-9 4v3h2v-3zM9 3v2h6V3z'/%3E%3C/svg%3E");
}

.ri-check-double-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m11.602 13.76l1.412 1.412l8.466-8.466l1.414 1.415l-9.88 9.88l-6.364-6.365l1.414-1.414l2.125 2.125zm.002-2.828l4.952-4.953l1.41 1.41l-4.952 4.953zm-2.827 5.655L7.364 18L1 11.636l1.414-1.414l1.413 1.413l-.001.001z'/%3E%3C/svg%3E");
}

.ri-check-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10 15.17l9.192-9.191l1.414 1.414L10 17.999l-6.364-6.364l1.414-1.414z'/%3E%3C/svg%3E");
}

.ri-checkbox-blank-circle-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16'/%3E%3C/svg%3E");
}

.ri-checkbox-circle-fill {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m5.457-12.543L11 15.914l-4.207-4.207l1.414-1.414L11 13.086l5.043-5.043z'/%3E%3C/svg%3E");
}

.ri-checkbox-circle-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 12a8 8 0 1 1 16 0a8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m5.457 7.457l-1.414-1.414L11 13.086l-2.793-2.793l-1.414 1.414L11 15.914z'/%3E%3C/svg%3E");
}

.ri-close-circle-fill {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-11.414L9.172 7.757L7.757 9.172L10.586 12l-2.829 2.828l1.415 1.415L12 13.414l2.828 2.829l1.415-1.415L13.414 12l2.829-2.828l-1.415-1.415z'/%3E%3C/svg%3E");
}

.ri-close-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z'/%3E%3C/svg%3E");
}

.ri-contrast-2-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 21.997c-5.523 0-10-4.477-10-10s4.477-10 10-10s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-5-4.681a8.97 8.97 0 0 0 5.707-2.612a8.97 8.97 0 0 0 2.612-5.707q.49.326.924.757A6 6 0 1 1 7 15.316'/%3E%3C/svg%3E");
}

.ri-dashboard-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 21a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zM4 13a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1zm5-2V5H5v6zM4 21a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1zm1-2h4v-2H5zm10 0h4v-6h-4zM13 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1zm2 1v2h4V5z'/%3E%3C/svg%3E");
}

.ri-delete-bin-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 6h5v2h-2v13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V8H2V6h5V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1zm1 2H6v12h12zm-9 3h2v6H9zm4 0h2v6h-2zM9 4v2h6V4z'/%3E%3C/svg%3E");
}

.ri-door-closed-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2.998 21v-2h2V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v15h2v2zm14-16h-10v14h10zm-2 6v2h-2v-2z'/%3E%3C/svg%3E");
}

.ri-door-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.998 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-12a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm-1 2h-10v14h10zm-2 6v2h-2v-2z'/%3E%3C/svg%3E");
}

.ri-door-open-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M1.998 21v-2h2V4.835a1 1 0 0 1 .821-.984l9.472-1.722a.6.6 0 0 1 .707.59v1.28l4 .001a1 1 0 0 1 1 1v14h2v2h-4V6h-3v15zm11-16.603l-7 1.272V19h7zm-1 6.603v2h-2v-2z'/%3E%3C/svg%3E");
}

.ri-download-2-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 10h5l-6 6l-6-6h5V3h2zm-9 9h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2z'/%3E%3C/svg%3E");
}

.ri-edit-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.414 15.89L16.556 5.748l-1.414-1.414L5 14.476v1.414zm.829 2H3v-4.243L14.435 2.212a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414zM3 19.89h18v2H3z'/%3E%3C/svg%3E");
}

.ri-error-warning-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m-1-5h2v2h-2zm0-8h2v6h-2z'/%3E%3C/svg%3E");
}

.ri-eye-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 3c5.392 0 9.878 3.88 10.819 9c-.94 5.12-5.427 9-10.819 9s-9.878-3.88-10.818-9C2.122 6.88 6.608 3 12 3m0 16a9.005 9.005 0 0 0 8.778-7a9.005 9.005 0 0 0-17.555 0A9.005 9.005 0 0 0 12 19m0-2.5a4.5 4.5 0 1 1 0-9a4.5 4.5 0 0 1 0 9m0-2a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E");
}

.ri-eye-off-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.883 19.297A10.95 10.95 0 0 1 12 21c-5.392 0-9.878-3.88-10.818-9A11 11 0 0 1 4.52 5.935L1.394 2.808l1.414-1.414l19.799 19.798l-1.414 1.415zM5.936 7.35A8.97 8.97 0 0 0 3.223 12a9.005 9.005 0 0 0 13.201 5.838l-2.028-2.028A4.5 4.5 0 0 1 8.19 9.604zm6.978 6.978l-3.242-3.241a2.5 2.5 0 0 0 3.241 3.241m7.893 2.265l-1.431-1.431A8.9 8.9 0 0 0 20.778 12A9.005 9.005 0 0 0 9.552 5.338L7.974 3.76C9.221 3.27 10.58 3 12 3c5.392 0 9.878 3.88 10.819 9a10.95 10.95 0 0 1-2.012 4.593m-9.084-9.084Q11.86 7.5 12 7.5a4.5 4.5 0 0 1 4.492 4.778z'/%3E%3C/svg%3E");
}

.ri-file-copy-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1 1 0 0 1 3 21l.003-14c0-.552.45-1 1.006-1zM5.002 8L5 20h10V8zM9 6h8v10h2V4H9z'/%3E%3C/svg%3E");
}

.ri-file-upload-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M15 4H5v16h14V8h-4zM3 2.992C3 2.444 3.447 2 3.999 2H16l5 5v13.993A1 1 0 0 1 20.007 22H3.993A1 1 0 0 1 3 21.008zM13 12v4h-2v-4H8l4-4l4 4z'/%3E%3C/svg%3E");
}

.ri-filter-3-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z'/%3E%3C/svg%3E");
}

.ri-graduation-cap-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 11.333L0 9l12-7l12 7v8.5h-2v-7.333l-2 1.166v6.678l-.223.275A9.98 9.98 0 0 1 12 22a9.98 9.98 0 0 1-7.777-3.714L4 18.011zM6 12.5v4.792A7.98 7.98 0 0 0 12 20a7.98 7.98 0 0 0 6-2.708V12.5L12 16zM3.97 9L12 13.685L20.03 9L12 4.315z'/%3E%3C/svg%3E");
}

.ri-history-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12h2a8 8 0 1 0 1.385-4.5H8v2H2v-6h2V6a9.99 9.99 0 0 1 8-4m1 5v4.585l3.243 3.243l-1.415 1.415L11 12.413V7z'/%3E%3C/svg%3E");
}

.ri-inbox-unarchive-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m20 3l2 4v13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.004L4 3zm0 6H4v10h16zm-8 1l4 4h-3v4h-2v-4H8zm6.764-5H5.236l-.999 2h15.527z'/%3E%3C/svg%3E");
}

.ri-information-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3C/svg%3E");
}

.ri-links-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m13.06 8.111l1.415 1.414a7 7 0 0 1 0 9.9l-.354.353a7 7 0 1 1-9.9-9.9l1.415 1.415a5 5 0 1 0 7.071 7.071l.354-.354a5 5 0 0 0 0-7.07l-1.415-1.415zm6.718 6.01l-1.414-1.414a5 5 0 0 0-7.071-7.07l-.354.353a5 5 0 0 0 0 7.07l1.415 1.415l-1.415 1.414l-1.414-1.414a7 7 0 0 1 0-9.9l.354-.353a7 7 0 1 1 9.9 9.9'/%3E%3C/svg%3E");
}

.ri-lock-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0zM5 12v8h14v-8zm6 2h2v4h-2zm6-4V9A5 5 0 0 0 7 9v1z'/%3E%3C/svg%3E");
}

.ri-lock-password-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0zM5 10v10h14V10zm6 4h2v2h-2zm-4 0h2v2H7zm8 0h2v2h-2zm1-6V7a4 4 0 0 0-8 0v1z'/%3E%3C/svg%3E");
}

.ri-logout-box-r-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 22a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v3h-2V4H6v16h12v-2h2v3a1 1 0 0 1-1 1zm13-6v-3h-7v-2h7V8l5 4z'/%3E%3C/svg%3E");
}

.ri-mail-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m17 4.238l-7.928 7.1L4 7.216V19h16zM4.511 5l7.55 6.662L19.502 5z'/%3E%3C/svg%3E");
}

.ri-menu-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 4h18v2H3zm0 7h18v2H3zm0 7h18v2H3z'/%3E%3C/svg%3E");
}

.ri-moon-clear-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M10 6a8 8 0 0 0 11.955 6.956C21.474 18.03 17.2 22 12 22C6.477 22 2 17.523 2 12c0-5.2 3.97-9.474 9.044-9.955A7.96 7.96 0 0 0 10 6m-6 6a8 8 0 0 0 8 8a8 8 0 0 0 6.957-4.045Q18.482 16 18 16C12.477 16 8 11.523 8 6q0-.481.045-.957A8 8 0 0 0 4 12m14.164-9.709L19 2.5v1l-.836.209a2 2 0 0 0-1.455 1.455L16.5 6h-1l-.209-.836a2 2 0 0 0-1.455-1.455L13 3.5v-1l.836-.209A2 2 0 0 0 15.29.836L15.5 0h1l.209.836a2 2 0 0 0 1.455 1.455m5 5L24 7.5v1l-.836.209a2 2 0 0 0-1.455 1.455L21.5 11h-1l-.209-.836a2 2 0 0 0-1.455-1.455L18 8.5v-1l.836-.209a2 2 0 0 0 1.455-1.455L20.5 5h1l.209.836a2 2 0 0 0 1.455 1.455'/%3E%3C/svg%3E");
}

.ri-pie-chart-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 2.458v2.124A8.003 8.003 0 0 0 12 20a8 8 0 0 0 7.419-5h2.123c-1.274 4.057-5.064 7-9.542 7c-5.523 0-10-4.477-10-10c0-4.478 2.943-8.268 7-9.542M12 2c5.523 0 10 4.477 10 10q0 .507-.05 1H11V2.05Q11.493 2 12 2m1 2.062V11h6.938A8.004 8.004 0 0 0 13 4.062'/%3E%3C/svg%3E");
}

.ri-questionnaire-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5.763 17H20V5H4v13.385zm.692 2L2 22.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1zM11 14h2v2h-2zM8.567 8.813A3.501 3.501 0 1 1 12 13h-1v-2h1a1.5 1.5 0 1 0-1.471-1.794z'/%3E%3C/svg%3E");
}

.ri-refresh-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5.463 4.433A9.96 9.96 0 0 1 12 2c5.523 0 10 4.477 10 10c0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 0 0 6.46 6.228zm13.074 15.134A9.96 9.96 0 0 1 12 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0 0 13.54 5.772z'/%3E%3C/svg%3E");
}

.ri-save-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 19v-6h10v6h2V7.828L16.172 5H5v14zM4 3h13l4 4v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1m5 12v4h6v-4z'/%3E%3C/svg%3E");
}

.ri-search-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975z'/%3E%3C/svg%3E");
}

.ri-settings-4-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 12c0-.865.11-1.704.316-2.504A3 3 0 0 0 4.99 4.867a10 10 0 0 1 4.335-2.506a3 3 0 0 0 5.348 0a10 10 0 0 1 4.335 2.506a3 3 0 0 0 2.675 4.63c.206.8.316 1.638.316 2.503c0 .864-.11 1.703-.316 2.503a3 3 0 0 0-2.675 4.63a10 10 0 0 1-4.335 2.505a3 3 0 0 0-5.348 0a10 10 0 0 1-4.335-2.505a3 3 0 0 0-2.675-4.63C2.11 13.703 2 12.864 2 12m4.804 3c.63 1.091.81 2.346.564 3.524q.613.436 1.297.75A5 5 0 0 1 12 18c1.26 0 2.438.471 3.335 1.274q.684-.314 1.297-.75A5 5 0 0 1 17.196 15a5 5 0 0 1 2.77-2.25a8 8 0 0 0 0-1.5A5 5 0 0 1 17.196 9a5 5 0 0 1-.564-3.524a8 8 0 0 0-1.297-.75A5 5 0 0 1 12 6a5 5 0 0 1-3.335-1.274a8 8 0 0 0-1.297.75A5 5 0 0 1 6.804 9a5 5 0 0 1-2.77 2.25a8 8 0 0 0 0 1.5A5 5 0 0 1 6.805 15M12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}

.ri-sparkling-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 4.438A2.437 2.437 0 0 0 16.438 2h1.125A2.437 2.437 0 0 0 20 4.438v1.125A2.437 2.437 0 0 0 17.563 8h-1.125A2.437 2.437 0 0 0 14 5.563zM1 11a6 6 0 0 0 6-6h2a6 6 0 0 0 6 6v2a6 6 0 0 0-6 6H7a6 6 0 0 0-6-6zm3.876 1A8.04 8.04 0 0 1 8 15.124A8.04 8.04 0 0 1 11.124 12A8.04 8.04 0 0 1 8 8.876A8.04 8.04 0 0 1 4.876 12m12.374 2A3.25 3.25 0 0 1 14 17.25v1.5A3.25 3.25 0 0 1 17.25 22h1.5A3.25 3.25 0 0 1 22 18.75v-1.5A3.25 3.25 0 0 1 18.75 14z'/%3E%3C/svg%3E");
}

.ri-sun-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 18a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8M11 1h2v3h-2zm0 19h2v3h-2zM3.515 4.929l1.414-1.414L7.05 5.636L5.636 7.05zM16.95 18.364l1.414-1.414l2.121 2.121l-1.414 1.414zm2.121-14.85l1.414 1.415l-2.121 2.121l-1.414-1.414zM5.636 16.95l1.414 1.414l-2.121 2.121l-1.414-1.414zM23 11v2h-3v-2zM4 11v2H1v-2z'/%3E%3C/svg%3E");
}

.ri-survey-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17 2v2h3.007c.548 0 .993.445.993.993v16.014a.994.994 0 0 1-.993.993H3.993A.993.993 0 0 1 3 21.007V4.993C3 4.445 3.445 4 3.993 4H7V2zM7 6H5v14h14V6h-2v2H7zm2 10v2H7v-2zm0-3v2H7v-2zm0-3v2H7v-2zm6-6H9v2h6z'/%3E%3C/svg%3E");
}

.ri-team-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 11a5 5 0 0 1 5 5v6h-2v-6a3 3 0 0 0-2.824-2.995L12 13a3 3 0 0 0-2.995 2.824L9 16v6H7v-6a5 5 0 0 1 5-5m-6.5 3q.42.001.81.094a6 6 0 0 0-.301 1.575L6 16v.086a1.5 1.5 0 0 0-.356-.08L5.5 16a1.5 1.5 0 0 0-1.493 1.355L4 17.5V22H2v-4.5A3.5 3.5 0 0 1 5.5 14m13 0a3.5 3.5 0 0 1 3.5 3.5V22h-2v-4.5a1.5 1.5 0 0 0-1.355-1.493L18.5 16q-.264.001-.5.085V16c0-.666-.108-1.306-.308-1.904c.258-.063.53-.096.808-.096m-13-6a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5m13 0a2.5 2.5 0 1 1 0 5a2.5 2.5 0 0 1 0-5m-13 2a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1m13 0a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1M12 2a4 4 0 1 1 0 8a4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4a2 2 0 0 0 0-4'/%3E%3C/svg%3E");
}

.ri-time-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10m0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16m1-8h4v2h-6V7h2z'/%3E%3C/svg%3E");
}

.ri-upload-2-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 19h16v-7h2v8a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-8h2zm9-10v7h-2V9H6l6-6l6 6z'/%3E%3C/svg%3E");
}

.ri-user-3-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M20 22h-2v-2a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v2H4v-2a5 5 0 0 1 5-5h6a5 5 0 0 1 5 5zm-8-9a6 6 0 1 1 0-12a6 6 0 0 1 0 12m0-2a4 4 0 1 0 0-8a4 4 0 0 0 0 8'/%3E%3C/svg%3E");
}

.ri-user-add-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 14.252v2.09A6 6 0 0 0 6 22H4a8 8 0 0 1 10-7.749M12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m6 6v-3h2v3h3v2h-3v3h-2v-3h-3v-2z'/%3E%3C/svg%3E");
}

.ri-user-follow-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 14.252v2.09A6 6 0 0 0 6 22H4a8 8 0 0 1 10-7.749M12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m5.793 8.914l3.535-3.535l1.415 1.414l-4.95 4.95l-3.536-3.536l1.415-1.414z'/%3E%3C/svg%3E");
}

.ri-user-forbid-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8 7a4 4 0 1 1 8 0a4 4 0 0 1-8 0m4-6a6 6 0 1 0 0 12a6 6 0 0 0 0-12m3 17a3 3 0 0 1 4.293-2.708l-4 4.001A3 3 0 0 1 15 18m1.707 2.708l4-4.001a3 3 0 0 1-4.001 4.001M18 13a5 5 0 1 0 0 10a5 5 0 0 0 0-10m-6 1q.126 0 .252.004a7 7 0 0 0-.975 2.04A6 6 0 0 0 6 22H4a8 8 0 0 1 8-8'/%3E%3C/svg%3E");
}

.ri-user-unfollow-line {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 14.252v2.09A6 6 0 0 0 6 22H4a8 8 0 0 1 10-7.749M12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6s6 2.685 6 6s-2.685 6-6 6m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m7 6.586l2.121-2.121l1.415 1.414L20.414 19l2.121 2.121l-1.414 1.415L19 20.414l-2.121 2.121l-1.415-1.414L17.587 19l-2.121-2.121l1.414-1.415z'/%3E%3C/svg%3E");
}

/* ---- public_html/assets/css/themes/core.css ---- */
@charset "UTF-8";
/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-theme=light] {
    --blue: #26c6f9;
    --indigo: #666cff;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #ff4d49;
    --orange: #fdb528;
    --yellow: #ffd950;
    --green: #72e128;
    --teal: #20c997;
    --cyan: #28c3d7;
    --black: #262b43;
    --white: #fff;
    --gray: #7d808e;
    --gray-dark: #515569;
    --gray-25: #fafafa;
    --gray-50: #f2f3f4;
    --gray-75: #eeeef0;
    --gray-100: #e9e9ec;
    --gray-200: #d4d5d9;
    --gray-300: #bdbfc6;
    --gray-400: #a8aab4;
    --gray-500: #9295a1;
    --gray-600: #7d808e;
    --gray-700: #676a7b;
    --gray-800: #515569;
    --gray-900: #3b4055;
    --primary: #666cff;
    --secondary: #6d788d;
    --success: #72e128;
    --info: #26c6f9;
    --warning: #fdb528;
    --danger: #ff4d49;
    --light: #dfdfe3;
    --dark: #312d4b;
    --gray: #e9e9ec;
    --primary-rgb: 102, 108, 255;
    --secondary-rgb: 109, 120, 141;
    --success-rgb: 114, 225, 40;
    --info-rgb: 38, 198, 249;
    --warning-rgb: 253, 181, 40;
    --danger-rgb: 255, 77, 73;
    --light-rgb: 223, 223, 227;
    --dark-rgb: 49, 45, 75;
    --gray-rgb: 233, 233, 236;
    --primary-text-emphasis: #292b66;
    --secondary-text-emphasis: #2c3038;
    --success-text-emphasis: #2e5a10;
    --info-text-emphasis: #0f4f64;
    --warning-text-emphasis: #654810;
    --danger-text-emphasis: #661f1d;
    --light-text-emphasis: #676a7b;
    --dark-text-emphasis: #676a7b;
    --primary-bg-subtle: #e7e7ff;
    --secondary-bg-subtle: #e8e9ed;
    --success-bg-subtle: #e8fadd;
    --info-bg-subtle: #dcf6fe;
    --warning-bg-subtle: #fff3dd;
    --danger-bg-subtle: #ffe3e2;
    --light-bg-subtle: #f4f4f6;
    --dark-bg-subtle: #dedde2;
    --primary-border-subtle: #c3c6ff;
    --secondary-border-subtle: #c6cad3;
    --success-border-subtle: #c8f3ab;
    --info-border-subtle: #aae9fd;
    --warning-border-subtle: #fee2ab;
    --danger-border-subtle: #ffbab8;
    --light-border-subtle: #d4d5d9;
    --dark-border-subtle: #afadb9;
    --white-rgb: 255, 255, 255;
    --black-rgb: 38, 43, 67;
    --font-sans-serif: "Inter", -apple-system, blinkmacsystemfont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --font-monospace: "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --root-font-size: 16px;
    --body-font-family: var(--font-sans-serif);
    --body-font-size: 0.9375rem;
    --body-font-weight: 400;
    --body-line-height: 1.375;
    --body-color: #676a7b;
    --body-color-rgb: 103, 106, 123;
    --body-bg: #f7f7f9;
    --body-bg-rgb: 247, 247, 249;
    --emphasis-color: #262b43;
    --emphasis-color-rgb: 38, 43, 67;
    --secondary-color: #a8aab4;
    --secondary-color-rgb: 168, 170, 180;
    --secondary-bg: #d4d5d9;
    --secondary-bg-rgb: 212, 213, 217;
    --tertiary-color: rgba(103, 106, 123, 0.5);
    --tertiary-color-rgb: 103, 106, 123;
    --tertiary-bg: #dfdfe3;
    --tertiary-bg-rgb: 223, 223, 227;
    --heading-color: color-mix(in sRGB, #262b43 90%, #fff);
    --link-color: #666cff;
    --link-color-rgb: 102, 108, 255;
    --link-decoration: none;
    --link-hover-color: #5c61e6;
    --link-hover-color-rgb: 92, 97, 230;
    --code-color: #e83e8c;
    --highlight-color: #676a7b;
    --highlight-bg: #fff7dc;
    --border-width: 1px;
    --border-style: solid;
    --border-color: color-mix(in sRGB, #262b43 12%, #fff);
    --border-color-translucent: rgba(38, 43, 67, 0.075);
    --border-radius: 0.375rem;
    --border-radius-sm: 0.25rem;
    --border-radius-lg: 0.5rem;
    --border-radius-xl: 0.625rem;
    --border-radius-xxl: 1rem;
    --border-radius-2xl: var(--border-radius-xxl);
    --border-radius-pill: 50rem;
    --box-shadow: 0 0.25rem 0.875rem 0 rgba(38, 43, 67, 0.16);
    --box-shadow-sm: 0 0.125rem 0.625rem 0 rgba(38, 43, 67, 0.16);
    --box-shadow-lg: 0 0.375rem 1.25rem 0 rgba(38, 43, 67, 0.18);
    --box-shadow-inset: inset 0 1px 2px rgba(38, 43, 67, 0.075);
    --focus-ring-width: 0.15rem;
    --focus-ring-opacity: 0.75;
    --focus-ring-color: rgba(103, 106, 123, 0.75);
    --form-valid-color: #72e128;
    --form-valid-border-color: #72e128;
    --form-invalid-color: #ff4d49;
    --form-invalid-border-color: #ff4d49
}

[data-theme=dark] {
    color-scheme: dark;
    --body-color: #b2b3ca;
    --body-color-rgb: 178, 179, 202;
    --body-bg: #282a42;
    --body-bg-rgb: 40, 42, 66;
    --emphasis-color: #fff;
    --emphasis-color-rgb: 255, 255, 255;
    --secondary-color: #7b7d95;
    --secondary-color-rgb: 123, 125, 149;
    --secondary-bg: #555871;
    --secondary-bg-rgb: 85, 88, 113;
    --tertiary-color: rgba(178, 179, 202, 0.5);
    --tertiary-color-rgb: 178, 179, 202;
    --tertiary-bg: #40435d;
    --tertiary-bg-rgb: 64, 67, 93;
    --primary-text-emphasis: #a3a7ff;
    --secondary-text-emphasis: #a7aebb;
    --success-text-emphasis: #aaed7e;
    --info-text-emphasis: #7dddfb;
    --warning-text-emphasis: #fed37e;
    --danger-text-emphasis: #ff9492;
    --light-text-emphasis: #b2b3ca;
    --dark-text-emphasis: #eaeaff;
    --primary-bg-subtle: #393c6a;
    --secondary-bg-subtle: #3a3e58;
    --success-bg-subtle: #3b4f48;
    --info-bg-subtle: #2e4b69;
    --warning-bg-subtle: #514848;
    --danger-bg-subtle: #51374d;
    --light-bg-subtle: #343650;
    --dark-bg-subtle: #393c5b;
    --primary-border-subtle: #5358c1;
    --secondary-border-subtle: #586077;
    --success-border-subtle: #5ba435;
    --info-border-subtle: #2a93bd;
    --warning-border-subtle: #b58835;
    --danger-border-subtle: #b7444b;
    --light-border-subtle: #3e3e56;
    --dark-border-subtle: #565881;
    --heading-color: color-mix(in sRGB, #eaeaff 90%, #30334e);
    --link-color: #a3a7ff;
    --link-hover-color: #acb0ff;
    --link-color-rgb: 163, 167, 255;
    --link-hover-color-rgb: 172, 176, 255;
    --code-color: #f18bba;
    --highlight-color: #b2b3ca;
    --highlight-bg: #665720;
    --border-color: color-mix(in sRGB, #eaeaff 12%, #30334e);
    --border-color-translucent: rgba(255, 255, 255, 0.09);
    --form-valid-color: #72e128;
    --form-valid-border-color: #72e128;
    --form-invalid-color: #ff4d49;
    --form-invalid-border-color: #ff4d49
}

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

:root {
    font-size: var(--root-font-size)
}

@media(prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    color: var(--body-color);
    text-align: var(--body-text-align);
    background-color: var(--body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(38, 43, 67, 0)
}

hr {
    margin: 1rem 0;
    color: var(--border-color);
    border: 0;
    border-top: var(--border-width) solid;
    opacity: 1
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.1;
    color: var(--heading-color)
}

h1,
.h1 {
    font-size: calc(1.4125rem + 1.95vw)
}

@media(min-width: 1200px) {

    h1,
    .h1 {
        font-size: 2.875rem
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media(min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.75rem
    }
}

h4,
.h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media(min-width: 1200px) {

    h4,
    .h4 {
        font-size: 1.5rem
    }
}

h5,
.h5 {
    font-size: 1.125rem
}

h6,
.h6 {
    font-size: 0.9375rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 500
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

b,
strong {
    font-weight: bolder
}

small,
.small {
    font-size: 0.8125rem
}

a {
    color: rgba(var(--link-color-rgb), var(--link-opacity, 1));
    text-decoration: none
}

a:hover {
    --link-color-rgb: var(--link-hover-color-rgb)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code {
    font-family: var(--font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.8125rem
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: 0.8125rem;
    color: var(--code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

th {
    font-weight: 500;
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

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

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    line-height: inherit;
    font-size: calc(1.275rem + 0.3vw)
}

@media(min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-cancel-button {
    cursor: pointer;
    filter: grayscale(1)
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

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

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.container,
.container-xxl {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--gutter-x)*.5);
    padding-left: calc(var(--gutter-x)*.5);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {

    
    .container {
        max-width: 540px
    }
}

@media(min-width: 768px) {

    
    .container {
        max-width: 720px
    }
}

@media(min-width: 992px) {

    
    .container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {

    
    .container {
        max-width: 1140px
    }
}

@media(min-width: 1400px) {

    .container-xxl,
    .container {
        max-width: 1440px
    }
}

:root {
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px
}

.row {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--gutter-y));
    margin-right: calc(-0.5*var(--gutter-x));
    margin-left: calc(-0.5*var(--gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x)*.5);
    padding-left: calc(var(--gutter-x)*.5);
    margin-top: var(--gutter-y)
}

.col {
    flex: 1 0 0
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.g-3 {
    --gutter-x: 0.75rem
}

.g-3 {
    --gutter-y: 0.75rem
}

.g-4 {
    --gutter-x: 1rem
}

.g-4 {
    --gutter-y: 1rem
}

.g-6 {
    --gutter-x: 1.5rem
}

.g-6 {
    --gutter-y: 1.5rem
}

@media(min-width: 576px) {

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
}

@media(min-width: 768px) {

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
}

@media(min-width: 992px) {

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }
}

@media(min-width: 1200px) {

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }
}

.table {
    --table-color-type: initial;
    --table-bg-type: initial;
    --table-color-state: initial;
    --table-bg-state: initial;
    --table-color: var(--body-color);
    --table-bg: transparent;
    --table-border-color: var(--border-color);
    --table-accent-bg: transparent;
    --table-striped-color: var(--body-color);
    --table-striped-bg: color-mix(in sRGB, var(--base-color) 6%, var(--paper-bg));
    --table-active-color: var(--body-color);
    --table-active-bg: rgba(38, 43, 67, 0.1);
    --table-hover-color: var(--body-color);
    --table-hover-bg: rgba(38, 43, 67, 0.035);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: middle;
    border-color: var(--table-border-color)
}

.table>:not(caption)>*>* {
    padding: .7813rem 1.25rem;
    color: var(--table-color-state, var(--table-color-type, var(--table-color)));
    background-color: var(--table-bg);
    border-bottom-width: var(--border-width);
    box-shadow: inset 0 0 0 9999px var(--table-bg-state, var(--table-bg-type, var(--table-accent-bg)))
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-sm>:not(caption)>*>* {
    padding: .595rem 1.25rem
}

.table-hover>tbody>tr:hover>* {
    --table-color-state: var(--table-hover-color);
    --table-bg-state: var(--table-hover-bg)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.form-label {
    margin-bottom: .5rem;
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--heading-color)
}

.form-text {
    margin-top: .25rem;
    font-size: 0.8125rem;
    color: var(--body-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .8555rem 1rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.375;
    color: var(--heading-color);
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border: 1px solid color-mix(in sRGB, var(--base-color) 22%, var(--paper-bg));
    border-radius: .5rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: var(--heading-color);
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--primary);
    outline: 0;
    box-shadow: none
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.375em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder {
    color: var(--gray-400);
    opacity: 1
}

.form-control:disabled {
    color: var(--secondary-color);
    background-color: color-mix(in sRGB, var(--base-color) 6%, var(--paper-bg));
    border-color: color-mix(in sRGB, var(--base-color) 24%, var(--paper-bg));
    opacity: 1
}

.form-control::file-selector-button {
    padding: .8555rem 1rem;
    margin: -0.8555rem -1rem;
    margin-inline-end: 1rem;
    color: var(--heading-color);
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: all .2s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: rgba(0, 0, 0, .05)
}

.form-control-sm {
    min-height: calc(1.375em + 1.258rem + calc(1px * 2));
    padding: .629rem 1rem;
    font-size: 0.8125rem;
    border-radius: .375rem
}

.form-control-sm::file-selector-button {
    padding: .629rem 1rem;
    margin: -0.629rem -1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.375em + 1.711rem + calc(1px * 2))
}

textarea.form-control-sm {
    min-height: calc(1.375em + 1.258rem + calc(1px * 2))
}

.form-select {
    --form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23262b43" fill-opacity="0.9"/%3e%3c/svg%3e');
    display: block;
    width: 100%;
    padding: .8555rem 2rem .8555rem 1rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.375;
    color: var(--heading-color);
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: var(--form-select-bg-img), var(--form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 22px 24px;
    border: 1px solid color-mix(in sRGB, var(--base-color) 22%, var(--paper-bg));
    border-radius: .5rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: var(--primary);
    outline: 0;
    box-shadow: none
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: 1rem;
    background-image: none
}

.form-select:disabled {
    color: var(--secondary-color);
    background-color: color-mix(in sRGB, var(--base-color) 6%, var(--paper-bg));
    border-color: var(--border-color)
}

.form-select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 var(--heading-color)
}

[data-theme=dark] .form-select {
    --form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23fff" fill-opacity="0.9"/%3e%3c/svg%3e')
}

.form-check {
    display: block;
    min-height: 1.3754296875rem;
    padding-left: 1.8em;
    margin-bottom: .5rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.8em
}

.form-check-input {
    --form-check-bg: transparent;
    flex-shrink: 0;
    width: 1.2em;
    height: 1.2em;
    margin-top: .0875em;
    vertical-align: top;
    appearance: none;
    background-color: var(--form-check-bg);
    background-image: var(--form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 2px solid var(--body-color);
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .375rem
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: var(--body-color);
    outline: 0;
    box-shadow: 0 .25rem .05rem color-mix(in sRGB, var(--primary) 0.1, var(--paper-bg))
}

.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary)
}

.form-check-input:checked[type=checkbox] {
    --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20'%3e%3cpath fill='none' stroke='%23fff' stroke-width='1.3' d='M5 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.6' fill='%23fff'  /%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--primary);
    border-color: var(--primary);
    --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-width='1.3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .45
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    cursor: default;
    opacity: .45
}

.form-check-label {
    color: var(--heading-color);
    cursor: pointer
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

[data-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --form-switch-bg: url("data:image/svg+xml,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url%28%23a%29'%3e%3ccircle cx='12' cy='11' r='8.5' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='a' x='0' y='0' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='2'/%3e%3cfeGaussianBlur stdDeviation='2'/%3e%3cfeColorMatrix values='0 0 0 0 0.180392 0 0 0 0 0.14902 0 0 0 0 0.239216 0 0 0 0.16 0'/%3e%3cfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6488_3264'/%3e%3cfeBlend in='SourceGraphic' in2='effect1_dropShadow_6488_3264' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e")
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .8555rem 1rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.375;
    color: var(--heading-color);
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid color-mix(in sRGB, var(--base-color) 22%, var(--paper-bg));
    border-radius: .5rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}


.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(-1*1px);
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 0.8125rem;
    color: var(--form-invalid-color)
}


.is-invalid~.invalid-feedback {
    display: block
}


.form-control.is-invalid {
    border-color: var(--form-invalid-border-color)
}


.form-control.is-invalid:focus {
    border-color: var(--form-invalid-border-color);
    box-shadow: 0 0 .25rem .05rem rgba(var(--danger-rgb), 0.1)
}


.form-select.is-invalid {
    border-color: var(--form-invalid-border-color)
}


.form-select.is-invalid:focus {
    border-color: var(--form-invalid-border-color);
    box-shadow: 0 0 .25rem .05rem rgba(var(--danger-rgb), 0.1)
}


.form-check-input.is-invalid {
    border-color: var(--form-invalid-border-color)
}


.form-check-input.is-invalid:checked {
    background-color: var(--form-invalid-color)
}


.form-check-input.is-invalid:focus {
    box-shadow: 0 0 .25rem .05rem rgba(var(--danger-rgb), 0.1)
}


.form-check-input.is-invalid~.form-check-label {
    color: var(--form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}


.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-select:not(:focus).is-invalid {
    z-index: 4
}

.btn {
    --btn-padding-x: 1.375rem;
    --btn-padding-y: 0.4806rem;
    --btn-font-family: ;
    --btn-font-size: 0.9375rem;
    --btn-font-weight: 500;
    --btn-line-height: 1.375;
    --btn-color: var(--body-color);
    --btn-bg: transparent;
    --btn-border-width: 1px;
    --btn-border-color: transparent;
    --btn-border-radius: 0.5rem;
    --btn-hover-border-color: transparent;
    --btn-box-shadow: var(--box-shadow-xs);
    --btn-disabled-opacity: 0.45;
    --btn-focus-box-shadow: 0 0 0 0.05rem rgba(var(--btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--btn-padding-y) var(--btn-padding-x);
    font-family: var(--btn-font-family);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);
    color: var(--btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    background-color: var(--btn-bg);
    transition: all .2s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--btn-hover-color);
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color)
}

.btn:focus-visible {
    color: var(--btn-hover-color);
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color);
    outline: 0;
    box-shadow: var(--btn-focus-box-shadow)
}


:not(.btn-check)+.btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
    color: var(--btn-active-color);
    background-color: var(--btn-active-bg);
    border-color: var(--btn-active-border-color)
}


:not(.btn-check)+.btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
    box-shadow: var(--btn-focus-box-shadow)
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    color: var(--btn-disabled-color);
    pointer-events: none;
    background-color: var(--btn-disabled-bg);
    border-color: var(--btn-disabled-border-color);
    opacity: var(--btn-disabled-opacity)
}

.btn-primary {
    --btn-color: #fff;
    --btn-bg: #666cff;
    --btn-border-color: #666cff;
    --btn-hover-color: #fff;
    --btn-hover-bg: #5c61e6;
    --btn-hover-border-color: #5256cc;
    --btn-focus-shadow-rgb: 125, 130, 255;
    --btn-active-color: #fff;
    --btn-active-bg: #5c61e6;
    --btn-active-border-color: #4d51bf;
    --btn-active-shadow: var(--box-shadow-xs);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #666cff;
    --btn-disabled-border-color: #666cff
}

.btn-success {
    --btn-color: #fff;
    --btn-bg: #72e128;
    --btn-border-color: #72e128;
    --btn-hover-color: #fff;
    --btn-hover-bg: #67cb24;
    --btn-hover-border-color: #5bb420;
    --btn-focus-shadow-rgb: 135, 230, 72;
    --btn-active-color: #fff;
    --btn-active-bg: #67cb24;
    --btn-active-border-color: #56a91e;
    --btn-active-shadow: var(--box-shadow-xs);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #72e128;
    --btn-disabled-border-color: #72e128
}

.btn-danger {
    --btn-color: #fff;
    --btn-bg: #ff4d49;
    --btn-border-color: #ff4d49;
    --btn-hover-color: #fff;
    --btn-hover-bg: #e64542;
    --btn-hover-border-color: #cc3e3a;
    --btn-focus-shadow-rgb: 255, 104, 100;
    --btn-active-color: #fff;
    --btn-active-bg: #e64542;
    --btn-active-border-color: #bf3a37;
    --btn-active-shadow: var(--box-shadow-xs);
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #ff4d49;
    --btn-disabled-border-color: #ff4d49
}

.btn-outline-primary {
    --btn-color: #666cff;
    --btn-border-color: #666cff;
    --btn-hover-color: #fff;
    --btn-hover-bg: #666cff;
    --btn-hover-border-color: #666cff;
    --btn-focus-shadow-rgb: 102, 108, 255;
    --btn-active-color: #fff;
    --btn-active-bg: #666cff;
    --btn-active-border-color: #666cff;
    --btn-active-shadow: var(--box-shadow-xs);
    --btn-disabled-color: #666cff;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #666cff;
    --gradient: none
}

.btn-outline-secondary {
    --btn-color: #6d788d;
    --btn-border-color: #6d788d;
    --btn-hover-color: #fff;
    --btn-hover-bg: #6d788d;
    --btn-hover-border-color: #6d788d;
    --btn-focus-shadow-rgb: 109, 120, 141;
    --btn-active-color: #fff;
    --btn-active-bg: #6d788d;
    --btn-active-border-color: #6d788d;
    --btn-active-shadow: var(--box-shadow-xs);
    --btn-disabled-color: #6d788d;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #6d788d;
    --gradient: none
}

.btn-outline-success {
    --btn-color: #72e128;
    --btn-border-color: #72e128;
    --btn-hover-color: #fff;
    --btn-hover-bg: #72e128;
    --btn-hover-border-color: #72e128;
    --btn-focus-shadow-rgb: 114, 225, 40;
    --btn-active-color: #fff;
    --btn-active-bg: #72e128;
    --btn-active-border-color: #72e128;
    --btn-active-shadow: var(--box-shadow-xs);
    --btn-disabled-color: #72e128;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #72e128;
    --gradient: none
}

.btn-outline-danger {
    --btn-color: #ff4d49;
    --btn-border-color: #ff4d49;
    --btn-hover-color: #fff;
    --btn-hover-bg: #ff4d49;
    --btn-hover-border-color: #ff4d49;
    --btn-focus-shadow-rgb: 255, 77, 73;
    --btn-active-color: #fff;
    --btn-active-bg: #ff4d49;
    --btn-active-border-color: #ff4d49;
    --btn-active-shadow: var(--box-shadow-xs);
    --btn-disabled-color: #ff4d49;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #ff4d49;
    --gradient: none
}

.btn-link {
    --btn-font-weight: 400;
    --btn-color: var(--link-color);
    --btn-bg: transparent;
    --btn-border-color: transparent;
    --btn-hover-color: var(--link-hover-color);
    --btn-hover-border-color: transparent;
    --btn-active-color: var(--link-hover-color);
    --btn-active-border-color: transparent;
    --btn-disabled-color: #7d808e;
    --btn-disabled-border-color: transparent;
    --btn-box-shadow: 0 0 0 #000;
    --btn-focus-shadow-rgb: 125, 130, 255;
    text-decoration: none
}

.btn-link:focus-visible {
    color: var(--btn-color)
}

.btn-link:hover {
    color: var(--btn-hover-color)
}

.btn-sm {
    --btn-padding-y: 0.4415rem;
    --btn-padding-x: 0.969rem;
    --btn-font-size: 0.8125rem;
    --btn-border-radius: 0.375rem
}

.fade {
    transition: opacity .15s linear
}

@media(prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}


.dropdown,
.dropdown-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .8em;
    vertical-align: middle;
    content: "";
    border: 2px solid;
    block-size: .55em;
    border-block-start: 0;
    border-inline-start: 0;
    inline-size: .55em;
    margin-block-start: -.2783em;
    margin-inline: .8em 0;
    transform: rotate(45deg)
}

:dir(rtl) .dropdown-toggle::after {
    transform: rotate(-45deg)
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    --dropdown-zindex: 1000;
    --dropdown-min-width: 10rem;
    --dropdown-padding-x: 0;
    --dropdown-padding-y: 0.5rem;
    --dropdown-spacer: 0.125rem;
    --dropdown-font-size: 0.9375rem;
    --dropdown-color: var(--body-color);
    --dropdown-bg: var(--paper-bg);
    --dropdown-border-color: var(--border-color);
    --dropdown-border-radius: 0.625rem;
    --dropdown-border-width: 0;
    --dropdown-inner-border-radius: 0;
    --dropdown-divider-bg: var(--border-color);
    --dropdown-divider-margin-y: 0.5rem;
    --dropdown-box-shadow: var(--box-shadow-lg);
    --dropdown-link-color: var(--heading-color);
    --dropdown-link-hover-color: var(--dropdown-link-color);
    --dropdown-link-hover-bg: var(--gray-50);
    --dropdown-link-active-color: var(--primary);
    --dropdown-link-active-bg: rgba(var(--primary-rgb), 0.1);
    --dropdown-link-disabled-color: var(--secondary-color);
    --dropdown-item-padding-x: 1.25rem;
    --dropdown-item-padding-y: 0.543rem;
    --dropdown-header-color: var(--secondary-color);
    --dropdown-header-padding-x: 1.25rem;
    --dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--dropdown-zindex);
    display: none;
    min-width: var(--dropdown-min-width);
    padding: var(--dropdown-padding-y) var(--dropdown-padding-x);
    margin: 0;
    font-size: var(--dropdown-font-size);
    color: var(--dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--dropdown-bg);
    background-clip: padding-box;
    border: var(--dropdown-border-width) solid var(--dropdown-border-color);
    border-radius: var(--dropdown-border-radius)
}

.dropdown-menu[data-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--dropdown-spacer)
}

.dropdown-menu-start {
    --position: start
}

.dropdown-menu-start[data-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --position: end
}

.dropdown-menu-end[data-popper] {
    right: 0;
    left: auto
}

@media(min-width: 576px) {
    .dropdown-menu-sm-start {
        --position: start
    }

    .dropdown-menu-sm-start[data-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --position: end
    }

    .dropdown-menu-sm-end[data-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 768px) {
    .dropdown-menu-md-start {
        --position: start
    }

    .dropdown-menu-md-start[data-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --position: end
    }

    .dropdown-menu-md-end[data-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 992px) {
    .dropdown-menu-lg-start {
        --position: start
    }

    .dropdown-menu-lg-start[data-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --position: end
    }

    .dropdown-menu-lg-end[data-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 1200px) {
    .dropdown-menu-xl-start {
        --position: start
    }

    .dropdown-menu-xl-start[data-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --position: end
    }

    .dropdown-menu-xl-end[data-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --position: start
    }

    .dropdown-menu-xxl-start[data-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --position: end
    }

    .dropdown-menu-xxl-end[data-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .8em;
    vertical-align: middle;
    content: "";
    border: 2px solid;
    block-size: .55em;
    border-block-end: 0;
    border-inline-start: 0;
    inline-size: .55em;
    margin-block-start: .26675em;
    margin-inline: .8em 0;
    transform: rotate(-45deg)
}

:dir(rtl) .dropup .dropdown-toggle::after {
    transform: rotate(45deg)
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .8em;
    vertical-align: middle;
    content: "";
    border: 2px solid;
    block-size: .55em;
    border-block-start: 0;
    border-inline-start: 0;
    inline-size: .55em;
    margin-block-start: 0;
    margin-inline: .8em 0;
    transform: rotate(-45deg)
}

:dir(rtl) .dropend .dropdown-toggle::after {
    transform: rotate(-315deg)
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .8em;
    vertical-align: middle;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .8em;
    vertical-align: middle;
    content: "";
    border: 2px solid;
    block-size: .55em;
    border-block-start: 0;
    border-inline-end: 0;
    inline-size: .55em;
    margin-block-start: 0;
    margin-inline: 0 .8em;
    transform: rotate(45deg)
}

:dir(rtl) .dropstart .dropdown-toggle::before {
    transform: rotate(315deg)
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: var(--dropdown-item-border-radius, 0)
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--dropdown-link-hover-color);
    background-color: var(--dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--dropdown-link-disabled-color);
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0)
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--dropdown-header-padding-y) var(--dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.8125rem;
    color: var(--dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
    color: var(--dropdown-link-color)
}

.dropdown-menu-dark {
    --dropdown-color: #bdbfc6;
    --dropdown-bg: #515569;
    --dropdown-border-color: var(--border-color);
    --dropdown-box-shadow: ;
    --dropdown-link-color: #bdbfc6;
    --dropdown-link-hover-color: #fff;
    --dropdown-divider-bg: var(--border-color);
    --dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --dropdown-link-active-color: var(--primary);
    --dropdown-link-active-bg: rgba(var(--primary-rgb), 0.1);
    --dropdown-link-disabled-color: #9295a1;
    --dropdown-header-color: #9295a1
}


.btn-group>.btn.dropdown-toggle-split:first-child {
    border-end-end-radius: 0;
    border-start-end-radius: 0
}

.dropdown-toggle-split {
    padding-right: 1.03125rem;
    padding-left: 1.03125rem
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .72675rem;
    padding-left: .72675rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: 1.21875rem;
    padding-left: 1.21875rem
}

.nav {
    --nav-link-padding-x: 1.375rem;
    --nav-link-padding-y: 0.5435rem;
    --nav-link-font-size: 0.9375rem;
    --nav-link-font-weight: 500;
    --nav-link-color: var(--heading-color);
    --nav-link-hover-color: var(--primary);
    --nav-link-disabled-color: var(--secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
    font-size: var(--nav-link-font-size);
    font-weight: var(--nav-link-font-weight);
    color: var(--nav-link-color);
    background: none;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:hover,
.nav-link:focus {
    color: var(--nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .15rem rgba(103, 106, 123, .75)
}

.nav-link.disabled,
.nav-link:disabled {
    color: var(--nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1*var(--nav-taborder-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --nav-pills-border-radius: 0.5rem;
    --nav-pills-link-active-color: var(--white);
    --nav-pills-link-active-bg: var(--primary)
}

.nav-pills .nav-link {
    border-radius: var(--nav-pills-border-radius)
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--nav-pills-link-active-color);
    background-color: var(--nav-pills-link-active-bg)
}

.navbar {
    --navbar-padding-x: 0;
    --navbar-padding-y: 0.5rem;
    --navbar-color: var(--heading-color);
    --navbar-hover-color: rgba(var(--emphasis-color-rgb), 0.8);
    --navbar-disabled-color: var(--secondary-color);
    --navbar-active-color: var(--heading-color);
    --navbar-brand-padding-y: 0.4575625rem;
    --navbar-brand-margin-end: 1rem;
    --navbar-brand-font-size: 1.0625rem;
    --navbar-brand-color: var(--heading-color);
    --navbar-brand-hover-color: var(--heading-color);
    --navbar-nav-link-padding-x: 0.5rem;
    --navbar-toggler-padding-y: 0.5rem;
    --navbar-toggler-padding-x: 0.7rem;
    --navbar-toggler-font-size: 0.625rem;
    --navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='var%28--heading-color%29' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E");
    --navbar-toggler-border-color: var(--border-color);
    --navbar-toggler-border-radius: 0.5rem;
    --navbar-toggler-focus-width: 0;
    --navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--navbar-padding-y) var(--navbar-padding-x)
}

.navbar>.container,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-nav {
    --nav-link-padding-x: 0;
    --nav-link-padding-y: 0.5435rem;
    --nav-link-font-size: 0.9375rem;
    --nav-link-font-weight: 500;
    --nav-link-color: var(--navbar-color);
    --nav-link-hover-color: var(--navbar-hover-color);
    --nav-link-disabled-color: var(--navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-collapse {
    flex-grow: 1;
    flex-basis: 100%;
    align-items: center
}

@media(min-width: 576px) {

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }
}

@media(min-width: 768px) {

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }
}

@media(min-width: 992px) {

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }
}

@media(min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--navbar-nav-link-padding-x);
        padding-left: var(--navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
}

@media(min-width: 1400px) {

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}


.navbar[data-theme=dark] {
    --navbar-color: color-mix(in sRGB, #eaeaff 90%, #30334e);
    --navbar-hover-color: rgba(255, 255, 255, 0.75);
    --navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --navbar-active-color: #fff;
    --navbar-brand-color: #fff;
    --navbar-brand-hover-color: #fff;
    --navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='color-mix%28in sRGB, %23eaeaff 90%, %2330334e%29' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E")
}

[data-theme=dark] .navbar-toggler-icon {
    --navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='color-mix%28in sRGB, %23eaeaff 90%, %2330334e%29' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E")
}

.card {
    --card-spacer-y: 1.25rem;
    --card-spacer-x: 1.25rem;
    --card-title-spacer-y: 0.875rem;
    --card-title-color: var(--heading-color);
    --card-subtitle-color: color-mix(in sRGB, var(--base-color) 55%, var(--card-bg));
    --card-border-width: 0;
    --card-border-color: var(--border-color);
    --card-border-radius: 0.625rem;
    --card-box-shadow: var(--box-shadow);
    --card-inner-border-radius: 0.625rem;
    --card-cap-padding-y: 1.25rem;
    --card-cap-padding-x: 1.25rem;
    --card-cap-bg: transparent;
    --card-cap-color: var(--heading-color);
    --card-height: ;
    --card-color: ;
    --card-bg: var(--paper-bg);
    --card-img-overlay-padding: 1.25rem;
    --card-group-margin: 1.5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--card-height);
    color: var(--body-color);
    word-wrap: break-word;
    background-color: var(--card-bg);
    background-clip: border-box;
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: var(--card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--card-inner-border-radius);
    border-top-right-radius: var(--card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--card-inner-border-radius);
    border-bottom-left-radius: var(--card-inner-border-radius)
}

.card>.card-header+.list-group {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--card-spacer-y) var(--card-spacer-x);
    color: var(--card-color)
}

.card-header {
    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
    margin-bottom: 0;
    color: var(--card-cap-color);
    background-color: var(--card-cap-bg);
    border-bottom: var(--card-border-width) solid var(--card-border-color)
}

.card-header:first-child {
    border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0
}

[data-theme=dark] .accordion-button::after {
    --accordion-btn-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='color-mix%28in sRGB, %23eaeaff 90%, %2330334e%29' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e");
    --accordion-btn-active-icon: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='bx-chevron-down'%3e%3cpath id='Vector' d='M13.5775 7.74417L9.99997 11.3217L6.42247 7.74417L5.24414 8.9225L9.99997 13.6783L14.7558 8.9225L13.5775 7.74417Z' fill='color-mix%28in sRGB, %23eaeaff 90%, %2330334e%29' fill-opacity='0.9'/%3e%3c/g%3e%3c/svg%3e")
}

.pagination {
    --pagination-padding-x: 0.5rem;
    --pagination-padding-y: 0.481rem;
    --pagination-font-size: 0.9375rem;
    --pagination-color: var(--heading-color);
    --pagination-bg: var(--gray-75);
    --pagination-border-width: 1px;
    --pagination-border-color: rgba(38, 43, 67, 0.22);
    --pagination-border-radius: 50%;
    --pagination-hover-color: var(--primary);
    --pagination-hover-bg: var(--primary-bg-subtle);
    --pagination-hover-border-color: var(--border-color);
    --pagination-focus-color: var(--primary);
    --pagination-focus-bg: var(--primary-bg-subtle);
    --pagination-focus-box-shadow: none;
    --pagination-active-color: var(--white);
    --pagination-active-bg: var(--primary);
    --pagination-active-border-color: var(--primary);
    --pagination-disabled-color: var(--heading-color);
    --pagination-disabled-bg: var(--gray-75);
    --pagination-disabled-border-color: rgba(38, 43, 67, 0.22);
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--pagination-padding-y) var(--pagination-padding-x);
    font-size: var(--pagination-font-size);
    color: var(--pagination-color);
    background-color: var(--pagination-bg);
    border: var(--pagination-border-width) solid var(--pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--pagination-hover-color);
    background-color: var(--pagination-hover-bg);
    border-color: var(--pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--pagination-focus-color);
    background-color: var(--pagination-focus-bg);
    outline: 0;
    box-shadow: var(--pagination-focus-box-shadow)
}

.page-link.active,
.active>.page-link {
    z-index: 3;
    color: var(--pagination-active-color);
    background-color: var(--pagination-active-bg);
    border-color: var(--pagination-active-border-color)
}

.page-link.disabled,
.disabled>.page-link {
    color: var(--pagination-disabled-color);
    pointer-events: none;
    background-color: var(--pagination-disabled-bg);
    border-color: var(--pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: .375rem
}

.page-item .page-link {
    border-radius: var(--pagination-border-radius)
}

.pagination-sm {
    --pagination-padding-x: 0.375rem;
    --pagination-padding-y: 0.4416rem;
    --pagination-font-size: 0.8125rem;
    --pagination-border-radius: 50%
}

.badge {
    --badge-padding-x: 0.6154em;
    --badge-padding-y: 0.3995em;
    --badge-font-size: 0.86667em;
    --badge-font-weight: 500;
    --badge-color: #fff;
    --badge-border-radius: 0.1875rem;
    display: inline-block;
    padding: var(--badge-padding-y) var(--badge-padding-x);
    font-size: var(--badge-font-size);
    font-weight: var(--badge-font-weight);
    line-height: 1;
    color: var(--badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --alert-bg: transparent;
    --alert-padding-x: 1rem;
    --alert-padding-y: 0.6875rem;
    --alert-margin-bottom: 1rem;
    --alert-color: inherit;
    --alert-border-color: transparent;
    --alert-border: var(--border-width) solid var(--alert-border-color);
    --alert-border-radius: 0.5rem;
    --alert-link-color: inherit;
    position: relative;
    padding: var(--alert-padding-y) var(--alert-padding-x);
    margin-bottom: var(--alert-margin-bottom);
    color: var(--alert-color);
    background-color: var(--alert-bg);
    border: var(--alert-border);
    border-radius: var(--alert-border-radius)
}

.alert-link {
    font-weight: 700;
    color: var(--alert-link-color)
}

.alert-primary {
    --alert-color: var(--primary-text-emphasis);
    --alert-bg: var(--primary-bg-subtle);
    --alert-border-color: var(--primary-border-subtle);
    --alert-link-color: var(--primary-text-emphasis)
}

.alert-secondary {
    --alert-color: var(--secondary-text-emphasis);
    --alert-bg: var(--secondary-bg-subtle);
    --alert-border-color: var(--secondary-border-subtle);
    --alert-link-color: var(--secondary-text-emphasis)
}

.alert-success {
    --alert-color: var(--success-text-emphasis);
    --alert-bg: var(--success-bg-subtle);
    --alert-border-color: var(--success-border-subtle);
    --alert-link-color: var(--success-text-emphasis)
}

.alert-info {
    --alert-color: var(--info-text-emphasis);
    --alert-bg: var(--info-bg-subtle);
    --alert-border-color: var(--info-border-subtle);
    --alert-link-color: var(--info-text-emphasis)
}

.alert-warning {
    --alert-color: var(--warning-text-emphasis);
    --alert-bg: var(--warning-bg-subtle);
    --alert-border-color: var(--warning-border-subtle);
    --alert-link-color: var(--warning-text-emphasis)
}

.alert-danger {
    --alert-color: var(--danger-text-emphasis);
    --alert-bg: var(--danger-bg-subtle);
    --alert-border-color: var(--danger-border-subtle);
    --alert-link-color: var(--danger-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: var(--progress-height)
    }
}

.progress {
    --progress-height: 0.375rem;
    --progress-font-size: 0.625rem;
    --progress-bg: var(--gray-100);
    --progress-border-radius: 50rem;
    --progress-box-shadow: var(--box-shadow-inset);
    --progress-bar-color: var(--white);
    --progress-bar-bg: #666cff;
    --progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--progress-height);
    overflow: hidden;
    font-size: var(--progress-font-size);
    background-color: var(--progress-bg);
    border-radius: var(--progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--progress-bar-bg);
    transition: var(--progress-bar-transition)
}

@media(prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: var(--progress-height) var(--progress-height)
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media(prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --list-group-color: var(--heading-color);
    --list-group-bg: transparent;
    --list-group-border-color: var(--border-color);
    --list-group-border-width: var(--border-width);
    --list-group-border-radius: 0.625rem;
    --list-group-item-padding-x: 1.25rem;
    --list-group-item-padding-y: 0.5rem;
    --list-group-action-color: var(--heading-color);
    --list-group-action-hover-color: var(--heading-color);
    --list-group-action-hover-bg: var(--gray-50);
    --list-group-action-active-color: var(--primary);
    --list-group-action-active-bg: var(--gray-50);
    --list-group-disabled-color: var(--secondary-color);
    --list-group-disabled-bg: transparent;
    --list-group-active-color: var(--heading-color);
    --list-group-active-bg: rgba(var(--primary-rgb), 0.08);
    --list-group-active-border-color: var(--border-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x);
    color: var(--list-group-color);
    background-color: var(--list-group-bg);
    border: var(--list-group-border-width) solid var(--list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: var(--list-group-disabled-color);
    pointer-events: none;
    background-color: var(--list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--list-group-active-color);
    background-color: var(--list-group-active-bg);
    border-color: var(--list-group-active-border-color)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(-1*var(--list-group-border-width));
    border-top-width: var(--list-group-border-width)
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.btn-close {
    --btn-close-color: #262b43;
    --btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23262b43'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
    --btn-close-opacity: 1;
    --btn-close-hover-opacity: 0.75;
    --btn-close-focus-shadow: none;
    --btn-close-focus-opacity: 0.75;
    --btn-close-disabled-opacity: 0.25;
    box-sizing: content-box;
    width: .65rem;
    height: .65rem;
    padding: .25em .25em;
    color: var(--btn-close-color);
    background: rgba(0, 0, 0, 0) var(--btn-close-bg) center/0.65rem auto no-repeat;
    filter: var(--btn-close-filter);
    border: 0;
    border-radius: .375rem;
    opacity: var(--btn-close-opacity)
}

.btn-close:hover {
    color: var(--btn-close-color);
    text-decoration: none;
    opacity: var(--btn-close-hover-opacity)
}

.btn-close:focus {
    outline: 0;
    box-shadow: var(--btn-close-focus-shadow);
    opacity: var(--btn-close-focus-opacity)
}

.btn-close:disabled,
.btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: var(--btn-close-disabled-opacity)
}

:root,
[data-theme=light] {
    --btn-close-filter:
}

[data-theme=dark] {
    --btn-close-filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --toast-zindex: 1095;
    --toast-padding-x: 0.75rem;
    --toast-padding-y: 0.406rem;
    --toast-spacing: 1rem;
    --toast-max-width: 350px;
    --toast-font-size: 0.9375rem;
    --toast-color: var(--body-color);
    --toast-bg: rgba(var(--paper-bg-rgb), 0.85);
    --toast-border-width: 0rem;
    --toast-border-color: var(--gray-100);
    --toast-border-radius: 0.625rem;
    --toast-box-shadow: var(--box-shadow-lg);
    --toast-header-color: var(--gray-700);
    --toast-header-bg: rgba(var(--paper-bg-rgb), 0.85);
    --toast-header-border-color: var(--border-color-translucent);
    width: var(--toast-max-width);
    max-width: 100%;
    font-size: var(--toast-font-size);
    color: var(--toast-color);
    pointer-events: auto;
    background-color: var(--toast-bg);
    background-clip: padding-box;
    border: var(--toast-border-width) solid var(--toast-border-color);
    box-shadow: var(--toast-box-shadow);
    border-radius: var(--toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.modal {
    --modal-zindex: 1090;
    --modal-width: 35rem;
    --modal-padding: 1.25rem;
    --modal-margin: 0.5rem;
    --modal-color: var(--body-color);
    --modal-bg: var(--paper-bg);
    --modal-border-color: var(--border-color);
    --modal-border-width: 0;
    --modal-border-radius: 0.625rem;
    --modal-box-shadow: var(--box-shadow-lg);
    --modal-inner-border-radius: 0.625rem;
    --modal-header-padding-x: 1.25rem;
    --modal-header-padding-y: 1.25rem;
    --modal-header-padding: 1.25rem 1.25rem;
    --modal-header-border-color: rgba(38, 43, 67, 0.075);
    --modal-header-border-width: 0;
    --modal-title-line-height: 1.375;
    --modal-footer-gap: 1rem;
    --modal-footer-bg: ;
    --modal-footer-border-color: rgba(38, 43, 67, 0.075);
    --modal-footer-border-width: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transform: translateY(-100px) scale(0.8);
    transition: transform .15s ease-out
}

@media(prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: translateY(0) scale(1)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--modal-margin)*2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--modal-margin)*2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--modal-color);
    pointer-events: auto;
    background-color: var(--modal-bg);
    background-clip: padding-box;
    border: var(--modal-border-width) solid var(--modal-border-color);
    border-radius: var(--modal-border-radius);
    outline: 0
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--modal-header-padding);
    border-bottom: var(--modal-header-border-width) solid var(--modal-header-border-color);
    border-top-left-radius: var(--modal-inner-border-radius);
    border-top-right-radius: var(--modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--modal-header-padding-y)*.5) calc(var(--modal-header-padding-x)*.5);
    margin-top: calc(-0.5*var(--modal-header-padding-y));
    margin-right: calc(-0.5*var(--modal-header-padding-x));
    margin-bottom: calc(-0.5*var(--modal-header-padding-y));
    margin-left: auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--modal-padding) - var(--modal-footer-gap)*.5);
    background-color: var(--modal-footer-bg);
    border-top: var(--modal-footer-border-width) solid var(--modal-footer-border-color);
    border-bottom-right-radius: var(--modal-inner-border-radius);
    border-bottom-left-radius: var(--modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--modal-footer-gap)*.5)
}

@media(min-width: 576px) {
    .modal {
        --modal-margin: 1.75rem;
        --modal-box-shadow: var(--box-shadow-lg)
    }

    .modal-dialog {
        max-width: var(--modal-width);
        margin-right: auto;
        margin-left: auto
    }
}

.tooltip {
    --tooltip-zindex: 1099;
    --tooltip-max-width: 200px;
    --tooltip-padding-x: 0.75rem;
    --tooltip-padding-y: 0.3165rem;
    --tooltip-margin: ;
    --tooltip-font-size: 0.8125rem;
    --tooltip-color: var(--white);
    --tooltip-bg: #282a42;
    --tooltip-border-radius: 0.375rem;
    --tooltip-opacity: 1;
    --tooltip-arrow-width: 0.75rem;
    --tooltip-arrow-height: 0.375rem;
    z-index: var(--tooltip-zindex);
    display: block;
    margin: var(--tooltip-margin);
    font-family: var(--font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.375;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--tooltip-opacity)
}


.tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: calc(-1*var(--tooltip-arrow-height))
}


.tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    top: -1px;
    border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width)*.5) 0;
    border-top-color: var(--tooltip-bg)
}


.tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: calc(-1*var(--tooltip-arrow-height));
    width: var(--tooltip-arrow-height);
    height: var(--tooltip-arrow-width)
}


.tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--tooltip-arrow-width)*.5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width)*.5) 0;
    border-right-color: var(--tooltip-bg)
}


.tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: calc(-1*var(--tooltip-arrow-height))
}


.tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--tooltip-arrow-width)*.5) var(--tooltip-arrow-height);
    border-bottom-color: var(--tooltip-bg)
}


.tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: calc(-1*var(--tooltip-arrow-height));
    width: var(--tooltip-arrow-height);
    height: var(--tooltip-arrow-width)
}


.tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--tooltip-arrow-width)*.5) 0 calc(var(--tooltip-arrow-width)*.5) var(--tooltip-arrow-height);
    border-left-color: var(--tooltip-bg)
}


.popover-auto[data-popper-placement^=top]>.popover-arrow {
    bottom: calc(-1*(var(--popover-arrow-height)) - var(--popover-border-width))
}


.popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width)*.5) 0
}


.popover-auto[data-popper-placement^=top]>.popover-arrow::before {
    bottom: 0;
    border-top-color: var(--popover-arrow-border)
}


.popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    bottom: var(--popover-border-width);
    border-top-color: var(--popover-bg)
}


.popover-auto[data-popper-placement^=right]>.popover-arrow {
    left: calc(-1*(var(--popover-arrow-height)) - var(--popover-border-width));
    width: var(--popover-arrow-height);
    height: var(--popover-arrow-width)
}


.popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.popover-auto[data-popper-placement^=right]>.popover-arrow::after {
    border-width: calc(var(--popover-arrow-width)*.5) var(--popover-arrow-height) calc(var(--popover-arrow-width)*.5) 0
}


.popover-auto[data-popper-placement^=right]>.popover-arrow::before {
    left: 0;
    border-right-color: var(--popover-arrow-border)
}


.popover-auto[data-popper-placement^=right]>.popover-arrow::after {
    left: var(--popover-border-width);
    border-right-color: var(--popover-bg)
}


.popover-auto[data-popper-placement^=bottom]>.popover-arrow {
    top: calc(-1*(var(--popover-arrow-height)) - var(--popover-border-width))
}


.popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
    border-width: 0 calc(var(--popover-arrow-width)*.5) var(--popover-arrow-height)
}


.popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
    top: 0;
    border-bottom-color: var(--popover-arrow-border)
}


.popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
    top: var(--popover-border-width);
    border-bottom-color: var(--popover-bg)
}


.popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--popover-arrow-width);
    margin-left: calc(-0.5*var(--popover-arrow-width));
    content: "";
    border-bottom: var(--popover-border-width) solid var(--popover-header-bg)
}


.popover-auto[data-popper-placement^=left]>.popover-arrow {
    right: calc(-1*(var(--popover-arrow-height)) - var(--popover-border-width));
    width: var(--popover-arrow-height);
    height: var(--popover-arrow-width)
}


.popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.popover-auto[data-popper-placement^=left]>.popover-arrow::after {
    border-width: calc(var(--popover-arrow-width)*.5) 0 calc(var(--popover-arrow-width)*.5) var(--popover-arrow-height)
}


.popover-auto[data-popper-placement^=left]>.popover-arrow::before {
    right: 0;
    border-left-color: var(--popover-arrow-border)
}


.popover-auto[data-popper-placement^=left]>.popover-arrow::after {
    right: var(--popover-border-width);
    border-left-color: var(--popover-bg)
}

:root,
[data-theme=light] {
    --carousel-indicator-active-bg: #fff;
    --carousel-caption-color: #fff;
    --carousel-control-icon-filter:
}

[data-theme=dark] {
    --carousel-indicator-active-bg: #262b43;
    --carousel-caption-color: #262b43;
    --carousel-control-icon-filter: invert(1) grayscale(100)
}


.spinner-border {
    display: inline-block;
    flex-shrink: 0;
    width: var(--spinner-width);
    height: var(--spinner-height);
    vertical-align: var(--spinner-vertical-align);
    border-radius: 50%;
    animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
            /* rtl:ignore */
    }
}

.spinner-border {
    --spinner-width: 2rem;
    --spinner-height: 2rem;
    --spinner-vertical-align: -0.125em;
    --spinner-border-width: 0.25em;
    --spinner-animation-speed: 0.75s;
    --spinner-animation-name: spinner-border;
    border: var(--spinner-border-width) solid currentcolor;
    border-right-color: rgba(0, 0, 0, 0)
}

.spinner-border-sm {
    --spinner-width: 1rem;
    --spinner-height: 1rem;
    --spinner-border-width: 0.2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

@media(prefers-reduced-motion: reduce) {

    .spinner-border {
        --spinner-animation-speed: 1.5s
    }
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

@keyframes placeholder-wave {
    100% {
        mask-position: -200% 0%
    }
}

.visually-hidden {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.visually-hidden:not(caption) {
    position: absolute !important
}

.visually-hidden * {
    overflow: hidden !important
}

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

:root {
    --facebook: #3b5998;
    --facebook-rgb: 59, 89, 152;
    --twitter: #1da1f2;
    --twitter-rgb: 29, 161, 242;
    --google-plus: #dd4b39;
    --google-plus-rgb: 221, 75, 57;
    --instagram: #e1306c;
    --instagram-rgb: 225, 48, 108;
    --linkedin: #0077b5;
    --linkedin-rgb: 0, 119, 181;
    --github: #333;
    --github-rgb: 51, 51, 51;
    --dribbble: #ea4c89;
    --dribbble-rgb: 234, 76, 137;
    --pinterest: #cb2027;
    --pinterest-rgb: 203, 32, 39;
    --slack: #4a154b;
    --slack-rgb: 74, 21, 75;
    --reddit: #ff4500;
    --reddit-rgb: 255, 69, 0;
    --youtube: #f00;
    --youtube-rgb: 255, 0, 0;
    --vimeo: #1ab7ea;
    --vimeo-rgb: 26, 183, 234
}

.text-body-secondary[href]:hover,
.text-body-secondary[href]:focus {
    color: var(--body-color) !important
}


.text-heading[href]:hover {
    color: var(--primary) !important
}

.container-p-y:not([class^=pt-], [class*=" pt-"]) {
    padding-block-start: 1.5rem !important
}

.container-p-y:not([class^=pb-], [class*=" pb-"]) {
    padding-block-end: 1.5rem !important
}

.icon-base {
    block-size: var(--icon-size);
    font-size: var(--icon-size);
    inline-size: var(--icon-size);
    line-height: 1;
    vertical-align: middle
}

.icon-14px,
.icon-14px::before {
    block-size: 14px !important;
    font-size: 14px !important;
    inline-size: 14px !important
}

.icon-16px,
.icon-16px::before {
    block-size: 16px !important;
    font-size: 16px !important;
    inline-size: 16px !important
}

.icon-18px,
.icon-18px::before {
    block-size: 18px !important;
    font-size: 18px !important;
    inline-size: 18px !important
}

.icon-20px,
.icon-20px::before {
    block-size: 20px !important;
    font-size: 20px !important;
    inline-size: 20px !important
}

.icon-22px,
.icon-22px::before {
    block-size: 22px !important;
    font-size: 22px !important;
    inline-size: 22px !important
}

.icon-24px,
.icon-24px::before {
    block-size: 24px !important;
    font-size: 24px !important;
    inline-size: 24px !important
}

.icon-32px,
.icon-32px::before {
    block-size: 32px !important;
    font-size: 32px !important;
    inline-size: 32px !important
}

:root {
    --prefix: ;
    --pure-black: #000;
    --icon-size: 1.25rem;
    --icon-size-xs: 1rem;
    --icon-size-sm: 1.125rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-size-xl: 2rem;
    --primary-contrast: var(--white);
    --secondary-contrast: var(--white);
    --success-contrast: var(--white);
    --info-contrast: var(--white);
    --warning-contrast: var(--white);
    --danger-contrast: var(--white);
    --light-contrast: var(--black);
    --dark-contrast: var(--white);
    --gray-contrast: var(--black);
    --facebook-contrast: var(--white);
    --twitter-contrast: var(--white);
    --google-plus-contrast: var(--white);
    --instagram-contrast: var(--white);
    --linkedin-contrast: var(--white);
    --github-contrast: var(--white);
    --dribbble-contrast: var(--white);
    --pinterest-contrast: var(--white);
    --slack-contrast: var(--white);
    --reddit-contrast: var(--white);
    --youtube-contrast: var(--white);
    --vimeo-contrast: var(--white)
}

:root,
[data-theme=light] {
    --bg-label-tint-amount: 84%;
    --border-subtle-amount: 61%;
    --base-color: #262b43;
    --base-color-rgb: 38, 43, 67;
    --paper-bg: #fff;
    --paper-bg-rgb: 255, 255, 255;
    --min-contrast-ratio: 1.6;
    --box-shadow: 0 0.25rem 0.875rem 0 rgba(38, 43, 67, 0.16);
    --box-shadow-xs: 0 0.125rem 0.375rem 0 rgba(38, 43, 67, 0.14);
    --box-shadow-sm: 0 0.125rem 0.625rem 0 rgba(38, 43, 67, 0.16);
    --box-shadow-lg: 0 0.375rem 1.25rem 0 rgba(38, 43, 67, 0.18);
    --box-shadow-xl: 0 0.5rem 1.625rem 0 rgba(38, 43, 67, 0.18);
    --floating-component-shadow: 0 1px 16px 1px rgba(38, 43, 67, 0.09);
    --custom-link-color: var(--primary);
    --navbar-bg: rgba(var(--paper-bg-rgb), 0.85);
    --navbar-box-shadow: 0 0 10px color-mix(in sRGB, #262b43 12%, #fff);
    --navbar-border-width: 1px;
    --navbar-border-color: rgba(var(--paper-bg-rgb), 0.85);
    --menu-header-color: var(--heading-color);
    --nav-box-shadow: var(--box-shadow);
    --nav-border-color: var(--paper-bg)
}

[data-theme=dark] {
    --primary-contrast: var(--white);
    --secondary-contrast: var(--white);
    --success-contrast: var(--white);
    --info-contrast: var(--white);
    --warning-contrast: var(--white);
    --danger-contrast: var(--white);
    --light-contrast: var(--white);
    --dark-contrast: var(--white);
    --gray-contrast: var(--white)
}

[data-theme=dark] {
    color-scheme: dark;
    --gray-25: #333851;
    --gray-50: #3b3e58;
    --gray-75: #3e415c;
    --gray-100: #434660;
    --gray-200: #555871;
    --gray-300: #696b84;
    --gray-400: #7b7d95;
    --gray-500: #8d8ea7;
    --gray-600: #9fa0b8;
    --gray-700: #b2b3ca;
    --gray-800: #c5c5dc;
    --gray-900: #d7d8ee;
    --primary: #666cff;
    --secondary: #6d788d;
    --success: #72e128;
    --info: #26c6f9;
    --warning: #fdb528;
    --danger: #ff4d49;
    --light: #46445b;
    --dark: #6b6c9d;
    --gray: #434660;
    --primary-rgb: 102, 108, 255;
    --secondary-rgb: 109, 120, 141;
    --success-rgb: 114, 225, 40;
    --info-rgb: 38, 198, 249;
    --warning-rgb: 253, 181, 40;
    --danger-rgb: 255, 77, 73;
    --light-rgb: 70, 68, 91;
    --dark-rgb: 107, 108, 157;
    --gray-rgb: 67, 70, 96;
    --bg-label-tint-amount: 84%;
    --border-subtle-amount: 35%;
    --base-color: #eaeaff;
    --base-color-rgb: 234, 234, 255;
    --paper-bg: #30334e;
    --paper-bg-rgb: 48, 51, 78;
    --box-shadow: 0 0.25rem 0.875rem 0 rgba(16, 17, 33, 0.26);
    --box-shadow-xs: 0 0.125rem 0.375rem 0 rgba(16, 17, 33, 0.2);
    --box-shadow-sm: 0 0.125rem 0.625rem 0 rgba(16, 17, 33, 0.24);
    --box-shadow-lg: 0 0.375rem 1.25rem 0 rgba(16, 17, 33, 0.28);
    --box-shadow-xl: 0 0.5rem 1.625rem 0 rgba(16, 17, 33, 0.3);
    --floating-component-shadow: 0 1px 16px 1px rgba(255, 255, 255, 0.09);
    --navbar-box-shadow: 0px 4px 8px -4px rgba(16, 17, 33, 0.68)
}

b,
strong {
    font-weight: 700
}

dd {
    margin-inline-start: 0
}

a {
    color: var(--custom-link-color)
}

a:hover {
    color: color-mix(in sRGB, var(--custom-link-color) 80%, var(--base-color))
}

a:not([href]),
a:not([href]):hover {
    color: inherit;
    text-decoration: none
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
input:-internal-autofill-selected {
    background-clip: text !important
}

h1,
.h1 {
    line-height: 4.25rem
}

h3,
.h3 {
    line-height: 2.625rem
}

h4,
.h4 {
    line-height: 2.375rem
}

h5,
.h5 {
    line-height: 1.75rem
}

h6,
.h6 {
    line-height: 1.375rem
}


.list-unstyled {
    padding-inline-start: 0
}


[data-theme=light][data-skin=bordered] {
    --body-bg: var(--paper-bg);
    --navbar-bg: var(--paper-bg);
    --navbar-box-shadow: none;
    --navbar-border-color: color-mix(in sRGB, #262b43 12%, #fff);
    --menu-bg: var(--paper-bg);
    --menu-box-shadow: 0 0 0 1px color-mix(in sRGB, #262b43 12%, #fff);
    --menu-horizontal-menu-box-shadow: var(--menu-box-shadow);
    --tagify-dropdown-box-shadow: none;
    --tagify-dropdown-border-width: 1px
}

:root[data-skin=bordered] .layout-menu,
:root[data-skin=bordered] .layout-menu-horizontal,
[data-theme=light][data-skin=bordered] .layout-menu,
[data-theme=light][data-skin=bordered] .layout-menu-horizontal {
    box-shadow: var(--menu-box-shadow)
}


[data-theme=light][data-skin=bordered] .footer {
    --footer-border-width: 1px;
    --footer-box-shadow: none
}


[data-theme=light][data-skin=bordered] .accordion {
    --accordion-box-shadow: none;
    --accordion-active-box-shadow: none;
    --accordion-border-color: color-mix(in sRGB, #262b43 12%, #fff)
}


[data-theme=light][data-skin=bordered] .accordion:not(.accordion-custom-button) .accordion-item.active,
[data-theme=light][data-skin=bordered] .accordion:not(.accordion-custom-button) .accordion-item.active+.accordion-item {
    border-color: var(--border-color)
}


[data-theme=light][data-skin=bordered] .accordion:not(.accordion-custom-button) .accordion-item:has(+.previous-active):not(.active) {
    border-block-end-color: var(--paper-bg)
}


[data-theme=light][data-skin=bordered] .accordion:not(.accordion-custom-button):not(:has(.accordion-item.active)) .accordion-item:not(:last-of-type) {
    border-block-end-color: var(--paper-bg)
}


[data-theme=light][data-skin=bordered] .btn {
    --btn-box-shadow: none;
    --btn-focus-box-shadow: none;
    --btn-active-shadow: none
}

:root[data-skin=bordered] .dropdown-menu,
[data-theme=light][data-skin=bordered] .dropdown-menu {
    --dropdown-box-shadow: none;
    --dropdown-border-width: 1px
}


[data-theme=light][data-skin=bordered] .modal .modal-content {
    --modal-box-shadow: none;
    --modal-border-width: 1px
}


[data-theme=light][data-skin=bordered] .offcanvas {
    --offcanvas-box-shadow: none;
    --offcanvas-border-width: 1px
}


[data-theme=light][data-skin=bordered] :dir(rtl) .offcanvas-start {
    border-inline-end: 1px solid var(--offcanvas-border-color);
    border-inline-start: 0
}


[data-theme=light][data-skin=bordered] :dir(rtl) .offcanvas-end {
    border-inline-end: 0;
    border-inline-start: 1px solid var(--offcanvas-border-color)
}


[data-theme=light][data-skin=bordered] .toast,
[data-theme=light][data-skin=bordered] .toast.toast {
    --toast-box-shadow: 0 0 0 1px color-mix(in sRGB, #262b43 12%, #fff)
}


[data-theme=light][data-skin=bordered] .notyf__toast.notyf__success,
[data-theme=light][data-skin=bordered] .notyf__toast.notyf__error,
[data-theme=light][data-skin=bordered] .notyf__toast.notyf__info,
[data-theme=light][data-skin=bordered] .notyf__toast.notyf__warning {
    box-shadow: none
}


[data-theme=light][data-skin=bordered] .nav,
[data-theme=light][data-skin=bordered] .nav-tashadow {
    --nav-box-shadow: none;
    --nav-pills-box-shadow: none;
    --nav-border-color: color-mix(in sRGB, #262b43 12%, #fff)
}


[data-theme=light][data-skin=bordered] .nav~.tab-content,
[data-theme=light][data-skin=bordered] .nav-tashadow~.tab-content {
    --nav-box-shadow: 0 0 0 1px color-mix(in sRGB, #262b43 12%, #fff)
}


[data-theme=light][data-skin=bordered] .pagination {
    --pagination-box-shadow-color: transparent
}


[data-theme=light][data-skin=bordered] .card {
    --card-box-shadow: 0px 0px 0px var(--border-width) var(--card-border-color);
    --card-hover-box-shadow: 0px 0px 0px var(--border-width) var(--card-border-color)
}


[data-theme=light][data-skin=bordered] .card-group {
    --card-box-shadow: none
}


[data-theme=light][data-skin=bordered] .card-group .card {
    --card-border-width: 1px
}


[data-theme=light][data-skin=bordered] .popover:not(.custom-popover) {
    --popover-box-shadow: none;
    --popover-border-color: var(--border-color)
}


[data-theme=light][data-skin=bordered] .avatar {
    --box-shadow: none
}


[data-theme=light][data-skin=bordered] .shepherd-element {
    box-shadow: none
}


[data-theme=light][data-skin=bordered] .swal2-container .swal2-popup {
    box-shadow: none
}


[data-theme=light][data-skin=bordered] .apexcharts-canvas .apexcharts-tooltip {
    box-shadow: none
}


[data-theme=light][data-skin=bordered] .noUi-target .noUi-tooltip {
    box-shadow: none
}


[data-theme=light][data-skin=bordered] .ql-toolbar .ql-picker-options,
[data-theme=light][data-skin=bordered] .ql-snow .ql-tooltip,
[data-theme=light][data-skin=bordered] .flatpickr-calendar,
[data-theme=light][data-skin=bordered] .daterangepicker,
[data-theme=light][data-skin=bordered] .ui-timepicker-wrapper,
[data-theme=light][data-skin=bordered] .pcr-app,
[data-theme=light][data-skin=bordered] .stepper:not(.wizard-modern),
[data-theme=light][data-skin=bordered] .stepper.wizard-modern .stepper-content {
    border-width: var(--border-width);
    border-style: var(--border-style);
    border-color: var(--border-color);
    box-shadow: none
}


[data-theme=light][data-skin=bordered] .dz-preview {
    border-width: var(--border-width);
    box-shadow: none
}


[data-theme=light][data-skin=bordered] .app-kanban .kanban-wrapper .kanban-board .kanban-item {
    border: var(--border-width) solid var(--border-color);
    box-shadow: none
}


[data-theme=light][data-skin=bordered] .app-kanban .kanban-wrapper .kanban-board .kanban-item:hover {
    border-color: var(--paper-bg)
}


[data-theme=light][data-skin=bordered] .select2-container {
    --select-dropdown-border-width: 1px;
    --select-dropdown-box-shadow: none
}


[data-theme=light][data-skin=bordered] .authentication-wrapper .authentication-bg {
    border-inline-start: 1px solid var(--border-color)
}


[data-theme=light][data-skin=bordered] .twitter-typeahead .tt-menu {
    border-width: 1px;
    box-shadow: none
}

[data-theme=dark] {
    color-scheme: dark
}

[data-theme=dark][data-skin=bordered] {
    --navbar-border-color: color-mix(in sRGB, #eaeaff 12%, #30334e);
    --menu-box-shadow: 0 0 0 1px color-mix(in sRGB, #eaeaff 12%, #30334e)
}

[data-theme=dark][data-skin=bordered] .accordion:not([class*=accordion-border-background-], [class*=accordion-border-solid-], [class*=accordion-solid-], [class*=accordion-outline-]) {
    --accordion-border-color: color-mix(in sRGB, #eaeaff 12%, #30334e)
}

[data-theme=dark][data-skin=bordered] .nav,
[data-theme=dark][data-skin=bordered] .nav-tashadow {
    --nav-border-color: color-mix(in sRGB, #eaeaff 12%, #30334e)
}

[data-theme=dark][data-skin=bordered] .nav~.tab-content,
[data-theme=dark][data-skin=bordered] .nav-tashadow~.tab-content {
    --nav-box-shadow: 0 0 0 1px color-mix(in sRGB, #eaeaff 12%, #30334e)
}

.ios .table tr>td .dropdown {
    position: relative
}

.table {
    --table-header-bg-color: #f5f5f7
}

.table>:not(caption)>*>* {
    background-clip: padding-box
}

.table tr>td .dropdown {
    position: static
}

.table .btn-icon,
.table .btn:not([class*=btn-]) {
    color: var(--table-color)
}

.table th {
    color: var(--heading-color);
    font-size: .8125rem;
    letter-spacing: .2px;
    text-transform: uppercase
}

.table thead tr th {
    padding-block: 1.426rem
}

.table.table-sm thead tr th {
    padding-block: 1.115rem
}

.table:not(.table-dark, .table-light) thead:not(.table-dark, .table-light) tr th {
    background-color: var(--table-header-bg-color)
}

.table:not(.table-dark, .table-light):not(.dt-complex-header) thead:not(.table-dark, .table-light) tr th {
    border-block-end-color: var(--table-header-bg-color)
}

.card .table {
    margin-block-end: 0
}

[data-theme=dark] .table {
    --table-hover-bg: rgba(var(--body-bg-rgb), 0.75);
    --table-active-bg: rgba(var(--body-bg-rgb), 0.75);
    --table-header-bg-color: #3a3e5b
}

[data-theme=dark] .table-primary {
    --table-color: var(--primary-contrast);
    --table-hover-color: var(--table-color);
    --table-striped-color: var(--table-color);
    --table-active-color: var(--table-color)
}

[data-theme=dark] .table-secondary {
    --table-color: var(--secondary-contrast);
    --table-hover-color: var(--table-color);
    --table-striped-color: var(--table-color);
    --table-active-color: var(--table-color)
}

[data-theme=dark] .table-success {
    --table-color: var(--success-contrast);
    --table-hover-color: var(--table-color);
    --table-striped-color: var(--table-color);
    --table-active-color: var(--table-color)
}

[data-theme=dark] .table-info {
    --table-color: var(--info-contrast);
    --table-hover-color: var(--table-color);
    --table-striped-color: var(--table-color);
    --table-active-color: var(--table-color)
}

[data-theme=dark] .table-warning {
    --table-color: var(--warning-contrast);
    --table-hover-color: var(--table-color);
    --table-striped-color: var(--table-color);
    --table-active-color: var(--table-color)
}

[data-theme=dark] .table-danger {
    --table-color: var(--danger-contrast);
    --table-hover-color: var(--table-color);
    --table-striped-color: var(--table-color);
    --table-active-color: var(--table-color)
}

[data-theme=dark] .table-light {
    --table-color: var(--light-contrast);
    --table-hover-color: var(--table-color);
    --table-striped-color: var(--table-color);
    --table-active-color: var(--table-color)
}

[data-theme=dark] .table-dark {
    --table-color: var(--dark-contrast);
    --table-hover-color: var(--table-color);
    --table-striped-color: var(--table-color);
    --table-active-color: var(--table-color)
}

[data-theme=dark] .table-gray {
    --table-color: var(--gray-contrast);
    --table-hover-color: var(--table-color);
    --table-striped-color: var(--table-color);
    --table-active-color: var(--table-color)
}

.btn {
    --btn-box-shadow-rgb: transparent;
    --btn-focus-shadow-rgb: transparent;
    --btn-active-shadow-rgb: transparent;
    --btn-box-shadow: 0 .125rem .375rem rgba(var(--btn-box-shadow-rgb), .14);
    --btn-focus-box-shadow: 0 .125rem .375rem rgba(var(--btn-focus-shadow-rgb), .14);
    --btn-active-border-color: transparent;
    --btn-active-shadow: 0 .125rem .375rem rgba(var(--btn-active-shadow-rgb), .14);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--btn-box-shadow);
    letter-spacing: .4px;
    text-transform: capitalize
}


.input-group .btn {
    border-inline-end: 1px solid var(--btn-group-border-color);
    border-inline-start: 1px solid var(--btn-group-border-color)
}

.btn.waves-effect:not(.waves-light) .waves-ripple {
    background: radial-gradient(rgba(var(--btn-waves-effect-color), 0.2) 0, rgba(var(--btn-waves-effect-color), 0.3) 40%, rgba(var(--btn-waves-effect-color), 0.4) 50%, rgba(var(--btn-waves-effect-color), 0.5) 60%, rgba(var(--white-rgb), 0) 70%)
}


:not(.btn-check)+.btn:active:not([class*=btn-label-]),
.btn:first-child:active:not([class*=btn-label-]),
.btn.active:not([class*=btn-label-]) {
    box-shadow: var(--btn-active-shadow)
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    box-shadow: none
}

.btn:focus {
    --btn-color: var(--btn-active-color);
    --btn-bg: var(--btn-active-bg)
}

.btn:not([class*=btn-]):active,
.btn:not([class*=btn-]).active,
.btn:not([class*=btn-]).show,
.btn:not([class*=btn-]) {
    --btn-border-width: 0
}

.btn[class*=btn-outline-] {
    --btn-box-shadow: none;
    --btn-focus-box-shadow: none;
    --btn-active-shadow: none;
    --btn-disabled-bg: transparent
}

.btn[class*=btn-outline-]:not(:focus) {
    --btn-bg: transparent
}

.btn[class*=btn-outline-] .badge {
    --badge-bg-color: var(--btn-color);
    --badge-color: var(--btn-hover-color)
}

.btn[class*=btn-outline-]:hover .badge:not([class*=badge-outline]),
.btn[class*=btn-outline-]:focus:hover .badge:not([class*=badge-outline]),
.btn[class*=btn-outline-]:focus:not(:hover) .badge:not([class*=badge-outline]),
.btn[class*=btn-outline-]:active .badge:not([class*=badge-outline]),
.btn[class*=btn-outline-].active .badge:not([class*=badge-outline]),
.show>.btn[class*=btn-outline-].dropdown-toggle .badge:not([class*=badge-outline]) {
    --badge-bg-color: var(--btn-hover-color);
    --badge-color: var(--btn-hover-bg)
}

.btn[class*=btn-text-] {
    --btn-border-color: transparent;
    --btn-box-shadow: none;
    --btn-focus-box-shadow: none;
    --btn-active-shadow: none;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: transparent
}

.btn[class*=btn-text-]:not(:focus) {
    --btn-bg: transparent
}

.btn[class*=btn-text-]:not(.btn-icon) {
    padding-inline: .75rem
}

.btn[class*=btn-text-]:not(.btn-icon)[class*=btn-sm] {
    padding-inline: .5625rem
}

.btn .badge {
    transition: all .2s ease-in-out;
    inset-block-start: 0
}

@media(prefers-reduced-motion: reduce) {
    .btn .badge {
        transition: none
    }
}

label.btn {
    margin-block-end: 0
}

.btn-icon {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 0;
    block-size: calc(2.2502625rem + calc(1px * 2));
    font-size: 1.2890625rem;
    inline-size: calc(2.2502625rem + calc(1px * 2))
}

.btn-icon .icon-base {
    block-size: 1.2890625rem;
    font-size: 1.2890625rem;
    inline-size: 1.2890625rem
}

.btn-icon.btn-sm {
    block-size: calc(2.0001875rem + calc(1px * 2));
    font-size: .8125rem;
    inline-size: calc(2.0001875rem + calc(1px * 2))
}

.btn-icon.btn-sm .icon-base {
    block-size: .8125rem;
    font-size: .8125rem;
    inline-size: .8125rem
}

.btn.btn-link {
    font-size: inherit
}

button:focus,
button:focus-visible {
    outline: 0
}

.btn-primary {
    --btn-bg: var(--primary);
    --btn-color: var(--primary-contrast);
    --btn-border-color: var(--primary);
    --btn-hover-color: var(--primary-contrast);
    --btn-hover-bg: color-mix(in sRGB, #000 10%, var(--primary));
    --btn-hover-border-color: var(--btn-hover-bg);
    --btn-active-color: var(--primary-contrast);
    --btn-active-bg: color-mix(in sRGB, #000 10%, var(--primary));
    --btn-active-border-color: var(--btn-active-bg);
    --btn-box-shadow-rgb: var(--primary-rgb);
    --btn-focus-shadow-rgb: var(--primary-rgb);
    --btn-active-shadow-rgb: var(--primary-rgb);
    --btn-disabled-color: var(--primary-contrast);
    --btn-disabled-bg: var(--primary);
    --btn-disabled-border-color: var(--primary);
    --btn-group-border-color: color-mix(in sRGB, #000 10%, var(--primary));
    --btn-waves-effect-color: var(--primary-rgb)
}

.btn-outline-primary {
    --btn-color: var(--primary);
    --btn-border-color: var(--primary);
    --btn-hover-color: var(--primary);
    --btn-hover-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--primary));
    --btn-hover-border-color: var(--btn-border-color);
    --btn-active-color: var(--primary);
    --btn-active-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--primary));
    --btn-active-border-color: var(--btn-border-color);
    --btn-disabled-color: var(--primary);
    --btn-disabled-border-color: var(--primary);
    --btn-group-border-color: var(--primary);
    --btn-waves-effect-color: var(--primary-rgb)
}

.btn-outline-secondary {
    --btn-color: var(--secondary);
    --btn-border-color: var(--secondary);
    --btn-hover-color: var(--secondary);
    --btn-hover-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--secondary));
    --btn-hover-border-color: var(--btn-border-color);
    --btn-active-color: var(--secondary);
    --btn-active-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--secondary));
    --btn-active-border-color: var(--btn-border-color);
    --btn-disabled-color: var(--secondary);
    --btn-disabled-border-color: var(--secondary);
    --btn-group-border-color: var(--secondary);
    --btn-waves-effect-color: var(--secondary-rgb)
}

.btn-text-secondary {
    --btn-color: var(--body-color);
    --btn-hover-color: var(--body-color);
    --btn-active-color: var(--body-color);
    --btn-active-color: var(--secondary);
    --btn-group-border-color: var(--secondary);
    --btn-waves-effect-color: var(--secondary-rgb);
    --btn-hover-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--secondary));
    --btn-hover-border-color: var(--btn-hover-bg);
    --btn-active-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--secondary));
    --btn-active-border-color: var(--btn-active-bg);
    --btn-disabled-color: var(--secondary)
}

.btn-success {
    --btn-bg: var(--success);
    --btn-color: var(--success-contrast);
    --btn-border-color: var(--success);
    --btn-hover-color: var(--success-contrast);
    --btn-hover-bg: color-mix(in sRGB, #000 10%, var(--success));
    --btn-hover-border-color: var(--btn-hover-bg);
    --btn-active-color: var(--success-contrast);
    --btn-active-bg: color-mix(in sRGB, #000 10%, var(--success));
    --btn-active-border-color: var(--btn-active-bg);
    --btn-box-shadow-rgb: var(--success-rgb);
    --btn-focus-shadow-rgb: var(--success-rgb);
    --btn-active-shadow-rgb: var(--success-rgb);
    --btn-disabled-color: var(--success-contrast);
    --btn-disabled-bg: var(--success);
    --btn-disabled-border-color: var(--success);
    --btn-group-border-color: color-mix(in sRGB, #000 10%, var(--success));
    --btn-waves-effect-color: var(--success-rgb)
}

.btn-outline-success {
    --btn-color: var(--success);
    --btn-border-color: var(--success);
    --btn-hover-color: var(--success);
    --btn-hover-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--success));
    --btn-hover-border-color: var(--btn-border-color);
    --btn-active-color: var(--success);
    --btn-active-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--success));
    --btn-active-border-color: var(--btn-border-color);
    --btn-disabled-color: var(--success);
    --btn-disabled-border-color: var(--success);
    --btn-group-border-color: var(--success);
    --btn-waves-effect-color: var(--success-rgb)
}

.btn-text-success {
    --btn-color: var(--success);
    --btn-hover-color: var(--success);
    --btn-active-color: var(--success);
    --btn-group-border-color: var(--success);
    --btn-active-color: var(--success);
    --btn-group-border-color: var(--success);
    --btn-waves-effect-color: var(--success-rgb);
    --btn-hover-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--success));
    --btn-hover-border-color: var(--btn-hover-bg);
    --btn-active-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--success));
    --btn-active-border-color: var(--btn-active-bg);
    --btn-disabled-color: var(--success)
}

.btn-danger {
    --btn-bg: var(--danger);
    --btn-color: var(--danger-contrast);
    --btn-border-color: var(--danger);
    --btn-hover-color: var(--danger-contrast);
    --btn-hover-bg: color-mix(in sRGB, #000 10%, var(--danger));
    --btn-hover-border-color: var(--btn-hover-bg);
    --btn-active-color: var(--danger-contrast);
    --btn-active-bg: color-mix(in sRGB, #000 10%, var(--danger));
    --btn-active-border-color: var(--btn-active-bg);
    --btn-box-shadow-rgb: var(--danger-rgb);
    --btn-focus-shadow-rgb: var(--danger-rgb);
    --btn-active-shadow-rgb: var(--danger-rgb);
    --btn-disabled-color: var(--danger-contrast);
    --btn-disabled-bg: var(--danger);
    --btn-disabled-border-color: var(--danger);
    --btn-group-border-color: color-mix(in sRGB, #000 10%, var(--danger));
    --btn-waves-effect-color: var(--danger-rgb)
}

.btn-outline-danger {
    --btn-color: var(--danger);
    --btn-border-color: var(--danger);
    --btn-hover-color: var(--danger);
    --btn-hover-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--danger));
    --btn-hover-border-color: var(--btn-border-color);
    --btn-active-color: var(--danger);
    --btn-active-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--danger));
    --btn-active-border-color: var(--btn-border-color);
    --btn-disabled-color: var(--danger);
    --btn-disabled-border-color: var(--danger);
    --btn-group-border-color: var(--danger);
    --btn-waves-effect-color: var(--danger-rgb)
}

.btn-text-danger {
    --btn-color: var(--danger);
    --btn-hover-color: var(--danger);
    --btn-active-color: var(--danger);
    --btn-group-border-color: var(--danger);
    --btn-active-color: var(--danger);
    --btn-group-border-color: var(--danger);
    --btn-waves-effect-color: var(--danger-rgb);
    --btn-hover-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--danger));
    --btn-hover-border-color: var(--btn-hover-bg);
    --btn-active-bg: color-mix(in sRGB, var(--paper-bg) 92%, var(--danger));
    --btn-active-border-color: var(--btn-active-bg);
    --btn-disabled-color: var(--danger)
}

[data-theme=dark] .btn-text-primary {
    --btn-hover-bg: color-mix(in sRGB, var(--primary) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--primary) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-secondary {
    --btn-hover-bg: color-mix(in sRGB, var(--secondary) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--secondary) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-success {
    --btn-hover-bg: color-mix(in sRGB, var(--success) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--success) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-info {
    --btn-hover-bg: color-mix(in sRGB, var(--info) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--info) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-warning {
    --btn-hover-bg: color-mix(in sRGB, var(--warning) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--warning) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-danger {
    --btn-hover-bg: color-mix(in sRGB, var(--danger) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--danger) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-light {
    --btn-hover-bg: color-mix(in sRGB, var(--light) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--light) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-dark {
    --btn-hover-bg: color-mix(in sRGB, var(--dark) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--dark) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-gray {
    --btn-hover-bg: color-mix(in sRGB, var(--gray) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--gray) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-facebook {
    --btn-hover-bg: color-mix(in sRGB, var(--facebook) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--facebook) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-twitter {
    --btn-hover-bg: color-mix(in sRGB, var(--twitter) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--twitter) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-google-plus {
    --btn-hover-bg: color-mix(in sRGB, var(--google-plus) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--google-plus) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-instagram {
    --btn-hover-bg: color-mix(in sRGB, var(--instagram) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--instagram) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-linkedin {
    --btn-hover-bg: color-mix(in sRGB, var(--linkedin) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--linkedin) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-label-github {
    --btn-color: var(--github-contrast);
    --btn-hover-color: var(--github-contrast);
    --btn-active-color: var(--github-contrast);
    --btn-bg: color-mix(in sRGB, var(--paper-bg) 60%, var(--github));
    --btn-hover-bg: color-mix(in sRGB, var(--paper-bg) 40%, var(--github));
    --btn-active-bg: color-mix(in sRGB, var(--paper-bg) 40%, var(--github))
}

[data-theme=dark] .btn-text-github {
    --btn-hover-bg: color-mix(in sRGB, var(--github) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--github) 8%, var(--paper-bg));
    --btn-color: var(--github-contrast);
    --btn-hover-color: var(--github-contrast);
    --btn-bg: color-mix(in sRGB, var(--github) 25%, var(--paper-bg));
    --btn-hover-bg: color-mix(in sRGB, var(--github) 50%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--github) 50%, var(--paper-bg));
    --btn-active-color: var(--github-contrast);
    --btn-group-border-color: var(--github-contrast);
    --btn-waves-effect-color: var(--github-contrast-rgb)
}

[data-theme=dark] .btn-text-dribbble {
    --btn-hover-bg: color-mix(in sRGB, var(--dribbble) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--dribbble) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-pinterest {
    --btn-hover-bg: color-mix(in sRGB, var(--pinterest) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--pinterest) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-label-slack {
    --btn-color: var(--slack-contrast);
    --btn-hover-color: var(--slack-contrast);
    --btn-active-color: var(--slack-contrast);
    --btn-bg: color-mix(in sRGB, var(--paper-bg) 60%, var(--slack));
    --btn-hover-bg: color-mix(in sRGB, var(--paper-bg) 40%, var(--slack));
    --btn-active-bg: color-mix(in sRGB, var(--paper-bg) 40%, var(--slack))
}

[data-theme=dark] .btn-text-slack {
    --btn-hover-bg: color-mix(in sRGB, var(--slack) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--slack) 8%, var(--paper-bg));
    --btn-color: var(--slack-contrast);
    --btn-hover-color: var(--slack-contrast);
    --btn-bg: color-mix(in sRGB, var(--slack) 25%, var(--paper-bg));
    --btn-hover-bg: color-mix(in sRGB, var(--slack) 50%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--slack) 50%, var(--paper-bg));
    --btn-active-color: var(--slack-contrast);
    --btn-group-border-color: var(--slack-contrast);
    --btn-waves-effect-color: var(--slack-contrast-rgb)
}

[data-theme=dark] .btn-text-reddit {
    --btn-hover-bg: color-mix(in sRGB, var(--reddit) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--reddit) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-youtube {
    --btn-hover-bg: color-mix(in sRGB, var(--youtube) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--youtube) 8%, var(--paper-bg))
}

[data-theme=dark] .btn-text-vimeo {
    --btn-hover-bg: color-mix(in sRGB, var(--vimeo) 8%, var(--paper-bg));
    --btn-active-bg: color-mix(in sRGB, var(--vimeo) 8%, var(--paper-bg))
}


.btn-group:not(.btn-group-vertical)>.btn.dropdown-toggle-split:first-child {
    border-end-end-radius: 0 !important;
    border-start-end-radius: 0 !important
}


.btn-group.btn-group-vertical>.btn.dropdown-toggle-split:first-child {
    border-top-left-radius: var(--btn-group-border-radius);
    border-top-right-radius: var(--btn-group-border-radius)
}


.btn-group.btn-group-vertical>.btn.dropdown-toggle-split:last-child {
    border-bottom-right-radius: var(--btn-group-border-radius);
    border-bottom-left-radius: var(--btn-group-border-radius)
}

.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split,
.input-group-lg .btn+.dropdown-toggle-split,
.btn-xl+.dropdown-toggle-split,
.btn-group-xl>.btn+.dropdown-toggle-split {
    padding-inline: .925em
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split,
.input-group-sm .btn+.dropdown-toggle-split {
    padding-inline: .6em
}

.btn-xs+.dropdown-toggle-split,
.btn-group-xs>.btn+.dropdown-toggle-split {
    padding-inline: .5em
}


.input-group>.btn:not([class*=btn-outline-]):first-child {
    border-inline-start-color: rgba(0, 0, 0, 0)
}


.input-group>.btn:not([class*=btn-outline-]):last-of-type {
    border-inline-end-color: rgba(0, 0, 0, 0)
}

.badge {
    --badge-border-width: 0;
    --badge-border-color: var(--primary);
    --badge-bg-color: var(--primary);
    border: var(--badge-border-width) var(--border-style) var(--badge-border-color);
    background-color: var(--badge-bg-color);
    line-height: 1.05
}

[data-theme=dark] .badge-outline-dark {
    --badge-color: var(--dark-contrast)
}

.dropdown-menu {
    box-shadow: var(--dropdown-box-shadow);
    text-align: start
}

.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item):active,
.dropdown-menu>li:not(.disabled)>a:not(.dropdown-item).active,
.dropdown-menu>li.active:not(.disabled)>a:not(.dropdown-item) {
    background-color: var(--dropdown-link-active-bg);
    color: var(--dropdown-link-active-color)
}

.mega-dropdown>.dropdown-menu {
    inset-inline: 0
}

.dropdown-menu .list-group-item {
    border-color: var(--border-color)
}

.btn-xs.dropdown-toggle::after,
.btn-group-xs>.dropdown-toggle.btn::after {
    border: 2px solid;
    block-size: .55em;
    border-block-start: 0;
    border-inline-start: 0;
    inline-size: .55em;
    margin-block-start: -.2783em;
    margin-inline: .8em 0;
    transform: rotate(45deg)
}

:dir(rtl) .btn-xs.dropdown-toggle::after,
:dir(rtl) .btn-group-xs>.dropdown-toggle.btn::after {
    transform: rotate(-45deg)
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
    margin-inline: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-inline: 0
}

.dropdown-item.waves-effect .waves-ripple {
    background: radial-gradient(rgba(var(--primary-rgb), 0.2) 0, rgba(var(--primary-rgb), 0.3) 40%, rgba(var(--primary-rgb), 0.4) 50%, rgba(var(--primary-rgb), 0.5) 60%, rgba(var(--white-rgb), 0) 70%)
}

.dropdown-item.text-danger:active {
    color: var(--primary) !important
}

.dropdown-toggle.hide-arrow::before,
.dropdown-toggle.hide-arrow::after,
.dropdown-toggle-hide-arrow>.dropdown-toggle::before,
.dropdown-toggle-hide-arrow>.dropdown-toggle::after {
    display: none
}

.dropdown-menu-start {
    --position: start
}

.dropdown-menu-start[data-popper] {
    inset-inline: 0 auto
}

.dropdown-menu-end {
    --position: end
}

.dropdown-menu-end[data-popper] {
    inset-inline: auto 0
}

@media(min-width: 576px) {
    .dropdown-menu-sm-start {
        --position: start
    }

    .dropdown-menu-sm-start[data-popper] {
        inset-inline: 0 auto
    }

    .dropdown-menu-sm-end {
        --position: end
    }

    .dropdown-menu-sm-end[data-popper] {
        inset-inline: auto 0
    }
}

@media(min-width: 768px) {
    .dropdown-menu-md-start {
        --position: start
    }

    .dropdown-menu-md-start[data-popper] {
        inset-inline: 0 auto
    }

    .dropdown-menu-md-end {
        --position: end
    }

    .dropdown-menu-md-end[data-popper] {
        inset-inline: auto 0
    }
}

@media(min-width: 992px) {
    .dropdown-menu-lg-start {
        --position: start
    }

    .dropdown-menu-lg-start[data-popper] {
        inset-inline: 0 auto
    }

    .dropdown-menu-lg-end {
        --position: end
    }

    .dropdown-menu-lg-end[data-popper] {
        inset-inline: auto 0
    }
}

@media(min-width: 1200px) {
    .dropdown-menu-xl-start {
        --position: start
    }

    .dropdown-menu-xl-start[data-popper] {
        inset-inline: 0 auto
    }

    .dropdown-menu-xl-end {
        --position: end
    }

    .dropdown-menu-xl-end[data-popper] {
        inset-inline: auto 0
    }
}

@media(min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --position: start
    }

    .dropdown-menu-xxl-start[data-popper] {
        inset-inline: 0 auto
    }

    .dropdown-menu-xxl-end {
        --position: end
    }

    .dropdown-menu-xxl-end[data-popper] {
        inset-inline: auto 0
    }
}

.nav {
    flex-wrap: inherit;
    padding-inline-start: 0
}

.nav.nav-pills:not(.nav-align-right):not(.nav-align-left) {
    flex-wrap: wrap
}

.nav .nav-item {
    white-space: nowrap
}

.nav:not(.nav-pills) .nav-link:hover,
.nav:not(.nav-pills) .nav-link:focus {
    color: var(--primary)
}

.nav .nav-link:not(.active):hover {
    color: var(--primary)
}


.nav-pills .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize
}


.nav-pills:not(.nav-fill):not(.nav-justified) .nav-link {
    inline-size: 100%
}

.nav-tabs .nav-link.waves-effect .waves-ripple {
    background: radial-gradient(rgba(var(--primary-rgb), 0.2) 0, rgba(var(--primary-rgb), 0.3) 40%, rgba(var(--primary-rgb), 0.4) 50%, rgba(var(--primary-rgb), 0.5) 60%, rgba(var(--white-rgb), 0) 70%)
}

.nav-pills .nav-link {
    padding-block: .5435rem;
    padding-inline: 1.375rem
}

.nav-pills .nav-link:not(.active):hover.waves-effect .waves-ripple,
.nav-pills .nav-link:not(.active):focus.waves-effect .waves-ripple {
    background: radial-gradient(rgba(var(--primary-rgb), 0.2) 0, rgba(var(--primary-rgb), 0.3) 40%, rgba(var(--primary-rgb), 0.4) 50%, rgba(var(--primary-rgb), 0.5) 60%, rgba(var(--white-rgb), 0) 70%)
}

.nav-pills .nav-link.active {
    box-shadow: var(--box-shadow-xs)
}

.nav-pills .nav-item .nav-link:not(.active):hover {
    background-color: color-mix(in sRGB, var(--paper-bg) var(--bg-label-tint-amount), var(--primary));
    border-block-end: none;
    color: var(--primary);
    padding-block-end: .5435rem
}


.card>.nav.nav-pills .nav-item:not(:last-child) {
    margin-inline-end: .25rem
}

.pagination {
    --pagination-box-shadow-color: var(--primary-rgb);
    --pagination-waves-effect-color: var(--primary-rgb);
    padding-inline: 0
}

.pagination[class*=pagination-outline-] .page-item.active .page-link.waves-effect .waves-ripple {
    background: radial-gradient(rgba(var(--pagination-waves-effect-color), 0.2) 0, rgba(var(--pagination-waves-effect-color), 0.3) 40%, rgba(var(--pagination-waves-effect-color), 0.4) 50%, rgba(var(--pagination-waves-effect-color), 0.5) 60%, rgba(38, 43, 67, 0) 70%)
}

.pagination.pagination-sm {
    --pagination-font-size: 0.8125rem
}

.pagination .page-item .page-link:focus,
.pagination li>a:not(.page-link):focus {
    color: var(--pagination-focus-color)
}

.pagination .page-item.active .page-link,
.pagination li.active>a:not(.page-link) {
    box-shadow: var(--box-shadow-xs);
    color: var(--pagination-active-color)
}

.pagination .page-item .page-link,
.pagination .pagination li>a:not(.page-link) {
    margin-inline: 0 .375rem
}

.pagination:not([class*=pagination-outline-]) .page-link {
    border-color: rgba(0, 0, 0, 0)
}

.pagination:not([class*=pagination-outline-]) .page-item .page-link.waves-effect:not(.waves-light) .waves-ripple,
.pagination:not([class*=pagination-outline-]) li>a:not(.page-link).waves-effect:not(.waves-light) .waves-ripple {
    background: radial-gradient(rgba(var(--pagination-waves-effect-color), 0.2) 0, rgba(var(--pagination-waves-effect-color), 0.3) 40%, rgba(var(--pagination-waves-effect-color), 0.4) 50%, rgba(var(--pagination-waves-effect-color), 0.5) 60%, rgba(38, 43, 67, 0) 70%)
}

.page-item.disabled .page-link,
.page-item[disabled] .page-link {
    opacity: .45;
    pointer-events: none
}

.page-item.first .page-link,
.page-item.last .page-link,
.page-item.next .page-link,
.page-item.prev .page-link,
.page-item.previous .page-link {
    padding-block: .3965rem;
    padding-inline: .3965rem
}

.page-link,
.page-link>a {
    border-radius: 50rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-block-size: calc(2.2510625rem + calc(1px * 2));
    min-inline-size: calc(2.2505625rem + calc(1px * 2));
    text-align: center
}

.pagination-sm .page-item+.page-item .page-link,
.pagination-sm .pagination li+li>a:not(.page-link) {
    margin-inline-start: .25rem
}

.pagination-sm .page-link,
.pagination-sm>li>a:not(.page-link) {
    min-block-size: calc(2.0003875rem + calc(1px * 2));
    min-inline-size: calc(2.0006875rem + calc(1px * 2))
}

.pagination-sm>.page-item.first .page-link,
.pagination-sm>.page-item.last .page-link,
.pagination-sm>.page-item.next .page-link,
.pagination-sm>.page-item.prev .page-link,
.pagination-sm>.page-item.previous .page-link {
    padding-block: .3361rem;
    padding-inline: .3361rem
}

:dir(rtl) .page-item.first .page-link .icon-base,
:dir(rtl) .page-item.last .page-link .icon-base,
:dir(rtl) .page-item.next .page-link .icon-base,
:dir(rtl) .page-item.prev .page-link .icon-base,
:dir(rtl) .page-item.previous .page-link .icon-base {
    transform: rotate(180deg)
}

[data-theme=dark] .pagination {
    --pagination-color: color-mix(in sRGB, #eaeaff 90%, #30334e);
    --pagination-bg: #3e415c;
    --pagination-disabled-color: var(--pagination-color)
}

[data-theme=dark] .pagination[class*=pagination-outline-] .page-item:not(.active) .page-link,
[data-theme=dark] .pagination[class*=pagination-outline-] li>a:not(.page-link) {
    --pagination-border-color: rgba(255, 255, 255, 0.22);
    --pagination-hover-bg: #434660;
    --pagination-hover-border-color: var(--pagination-border-color);
    --pagination-focus-bg: var(--pagination-hover-bg);
    --pagination-disabled-border-color: var(--pagination-border-color)
}

.alert {
    --alert-link-hover-color: var(--primary);
    --alert-hr: var(--black);
    --alert-icon-color: var(--white);
    --alert-icon-bg: var(--black);
    --alert-close-icon: var(--black);
    line-height: 1.375rem
}

.alert[class*=alert-] hr {
    background-color: var(--alert-hr);
    color: var(--alert-hr)
}

.alert .alert-link:hover {
    color: var(--alert-link-hover-color)
}

.alert-primary {
    --alert-color: var(--primary);
    --alert-close-icon: var(--primary);
    --alert-link-color: var(--primary);
    --alert-border-color: var(--primary-bg-subtle);
    --alert-link-hover-color: var(--primary);
    --alert-hr: var(--primary);
    --alert-icon-bg: var(--primary)
}

.alert-secondary {
    --alert-color: var(--secondary);
    --alert-close-icon: var(--secondary);
    --alert-link-color: var(--secondary);
    --alert-border-color: var(--secondary-bg-subtle);
    --alert-link-hover-color: var(--secondary);
    --alert-hr: var(--secondary);
    --alert-icon-bg: var(--secondary)
}

.alert-success {
    --alert-color: var(--success);
    --alert-close-icon: var(--success);
    --alert-link-color: var(--success);
    --alert-border-color: var(--success-bg-subtle);
    --alert-link-hover-color: var(--success);
    --alert-hr: var(--success);
    --alert-icon-bg: var(--success)
}

.alert-info {
    --alert-color: var(--info);
    --alert-close-icon: var(--info);
    --alert-link-color: var(--info);
    --alert-border-color: var(--info-bg-subtle);
    --alert-link-hover-color: var(--info);
    --alert-hr: var(--info);
    --alert-icon-bg: var(--info)
}

.alert-warning {
    --alert-color: var(--warning);
    --alert-close-icon: var(--warning);
    --alert-link-color: var(--warning);
    --alert-border-color: var(--warning-bg-subtle);
    --alert-link-hover-color: var(--warning);
    --alert-hr: var(--warning);
    --alert-icon-bg: var(--warning)
}

.alert-danger {
    --alert-color: var(--danger);
    --alert-close-icon: var(--danger);
    --alert-link-color: var(--danger);
    --alert-border-color: var(--danger-bg-subtle);
    --alert-link-hover-color: var(--danger);
    --alert-hr: var(--danger);
    --alert-icon-bg: var(--danger)
}

[data-theme=dark] .alert-dark {
    --alert-color: var(--dark-contrast);
    --alert-close-icon: var(--dark-contrast)
}

[data-theme=dark] .alert-outline-dark {
    --alert-color: var(--dark-contrast);
    --alert-close-icon: var(--dark-contrast)
}

[class^=tooltip-].tooltip-auto[data-popper-placement=top] .tooltip-arrow::before,
[class^=tooltip-]>.tooltip.tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
    border-block-start-color: var(--tooltip-arrow-bg)
}

[class^=tooltip-].tooltip-auto[data-popper-placement=left] .tooltip-arrow::before,
[class^=tooltip-]>.tooltip.tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-inline-start-color: var(--tooltip-arrow-bg)
}

[class^=tooltip-].tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before,
[class^=tooltip-]>.tooltip.tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
    border-block-end-color: var(--tooltip-arrow-bg)
}

[class^=tooltip-].tooltip-auto[data-popper-placement=right] .tooltip-arrow::before,
[class^=tooltip-]>.tooltip.tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-inline-end-color: var(--tooltip-arrow-bg)
}

[data-theme=dark] .tooltip {
    --tooltip-bg: #f7f4ff;
    --tooltip-color: #30334e
}

:dir(rtl) .tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-width: .375rem .375rem .375rem 0;
    inset-inline-start: -1px
}

:dir(rtl) .tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-width: .375rem 0 .375rem .375rem;
    inset-inline-end: -1px
}

.popover:not(.custom-popover).popover-auto[data-popper-placement=bottom]>.popover-arrow::after {
    border-block-end-color: var(--popover-arrow-border);
    inset-block-start: 1px
}

.popover:not(.custom-popover).popover-auto[data-popper-placement=bottom]>.popover-header::before {
    --popover-border-width: 0
}

[data-theme=light] .popover.popover-dark {
    --popover-bg: color-mix(in sRGB, var(--base-color) 90%, var(--paper-bg))
}

[data-theme=dark] .popover:not(.custom-popover) .popover-arrow::before {
    --popover-arrow-border: rgba(var(--white-rgb), 0.05)
}


.popover.popover-header-primary.popover-auto[data-popper-placement=bottom]>.popover-arrow::after {
    --popover-header-bg: var(--primary);
    --popover-header-color: var(--primary-contrast)
}


.popover.popover-header-secondary.popover-auto[data-popper-placement=bottom]>.popover-arrow::after {
    --popover-header-bg: var(--secondary);
    --popover-header-color: var(--secondary-contrast)
}


.popover.popover-header-success.popover-auto[data-popper-placement=bottom]>.popover-arrow::after {
    --popover-header-bg: var(--success);
    --popover-header-color: var(--success-contrast)
}


.popover.popover-header-info.popover-auto[data-popper-placement=bottom]>.popover-arrow::after {
    --popover-header-bg: var(--info);
    --popover-header-color: var(--info-contrast)
}


.popover.popover-header-warning.popover-auto[data-popper-placement=bottom]>.popover-arrow::after {
    --popover-header-bg: var(--warning);
    --popover-header-color: var(--warning-contrast)
}


.popover.popover-header-danger.popover-auto[data-popper-placement=bottom]>.popover-arrow::after {
    --popover-header-bg: var(--danger);
    --popover-header-color: var(--danger-contrast)
}


.popover.popover-header-light.popover-auto[data-popper-placement=bottom]>.popover-arrow::after {
    --popover-header-bg: var(--light);
    --popover-header-color: var(--light-contrast)
}


.popover.popover-header-dark.popover-auto[data-popper-placement=bottom]>.popover-arrow::after {
    --popover-header-bg: var(--dark);
    --popover-header-color: var(--dark-contrast)
}


.popover.popover-header-gray.popover-auto[data-popper-placement=bottom]>.popover-arrow::after {
    --popover-header-bg: var(--gray);
    --popover-header-color: var(--gray-contrast)
}

.form-label {
    letter-spacing: inherit;
    text-transform: inherit
}

.form-control {
    padding-block: calc(.8555rem - 1px);
    padding-inline: calc(1rem - 1px)
}

.form-control::placeholder,
.form-control:focus::placeholder {
    transition: all ease .2s
}

@media(prefers-reduced-motion: reduce) {

    .form-control::placeholder,
    .form-control:focus::placeholder {
        transition: none
    }
}

.form-control:hover:not(:focus):not(.tagify--focus) {
    border-color: color-mix(in sRGB, var(--base-color) 60%, var(--paper-bg))
}

.form-control:focus,
.form-control.is-invalid {
    border-width: 2px;
    padding-block: calc(.8555rem - 2px);
    padding-inline: calc(1rem - 2px)
}

.form-control:focus::file-selector-button,
.form-control.is-invalid::file-selector-button {
    box-shadow: 1px 0 0 var(--primary)
}

.form-control.form-control-sm {
    padding-block: calc(.629rem - 1px);
    padding-inline: calc(1rem - 1px)
}

.form-control.form-control-sm:focus,
.form-control.form-control-sm.is-invalid {
    padding-block: calc(.629rem - 2px);
    padding-inline: calc(1rem - 2px)
}

.form-control.form-control-sm::file-selector-button {
    margin-block: -0.6915rem;
    padding-block: .6915rem
}

.form-select {
    background-clip: padding-box;
    padding-block: calc(.8555rem - 1px);
    padding-inline-end: calc(2rem - 1px);
    padding-inline-start: calc(1rem - 1px)
}


.form-select option {
    background-color: var(--paper-bg)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-inline-end: 1rem
}

.form-select:hover:not(:focus):not(:disabled) {
    border-color: color-mix(in sRGB, var(--base-color) 60%, var(--paper-bg))
}

.form-select:disabled {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a8aab4" fill-opacity="0.9"/%3e%3c/svg%3e')
}

.form-select:focus,
.form-select:focus-within,
.form-select.is-invalid {
    border-width: 2px;
    background-position: right calc(1rem - 1px) center;
    padding-block: calc(.8555rem - 2px);
    padding-inline-end: calc(2rem - 2px);
    padding-inline-start: calc(1rem - 2px)
}

.form-select[multiple]:focus {
    padding-inline-end: .875rem !important
}

:dir(rtl) .form-select {
    background-position: left 1rem center
}

:dir(rtl) .form-select:focus,
:dir(rtl) .form-select.is-invalid {
    background-position: left calc(1rem - 1px) center
}

[data-theme=dark] .form-select:disabled {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%237b7d95" fill-opacity="0.9"/%3e%3c/svg%3e')
}

[data-theme=dark]:hover:not([disabled]):not([focus]) {
    border-color: var(--gray-600)
}

.form-check {
    position: relative;
    padding-inline: 1.8em 0
}

.form-check .form-check-input {
    float: inline-start;
    margin-inline-start: -1.8em
}

.form-check-input {
    --form-check-input-checked-bg: var(--primary);
    --form-check-input-checked-border-color: var(--primary);
    --form-check-box-shadow: var(--box-shadow-sm);
    cursor: pointer
}

.form-check-input:disabled {
    --form-check-bg: color-mix(in sRGB, var(--base-color) 30%, var(--paper-bg));
    border-color: color-mix(in sRGB, var(--base-color) 30%, var(--paper-bg))
}

.form-check-input:disabled~.form-check-label {
    pointer-events: none
}

.form-check-input:checked {
    border-color: var(--form-check-input-checked-border-color);
    background-color: var(--form-check-input-checked-bg);
    box-shadow: var(--form-check-box-shadow)
}

.form-check-input[type=checkbox]:indeterminate {
    border-color: var(--form-check-input-checked-border-color);
    background-color: var(--form-check-input-checked-bg);
    box-shadow: var(--form-check-box-shadow)
}

.form-check-input:active {
    filter: none
}

.form-check:not(.form-switch) .form-check-input[type=checkbox] {
    background-size: 1.1rem
}

.form-check:not(.form-switch) .form-check-input[type=checkbox]:indeterminate {
    box-shadow: var(--box-shadow-xs)
}

.form-check:not(.form-switch) .form-check-input[type=radio] {
    background-size: 1.3125rem
}

.form-check:not(.form-switch) .form-check-input[type=radio]:not(:checked) {
    background-size: .75rem
}

.form-check:not(.form-switch) .form-check-input {
    position: relative;
    transition: all .2s
}

@media(prefers-reduced-motion: reduce) {

    .form-check:not(.form-switch) .form-check-input {
        transition: none
    }
}

.form-check:not(.form-switch) .form-check-input:active::after,
.form-check:not(.form-switch) .form-check-input:hover::after {
    opacity: 1;
    transform: scale(2) translateZ(0)
}

.form-check:not(.form-switch) .form-check-input:disabled::after,
.form-check:not(.form-switch) .form-check-input[disabled]::after {
    display: none
}

.form-check-inline {
    margin-inline: 0 1rem
}

.input-group {
    --input-group-addon-border-color: color-mix(in sRGB, var(--base-color) 22%, var(--paper-bg));
    --input-group-disabled-border-color: color-mix(in sRGB, var(--base-color) 24%, var(--paper-bg));
    border-radius: .5rem
}

.input-group:has(.form-check-input):not(:has(.dropdown-toggle)) {
    z-index: 1
}

.input-group:has(.form-check-input):not(:has(.dropdown-toggle))::before {
    z-index: -1
}

.input-group .input-group-text {
    border-color: var(--input-group-addon-border-color);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    padding-block: calc(.8555rem - 1px);
    padding-inline: calc(1rem - 1px)
}

@media(prefers-reduced-motion: reduce) {
    .input-group .input-group-text {
        transition: none
    }
}

.input-group .form-control:focus,
.input-group .form-control:focus-within,
.input-group .form-select:focus,
.input-group .form-select:focus-within,
.input-group .input-group-text:focus,
.input-group .input-group-text:focus-within {
    border-width: 1px
}

.input-group .form-control,
.input-group .form-control:focus,
.input-group .form-control:focus-within,
.input-group .form-control.is-invalid,
.input-group .input-group-text,
.input-group .input-group-text:focus,
.input-group .input-group-text:focus-within,
.input-group .input-group-text.is-invalid {
    padding-block: calc(.8555rem - 1px);
    padding-inline: calc(1rem - 1px)
}

.input-group .form-select,
.input-group .form-select:focus,
.input-group .form-select:focus-within,
.input-group .form-select.is-invalid {
    background-position: right 1rem center;
    padding-block: calc(.8555rem - 1px);
    padding-inline: calc(1rem - 1px) calc(2rem - 1px)
}

:dir(rtl) .input-group .form-select,
:dir(rtl) .input-group .form-select:focus,
:dir(rtl) .input-group .form-select:focus-within,
:dir(rtl) .input-group .form-select.is-invalid {
    background-position: left 1rem center
}

.input-group::before {
    position: absolute;
    display: block;
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    border-radius: .5rem
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-inline: calc(1px*-1) 0
}

.input-group:hover .input-group-text,
.input-group:hover .form-control,
.input-group:hover .form-select {
    border-color: color-mix(in sRGB, var(--base-color) 60%, var(--paper-bg))
}

.input-group:not(.input-group-floating):focus-within,
.input-group:focus {
    box-shadow: 0 0 0 1px var(--primary)
}

.input-group:not(.input-group-floating):focus-within::before,
.input-group:focus::before {
    box-shadow: none
}

.input-group:not(.input-group-floating):focus-within:not(.input-group-merge, .input-group-floating) .form-control,
.input-group:not(.input-group-floating):focus-within:not(.input-group-merge, .input-group-floating) .form-select,
.input-group:not(.input-group-floating):focus-within:not(.input-group-merge, .input-group-floating) .input-group-text,
.input-group:not(.input-group-floating):focus-within:not(.input-group-merge, .input-group-floating) .btn,
.input-group:not(.input-group-floating):focus-within:not(.input-group-merge, .input-group-floating) .form-control::file-selector-button,
.input-group:focus:not(.input-group-merge, .input-group-floating) .form-control,
.input-group:focus:not(.input-group-merge, .input-group-floating) .form-select,
.input-group:focus:not(.input-group-merge, .input-group-floating) .input-group-text,
.input-group:focus:not(.input-group-merge, .input-group-floating) .btn,
.input-group:focus:not(.input-group-merge, .input-group-floating) .form-control::file-selector-button {
    box-shadow: 1px 0 0 var(--primary)
}

.input-group:not(.input-group-floating):focus-within .input-group-text,
.input-group:not(.input-group-floating):focus-within .form-control,
.input-group:not(.input-group-floating):focus-within .form-select,
.input-group:focus .input-group-text,
.input-group:focus .form-control,
.input-group:focus .form-select {
    border-color: var(--primary)
}

.input-group:not(.input-group-floating):focus-within .input-group-text:hover,
.input-group:not(.input-group-floating):focus-within .form-control:hover,
.input-group:not(.input-group-floating):focus-within .form-select:hover,
.input-group:focus .input-group-text:hover,
.input-group:focus .form-control:hover,
.input-group:focus .form-select:hover {
    border-color: var(--primary)
}

.input-group.input-group-merge>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-inline: 0
}

.input-group.input-group-merge:not(.disabled)>:not(:first-child):not(.dropdown-menu):not(.btn):not(.dropdown-menu+.form-control):not(.btn+.form-control):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-inline-start: -2px
}

.input-group.input-group-merge .input-group-text,
.input-group.input-group-merge .input-group-text:focus,
.input-group.input-group-merge .input-group-text:focus-within,
.input-group.input-group-merge .form-control,
.input-group.input-group-merge .form-control:focus,
.input-group.input-group-merge .form-control:focus-within,
.input-group.input-group-merge .form-select,
.input-group.input-group-merge .form-select:focus,
.input-group.input-group-merge .form-select:focus-within {
    box-shadow: none
}

.input-group.input-group-merge .input-group-text:last-child,
.input-group.input-group-merge .form-control:last-child,
.input-group.input-group-merge .form-select:last-child {
    border-inline-start: 0
}

.input-group.input-group-merge .input-group-text:not(:first-child),
.input-group.input-group-merge .form-control:not(:first-child),
.input-group.input-group-merge .form-select:not(:first-child) {
    border-inline-start: 0;
    padding-inline-start: 0
}

.input-group.input-group-merge .input-group-text:first-child {
    border-inline-end: 0
}

.input-group.input-group-merge>.form-control:not(:first-child) {
    border-inline-start: 0;
    padding-inline-start: 0
}

.input-group.input-group-merge>.form-control:not(:last-child) {
    border-inline-end: 0;
    padding-inline-end: calc(1rem - 1px)
}

.input-group.rounded-pill .input-group-text,
.input-group.rounded-pill .form-control,
.input-group.rounded-pill .form-select,
.input-group.rounded-pill::before {
    border-radius: 50rem
}

.input-group.disabled .input-group-text,
.input-group.disabled .form-control,
.input-group.disabled .form-select,
.input-group[disabled] .input-group-text,
.input-group[disabled] .form-control,
.input-group[disabled] .form-select {
    border-color: var(--input-group-disabled-border-color);
    background-color: color-mix(in sRGB, var(--base-color) 6%, var(--paper-bg));
    color: var(--secondary-color);
    pointer-events: none
}

.input-group.disabled .form-select,
.input-group[disabled] .form-select {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a8aab4" fill-opacity="0.9"/%3e%3c/svg%3e')
}

.input-group-text {
    background-clip: padding-box;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .input-group-text {
        transition: none
    }
}

.input-group-text .icon-base {
    block-size: 1.25rem;
    font-size: 1.25rem;
    inline-size: 1.25rem
}

[data-theme=dark] .input-group {
    --input-group-addon-border-color: color-mix(in srgb, #eaeaff 22%, #282a42);
    --input-group-disabled-border-color: rgba(234, 234, 255, 0.23)
}

[data-theme=dark] .input-group.disabled .form-select,
[data-theme=dark] .input-group[disabled] .form-select {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%237b7d95" fill-opacity="0.9"/%3e%3c/svg%3e')
}

form {
    --form-validation-shadow: none;
    --form-validation-border-color: var(--form-invalid-border-color)
}

form .error:not(li):not(input) {
    color: #ff4d49;
    font-size: 85%;
    margin-block-start: .25rem
}

form .form-label.invalid,
form .form-label.is-invalid {
    border-width: 2px;
    border-color: #ff4d49;
    box-shadow: 0 0 0 2px rgba(255, 77, 73, .4)
}


form .is-invalid,
form.was-validated select:invalid+.dropdown-toggle,
form select.is-invalid,
form select.is-invalid+.dropdown-toggle,
form .input-group:has(.is-invalid),
form .input-group .is-invalid {
    --form-validation-border-color: var(--form-invalid-border-color)
}


form.was-validated select:valid+.dropdown-toggle,
form select.is-valid+.dropdown-toggle,
form .input-group:has(.is-valid) {
    --form-validation-border-color: var(--form-valid-border-color)
}


form .form-control:not(.input-group .form-control).is-invalid,
form .form-select:not(.input-group .form-select).is-invalid {
    border-width: 2px
}


form .form-control:not(.input-group .form-control).is-invalid,
form .form-control:not(.input-group .form-control).is-invalid:hover,
form .form-control:not(.input-group .form-control).is-invalid:focus,
form .form-select:not(.input-group .form-select).is-invalid,
form .form-select:not(.input-group .form-select).is-invalid:hover,
form .form-select:not(.input-group .form-select).is-invalid:focus {
    border-color: var(--form-validation-border-color);
    box-shadow: var(--form-validation-shadow)
}


form .form-control:not(.input-group .form-control).is-invalid::file-selector-button,
form .form-control:not(.input-group .form-control).is-invalid:hover::file-selector-button,
form .form-control:not(.input-group .form-control).is-invalid:focus::file-selector-button,
form .form-select:not(.input-group .form-select).is-invalid::file-selector-button,
form .form-select:not(.input-group .form-select).is-invalid:hover::file-selector-button,
form .form-select:not(.input-group .form-select).is-invalid:focus::file-selector-button {
    box-shadow: 1px 0 0 var(--form-validation-border-color)
}


form .form-control:not(.input-group .form-control).is-invalid~label,
form .form-control:not(.input-group .form-control).is-invalid:hover~label,
form .form-control:not(.input-group .form-control).is-invalid:focus~label,
form .form-select:not(.input-group .form-select).is-invalid~label,
form .form-select:not(.input-group .form-select).is-invalid:hover~label,
form .form-select:not(.input-group .form-select).is-invalid:focus~label {
    color: var(--form-validation-border-color)
}


form .form-check-input.is-invalid,
form .form-check-input.is-invalid:checked,
form .form-check-input.is-invalid:focus {
    box-shadow: var(--form-validation-shadow)
}


form .input-group:has(.is-invalid),
form .input-group.input-group-merge:has(.is-invalid),
form .input-group:has(.is-valid),
form .input-group.input-group-merge:has(.is-valid) {
    box-shadow: 0 0 0 1px var(--form-validation-border-color)
}


form .input-group:has(.is-invalid) .input-group-text,
form .input-group:has(.is-invalid) .input-group-text:focus,
form .input-group:has(.is-invalid) .input-group-text:focus-within,
form .input-group:has(.is-invalid) .input-group-text.is-invalid,
form .input-group:has(.is-invalid) .form-control~.input-group-text,
form .input-group:has(.is-invalid) .form-control~.input-group-text:focus,
form .input-group:has(.is-invalid) .form-control~.input-group-text:focus-within,
form .input-group:has(.is-invalid) .form-control~.input-group-text.is-invalid,
form .input-group:has(.is-invalid) .form-control,
form .input-group:has(.is-invalid) .form-control:focus,
form .input-group:has(.is-invalid) .form-control:focus-within,
form .input-group:has(.is-invalid) .form-control.is-invalid,
form .input-group:has(.is-invalid) .form-select,
form .input-group:has(.is-invalid) .form-select:focus,
form .input-group:has(.is-invalid) .form-select:focus-within,
form .input-group:has(.is-invalid) .form-select.is-invalid,
form .input-group.input-group-merge:has(.is-invalid) .input-group-text,
form .input-group.input-group-merge:has(.is-invalid) .input-group-text:focus,
form .input-group.input-group-merge:has(.is-invalid) .input-group-text:focus-within,
form .input-group.input-group-merge:has(.is-invalid) .input-group-text.is-invalid,
form .input-group.input-group-merge:has(.is-invalid) .form-control~.input-group-text,
form .input-group.input-group-merge:has(.is-invalid) .form-control~.input-group-text:focus,
form .input-group.input-group-merge:has(.is-invalid) .form-control~.input-group-text:focus-within,
form .input-group.input-group-merge:has(.is-invalid) .form-control~.input-group-text.is-invalid,
form .input-group.input-group-merge:has(.is-invalid) .form-control,
form .input-group.input-group-merge:has(.is-invalid) .form-control:focus,
form .input-group.input-group-merge:has(.is-invalid) .form-control:focus-within,
form .input-group.input-group-merge:has(.is-invalid) .form-control.is-invalid,
form .input-group.input-group-merge:has(.is-invalid) .form-select,
form .input-group.input-group-merge:has(.is-invalid) .form-select:focus,
form .input-group.input-group-merge:has(.is-invalid) .form-select:focus-within,
form .input-group.input-group-merge:has(.is-invalid) .form-select.is-invalid,
form .input-group:has(.is-valid) .input-group-text,
form .input-group:has(.is-valid) .input-group-text:focus,
form .input-group:has(.is-valid) .input-group-text:focus-within,
form .input-group:has(.is-valid) .input-group-text.is-invalid,
form .input-group:has(.is-valid) .form-control~.input-group-text,
form .input-group:has(.is-valid) .form-control~.input-group-text:focus,
form .input-group:has(.is-valid) .form-control~.input-group-text:focus-within,
form .input-group:has(.is-valid) .form-control~.input-group-text.is-invalid,
form .input-group:has(.is-valid) .form-control,
form .input-group:has(.is-valid) .form-control:focus,
form .input-group:has(.is-valid) .form-control:focus-within,
form .input-group:has(.is-valid) .form-control.is-invalid,
form .input-group:has(.is-valid) .form-select,
form .input-group:has(.is-valid) .form-select:focus,
form .input-group:has(.is-valid) .form-select:focus-within,
form .input-group:has(.is-valid) .form-select.is-invalid,
form .input-group.input-group-merge:has(.is-valid) .input-group-text,
form .input-group.input-group-merge:has(.is-valid) .input-group-text:focus,
form .input-group.input-group-merge:has(.is-valid) .input-group-text:focus-within,
form .input-group.input-group-merge:has(.is-valid) .input-group-text.is-invalid,
form .input-group.input-group-merge:has(.is-valid) .form-control~.input-group-text,
form .input-group.input-group-merge:has(.is-valid) .form-control~.input-group-text:focus,
form .input-group.input-group-merge:has(.is-valid) .form-control~.input-group-text:focus-within,
form .input-group.input-group-merge:has(.is-valid) .form-control~.input-group-text.is-invalid,
form .input-group.input-group-merge:has(.is-valid) .form-control,
form .input-group.input-group-merge:has(.is-valid) .form-control:focus,
form .input-group.input-group-merge:has(.is-valid) .form-control:focus-within,
form .input-group.input-group-merge:has(.is-valid) .form-control.is-invalid,
form .input-group.input-group-merge:has(.is-valid) .form-select,
form .input-group.input-group-merge:has(.is-valid) .form-select:focus,
form .input-group.input-group-merge:has(.is-valid) .form-select:focus-within,
form .input-group.input-group-merge:has(.is-valid) .form-select.is-invalid {
    border-width: 1px;
    border-color: var(--form-validation-border-color)
}


form .input-group:has(.is-invalid) .input-group-text~label,
form .input-group:has(.is-invalid) .input-group-text:focus~label,
form .input-group:has(.is-invalid) .input-group-text:focus-within~label,
form .input-group:has(.is-invalid) .input-group-text.is-invalid~label,
form .input-group:has(.is-invalid) .form-control~.input-group-text~label,
form .input-group:has(.is-invalid) .form-control~.input-group-text:focus~label,
form .input-group:has(.is-invalid) .form-control~.input-group-text:focus-within~label,
form .input-group:has(.is-invalid) .form-control~.input-group-text.is-invalid~label,
form .input-group:has(.is-invalid) .form-control~label,
form .input-group:has(.is-invalid) .form-control:focus~label,
form .input-group:has(.is-invalid) .form-control:focus-within~label,
form .input-group:has(.is-invalid) .form-control.is-invalid~label,
form .input-group:has(.is-invalid) .form-select~label,
form .input-group:has(.is-invalid) .form-select:focus~label,
form .input-group:has(.is-invalid) .form-select:focus-within~label,
form .input-group:has(.is-invalid) .form-select.is-invalid~label,
form .input-group.input-group-merge:has(.is-invalid) .input-group-text~label,
form .input-group.input-group-merge:has(.is-invalid) .input-group-text:focus~label,
form .input-group.input-group-merge:has(.is-invalid) .input-group-text:focus-within~label,
form .input-group.input-group-merge:has(.is-invalid) .input-group-text.is-invalid~label,
form .input-group.input-group-merge:has(.is-invalid) .form-control~.input-group-text~label,
form .input-group.input-group-merge:has(.is-invalid) .form-control~.input-group-text:focus~label,
form .input-group.input-group-merge:has(.is-invalid) .form-control~.input-group-text:focus-within~label,
form .input-group.input-group-merge:has(.is-invalid) .form-control~.input-group-text.is-invalid~label,
form .input-group.input-group-merge:has(.is-invalid) .form-control~label,
form .input-group.input-group-merge:has(.is-invalid) .form-control:focus~label,
form .input-group.input-group-merge:has(.is-invalid) .form-control:focus-within~label,
form .input-group.input-group-merge:has(.is-invalid) .form-control.is-invalid~label,
form .input-group.input-group-merge:has(.is-invalid) .form-select~label,
form .input-group.input-group-merge:has(.is-invalid) .form-select:focus~label,
form .input-group.input-group-merge:has(.is-invalid) .form-select:focus-within~label,
form .input-group.input-group-merge:has(.is-invalid) .form-select.is-invalid~label,
form .input-group:has(.is-valid) .input-group-text~label,
form .input-group:has(.is-valid) .input-group-text:focus~label,
form .input-group:has(.is-valid) .input-group-text:focus-within~label,
form .input-group:has(.is-valid) .input-group-text.is-invalid~label,
form .input-group:has(.is-valid) .form-control~.input-group-text~label,
form .input-group:has(.is-valid) .form-control~.input-group-text:focus~label,
form .input-group:has(.is-valid) .form-control~.input-group-text:focus-within~label,
form .input-group:has(.is-valid) .form-control~.input-group-text.is-invalid~label,
form .input-group:has(.is-valid) .form-control~label,
form .input-group:has(.is-valid) .form-control:focus~label,
form .input-group:has(.is-valid) .form-control:focus-within~label,
form .input-group:has(.is-valid) .form-control.is-invalid~label,
form .input-group:has(.is-valid) .form-select~label,
form .input-group:has(.is-valid) .form-select:focus~label,
form .input-group:has(.is-valid) .form-select:focus-within~label,
form .input-group:has(.is-valid) .form-select.is-invalid~label,
form .input-group.input-group-merge:has(.is-valid) .input-group-text~label,
form .input-group.input-group-merge:has(.is-valid) .input-group-text:focus~label,
form .input-group.input-group-merge:has(.is-valid) .input-group-text:focus-within~label,
form .input-group.input-group-merge:has(.is-valid) .input-group-text.is-invalid~label,
form .input-group.input-group-merge:has(.is-valid) .form-control~.input-group-text~label,
form .input-group.input-group-merge:has(.is-valid) .form-control~.input-group-text:focus~label,
form .input-group.input-group-merge:has(.is-valid) .form-control~.input-group-text:focus-within~label,
form .input-group.input-group-merge:has(.is-valid) .form-control~.input-group-text.is-invalid~label,
form .input-group.input-group-merge:has(.is-valid) .form-control~label,
form .input-group.input-group-merge:has(.is-valid) .form-control:focus~label,
form .input-group.input-group-merge:has(.is-valid) .form-control:focus-within~label,
form .input-group.input-group-merge:has(.is-valid) .form-control.is-invalid~label,
form .input-group.input-group-merge:has(.is-valid) .form-select~label,
form .input-group.input-group-merge:has(.is-valid) .form-select:focus~label,
form .input-group.input-group-merge:has(.is-valid) .form-select:focus-within~label,
form .input-group.input-group-merge:has(.is-valid) .form-select.is-invalid~label {
    color: var(--form-validation-border-color)
}


form .input-group:has(.is-invalid)::before,
form .input-group.input-group-merge:has(.is-invalid)::before,
form .input-group:has(.is-valid)::before,
form .input-group.input-group-merge:has(.is-valid)::before {
    box-shadow: var(--form-validation-shadow)
}


form .input-group:has(.is-invalid)~.invalid-feedback {
    display: block
}

form .bootstrap-select .selectpicker.is-invalid+.dropdown-toggle,
form.was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle,
form .bootstrap-select .selectpicker.is-valid+.dropdown-toggle,
form.was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle {
    border-width: 2px;
    border-color: var(--form-validation-border-color);
    box-shadow: var(--form-validation-shadow);
    padding-block: calc(.8555rem - 2px);
    padding-inline: calc(1rem - 1px)
}

form .bootstrap-select .selectpicker.is-invalid+.dropdown-toggle::after,
form.was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle::after,
form .bootstrap-select .selectpicker.is-valid+.dropdown-toggle::after,
form.was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle::after {
    inset-inline-end: calc(var(--bootstrap-select-arrow-position) - 1px)
}

.modal-content {
    box-shadow: var(--modal-box-shadow)
}

.modal-content .modal-header {
    padding-block-end: 0
}

.modal-content .modal-footer {
    padding: 1.25rem 1.25rem;
    padding-block-start: 0
}

.modal-content .modal-footer>* {
    margin-block: 0
}

.modal:not(.modal-onboarding) .modal-content .modal-footer>*:first-child {
    margin-inline-start: 0
}

.modal:not(.modal-onboarding) .modal-content .modal-footer>*:last-child {
    margin-inline-end: 0
}

:dir(rtl) .modal-header .btn-close {
    margin-inline: auto 0;
    padding-inline-end: 0
}

@media(max-width: 767.98px) {
    .modal .modal-dialog:not(.modal-fullscreen) {
        padding-block: 0;
        padding-inline: .75rem
    }
}

@media(min-width: 576px) {
    .modal-content {
        box-shadow: var(--modal-box-shadow)
    }
}

[data-theme=dark] .modal-backdrop {
    --backdrop-bg: #15102b;
    --backdrop-opacity: 0.6
}

.progress-bar {
    background-color: var(--primary);
    color: var(--white)
}

.progress-bar:first-child {
    border-end-start-radius: 50rem;
    border-start-start-radius: 50rem
}

.progress-bar:last-child {
    border-end-end-radius: 50rem;
    border-start-end-radius: 50rem
}

:dir(rtl) .progress-bar-striped {
    background-image: linear-gradient(-45deg, rgba(var(--white-rgb), 0.15) 25%, transparent 25%, transparent 50%, rgba(var(--white-rgb), 0.15) 50%, rgba(var(--white-rgb), 0.15) 75%, transparent 75%, transparent)
}

:dir(rtl) .progress-bar-animated {
    animation-direction: reverse
}

[data-theme=dark] .progress {
    --progress-bg: #434660
}

.list-group {
    --list-group-timeline-bg: var(--primary);
    --list-group-border-color: var(--border-color);
    --list-group-active-border-color: var(--border-color);
    --list-group-action-hover-color: var(--heading-color);
    --list-group-action-active-color: var(--body-color);
    --list-group-active-bg: var(--primary-bg-subtle)
}

.list-group .list-group-item {
    line-height: 1.375rem;
    padding-block-end: calc(.5rem - 1px)
}

.list-group:not([class*=list-group-flush]) .list-group-item:first-of-type {
    padding-block-start: calc(.5rem - 1px)
}

.list-group[class*=list-group-flush] .list-group-item:last-of-type {
    padding-block-end: .5rem
}

.list-group .list-group-item.active {
    color: var(--primary)
}

.list-group .list-group-item.active h1,
.list-group .list-group-item.active .h1,
.list-group .list-group-item.active h3,
.list-group .list-group-item.active .h3,
.list-group .list-group-item.active h4,
.list-group .list-group-item.active .h4,
.list-group .list-group-item.active h5,
.list-group .list-group-item.active .h5,
.list-group .list-group-item.active h6,
.list-group .list-group-item.active .h6 {
    color: var(--primary)
}

.list-group .list-group-item.active,
.list-group .list-group-item.active:hover,
.list-group .list-group-item.active:focus {
    --list-group-color: var(--white)
}

:dir(rtl) .list-group {
    padding-inline-start: 0
}

[data-theme=dark] .list-group {
    --list-group-border-color: #555871
}

.layout-navbar {
    background-color: var(--body-bg)
}

.layout-navbar-fixed .window-scrolled .layout-navbar {
    background-color: var(--navbar-bg);
    box-shadow: var(--navbar-box-shadow)
}

.layout-navbar-fixed .window-scrolled .layout-navbar.navbar-detached {
    border: var(--navbar-border-width) solid var(--navbar-border-color);
    border-block-start-width: 0;
    box-shadow: var(--navbar-box-shadow) !important
}

.mega-dropdown .dropdown-toggle {
    box-shadow: none;
    outline: 0
}

.mega-dropdown .dropdown-menu {
    inline-size: 100%
}

.navbar.bg-white {
    --navbar-color: color-mix(in sRGB, var(--pure-black) 84%, var(--white));
    --navbar-hover-color: var(--pure-black);
    --navbar-disabled-color: color-mix(in sRGB, var(--pure-black) 40%, var(--white));
    --navbar-active-color: var(--pure-black);
    --navbar-brand-color: var(--pure-black);
    --navbar-brand-hover-color: color-mix(in sRGB, var(--pure-black) 84%, var(--white))
}

.navbar.bg-success {
    --navbar-color: color-mix(in sRGB, var(--success-contrast) 84%, var(--success));
    --navbar-hover-color: var(--success-contrast);
    --navbar-disabled-color: color-mix(in sRGB, var(--success-contrast) 60%, var(--success));
    --navbar-active-color: var(--success-contrast);
    --navbar-brand-color: var(--success-contrast);
    --navbar-brand-hover-color: color-mix(in sRGB, var(--paper-bg) 84%, var(--success))
}

.navbar.bg-danger {
    --navbar-color: color-mix(in sRGB, var(--danger-contrast) 84%, var(--danger));
    --navbar-hover-color: var(--danger-contrast);
    --navbar-disabled-color: color-mix(in sRGB, var(--danger-contrast) 60%, var(--danger));
    --navbar-active-color: var(--danger-contrast);
    --navbar-brand-color: var(--danger-contrast);
    --navbar-brand-hover-color: color-mix(in sRGB, var(--paper-bg) 84%, var(--danger))
}

.card {
    --card-border-color: var(--border-color);
    --card-hover-box-shadow: 0 0.375rem 1.25rem 0 rgba(38, 43, 67, 0.18);
    --card-border-bottom-color: var(--card-border-color);
    --card-hover-border-color: var(--card-border-color);
    --card-hover-border-bottom-color: var(--card-border-color);
    box-shadow: var(--card-box-shadow)
}

.card .card-header+.card-body {
    padding-block-start: 0
}

.card .card-header {
    --card-border-width: 0
}

.card hr {
    color: var(--card-border-color)
}

.card>.list-group {
    border-block-end-width: 1px;
    border-block-start-width: 1px
}

.card>.list-group .list-group-item {
    padding-inline: 1.25rem
}

[data-theme=dark] .card>.list-group {
    border-color: #555871
}

[data-theme=dark] .accordion:not([class*=accordion-border-background-], [class*=accordion-border-solid-], [class*=accordion-solid-]) {
    --accordion-btn-color: color-mix(in sRGB, #eaeaff 90%, #30334e)
}

[data-theme=dark] .accordion:not([class*=accordion-header-], [class*=accordion-border-background-], [class*=accordion-border-solid-], [class*=accordion-solid-]) {
    --accordion-active-color: color-mix(in sRGB, #eaeaff 90%, #30334e)
}

[data-theme=dark] .accordion.accordion-custom-button {
    --accordion-border-color: color-mix(in sRGB, #eaeaff 12%, #30334e);
    --accordion-btn-bg: #333851;
    --accordion-btn-active-bg: #333851
}

[data-theme=dark] .accordion-custom-button .accordion-button::after {
    --accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='color-mix%28in sRGB, %23eaeaff 90%, %2330334e%29' viewBox='0 0 24 24'%3E%3Cpath d='M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z'%3E%3C/path%3E%3C/svg%3E");
    --accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='color-mix%28in sRGB, %23eaeaff 90%, %2330334e%29' viewBox='0 0 24 24'%3E%3Cpath d='M5 11h14v2H5z'%3E%3C/path%3E%3C/svg%3E")
}

.toast[class^=bg-],
.toast[class*=" bg-"] {
    --toast-header-color: var(--white);
    --toast-color: var(--white)
}

.toast.toast {
    z-index: 1095;
    background-color: var(--toast-bg) !important
}

.toast.bg-success {
    --toast-bg: rgba(var(--success-rgb), .85);
    --toast-box-shadow: 0 .25rem 1rem rgba(var(--success-rgb), .4)
}

.toast.bg-danger {
    --toast-bg: rgba(var(--danger-rgb), .85);
    --toast-box-shadow: 0 .25rem 1rem rgba(var(--danger-rgb), .4)
}

[data-theme=dark] .carousel:not(.carousel-dark) .carousel-caption,
[data-theme=dark].carousel:not(.carousel-dark) .carousel-caption {
    color: #fff
}

.btn .spinner-border {
    --spinner-height: 1em;
    --spinner-width: 1em;
    inset-block-start: -0.0625rem
}

.btn .spinner-border {
    --spinner-border-width: .15em
}

@keyframes spinner-border-rtl {
    to {
        transform: rotate(-360deg)
    }
}

:dir(rtl) .spinner-border {
    animation-name: spinner-border-rtl
}

[data-theme=dark] .offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1089;
    width: 100vw;
    height: 100vh;
    background-color: #15102b
}

[data-theme=dark] .offcanvas-backdrop.fade {
    opacity: 0
}

[data-theme=dark] .offcanvas-backdrop.show {
    opacity: .6
}

.bg-label-primary {
    background-color: color-mix(in sRGB, var(--paper-bg) var(--bg-label-tint-amount), var(--primary)) !important;
    color: var(--primary) !important
}

.bg-label-secondary {
    background-color: color-mix(in sRGB, var(--paper-bg) var(--bg-label-tint-amount), var(--secondary)) !important;
    color: var(--secondary) !important
}

.bg-label-success {
    background-color: color-mix(in sRGB, var(--paper-bg) var(--bg-label-tint-amount), var(--success)) !important;
    color: var(--success) !important
}

.bg-label-info {
    background-color: color-mix(in sRGB, var(--paper-bg) var(--bg-label-tint-amount), var(--info)) !important;
    color: var(--info) !important
}

.bg-label-warning {
    background-color: color-mix(in sRGB, var(--paper-bg) var(--bg-label-tint-amount), var(--warning)) !important;
    color: var(--warning) !important
}

.bg-label-danger {
    background-color: color-mix(in sRGB, var(--paper-bg) var(--bg-label-tint-amount), var(--danger)) !important;
    color: var(--danger) !important
}

[data-theme=dark] .bg-label-dark {
    color: RGBA(#fff, var(--bg-label-tint-amount)) !important
}

.align-baseline {
    vertical-align: baseline !important
}

.align-middle {
    vertical-align: middle !important
}

.object-fit-cover {
    object-fit: cover !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.overflow-hidden {
    overflow: hidden !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.position-relative {
    position: relative !important
}

.border {
    border: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-top {
    border-block-start: var(--border-width) var(--border-style) var(--border-color) !important
}

.border-bottom {
    border-block-end: var(--border-width) var(--border-style) var(--border-color) !important
}

.w-px-40 {
    width: 40px !important
}

.w-px-50 {
    width: 50px !important
}

.w-auto {
    width: auto !important
}

.w-100 {
    width: 100% !important
}

.mw-100 {
    max-width: 100% !important
}

.h-auto {
    height: auto !important
}

.h-100 {
    height: 100% !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-self-center {
    align-self: center !important
}

.m-0 {
    margin: 0 !important
}

.mx-auto {
    margin-inline-end: auto !important;
    margin-inline-start: auto !important
}

.mt-0 {
    margin-block-start: 0 !important
}

.mt-1 {
    margin-block-start: .25rem !important
}

.mt-2 {
    margin-block-start: .5rem !important
}

.mt-3 {
    margin-block-start: .75rem !important
}

.mt-4 {
    margin-block-start: 1rem !important
}

.mt-5 {
    margin-block-start: 1.25rem !important
}

.mt-6 {
    margin-block-start: 1.5rem !important
}

.mt-auto {
    margin-block-start: auto !important
}

.me-1 {
    margin-inline-end: .25rem !important
}

.me-2 {
    margin-inline-end: .5rem !important
}

.me-3 {
    margin-inline-end: .75rem !important
}

.me-4 {
    margin-inline-end: 1rem !important
}

.me-auto {
    margin-inline-end: auto !important
}

.mb-0 {
    margin-block-end: 0 !important
}

.mb-1 {
    margin-block-end: .25rem !important
}

.mb-2 {
    margin-block-end: .5rem !important
}

.mb-3 {
    margin-block-end: .75rem !important
}

.mb-4 {
    margin-block-end: 1rem !important
}

.mb-5 {
    margin-block-end: 1.25rem !important
}

.mb-6 {
    margin-block-end: 1.5rem !important
}

.mb-7 {
    margin-block-end: 1.75rem !important
}

.ms-1 {
    margin-inline-start: .25rem !important
}

.ms-2 {
    margin-inline-start: .5rem !important
}

.ms-auto {
    margin-inline-start: auto !important
}

.mb-n2 {
    margin-block-end: -0.5rem !important
}

.p-0 {
    padding: 0 !important
}

.p-8 {
    padding: 2rem !important
}

.px-0 {
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important
}

.px-1 {
    padding-inline-end: .25rem !important;
    padding-inline-start: .25rem !important
}

.px-2 {
    padding-inline-end: .5rem !important;
    padding-inline-start: .5rem !important
}

.px-4 {
    padding-inline-end: 1rem !important;
    padding-inline-start: 1rem !important
}

.px-6 {
    padding-inline-end: 1.5rem !important;
    padding-inline-start: 1.5rem !important
}

.py-1 {
    padding-block-start: .25rem !important;
    padding-block-end: .25rem !important
}

.py-2 {
    padding-block-start: .5rem !important;
    padding-block-end: .5rem !important
}

.py-3 {
    padding-block-start: .75rem !important;
    padding-block-end: .75rem !important
}

.py-4 {
    padding-block-start: 1rem !important;
    padding-block-end: 1rem !important
}

.py-8 {
    padding-block-start: 2rem !important;
    padding-block-end: 2rem !important
}

.pt-0 {
    padding-block-start: 0 !important
}

.pt-2 {
    padding-block-start: .5rem !important
}

.pt-4 {
    padding-block-start: 1rem !important
}

.pe-10 {
    padding-inline-end: 2.5rem !important
}

.pb-1 {
    padding-block-end: .25rem !important
}

.pb-2 {
    padding-block-end: .5rem !important
}

.ps-4 {
    padding-inline-start: 1rem !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: .75rem !important
}

.gap-4 {
    gap: 1rem !important
}

.gap-6 {
    gap: 1.5rem !important
}

.column-gap-2 {
    column-gap: .5rem !important
}

.fs-6 {
    font-size: 0.9375rem !important
}

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

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

.fw-semibold {
    font-weight: 600 !important
}

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

.text-end {
    text-align: end !important
}

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

.text-none {
    text-transform: none !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --text-opacity: 1;
    color: rgba(var(--primary-rgb), var(--text-opacity)) !important
}

.text-success {
    --text-opacity: 1;
    color: rgba(var(--success-rgb), var(--text-opacity)) !important
}

.text-info {
    --text-opacity: 1;
    color: rgba(var(--info-rgb), var(--text-opacity)) !important
}

.text-warning {
    --text-opacity: 1;
    color: rgba(var(--warning-rgb), var(--text-opacity)) !important
}

.text-danger {
    --text-opacity: 1;
    color: rgba(var(--danger-rgb), var(--text-opacity)) !important
}

.text-white {
    --text-opacity: 1;
    color: var(--white) !important
}

.text-body-secondary {
    --text-opacity: 1;
    color: var(--secondary-color) !important
}

.text-heading {
    --text-opacity: 1;
    color: var(--heading-color) !important
}

.bg-success {
    --bg-opacity: 1;
    background-color: rgba(var(--success-rgb), var(--bg-opacity)) !important
}

.bg-danger {
    --bg-opacity: 1;
    background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important
}

.bg-white {
    --bg-opacity: 1;
    background-color: var(--white) !important
}

.rounded {
    border-radius: var(--border-radius) !important
}

.rounded-1 {
    border-radius: var(--border-radius-sm) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--border-radius-pill) !important
}

.visible {
    visibility: visible !important
}

.cursor-pointer {
    cursor: pointer !important
}

@media(min-width: 576px) {

    .flex-sm-row {
        flex-direction: row !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .me-sm-2 {
        margin-inline-end: .5rem !important
    }

    .px-sm-2 {
        padding-inline-end: .5rem !important;
        padding-inline-start: .5rem !important
    }

    .px-sm-6 {
        padding-inline-end: 1.5rem !important;
        padding-inline-start: 1.5rem !important
    }

    .text-sm-end {
        text-align: end !important
    }
}

@media(min-width: 768px) {

    .ms-md-auto {
        margin-inline-start: auto !important
    }
}

@media(min-width: 992px) {

    .d-lg-flex {
        display: flex !important
    }
}

@media(min-width: 1200px) {

    .d-xl-none {
        display: none !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .me-xl-0 {
        margin-inline-end: 0 !important
    }

    .me-xl-6 {
        margin-inline-end: 1.5rem !important
    }
}

:root,
[data-theme=light] {
    --navbar-search-shadow: 0 0.25rem 0.5rem -0.25rem rgba(38, 43, 67, 0.42);
    --menu-bg: var(--body-bg);
    --menu-bg-rgb: var(--body-bg-rgb);
    --menu-color: #3b4055;
    --menu-color-rgb: 59, 64, 85;
    --menu-hover-bg: color-mix(in sRGB, var(--base-color) 5%, var(--menu-bg));
    --menu-hover-color: color-mix(in sRGB, #262b43 90%, #fff);
    --menu-sub-active-bg: color-mix(in sRGB, var(--base-color) 8%, var(--menu-bg));
    --menu-sub-active-color: color-mix(in sRGB, #262b43 90%, #fff);
    --menu-active-color: var(--primary-contrast);
    --menu-active-bg: var(--primary);
    --menu-horizontal-active-bg: var(--primary-bg-subtle);
    --menu-box-shadow: 0 0 10px color-mix(in sRGB, #262b43 12%, #fff);
    --menu-divider-color: transparent;
    --menu-item-icon-color: color-mix(in sRGB, #262b43 90%, #fff);
    --menu-width: 16.25rem;
    --menu-collapsed-width: 4.375rem;
    --menu-item-spacer: 0.25rem;
    --menu-vertical-link-padding-y: 0.4375rem;
    --menu-vertical-link-padding-x: 0.75rem;
    --menu-vertical-menu-link-padding-y: 0.5rem;
    --menu-vertical-menu-level-spacer: 1rem
}

:root .layout-menu-horizontal,
[data-theme=light] .layout-menu-horizontal {
    --menu-bg: var(--paper-bg)
}


[data-theme=dark] {
    --menu-bg: #282a42;
    --menu-bg-rgb: var(--body-bg-rgb);
    --menu-active-bg: var(--primary);
    --menu-horizontal-active-bg: var(--primary-bg-subtle);
    --menu-color: #d7d8ee;
    --menu-color-rgb: 215, 216, 238;
    --menu-hover-bg: color-mix(in sRGB, #eaeaff 6%, #30334e);
    --menu-hover-color: #d7d8ee;
    --menu-active-bg: var(--primary);
    --menu-active-color: #fff;
    --menu-active-toggle-bg: rgba(234, 234, 255, 0.08);
    --menu-sub-active-bg: color-mix(in sRGB, #eaeaff 8%, #30334e);
    --menu-sub-active-color: #fff;
    --menu-box-shadow: 0 0.125rem 0.625rem 0 rgba(16, 17, 33, 0.24);
    --menu-divider-color: transparent;
    --menu-item-icon-color: color-mix(in sRGB, #eaeaff 90%, #30334e);
    --menu-horizontal-active-bg: var(--primary-bg-subtle)
}

[data-semidark-menu=true] .layout-menu-horizontal,
[data-theme=dark] .layout-menu-horizontal {
    --menu-bg: #30334e
}

[data-theme=dark] .app-overlay {
    background-color: rgba(38, 43, 67, .6)
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .card,
    .card-body,
    .flex-column {
        min-block-size: 1px
    }

    img {
        block-size: auto;
        min-block-size: 1px
    }
}

.container,
.container-xxl {
    padding-inline: 1rem
}

@media(min-width: 992px) {

    .container,
    .container-xxl {
        padding-inline: 1.5rem
    }
}

.menu {
    display: flex;
    background-color: var(--menu-bg)
}

.menu .app-brand {
    inline-size: 100%;
    transition: padding .3s ease-in-out;
    padding-inline: calc(var(--menu-vertical-link-padding-x)*2 - .125rem) calc(var(--menu-vertical-link-padding-x)*2 - .5rem)
}

@media(prefers-reduced-motion: reduce) {
    .menu .app-brand {
        transition: none
    }
}

.menu .app-brand .app-brand-text {
    color: var(--heading-color)
}

.menu .menu-sub>.menu-item>.menu-link::before {
    position: absolute;
    border-radius: 50%;
    background-color: var(--secondary-color);
    block-size: .5rem;
    content: "";
    inline-size: .5rem;
    inset-inline-start: 1.1875rem
}

.layout-horizontal .menu .menu-sub>.menu-item>.menu-link::before {
    inset-inline-start: 1rem
}

.menu.menu-horizontal .menu-inner>.menu-item>.menu-sub>.menu-item>.menu-link {
    padding-inline-start: 1rem
}

.menu.menu-horizontal .menu-inner>.menu-item>.menu-sub>.menu-item>.menu-link::before {
    display: none
}

.menu.menu-horizontal .menu-sub .menu-item .menu-link {
    padding-inline-start: 2rem
}

.menu-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    block-size: 100%
}

.menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu-inner>.menu-item.menu-item-closing .menu-item.open .menu-toggle {
    background-color: rgba(0, 0, 0, 0);
    color: var(--menu-color)
}

.menu-inner>.menu-header::before {
    background-color: rgba(var(--menu-color-rgb), 0.5)
}

.menu-inner .menu-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    inline-size: 100%;
    line-height: normal;
    white-space: nowrap
}

@media(max-width: 1199.98px) {
    .menu-inner .menu-header {
        inline-size: 90%
    }
}

.menu-inner .menu-header::before,
.menu-inner .menu-header::after {
    display: block;
    background-color: var(--border-color);
    block-size: 1px;
    content: ""
}

.menu-inner .menu-header::before {
    inline-size: 8%;
    margin-inline: -0.75rem .5rem
}

:dir(rtl) .menu-inner .menu-header::before {
    inline-size: 15%
}

.menu-inner .menu-header::after {
    inline-size: 90%;
    margin-inline-start: .5rem
}

.menu-inner-shadow {
    position: absolute;
    z-index: 2;
    display: none;
    background: linear-gradient(var(--menu-bg) 41%, rgba(var(--menu-bg-rgb), 0.11) 95%, rgba(var(--menu-bg-rgb), 0));
    inline-size: 100%;
    inset-block-start: 3.5rem;
    pointer-events: none
}

@media(min-width: 1200px) {
    .menu-inner-shadow {
        block-size: 3rem
    }
}

@media(max-width: 1199.98px) {
    .menu-inner-shadow {
        block-size: 1.5rem
    }
}

.layout-navbar-full .menu-inner-shadow {
    inset-block-start: 0
}

.menu-item {
    align-items: flex-start;
    justify-content: flex-start
}

.menu-item.menu-item-animating {
    transition: block-size .3s ease-in-out
}

.menu-item.active>.menu-link:not(.menu-toggle) {
    background-color: var(--menu-active-bg);
    color: var(--menu-active-color)
}

.menu.menu-horizontal .menu-inner>.menu-item>.menu-link {
    border-radius: .5rem;
    margin-inline: .125rem
}

.menu.menu-horizontal .menu-inner>.menu-item:first-child {
    margin-inline-start: 0
}

.menu.menu-horizontal .menu-inner>.menu-item:last-child {
    margin-inline-end: 0
}

.menu.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle {
    background: var(--menu-active-bg);
    color: var(--menu-active-color)
}

.menu.menu-horizontal .menu-inner>.menu-item {
    margin-block: .6375rem;
    margin-inline: 0
}

.menu.menu-horizontal .menu-inner>.menu-item .menu-sub {
    z-index: 1;
    box-shadow: var(--box-shadow-lg)
}

.menu-item,
.menu-header,
.menu-divider,
.menu-block {
    flex: 0 0 auto;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none
}

.menu-header {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.menu-header .menu-header-text {
    color: var(--secondary-color);
    letter-spacing: .4px;
    text-transform: uppercase;
    white-space: nowrap
}

.menu-icon {
    flex-grow: 0;
    flex-shrink: 0;
    block-size: 1.375rem;
    font-size: 1.375rem;
    inline-size: 1.375rem;
    margin-inline-end: .5rem
}

.menu:not(.menu-no-animation) .menu-icon {
    transition: margin-inline-end .3s ease
}

.menu-icon .menu-link {
    transition-duration: .3s
}

.menu-icon .menu-toggle::after {
    transition-duration: .3s;
    transition-property: -webkit-transform, transform
}

.menu-link {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    margin: 0
}

.menu-item.disabled .menu-link {
    cursor: not-allowed
}

.menu-link>:not(.menu-icon) {
    flex: 0 1 auto;
    opacity: 1
}

.menu-link,
.menu-horizontal-prev,
.menu-horizontal-next {
    color: var(--menu-color)
}

.menu-link:hover,
.menu-link:focus,
.menu-horizontal-prev:hover,
.menu-horizontal-prev:focus,
.menu-horizontal-next:hover,
.menu-horizontal-next:focus {
    color: var(--menu-hover-color)
}

.menu-item.disabled .menu-link,
.menu-horizontal-prev.disabled,
.menu-horizontal-next.disabled {
    opacity: .6
}

.menu-sub {
    display: none;
    flex-direction: column;
    margin: 0;
    padding-inline: 0
}

.menu-item.open>.menu-sub {
    display: flex
}

.menu-toggle::after {
    position: absolute;
    display: block;
    background-color: var(--menu-item-icon-color);
    content: "";
    inset-block-start: 50%;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    transform: translateY(-50%);
    block-size: 1.375rem;
    font-size: 1.375rem;
    inline-size: 1.375rem
}

:dir(rtl) .menu-toggle::after {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m10.828 12l4.95 4.95l-1.414 1.415L8 12l6.364-6.364l1.414 1.414z'/%3E%3C/svg%3E")
}

.menu-divider {
    border: 0;
    border-block-start: 1px solid;
    border-block-start-color: var(--menu-divider-color);
    inline-size: 100%
}

.menu-vertical {
    overflow: hidden;
    flex-direction: column
}

.menu-vertical:not(.menu-no-animation) {
    transition: inline-size .3s
}

.menu-vertical,
.menu-vertical .menu-block,
.menu-vertical .menu-inner>.menu-item,
.menu-vertical .menu-inner>.menu-header {
    inline-size: var(--menu-width)
}

.menu-vertical .menu-inner {
    flex: 1 1 auto;
    flex-direction: column
}

.menu-vertical .menu-inner>.menu-item {
    margin-block: var(--menu-item-spacer) 0;
    margin-inline: 0
}

.menu-vertical .menu-inner>.menu-item .menu-link {
    border-radius: .5rem;
    margin-block: 0;
    margin-inline: .75rem
}

.menu-vertical .menu-item .menu-link,
.menu-vertical .menu-header,
.menu-vertical .menu-block {
    padding-block: var(--menu-vertical-link-padding-y);
    padding-inline: var(--menu-vertical-link-padding-x)
}

.menu-vertical .menu-header {
    margin-inline: .75rem
}

@media(min-width: 1200px) {
    .menu-vertical .menu-header:has(.menu-header-text) {
        padding-inline-end: 1.65rem
    }
}

@media(max-width: 1199.98px) {
    .menu-vertical .menu-header:has(.menu-header-text) {
        padding-inline-end: 0
    }
}

.menu-vertical .menu-item .menu-link {
    font-size: .9375rem;
    letter-spacing: .15px;
    min-block-size: 38px
}

.menu-vertical .menu-item .menu-link>div:not(.badge) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.menu-vertical .menu-item .menu-toggle {
    padding-inline-end: calc(var(--menu-vertical-link-padding-x) + 1.679975em)
}

.menu-vertical .menu-item .menu-toggle::after {
    inset-inline-end: calc(0.75rem - 0.2rem);
    transition: transform .3s
}

.menu-vertical .menu-item:not(.active):not(.open) .menu-link:hover {
    background-color: var(--menu-hover-bg)
}

.menu-vertical .menu-item.active>.menu-toggle {
    background-color: var(--menu-sub-active-bg)
}

.menu-vertical .menu-item.active>.menu-link:not(.menu-toggle) {
    box-shadow: var(--box-shadow-xs)
}

.menu-vertical .menu-item.active:not(.open)>.menu-link:not(.menu-toggle)::before {
    background-color: var(--menu-active-color)
}

.menu-vertical .menu-item.open:not(.menu-item-closing)>.menu-link::after {
    transform: translateY(-50%) rotate(90deg)
}

:dir(rtl) .menu-vertical .menu-item.open:not(.menu-item-closing)>.menu-link::after {
    transform: translateY(-50%) rotate(-90deg)
}

.menu-vertical .menu-divider {
    padding: 0;
    margin-block: .5rem
}

.menu-vertical .menu-sub .menu-item {
    margin-block: .25rem 0;
    margin-inline: 0
}

@media(max-width: 1199.98px) {
    .layout-horizontal .menu-vertical .menu-sub .menu-icon {
        display: none
    }
}

@media(max-width: 1199.98px) {
    .layout-horizontal .menu-vertical {
        box-shadow: none
    }
}

.menu-vertical .menu-icon {
    block-size: 1.375rem;
    font-size: 1.375rem;
    inline-size: 1.375rem
}

.menu-vertical .menu-horizontal-wrapper {
    flex: none
}

.menu-vertical~.menu-mobile-toggler {
    display: none
}

.layout-navbar-hidden .menu-vertical~.menu-mobile-toggler {
    position: fixed;
    z-index: 1067;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary);
    inset-block-end: calc(1.5rem*2);
    inset-inline-start: 1.5rem
}

.menu-vertical .menu-sub .menu-link {
    padding-inline-start: 2.55rem
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-link {
    padding-inline-start: 3.1rem
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-link::before {
    inset-inline-start: 1.65rem
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-link {
    padding-inline-start: 4.1rem
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-link::before {
    inset-inline-start: 2.65rem
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-link {
    padding-inline-start: 5.1rem
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-link::before {
    inset-inline-start: 3.65rem
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link {
    padding-inline-start: 6.1rem
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner>.menu-item .menu-sub .menu-sub .menu-sub .menu-sub .menu-sub .menu-link::before {
    inset-inline-start: 4.65rem
}

.layout-menu-collapsed .layout-menu:not(:hover),
.menu-collapsed:not(:hover) {
    inline-size: var(--menu-collapsed-width)
}

.layout-menu-collapsed .layout-menu:not(:hover) .menu-inner>.menu-item,
.menu-collapsed:not(:hover) .menu-inner>.menu-item {
    inline-size: var(--menu-collapsed-width)
}

.layout-menu-collapsed .layout-menu:not(:hover) .menu-inner>.menu-header,
.layout-menu-collapsed .layout-menu:not(:hover) .menu-block,
.menu-collapsed:not(:hover) .menu-inner>.menu-header,
.menu-collapsed:not(:hover) .menu-block {
    position: relative;
    inline-size: var(--menu-width);
    margin-inline-start: var(--menu-collapsed-width);
    padding-inline: .5rem calc(var(--menu-vertical-link-padding-x)*2 - .5rem);
    text-indent: -9999px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layout-menu-collapsed .layout-menu:not(:hover) .menu-inner>.menu-header .menu-header-text,
.layout-menu-collapsed .layout-menu:not(:hover) .menu-block .menu-header-text,
.menu-collapsed:not(:hover) .menu-inner>.menu-header .menu-header-text,
.menu-collapsed:not(:hover) .menu-block .menu-header-text {
    overflow: hidden;
    opacity: 0
}

.layout-menu-collapsed .layout-menu:not(:hover) .menu-inner>.menu-header::before,
.layout-menu-collapsed .layout-menu:not(:hover) .menu-block::before,
.menu-collapsed:not(:hover) .menu-inner>.menu-header::before,
.menu-collapsed:not(:hover) .menu-block::before {
    position: absolute;
    display: block;
    content: "";
    inline-size: calc(var(--menu-collapsed-width)*.25);
    inset-block: .5rem;
    inset-inline-start: calc(-1*var(--menu-collapsed-width)*.635);
    text-align: center
}

.layout-menu-collapsed .layout-menu:not(:hover) .menu-inner>.menu-header::before,
.menu-collapsed:not(:hover) .menu-inner>.menu-header::before {
    block-size: .125rem
}

.layout-menu-collapsed .layout-menu:not(:hover) .app-brand,
.menu-collapsed:not(:hover) .app-brand {
    padding-inline-start: 1rem
}

.layout-menu-collapsed .layout-menu:not(:hover) .menu-inner>.menu-item div:not(.menu-block),
.menu-collapsed:not(:hover) .menu-inner>.menu-item div:not(.menu-block) {
    overflow: hidden;
    opacity: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.layout-menu-collapsed .layout-menu:not(:hover) .menu-inner>.menu-item>.menu-sub,
.layout-menu-collapsed .layout-menu:not(:hover) .menu-inner>.menu-item.open>.menu-sub,
.menu-collapsed:not(:hover) .menu-inner>.menu-item>.menu-sub,
.menu-collapsed:not(:hover) .menu-inner>.menu-item.open>.menu-sub {
    display: none
}

.layout-menu-collapsed .layout-menu:not(:hover) .menu-inner>.menu-item>.menu-toggle::after,
.menu-collapsed:not(:hover) .menu-inner>.menu-item>.menu-toggle::after {
    display: none
}

.layout-menu-collapsed .layout-menu:not(:hover):not(.layout-menu-hover) .menu-inner>.menu-item>.menu-link,
.layout-menu-collapsed .layout-menu:not(:hover):not(.layout-menu-hover) .menu-inner>.menu-block,
.layout-menu-collapsed .layout-menu:not(:hover):not(.layout-menu-hover) .menu-inner>.menu-header,
.menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner>.menu-item>.menu-link,
.menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner>.menu-block,
.menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner>.menu-header {
    padding-inline-end: calc(0.75rem + 0.66em)
}

.layout-menu-collapsed .layout-menu:not(:hover) .menu-inner>.menu-item>.menu-link .menu-icon,
.menu-collapsed:not(:hover) .menu-inner>.menu-item>.menu-link .menu-icon {
    margin: 0;
    margin-inline-end: 0;
    text-align: center
}

.layout-menu-collapsed .layout-menu:hover,
.menu-collapsed:hover {
    box-shadow: var(--menu-box-shadow)
}

.menu-horizontal {
    flex-direction: row;
    inline-size: 100%
}

.menu-horizontal .menu-inner {
    overflow: hidden;
    flex: 0 1 100%;
    flex-direction: row
}

.menu-horizontal .menu-inner>.menu-item.active>.menu-link.menu-toggle {
    font-weight: 500
}

.menu-horizontal .menu-inner .menu-item.active>.menu-link:not(.menu-toggle) {
    font-weight: 500
}

.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing)>.menu-sub,
.menu-horizontal .menu-inner .menu-item.open>.menu-toggle {
    background-color: var(--menu-bg)
}

.menu-horizontal .menu-inner .menu-item.active>.menu-link.menu-toggle {
    background-color: var(--menu-sub-active-bg);
    box-shadow: var(--box-shadow-xs);
    color: var(--menu-sub-active-color)
}

.menu-horizontal .menu-inner .menu-item.active>.menu-link.menu-toggle::after {
    background-color: var(--menu-active-color)
}

.menu-horizontal .menu-inner .menu-item:hover>.menu-link {
    background-color: var(--menu-hover-bg);
    color: var(--menu-hover-color)
}

.menu-horizontal .menu-inner .menu-sub .menu-item.active>.menu-link.menu-toggle::after {
    background-color: var(--menu-color)
}

.menu-horizontal .menu-item .menu-link {
    padding-block: .5rem;
    padding-inline: 1rem
}

.menu-horizontal .menu-item.active>.menu-link:not(.menu-toggle) {
    background: var(--menu-horizontal-active-bg);
    color: var(--primary)
}

.menu-horizontal .menu-item.active>.menu-link:not(.menu-toggle)::before {
    background-color: var(--primary)
}

.menu-horizontal .menu-item .menu-toggle {
    padding-inline-end: calc(1rem + 1.43em)
}

.menu-horizontal .menu-item .menu-toggle::after {
    inset-inline-end: calc(1rem - 0.2rem)
}

.menu-horizontal .menu-inner>.menu-item>.menu-toggle::after {
    transform: translateY(-50%) rotate(90deg)
}

:dir(rtl) .menu-horizontal .menu-inner>.menu-item>.menu-toggle::after {
    transform: translateY(-50%) rotate(-90deg)
}

.menu-horizontal .menu-inner>.menu-item>.menu-toggle::before {
    position: absolute;
    z-index: 2;
    block-size: .6375rem;
    content: "";
    inline-size: 100%;
    inset-block-start: 100%;
    inset-inline-start: 0;
    pointer-events: auto
}

.menu-horizontal .menu-inner>.menu-item>.menu-sub {
    margin-block-start: .7rem
}

.menu-horizontal .menu-inner>.menu-item>.menu-sub .menu-sub {
    margin-block: 0;
    margin-inline: .125rem
}

.menu-horizontal .menu-inner>.menu-item:not(.menu-item-closing).open .menu-item.open {
    position: relative
}

.menu-horizontal .menu-sub {
    position: absolute;
    box-shadow: 0 .375rem 1.25rem 0 rgba(38, 43, 67, .18);
    inline-size: 16.25rem;
    padding-block: .5rem;
    padding-inline: 0
}

.menu-horizontal .menu-sub .menu-item.open .menu-link>div::after {
    position: absolute;
    z-index: 2;
    block-size: 100%;
    content: "";
    inline-size: 1.0625rem;
    inset-inline-end: -1.0625rem;
    pointer-events: auto
}

.menu-horizontal .menu-sub .menu-item .menu-item .menu-link .icon-base {
    color: var(--secondary-color)
}

.menu-horizontal .menu-sub .menu-sub {
    position: absolute;
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 100%
}

.menu-horizontal .menu-sub .menu-link {
    padding-block: .5rem
}

.menu-horizontal .menu-inner>.menu-item .menu-sub {
    border-radius: .5rem
}

.menu-horizontal:not(.menu-no-animation) .menu-inner .menu-item.open .menu-sub {
    animation: menuDropdownShow .3s ease-in-out
}

@media(max-width: 991.98px) {
    .menu-horizontal {
        display: none
    }
}

.menu-horizontal-wrapper {
    overflow: hidden;
    flex: 0 1 100%;
    inline-size: 0
}

.menu:not(.menu-no-animation) .menu-horizontal-wrapper .menu-inner {
    transition: margin .3s
}

.menu-horizontal-prev,
.menu-horizontal-next {
    position: relative;
    display: block;
    flex: 0 0 auto;
    inline-size: 2.25rem
}

.menu-horizontal-prev::after,
.menu-horizontal-next::after {
    position: absolute;
    display: block;
    border: 1px solid;
    block-size: .5rem;
    border-block-start: 0;
    content: "";
    inline-size: .5rem;
    inset-block-start: 50%;
    inset-inline-start: 50%
}

.menu-horizontal-prev.disabled,
.menu-horizontal-next.disabled {
    cursor: not-allowed
}

.menu-horizontal-prev::after {
    border-inline-end: 0;
    transform: translate(0, -50%) rotate(45deg)
}

:dir(rtl) .menu-horizontal-prev::after {
    transform: translate(0, -50%) rotate(-45deg)
}

.menu-horizontal-next::after {
    border-inline-start: 0;
    transform: translate(50%, -50%) rotate(315deg)
}

:dir(rtl) .menu-horizontal-next::after {
    transform: translate(-50%, -50%) rotate(-315deg)
}

@keyframes menuDropdownShow {
    0% {
        opacity: 0;
        transform: translateY(-0.5rem)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.layout-container {
    min-block-size: 100vh
}

.layout-wrapper,
.layout-container {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    inline-size: 100%
}

.layout-menu-offcanvas .layout-wrapper,
.layout-menu-fixed-offcanvas .layout-wrapper {
    overflow: hidden
}

.layout-menu-offcanvas .layout-navbar .layout-menu-toggle,
.layout-menu-fixed-offcanvas .layout-navbar .layout-menu-toggle {
    display: block !important
}

@media(min-width: 1200px) {

    .layout-menu-offcanvas .layout-menu .layout-menu-toggle,
    .layout-menu-fixed-offcanvas .layout-menu .layout-menu-toggle {
        display: none
    }
}

.layout-page,
.content-wrapper,
.content-wrapper>*,
.layout-menu {
    min-block-size: 1px
}

.layout-navbar {
    flex: 0 0 auto
}

.layout-page {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    padding: 0
}

.layout-without-menu .layout-page {
    padding-inline: 0 !important
}

.content-wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between
}

.content-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-color: #9395a1
}

.content-backdrop.fade {
    opacity: 0
}

.content-backdrop.show {
    opacity: .5
}

.layout-menu-fixed .content-backdrop {
    z-index: 10
}

.layout-horizontal .content-backdrop:not(.fade) {
    z-index: 9;
    inset-block-start: 4rem !important
}

.content-backdrop.fade {
    z-index: -1
}

.layout-navbar-fixed .sticky-element {
    inset-block-start: 3.6rem
}

.layout-menu-fixed .layout-horizontal .sticky-element {
    inset-block-start: 7.75rem
}

.layout-menu-fixed.layout-navbar-fixed .layout-horizontal .sticky-element {
    inset-block-start: 4rem
}

.layout-navbar {
    position: relative;
    z-index: 2;
    flex-wrap: nowrap;
    backdrop-filter: blur(7.5px);
    block-size: 4rem;
    color: var(--body-color);
    padding-block: .25rem .2rem
}

.layout-navbar .navbar {
    transform: translate3d(0, 0, 0)
}

.layout-navbar .navbar-nav-right {
    flex-basis: 100%
}

.layout-navbar .search-toggler {
    display: flex;
    gap: .5rem
}

.layout-navbar.navbar-detached {
    padding: 0;
    inline-size: calc(100% - 1.5rem*2);
    transition: padding .2s ease;
    border-bottom-right-radius: .625rem;
    border-bottom-left-radius: .625rem
}

.layout-navbar-fixed .window-scrolled .layout-navbar.navbar-detached {
    box-shadow: var(--navbar-search-shadow);
    padding-block: 0;
    padding-inline: 1.5rem
}

.layout-navbar.navbar-detached.container-xxl {
    max-inline-size: calc(1440px - 1.5rem*2)
}

.layout-navbar-fixed .layout-navbar.navbar-detached {
    inline-size: calc(100% - 1.5rem*2 - var(--menu-width))
}

@media(max-width: 1199.98px) {
    .layout-navbar-fixed .layout-navbar.navbar-detached {
        inline-size: calc(100% - 1.5rem*2) !important
    }
}

@media(max-width: 991.98px) {
    .layout-navbar-fixed .layout-navbar.navbar-detached {
        inline-size: calc(100% - 1rem*2) !important
    }
}

.layout-navbar-fixed .modal-open .layout-navbar.navbar-detached,
.layout-navbar-fixed.swal2-shown .layout-navbar.navbar-detached {
    inline-size: calc(100% - 1.5rem*2 - calc(16.25rem + var(--scrollbar-width)))
}

.layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached {
    inline-size: calc(100% - 1.5rem*2 - var(--menu-collapsed-width))
}

.layout-menu-collapsed .layout-navbar.navbar-detached,
.layout-without-menu .layout-navbar.navbar-detached {
    inline-size: calc(100% - 1.5rem*2)
}

.layout-navbar .dropdown-menu .dropdown-item,
.layout-navbar .dropdown-menu .dropdown-header {
    padding-block: .525rem;
    padding-inline: 1rem
}

.layout-navbar .navbar-dropdown .badge-notifications {
    inset-block-start: 5px;
    inset-inline-end: -3px
}

.layout-navbar .navbar-dropdown .dropdown-menu {
    overflow: hidden;
    min-inline-size: 23.75rem
}

.layout-navbar .navbar-dropdown .dropdown-menu .dropdown-item {
    min-block-size: 2.375rem
}

.layout-navbar .navbar-dropdown .dropdown-menu .last-login {
    white-space: normal
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list {
    max-block-size: 25.75rem
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item {
    cursor: pointer;
    padding-block: calc(1rem - .25rem);
    padding-inline: 1rem
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions {
    text-align: center
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions>a {
    display: block
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive .icon-base,
.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive span {
    color: var(--gray-700)
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read,
.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-archive {
    visibility: hidden
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read span {
    background-color: var(--secondary)
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.marked-as-read) .dropdown-notifications-archive {
    visibility: hidden
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-read,
.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-archive {
    visibility: visible
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-archive {
    visibility: visible
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-read span {
    background-color: #6d788d
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list {
    max-block-size: 25.75rem
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item {
    padding: 1.5rem;
    text-align: center
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item:hover {
    background-color: color-mix(in sRGB, var(--base-color) 6%, var(--paper-bg))
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in sRGB, var(--base-color) 8%, var(--paper-bg));
    block-size: 3.125rem;
    color: var(--heading-color);
    inline-size: 3.125rem;
    margin-inline: auto
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a,
.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover {
    display: block;
    color: var(--heading-color) !important;
    font-weight: 500;
    margin-block-end: 0
}

.layout-navbar .navbar-dropdown.dropdown-user .dropdown-menu {
    min-inline-size: 14rem
}

.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .input-group-text,
.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .dropdown-toggle {
    color: var(--white)
}

@media(max-width: 1199.98px) {
    .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: absolute
    }

    .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu .last-login {
        white-space: nowrap
    }
}

@media(max-width: 767.98px) {
    .layout-navbar .navbar-nav .nav-item.dropdown {
        position: static;
        float: inline-start
    }

    .layout-navbar .navbar-nav .nav-item.dropdown .badge-notifications {
        inset-block-start: auto
    }

    .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: absolute;
        inline-size: 92%;
        inset-inline-start: .9rem;
        min-inline-size: auto
    }
}

.navbar-nav .nav-link:focus-visible {
    box-shadow: none
}

@media(max-width: 1199.98px) {
    .layout-navbar {
        z-index: 1080
    }
}

.layout-menu {
    position: relative;
    flex: 1 0 auto
}

.layout-menu a:focus-visible {
    outline: none
}

.layout-menu .menu {
    transform: translate3d(0, 0, 0)
}

.layout-menu .menu-vertical {
    block-size: 100%
}

.layout-content-navbar .layout-page {
    flex-basis: 100%;
    flex-direction: column;
    inline-size: 0;
    max-inline-size: 100%;
    min-inline-size: 0
}

.layout-content-navbar .content-wrapper {
    inline-size: 100%
}

.layout-navbar-full .layout-container {
    flex-direction: column
}

@media(min-width: 1200px) {
    .layout-navbar-full:not(.layout-horizontal) .menu-inner {
        margin-block-start: .75rem
    }
}

.layout-navbar-full .content-wrapper {
    flex-basis: 100%;
    inline-size: 0;
    max-inline-size: 100%;
    min-inline-size: 0
}

.layout-navbar-full.layout-horizontal .layout-navbar {
    background-color: var(--navbar-bg);
    box-shadow: 0 1px 0 var(--border-color)
}

.layout-navbar-full.layout-horizontal .layout-navbar .aa-DetachedSearchButtonPlaceholder {
    display: none
}

.layout-navbar-full .content-backdrop.show {
    z-index: 9
}

.layout-menu-fixed .layout-navbar-full .content-backdrop.show,
.layout-menu-fixed-offcanvas .layout-navbar-full .content-backdrop.show {
    z-index: 1076
}

.layout-menu-toggle {
    transform: rotate(0deg);
    transition-duration: .3s;
    transition-property: transform
}

:dir(rtl) .layout-menu-toggle {
    transform: rotate(180deg)
}

.layout-menu-toggle.menu-link {
    fill: var(--heading-color)
}

@media(min-width: 1200px) {

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {
        inline-size: var(--menu-collapsed-width)
    }

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item {
        inline-size: var(--menu-collapsed-width)
    }

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-header,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-header,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block {
        position: relative;
        inline-size: var(--menu-width);
        margin-inline-start: var(--menu-collapsed-width);
        padding-inline: .5rem calc(var(--menu-vertical-link-padding-x)*2 - .5rem);
        text-indent: -9999px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-header .menu-header-text,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block .menu-header-text,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-header .menu-header-text,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block .menu-header-text {
        overflow: hidden;
        opacity: 0
    }

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-header::before,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-header::before,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before {
        position: absolute;
        display: block;
        content: "";
        inline-size: calc(var(--menu-collapsed-width)*.25);
        inset-block: .5rem;
        inset-inline-start: calc(-1*var(--menu-collapsed-width)*.635);
        text-align: center
    }

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-header::before,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-header::before {
        block-size: .125rem
    }

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .app-brand,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .app-brand {
        padding-inline-start: 1rem
    }

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item div:not(.menu-block),
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item div:not(.menu-block) {
        overflow: hidden;
        opacity: 0;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item>.menu-sub,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item.open>.menu-sub,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item>.menu-sub,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item.open>.menu-sub {
        display: none
    }

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item>.menu-toggle::after,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item>.menu-toggle::after {
        display: none
    }

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-item>.menu-link,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-block,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-header,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-item>.menu-link,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-block,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner>.menu-header {
        padding-inline-end: calc(0.75rem + 0.66em)
    }

    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner>.menu-item>.menu-link .menu-icon,
    .layout-menu-collapsed:not(.layout-menu-hover, .layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner>.menu-item>.menu-link .menu-icon {
        margin: 0;
        margin-inline-end: 0;
        text-align: center
    }

    .layout-menu-hover.layout-menu-collapsed .layout-menu {
        margin-inline-end: -calc(var(--menu-width)var(--menu-collapsed-width))
    }

    .layout-menu-hover.layout-menu-collapsed .layout-menu .layout-menu-toggle svg {
        transform: rotate(180deg);
        transition-duration: .3s;
        transition-property: transform
    }

    :dir(rtl) .layout-menu-hover.layout-menu-collapsed .layout-menu .layout-menu-toggle svg {
        transform: rotate(0deg)
    }
}

@media(min-width: 1200px) {
    .layout-menu-collapsed.layout-menu-offcanvas .layout-menu {
        margin-inline-end: calc(var(--menu-width)*-1);
        transform: translateX(-100%)
    }
}

@media(min-width: 1200px) {

    .layout-menu-fixed .layout-menu,
    .layout-menu-fixed-offcanvas .layout-menu {
        position: fixed;
        inset-block: 0;
        inset-inline-start: 0;
        margin-inline: 0 !important
    }

    .layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu {
        transform: translateX(-100%)
    }

    .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page,
    .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
        padding-inline-start: var(--menu-width)
    }

    .layout-menu-fixed.layout-menu-collapsed .layout-page {
        padding-inline-start: var(--menu-collapsed-width)
    }
}

html:not(.layout-navbar-fixed, .layout-menu-fixed, .layout-menu-fixed-offcanvas) .layout-page,
html:not(.layout-navbar-fixed) .layout-content-navbar .layout-page {
    padding-block-start: 0 !important
}

html:not(.layout-footer-fixed) .content-wrapper {
    padding-block-end: 0 !important
}

@media(max-width: 1199.98px) {

    .layout-menu-fixed .layout-wrapper.layout-navbar-full .layout-menu,
    .layout-menu-fixed-offcanvas .layout-wrapper.layout-navbar-full .layout-menu {
        inset-block-start: 0 !important
    }

    html:not(.layout-navbar-fixed) .layout-navbar-full .layout-page {
        padding-block-start: 0 !important
    }
}

.layout-navbar-hidden .layout-navbar {
    display: none
}

.layout-navbar-fixed .layout-navbar {
    position: fixed;
    inset-block-start: 0;
    inset-inline: 0
}

@media(min-width: 1200px) {

    .layout-menu-fixed .layout-navbar-full .layout-navbar,
    .layout-menu-fixed-offcanvas .layout-navbar-full .layout-navbar {
        position: fixed;
        inset-block-start: 0;
        inset-inline: 0
    }

    .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        inset-inline-start: var(--menu-width)
    }

    .layout-navbar-fixed:not(.layout-menu-collapsed).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-navbar-fixed:not(.layout-menu-collapsed) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        inset-inline-start: calc(16.25rem - var(--scrollbar-width))
    }

    .layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        inset-inline-start: calc(16.25rem + var(--scrollbar-width))
    }

    .layout-menu-fixed.swal2-shown .layout-horizontal .layout-navbar,
    .layout-menu-fixed.swal2-shown .layout-horizontal .layout-menu-horizontal,
    .layout-menu-fixed .modal-open .layout-horizontal .layout-navbar,
    .layout-menu-fixed .modal-open .layout-horizontal .layout-menu-horizontal {
        inline-size: calc(100% - var(--scrollbar-width))
    }

    :dir(rtl).layout-menu-fixed.swal2-shown .layout-horizontal .layout-navbar,
    :dir(rtl).layout-menu-fixed .modal-open .layout-horizontal .layout-navbar {
        inline-size: calc(100% + var(--scrollbar-width))
    }

    .layout-menu-fixed:not(.layout-navbar-hidden) .layout-horizontal .layout-page .menu-horizontal,
    .layout-menu-fixed-offcanvas:not(.layout-navbar-hidden) .layout-horizontal .layout-page .menu-horizontal {
        position: fixed;
        inset-block-start: 4rem
    }

    .layout-menu-fixed:not(.layout-navbar-hidden) .layout-horizontal .layout-page .menu-horizontal+[class*=container-],
    .layout-menu-fixed-offcanvas:not(.layout-navbar-hidden) .layout-horizontal .layout-page .menu-horizontal+[class*=container-] {
        padding-block-start: 5.25rem !important
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar {
        inset-inline-start: var(--menu-collapsed-width)
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl),
    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl),
    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl),
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl),
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) {
        inset-inline-start: calc(var(--menu-collapsed-width) - var(--scrollbar-width))
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) {
        inline-size: calc(100% - 1.5rem*2 - var(--menu-collapsed-width) - var(--scrollbar-width))
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl),
    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl),
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl),
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-xxl) {
        inset-inline-start: calc(var(--menu-collapsed-width) + var(--scrollbar-width))
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        inline-size: calc(100% - 1.5rem*2 - var(--menu-collapsed-width) - var(--scrollbar-width))
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl).swal2-shown .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed:dir(rtl) .modal-open .layout-content-navbar:not(.layout-without-menu) .layout-navbar:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) {
        inset-inline-start: calc(var(--menu-collapsed-width) + var(--scrollbar-width))
    }
}

.layout-footer-fixed .content-footer {
    position: fixed;
    z-index: 9;
    inset-block-end: 0;
    inset-inline: 0
}

.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container,
.layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer {
    background-color: var(--footer-bg);
    box-shadow: var(--footer-box-shadow)
}

.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container {
    border: var(--footer-border-width) solid var(--footer-border-color);
    padding-inline: 1.5rem;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem
}

@media(min-width: 1200px) {
    .layout-footer-fixed:not(.layout-menu-collapsed) .layout-wrapper:not(.layout-without-menu) .content-footer {
        inset-inline-start: var(--menu-width)
    }

    .layout-footer-fixed:not(.layout-menu-collapsed).swal2-shown .layout-wrapper .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-footer-fixed:not(.layout-menu-collapsed) .modal-open .layout-wrapper .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) {
        inline-size: calc(100% - 16.25rem - var(--scrollbar-width))
    }

    .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-xxl),
    .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl) .modal-open .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-xxl) {
        inset-inline-start: calc(16.25rem + var(--scrollbar-width))
    }

    .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl).swal2-shown .layout-wrapper .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-footer-fixed:not(.layout-menu-collapsed):dir(rtl) .modal-open .layout-wrapper .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) {
        inset-inline-start: calc(var(--menu-width) + var(--scrollbar-width))
    }

    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-wrapper:not(.layout-without-menu) .content-footer {
        inset-inline-start: var(--menu-collapsed-width)
    }

    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).swal2-shown .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-xxl),
    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .modal-open .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-xxl) {
        inset-inline-start: calc(4.375rem - var(--scrollbar-width))
    }

    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).swal2-shown .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl),
    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .modal-open .layout-wrapper:not(.layout-without-menu) .content-footer:has(.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) {
        inline-size: calc(100% - 4.375rem - var(--scrollbar-width));
        inset-inline-start: 4.375rem
    }

    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl).swal2-shown .layout-wrapper:not(.layout-without-menu) .content-footer,
    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas):dir(rtl) .modal-open .layout-wrapper:not(.layout-without-menu) .content-footer {
        inset-inline-start: calc(4.375rem + var(--scrollbar-width))
    }
}

@media(max-width: 1199.98px) {
    .layout-menu {
        position: fixed !important;
        block-size: 100% !important;
        inset-block-start: 0 !important;
        inset-inline-start: 0 !important;
        margin-inline: 0 !important;
        transform: translate3d(-100%, 0, 0);
        will-change: transform, -webkit-transform
    }

    :dir(rtl) .layout-menu {
        transform: translate3d(100%, 0, 0)
    }

    .layout-menu-expanded .layout-menu {
        transform: translate3d(0, 0, 0) !important
    }

    .layout-menu-expanded body {
        overflow: hidden
    }

    .layout-overlay {
        position: fixed;
        display: none;
        background: #9395a1;
        block-size: 100% !important;
        cursor: pointer;
        inset-block-start: 0;
        inset-inline: 0;
        opacity: .5
    }

    .layout-menu-expanded .layout-overlay {
        display: block
    }

    .layout-menu-100vh .layout-menu,
    .layout-menu-100vh .layout-overlay {
        block-size: 100dvh !important
    }

    .drag-target {
        position: fixed;
        z-index: 1036;
        block-size: 100%;
        inline-size: 40px;
        inset-block-start: 0;
        inset-inline-start: 0
    }
}

body:not(.modal-open) .layout-navbar-full .layout-navbar {
    z-index: 1080
}

body:not(.modal-open) .layout-content-navbar .layout-navbar {
    z-index: 1075
}

.layout-menu-horizontal {
    z-index: 1079
}

@media(max-width: 1199.98px) {
    .layout-menu {
        z-index: 1100
    }

    .layout-overlay {
        z-index: 1099
    }
}

@media(min-width: 1200px) {
    .layout-navbar-full .layout-navbar {
        z-index: 10
    }

    .layout-navbar-full .layout-menu {
        z-index: 9
    }

    .layout-content-navbar .layout-navbar {
        z-index: 9
    }

    .layout-content-navbar .layout-menu {
        z-index: 10
    }

    .layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas).layout-menu-hover .layout-navbar-full .layout-menu {
        z-index: 1075 !important
    }

    .layout-menu-collapsed:not(.layout-menu-offcanvas, .layout-menu-fixed-offcanvas) .layout-content-navbar .layout-menu {
        z-index: 1085 !important
    }

    .layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-menu,
    .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-menu {
        z-index: 1075
    }

    .layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-menu,
    .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-menu,
    .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-menu {
        z-index: 1080
    }
}

.layout-menu-link-no-transition .layout-menu .menu-link,
.layout-menu-link-no-transition .layout-menu-horizontal .menu-link {
    animation: none !important;
    transition: none !important
}

.layout-no-transition .layout-menu,
.layout-no-transition .layout-menu .menu,
.layout-no-transition .layout-menu .menu-item,
.layout-no-transition .layout-menu-horizontal,
.layout-no-transition .layout-menu-horizontal .menu,
.layout-no-transition .layout-menu-horizontal .menu-item {
    animation: none !important;
    transition: none !important
}

@media(max-width: 1199.98px) {
    .layout-transitioning .layout-overlay {
        animation: menuAnimation .3s
    }

    .layout-transitioning .layout-menu {
        transition-duration: .3s;
        transition-property: transform, -webkit-transform
    }
}

@media(min-width: 1200px) {
    .layout-menu-collapsed:not(.layout-transitioning, .layout-menu-offcanvas, .layout-menu-fixed, .layout-menu-fixed-offcanvas) .layout-menu {
        transition-duration: .3s;
        transition-property: margin-inline-start, margin-inline-end, inline-size
    }

    .layout-transitioning.layout-menu-offcanvas .layout-menu {
        transition-duration: .3s;
        transition-property: margin-inline-start, margin-inline-end, transform, -webkit-transform
    }

    .layout-transitioning.layout-menu-fixed .layout-page,
    .layout-transitioning.layout-menu-fixed-offcanvas .layout-page {
        transition-duration: .3s;
        transition-property: padding-inline-start, padding-inline-end
    }

    .layout-transitioning.layout-menu-fixed .layout-menu {
        transition: inline-size .3s
    }

    .layout-transitioning.layout-menu-fixed-offcanvas .layout-menu {
        transition-duration: .3s;
        transition-property: transform, -webkit-transform
    }

    .layout-transitioning.layout-navbar-fixed .layout-content-navbar .layout-navbar,
    .layout-transitioning.layout-footer-fixed .content-footer {
        transition-duration: .3s;
        transition-property: inset-inline-start, inset-inline-end
    }

    .layout-transitioning:not(.layout-menu-offcanvas, .layout-menu-fixed, .layout-menu-fixed-offcanvas) .layout-menu {
        transition-duration: .3s;
        transition-property: margin-inline-start, margin-inline-end, inline-size
    }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .menu,
    .layout-menu,
    .layout-page,
    .layout-navbar {
        transition: none !important;
        transition-duration: 0s !important
    }

    .layout-overlay {
        animation: none !important
    }
}

@keyframes menuAnimation {
    0% {
        opacity: 0
    }

    100% {
        opacity: .5
    }
}

.app-brand {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    line-height: 1
}

.app-brand .app-brand-text {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.app-brand .layout-menu-toggle {
    display: block
}

.app-brand-link {
    display: flex;
    align-items: center
}

.menu-horizontal .app-brand,
.menu-horizontal .app-brand+.menu-divider {
    display: none !important
}

@media(min-width: 1200px) {

    .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-logo~.app-brand-text,
    .menu-collapsed:not(:hover) .app-brand .app-brand-logo~.app-brand-text {
        opacity: 0
    }

    .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-img,
    .menu-collapsed:not(:hover) .app-brand .app-brand-img {
        display: none
    }

    .layout-menu-collapsed:not(.layout-menu-hover) .layout-menu .app-brand-img-collapsed,
    .menu-collapsed:not(:hover) .app-brand .app-brand-img-collapsed {
        display: block
    }
}

.layout-wrapper:not(.layout-horizontal) .aa-DetachedSearchButtonPlaceholder[hidden] {
    display: block !important
}

.switch {
    --switch-bg: var(--gray-100);
    --switch-color: var(--gray-400);
    --switch-border-color: var(--gray-100);
    --switch-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.16) inset;
    --switch-holder-bg: var(--white);
    --switch-holder-shadow: var(--box-shadow-xs);
    position: relative;
    display: inline-block;
    border-radius: 30rem;
    cursor: pointer;
    margin-inline-end: .75rem;
    vertical-align: middle;
    font-size: .9375rem;
    line-height: 1.4;
    min-block-size: 1.35rem
}

.switch:has(.switch-input:disabled) {
    cursor: not-allowed
}


.switch .invalid-feedback {
    padding-inline-start: .5rem
}

.avatar {
    --avatar-size: 2.5rem;
    --avatar-group-border: var(--paper-bg);
    --avatar-initial-inline: 3px;
    --avatar-initial-bg: #f0eff0;
    position: relative;
    block-size: var(--avatar-size);
    cursor: pointer;
    inline-size: var(--avatar-size)
}

.avatar .avatar-initial {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--avatar-initial-bg);
    color: var(--white);
    font-size: var(--avatar-initial);
    font-weight: 500;
    inset: 0;
    text-transform: uppercase
}

.avatar.avatar-online::after {
    position: absolute;
    border-radius: 100%;
    block-size: calc(var(--avatar-size)*.2);
    box-shadow: 0 0 0 2px var(--white);
    content: "";
    inline-size: calc(var(--avatar-size)*.2);
    inset-block-end: 0;
    inset-inline-end: var(--avatar-initial-inline)
}

.avatar img {
    block-size: 100%;
    inline-size: 100%
}

.avatar.avatar-online::after {
    background-color: var(--success)
}

[data-theme=dark] .avatar {
    --avatar-initial-bg: #3f3b59
}

[data-theme=dark] .avatar.avatar-online::after,
[data-theme=dark] .avatar.avatar-offline::after,
[data-theme=dark] .avatar.avatar-away::after,
[data-theme=dark] .avatar.avatar-busy::after {
    box-shadow: 0 0 0 2px var(--body-bg)
}

[data-theme=dark] .divider:not([class*=divider-]) {
    --divider-color: #474360
}

[data-theme=dark] .footer.bg-dark {
    --footer-brand-hover-color: color-mix(in sRGB, var(--paper-bg) 84%, var(--dark-contrast));
    --footer-link-hover-color: color-mix(in sRGB, var(--paper-bg) 84%, var(--dark-contrast))
}